.submenu-item span {background: rgb(255 255 255 / 70%);padding: 10px;border-radius: 10px;margin-right: 10px;border: 1px solid #dadada54;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}.submenu-item span img {width: 25px }.about-area {position: relative;transform: translateY(50px);z-index: 1;}.fixed-heading {position: fixed;top: 0;left: 0;width: 100%;background: white;z-index: 1000;pointer-events: none;opacity: 1;}.hidden {opacity: 0;visibility: hidden;}.about-area {min-height: 100vh;display: flex;justify-content: center;align-items: center;background: #f7f5f2;}.about-heading {overflow: hidden;position: relative;display: block;font-size: 42px;line-height: 56px;animation: typing 4s steps(40, end), blink-caret .75s step-end infinite;}.about-heading {position: relative;overflow: visible;}.about-heading span::before {content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;color: #333;transition: color 0.5s ease;}.about-heading span.reveal::before {color: #000;}.tooltip-content {display: none;}.tooltip-target:hover .tooltip-content {display: block;}.tooltip-target {position: relative;cursor: pointer;border-radius: 40px;padding: 5px 10px;display: inline;}.tooltip-target i {font-size: 26px }.tooltip-content {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);padding: 10px;border-radius: 3px;background: var(--color-white);border: 1px solid #ccc;white-space: nowrap;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;z-index: 10;height: 200px;width: 200px;display: flex;align-items: flex-end;justify-content: center;text-align: center;border-radius: 10px;}.tooltip-target:hover .tooltip-content {opacity: 1;visibility: visible;}.tooltip-content img {max-width: 20px;height: auto;margin-right: 5px;}.tooltip-target.tooltip-blue {color: rgb(0 123 255 / 100%);}.tooltip-blue .tooltip-content {background: #007bff;color: var(--color-white);}.tooltip-target.tooltip-green a {color: rgb(40 167 69 / 100%);}.tooltip-green .tooltip-content {background: #28a745;color: var(--color-white);}.tooltip-target.tooltip-yellow a {color: rgb(255 193 7 / 100%) }.tooltip-yellow .tooltip-content {background: #fd7e14;color: var(--color-white);}.tooltip-target.tooltip-purple a {color: rgb(111 66 193 / 100%);}.tooltip-purple .tooltip-content {background: #6f42c1;color: var(--color-white);}.about-heading .tooltip-target:hover::after {opacity: 1;visibility: visible;}.about-heading .tooltip-target .fa {margin-right: 5px;}.tooltip-content img {max-width: 100px;height: auto;}.features-area {transform: translateY(50px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;will-change: opacity, transform;position: relative;z-index: 2;background-color: var(--color-white);}.features-area.slide-up {opacity: 1;transform: translateY(0);}.reme-video {display: inline-block;background-image: url(../assets/videos/reme.png);background-repeat: no-repeat;width: 258px;height: 520px;overflow: hidden;margin-top: 104px;}.reme-video video {width: 258px;height: 520px;position: relative;z-index: -1;}.reme-video video {height: auto;object-fit: cover;}.features-image-wrapper {position: relative;margin-top: 150px;}.left-side, .right-side {display: flex;}.left-pattern .left-side {float: inline-start;}.left-side {max-width: 50%;}.left-side img, .left-side video {width: 100%;}.right-side {position: absolute;}.left-pattern .right-side {left: 45%;}.left-pattern .right-side img, .right-side video {max-width: 100%;width: 60%;}.dashboard {border-radius: 10px;box-shadow: 1px 2px 19px 3px rgb(14 0 40 / 18%);}.left-side img, .right-side img {max-width: 100%;object-fit: cover;}.features-image-wrapper.right-pattern {display: flex;flex-direction: row-reverse;}.right-pattern .right-side {top: 5%;right: 35%;}.right-pattern .right-side img {max-width: 100%;width: 100%;box-shadow: 0 4px 8px rgb(0 0 0 / 36%);border-radius: 10px;}.feature-image3 {height: 100%;}.enterprise-area .col-lg-4 {display: flex;flex-direction: column;}.enterise-features-wrapper {flex: 1;display: flex;flex-direction: column;justify-content: center;}.enterise-features-wrapper {padding: 30px 25px;background: #f7f5f2;border-radius: 10px;}.enterprise-icon {background: var(--color-grayish-blue);width: 80px;height: 80px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}.enterprise-icon img {width: 35px }.video_info_leave_mobile_web {background: -webkit-linear-gradient(180deg, rgb(26 80 150 / 0%) 0, rgb(4 66 147 / 67%) 100%), url("../assets/img/user-dashboard.png") no-repeat;background: -o-linear-gradient(180deg, rgb(26 80 150 / 0%) 0, rgb(4 66 147 / 67%) 100%), url("../assets/img/user-dashboard.png") no-repeat;background: linear-gradient(180deg, rgb(26 80 150 / 0%) 0, rgb(4 66 147 / 67%) 100%), url("../assets/img/user-dashboard.png") no-repeat;}.video_item {display: flex;align-items: center;justify-content: center;border-radius: 4px;background-size: cover !important;box-shadow: 0px 50px 70px 0px rgba(0, 11, 40, 0.24);height: 550px;width: 100% !important;position: relative;z-index: 1;}.video_item img {display: block;width: 100%;}.video_icon {position: absolute !important;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer }.video_icon {width: 80px;height: 80px;border-radius: 50%;background-color: rgb(255, 255, 255);box-shadow: 0px 20px 40px 0px rgba(1, 16, 58, 0.14);text-align: center;line-height: 85px;font-size: 30px;position: relative;transition: all 0.3s linear;display: inline-block;}.video_icon:before, .video_icon:after {content: "";width: 100%;height: 100%;border: 0.2px solid #fff;border-radius: 50%;opacity: 0.1;position: absolute;left: 0;}.video_icon:before {transform: scale(2.5);}.video_icon:after {transform: scale(3.8);}.video_icon i {color: var(--color-primary);text-shadow: 0px 6px 25px rgba(16, 147, 140, 0.9);position: relative;}.video_icon i:after {width: 300%;height: 300%;position: absolute;left: 50%;top: 50%;border-radius: 50%;box-shadow: 0px 1px 15px 1px rgba(255, 255, 255, 0.5);content: "";-webkit-animation: pulse 2s infinite;transform: scale(8);animation: pulse 2s infinite;}.no-shadow {box-shadow: none !important }@keyframes pulse {0% {opacity: 1;-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}100% {opacity: 0;-webkit-transform: translate(-50%, -50%) scale(2);transform: translate(-50%, -50%) scale(2);}}.video-area {overflow: hidden;}.video-content {transform: translateY(0);transition: transform 0.5s ease;}.addon-wrapper {padding: 45px 0px;border-radius: 10px;}.addon-img {position: relative }.addon-img img {max-width: 100%;width: 100%;border-radius: 10px;}.addon-img img.first-image {filter: blur(1px);padding: 20px;}.addon-img img.second-image, .addon-img img.third-image {position: absolute;left: 50%;transform: translate(-50%, -50%);box-shadow: 1px 2px 19px 3px rgb(14 0 40 / 18%);}.addon-img img.second-image {top: 60%;}.addon-img img.third-image {width: 27%;top: 50%;left: 53%;}.section-content .heading {font-size: 2.3rem }.heading-2 {font-size: 1.3rem;}.testimonial-wrapper {overflow: hidden;width: 100%;position: relative;padding: 60px 0;}.testimonial-marquee {display: flex;gap: 20px;animation: scrollLeft 20s linear infinite;}.testimonial-item {background-color: #fff;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);padding: 20px;width: 300px;flex-shrink: 0;}.testimonial-header {display: flex;align-items: center;margin-bottom: 10px;}.user-image {border-radius: 50%;width: 50px;height: 50px;margin-right: 10px;}.user-info {display: flex;flex-direction: column;}.user-name {font-size: 1.2em;margin: 0;color: #333;}.user-role {font-size: 0.9em;color: #888;margin-bottom: 0;}.testimonial-rating {font-size: 12px;color: #f5c518;margin-bottom: 10px;}.testimonial-content {font-size: 1em;color: #555;line-height: 1.5;}.testimonial-content p {opacity: 1 !important;transform: translate(0px, 0px) !important;}.testimonial-footer {text-align: right;font-size: 0.8em;color: #999;margin-top: 10px;}@keyframes scrollLeft {0% {transform: translateX(0);}100% {transform: translateX(calc(-100%));}}.video_item video {background-color: #000;}@media (max-width:1199px) {.video_item {height: 400px;}}@media (max-width:767px) {.about-heading {font-size: 32px;line-height: 48px;}.section-content .heading {font-size: 1.8rem;}.adds-on {overflow: hidden;}}@media (max-width:576px) {img.feature-image3 {display: none;}.left-side {max-width: 70%;}.left-pattern .right-side img, .right-side video {width: 80%;}span.revealing-target {opacity: 1 !important;transform: translate(0px, 0px) !important;display: contents;}.about-heading {font-size: 26px;line-height: 45px;margin-top: -50px;}.cta-area {padding-left: 15px;padding-right: 15px;}}@media (max-width:480px) {}



/*awards*/
.awards-area{
    background-color: var(--color-secondary);
}
.awards-content h2{
    font-size: 1.8rem !important;
    color: #fff;
}
.awards-subhead{
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 15px;
    border: 1px solid rgb(255 255 255 / 33%);
    padding: 5px 15px;
    border-radius: 43px;
    background: rgb(255 255 255 / 11%);
}
.awards-content img{
    margin-bottom: 20px;
}
.steps-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.steps-left, .steps-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step {
    position: relative;
    border: 1px solid var(--color-grayish-blue);
    border-radius: 8px;
    background: var(--color-grayish-blue);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.step img {
    max-width: 100%;
}

.step h3 {
    font-size: 18px;
    padding: 10px;
    margin-bottom: 0;
    font-weight: 500;
}
.step h3 a {
    color: #333;
}

.step h3 a:hover {
    color: var(--color-primary);
}
.steps-container > .steps-right {
    align-items: flex-start;
    padding-top: 90px;
}
.step-image{
    position: relative;
}

.showcase-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.step:hover .showcase-overlay {
    opacity: 1;
}

@media (max-width: 567px) {
    .steps-container {
        margin-top:40px;
        display: flex;
        flex-direction: column;
    }
    .steps-container > .steps-right{
        padding-top:0
    }
}