/*==============================================
    Services One
===============================================*/
.services-one {
    position: relative;
    display: block;
    background-color: var(--careon-extra);
    padding: 0 0 90px;
    z-index: 1;
}

.services-one__left {
    position: relative;
    display: block;
    margin-top: 240px;
}

.services-one__left .section-title {
    margin-bottom: 30px;
}

.services-one__btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
}

.services-one__btn-box .thm-btn {
    background-color: var(--careon-white);
    border: 1px solid var(--careon-primary);
    color: var(--careon-black);
}

.services-one__right {
    position: relative;
    display: block;
    margin-left: 30px;
}

.services-one__single {
    position: relative;
    display: block;
    background-color: var(--careon-white);
    border-radius: var(--careon-bdr-radius);
    padding: 40px 40px 37px;
    margin-bottom: 30px;
}

.services-one__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    background-color: var(--color3);
    border-radius: 50%;
    z-index: 1;
}

.services-one__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--careon-base);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.services-one__single:hover .services-one__icon:before {
    transform: scaleX(1);
}

.services-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--careon-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.services-one__single:hover .services-one__icon span {
    transform: scale(0.9);
    color: var(--careon-white);
}

.services-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin: 22px 0 34px;
}

.services-one__title a {
    color: var(--careon-black);
}

.services-one__title a:hover {
    color: var(--careon-base);
}

.services-one__read-more {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--careon-black);
    margin-top: 31px;
}

.services-one__read-more:hover {
    color: var(--careon-base);
}

.services-one__right ul li:first-child {
    margin-top: 80px;
}

.services-one__right ul li:last-child {
    margin-top: -80px;
}

/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
}

.services-two__inner {
    position: relative;
    display: block;
    border: 2px solid var(--careon-bdr-color);
    border-radius: var(--careon-bdr-radius);
    padding: 41px 40px 18px;
}

.services-two__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 22px;
}

.services-two__single::before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    bottom: 0;
    width: 2px;
    background-color: var(--careon-bdr-color);
}

.services-two__inner ul li:first-child .services-two__single::before {
    display: none;
}

.services-two__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.services-two__title a {
    color: var(--careon-black);
}

.services-two__title a:hover {
    color: var(--careon-base);
}

.services-two__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    background-color: var(--careon-extra);
    border-radius: 50%;
    margin: 23px auto 20px;
    z-index: 1;
}

.services-two__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--careon-base);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.services-two__single:hover .services-two__icon:before {
    transform: scaleX(1);
}

.services-two__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--careon-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.services-two__single:hover .services-two__icon span {
    transform: scale(0.9);
    color: var(--careon-white);
}

.services-two__btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
}

.services-two__btn-box .thm-btn {
    color: var(--careon-black);
    padding: 12px 29px 16px;
    background-color: transparent;
    border: 1px solid var(--careon-black);
}

.services-two__btn-box .thm-btn::before,
.services-two__btn-box .thm-btn::after {
    background-color: var(--careon-black);
}

/*--------------------------------------------------------------
# Services Three
--------------------------------------------------------------*/
.seyma-benefits{position:relative;isolation:isolate;overflow:hidden;padding:clamp(75px,8vw,120px) 0;background:linear-gradient(155deg,var(--careon-white) 0%,var(--careon-primary) 63%,var(--color3) 100%);color:var(--color1);font-family:var(--careon-font,Roboto,Arial,sans-serif)}
.seyma-benefits,.seyma-benefits *{box-sizing:border-box}
.seyma-benefits:before{content:"";position:absolute;inset:-180px auto auto -120px;width:360px;aspect-ratio:1;border:1px solid rgba(var(--careon-base-rgb),.28);border-radius:50%;box-shadow:0 0 0 43px rgba(var(--careon-base-rgb),.035);pointer-events:none}
.seyma-benefits:after{content:"";position:absolute;right:-90px;bottom:-155px;width:330px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--careon-base-rgb),.11),transparent 68%);pointer-events:none}
.seyma-benefits .container{position:relative;z-index:1;width:min(calc(100% - 40px),1380px);max-width:1380px;margin-inline:auto;padding-inline:0}
.seyma-benefits .seyma-benefits__heading{max-width:990px;margin:0 auto clamp(38px,4.2vw,64px);text-align:center}
.seyma-benefits .seyma-benefits__heading .section-title__title{display:block;margin:0;color:var(--color1);font-size:clamp(30px,3.25vw,47px);line-height:1.19;font-weight:850;letter-spacing:.018em;word-spacing:.12em;text-align:center;text-transform:none;overflow-wrap:break-word;text-wrap:balance}
.seyma-benefits .seyma-benefits__heading .section-title__tagline{position:relative;display:table;width:fit-content;max-width:min(100%,840px);margin:23px auto 0;padding:15px 23px 16px;border-left:5px solid var(--color2);border-radius:0 16px 16px 16px;background:linear-gradient(100deg,rgba(var(--careon-base-rgb),.18),var(--careon-white));border-top:1px solid rgba(var(--careon-base-rgb),.22);border-right:1px solid rgba(var(--careon-base-rgb),.14);border-bottom:1px solid rgba(var(--careon-base-rgb),.14);box-shadow:0 12px 30px rgba(var(--careon-black-rgb),.065);color:var(--color1);font-size:clamp(16px,1.35vw,19px);line-height:1.62;font-weight:750;letter-spacing:.025em;word-spacing:.1em;text-align:center;text-transform:none;text-wrap:pretty}.seyma-benefits .seyma-benefits__heading .section-title__tagline::before{content:"";position:absolute;top:-9px;left:18px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle, rgba(var(--careon-base-rgb), .28) 0%, rgba(var(--careon-base-rgb), 0) 72%);z-index:-1}
.seyma-benefits .seyma-benefits__line{width:112px;height:8px;margin:18px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--color2) 0 34%,rgba(var(--careon-black-rgb),.92) 34% 44%,rgba(var(--careon-base-rgb),.25) 44% 52%,var(--color2) 52% 100%);box-shadow:0 6px 16px rgba(var(--careon-base-rgb),.22)}
.seyma-benefits .seyma-benefits__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.75vw,24px);align-items:stretch;margin:0}
.seyma-benefits .seyma-benefits__item{min-width:0;margin:0;padding:0;width:auto;max-width:none;flex:none}
.seyma-benefits .services-three__single{position:relative;display:flex;flex-direction:column;height:100%;min-height:365px;margin:0;padding:clamp(24px,2.25vw,34px);background:var(--careon-white);border:1px solid rgba(var(--careon-black-rgb),.07);border-radius:23px;box-shadow:0 14px 36px rgba(var(--careon-black-rgb),.055);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;overflow:hidden}
.seyma-benefits .services-three__single:before{content:"";position:absolute;left:25px;top:0;height:5px;width:64px;background:var(--color2);border-radius:0 0 10px 10px}
.seyma-benefits .services-three__single:after{content:"";position:absolute;right:-45px;bottom:-65px;width:145px;height:145px;border:1px solid rgba(var(--careon-base-rgb),.17);border-radius:50%;pointer-events:none}
.seyma-benefits .services-three__single:hover{transform:translateY(-8px);border-color:rgba(var(--careon-base-rgb),.55);box-shadow:0 25px 54px rgba(var(--careon-black-rgb),.10)}
.seyma-benefits .services-three__icon{position:relative;flex-shrink:0;display:grid;place-items:center;width:112px;height:112px;margin:0 0 23px;border-radius:24px;background:linear-gradient(145deg,var(--color3),rgba(var(--careon-base-rgb),.20));border:1px solid rgba(var(--careon-base-rgb),.22);overflow:visible;isolation:isolate;transition:background .3s ease,transform .35s ease}
.seyma-benefits .services-three__icon:before{content:"";position:absolute;inset:9px;border-radius:17px;border:1px dashed rgba(var(--careon-base-rgb),.38);pointer-events:none;transform:none;background:none;z-index:-1}
.seyma-benefits .services-three__icon img{display:block!important;width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;object-fit:contain;transition:transform .45s ease;filter:none}
.seyma-benefits .services-three__single:hover .services-three__icon{transform:rotate(-3deg)}
.seyma-benefits .services-three__single:hover .services-three__icon img{transform:scale(1.12) rotate(3deg)}
.seyma-benefits .services-three__title{margin:0 0 16px;color:var(--color1);font-size:clamp(20px,1.65vw,25px);line-height:1.29;font-weight:800;letter-spacing:.008em;word-spacing:.085em;overflow-wrap:break-word;text-wrap:pretty}
.seyma-benefits .services-three__text{margin:0;color:var(--color1);font-size:16px;line-height:1.85;letter-spacing:.008em;word-spacing:.035em;overflow-wrap:break-word}
.seyma-benefits .seyma-benefits__quote{grid-column:span 2}
.seyma-benefits .services-three__get-a-quote{position:relative;display:flex;flex-direction:column;min-height:365px;height:100%;margin:0;padding:clamp(28px,3vw,44px);overflow:hidden;border-radius:23px;background:var(--color1);border:1px solid rgba(var(--careon-base-rgb),.35);box-shadow:0 22px 48px rgba(var(--careon-black-rgb),.14);z-index:0}
.seyma-benefits .services-three__get-a-quote-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat}
.seyma-benefits .services-three__get-a-quote-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--careon-black-rgb),.94) 0%,rgba(var(--careon-black-rgb),.77) 48%,rgba(var(--careon-black-rgb),.33) 100%)}
.seyma-benefits .services-three__get-a-quote:after{content:"";position:absolute;right:30px;top:30px;width:72px;height:6px;border-radius:99px;background:var(--color2)}
.seyma-benefits .services-three__get-a-quote-sub-title{position:relative;margin:0 0 16px;color:var(--color2);font-size:18px;line-height:1.5;font-weight:750;letter-spacing:.035em}
.seyma-benefits .services-three__get-a-quote-title{position:relative;margin:0;color:var(--careon-white);font-size:clamp(29px,2.6vw,39px);line-height:1.2;font-weight:850;letter-spacing:.02em;word-spacing:.09em}
.seyma-benefits .services-three__thm-btn{position:relative;display:block;margin-top:auto;padding-top:36px}
.seyma-benefits .services-three__thm-btn .thm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;border-radius:999px;background:var(--color4);color:var(--careon-white);font-size:16px;line-height:1.3;font-weight:700;letter-spacing:.025em;box-shadow:0 10px 22px rgba(var(--careon-black-rgb),.18);cursor:pointer;transition:transform .25s ease,filter .25s ease}
.seyma-benefits .services-three__thm-btn .thm-btn:before,.seyma-benefits .services-three__thm-btn .thm-btn:after{display:none}
.seyma-benefits .services-three__thm-btn .thm-btn:hover{color:var(--careon-white);filter:brightness(.92);transform:translateY(-2px)}
.seyma-benefits .services-three__thm-btn .thm-btn:focus-visible{outline:3px solid var(--color2);outline-offset:4px}
.seyma-benefits [data-seyma-benefit-reveal]{opacity:1;transform:none}
.seyma-benefits.seyma-benefits--animated [data-seyma-benefit-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.72,.25,1)}
.seyma-benefits.seyma-benefits--animated [data-seyma-benefit-reveal].seyma-benefits--visible{opacity:1;transform:none}
@media(max-width:1150px){.seyma-benefits .seyma-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seyma-benefits .services-three__single,.seyma-benefits .services-three__get-a-quote{min-height:330px}}
@media(max-width:680px){.seyma-benefits{padding:66px 0 82px}.seyma-benefits .container{width:min(calc(100% - 30px),1380px)}.seyma-benefits .seyma-benefits__grid{grid-template-columns:1fr;gap:18px}.seyma-benefits .seyma-benefits__quote{grid-column:auto}.seyma-benefits .services-three__single,.seyma-benefits .services-three__get-a-quote{min-height:auto}.seyma-benefits .services-three__single{padding:26px 24px 30px}.seyma-benefits .services-three__icon{width:102px;height:102px}.seyma-benefits .services-three__icon img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important}.seyma-benefits .seyma-benefits__heading .section-title__tagline{margin-top:19px;padding:15px 17px;border-left:0;border-bottom:4px solid var(--color2);border-radius:16px}.seyma-benefits .services-three__get-a-quote{min-height:290px}}
@media(prefers-reduced-motion:reduce){.seyma-benefits *,.seyma-benefits *::before,.seyma-benefits *::after{animation:none!important;transition:none!important}.seyma-benefits.seyma-benefits--animated [data-seyma-benefit-reveal]{opacity:1;transform:none}}

/*--------------------------------------------------------------
# Services Four
--------------------------------------------------------------*/
.services-four {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
}

.services-four__single {
    position: relative;
    display: block;
    background-color: var(--careon-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 40px 40px 40px;
    border: 5px solid transparent;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-four__single:hover {
    border: 5px solid rgba(var(--careon-base-rgb), .10);
}

.services-four__icon {
    position: relative;
    display: flex;
    align-items: center;
}

.services-four__icon span {
    position: relative;
    display: inline-block;
    font-size: 65px;
    color: var(--careon-primary);
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

.services-four__single:hover .services-four__icon span {
    transform: rotateY(360deg);
}

.services-four__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-transform: capitalize;
    margin-top: 42px;
    margin-bottom: 24px;
}

.services-four__title a {
    color: var(--careon-black);
}

.services-four__title a:hover {
    color: var(--careon-base);
}

.services-four__text {
    margin-bottom: 31px;
}

.services-four__btn-box {
    position: relative;
    display: block;
}

.services-four__btn-box .thm-btn {
    background-color: var(--careon-extra);
    padding: 21px 30px 21px;
    color: var(--careon-black);
}

/*--------------------------------------------------------------
# Services Five
--------------------------------------------------------------*/
.services-five {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0 90px;
    z-index: 1;
}

.services-five__single {
    position: relative;
    display: block;
    border: 1px solid var(--careon-extra);
    border-radius: 10px;
    padding: 59px 39px 59px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-five__single:hover {
    border: 1px solid var(--careon-primary);
}

.services-five__count {
    position: absolute;
    top: 63px;
    right: 41px;
}

.services-five__count:before {
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: rgba(var(--careon-black-rgb), .20);
    counter-increment: count;
    content: "0"counter(count);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.services-five__icon {
    position: relative;
    display: flex;
    align-items: center;
}

.services-five__icon span {
    position: relative;
    display: inline-block;
    font-size: 65px;
    color: var(--careon-primary);
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

.services-five__single:hover .services-five__icon span {
    transform: rotateY(360deg);
    color: var(--careon-base);
}

.services-five__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-transform: capitalize;
    margin-top: 42px;
    margin-bottom: 24px;
}

.services-five__title a {
    color: var(--careon-black);
}

.services-five__title a:hover {
    color: var(--careon-base);
}

.services-five__text {
    margin-bottom: 31px;
}

.services-five__btn-box {
    position: relative;
    display: block;
}

.services-five__btn-box .thm-btn {
    background-color: var(--careon-extra);
    padding: 21px 30px 21px;
    color: var(--careon-black);
}


/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-details {
  position: relative;
  display: block;
  isolation: isolate;
  overflow: hidden;
  z-index: 1;
  padding: clamp(72px, 8vw, 120px) 0;
  background:
    radial-gradient(ellipse at 0 8%, rgba(var(--careon-base-rgb), .075), transparent 33%),
    radial-gradient(ellipse at 100% 86%, rgba(var(--careon-base-rgb), .055), transparent 33%),
    linear-gradient(140deg, var(--color3), var(--careon-white) 49%, var(--careon-primary) 160%);
  color: var(--color1);
  font-family: var(--careon-font, Roboto, Arial, sans-serif);
}
.service-details, .service-details * { box-sizing: border-box; }
.service-details::before {
  content: "";
  position: absolute; top: -165px; right: -140px;
  width: 380px; height: 380px; border-radius: 50%;
  border: 2px solid rgba(var(--careon-base-rgb), .18);
  box-shadow: 0 0 0 36px rgba(var(--careon-base-rgb), .035);
  pointer-events: none;
}
.service-details::after {
  content: "";
  position: absolute; left: -125px; bottom: -165px;
  width: 330px; height: 330px; border-radius: 50%;
  border: 42px solid rgba(var(--careon-base-rgb), .055);
  pointer-events: none;
}
.service-details .container { position: relative; z-index: 1; }
.service-details__left, .service-details__right { position: relative; display: block; min-width: 0; }
/* Principal photograph */
.service-details__img {
  position: relative; display: block; overflow: hidden;
  padding: 10px; border-radius: 30px;
  background: linear-gradient(140deg, var(--careon-white), var(--color3));
  border: 1px solid rgba(var(--careon-base-rgb), .24);
  box-shadow: 0 25px 60px rgba(var(--careon-black-rgb), .12);
}
.service-details__img::before {
  content: ""; position: absolute; top: 0; left: 36px; width: 100px; height: 5px;
  background: var(--color2); border-radius: 0 0 9px 9px; z-index: 3;
}
.service-details__img::after {
  content: ""; position: absolute; inset: 10px; pointer-events: none;
  border-radius: 22px; border: 1px solid rgba(var(--careon-white-rgb), .52);
  background: linear-gradient(135deg, rgba(var(--careon-white-rgb), .16), transparent 46%);
  z-index: 2;
}
.service-details__img img {
  display: block; width: 100%; height: auto;
  max-height: 610px; object-fit: cover; object-position: center;
  border-radius: 22px; transition: transform .65s cubic-bezier(.2,.75,.3,1), filter .5s ease;
}
.service-details__img:hover img { transform: scale(1.035); filter: saturate(1.07); }
/* Reading area */
.service-details__content {
  position: relative; display: block; margin-top: 30px;
  padding: clamp(25px, 3.1vw, 44px);
  border: 1px solid rgba(var(--careon-black-rgb), .07);
  border-radius: 27px;
  background: linear-gradient(155deg, var(--careon-white), rgba(var(--careon-primary-rgb), .28));
  box-shadow: 0 16px 43px rgba(var(--careon-black-rgb), .065);
}
.service-details__content::before {
  content: ""; position: absolute; top: 0; left: 32px; width: 84px; height: 5px;
  background: var(--color2); border-radius: 0 0 10px 10px;
}
.service-details__title-1 {
  position: relative; margin: 0 0 26px; padding-bottom: 23px;
  color: var(--color1); font-size: clamp(31px, 3.25vw, 48px);
  font-weight: 850; line-height: 1.22;
  letter-spacing: .017em; word-spacing: .11em; overflow-wrap: break-word;
}
.service-details__title-1::after {
  content: ""; position: absolute; bottom: 0; left: 0;
  width: 112px; height: 7px; border-radius: 999px;
  background: linear-gradient(90deg, var(--color2) 0 34%, rgba(var(--careon-black-rgb), .88) 34% 44%, rgba(var(--careon-base-rgb), .24) 44% 52%, var(--color2) 52%);
  box-shadow: 0 5px 12px rgba(var(--careon-base-rgb), .13);
}
.service-details__title-2, .service-details__title-3 {
  position: relative; color: var(--color1);
  font-size: clamp(23px, 2vw, 30px); font-weight: 800;
  line-height: 1.38; letter-spacing: .014em; word-spacing: .085em;
  overflow-wrap: break-word;
}
.service-details__title-2 { margin: 33px 0 23px; }
.service-details__title-3 { margin: 34px 0 21px; }
.service-details__title-2::after, .service-details__title-3::after {
  content: ""; display: block; width: 51px; height: 4px;
  margin-top: 12px; border-radius: 999px; background: var(--color2);
}
.service-details__text-1, .service-details__text-3,
.service-details__text-4, .service-details__text-list li,
.service-details__points-list li {
  color: var(--color1);
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: .008em;
  word-spacing: .035em;
  overflow-wrap: break-word;
}
.service-details__text-1 { margin: 19px 0 20px; }
.service-details__text-3 { margin: 21px 0 30px; }
.service-details__text-4 { margin: 21px 0 28px; }
/* Main benefits list */
.service-details__points-box { position: relative; display: flex; align-items: stretch; gap: clamp(18px, 3vw, 42px); flex-wrap: wrap; }
.service-details__points-list { position: relative; display: block; margin: 0; padding: 0; list-style: none; flex: 1 1 230px; min-width: 0; }
.service-details__points-list li {
  position: relative; display: flex; align-items: flex-start; gap: 13px;
  padding: 13px 15px; border-radius: 13px;
  border: 1px solid rgba(var(--careon-black-rgb), .055);
  background: linear-gradient(135deg, var(--color3), var(--careon-white));
  box-shadow: 0 7px 20px rgba(var(--careon-black-rgb), .03);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.service-details__points-list li + li { margin-top: 12px; }
.service-details__points-list li:hover { transform: translateX(4px); border-color: rgba(var(--careon-base-rgb), .35); box-shadow: 0 11px 23px rgba(var(--careon-black-rgb), .06); }
.service-details__points-list li .icon {
  position: relative; display: grid; place-items: center; flex: 0 0 30px;
  width: 30px; height: 30px; border-radius: 10px;
  background: var(--color2); color: var(--color1);
}
.service-details__points-list li .icon span { position: relative; display: inline-block; font-size: 15px; color: var(--color1); }
/* Secondary images and list */
.service-details__img-box { position: relative; display: block; }
.service-details__img-box-img {
  position: relative; display: block; overflow: hidden;
  margin-bottom: 25px; padding: 7px; border-radius: 24px;
  background: var(--careon-white);
  border: 1px solid rgba(var(--careon-base-rgb), .20);
  box-shadow: 0 13px 30px rgba(var(--careon-black-rgb), .07);
}
.service-details__img-box-img img {
  display: block; width: 100%; height: auto; border-radius: 18px;
  transition: transform .5s ease;
}
.service-details__img-box-img:hover img { transform: scale(1.025); }
.service-details__text-list { position: relative; display: block; margin: 0; padding: 0; list-style: none; }
.service-details__text-list li {
  position: relative; display: block; padding: 12px 14px 12px 19px;
  border-left: 4px solid var(--color2); border-radius: 0 13px 13px 0;
  background: linear-gradient(90deg, var(--color3), rgba(var(--careon-white-rgb), .72));
}
.service-details__text-list li + li { margin-top: 13px; }
/* Sidebar cards */
.service-details__services-box, .service-details__download-box,
.service-details__need-help-inner {
  position: relative; display: block;
  border: 1px solid rgba(var(--careon-black-rgb), .075);
  border-radius: 26px;
  background: linear-gradient(160deg, var(--careon-white), rgba(var(--careon-primary-rgb), .44));
  box-shadow: 0 18px 42px rgba(var(--careon-black-rgb), .075);
}
.service-details__services-box { padding: clamp(23px, 2.6vw, 36px); }
.service-details__services-box::before, .service-details__download-box::before {
  content: ""; position: absolute; left: 27px; top: 0; width: 80px; height: 5px;
  border-radius: 0 0 10px 10px; background: var(--color2);
}
.service-details__service-title {
  position: relative; margin: 0 0 24px; padding-bottom: 15px;
  color: var(--color1); font-size: clamp(23px, 2vw, 30px);
  font-weight: 800; line-height: 1.4; letter-spacing: .012em; word-spacing: .09em;
}
.service-details__service-title::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 56px; height: 4px; background: var(--color2); border-radius: 999px;
}
.service-details__service-list, .service-details__download-list { position: relative; display: block; list-style: none; margin: 0; padding: 0; }
.service-details__service-list li { position: relative; display: block; }
.service-details__service-list li + li { margin-top: 12px; }
.service-details__service-list li a {
  position: relative; display: flex; align-items: center; gap: 12px;
  padding: 15px 18px; min-height: 58px;
  border: 1px solid rgba(var(--careon-black-rgb), .08);
  border-radius: 15px;
  background: linear-gradient(125deg, var(--color3), var(--careon-white));
  color: var(--color1); font-size: 16px; line-height: 1.55; font-weight: 700;
  letter-spacing: .01em; word-spacing: .035em; overflow-wrap: anywhere;
  text-decoration: none; box-shadow: 0 7px 17px rgba(var(--careon-black-rgb), .035);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.service-details__service-list li a span { position: relative; flex: 0 0 auto; font-size: 13px; color: var(--color1); transition: transform .25s ease; }
.service-details__service-list li:hover a {
  transform: translateX(4px); border-color: rgba(var(--careon-base-rgb), .65);
  background: linear-gradient(115deg, var(--color2), var(--color3));
  color: var(--color1); box-shadow: 0 12px 24px rgba(var(--careon-base-rgb), .13);
}
.service-details__service-list li.active a {
  border-color: var(--color2);
  background: linear-gradient(115deg, var(--color2), var(--color3));
  color: var(--color1); box-shadow: 0 10px 24px rgba(var(--careon-base-rgb), .16);
}
.service-details__service-list li:hover a span,
.service-details__service-list li.active a span { color: var(--color1); transform: translateX(3px); }
/* Help image CTA */
.service-details__need-help-inner { margin-top: 30px; padding: 10px; }
.service-details__need-help {
  position: relative; display: block; isolation: isolate; overflow: hidden;
  border-radius: 20px; text-align: center;
  padding: clamp(48px, 5vw, 78px) clamp(19px, 2.8vw, 38px);
  z-index: 1; background: var(--color1);
}
.service-details__need-help-bg {
  position: absolute; inset: 0; border-radius: inherit;
  background-repeat: no-repeat; background-size: cover; background-position: center;
  z-index: -2; transition: transform .75s ease;
}
.service-details__need-help:hover .service-details__need-help-bg { transform: scale(1.065); }
.service-details__need-help-bg::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: linear-gradient(115deg, rgba(var(--careon-black-rgb), .90), rgba(var(--careon-black-rgb), .57)),
              linear-gradient(0deg, rgba(var(--careon-base-rgb), .17), transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.service-details__need-help::after {
  content: ""; position: absolute; inset: 12px; border-radius: 14px;
  border: 1px solid rgba(var(--careon-white-rgb), .24); pointer-events: none;
}
.service-details__need-help-title {
  position: relative; margin: 0; color: var(--careon-white);
  font-size: clamp(24px, 2vw, 31px); font-weight: 800;
  line-height: 1.4; letter-spacing: .017em; word-spacing: .09em;
  text-shadow: 0 5px 18px rgba(var(--careon-black-rgb), .35);
}
.service-details__need-help-icon {
  position: relative; display: flex; align-items: center; justify-content: center;
  width: 86px; height: 86px; border-radius: 50%;
  margin: 27px auto 22px;
  background: linear-gradient(145deg, var(--color2), var(--color3));
  border: 2px solid rgba(var(--careon-white-rgb), .60);
  box-shadow: 0 12px 27px rgba(var(--careon-base-rgb), .24);
  transition: transform .3s ease, box-shadow .3s ease;
}
.service-details__need-help-icon:hover { transform: scale(1.08) rotate(-5deg); box-shadow: 0 18px 32px rgba(var(--careon-base-rgb), .34); }
.service-details__need-help-icon span { position: relative; display: inline-block; font-size: 32px; color: var(--color1); transition: transform .3s ease; }
.service-details__need-help-icon:hover span { color: var(--color1); transform: rotate(6deg); }
.service-details__need-help-call { position: relative; display: block; }
.service-details__need-help-call a {
  display: inline-block; max-width: 100%; color: var(--careon-white);
  font-size: clamp(19px, 1.8vw, 24px); font-weight: 750; line-height: 1.6;
  text-decoration: none; overflow-wrap: anywhere;
  border-bottom: 2px solid var(--color2); transition: color .25s ease;
}
.service-details__need-help-call a:hover { color: var(--color2); }
/* Downloads */
.service-details__download-box { margin-top: 30px; padding: clamp(22px, 2.6vw, 35px); }
.service-details__download-list li { position: relative; display: block; }
.service-details__download-list li + li { margin-top: 12px; }
.service-details__download-list li a {
  position: relative; display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 17px 19px 17px 20px;
  min-height: 60px; border-radius: 16px; overflow: hidden; z-index: 1;
  background: linear-gradient(125deg, var(--color3), var(--careon-white));
  border: 1px solid rgba(var(--careon-black-rgb), .07);
  color: var(--color1); font-size: 16px; font-weight: 700; line-height: 1.5;
  text-decoration: none; overflow-wrap: anywhere;
  transition: transform .25s ease, color .25s ease, box-shadow .25s ease;
}
.service-details__download-list li a::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(115deg, var(--color2), var(--color3));
  transform: scaleX(0); transform-origin: left center;
  transition: transform .35s ease;
}
.service-details__download-list li:hover a::before { transform: scaleX(1); }
.service-details__download-list li:hover a { transform: translateY(-2px); color: var(--color1); box-shadow: 0 12px 24px rgba(var(--careon-base-rgb), .13); }
.service-details__download-list li a span { position: relative; color: var(--color1); font-size: 16px; font-weight: 750; transition: color .25s ease; }
.service-details__download-list li:hover a span { color: var(--color1); }
.service-details a:focus-visible { outline: 3px solid var(--color2); outline-offset: 3px; }
/* Adaptations */
@media (max-width: 991px) {
  .service-details__right { margin-top: 30px; }
  .service-details__points-box { gap: 14px; }
}
@media (max-width: 767px) {
  .service-details { padding: 66px 0 82px; }
  .service-details__img { padding: 7px; border-radius: 22px; }
  .service-details__img img { border-radius: 16px; }
  .service-details__img::after { inset: 7px; border-radius: 16px; }
  .service-details__content { padding: 25px 20px; border-radius: 21px; }
  .service-details__title-1 { font-size: clamp(28px, 7vw, 38px); }
  .service-details__points-box { flex-direction: column; }
  .service-details__points-list { flex: 1 1 auto; width: 100%; }
  .service-details__services-box, .service-details__download-box { padding: 25px 20px; }
  .service-details__need-help-inner { padding: 8px; }
  .service-details__need-help { padding: 49px 19px; }
  .service-details__download-list li a { padding: 15px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-details *, .service-details *::before, .service-details *::after {
    transition: none !important; animation: none !important;
  }
}



/*--------------------------------------------------------------
# Services Page
--------------------------------------------------------------*/
.services-page {
    position: relative;
    display: block;
    padding: 120px 0 30px;
    z-index: 1;
}

.services-page .services-two__single {
    margin-bottom: 30px;
    margin-top: 32px;
}

.services-page .services-two__single-list li {
    border-bottom: 1px solid var(--careon-bdr-color);
}

.services-page .services-two__inner ul li:nth-child(4) .services-two__single::before {
    display: none;
}


.services-page .services-two__inner ul li:nth-child(7) .services-two__single::before {
    display: none;
}

.services-page .services-two__inner ul li:nth-child(7) {
    border-bottom: none;
}

.services-page .services-two__inner ul li:nth-child(8) {
    border-bottom: none;
}

.services-page .services-two__inner ul li:nth-child(9) {
    border-bottom: none;
}

.services-page .services-two__inner ul li:nth-child(1) .services-two__single {
    margin-top: 0px;
}

.services-page .services-two__inner ul li:nth-child(2) .services-two__single {
    margin-top: 0px;
}

.services-page .services-two__inner ul li:nth-child(3) .services-two__single {
    margin-top: 0px;
}


/*--------------------------------------------------------------
# Services Carousel Page
--------------------------------------------------------------*/
.services-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px;
}

.services-carousel-page .services-three__single {
    margin-bottom: 0;
}













/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/