/*==============================================
    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
--------------------------------------------------------------*/
.services-three {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
}

.services-three__single {
    position: relative;
    display: block;
    background-color: var(--careon-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 30px 30px 31px;
}

.services-three__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    background-color: var(--careon-extra);
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.services-three__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--careon-base);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: -1;
}

.services-three__single:hover .services-three__icon::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top center;
}

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

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

.services-three__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 37px;
    margin-bottom: 29px;
}

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

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

.services-three__text {
    margin-bottom: 28px;
}

.services-three__read-more {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 500;
    color: var(--careon-black);
    gap: 10px;
}

.services-three__read-more span {
    font-weight: 600;
    font-size: 16px;
}

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

.services-three__get-a-quote {
    position: relative;
    display: block;
    background-color: var(--careon-base);
    padding: 36px 40px 40px;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    z-index: 1;
}

.services-three__get-a-quote-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.services-three__get-a-quote-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(270deg, rgba(0, 109, 119, 0) -95%, #006D77 65%);
}

.services-three__get-a-quote-sub-title {
    font-size: 18px;
    color: var(--careon-white);
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 21px;
}

.services-three__get-a-quote-title {
    font-size: 24px;
    color: var(--careon-white);
    font-weight: 700;
    line-height: 30px;
}

.services-three__thm-btn {
    position: relative;
    display: block;
    margin-top: 138px;
}

.services-three__thm-btn .thm-btn {
    padding: 22.5px 30px 22.5px;
}

.services-three__thm-btn .thm-btn::before,
.services-three__thm-btn .thm-btn::after {
    background-color: var(--careon-white);
}

.services-three__thm-btn .thm-btn:hover {
    color: var(--careon-black);
}


/* Estilos exclusivos. Se utilizan las variables :root YA existentes; no se crea otro :root. */
.odo-segunda,
.odo-segunda *,
.odo-segunda *::before,
.odo-segunda *::after {
    box-sizing: border-box;
}

.odo-segunda {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(76px, 8vw, 128px) 0;
    background: linear-gradient(122deg, var(--color3) 0%, var(--careon-primary) 55%, var(--white) 100%);
    font-family: var(--careon-font);
    font-size: 16px;
    line-height: 1.8;
    color: var(--black);
}



.odo-segunda::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -195px;
    left: -155px;
    width: 360px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color1) 5%, transparent);
}

.odo-segunda__container {
    position: relative;
}

.odo-segunda__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: clamp(38px, 6.5vw, 105px);
    align-items: center;
}

.odo-segunda__content {
    min-width: 0;
}

.odo-segunda__heading {
    margin-bottom: 25px;
}

.odo-segunda__title {
    font-size: clamp(30px, 3.55vw, 49px);
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.022em;
    color: var(--color1);
    margin: 0;
    text-transform: none;
    overflow-wrap: normal;
}

.odo-segunda__rule {
    display: block;
    height: 4px;
    width: 82px;
    margin: 24px 0 22px;
    border-radius: 100px;
    background: linear-gradient(90deg, var(--color2), var(--color5));
}

.odo-segunda__subtitle {
    color: var(--color2);
    font-size: clamp(16px, 1.2vw, 19px);
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: .003em;
    margin: 0;
}

.odo-segunda__body p {
    font-size: 16px;
    line-height: 1.85;
    letter-spacing: .002em;
}

.odo-segunda__message {
    margin: 0 0 20px;
    color: var(--black);
}

.odo-segunda__notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 23px;
    background: var(--white);
    border: 1px solid color-mix(in srgb, var(--color2) 19%, transparent);
    border-left: 4px solid var(--color2);
    border-radius: 18px;
    box-shadow: 0 16px 45px color-mix(in srgb, var(--color1) 9%, transparent);
}

.odo-segunda__notice p {
    margin: 0;
    color: var(--black);
}

.odo-segunda__notice-icon {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    color: var(--color2);
    background: var(--careon-primary);
}

.odo-segunda__notice-icon svg {
    width: 20px;
    height: 20px;
}

.odo-segunda__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 27px;
}

.odo-segunda__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .015em;
    color: var(--white) !important;
    min-height: 51px;
    min-width: 150px;
    padding: 12px 24px;
    border-radius: 12px;
    box-shadow: 0 12px 25px color-mix(in srgb, var(--color1) 16%, transparent);
    transition: transform .25s ease, box-shadow .25s ease;
}

.odo-segunda__button:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 36px color-mix(in srgb, var(--color1) 22%, transparent);
}

.odo-segunda__button:focus-visible {
    outline: 3px solid var(--color2);
    outline-offset: 3px;
}

.odo-segunda__button--whatsapp {
    background: var(--color4);
}

.odo-segunda__button--call {
    background: var(--color5);
}

.odo-segunda__media {
    position: relative;
    padding: clamp(10px, 1.6vw, 24px);
}

.odo-segunda__media::before {
    content: "";
    position: absolute;
    inset: 7px;
    border: 2px solid color-mix(in srgb, var(--color2) 19%, transparent);
    border-radius: 35px;
    transform: rotate(-4deg);
}

.odo-segunda__media::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    top: -17px;
    right: -18px;
    border-radius: 26px;
    background: color-mix(in srgb, var(--color2) 10%, transparent);
    z-index: -1;
    transform: rotate(15deg);
}

.odo-segunda__media-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 4.25;
    border: 9px solid var(--white);
    border-radius: 29px;
    background: linear-gradient(155deg, var(--careon-primary), var(--color3));
    box-shadow: 0 25px 65px color-mix(in srgb, var(--color1) 17%, transparent);
}

.odo-segunda__media-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.odo-segunda__media-empty {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: var(--color2);
}

.odo-segunda__media-empty svg {
    width: min(45%, 200px);
    opacity: .7;
}

/* Las animaciones nunca deben ocultar el contenido sin JavaScript. */
.odo-segunda__reveal {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: no-preference) {
    .odo-segunda__reveal {
        transition: opacity .75s ease, transform .75s ease;
    }

    .odo-segunda__reveal:not(.odo-segunda__visible) {
        opacity: .96;
        transform: translateY(12px);
    }
}

@media (max-width: 991px) {
    .odo-segunda__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
        gap: 30px;
    }

    .odo-segunda__notice {
        padding: 17px;
    }
}

@media (max-width: 767px) {
    .odo-segunda {
        padding: 65px 0 75px;
    }

    .odo-segunda__grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .odo-segunda__title,
    .odo-segunda__subtitle {
        text-align: center;
    }

    .odo-segunda__rule {
        margin-left: auto;
        margin-right: auto;
    }

    .odo-segunda__media {
        width: min(100%, 520px);
        margin: 0 auto;
    }

    .odo-segunda__media-card {
        aspect-ratio: 16 / 12;
    }

    .odo-segunda__actions {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .odo-segunda__notice {
        padding: 15px;
    }

    .odo-segunda__actions {
        flex-direction: column;
    }

    .odo-segunda__button {
        width: 100%;
    }

    .odo-segunda__media::after {
        right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {

    .odo-segunda__reveal,
    .odo-segunda__button {
        transition: none;
        transform: none;
        opacity: 1;
    }
}

/*--------------------------------------------------------------
# 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;padding:clamp(75px,8vw,125px) 0 clamp(78px,8vw,120px);z-index:1;overflow:hidden;background:radial-gradient(ellipse at 92% 8%,rgba(var(--careon-base-rgb),.075),transparent 37%),radial-gradient(ellipse at 4% 85%,rgba(var(--careon-black-rgb),.055),transparent 36%),linear-gradient(160deg,var(--color3) 0%,var(--careon-white) 48%,var(--careon-primary) 100%)}
.service-details::before{content:"";position:absolute;top:45px;right:-110px;width:310px;height:310px;border:1px solid rgba(var(--careon-base-rgb),.13);border-radius:50%;pointer-events:none}
.service-details::after{content:"";position:absolute;bottom:32px;left:-110px;width:240px;height:240px;border:1px solid rgba(var(--careon-black-rgb),.09);border-radius:50%;pointer-events:none}
.service-details,.service-details *{box-sizing:border-box}
.service-details__left{position:relative;display:block;min-width:0;z-index:1}
.service-details__img,.service-details__img-box-img{position:relative;display:block;overflow:hidden;border-radius:26px;background:var(--careon-primary);padding:9px;border:1px solid rgba(var(--careon-base-rgb),.16);box-shadow:0 22px 55px rgba(var(--careon-black-rgb),.12);isolation:isolate}
.service-details__img::after,.service-details__img-box-img::after{content:"";position:absolute;inset:17px;border:1px solid rgba(var(--careon-white-rgb),.72);border-radius:15px;pointer-events:none;z-index:2}
.service-details__img img,.service-details__img-box-img img{display:block;width:100%;height:auto;max-width:100%;border-radius:18px;transition:transform .75s ease,filter .75s ease}
.service-details__img:hover img,.service-details__img-box-img:hover img{transform:scale(1.035);filter:saturate(1.08)}
.service-details__content{position:relative;display:block;margin-top:35px;padding:clamp(24px,3vw,43px);border:1px solid rgba(var(--careon-base-rgb),.11);border-radius:26px;background:var(--careon-white);box-shadow:0 18px 48px rgba(var(--careon-black-rgb),.055)}
.service-details__title-1{position:relative;color:var(--color1);font-size:clamp(30px,3.5vw,47px);font-weight:800;line-height:1.23;letter-spacing:-.018em;overflow-wrap:break-word;margin:0 0 25px;padding-bottom:22px;text-transform:none}
.service-details__title-1::after{content:"";position:absolute;left:0;bottom:0;width:80px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--color1),var(--color2))}
.service-details__title-2,.service-details__title-3{position:relative;color:var(--color1);font-size:clamp(23px,2.2vw,30px);font-weight:750;line-height:1.38;letter-spacing:-.012em;text-transform:none;padding-left:17px;overflow-wrap:break-word}
.service-details__title-2::before,.service-details__title-3::before{content:"";position:absolute;top:5px;bottom:5px;left:0;width:4px;border-radius:100px;background:var(--color2)}
.service-details__title-2{margin:36px 0 18px}.service-details__title-3{margin:34px 0 18px}
.service-details__text-1,.service-details__text-3,.service-details__text-4,.service-details__text-list li,.service-details__points-list li{font-size:16px;line-height:1.9;color:var(--careon-gray);letter-spacing:.006em;overflow-wrap:break-word}
.service-details__content p{font-size:max(16px,1rem);line-height:1.9;color:var(--careon-gray)}
.service-details__text-1{margin:19px 0 22px}.service-details__text-3{margin:22px 0 32px}.service-details__text-4{margin:20px 0 28px}
.service-details__points-box{position:relative;display:flex;align-items:flex-start;gap:25px;flex-wrap:wrap;margin:20px 0}
.service-details__points-list{position:relative;display:block;flex:1 1 215px;min-width:0;padding:0;margin:0;list-style:none}
.service-details__points-list li{position:relative;display:flex;align-items:flex-start;gap:13px;padding:11px 15px;border:1px solid rgba(var(--careon-base-rgb),.12);border-radius:13px;background:var(--color3);transition:transform .25s ease,border-color .25s ease}
.service-details__points-list li:hover{transform:translateX(4px);border-color:rgba(var(--careon-base-rgb),.35)}
.service-details__points-list li+li{margin-top:12px}
.service-details__points-list li .icon{position:relative;display:inline-flex;flex:0 0 29px;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:var(--careon-primary)}
.service-details__points-list li .icon span{font-size:13px;color:var(--color2)}
.service-details__img-box{position:relative;display:block;margin-top:24px}.service-details__img-box-img{margin-bottom:27px}
.service-details__text-list{position:relative;display:block;padding:0;margin:0;list-style:none}
.service-details__text-list li{position:relative;padding:14px 18px;border-radius:12px;border-left:3px solid var(--color2);background:var(--color3)}
.service-details__text-list li+li{margin-top:14px}
.service-details__right{position:relative;display:block;min-width:0}
.service-details__services-box,.service-details__download-box{position:relative;display:block;padding:clamp(22px,2.6vw,34px);border:1px solid rgba(var(--careon-base-rgb),.17);border-radius:25px;background:var(--careon-white);box-shadow:0 17px 44px rgba(var(--careon-black-rgb),.075);overflow:hidden}
.service-details__services-box::before,.service-details__download-box::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--color1),var(--color2))}
.service-details__service-title{color:var(--color1);font-size:clamp(24px,2.3vw,30px);font-weight:750;line-height:1.38;margin-bottom:25px;letter-spacing:-.015em}
.service-details__service-list,.service-details__download-list{position:relative;display:block;list-style:none;padding:0;margin:0}
.service-details__service-list li,.service-details__download-list li{position:relative;display:block}
.service-details__service-list li+li{margin-top:13px}
.service-details__service-list li a{position:relative;display:flex;align-items:center;gap:13px;min-height:54px;padding:14px 17px;color:var(--color1);font-size:16px;font-weight:650;line-height:1.55;text-decoration:none;border:1px solid rgba(var(--careon-base-rgb),.14);border-radius:15px;background:linear-gradient(135deg,var(--color3),var(--careon-primary));box-shadow:0 6px 18px rgba(var(--careon-black-rgb),.035);transition:background .28s ease,color .28s ease,transform .28s ease,box-shadow .28s ease;overflow-wrap:anywhere}
.service-details__service-list li:hover a,.service-details__service-list li.active a{color:var(--careon-white);border-color:var(--color2);background:linear-gradient(115deg,var(--color1),var(--color2));transform:translateY(-2px);box-shadow:0 12px 26px rgba(var(--careon-base-rgb),.2)}
.service-details__service-list li a span{position:relative;flex:0 0 auto;color:var(--color2);font-size:13px;transition:color .28s ease}
.service-details__service-list li:hover a span,.service-details__service-list li.active a span{color:var(--careon-white)}
.service-details__need-help-inner{position:relative;display:block;border-radius:26px;border:1px solid rgba(var(--careon-base-rgb),.18);padding:9px;margin-top:30px;background:var(--careon-white);box-shadow:0 18px 45px rgba(var(--careon-black-rgb),.09)}
.service-details__need-help{position:relative;display:block;overflow:hidden;text-align:center;padding:clamp(48px,5vw,73px) 24px;border-radius:20px;z-index:1;background:linear-gradient(135deg,var(--color1),var(--color2))}
.service-details__need-help::after{content:"";position:absolute;width:210px;height:210px;right:-100px;bottom:-120px;border-radius:50%;border:1px solid rgba(var(--careon-white-rgb),.22);z-index:-1;pointer-events:none}
.service-details__need-help-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:20px;z-index:-1}
.service-details__need-help-bg::before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(125deg,rgba(var(--careon-black-rgb),.95),rgba(var(--careon-base-rgb),.82));-webkit-backdrop-filter: none; backdrop-filter:none}
.service-details__need-help-title{position:relative;color:var(--careon-white);font-size:clamp(23px,2.2vw,28px);font-weight:750;line-height:1.4;text-wrap:balance}
.service-details__need-help-icon{position:relative;display:flex;align-items:center;justify-content:center;width:82px;height:82px;margin:25px auto 21px;border-radius:50%;background:rgba(var(--careon-white-rgb),.17);border:1px solid rgba(var(--careon-white-rgb),.42);box-shadow:0 12px 25px rgba(var(--careon-black-rgb),.2);transition:transform .3s ease,background .3s ease}
.service-details__need-help-icon:hover{transform:scale(1.09);background:rgba(var(--careon-white-rgb),.26)}
.service-details__need-help-icon span{font-size:31px;color:var(--careon-white)}
.service-details__need-help-icon:hover span{color:var(--careon-white)}
.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(18px,1.9vw,23px);font-weight:750;line-height:1.5;overflow-wrap:anywhere;text-decoration:none;border-bottom:1px solid rgba(var(--careon-white-rgb),.6)}
.service-details__need-help-call a:hover{color:var(--careon-white);border-bottom-color:var(--careon-white)}
.service-details__download-box{margin-top:30px}
.service-details__download-list li+li{margin-top:13px}
.service-details__download-list li a{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:57px;gap:12px;padding:16px 20px 16px 65px;border:1px solid rgba(var(--careon-base-rgb),.13);border-radius:14px;color:var(--careon-gray);background:var(--color3);font-size:16px;font-weight:600;line-height:1.6;text-decoration:none;overflow:hidden;z-index:1;transition:color .3s ease,transform .3s ease,border-color .3s ease}
.service-details__download-list li a::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,var(--color1),var(--color2));transform:scale(1,0);transform-origin:bottom center;transition:transform .4s ease;z-index:-1}
.service-details__download-list li:hover a::before{transform:scale(1,1);transform-origin:top center}
.service-details__download-list li:hover a{color:var(--careon-white);transform:translateY(-2px);border-color:var(--color2)}
.service-details__download-list li a span{font-size:16px;font-weight:600;color:var(--color2);transition:color .3s ease}
.service-details__download-list li:hover a span{color:var(--careon-white)}
.service-details a:focus-visible{outline:3px solid var(--color2);outline-offset:3px}
@media(max-width:1199px){.service-details__services-box,.service-details__download-box{padding:24px}.service-details__content{padding:28px}}
@media(max-width:991px){.service-details__right{margin-top:35px}.service-details__points-box{gap:18px}.service-details__need-help{padding:52px 24px}}
@media(max-width:767px){.service-details{padding:66px 0 78px}.service-details__title-1{font-size:clamp(28px,6vw,36px)}.service-details__title-2,.service-details__title-3{font-size:23px}.service-details__content{padding:24px 20px;border-radius:20px}.service-details__img,.service-details__img-box-img{border-radius:20px;padding:7px}.service-details__img img,.service-details__img-box-img img{border-radius:14px}.service-details__img::after,.service-details__img-box-img::after{inset:13px;border-radius:13px}.service-details__service-list li a{padding:14px 15px}.service-details__points-list{flex-basis:100%}}
@media(max-width:480px){.service-details__services-box,.service-details__download-box{padding:22px 18px}.service-details__need-help-title{font-size:22px}.service-details__download-list li a{padding:15px 15px 15px 48px}.service-details__need-help-icon{height:72px;width:72px}.service-details__text-1,.service-details__text-3,.service-details__text-4{line-height:1.85}}
@media(prefers-reduced-motion:reduce){.service-details__img img,.service-details__img-box-img img,.service-details__points-list li,.service-details__service-list li a,.service-details__need-help-icon,.service-details__download-list li a,.service-details__download-list li a::before{transition:none}}


/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/