/***
=============================================
Services
=============================================
***/
.services-one {position: relative;display: block;padding: 30px 0 80px;z-index: 1;}
.services-one__carousel {position: relative;display: block;}
.services-one__carousel.owl-carousel .owl-stage-outer {overflow: visible;}
.services-one__carousel.owl-carousel .owl-item {opacity: 0;visibility: hidden;transition: opacity 500ms ease, visibility 500ms ease;}
.services-one__carousel.owl-carousel .owl-item.active {opacity: 1;visibility: visible;}
.services-one__single {position: relative;display: block;}
.services-one__img-box {position: relative;display: block;}
.services-one__img {position: relative;display: block;border-top-left-radius: 20px;-webkit-mask-image: url("../../images/services/services.png");mask-image: url("../../images/services/services.png"); -webkit-mask-size: 100% 100%;mask-size: 100% 100%; mask-position: center center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;z-index: 1;}
.services-one__img::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition-delay: .1s;transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all;background: rgba(var(--tanspot-black-rgb), 0.6);opacity: 0;z-index: 1;content: "";}
.services-one__single:hover .services-one__img::before {opacity: 1;}
.services-one__img img {width: 100%;border-top-left-radius: 20px;transition: .5s ease;transform: scale(1.05);}
.services-one__single:hover .services-one__img img {transform: scale(1);}
.services-one__icon {position: absolute;top: 0;right: 27px;height: 65px;width: 65px;background-color: var(--tanspot-base);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 200ms linear;transition-delay: 0.1s;z-index: 1;}
.services-one__single:hover .services-one__icon {background-color: var(--tanspot-black);}
.services-one__icon span {position: relative;display: inline-block;font-size: 36px;color: var(--tanspot-white);transition-delay: 0.1s;transition: all 500ms ease;}
.services-one__single:hover .services-one__icon span {transform: rotateY(180deg);transition-delay: 0.1s;color: var(--tanspot-white);}
.services-one__content {position: relative;display: block;background-color: var(--tanspot-white);box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);padding: 136px 20px 27px;margin-top: -100px;padding-bottom:15px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.services-one__count {position: absolute;top: 45px;left: 20px;font-size: 50px;line-height: .8em;font-weight: 700;color: transparent;-webkit-text-stroke: 1px var(--tanspot-black);counter-increment: count;content: "0"counter(count);transition: all 200ms linear;transition-delay: 0.1s;font-family: var(--tanspot-font-two);}
.services-one__single:hover .services-one__count {-webkit-text-stroke: 1px var(--tanspot-base);color: var(--tanspot-base);}
.services-one__title {font-size: 22px;line-height: 1.2em;font-weight: 600;text-transform: capitalize;}
.services-one__title a {color: var(--tanspot-black);}
.services-one__title a:hover {color: var(--tanspot-base);}
.services-one__text {margin-top: 16px;margin-bottom: 16px;}
.services-one__btn-box {position: relative;display: block;}
.services-one__btn-box a {position: relative;display: flex;align-items: center;flex-wrap: wrap;gap: 5px;color: var(--tanspot-black);font-weight: 600;text-transform: capitalize;}
.services-one__btn-box a:hover {color: var(--tanspot-base);}
.services-one__carousel.owl-carousel .owl-dots {position: relative;text-align: center;margin: 40px 0 0 !important;display: flex;align-items: center;justify-content: center;}
.services-one__carousel.owl-carousel .owl-dots .owl-dot {position: relative;display: inline-block;width: 18px;height: 18px;border-radius: 2px;border: 2px solid rgba(var(--tanspot-black-rgb), .70);background-color: transparent;margin: 0px 5px;padding: 0px;transition: all 100ms linear;transition-delay: 0.1s;}
.services-one__carousel.owl-carousel .owl-dot.active {border: 2px solid var(--tanspot-base);}
.services-one__carousel.owl-carousel .owl-dots .owl-dot:before {position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;content: "";background-color: rgba(var(--tanspot-black-rgb), .70);border-radius: 2px;transform: scale(1);transition: all 100ms linear;transition-delay: 0.1s;}
.services-one__carousel.owl-carousel .owl-dot.active:before {transform: scale(1);background-color: var(--tanspot-base);}
.services-one__carousel.owl-carousel .owl-dot:focus {outline: none;}
.services-one__carousel.owl-carousel .owl-dots .owl-dot span {display: none;}

/***
=============================================
Services Two
=============================================
***/
.services-two {position: relative;display: block;padding: 120px 0 120px;z-index: 1;}
.services-two__carousel {position: relative;display: block;}
.services-two__carousel.owl-carousel .owl-stage-outer {overflow: visible;}
.services-two__carousel.owl-carousel .owl-item {opacity: 0;visibility: hidden;transition: opacity 500ms ease, visibility 500ms ease;}
.services-two__carousel.owl-carousel .owl-item.active {opacity: 1;visibility: visible;}
.services-two__single {position: relative;display: block;}
.services-two__img {position: relative;display: block;overflow: hidden;border-top-left-radius: var(--tanspot-bdr-radius);border-top-right-radius: var(--tanspot-bdr-radius);z-index: 1;}
.services-two__img::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition-delay: .1s;transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all;background: rgba(var(--tanspot-black-rgb), 0.6);opacity: 0;z-index: 1;content: "";}
.services-two__single:hover .services-two__img::before {opacity: 1;}
.services-two__img img {width: 100%;border-top-left-radius: var(--tanspot-bdr-radius);border-top-right-radius: var(--tanspot-bdr-radius);transition: .5s ease;transform: scale(1.05);}
.services-two__single:hover .services-two__img img {transform: scale(1);}
.services-two__content {position: relative;display: block;background-color: var(--tanspot-white);box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);padding: 31px 30px 27px;border-bottom-left-radius: var(--tanspot-bdr-radius);border-bottom-right-radius: var(--tanspot-bdr-radius);}
.services-two__title {position: relative;display: block;}
.services-two__title h3 {font-size: 22px;line-height: 1.2em;font-weight: 600;text-transform: capitalize;}
.services-two__title h3 a {color: var(--tanspot-black);}
.services-two__title h3 a:hover {color: var(--tanspot-base);}
.services-two__icon {position: absolute;top: -35px;right: 30px;height: 70px;width: 70px;background-color: var(--tanspot-base);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 200ms linear;transition-delay: 0.1s;z-index: 1;}
.services-two__single:hover .services-two__icon {background-color: var(--tanspot-black);}
.services-two__icon span {position: relative;display: inline-block;font-size: 36px;color: var(--tanspot-white);transition-delay: 0.1s;transition: all 500ms ease;}
.services-two__single:hover .services-two__icon span {transform: rotateY(180deg);transition-delay: 0.1s;color: var(--tanspot-white);}
.services-two__text {margin-top: 16px;margin-bottom: 19px;}
.services-two__point {position: relative;display: block;}
.services-two__point li {position: relative;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
.services-two__point li+li {margin-top: 9px;}
.services-two__point li .icon {position: relative;display: flex;align-items: center;justify-content: center;height: 20px;width: 20px;background-color: var(--tanspot-base);border-radius: 50%;}
.services-two__point li .icon span {position: relative;display: inline-block;font-size: 10px;color: var(--tanspot-white);}
.services-two__point li .text {position: relative;display: block;flex: 1;}
.services-two__btn {position: relative;display: block;margin-top: 20px;}
.services-two__btn a {position: relative;display: flex;align-items: center;flex-wrap: wrap;gap: 5px;font-size: 16px;color: var(--tanspot-black);font-weight: 600;}
.services-two__btn a:hover {color: var(--tanspot-base);}
.services-two__carousel.owl-carousel .owl-dots {position: relative;text-align: center;margin: 40px 0 0 !important;display: flex;align-items: center;justify-content: center;}
.services-two__carousel.owl-carousel .owl-dots .owl-dot {position: relative;display: inline-block;width: 18px;height: 18px;border-radius: 2px;border: 2px solid rgba(var(--tanspot-black-rgb), .70);background-color: transparent;margin: 0px 5px;padding: 0px;transition: all 100ms linear;transition-delay: 0.1s;}
.services-two__carousel.owl-carousel .owl-dot.active {border: 2px solid var(--tanspot-base);}
.services-two__carousel.owl-carousel .owl-dots .owl-dot:before {position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;content: "";background-color: rgba(var(--tanspot-black-rgb), .70);border-radius: 2px;transform: scale(1);transition: all 100ms linear;transition-delay: 0.1s;}
.services-two__carousel.owl-carousel .owl-dot.active:before {transform: scale(1);background-color: var(--tanspot-base);}
.services-two__carousel.owl-carousel .owl-dot:focus {outline: none;}
.services-two__carousel.owl-carousel .owl-dots .owl-dot span {display: none;}

/***
=============================================
Services Three
=============================================
***/
.services-three {position: relative;display: block;padding: 100px 0px 0px;z-index: 1;}
.services-three .section-title {margin-bottom: 88px;}
.services-three__single {position: relative;display: block;margin-bottom: 70px;}
.services-three__single-inner {position: relative;display: block;background: var(--tanspot-white);padding: 30px 35px 37px;border-radius: 10px;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);transition: transform .8s;z-index: 1;}
.services-three__single:hover .services-three__single-inner {transform: translateY(-10px);}
.services-three__single-icon {position: relative;display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;border-radius: 50%;background-color: var(--tanspot-base);margin: -70px auto 30px;border: 5px solid rgba(var(--tanspot-white-rgb), .20);overflow: hidden;transition-duration: 800ms;z-index: 1;}
.services-three__single:hover .services-three__single-icon {background-color: var(--tanspot-black);}
.services-three__single-icon:before {position: absolute;width: 200%;height: 200%;content: "";top: 110%;left: 50%;background-color: var(--tanspot-black);-webkit-transform: translateX(-50%);transform: translateX(-50%);border-radius: 50%;transition-duration: 800ms;z-index: -1;}
.services-three__single:hover .services-three__single-icon:before {top: -40%;}
.services-three__single-icon span {position: relative;display: inline-block;color: var(--tanspot-white);font-size: 55px;line-height: 55px;transition: all 500ms linear;transition-delay: 0.1s;transform: scale(1);}
.services-three__single:hover .services-three__single-icon span {transform: scale(0.9);}
.services-three__single-inner h3 {position: relative;display: block;font-size: 22px;line-height: 1.2em;font-weight: 600;text-transform: capitalize;}
.services-three__single-inner h3 a {color: var(--tanspot-black);}
.services-three__single-inner h3 a:hover {color: var(--tanspot-base);}
.services-three__single-inner p {margin-top: 20px;margin-bottom: 20px;}
.services-three__btn-box {position: relative;display: block;}
.services-three__btn-box a {position: relative;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;gap: 5px;color: var(--tanspot-black);font-weight: 600;text-transform: capitalize;}
.services-three__btn-box a:hover {color: var(--tanspot-base);}
/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-details {position: relative;display: block;padding: 120px 0 120px;z-index: 1;}
.service-details__left {position: relative;display: block;}
.service-details__img {position: relative;display: block;}
.service-details__img img {width: 100%;border-radius: var(--tanspot-bdr-radius);}
.service-details__title-1 {font-size: 40px;font-weight: 700;line-height: 50px;margin-top: 41px;margin-bottom: 30px;}
.service-details__text-1 {font-size: 20px;font-weight: 600;line-height: 30px;color: var(--tanspot-black);}
.service-details__text-2 {margin-top: 20px;margin-bottom: 41px;}
.service-details__points-list {position: relative;display: block;}
.service-details__points-list li {position: relative;display: flex;align-items: center;gap: 10px;}
.service-details__points-list li+li {margin-top: 16px;}
.service-details__points-list li .icon {position: relative;display: flex;align-items: center;}
.service-details__points-list li .icon span {position: relative;display: inline-block;font-size: 18px;color: var(--tanspot-base);}
.service-details__points-list li p {color: var(--tanspot-black);}
.service-details__img-box {position: relative;display: block;margin-top: 60px;margin-bottom: 31px;}
.service-details__img-box-single {position: relative;display: block;margin-bottom: 21px;}
.service-details__img-box-img {position: relative;display: block;overflow: hidden;margin-bottom: 30px;border-radius: var(--tanspot-bdr-radius);z-index: 1;}
.service-details__img-box-img:before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0;background: rgb(0, 0, 0);border-radius: var(--tanspot-bdr-radius);transition: all 0.5s ease;z-index: 1;}
.service-details__img-box-img:hover:before {opacity: 0.2;}
.service-details__img-box-img img {width: 100%;border-radius: var(--tanspot-bdr-radius);transform: scale3d(1, 1, 1);transition: transform 1s ease-in-out;}
.service-details__img-box-img:hover img {transform: scale(1.06) rotate(0deg);}
.service-details__img-box-content-single {position: relative;display: block;margin-bottom: 21px;}
.service-details__img-box-content-icon-and-title {position: relative;display: flex;align-items: center;gap: 15px;}
.service-details__img-box-content-icon {position: relative;display: flex;align-items: center;}
.service-details__img-box-content-icon span {position: relative;display: inline-block;font-size: 36px;color: var(--tanspot-base);}
.service-details__img-box-content-title {font-size: 24px;line-height: 36px;font-weight: 700;}
.service-details__img-box-content-text {margin-top: 17px;}
.service-details__faq-box {position: relative;display: block;margin-top: 30px;}
.service-details__sidebar {position: relative;display: block;}
.service-details__services-box {position: relative;display: block;padding: 31px 35px 40px;background-color: var(--tanspot-primary);border-radius: var(--tanspot-bdr-radius);}
.service-details__services-title {font-size: 24px;font-weight: 700;line-height: 34px;margin-bottom: 28px;}
.service-details__services-list {position: relative;display: block;}
.service-details__services-list li {position: relative;display: block;}
.service-details__services-list li+li {margin-top: 12px;}
.service-details__services-list li a {position: relative;display: flex;align-items: center;justify-content: space-between;background-color: var(--tanspot-white);border-radius: var(--tanspot-bdr-radius);padding: 13px 20px 14px;font-size: 16px;font-weight: 600;text-transform: capitalize;font-family: var(--tanspot-font-two);color: var(--tanspot-black);overflow: hidden;z-index: 1;}
.service-details__services-list li:hover a {color: var(--tanspot-white);}
.service-details__services-list li.active a {color: var(--tanspot-white);}
.service-details__services-list li a::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--tanspot-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;}
.service-details__services-list li:hover a::before {-webkit-transform: scale(1, 1);transform: scale(1, 1);transform-origin: top center;}
.service-details__services-list li.active a::before {-webkit-transform: scale(1, 1);transform: scale(1, 1);transform-origin: top center;}
.service-details__services-list li a span {color: var(--tanspot-gray);-webkit-transition: all 500ms ease;transition: all 500ms ease;font-size: 14px;}
.service-details__services-list li:hover a span {color: var(--tanspot-white);}
.service-details__services-list li.active a span {color: var(--tanspot-white);}
.service-details__sidebar-contact {position: relative;display: block;padding-top: 18px;padding-bottom: 47px;background: var(--tanspot-primary);text-align: center;border-radius: var(--tanspot-bdr-radius);margin: 30px 0 30px;overflow: hidden;z-index: 1;}
.service-details__sidebar-contact::before {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: var(--tanspot-base);height: 305px;clip-path: polygon(0 0, 100% 0%, 100% 82%, 0% 100%);content: "";z-index: -2;}
.service-details__sidebar-contact::after {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: var(--tanspot-black);height: 295px;clip-path: polygon(0 0, 100% 0%, 100% 82%, 0% 100%);content: "";z-index: -1;}
.service-details__sidebar-contact-img {position: relative;display: block;clip-path: polygon(0 0, 100% 0%, 100% 82%, 0% 100%);z-index: 1;}
.service-details__sidebar-contact-img .inner {position: relative;display: block;}
.service-details__sidebar-contact-img .inner img {width: auto;}
.service-details__sidebar-contact-content {position: relative;display: block;margin-top: -65px;z-index: 2;}
.service-details__sidebar-contact-content .icon {position: relative;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;margin: 0 auto;background: var(--tanspot-black);border-radius: 50%;overflow: hidden;margin-bottom: 20px;}
.service-details__sidebar-contact-content .icon span {position: relative;display: inline-block;color: var(--tanspot-white);font-size: 20px;line-height: 20px;}
.service-details__sidebar-contact-content h2 {font-size: 25px;line-height: 35px;font-weight: 700;margin-bottom: 13px;}
.service-details__sidebar-contact-content h2 a {color: var(--tanspot-black);}
.service-details__sidebar-contact-content h2 a:hover {color: var(--tanspot-base);}
.service-details__sidebar-contact-content p {font-size: 18px;line-height: 28px;font-weight: 600;text-transform: capitalize;}
.service-details__sidebar-download-box {position: relative;display: block;padding: 31px 35px 40px;background-color: var(--tanspot-primary);border-radius: var(--tanspot-bdr-radius);}
.service-details__sidebar-single-download {position: relative;display: block;}
.service-details__sidebar-single-download ul {position: relative;display: block;}
.service-details__sidebar-single-download ul li {position: relative;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(var(--tanspot-base-rgb), .30);padding: 14px 0px 14px;line-height: 0;}
.service-details__sidebar-single-download ul li:first-child {padding-top: 0px;}
.service-details__sidebar-single-download ul li:last-child {padding-bottom: 0px;border-bottom: none;}
.service-details__sidebar-single-download ul li .content-box {position: relative;display: flex;align-items: center;}
.service-details__sidebar-single-download ul li .content-box .icon {position: relative;display: block;}
.service-details__sidebar-single-download ul li .content-box .icon span {position: relative;display: inline-block;color: var(--tanspot-black);font-size: 45px;line-height: 45px;}
.service-details__sidebar-single-download ul li .content-box .text-box {position: relative;display: block;margin-left: 17px;flex: 1;}
.service-details__sidebar-single-download ul li .content-box .text-box h2 {font-size: 18px;line-height: 30px;font-weight: 600;text-transform: capitalize;}
.service-details__sidebar-single-download ul li .content-box .text-box h2 a {color: var(--tanspot-black);transition: all 200ms linear;transition-delay: 0.1s;}
.service-details__sidebar-single-download ul li .content-box .text-box h2 a:hover {color: var(--tanspot-base);}
.service-details__sidebar-single-download ul li .content-box .text-box p {color: var(--tanspot-black);font-size: 14px;line-height: 20px;font-weight: 400;text-transform: capitalize;}
.service-details__sidebar-single-download ul li .content-box .text-box p a {color: var(--tanspot-black);}
.service-details__sidebar-single-download ul li .content-box .text-box p a:hover {color: var(--tanspot-base);}
.service-details__sidebar-single-download ul li .btn-box {position: relative;display: block;}
.service-details__sidebar-single-download ul li .btn-box a {position: relative;display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;background: var(--tanspot-base);border-radius: 2px;overflow: hidden;}
.service-details__sidebar-single-download ul li .btn-box a:hover {background: var(--tanspot-black);}
.service-details__sidebar-single-download ul li .btn-box a span::before {position: relative;display: inline-block;color: var(--tanspot-white);font-size: 20px;line-height: 20px;}

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

.services-page .services-one__single {margin-bottom: 30px;}

/***
=============================================
End
=============================================
***/