/*! 
Template Name: SaasLyn
Template Url: http://saaslyn-html.netlify.app/
Developer: Sakebul islam
Description: SaasLyn - SaaS, AI & Tech Startup HTML Template
Version: 1.0.0
Text Domain: SaasLyn
Tags: SaasLyn, SaaS template, AI startup, tech startup, technology, business, software, HTML5, CSS3, Bootstrap, responsive design, multipurpose, Sakebul Islam
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Helper CSS
--------------------------------------------------------------*/
/*
< --- ============================== --->
              Google Fonts
< --- ============================== --- > 
*/
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --primary-text-color: #050d14;
  --primary-color: #DC4D1B;
  --primary-color-rgb: 115, 151, 233;
  --primary-color-2: #4642fc;
  --primary-color-2-rgb: 70, 66, 252;
  --secondary-color: #E0DCDB;
  --secondary-color-rgb: 209, 215, 245;
  --secondary-color-2: #030303;
  --secondary-color-2-rgb: 3, 3, 3;
  --third-color: #E0DCDB;
  --third-color-rgb: 239, 247, 251;
  --body-color: #000;
  --body-text-color: #fff;
  --bg-color-1: #0f171d;
  --bg-color-2: #040a10;
  --bg-color-2-rgb: 4, 10, 16;
  --bg-color-3: #171f26;
  --text-color-main: #fff;
  --text-color-main-rgb: 255, 255, 255;
  --color-black: #000;
  --color-black-rgb: 0, 0, 0;
  --color-black-2: #060606;
  --color-black-2-rgb: 6, 6, 6;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
}

/*=====================****===================== */
/* browser prefix adding  */
@media only screen and (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1368px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .container-xxl.medium-container,
  .container-xl.medium-container,
  .container-lg.medium-container,
  .container-md.medium-container,
  .container-sm.medium-container,
  .container.medium-container {
    max-width: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .container-xxl.large-container,
  .container-xl.large-container,
  .container-lg.large-container,
  .container-md.large-container,
  .container-sm.large-container,
  .container.large-container {
    max-width: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* @@@@@@@@@@@@@  Extend Property CSS start here  @@@@@@@@@@@@@@ */
.choose-us__item .item-icon, .service-main__item .service-box .item-title, .team-details__content .user-infos ul li, .team-details__content .user-info .title, .team-details__content .user-info.career .career-item, .team-main__header .title, .team-main__item .team-thumb .social, .team-main__item .team-thumb .social ul, .widget__categories .categorie-list li, .widget__recent-posts .posts-list .post-item, .widget__tags .tags-group, .widget__cta, .appreciation__content .btn-customer, .appreciation__content .btn-customer .customer, .contact__form .input-group, .contact__info .info-item, .process__item, .work__item, .work__item .signup-form .input-group, .work__item .user-area .user-item, .workflow__info .info-item, .brand-3__content .brand-title, .brand-3__item, .cta-2__content, .cta-2__content .buttons, .cta-2__thumb, .cta-3__content .buttons, .cta-3__content .features-list ul, .cta-3__content .features-list ul li, .blog-details__wrapper .blog-details .info-section, .blog-details__wrapper .blog-details .info-section .info-item, .blog-details__wrapper .tags-and-share, .blog-details__wrapper .tags-and-share .tags, .blog-details__wrapper .tags-and-share .tags .tags-list, .blog-details__wrapper .tags-and-share .share-group .post-and-share, .blog-details__wrapper .tags-and-share .share-group .post-and-share .post, .blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-list, .blog-details__wrapper .tags-and-share .share-group .post-and-share .share, .blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-list, .blog-details__wrapper .recent-comments__wrapper, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .post-info, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .stars, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer, .blog-details__wrapper .write-comment .comment-form .input-group, .blog__item .blog-content .meta ul, .blog-3__item .item-content .item-tags, .pricing__item .pricing-header .plan-info, .pricing__item .pricing-body ul li, .pricing-2__item .item-body .featcher-list ul li, .pricing-2__item .item-header .item-price .plan-price, .pricing-3__btns, .pricing-3__btns .buttons, .pricing-3__item, .pricing-3__item .item-header .header-inner, .pricing-3__item .item-header .header-inner .header-info .plan-price, .pricing-3__item .item-body .item-features ul, .pricing-3__item .item-body .item-features ul li, .faq-2__content, .testimonial__item, .testimonial__item .item-thumb, .testimonial__item .item-content, .testimonial__navigation, .testimonials-2__navigation, .testimonial-3__item .item-content .item-header, .testimonial-3__item .item-content .item-header .rating-stars ul, .reports__item, .report-customize__item.type-1:has(.item-content), .report-customize__item.type-3 .activity, .report-customize__item.type-3 .activity .progress-wrapper, .report-customize__item.type-3 .profile, .footer-one__right .bottom-content, .social-icons ul, .footer-two__newsletter .newsletter-form, .footer-two__bottom .links ul, .social-icons-2 ul, .footer-three__main .newsletter, .banner-one.section .chart-1__header,
.banner-one.section .sales-goals__header, .banner-one.section .chart-1__main-stats .stats-content,
.banner-one.section .sales-goals__main-stats .stats-content, .banner-one.section .daily-statistic .statistic-container, .banner-one.section .daily-statistic .legend .legend-item, .banner-two__content .customers-info, .banner-two__content .customers-info .info, .banner-two__content .title .line-one, .banner-two__content .title .line-two, .banner-two__content .banner-buttons, .offcanvas-menu .mean-bar .mean-nav > ul li a,
.mean-container .mean-bar .mean-nav > ul li a, .offcanvas-menu .mean-bar .mean-nav > ul li a.mean-expand,
.mean-container .mean-bar .mean-nav > ul li a.mean-expand, .offcanvas-menu .mean-bar .mean-nav > ul li a:has(~ .sub-menu),
.mean-container .mean-bar .mean-nav > ul li a:has(~ .sub-menu), .header-one__main, .header-one__main-menu nav ul:not(.sub-menu), .header-one__main-menu nav ul li a, .header-one__main-menu nav ul li .sub-menu li a:has(i), .header-one__main-menu.menu-right, .header-one__menu-btns, .header-one__menu-btns .buttons, .header-three .header-one__menu-btns .buttons, .mobile-menu-social-media, .section-header-2 .section-sub-title {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.saaslyn-1-btn, .saaslyn-2-btn, .saaslyn-3-btn, .saaslyn-4-btn, .saaslyn-6-btn, .social-media ul, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer .like-btn,
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer .reply-btn, .pricing__btn-content, .pricing__btn-content .save, .pricing__btn-wrapper, .pricing-2.section .section-header-2 .section-title .icon, .faq-2__accordion .accordion-item .accordion-header .accordion-button::after, .testimonial__navigation .slide-counter, .report-customize__item.type-1 .analysis-list ul li, .footer-one__left .join-btn, .banner-one.section .chart-1__main-stats .stats-content .change-percentage,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage, .banner-one__content .button-group, .banner-one__content .button-group .learn-more, .section-header .section-sub-title {
  display: inline-flex;
}

.widget__cta, .contact__form .input-group, .process__item, .work__item, .cta-2__content, .cta-2__thumb, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .post-info, .blog-details__wrapper .write-comment .comment-form .input-group, .pricing-3__item, .pricing-3__item .item-body .item-features ul, .faq-2__content, .testimonial__item .item-content, .reports__item, .report-customize__item.type-1:has(.item-content), .report-customize__item.type-3 .activity, .report-customize__item.type-3 .profile, .banner-one__content .button-group {
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.team-main__item .team-thumb .social, .team-main__item .team-thumb .social ul {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
}

.team-details__content .user-info.career .career-item .year, .team-details__content .contact-section form button, .social-media ul li, .team-main__item .team-thumb .social ul, .widget__search .search-form .input-group .input-group-text, .widget__recent-posts .posts-list .post-item .item-thumb, .contact__info .info-item .item-icon, .awesome-features__item .item-content .item-number, .work__item .signup-form .input-group .input-group-text, .work__item .user-area .user-item .user-icon, .workflow__info .info-item .icon, .integration__content .circle-one .circle-one-inset .icon-block, .integration__content .circle-one .circle-two, .integration__content .circle-one .circle-two .circle-three, .integration__content .circle-one .circle-two .circle-three .circle-four, .blog-details__wrapper .blog-details .info-section .info-item .info-icon, .blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-list li a, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-thumb, .pricing-2__item .item-header .item-icon, .testimonial__item .item-thumb, .testimonials-2__item .author .author-thumb, .testimonials-2__navigation .prev-testimonial,
.testimonials-2__navigation .next-testimonial, .report-customize__item.type-3 .profile .avatar, .report-customize__item.type-3 .profile .avatar img, .features__item .item-icon, .footer-two__newsletter .newsletter-form button, .banner-one.section .chart-1__header .icon-container,
.banner-one.section .sales-goals__header .icon-container, .banner-one.section .chart-1__header .icon-container .icon-box,
.banner-one.section .sales-goals__header .icon-container .icon-box, .banner-one.section .chart-1__main-stats .stats-content .change-percentage .icon-box,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage .icon-box, .hamburger-menu-close, .header-one__menu-btns .hamburger-menu {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.widget__tags .tags-group, .appreciation__content .btn-customer, .pagination-area__nav .pagination {
  flex-wrap: wrap;
}

.offcanvas.offcanvas-full, .offcanvas.offcanvas-full .offcanvas-full-bg.left-box, .offcanvas.offcanvas-full .offcanvas-full-bg.right-box {
  position: fixed;
}

.saaslyn-1-btn, .saaslyn-2-btn, .saaslyn-3-btn, .saaslyn-4-btn, .saaslyn-5-btn:not(.v2), .saaslyn-5-btn.v2, .saaslyn-6-btn, .service-details__article .process-list li, .service-main.section, .service-main__item, .service-main__item .service-box, .team-main__item .team-thumb, .team-main__item .team-thumb .social ul li, .error.section, .error__content, .error-image, .widget__categories .categorie-list li, .pagination-area__nav .pagination .page-item:first-of-type .page-link, .pagination-area__nav .pagination .page-item:last-of-type .page-link, .awesome-features__content, .awesome-features__content .item-row, .awesome-features__item .item-content, .process__item .item-icon, .benefits.section, .benefits__item, .workflow.section .section-header-2, .integration__content, .integration__content .circle-one, .brand-3__item, .cta-2__thumb, .cta-3.section, .blog__item-wrapper, .blog-3.section, .pricing__btn-content, .pricing-2.section, .pricing-2__item, .pricing-2__item .item-body, .pricing-3.section, .pricing-3__btns .buttons, .pricing-3__item .item-header, .faq__accordion, .faq-2__content, .faq-3.section, .testimonials-2.section, .testimonials-2__slider-wrapper, .testimonial-3__item, .reports.section, .reports__item-wrapper, .report-customize.section, .report-customize__item.type-1 .analysis-list ul li, .report-customize__item.type-3 .activity .progress-wrapper, .report-customize__item.type-3 .activity .progress-wrapper .progress, .features-item__wrapper, .features__item, .features__item .item-icon, .features-2.section, .features-2__item, .features-3.section, .footer-one.section .container, .footer-one__left .join-btn, .footer-one__right, .social-icons ul li a, .footer-two.section, .footer-two__newsletter .newsletter-form button, .social-icons-2 ul li a, .banner-one.section, .banner-one.section .chart-1__chart-container,
.banner-one.section .sales-goals__chart-container, .banner-one__wrapper, .banner-one__thumb, .banner-one__content .button-group, .banner-two.section, .banner-two__wrapper, .banner-two__content, .banner-three.section, .header-one__main, .header-one__main-menu nav ul li, .header-one__main-menu nav ul li .sub-menu li, .section-header-2 .section-sub-title {
  position: relative;
}

.progress-wrap::after, .saaslyn-1-btn::before, .saaslyn-2-btn::before, .saaslyn-3-btn::before, .saaslyn-4-btn::before, .saaslyn-5-btn:not(.v2)::before, .saaslyn-5-btn.v2::before, .saaslyn-6-btn::before, .service-details__article .process-list li::before, .service-main__item::before, .team-details__content .user-info.skills .skill-item .progress-container .skill-percentage, .team-main__item .team-thumb .thumb-shape, .team-main__item .team-thumb .social, .team-main__item .team-thumb .social ul li:not(:last-of-type)::before, .error.section::before, .error.section::after, .error-image::before, .widget__categories .categorie-list li::before, .pagination-area__nav .pagination .page-item:first-of-type .page-link::before, .pagination-area__nav .pagination .page-item:last-of-type .page-link::before, .awesome-features__item .item-content::before, .process__item .item-icon::after, .process__item .item-icon::before, .benefits.section .benefits-shape, .benefits__item .item-bg, .workflow.section .section-header-2 .shape, .integration__content .ellipse-1,
.integration__content .ellipse-2, .integration__content .circle-one .circle-one-inset, .integration__content .circle-one .circle-one-inset .icon-block, .brand-3__item::after, .cta-2__thumb .star-one,
.cta-2__thumb .star-two, .cta-3.section .circle-1, .cta-3.section .circle-2, .cta-3.section .box-1, .cta-3.section .box-2, .cta-3.section .doll-1, .cta-3.section .doll-2, .blog__item-wrapper::before, .blog-3.section .bg-shape, .pricing__btn-content .save, .pricing-2.section .shape-1, .pricing-2.section .shape-2, .pricing-2.section .shape-3, .pricing-2__btn-wrapper .highlighter, .pricing-2__item::before, .pricing-2__item::after, .pricing-2__item .item-bg, .pricing-2__item .item-body::after, .pricing-2__item .item-body::before, .pricing-3.section .circle-bg, .pricing-3__item .item-header::before, .faq__accordion::before, .faq-2__content::before, .faq-2__content::after, .faq-3.section .bg-shape, .faq-3__bg-shape, .testimonials-2.section::before, .testimonials-2__slider-wrapper .test-author-1, .testimonials-2__slider-wrapper .test-author-2, .testimonials-2__slider-wrapper .test-author-3, .testimonials-2__slider-wrapper .test-author-4, .testimonials-2__navigation, .testimonial-3__item .triangle, .testimonial-3__item::after, .testimonial-3__item .item-content .item-author .author-avatar, .reports.section .shape-1, .reports.section .shape-2, .reports__item-wrapper::before, .report-customize.section .bg-shape, .report-customize__item.type-3 .activity .progress-wrapper .progress::before, .report-customize__item.type-3 .activity .progress-wrapper .progress-percentage, .report-customize__item.type-3 .activity .progress-wrapper .progress-percentage::after, .features__item .item-icon::after, .features__item .item-shape, .features-2.section .shape-1, .features-2.section .shape-bg, .features-2.section .shape-line, .features-2__item .item-bg, .features-3.section::before, .footer-one.section .container .footer-long-text, .footer-one__left .join-btn::before, .social-icons ul li a::before, .footer-two.section #footerTwoSvgDraw, .footer-two__newsletter .newsletter-form button::before, .banner-one.section .graphOneDrawing-LeftSvg,
.banner-one.section .graphOneDrawing-RightSvg, .banner-one.section .chart-1__widget,
.banner-one.section .sales-goals__widget, .banner-one.section .chart-1__chart-container .sales-chart-label,
.banner-one.section .sales-goals__chart-container .sales-chart-label, .banner-one.section .daily-statistic, .banner-one__wrapper::after, .banner-one__thumb::after, .banner-one__content, .banner-one__content .button-group .star-1,
.banner-one__content .button-group .star-2,
.banner-one__content .button-group .arrow, .banner-two__wrapper .banner-circles, .banner-two__wrapper .color-circle, .banner-two__wrapper .toots-shape, .banner-two__wrapper .draw-svg, .banner-two__wrapper .banner-graph, .banner-three.section .bottom-shape, .banner-three.section .cube-shape, .banner-three.section .bot-shape, .banner-three.section .aichat-shape, .header-one.section, .header-one__main-menu nav ul li .sub-menu, .header-two.section, .header-three.section, .saaslyn__toggle-btn::before, .saaslyn__toggle-btn::after {
  position: absolute;
  content: "";
}

input,
textarea,
select {
  width: 100%;
}

.home-one, .home-two, .home-three {
  font-weight: 400;
}

.error-text, .report-customize__item.type-1 p, .report-customize__item.type-1 .analysis-list ul li, .home-one h1,
.home-one h2,
.home-one h3,
.home-one h4,
.home-one h5,
.home-one h6, .home-three h1,
.home-three h2,
.home-three h3,
.home-three h4,
.home-three h5,
.home-three h6 {
  font-weight: 500;
}

.home-two h1,
.home-two h2,
.home-two h3,
.home-two h4,
.home-two h5,
.home-two h6 {
  font-weight: 600;
}

.saaslyn-1-btn, .saaslyn-2-btn, .report-customize__item.type-1 .item-title, .home-two h1, .home-three h1 {
  font-weight: 700;
}

.saaslyn-1-btn, .saaslyn-2-btn, .saaslyn-3-btn, .saaslyn-4-btn, .saaslyn-6-btn, .choose-us__item .item-icon, .team-main__header .title, .pagination-area__nav .pagination, .brand-3__item, .cta-3__content .buttons, .cta-3__content .features-list ul li, .pricing__btn-content, .pricing-2.section .section-header-2 .section-title .icon, .pricing-2__item .item-header .item-price .plan-price, .faq-2__accordion .accordion-item .accordion-header .accordion-button::after, .testimonial__navigation .slide-counter, .report-customize__item.type-3 .profile, .banner-one.section .chart-1__header,
.banner-one.section .sales-goals__header, .banner-one.section .chart-1__main-stats .stats-content,
.banner-one.section .sales-goals__main-stats .stats-content, .banner-one.section .daily-statistic .statistic-container, .banner-two__content .customers-info, .banner-two__content .title .line-one, .banner-two__content .title .line-two, .banner-two__content .banner-buttons, .breadcrumb-area__content .breadcrumb-nav .breadcrumb, .section-header-2 .section-sub-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.team-main__item .team-thumb .social, .widget__categories .categorie-list li, .cta-2__content, .cta-3__content .features-list ul, .blog-details__wrapper .tags-and-share, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post, .pricing-3__btns .buttons, .pricing-3__item .item-header .header-inner, .faq-2__content, .testimonials-2__navigation, .testimonial-3__item .item-content .item-header, .reports__item, .report-customize__item.type-1:has(.item-content), .report-customize__item.type-3 .activity, .report-customize__item.type-3 .activity .progress-wrapper, .footer-one__right .bottom-content, .offcanvas-menu .mean-bar .mean-nav > ul li a,
.mean-container .mean-bar .mean-nav > ul li a, .offcanvas-menu .mean-bar .mean-nav > ul li a:has(~ .sub-menu),
.mean-container .mean-bar .mean-nav > ul li a:has(~ .sub-menu), .header-one__main, .header-one__main-menu nav ul:not(.sub-menu), .header-one__main-menu nav ul li a, .header-one__main-menu nav ul li .sub-menu li a:has(i) {
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.workflow.section .section-header-2 .section-sub-title {
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}

.cta-2__thumb, .testimonial__navigation, .footer-two__bottom .links ul, .offcanvas-menu .mean-bar .mean-nav > ul li a.mean-expand,
.mean-container .mean-bar .mean-nav > ul li a.mean-expand {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.team-details__content .contact-section form button, .social-media ul li a, .team-main__item .team-thumb .social ul li a, .widget__search .search-form .input-group .input-group-text, .contact__info .info-item .item-icon, .awesome-features__item .item-content .item-number, .process__item .item-icon, .process__item .item-icon::before, .work__item .user-area .user-item .user-icon, .benefits__item .item-icon, .workflow__info .info-item .icon, .integration__content .circle-one, .integration__content .circle-one .circle-one-inset .icon-block, .integration__content .circle-one .circle-two, .integration__content .circle-one .circle-two .circle-three, .integration__content .circle-one .circle-two .circle-three .circle-four, .blog-details__wrapper .blog-details .info-section .info-item .info-icon, .blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-list li a, .pricing-2__item .item-header .item-icon, .pricing-3__item .item-header .header-inner .icon, .faq-3__accordion .accordion-item .accordion-header .accordion-button::after, .testimonial__navigation .prev-testimonial,
.testimonial__navigation .next-testimonial, .testimonials-2__navigation .prev-testimonial,
.testimonials-2__navigation .next-testimonial, .report-customize__item.type-3 .activity .progress-wrapper .progress-percentage, .report-customize__item.type-3 .profile .avatar, .features__item .item-icon, .footer-one__left .join-btn .icon-box, .social-icons ul li a, .social-icons-2 ul li a, .banner-one.section .chart-1__header .icon-container,
.banner-one.section .sales-goals__header .icon-container, .banner-one.section .chart-1__header .icon-container .icon-box,
.banner-one.section .sales-goals__header .icon-container .icon-box, .banner-one.section .chart-1__main-stats .stats-content .change-percentage .icon-box,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage .icon-box, .banner-two__wrapper .banner-circles .circle, .hamburger-menu-close {
  place-content: center;
}

.blog-details__wrapper .blog-details .info-section .info-item, .pricing-3__item .item-body .item-features ul li, .testimonial-3__item .item-content .item-header, .report-customize__item.type-1 .analysis-list ul li, .footer-three__main .newsletter {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.saaslyn-1-btn, .saaslyn-2-btn, .saaslyn-3-btn, .saaslyn-4-btn, .saaslyn-6-btn, .choose-us__item .item-icon, .service-main__item .service-box .item-title, .team-details__content .user-infos ul li, .team-details__content .user-info .title, .social-media ul, .team-main__header .title, .team-main__item .team-thumb .social, .team-main__item .team-thumb .social ul, .widget__categories .categorie-list li, .widget__recent-posts .posts-list .post-item, .widget__cta, .appreciation__content .btn-customer, .appreciation__content .btn-customer .customer, .contact__info .info-item, .process__item, .work__item .signup-form .input-group, .work__item .user-area .user-item, .workflow__info .info-item, .brand-3__content .brand-title, .brand-3__item, .cta-2__content .buttons, .cta-3__content .buttons, .cta-3__content .features-list ul, .cta-3__content .features-list ul li, .blog-details__wrapper .blog-details .info-section, .blog-details__wrapper .tags-and-share, .blog-details__wrapper .tags-and-share .tags, .blog-details__wrapper .tags-and-share .tags .tags-list, .blog-details__wrapper .tags-and-share .share-group .post-and-share, .blog-details__wrapper .tags-and-share .share-group .post-and-share .post, .blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-list, .blog-details__wrapper .tags-and-share .share-group .post-and-share .share, .blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-list, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .stars, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer .like-btn,
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer .reply-btn, .blog__item .blog-content .meta ul, .blog-3__item .item-content .item-tags, .pricing__btn-content, .pricing__item .pricing-header .plan-info, .pricing-3__btns .buttons, .pricing-3__item .item-header .header-inner, .faq-2__accordion .accordion-item .accordion-header .accordion-button::after, .testimonial__navigation, .testimonial__navigation .slide-counter, .testimonials-2__navigation, .report-customize__item.type-3 .profile, .footer-one__left .join-btn, .footer-one__right .bottom-content, .footer-two__newsletter .newsletter-form, .footer-two__bottom .links ul, .banner-one.section .chart-1__header,
.banner-one.section .sales-goals__header, .banner-one.section .chart-1__main-stats .stats-content,
.banner-one.section .sales-goals__main-stats .stats-content, .banner-one.section .chart-1__main-stats .stats-content .change-percentage,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage, .banner-one.section .daily-statistic .statistic-container, .banner-one.section .daily-statistic .legend .legend-item, .banner-one__content .button-group, .banner-one__content .button-group .learn-more, .banner-two__content .customers-info, .banner-two__content .customers-info .info, .banner-two__content .banner-buttons, .offcanvas-menu .mean-bar .mean-nav > ul li a,
.mean-container .mean-bar .mean-nav > ul li a, .offcanvas-menu .mean-bar .mean-nav > ul li a.mean-expand,
.mean-container .mean-bar .mean-nav > ul li a.mean-expand, .offcanvas-menu .mean-bar .mean-nav > ul li a:has(~ .sub-menu),
.mean-container .mean-bar .mean-nav > ul li a:has(~ .sub-menu), .header-one__main, .header-one__main-menu nav ul:not(.sub-menu), .header-one__main-menu nav ul li a, .header-one__main-menu nav ul li .sub-menu li a:has(i), .header-one__main-menu.menu-right, .header-one__menu-btns, .header-one__menu-btns .buttons, .header-three .header-one__menu-btns .buttons, .mobile-menu-social-media, .section-header-2 .section-sub-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .post-info, .pricing__btn-content .save, .pricing-2.section .section-header-2 .section-title .icon, .pricing-2__item .item-header .item-price .plan-price, .testimonial__item .item-thumb {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.pricing-3__item .item-header .header-inner .header-info .plan-price {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.pricing-2__btn-wrapper input, .saaslyn__submenu {
  display: -webkit-none;
  display: -ms-none;
  display: none;
}

.progress-wrap, .progress-wrap::after, .team-details__content .contact-section form .form-group input,
.team-details__content .contact-section form .form-group textarea, .widget__recent-posts .posts-list .post-item .item-thumb, .contact__map, .brand-3__content .brand-title .line, .blog__item .blog-thumb, .blog-3__item .item-thumb, .footer-two__newsletter .newsletter-info, .banner-three__content .no-credit-card-required, .offcanvas, .header-one__main-menu nav ul li .sub-menu li a, .header-one__menu-btns .hamburger-menu span, .saaslyn__submenu.saaslyn__active {
  display: -webkit-block;
  display: -ms-block;
  display: block;
}

.team-details__content .user-infos ul li span, .team-main__item .team-thumb .social .line, .team-main__item .team-content .designation, .widget__recent-posts .posts-list .post-item .item-content .post-date, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-info .author-designation, .blog-3__item .item-content .item-tags span, .pricing__item .pricing-header .plan-info .price, .pricing__item .pricing-footer .saving-info, .pricing-3__btns .btn-border, .pricing-3__item .item-header .header-inner .header-info .plan-price span, .footer-one__left .logo, .footer-three__main .footer-info .footer-logo, .banner-two__content .customers-info .info span, .mobile-menu-social-media a, .section-header-2 .section-sub-title::before, .section-header-3 .section-sub-title {
  display: -webkit-inline-block;
  display: -ms-inline-block;
  display: inline-block;
}

.team-details__wrapper, .team-details__content .contact-section form button, .social-media ul li a, .team-main__item .team-thumb .social ul li a, .widget__search .search-form .input-group .input-group-text, .contact__info .info-item .item-icon, .awesome-features__content, .awesome-features__content .item-row, .awesome-features__item .item-content .item-number, .process__item .item-icon, .process__item .item-icon::before, .work__item .user-area .user-item .user-icon, .benefits__item .item-icon, .workflow__info .info-item .icon, .integration__content .circle-one, .integration__content .circle-one .circle-one-inset .icon-block, .integration__content .circle-one .circle-two, .integration__content .circle-one .circle-two .circle-three, .integration__content .circle-one .circle-two .circle-three .circle-four, .blog-details__wrapper .blog-details .info-section .info-item .info-icon, .blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-list li a, .blog__item-wrapper, .pricing__item-wrapper, .pricing-2__item .item-header .item-icon, .pricing-3__item .item-header .header-inner .icon, .faq-3__accordion .accordion-item .accordion-header .accordion-button::after, .testimonial__navigation .prev-testimonial,
.testimonial__navigation .next-testimonial, .testimonials-2__navigation .prev-testimonial,
.testimonials-2__navigation .next-testimonial, .reports__item-wrapper, .report-customize__item.type-3, .report-customize__item.type-3 .activity .progress-wrapper .progress-percentage, .report-customize__item.type-3 .profile .avatar, .features__item .item-icon, .features-2__item-wrapper, .footer-one__left .join-btn .icon-box, .footer-one__right .info-area, .social-icons ul li a, .footer-two__link-area, .social-icons-2 ul li a, .footer-three__main .info-area, .banner-one.section .chart-1__header .icon-container,
.banner-one.section .sales-goals__header .icon-container, .banner-one.section .chart-1__header .icon-container .icon-box,
.banner-one.section .sales-goals__header .icon-container .icon-box, .banner-one.section .chart-1__main-stats .stats-content .change-percentage .icon-box,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage .icon-box, .banner-one.section .daily-statistic .legend, .banner-two__wrapper .banner-circles .circle, .hamburger-menu-close {
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.saaslyn-1-btn, .saaslyn-2-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.brand-3__content .brand-title .line, .blog-details__wrapper .recent-comments__wrapper .recent-comments-item, .reports__item .item-thumb {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.saaslyn-1-btn, .saaslyn-2-btn, .choose-us__item, .choose-us__item .item-icon, .team-main__header, .error__content, .brand-3__content .brand-title, .cta__content-wrapper, .pricing__item .pricing-footer, .pricing-2__item .item-body .button-wrapper, .pricing-3__item .item-header .header-inner .icon, .faq-2__content, .testimonials-2__item .author, .banner-one.section .chart-1__widget,
.banner-one.section .sales-goals__widget, .banner-one__thumb, .banner-one__content, .breadcrumb-area__content, .mobile-menu-social-media a {
  text-align: center;
}

li {
  list-style: none;
}

/* @@@@@@@@@@@@@  Extend Property Margin 0 - 50 CSS Writing Now  @@@@@@@@@@@@@@ */
ul {
  margin: 0;
}

/* @@@@@@@@@@@@@  Extend Property padding 0 - 50 CSS Writing Now  @@@@@@@@@@@@@@ */
ul {
  padding: 0;
}

/*! 
https://serp.co/tools/css-reset/
<link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
*/
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  overflow-x: hidden;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  overflow-x: hidden;
}

html:has(.offcanvas.show),
body:has(.offcanvas.show) {
  overflow: hidden;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Basic typography style for copy text
 */
.home-one {
  line-height: 1;
  font-size: 18px;
  color: var(--body-text-color);
  background: var(--body-color);
  font-family: "Urbanist", sans-serif;
}
.home-one h1,
.home-one h2,
.home-one h3,
.home-one h4,
.home-one h5,
.home-one h6 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  margin: 0;
  font-family: "Urbanist", sans-serif;
  color: var(--text-color-main);
}
.home-one h1 {
  font-size: 3.3rem;
}
.gradient-text {
  background: linear-gradient(to right, #ff6a00, #ea4e89, #ff6a00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-bg {
  background: linear-gradient(to right, #ff6a00, #ea4e89, #ff6a00);
  color: #FFFFFF;
}
.text-orange {
    color: #DC4D1B;
}
.border-gradient {
  --c: #171717;
  --p: 10%;
  background: linear-gradient(var(--c), var(--c)) padding-box,
    conic-gradient(
        from var(--gradient-angle, 0deg),
        transparent,
        white var(--p),
        transparent calc(var(--p) * 2)
      )
      border-box;
  border: 1px solid transparent;
}
.nav-tabs .nav-item{
  margin: 0 15px;
}
.nav-tabs .nav-link{
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #FFFFFF;
  opacity: 0.6;
  border-width: 2px;
  border-color: transparent !important;
  border-radius: 0 !important;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active {
    color: #DC4D1B !important;
    border-bottom-color: #DC4D1B !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    opacity: 1;
}
.nav-tabs .nav-link img{
  filter: invert(1);
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-unstyled li {
    position: relative;
    padding-left: 30px;
    line-height: 1.2;
}
.no-max-width{
  max-width: unset !important;
}
.hx-section { position: relative; }
.hx-lead { color: var(--secondary-color); font-size: 17px; line-height: 1.8; max-width: 900px; }
.hx-lead.center { margin-left: auto; margin-right: auto; text-align: center; }
.hx-eyebrow { color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    /* letter-spacing: 2.4px; */
    margin-bottom: 20px;
    border-radius: 50px;
    border: 1px solid transparent;
    background-image: linear-gradient(var(--color-black-2), var(--color-black-2)), linear-gradient(90deg, #ed7543 0%, #cd4f75 30%, #6a48ed 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    white-space: nowrap;
    padding: 10px 20px; display: inline-block;}

.hx-hero { padding-top: 60px; }
.hx-hero__badge { display:inline-flex; align-items:center; gap:8px; background: rgba(115,151,233,0.12); border:1px solid rgba(115,151,233,0.35); color: var(--primary-color); padding:6px 16px; border-radius:30px; font-size:13px; font-weight:600; margin-bottom:18px; }
.hx-hero__price-card { background: var(--bg-color-3); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:28px; text-align:center; transition: all 0.5s ease; }
.hx-hero__price-card:hover { border-color: rgba(var(--primary-color-rgb), 0.5); box-shadow: 0 30px 60px rgba(115,151,233,0.15); transform: translateY(-4px); }
.hx-hero__price-card .tag { display:inline-block; background: var(--primary-color); color:#fff; font-size:12px; padding:4px 12px; border-radius:20px; margin-bottom:14px; }
.hx-hero__price-card .price { font-size:42px; font-weight:700; color:#fff; }
.hx-hero__price-card .price span { font-size:15px; color: var(--secondary-color); font-weight:400; }
.hx-buttons { display:flex; flex-wrap:wrap; gap:16px; margin-top:28px; }

.hx-trustbar { border-top:1px solid rgba(255,255,255,0.08); border-bottom:1px solid rgba(255,255,255,0.08); padding:26px 0; text-align:center; }
.hx-trustbar p { color: var(--secondary-color); font-size:14px; letter-spacing:.5px; text-transform:uppercase; margin:0; }
.hx-trustbar strong { color:#fff; }

.hx-grid { display:grid; gap:24px; }
.hx-grid-2 { grid-template-columns: repeat(2, 1fr); }
.hx-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hx-grid-4 { grid-template-columns: repeat(4, 1fr); }
.hx-grid-5 { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 991px) { .hx-grid-3, .hx-grid-4, .hx-grid-5 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .hx-grid-2, .hx-grid-3, .hx-grid-4, .hx-grid-5 { grid-template-columns: 1fr; } }

/* Card hover mirrors .features__item: border highlight + inset glow + icon fill-invert, 0.5s ease */
.hx-card {
  background: var(--bg-color-3);
  border: 2px solid transparent;
  border-radius: 14px;
  padding: 28px 26px;
  height: 100%;
  transition: all 0.5s ease, transform 0.5s ease;
  -webkit-transition: all 0.5s ease, transform 0.5s ease;
}
.hx-card:hover {
  border-color: rgba(var(--text-color-main-rgb), 0.2);
  box-shadow: 0 40px 60px 0 rgba(231, 171, 131, 0.24) inset;
  transform: translateY(-6px);
}
.hx-card .hx-icon {
  width:48px; height:48px; border-radius:12px;
  background: linear-gradient(135deg, rgba(115, 151, 233, 0.12) 2.27%, rgba(209, 215, 245, 0.1) 50.35%, rgba(239, 247, 251, 0.08) 102.27%);
  color: var(--primary-color); display:flex; align-items:center; justify-content:center;
  font-size:20px; margin-bottom:18px; position:relative; overflow:hidden;
  transition: all 0.5s ease;
}
.hx-card .hx-icon::after {
  content:""; position:absolute; inset:0; z-index:-1; opacity:0;
  background: linear-gradient(135deg, #e99573 2.27%, #f5ded1 50.35%, #fbf1ef 102.27%);
  transition: all 0.5s ease;
}
.hx-card:hover .hx-icon { color: var(--bg-color-2); }
.hx-card:hover .hx-icon::after { opacity: 1; }
.hx-card h6, .hx-card h3 { color:#fff; font-size:18px; margin-bottom:10px; transition: color 0.4s ease; }
.hx-card:hover h6, .hx-card:hover h3 { color: var(--primary-color); }
.hx-card p { color: var(--secondary-color); font-size:15px; line-height:1.7; margin:0; }
.hx-card .num { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background: #444444; color:#fff; font-weight:700; font-size:14px; margin-bottom:16px; transition: all 0.5s ease; }
.hx-card:hover .num { background: var(--primary-color); transform: scale(1.1); }

.hx-list-check { list-style:none; padding:0; margin:0; display:grid; gap:16px; }
.hx-list-check li { display:flex; align-items:flex-start; gap:12px; color: var(--secondary-color); font-size:15.5px; line-height:1.7; transition: transform 0.35s ease; }
.hx-list-check li:hover { transform: translateX(4px); }
.hx-list-check li i { color: var(--primary-color); margin-top:4px; flex-shrink:0; transition: transform 0.35s ease; }
.hx-list-check li:hover i { transform: scale(1.15); }
.hx-list-check li strong { color:#fff; }
.hx-list-check.two-col { grid-template-columns: repeat(2, 1fr); }
@media (max-width:767px){ .hx-list-check.two-col { grid-template-columns: 1fr; } }

.hx-table-wrap { overflow-x:auto; border-radius:14px; border:1px solid rgba(255,255,255,0.08); transition: border-color 0.4s ease; }
.hx-table-wrap:hover { border-color: rgba(var(--primary-color-rgb), 0.35); }
table.hx-table { width:100%; border-collapse:collapse; min-width:640px; }
table.hx-table th { background: var(--bg-color-3); color:#fff; text-align:left; padding:16px 20px; font-size:14px; letter-spacing:.3px; border-bottom:1px solid rgba(255,255,255,0.08); }
table.hx-table td { padding:16px 20px; color: var(--secondary-color); font-size:14.5px; line-height: 1.4; border-bottom:1px solid rgba(255,255,255,0.06); vertical-align:top; transition: background 0.3s ease; }
table.hx-table tr:last-child td { border-bottom:none; }
table.hx-table tr:hover td { background: rgba(115,151,233,0.07); }
table.hx-table td strong, table.hx-table td.highlight { color:#fff; }

.hx-cta-strip { background: var(--bg-color-3); border:1px solid rgba(255,255,255,0.08); border-radius:18px; padding:44px 40px; transition: all 0.5s ease; }
.hx-cta-strip:hover { border-color: rgba(var(--primary-color-rgb), 0.35); box-shadow: 0 40px 60px 0 rgba(131, 160, 231, 0.16) inset; }
.hx-tags { display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }
.hx-tags span { display:inline-flex; align-items:center; gap:8px; background: rgba(255,255,255,0.06); color: var(--secondary-color); padding:8px 16px; border-radius:24px; font-size:13.5px; transition: all 0.35s ease; }
.hx-tags span:hover { background: rgba(var(--primary-color-rgb), 0.16); color:#fff; transform: translateY(-2px); }
.hx-tags span i { color: var(--primary-color); }

.hx-accordion .accordion-item { background: var(--bg-color-3); border:1px solid rgba(255,255,255,0.08); border-radius:12px !important; margin-bottom:14px; overflow:hidden; transition: border-color 0.4s ease; }
.hx-accordion .accordion-item:hover { border-color: rgba(var(--primary-color-rgb), 0.35); }
.hx-accordion .accordion-button { background: transparent; color:#fff; font-size:16px; font-weight:600; padding:20px 24px; box-shadow:none; transition: all 0.4s ease; }
.hx-accordion .accordion-button:hover { color: var(--primary-color); }
.hx-accordion .accordion-button:not(.collapsed) { color: var(--primary-color); background: rgba(115,151,233,0.06); }
.hx-accordion .accordion-button::after { filter: invert(1); transition: transform 0.35s ease; }
.hx-accordion .accordion-body { color: var(--secondary-color); font-size:15px; line-height:1.8; padding:0 24px 22px; }

.hx-badge-row { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:22px; }
.hx-badge-row a { display:inline-block; transition: transform 0.35s ease, opacity 0.35s ease; opacity:0.85; }
.hx-badge-row a:hover { transform: translateY(-3px); opacity:1; }
.hx-badge-row img { height:48px; width:auto; border-radius:8px; }

.hx-star { color:#ffb400; letter-spacing:2px; margin-bottom:12px; display:block; }
.hx-quote { color: var(--secondary-color); font-size:15px; line-height:1.75; margin-bottom:18px; }
.hx-author { color:#fff; font-weight:600; margin-bottom:2px; }
.hx-author-role { color: var(--primary-color); font-size:13px; }

.hx-chip-list { display:flex; flex-wrap:wrap; gap:12px; }
.hx-chip-list a { display:inline-flex; align-items:center; gap:8px; background: var(--bg-color-3); border:1px solid rgba(255,255,255,0.08); color: var(--secondary-color); padding:10px 18px; border-radius:30px; font-size:14px; text-decoration:none; transition: all 0.5s ease; }
.hx-chip-list a:hover { border-color: var(--primary-color); color: #fff; background: rgba(var(--primary-color-rgb), 0.14); transform: translateY(-3px); }
.hx-chip-list a i { transition: transform 0.35s ease; }
.hx-chip-list a:hover i { transform: translate(2px,-2px); }

.hx-note { color: var(--secondary-color); font-size:13.5px; font-style:italic; margin-top:14px; }
.hx-mb-60 { margin-bottom:60px; }
.hx-mb-40 { margin-bottom:40px; }
@media only screen and (max-width: 1439.98px) {
  .home-one h1 {
    font-size: 67px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .home-one h1 {
    font-size: 62px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-one h1 {
    font-size: 57px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-one h1 {
    font-size: 36px;
  }
}
.home-one h2 {
  font-size: 50px;
}
@media only screen and (max-width: 1199.98px) {
  .home-one h2 {
    font-size: 46px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-one h2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-one h2 {
    font-size: 38px;
  }
}
.home-one h3 {
  font-size: 42px;
}
@media only screen and (max-width: 1199.98px) {
  .home-one h3 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-one h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-one h3 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-one h3 {
    font-size: 24px;
  }
}
.home-one h4 {
  font-size: 32px;
}
@media only screen and (max-width: 991.98px) {
  .home-one h4 {
    font-size: 29px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-one h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-one h4 {
    font-size: 22px;
  }
}
.home-one h5 {
  font-size: 28px;
}
@media only screen and (max-width: 991.98px) {
  .home-one h5 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-one h5 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-one h5 {
    font-size: 22px;
  }
}
.home-one h6 {
  font-size: 24px;
}
@media only screen and (max-width: 767.98px) {
  .home-one h6 {
    font-size: 19px;
  }
}

.home-two {
  line-height: 1;
  font-size: 18px;
  color: var(--secondary-color-2);
  background: var(--color-white);
  font-family: "Inter", sans-serif;
}
.home-two h1,
.home-two h2,
.home-two h3,
.home-two h4,
.home-two h5,
.home-two h6 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: var(--bg-color-2);
}
.home-two h1 {
  font-size: 72px;
}
@media only screen and (max-width: 1439.98px) {
  .home-two h1 {
    font-size: 57px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .home-two h1 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-two h1 {
    font-size: 47px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-two h1 {
    font-size: 37px;
  }
}
.home-two h2 {
  font-size: 48px;
}
@media only screen and (max-width: 1199.98px) {
  .home-two h2 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-two h2 {
    font-size: 33px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-two h2 {
    font-size: 28px;
  }
}
.home-two h3 {
  font-size: 42px;
}
@media only screen and (max-width: 1199.98px) {
  .home-two h3 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-two h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-two h3 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-two h3 {
    font-size: 24px;
  }
}
.home-two h4 {
  font-size: 32px;
}
@media only screen and (max-width: 991.98px) {
  .home-two h4 {
    font-size: 29px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-two h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-two h4 {
    font-size: 22px;
  }
}
.home-two h5 {
  font-size: 26px;
}
@media only screen and (max-width: 991.98px) {
  .home-two h5 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-two h5 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-two h5 {
    font-size: 20px;
  }
}
.home-two h6 {
  font-size: 24px;
}
@media only screen and (max-width: 767.98px) {
  .home-two h6 {
    font-size: 19px;
  }
}

.home-three {
  line-height: 1;
  font-size: 18px;
  color: var(--color-white);
  background: var(--color-black-2);
  font-family: "Inter", sans-serif;
}
.home-three h1,
.home-three h2,
.home-three h3,
.home-three h4,
.home-three h5,
.home-three h6 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: var(--color-white);
}
.home-three h1 {
  font-size: 72px;
}
@media only screen and (max-width: 1439.98px) {
  .home-three h1 {
    font-size: 57px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .home-three h1 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-three h1 {
    font-size: 47px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-three h1 {
    font-size: 37px;
  }
}
.home-three h2 {
  font-size: 52px;
}
@media only screen and (max-width: 1199.98px) {
  .home-three h2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-three h2 {
    font-size: 37px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-three h2 {
    font-size: 32px;
  }
}
.home-three h3 {
  font-size: 42px;
}
@media only screen and (max-width: 1199.98px) {
  .home-three h3 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-three h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-three h3 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-three h3 {
    font-size: 24px;
  }
}
.home-three h4 {
  font-size: 32px;
}
@media only screen and (max-width: 991.98px) {
  .home-three h4 {
    font-size: 29px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-three h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-three h4 {
    font-size: 22px;
  }
}
.home-three h5 {
  font-size: 26px;
}
@media only screen and (max-width: 991.98px) {
  .home-three h5 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-three h5 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575.98px) {
  .home-three h5 {
    font-size: 20px;
  }
}
.home-three h6 {
  font-size: 24px;
}
@media only screen and (max-width: 767.98px) {
  .home-three h6 {
    font-size: 19px;
  }
}
.home-three p {
  color: rgba(var(--color-white-rgb), 0.75);
  opacity: 0.7;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-user-drag: none;
  -moz-user-drag: none;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}

p {
  line-height: 133.333%;
  font-weight: 500;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

/*
============= Custom Scroll Bar CSS ================
*/
::-webkit-scrollbar {
  width: 0.3em;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(var(--color-white-rgb), 0.5);
  box-shadow: inset 0 0 6px rgba(var(--color-white-rgb), 0.5);
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-2);
  border-radius: 10px;
}

/*
============= Custom Scroll Bar CSS End ================
*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--bg-color-2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader .loading-container {
  margin: 40px auto;
}
.preloader .loading-container,
.preloader .loading {
  height: 120px;
  width: 120px;
  position: relative;
  border-radius: 100%;
}
.preloader .loading {
  border: 2px solid transparent;
  border-color: transparent var(--primary-color) transparent var(--primary-color);
  animation: rotate-loading 1.5s linear 0s infinite normal;
  transform-origin: 50% 50%;
}
.preloader #loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 50px;
  transform: translate(-50%, -50%);
}

/*
============= Section Header START ================
*/
.section-header .section-sub-title {
  height: max-content;
  width: max-content;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.36px; */
  border-radius: 60px;
background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  padding: 14px 25px;
}
.section-header .section-sub-title:has(+ .section-title) {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767.98px) {
  .section-header .section-sub-title:has(+ .section-title) {
    margin-bottom: 25px;
  }
}
.section-header .section-title {
  text-align: center;
  font-weight: 700;
  line-height: 104.839%;
  /* letter-spacing: -1.86px; */
}

.section-header-2 .section-sub-title {
  gap: 7px;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  /* letter-spacing: -0.84px; */
  margin-bottom: 22px;
}
.section-header-2 .section-sub-title::before {
  content: "";
  width: 8px;
  height: 8px;
  aspect-ratio: 1/1;
  border-radius: 50px;
  background: var(--primary-color);
}
.section-header-2 .section-title {
  font-weight: 600;
  line-height: 104.839%;
  /* letter-spacing: -1.9px; */
}
.section-header-2 .section-title:has(+ p) {
  margin-bottom: 16px;
}
.section-header-2 p {
  color: rgba(var(--secondary-color-2-rgb), 0.78);
  font-size: 16px;
  font-weight: 500;
  line-height: 178.75%;
  opacity: 0.9;
}

.section-header-3 .section-sub-title {
  z-index: 2;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  /* letter-spacing: 2.4px; */
  margin-bottom: 20px;
  border-radius: 50px;
  border: 1px solid transparent;
  background-image: linear-gradient(var(--color-black-2), var(--color-black-2)), linear-gradient(90deg, #ed7543 0%, #cd4f75 30%, #6a48ed 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  white-space: nowrap;
  padding: 13px 24px;
}
@media only screen and (max-width: 991.98px) {
  .section-header-3 .section-sub-title {
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-header-3 .section-sub-title {
    padding: 8px 15px;
    font-size: 13px;
    /* letter-spacing: 1.4px; */
  }
}
.section-header-3 .section-title {
  color: var(--color-white);
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -1.04px; */
}
.section-header-3 .section-title:has(+ p) {
  margin-bottom: 22px;
}
.section-header-3 p {
  font-size: 18px;
  /* letter-spacing: -0.36px; */
  line-height: 150%;
  font-weight: 500;
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@keyframes moveX {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(8px);
  }
}
@keyframes moveY {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(8px);
  }
}
@keyframes banner-one-btn-shape {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(20px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes bar_anim {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes circle-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}
@keyframes img-rotate {
  0% {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes float-1 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: translateY(-15px) translateX(5px) rotate(1deg) scale(1.02);
    -ms-transform: translateY(-15px) translateX(5px) rotate(1deg) scale(1.02);
    transform: translateY(-15px) translateX(5px) rotate(1deg) scale(1.02);
  }
  50% {
    -webkit-transform: translateY(-30px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(-30px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(-30px) translateX(0px) rotate(0deg) scale(1);
  }
  75% {
    -webkit-transform: translateY(-15px) translateX(-5px) rotate(-1deg) scale(0.98);
    -ms-transform: translateY(-15px) translateX(-5px) rotate(-1deg) scale(0.98);
    transform: translateY(-15px) translateX(-5px) rotate(-1deg) scale(0.98);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
}
@keyframes float-2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
  30% {
    -webkit-transform: translateY(-20px) translateX(-8px) rotate(-1.5deg) scale(1.03);
    -ms-transform: translateY(-20px) translateX(-8px) rotate(-1.5deg) scale(1.03);
    transform: translateY(-20px) translateX(-8px) rotate(-1.5deg) scale(1.03);
  }
  60% {
    -webkit-transform: translateY(-35px) translateX(3px) rotate(0.5deg) scale(1);
    -ms-transform: translateY(-35px) translateX(3px) rotate(0.5deg) scale(1);
    transform: translateY(-35px) translateX(3px) rotate(0.5deg) scale(1);
  }
  90% {
    -webkit-transform: translateY(-10px) translateX(6px) rotate(1deg) scale(0.97);
    -ms-transform: translateY(-10px) translateX(6px) rotate(1deg) scale(0.97);
    transform: translateY(-10px) translateX(6px) rotate(1deg) scale(0.97);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
}
@keyframes float-3 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
  20% {
    -webkit-transform: translateY(-25px) translateX(7px) rotate(2deg) scale(1.01);
    -ms-transform: translateY(-25px) translateX(7px) rotate(2deg) scale(1.01);
    transform: translateY(-25px) translateX(7px) rotate(2deg) scale(1.01);
  }
  40% {
    -webkit-transform: translateY(-40px) translateX(-4px) rotate(-0.5deg) scale(1.04);
    -ms-transform: translateY(-40px) translateX(-4px) rotate(-0.5deg) scale(1.04);
    transform: translateY(-40px) translateX(-4px) rotate(-0.5deg) scale(1.04);
  }
  70% {
    -webkit-transform: translateY(-20px) translateX(-10px) rotate(-2deg) scale(0.99);
    -ms-transform: translateY(-20px) translateX(-10px) rotate(-2deg) scale(0.99);
    transform: translateY(-20px) translateX(-10px) rotate(-2deg) scale(0.99);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
}
@keyframes float-4 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
  35% {
    -webkit-transform: translateY(-18px) translateX(-6px) rotate(-1deg) scale(1.02);
    -ms-transform: translateY(-18px) translateX(-6px) rotate(-1deg) scale(1.02);
    transform: translateY(-18px) translateX(-6px) rotate(-1deg) scale(1.02);
  }
  65% {
    -webkit-transform: translateY(-32px) translateX(8px) rotate(1.5deg) scale(0.98);
    -ms-transform: translateY(-32px) translateX(8px) rotate(1.5deg) scale(0.98);
    transform: translateY(-32px) translateX(8px) rotate(1.5deg) scale(0.98);
  }
  85% {
    -webkit-transform: translateY(-12px) translateX(-3px) rotate(-0.5deg) scale(1.01);
    -ms-transform: translateY(-12px) translateX(-3px) rotate(-0.5deg) scale(1.01);
    transform: translateY(-12px) translateX(-3px) rotate(-0.5deg) scale(1.01);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    -ms-transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
    transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rippleEffect {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
  }
}
@keyframes handUpDown {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  8% {
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  16% {
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  22% {
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  28% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  32% {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
  }
  36% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  38% {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  40% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  40.1%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes floatCircle1 {
  0% {
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
  25% {
    -webkit-transform: translateX(80px) translateY(-60px);
    -ms-transform: translateX(80px) translateY(-60px);
    transform: translateX(80px) translateY(-60px);
  }
  50% {
    -webkit-transform: translateX(0px) translateY(-120px);
    -ms-transform: translateX(0px) translateY(-120px);
    transform: translateX(0px) translateY(-120px);
  }
  75% {
    -webkit-transform: translateX(-80px) translateY(-60px);
    -ms-transform: translateX(-80px) translateY(-60px);
    transform: translateX(-80px) translateY(-60px);
  }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes floatCircle2 {
  0% {
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
  30% {
    -webkit-transform: translateX(-100px) translateY(80px);
    -ms-transform: translateX(-100px) translateY(80px);
    transform: translateX(-100px) translateY(80px);
  }
  60% {
    -webkit-transform: translateX(60px) translateY(140px);
    -ms-transform: translateX(60px) translateY(140px);
    transform: translateX(60px) translateY(140px);
  }
  90% {
    -webkit-transform: translateX(40px) translateY(-40px);
    -ms-transform: translateX(40px) translateY(-40px);
    transform: translateX(40px) translateY(-40px);
  }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes hoverSkew {
  0% {
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  50% {
    -webkit-transform: skewX(-1.5deg);
    -ms-transform: skewX(-1.5deg);
    transform: skewX(-1.5deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.1);
  }
}
@keyframes drawSegment {
  from {
    stroke-dashoffset: 1000;
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes updown-float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
}
@keyframes updown-float-v2 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  30% {
    transform: translateY(-50px) translateX(50px) rotate(-20deg);
  }
  70% {
    transform: translateY(-80px) translateX(-80px) rotate(10deg);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes floatImage {
  0%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes glowPulse {
  0%, 100% {
    opacity: 0.4;
    filter: blur(20px);
  }
  50% {
    opacity: 0.6;
    filter: blur(25px);
  }
}
@keyframes morphOrb1 {
  0%, 100% {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    border-radius: 50% 45% 55% 50%;
  }
  25% {
    -webkit-transform: translate(50px, 30px) scale(1.1);
    -ms-transform: translate(50px, 30px) scale(1.1);
    transform: translate(50px, 30px) scale(1.1);
    border-radius: 45% 50% 50% 55%;
  }
  50% {
    -webkit-transform: translate(30px, 60px) scale(0.95);
    -ms-transform: translate(30px, 60px) scale(0.95);
    transform: translate(30px, 60px) scale(0.95);
    border-radius: 50% 55% 45% 50%;
  }
  75% {
    -webkit-transform: translate(-20px, 40px) scale(1.05);
    -ms-transform: translate(-20px, 40px) scale(1.05);
    transform: translate(-20px, 40px) scale(1.05);
    border-radius: 55% 50% 50% 45%;
  }
}
@keyframes morphOrb2 {
  0%, 100% {
    -webkit-transform: translate(0, 0) scale(1) rotate(0deg);
    -ms-transform: translate(0, 0) scale(1) rotate(0deg);
    transform: translate(0, 0) scale(1) rotate(0deg);
    border-radius: 50% 50% 45% 55%;
  }
  33% {
    -webkit-transform: translate(-40px, -30px) scale(1.08) rotate(120deg);
    -ms-transform: translate(-40px, -30px) scale(1.08) rotate(120deg);
    transform: translate(-40px, -30px) scale(1.08) rotate(120deg);
    border-radius: 45% 55% 50% 50%;
  }
  66% {
    -webkit-transform: translate(-60px, 20px) scale(0.92) rotate(240deg);
    -ms-transform: translate(-60px, 20px) scale(0.92) rotate(240deg);
    transform: translate(-60px, 20px) scale(0.92) rotate(240deg);
    border-radius: 55% 45% 55% 45%;
  }
}
@keyframes animate_border {
  from {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.section-padding-top-bottom {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 991.98px) {
  .section-padding-top-bottom {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.section-padding-top {
  padding-top: 50px;
}
@media only screen and (max-width: 991.98px) {
  .section-padding-top {
    padding-top: 35px;
  }
}

.section-padding-bottom {
  padding-bottom: 50px;
}
@media only screen and (max-width: 991.98px) {
  .section-padding-bottom {
    padding-bottom: 35px;
  }
}

.section-margin-top-bottom {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 991.98px) {
  .section-margin-top-bottom {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

.section-margin-top {
  margin-top: 50px;
}
@media only screen and (max-width: 991.98px) {
  .section-margin-top {
    margin-top: 35px;
  }
}

.section-margin-bottom {
  margin-bottom: 50px;
}
@media only screen and (max-width: 991.98px) {
  .section-margin-bottom {
    margin-bottom: 35px;
  }
}

.row-padding-top-bottom {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991.98px) {
  .row-padding-top-bottom {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.row-padding-top {
  padding-top: 40px;
}
@media only screen and (max-width: 991.98px) {
  .row-padding-top {
    padding-top: 25px;
  }
}

.row-padding-bottom {
  padding-bottom: 40px;
}
@media only screen and (max-width: 991.98px) {
  .row-padding-bottom {
    padding-bottom: 25px;
  }
}

.row-margin-top-bottom {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991.98px) {
  .row-margin-top-bottom {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.row-margin-top {
  margin-top: 40px;
}
@media only screen and (max-width: 991.98px) {
  .row-margin-top {
    margin-top: 25px;
  }
}

.row-margin-bottom {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991.98px) {
  .row-margin-bottom {
    margin-bottom: 25px;
  }
}

.mobile-menu-contact-info {
  margin-top: 30px;
}

.mobile-menu-social-media {
  gap: 10px;
}
.mobile-menu-social-media a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: var(--text-color-main);
  border: 1px solid rgba(var(--text-color-main-rgb), 0.1);
  font-size: 16px;
}
.mobile-menu-social-media a:hover {
  color: var(--color-white);
  background-color: var(--text-color-main);
  border-color: var(--text-color-main);
}

.saaslyn__mobile-menu-copyright .saaslyn__mobile-menu-copyright-text {
  font-size: 16px;
  font-weight: 500;
  color: rgba(var(--text-color-main-rgb), 0.6);
}
.saaslyn__mobile-menu-copyright .saaslyn__mobile-menu-copyright-text a {
  font-weight: 700;
  color: rgba(var(--text-color-main-rgb), 0.6);
}
.saaslyn__mobile-menu-copyright .saaslyn__mobile-menu-copyright-text:hover a {
  color: rgba(var(--text-color-main-rgb), 0.6);
}

.saaslyn__nav-item {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.saaslyn__nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: var(--text-color-main);
  text-decoration: none;
  padding: 5px 0;
  font-weight: 500;
  transition: linear 0.4s;
}
.saaslyn__nav-link:hover {
  color: var(--text-color-main);
}
.saaslyn__nav-link:hover .saaslyn__toggle-btn::after,
.saaslyn__nav-link:hover .saaslyn__toggle-btn::before {
  background-color: var(--text-color-main);
}

.saaslyn__nav-item > .saaslyn__nav-link {
  padding: 12px 0;
}

.saaslyn__toggle-btn {
  width: 24px;
  height: 24px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}
.saaslyn__toggle-btn::before, .saaslyn__toggle-btn::after {
  background: var(--text-color-main);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.saaslyn__toggle-btn::before {
  width: 2px;
  height: 12px;
  top: 6px;
  left: 11px;
}
.saaslyn__toggle-btn::after {
  width: 12px;
  height: 2px;
  top: 11px;
  left: 6px;
}
.saaslyn__toggle-btn.saaslyn__active::before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.saaslyn__toggle-btn.saaslyn__active::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.saaslyn__submenu {
  padding-left: 20px;
  margin-top: 10px;
}
.saaslyn__submenu.saaslyn__active .saaslyn__submenu-item {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.saaslyn__submenu .saaslyn__submenu-item {
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.saaslyn__submenu .saaslyn__submenu-link {
  color: var(--text-color-main);
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  transition: linear 0.4s;
}
.saaslyn__submenu .saaslyn__submenu-link:hover {
  color: var(--text-color-main);
}

.fix-menu {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.fix-menu.transformed {
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 800;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.fix-menu.sticky {
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 800;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.header-one.section {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header-one.section:not(.sticky) {
  border-bottom: 1px solid rgba(var(--color-2-rgb), 0.1);
}
.header-one.section.v4 {
  border-bottom: 1px solid rgba(var(--color-white-rgb), 0.1);
}
.header-one.section.v4 .header__main-menu nav > ul > li > a {
  color: var(--color-white);
  border: 1px solid transparent;
}
.header-one.section.v4 .header__main-menu nav > ul > li > a:hover {
  background-color: transparent;
  border-color: rgba(var(--color-white-rgb), 0.1);
}
.header-one.section.v4 .header__main-menu nav > ul > li:hover > a {
  background-color: transparent;
  color: var(--color-white);
  border-color: rgba(var(--color-white-rgb), 0.1);
}
.header-one.section.v4 .header__main-menu nav > ul > li:hover > a:hover {
  background-color: transparent;
  border-color: rgba(var(--color-white-rgb), 0.1);
}
.header-one.section.v4 .header__main-menu nav > ul > li.active > a {
  background-color: transparent;
  border-color: rgba(var(--color-white-rgb), 0.1);
}
.header-one.section .sticky {
  background-color: var(--bg-color-2);
  box-shadow: rgba(var(--color-white-rgb), 0.25) 0px 5px 35px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.header-one__main {
  padding-block: 24px;
  gap: 15px;
}
@media only screen and (max-width: 1199.98px) {
  .header-one__main {
    padding-block: 20px;
  }
}
.header-one__main-menu nav.circle {
  border-radius: 999px;
}
@media only screen and (max-width: 991.98px) {
  .header-one__main-menu nav.circle {
    display: none;
  }
}
.header-one__main-menu nav > ul > li > a:hover {
  opacity: 1;
}
.header-one__main-menu nav ul {
  line-height: 1;
}
.header-one__main-menu nav ul li:last-of-type a {
  padding-right: 0;
}
.header-one__main-menu nav ul li a {
  border-radius: 999px;
  white-space: nowrap;
  color: var(--text-color-main);
  font-size: 16px;
  font-weight: 500;
  line-height: 162.5%;
  padding: 8.5px 13.5px;
  gap: 10px;
  opacity: 0.6;
}
.header-one__main-menu nav ul li a.active{
  opacity: 1;
}
@media only screen and (max-width: 1199.98px) {
  .header-one__main-menu nav ul li a {
    gap: 5px;
    line-height: 2.188;
    padding: 5px 15px;
  }
}
.header-one__main-menu nav ul li a i {
  transition: inherit;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -ms-transition: inherit;
  transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
}
.header-one__main-menu nav ul li .sub-menu {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  left: 0;
  top: 100%;
  border: 1px solid rgba(var(--text-color-main-rgb), 0.2);
  border-radius: 15px;
  min-width: 250px;
  transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  background: #222;
}
.header-one__main-menu nav ul li .sub-menu li {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  line-height: 1;
  z-index: 1;
}
.header-one__main-menu nav ul li .sub-menu li:first-of-type {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.header-one__main-menu nav ul li .sub-menu li:last-of-type {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.header-one__main-menu nav ul li .sub-menu li a {
  padding: 12px 10px;
  line-height: 1;
  border-radius: 5px;
}
.header-one__main-menu nav ul li .sub-menu li a:hover {
  background-color: #2c2b2e;
}
.header-one__main-menu nav ul li .sub-menu li:first-of-type a {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.header-one__main-menu nav ul li .sub-menu li:last-of-type a {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.header-one__main-menu nav ul li .sub-menu li:hover::before {
  width: 100%;
}
.header-one__main-menu nav ul li .sub-menu li:hover > a {
  /* letter-spacing: 1px; */
}
.header-one__main-menu nav ul li .sub-menu .sub-menu {
  left: calc(100% + 5px);
  top: 0%;
}
.header-one__main-menu nav ul li:hover > a i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header-one__main-menu nav ul li:hover > .sub-menu {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.header-one__main-menu nav ul li:last-of-type > .sub-menu:not(.sub-menu .sub-menu), .header-one__main-menu nav ul li:nth-last-of-type(2) > .sub-menu:not(.sub-menu .sub-menu), .header-one__main-menu nav ul li:nth-last-of-type(3) > .sub-menu:not(.sub-menu .sub-menu) {
  left: unset;
  right: 0;
  transform-origin: top right;
}
.header-one__main-menu nav ul li:last-of-type > .sub-menu:not(.sub-menu .sub-menu) li .sub-menu, .header-one__main-menu nav ul li:nth-last-of-type(2) > .sub-menu:not(.sub-menu .sub-menu) li .sub-menu, .header-one__main-menu nav ul li:nth-last-of-type(3) > .sub-menu:not(.sub-menu .sub-menu) li .sub-menu {
  left: unset;
  right: calc(100% + 5px);
  transform-origin: top right;
}
.header-one__main-menu.menu-right {
  gap: 60px;
}
@media only screen and (max-width: 991.98px) {
  .header-one__main-menu.menu-right {
    gap: 30px;
  }
}
.header-one__main-menu.v2 nav > ul > li > a {
  color: var(--secondary-color-2);
  opacity: 0.6;
}
.header-one__main-menu.v2 nav > ul > li > a:hover {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
  .header-one__main-menu.v2 .header-one__menu-btns .hamburger-menu {
    display: none;
  }
}
.header-one__main-menu.v3 nav > ul > li > a {
  color: var(--color-white);
  opacity: 0.7;
}
.header-one__main-menu.v3 nav > ul > li > a:hover {
  opacity: 1;
}
.header-one__menu-btns {
  gap: 16px;
}
.header-one__menu-btns .buttons {
  gap: 16px;
}
@media only screen and (max-width: 575.98px) {
  .header-one__menu-btns .buttons {
    display: none;
  }
}
.header-one__menu-btns .hamburger-menu {
  background-color: #222;
  display: inline-block;
  font-size: inherit;
  width: 30px;
  backdrop-filter: blur(104px);
  width: 48px;
  height: 48px;
  padding: 0;
  padding-right: 14px;
  border: none;
  border-radius: 50%;
}
.header-one__menu-btns .hamburger-menu span {
  background: var(--text-color-main);
  width: 11px;
  margin: 4px 0 4px auto;
  border-radius: 10px;
  height: 2px;
}
.header-one__menu-btns .hamburger-menu span:nth-child(2) {
  width: 20px;
}
.header-one__menu-btns .hamburger-menu:hover span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.header-one__menu-btns .hamburger-menu:hover span:nth-child(2) {
  animation-delay: 0.1s;
}

.header-two.section {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid rgba(70, 66, 252, 0.08);
}
.header-two.section .header-one__main {
  padding-block: 18px;
}
.header-two.section .sticky {
  background-color: var(--color-white);
  box-shadow: rgba(var(--color-black-rgb), 0.15) 0px 3px 45px -5px, rgba(var(--color-black-rgb), 0.3) 0px 8px 16px -8px;
}

.header-three.section {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header-three.section .sticky {
  background-color: rgba(var(--bg-color-2-rgb), 0.4);
  backdrop-filter: blur(50px);
  box-shadow: rgba(var(--color-white-rgb), 0.25) 0px 5px 35px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.header-three .header-one__main {
  padding-block: 15px;
}
.header-three .header-one__main-menu.v3 {
  border-radius: 60px;
  border: 1px solid rgba(var(--color-white-rgb), 0.11);
  padding-inline: 28.5px;
  padding-block: 2.5px;
  margin-left: 7%;
}
@media only screen and (max-width: 991.98px) {
  .header-three .header-one__main-menu.v3 {
    display: none;
  }
}
.header-three .header-one__menu-btns .buttons {
  gap: 10px;
  border-radius: 48px;
  border: 0.5px solid rgba(var(--color-white-rgb), 0.13);
  backdrop-filter: blur(2px);
  padding: 7px 8px;
}
.header-three .header-one__menu-btns .buttons .divider {
  width: 0.5px;
  height: 30px;
  background-color: #4a3536;
}
@media only screen and (max-width: 767.98px) {
  .header-three .header-one__menu-btns .buttons {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .header-three .header-one__menu-btns .hamburger-menu {
    display: none;
  }
}

.has-child-menu-mega-menu {
  position: unset !important;
}
.has-child-menu-mega-menu ul {
  display: none;
  z-index: -1;
}
.has-child-menu-mega-menu .sub-nav {
  position: absolute;
  width: max-content;
  height: 220px;
  overflow-y: scroll;
  left: 0;
  right: 0;
  top: 72%;
  transition: all ease 0.4s;
  z-index: 5;
  border-radius: 28px;
  padding: 20px 0;
  background-color: #f3f3f3;
  max-width: 98%;
  margin: 0 auto;
  transform-origin: 0 0 0;
  transform: scaleY(0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media only screen and (max-width: 991.98px) {
  .has-child-menu-mega-menu .sub-nav {
    display: none;
  }
}
.has-child-menu-mega-menu .sub-nav::-webkit-scrollbar {
  width: 0.3em;
}
.has-child-menu-mega-menu .sub-nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.has-child-menu-mega-menu .sub-nav::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 10px;
}
.has-child-menu-mega-menu .sub-nav .nav-item .nav-item-img {
  border-radius: 16px;
  padding: 6px;
  background-color: #ddd;
}
.has-child-menu-mega-menu .sub-nav .nav-item .nav-item-img img {
  border-radius: 14px;
  transition: all 0.3s;
}
.has-child-menu-mega-menu .sub-nav .nav-item h6 {
  font-weight: 600;
  font-size: 18px;
  color: #040a10;
}
.has-child-menu-mega-menu .sub-nav .nav-item a {
  padding: 0;
}
.has-child-menu-mega-menu:hover .sub-nav {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.offcanvas {
  color: rgba(var(--text-color-main-rgb), 0.6);
  background-color: var(--bg-color-2);
  overflow-y: auto;
}
.offcanvas.offcanvas-end {
  border-left: 5px solid var(--primary-color);
}
.offcanvas-backdrop:hover {
  cursor: url("../images/cross-out.png"), auto;
}
.offcanvas.offcanvas-full {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  transform: none;
  background-color: transparent;
  border-left: none !important;
}
.offcanvas.offcanvas-full::-webkit-scrollbar {
  display: none !important;
}
.offcanvas.offcanvas-full.show .offcanvas-full-bg.is-left {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-delay: 0s;
}
.offcanvas.offcanvas-full.show .offcanvas-full-bg.is-right {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-delay: 0s;
}
.offcanvas.offcanvas-full.show .offcanvas-header {
  opacity: 1;
  visibility: visible;
}
.offcanvas.offcanvas-full.show .offcanvas-menu,
.offcanvas.offcanvas-full.show .offcanvas-body {
  opacity: 1;
  visibility: visible;
}
.offcanvas.offcanvas-full .offcanvas-full-bg.is-left {
  left: 0;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  transform-origin: top center;
  transition-delay: 1s;
}
.offcanvas.offcanvas-full .offcanvas-full-bg.is-right {
  right: 0;
  transform-origin: bottom center;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  transition-delay: 1s;
}
.offcanvas.offcanvas-full .offcanvas-full-bg.left-box {
  top: 0;
  height: 100%;
  width: 60%;
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  background-color: var(--color-1);
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .offcanvas.offcanvas-full .offcanvas-full-bg.left-box {
    width: 100%;
  }
}
.offcanvas.offcanvas-full .offcanvas-full-bg.right-box {
  top: 0;
  height: 100%;
  width: 40%;
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  background-color: var(--color-3);
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .offcanvas.offcanvas-full .offcanvas-full-bg.right-box {
    width: 0%;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu {
  height: 90vh;
  overflow-y: scroll;
  padding: 50px;
}
@media only screen and (max-width: 1199.98px) {
  .offcanvas.offcanvas-full .offcanvas-menu {
    padding: 30px;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu::-webkit-scrollbar {
  display: none !important;
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list:hover > .saaslyn__nav-item > .saaslyn__nav-link {
  opacity: 0.5;
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list:hover > .saaslyn__nav-item:hover > .saaslyn__nav-link {
  opacity: 1;
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item:not(:last-of-type) {
  padding-bottom: 30px;
}
@media only screen and (max-width: 991.98px) {
  .offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item:not(:last-of-type) {
    padding-bottom: 10px;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link {
  font-weight: 700;
  font-size: 40px;
}
@media only screen and (max-width: 991.98px) {
  .offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link {
    font-size: 30px;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 991.98px) {
  .offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn {
    width: 20px;
    height: 20px;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn::before {
  height: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 991.98px) {
  .offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn::before {
    height: 20px;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn::after {
  width: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 991.98px) {
  .offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn::after {
    width: 20px;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn.saaslyn__active::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.offcanvas.offcanvas-full .offcanvas-menu nav .saaslyn__nav-list > .saaslyn__nav-item > .saaslyn__nav-link .saaslyn__toggle-btn.saaslyn__active::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.offcanvas.offcanvas-full .offcanvas-body {
  margin-block: 50px;
  padding-inline: 50px;
}
@media only screen and (max-width: 1199.98px) {
  .offcanvas.offcanvas-full .offcanvas-body {
    margin-block: 30px;
    padding-inline: 30px;
  }
}
.offcanvas.offcanvas-full .offcanvas-menu,
.offcanvas.offcanvas-full .offcanvas-body {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.5s;
}
.offcanvas.offcanvas-full .offcanvas-header {
  padding-inline: 50px;
  transition-delay: 0.5s;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1199.98px) {
  .offcanvas.offcanvas-full .offcanvas-header {
    padding-inline: 30px;
  }
}
.offcanvas.offcanvas-full .offcanvas-main {
  display: flex;
}
.offcanvas.offcanvas-full .offcanvas-main .offcanvas-menu {
  width: 60%;
}
@media only screen and (max-width: 767.98px) {
  .offcanvas.offcanvas-full .offcanvas-main .offcanvas-menu {
    width: 100%;
  }
}
.offcanvas.offcanvas-full .offcanvas-main .offcanvas-body {
  width: 40%;
}
@media only screen and (max-width: 767.98px) {
  .offcanvas.offcanvas-full .offcanvas-main .offcanvas-body {
    width: 0%;
    visibility: hidden;
    opacity: 0;
    padding: 0;
  }
}

.offcanvas-menu {
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .offcanvas-menu nav {
    display: none;
  }
}

.offcanvas-menu,
.mean-container {
  overflow: hidden;
}
.offcanvas-menu .mean-bar,
.mean-container .mean-bar {
  padding: 0;
  background: transparent;
}
.offcanvas-menu .mean-bar *,
.mean-container .mean-bar * {
  box-sizing: border-box;
}
.offcanvas-menu .mean-bar .meanmenu-reveal,
.mean-container .mean-bar .meanmenu-reveal {
  display: none !important;
  display: -ms-none !important;
  display: -webkit-none !important;
}
.offcanvas-menu .mean-bar .mean-nav,
.mean-container .mean-bar .mean-nav {
  background: transparent;
}
.offcanvas-menu .mean-bar .mean-nav > ul,
.mean-container .mean-bar .mean-nav > ul {
  display: block !important;
  display: -ms-block !important;
  display: -webkit-block !important;
}
.offcanvas-menu .mean-bar .mean-nav > ul li,
.mean-container .mean-bar .mean-nav > ul li {
  background: transparent;
}
.offcanvas-menu .mean-bar .mean-nav > ul li a,
.mean-container .mean-bar .mean-nav > ul li a {
  line-height: 1;
  background: transparent;
  text-transform: capitalize;
  border-top: 1px solid rgba(var(--color-primary-rgb), 0.4);
  border-bottom: none;
  width: 100%;
}
.offcanvas-menu .mean-bar .mean-nav > ul li a.mean-expand,
.mean-container .mean-bar .mean-nav > ul li a.mean-expand {
  width: 100%;
  line-height: 1;
  height: 55px;
  border-left: none !important;
  border-bottom: none !important;
  background: transparent;
  border-bottom: none;
}
.offcanvas-menu .mean-bar .mean-nav > ul li a.mean-expand:hover,
.mean-container .mean-bar .mean-nav > ul li a.mean-expand:hover {
  background: transparent;
}
.offcanvas-menu .mean-bar .mean-nav > ul li a:has(~ .sub-menu) i,
.mean-container .mean-bar .mean-nav > ul li a:has(~ .sub-menu) i {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.offcanvas-menu .mean-bar .mean-nav > ul li a:has(~ .mean-clicked) i,
.mean-container .mean-bar .mean-nav > ul li a:has(~ .mean-clicked) i {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.offcanvas-menu .mean-bar .mean-nav > ul .sub-menu > li a,
.mean-container .mean-bar .mean-nav > ul .sub-menu > li a {
  padding-left: 12px;
  margin-left: 25px;
  padding-right: 12%;
  border-left: 1px solid rgba(var(--color-primary-rgb), 0.4);
  border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.4);
}
.offcanvas-menu .mean-bar .mean-nav > ul .sub-menu > li .sub-menu > li a,
.mean-container .mean-bar .mean-nav > ul .sub-menu > li .sub-menu > li a {
  padding-left: 12px;
  margin-left: 50px;
  padding-right: 20%;
  border-left: 1px solid rgba(var(--color-primary-rgb), 0.4);
}

.offcanvas-body {
  overflow: unset;
}
@media only screen and (max-width: 991.98px) {
  .offcanvas-body {
    border-top: 1px solid rgba(var(--text-color-main-rgb), 0.2);
  }
}
.offcanvas-body .info {
  font-size: 18px;
}
.offcanvas-body .offcanvas-img {
  padding-block: 20px;
}
.offcanvas-body .contact-area .title {
  font-weight: 700;
  margin-bottom: 20px;
}
.offcanvas-body .contact-area ul li {
  gap: 5px;
}
.offcanvas-body .contact-area ul li:not(:first-of-type) {
  margin-top: 20px;
}
.offcanvas-body .contact-area ul li .icon {
  color: var(--primary-color);
}
.offcanvas-body .social-area {
  margin-block: 20px;
}
.offcanvas-body .social-area .title {
  font-weight: 700;
  margin-bottom: 15px;
}

.hamburger-menu-close {
  width: 40px;
  height: 40px;
  font-size: 20px;
  border: none;
  border-radius: 50%;
  background-color: var(--text-color-main);
  color: var(--primary-text-color);
  margin-left: auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.hamburger-menu-close i {
  color: var(--primary-text-color);
}
.hamburger-menu-close i::before, .hamburger-menu-close i::after {
  opacity: 1;
}
.hamburger-menu-close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.breadcrumb-area.section {
  padding-inline: 8px;
  padding-block-start: 8px;
}
.breadcrumb-area__wrapper {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  padding: 100px 190px 50px 190px;
  background-size: 100% 100%;
}
@media only screen and (max-width: 991.98px) {
  .breadcrumb-area__wrapper {
    padding-block: 130px 110px;
    background-size: cover;
  }
}
.breadcrumb-area__content .breadcrumb-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  line-height: 115%;
  /* letter-spacing: -2.16px; */
  margin-bottom: 10px;
}
.breadcrumb-area__content .breadcrumb-nav {
  --bs-breadcrumb-divider: "|";
}
.breadcrumb-area__content .breadcrumb-nav .breadcrumb .breadcrumb-item {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 112.5%;
  /* letter-spacing: 0.5px; */
}
.breadcrumb-area__content .breadcrumb-nav .breadcrumb .breadcrumb-item::before {
  color: var(--color-white);
}
.breadcrumb-area__content .breadcrumb-nav .breadcrumb .breadcrumb-item a:hover {
  color: var(--primary-color);
}
.breadcrumb-area__content .breadcrumb-nav.v2 .breadcrumb {
  gap: 16px;
}
.breadcrumb-area__content .breadcrumb-nav.v2 .breadcrumb .breadcrumb-item {
  border-radius: 40px;
  background: rgba(var(--color-white-rgb), 0.16);
  line-height: 1;
  padding: 10px 13px;
}
.breadcrumb-area__content .breadcrumb-nav.v2 .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: unset;
}
.breadcrumb-area__content.v2 {
  max-width: 1200px;
  margin-inline: auto;
}
.breadcrumb-area__content.v2 .breadcrumb-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: normal;
  /* letter-spacing: -3.6px; */
  margin-bottom: 20px;
}

.banner-one.section {
  z-index: 2;
}
@media only screen and (max-width: 1599.98px) {
  .banner-one.section .graphOneDrawing-LeftSvg,
  .banner-one.section .graphOneDrawing-RightSvg {
    max-width: 30%;
  }
}
@media only screen and (max-width: 991.98px) {
  .banner-one.section .graphOneDrawing-LeftSvg,
  .banner-one.section .graphOneDrawing-RightSvg {
    display: none;
  }
}
.banner-one.section .graphOneDrawing-LeftSvg {
  left: 0;
  bottom: 80px;
  z-index: 4;
  opacity: 0.5;
}
.banner-one.section .graphOneDrawing-LeftSvg path {
  stroke: #DC4D1B;
  stroke-width: 1;
  fill: none;
  stroke-linecap: round;
  opacity: 0.8;
}
.banner-one.section .graphOneDrawing-RightSvg {
  right: 0;
  bottom: 0;
  z-index: 4;
}
.banner-one.section .graphOneDrawing-RightSvg path {
  stroke: #DC4D1B;
  stroke-width: 1;
  fill: none;
  stroke-linecap: round;
  opacity: 0.5;
}
.banner-one.section .chart-1__widget,
.banner-one.section .sales-goals__widget {
  width: 300px;
  height: auto;
  left: 120px;
  top: 50%;
  overflow: hidden;
  z-index: 4;
  border-radius: 23px;
  background: rgba(var(--color-white-rgb), 0.08);
  box-shadow: 0 74px 130px 0 rgba(var(--color-black), 0.09);
  backdrop-filter: blur(40px);
  padding: 22.5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1599.98px) {
  .banner-one.section .chart-1__widget,
  .banner-one.section .sales-goals__widget {
    left: 50px;
    width: 250px;
    top: 25%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@media only screen and (max-width: 991.98px) {
  .banner-one.section .chart-1__widget,
  .banner-one.section .sales-goals__widget {
    display: none;
  }
}
.banner-one.section .chart-1__header,
.banner-one.section .sales-goals__header {
  gap: 12px;
  margin-bottom: 15px;
}
.banner-one.section .chart-1__header .icon-container,
.banner-one.section .sales-goals__header .icon-container {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid rgba(var(--color-white-rgb), 0.18);
}
.banner-one.section .chart-1__header .icon-container .icon-box,
.banner-one.section .sales-goals__header .icon-container .icon-box {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(180deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
  font-size: 8px;
  color: #050d14;
}
.banner-one.section .chart-1__header .sales-title,
.banner-one.section .sales-goals__header .sales-title {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 17.5px;
  font-weight: 600;
  line-height: 100%;
  /* letter-spacing: -0.535px; */
}
.banner-one.section .chart-1__main-stats,
.banner-one.section .sales-goals__main-stats {
  margin-bottom: 15px;
}
.banner-one.section .chart-1__main-stats .stats-content,
.banner-one.section .sales-goals__main-stats .stats-content {
  margin-bottom: 8px;
  gap: 15px;
}
.banner-one.section .chart-1__main-stats .stats-content .current-value,
.banner-one.section .sales-goals__main-stats .stats-content .current-value {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 31.683px;
  font-weight: 600;
  line-height: 1;
  /* letter-spacing: -0.95px; */
}
.banner-one.section .chart-1__main-stats .stats-content .change-percentage,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage {
  gap: 5.5px;
  padding: 7.5px;
  padding-inline-end: 12px;
  border-radius: 55px;
  background: rgba(var(--color-white-rgb), 0.19);
}
.banner-one.section .chart-1__main-stats .stats-content .change-percentage .icon-box,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage .icon-box {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(180deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
  font-size: 8px;
  color: #050d14;
}
.banner-one.section .chart-1__main-stats .stats-content .change-percentage .percentage-value,
.banner-one.section .sales-goals__main-stats .stats-content .change-percentage .percentage-value {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1;
  /* letter-spacing: -0.353px; */
}
.banner-one.section .chart-1__main-stats p,
.banner-one.section .sales-goals__main-stats p {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 15.5px;
  font-weight: 500;
  line-height: 112.5%;
  /* letter-spacing: -0.475px; */
  opacity: 0.6;
}
.banner-one.section .chart-1__chart-container,
.banner-one.section .sales-goals__chart-container {
  height: 150px;
}
@media only screen and (max-width: 1599.98px) {
  .banner-one.section .chart-1__chart-container,
  .banner-one.section .sales-goals__chart-container {
    height: 130px;
  }
}
.banner-one.section .chart-1__chart-container canvas,
.banner-one.section .sales-goals__chart-container canvas {
  max-width: 247px;
  width: 100%;
  margin-inline: auto;
}
.banner-one.section .chart-1__chart-container .sales-chart-label,
.banner-one.section .sales-goals__chart-container .sales-chart-label {
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.banner-one.section .chart-1__chart-container .sales-chart-label .label-text,
.banner-one.section .sales-goals__chart-container .sales-chart-label .label-text {
  color: rgba(var(--color-white-rgb), 0.5);
  font-size: 11px;
  font-weight: 400;
  line-height: 150%;
}
.banner-one.section .chart-1__chart-container .sales-chart-label .label-value,
.banner-one.section .sales-goals__chart-container .sales-chart-label .label-value {
  color: var(--color-white);
  font-size: 23.5px;
  font-weight: 600;
  line-height: 150%;
}
.banner-one.section .daily-statistic {
  right: 142px;
  top: 140px;
  z-index: 4;
  background: rgba(var(--color-white-rgb), 0.04);
  backdrop-filter: blur(40px);
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 25px 60px 0px rgba(var(--color-black-rgb), 0.25);
  width: 300px;
  animation: slideIn 0.8s ease-out;
}
@media only screen and (max-width: 1599.98px) {
  .banner-one.section .daily-statistic {
    right: 50px;
  }
}
@media only screen and (max-width: 991.98px) {
  .banner-one.section .daily-statistic {
    display: none;
  }
}
.banner-one.section .daily-statistic .statistic-header .title {
  color: var(--color-white);
  font-size: 18px;
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 112.5%;
  /* letter-spacing: -0.292px; */
  animation: fadeIn 1s ease-out 0.3s both;
}
.banner-one.section .daily-statistic .statistic-header p {
  color: rgba(var(--color-white-rgb), 0.57);
  font-size: 14px;
  font-family: "Urbanist", sans-serif;
  line-height: 133.333%;
  /* letter-spacing: -0.438px; */
  animation: fadeIn 1s ease-out 0.5s both;
}
.banner-one.section .daily-statistic .statistic-container {
  margin: 15px 0;
  animation: scaleIn 1s ease-out 0.7s both;
}
.banner-one.section .daily-statistic .donut-statistic {
  position: relative;
  width: 110px;
  height: 110px;
}
.banner-one.section .daily-statistic .donut-statistic .statistic-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.banner-one.section .daily-statistic .donut-statistic .statistic-svg .chart-segment {
  fill: none;
  stroke-width: 20;
  stroke-linecap: round;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.banner-one.section .daily-statistic .donut-statistic .statistic-svg .chart-segment:hover {
  filter: drop-shadow(0 0 10px currentColor);
}
.banner-one.section .daily-statistic .legend {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  animation: fadeInUp 1s ease-out 1s both;
}
.banner-one.section .daily-statistic .legend .legend-item {
  gap: 5px;
  font-size: 12px;
  transition: transform 0.2s ease;
  color: #9c9ca6;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  line-height: 115.942%;
  /* letter-spacing: -0.365px; */
  cursor: pointer;
}
.banner-one.section .daily-statistic .legend .legend-item:hover {
  transform: translateX(4px);
}
.banner-one.section .daily-statistic .legend .legend-item .legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  animation: pulse 2s infinite;
}
.banner-one__wrapper {
  border-radius: 24px;
  background: rgba(var(--text-color-main-rgb), 0.04);
  padding-top: 50px;
}
@media only screen and (max-width: 350.98px) {
  .banner-one__wrapper {
    padding-top: 100px;
  }
}
.banner-one__wrapper::after {
  width: 100%;
  left: 0;
  bottom: 0;
  height: 639px;
  background: linear-gradient(0deg, var(--color-black) 9.47%, rgba(5, 13, 20, 0) 83.26%);
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .banner-one__wrapper::after {
    background: linear-gradient(0deg, var(--color-black) 9.47%, rgba(5, 13, 20, 0) 53.26%);
  }
}
.banner-one__thumb {
  z-index: 2;
}
.banner-one__thumb::after {
  width: 778px;
  height: 250px;
  border-radius: 778px;
  background: var(--primary-text-color);
  filter: blur(80px);
  bottom: 220px;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 767.98px) {
  .banner-one__thumb::after {
    width: 778px;
    height: 200px;
  }
}
.banner-one__content {
  left: 50%;
  bottom: 120px;
  z-index: 4;
  width: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 991.98px) {
  .banner-one__content {
    bottom: 60px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-one__content {
    bottom: 0px;
  }
}
.banner-one__content .banner-title {
  font-weight: 600;
  line-height: 110.976%;
  /* letter-spacing: -2.46px; */
}
.banner-one__content .banner-title span {
  font-weight: 900;
}
.banner-one__content .button-group {
  gap: 18px;
  margin-top: 45px;
}
.banner-one__content .button-group .learn-more {
  gap: 10px;
  color: var(--text-color-main);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  /* letter-spacing: -0.36px; */
  text-transform: capitalize;
}
.banner-one__content .button-group .learn-more i,
.banner-one__content .button-group .learn-more svg {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.banner-one__content .button-group .learn-more:hover i,
.banner-one__content .button-group .learn-more:hover svg {
  animation: moveX 0.6s ease-in-out infinite alternate;
}
.banner-one__content .button-group .star-1 {
  right: 30px;
  top: -20px;
  animation: banner-one-btn-shape 4s linear infinite;
}
.banner-one__content .button-group .star-2 {
  left: 0px;
  bottom: 15px;
  animation: banner-one-btn-shape 4s linear infinite;
}
.banner-one__content .button-group .arrow {
  left: -80px;
  bottom: 35px;
  animation: moveY 1.5s ease-in-out infinite alternate;
}

.banner-two.section {
  padding-top: 220px;
  overflow: hidden;
  z-index: 3;
}
@media only screen and (max-width: 991.98px) {
  .banner-two.section {
    padding-top: 150px;
  }
}
.banner-two__wrapper {
  min-height: 100vh;
  z-index: 3;
}
.banner-two__wrapper .banner-circles {
  left: 50%;
  bottom: 0%;
  z-index: -2;
  -webkit-transform: translateX(-50%) translateY(695px);
  -ms-transform: translateX(-50%) translateY(695px);
  transform: translateX(-50%) translateY(695px);
}
.banner-two__wrapper .banner-circles .circle {
  border-radius: 100%;
  border: 1px solid rgba(3, 3, 3, 0.11);
  animation: rippleEffect 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation-fill-mode: forwards;
}
.banner-two__wrapper .banner-circles .circle-1 {
  width: 1395px;
  height: 1395px;
}
.banner-two__wrapper .banner-circles .circle-2 {
  width: 1150px;
  height: 1150px;
}
.banner-two__wrapper .banner-circles .circle-3 {
  width: 920px;
  height: 920px;
}
.banner-two__wrapper .banner-circles .circle-4 {
  width: 690px;
  height: 690px;
}
.banner-two__wrapper .banner-circles .circle-5 {
  width: 488px;
  height: 488px;
}
.banner-two__wrapper .color-circle {
  border-radius: 100%;
  opacity: 0.8;
  z-index: -2;
}
.banner-two__wrapper .color-circles-1 {
  width: 686px;
  height: 685px;
  background: #bce8ff;
  filter: blur(150px);
  left: 0%;
  bottom: 100px;
  animation: floatCircle1 4s ease-in-out infinite;
}
.banner-two__wrapper .color-circles-2 {
  width: 659px;
  height: 658px;
  opacity: 0.8;
  background: #b9affe;
  filter: blur(150px);
  right: 0%;
  top: 10%;
  animation: floatCircle2 5s ease-in-out infinite;
  animation-delay: 1s;
}
.banner-two__wrapper .toots-shape {
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: -5;
}
.banner-two__wrapper .draw-svg {
  width: 612px;
  height: auto;
  left: -100px;
  bottom: 300px;
  z-index: -2;
}
@media only screen and (max-width: 1439.98px) {
  .banner-two__wrapper .draw-svg {
    bottom: 250px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-two__wrapper .draw-svg {
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-two__wrapper .draw-svg {
    width: 100%;
  }
}
.banner-two__wrapper .draw-svg #bannerTwoSvgPath {
  transition: stroke-dashoffset 2s ease-in-out;
  -webkit-transition: stroke-dashoffset 2s ease-in-out;
  -moz-transition: stroke-dashoffset 2s ease-in-out;
  -o-transition: stroke-dashoffset 2s ease-in-out;
  -ms-transition: stroke-dashoffset 2s ease-in-out;
  color: rgba(70, 66, 252, 0.08);
}
.banner-two__wrapper .banner-graph {
  padding: 10px;
}
.banner-two__wrapper .banner-graph-1 {
  border-radius: 30px;
  background: #ceeeff;
  backdrop-filter: blur(14.9999990463px);
  width: 250px;
  height: 252.336px;
  transform: rotate(-15deg);
  left: 0;
  bottom: 450px;
}
@media only screen and (max-width: 1439.98px) {
  .banner-two__wrapper .banner-graph-1 {
    bottom: 300px;
    width: 230px;
    height: 190px;
  }
}
@media only screen and (max-width: 991.98px) {
  .banner-two__wrapper .banner-graph-1 {
    width: 220px;
    height: 200px;
    bottom: 240px;
    transform: rotate(0deg);
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-two__wrapper .banner-graph-1 {
    opacity: 0;
  }
}
.banner-two__wrapper .banner-graph-2 {
  width: 300px;
  height: 223.611px;
  flex-shrink: 0;
  border-radius: 24px;
  background: #e7e4ff;
  backdrop-filter: blur(11.9999990463px);
  left: 200px;
  bottom: 280px;
}
@media only screen and (max-width: 1439.98px) {
  .banner-two__wrapper .banner-graph-2 {
    left: 150px;
    bottom: 120px;
    width: 250px;
    height: 210px;
  }
}
@media only screen and (max-width: 991.98px) {
  .banner-two__wrapper .banner-graph-2 {
    left: 0px;
    bottom: 50px;
    width: 220px;
    height: 180px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-two__wrapper .banner-graph-2 {
    opacity: 0;
  }
}
.banner-two__content {
  z-index: 2;
  text-align: center;
  max-width: 708px;
  margin-inline: auto;
}
.banner-two__content .customers-info {
  margin-bottom: 26px;
  gap: 10px;
}
.banner-two__content .customers-info .customers img {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  border: 2px solid #f9f8ff;
}
.banner-two__content .customers-info .customers img:not(:first-of-type) {
  margin-left: -14px;
}
.banner-two__content .customers-info .info {
  gap: 3px;
  color: rgba(3, 3, 3, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  /* letter-spacing: -0.96px; */
}
.banner-two__content .customers-info .info span {
  color: #4642fc;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  /* letter-spacing: -0.96px; */
}
.banner-two__content .title {
  margin-bottom: 18px;
}
.banner-two__content .title .line-one {
  gap: 12px;
}
.banner-two__content .title .line-one__span {
  color: var(--primary-color);
}
@media only screen and (max-width: 575.98px) {
  .banner-two__content .title .line-one__span {
    display: none;
  }
}
.banner-two__content .title .line-two {
  gap: 12px;
}
.banner-two__content .title .line-two__span {
  color: var(--primary-color);
}
.banner-two__content p {
  color: #030303;
  font-size: 18px;
  font-weight: 500;
  line-height: 158.889%;
  opacity: 0.9;
}
.banner-two__content .banner-buttons {
  column-gap: 24px;
  row-gap: 15px;
  margin-top: 50px;
}
@media only screen and (max-width: 575.98px) {
  .banner-two__content .banner-buttons {
    flex-direction: column;
  }
  .banner-two__content .banner-buttons a {
    width: 100%;
  }
}
.banner-two__content .banner-buttons .saaslyn-3-btn.v2 {
  background-color: white;
}
.banner-two__thumb {
  text-align: right;
  margin-bottom: -30px;
}
@media only screen and (max-width: 767.98px) {
  .banner-two__thumb {
    margin-top: 30px;
  }
}
.banner-two__thumb img {
  animation: handUpDown 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@media only screen and (max-width: 1439.98px) {
  .banner-two__thumb img {
    max-width: 650px;
  }
}
@media only screen and (max-width: 991.98px) {
  .banner-two__thumb img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-two__thumb img {
    max-width: 100%;
  }
}

.banner-three.section {
  z-index: 2;
  background-position: top center;
  padding-top: 150px;
}
@media only screen and (max-width: 991.98px) {
  .banner-three.section {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-three.section {
    padding-top: 100px;
  }
}
.banner-three.section .bottom-shape {
  right: 0;
  bottom: 120px;
  z-index: -1;
}
.banner-three.section .cube-shape {
  left: 77px;
  top: 40%;
  z-index: -1;
}
@media only screen and (max-width: 1199.98px) {
  .banner-three.section .cube-shape {
    left: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-three.section .cube-shape {
    display: none;
  }
}
.banner-three.section .cube-shape img {
  animation: updown-float 3s ease-in-out infinite;
}
.banner-three.section .bot-shape {
  right: 200px;
  top: 370px;
  z-index: -1;
}
@media only screen and (max-width: 1599.98px) {
  .banner-three.section .bot-shape {
    right: 80px;
  }
}
@media only screen and (max-width: 1439.98px) {
  .banner-three.section .bot-shape {
    right: 30px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .banner-three.section .bot-shape {
    top: 480px;
    right: -10px;
  }
  .banner-three.section .bot-shape img {
    max-width: 70%;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-three.section .bot-shape {
    display: none;
  }
}
.banner-three.section .bot-shape img {
  animation: updown-float-v2 8s ease-in-out infinite;
}
.banner-three.section .aichat-shape {
  z-index: -1;
}
@media only screen and (max-width: 991.98px) {
  .banner-three.section .aichat-shape {
    display: none;
  }
}
.banner-three.section .aichat-shape-1 {
  left: 175px;
  top: 287px;
  animation: updown-float 4s ease-in-out infinite;
}
@media only screen and (max-width: 1439.98px) {
  .banner-three.section .aichat-shape-1 {
    left: 80px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .banner-three.section .aichat-shape-1 {
    left: 20px;
  }
}
.banner-three.section .aichat-shape-2 {
  left: 310px;
  top: 480px;
  animation: updown-float 6s ease-in-out infinite;
}
@media only screen and (max-width: 1439.98px) {
  .banner-three.section .aichat-shape-2 {
    left: 110px;
    top: 420px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .banner-three.section .aichat-shape-2 {
    left: 50px;
  }
}
.banner-three.section .aichat-shape-3 {
  right: 130px;
  top: 225px;
  animation: updown-float 3s ease-in-out infinite;
}
@media only screen and (max-width: 1439.98px) {
  .banner-three.section .aichat-shape-3 {
    right: 80px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .banner-three.section .aichat-shape-3 {
    right: 50px;
  }
}
.banner-three__content {
  max-width: 860px;
  margin-inline: auto;
  text-align: center;
}
.banner-three__content .saaslyn-4-btn {
  margin-top: 50px;
}
@media only screen and (max-width: 575.98px) {
  .banner-three__content .saaslyn-4-btn {
    margin-top: 35px;
  }
}
.banner-three__content .no-credit-card-required {
  padding: 24px 32px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  /* letter-spacing: -0.48px; */
  margin-top: 20px;
}

.footer-one.section .container .footer-long-text {
  width: auto;
  left: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
}
@media only screen and (max-width: 575.98px) {
  .footer-one.section .container .footer-long-text {
    width: 100%;
  }
}
.footer-one.v2 {
  background: #040a10;
}
.footer-one__wrapper {
  padding-bottom: 80px;
}
.footer-one__left .logo {
  margin-bottom: 40px;
}
.footer-one__left .join-title {
  font-weight: 500;
  line-height: 104.839%;
  /* letter-spacing: -1.86px; */
  margin-bottom: 32px;
}
.footer-one__left .join-btn {
  gap: 95px;
  height: max-content;
  border-radius: 70px;
  overflow: hidden;
  background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 54.13%, var(--third-color) 112.59%);
  padding-block: 10px;
  padding-inline: 24px 16px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.footer-one__left .join-btn::before {
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(273deg, var(--primary-color) 0.49%, var(--secondary-color) 48.33%, var(--third-color) 100%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.footer-one__left .join-btn .text {
  color: var(--bg-color-2);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.48px; */
}
.footer-one__left .join-btn .icon-box {
  width: 33px;
  height: 33px;
  background-color: var(--text-color-main);
  color: var(--bg-color-2);
  border-radius: 50%;
  font-size: 14px;
}
.footer-one__left .join-btn:hover {
  background-image: transparent;
}
.footer-one__left .join-btn:hover::before {
  opacity: 1;
}
.footer-one__right {
  height: 100%;
  border-radius: 24px;
  background: var(--bg-color-1);
  padding: 30px;
  z-index: 2;
}
@media only screen and (max-width: 1199.98px) {
  .footer-one__right {
    border-radius: 20px;
    padding: 40px 50px;
  }
}
@media only screen and (max-width: 767.98px) {
  .footer-one__right {
    border-radius: 15px;
    padding: 30px;
  }
}
.footer-one__right .info-area {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 55px;
  gap: 15px;
}

@media only screen and (max-width: 767.98px) {
  .footer-one__right .info-area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 575.98px) {
  .footer-one__right .info-area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767.98px) {
  .footer-one__right .info-area .links-group:nth-of-type(3) {
    grid-column: span 2/span 2;
  }
}
@media only screen and (max-width: 575.98px) {
  .footer-one__right .info-area .links-group:nth-of-type(3) {
    grid-column: span 1/span 1;
  }
}
.footer-one__right .bottom-content {
  border-top: 1px solid rgba(var(--text-color-main-rgb), 0.1);
  padding-top: 25px;
  gap: 15px;
}
@media only screen and (max-width: 575.98px) {
  .footer-one__right .bottom-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer-one__right .bottom-content .copy-right {
  font-size: 16px;
  font-weight: 500;
  line-height: 131.25%;
  /* letter-spacing: -0.64px; */
  opacity: 0.8;
}
.header-one__logo img, .logo img, .header__logo img{
  display: block;
  height: 36px;
  width: auto;
}
.social-icons ul {
  gap: 11px;
}
.social-icons ul li {
  line-height: 1;
}
.social-icons ul li a {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-image: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 48.08%, var(--third-color) 100%);
  font-size: 10px;
  color: #383838;
  z-index: 2;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.social-icons ul li a::before {
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(360deg, var(--primary-color) 0.49%, var(--secondary-color) 48.33%, var(--third-color) 100%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.social-icons ul li a:hover {
  background-image: transparent;
}
.social-icons ul li a:hover::before {
  opacity: 1;
}
.social-icons.v2 ul li a {
  width: 30px;
  height: 30px;
  font-size: 14px;
}

.links-group .link-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  /* letter-spacing: 1.08px; */
  margin-bottom: 35px;
}
@media only screen and (max-width: 767.98px) {
  .links-group .link-title {
    margin-bottom: 25px;
  }
}
.links-group .link-list ul li {
  line-height: 1;
}
.links-group .link-list ul li:not(:last-of-type) {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767.98px) {
  .links-group .link-list ul li:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.links-group .link-list ul li a {
  opacity: 0.8;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.64px; */
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.links-group .link-list ul li a:hover {
  opacity: 1;
  color: var(--primary-color);
}
.links-group.v2 .link-title {
  color: var(--color-white);
}
.links-group.v2 .link-list ul li a {
  color: var(--color-white);
  opacity: 0.73;
}
.links-group.v2 .link-list ul li a:hover {
  opacity: 1;
}
.links-group.v3 .link-title {
  color: var(--color-white);
  font-weight: 500;
  line-height: 95.833%;
  /* letter-spacing: -0.48px; */
  opacity: 0.8;
}
.links-group.v3 .link-list ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767.98px) {
  .links-group.v3 .link-list ul li:not(:last-of-type) {
    margin-bottom: 6px;
  }
}
.links-group.v3 .link-list ul li a {
  color: rgba(var(--color-white-rgb), 0.75);
  font-size: 14px;
  font-weight: 500;
  line-height: 164.286%;
  /* letter-spacing: -0.28px; */
}
.links-group.v3 .link-list ul li a:hover {
  opacity: 1;
  color: var(--color-white);
}

.footer-two.section {
  z-index: 2;
  background-color: #5a5afc;
}
.footer-two.section #footerTwoSvgDraw {
  width: 100%;
  left: 50%;
  bottom: 0;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.footer-two.section #footerTwoSvgDraw svg {
  width: 100%;
}
@media only screen and (max-width: 575.98px) {
  .footer-two.section #footerTwoSvgDraw {
    display: none;
  }
}
.footer-two__main {
  padding-bottom: 60px;
}
.footer-two__main .footer-info p {
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 141.946%;
  opacity: 0.65;
  max-width: 330px;
  margin-block: 30px;
}
@media only screen and (max-width: 991.98px) {
  .footer-two__main .footer-info p {
    max-width: 100%;
  }
}
.footer-two__link-area {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer-two__newsletter {
  margin-left: auto;
  border-radius: 20px;
  border: 1px solid rgba(var(--color-white-rgb), 0.24);
  background: var(--color-white);
  padding: 32px;
}
@media only screen and (max-width: 767.98px) {
  .footer-two__newsletter {
    max-width: 100%;
  }
}
.footer-two__newsletter .newsletter-title {
  color: var(--color-black);
  font-weight: 600;
  line-height: normal;
  margin-bottom: 5px;
}
.footer-two__newsletter p {
  color: rgba(136, 136, 136, 0.64);
  font-size: 15px;
  font-weight: 400;
  line-height: 133.333%;
  /* letter-spacing: -0.3px; */
}
.footer-two__newsletter .newsletter-form {
  gap: 5px;
  border-radius: 10px;
  border: 1px solid rgba(90, 90, 252, 0.32);
  background: rgba(90, 90, 252, 0.08);
  padding-block: 8px;
  padding-inline: 16px 8px;
  margin-top: 22px;
}
.footer-two__newsletter .newsletter-form input,
.footer-two__newsletter .newsletter-form button {
  height: 50px;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.footer-two__newsletter .newsletter-form input {
  border: none;
  width: 100%;
  color: rgba(var(--color-black-rgb), 0.8);
  background-color: transparent;
}
.footer-two__newsletter .newsletter-form input:focus, .footer-two__newsletter .newsletter-form input:focus-visible, .footer-two__newsletter .newsletter-form input:active {
  outline: none;
  box-shadow: none;
}
.footer-two__newsletter .newsletter-form input::placeholder {
  color: rgba(var(--color-black-rgb), 0.28);
  opacity: 1;
}
.footer-two__newsletter .newsletter-form button {
  border: none;
  border-radius: 7px;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  z-index: 2;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  padding-inline: 16px;
}
.footer-two__newsletter .newsletter-form button::before {
  inset: 0;
  z-index: -1;
  opacity: 0;
  background: linear-gradient(315deg, #4642fc 0%, #adbbfe 100%);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.footer-two__newsletter .newsletter-form button:hover {
  background-image: transparent;
}
.footer-two__newsletter .newsletter-form button:hover::before {
  opacity: 1;
}
.footer-two__newsletter .newsletter-info {
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  /* letter-spacing: -0.42px; */
  margin-top: 10px;
}
.footer-two__bottom {
  padding-block: 25px;
  border-top: 1px solid rgba(var(--color-white-rgb), 0.14);
}
@media only screen and (max-width: 767.98px) {
  .footer-two__bottom {
    text-align: center;
  }
}
.footer-two__bottom .copy-right {
  color: rgba(var(--color-white-rgb), 0.73);
  font-size: 18px;
  font-weight: 400;
  line-height: 141.946%;
}
@media only screen and (max-width: 575.98px) {
  .footer-two__bottom .copy-right {
    font-size: 16px;
  }
}
.footer-two__bottom .copy-right a:hover {
  color: var(--color-white);
}
.footer-two__bottom .links ul {
  gap: 15px;
}
@media only screen and (max-width: 767.98px) {
  .footer-two__bottom .links ul {
    justify-content: center;
  }
}
.footer-two__bottom .links ul li {
  color: rgba(var(--color-white-rgb), 0.73);
  font-size: 18px;
  font-weight: 400;
  line-height: 141.946%;
}
@media only screen and (max-width: 575.98px) {
  .footer-two__bottom .links ul li {
    font-size: 16px;
  }
}

.social-icons-2 ul {
  gap: 11px;
}
.social-icons-2 ul li {
  line-height: 1;
}
.social-icons-2 ul li a {
  width: 27px;
  height: 27px;
  border-radius: 100%;
  border: 0.676px solid rgba(var(--color-white-rgb), 0.22);
  background-color: transparent;
  font-size: 10px;
  color: var(--color-white);
  z-index: 2;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.social-icons-2 ul li a:hover {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}

.footer-three__main .footer-info {
  max-width: 318px;
  margin-bottom: 80px;
}
.footer-three__main .footer-info .footer-logo {
  margin-bottom: 30px;
}
.footer-three__main .footer-info p {
  color: rgba(var(--color-white-rgb), 0.75);
  font-size: 14px;
  font-weight: 500;
  line-height: 164.286%;
  /* letter-spacing: -0.28px; */
}
.footer-three__main .newsletter {
  max-width: 338px;
  height: 38px;
  border-bottom: 1px solid var(--color-white);
  padding-bottom: 25px;
}
.footer-three__main .newsletter button,
.footer-three__main .newsletter input {
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.36px; */
}
.footer-three__main .info-area {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 55px;
  gap: 25px;
}
@media only screen and (max-width: 767.98px) {
  .footer-three__main .info-area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 575.98px) {
  .footer-three__main .info-area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.footer-three__main .footer-crop-logo {
  text-align: right;
  margin-right: 130px;
}
@media only screen and (max-width: 767.98px) {
  .footer-three__main .footer-crop-logo {
    margin-right: 50px;
  }
}
.footer-three__bottom {
  padding-block: 22px;
  border-top: 1px solid rgba(var(--color-white-rgb), 0.11);
}
.footer-three__bottom a:hover {
  color: var(--color-white);
}
.footer-three__bottom .copyright,
.footer-three__bottom .terms {
  color: #7c7c7c;
  font-size: 14px;
  font-weight: 400;
  line-height: 182.502%;
}

.features.section {
  background-color: var(--bg-color-2);
}
.features-item__wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-radius: 31px;
  border: 4px solid rgba(115, 151, 233, 0.16);
  background: rgba(14, 24, 37, 0.52);
  padding: 8px;
}
@media only screen and (max-width: 1199.98px) {
  .features-item__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767.98px) {
  .features-item__wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.features__item {
  border-radius: 24px;
  border: 2px solid transparent;
  background: var(--primary-text-color);
  padding: 42px 24px;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.features__item .item-icon {
  z-index: 2;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  text-align: center;
  margin-inline: auto;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(115, 151, 233, 0.08) 2.27%, rgba(209, 215, 245, 0.08) 50.35%, rgba(239, 247, 251, 0.08) 102.27%);
  overflow: hidden;
  margin-bottom: 25px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.features__item .item-icon i,
.features__item .item-icon svg {
  color: var(--text-color-main);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.features__item .item-icon::after {
  z-index: -1;
  inset: 0;
  background: linear-gradient(135deg, #DC4D1B 2.27%, #E0DCDB 50.35%, #E0DCDB 102.27%);
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.features__item .item-content {
  text-align: center;
}
.features__item .item-content .item-title {
  font-weight: 700;
  line-height: 108.333%;
  /* letter-spacing: -0.48px; */
}
.features__item .item-content .item-title a {
  font: inherit;
}
.features__item .item-content p {
  font-weight: 500;
  line-height: 122.222%;
  /* letter-spacing: -0.72px; */
  opacity: 0.64;
  margin-top: 25px;
}
.features__item .item-shape {
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.features__item:hover, .features__item.active {
  border-color: rgba(var(--text-color-main-rgb), 0.2);
  box-shadow: 0 40px 60px 0 rgba(131, 160, 231, 0.24) inset;
}
.features__item:hover .item-icon, .features__item.active .item-icon {
  background-color: transparent;
}
.features__item:hover .item-icon i,
.features__item:hover .item-icon svg, .features__item.active .item-icon i,
.features__item.active .item-icon svg {
  color: var(--bg-color-2);
}
.features__item:hover .item-icon::after, .features__item.active .item-icon::after {
  opacity: 1;
}
.features__item:hover .item-shape, .features__item.active .item-shape {
  opacity: 1;
}

.features-2.section {
  z-index: 2;
}
.features-2.section .shape-1 {
  left: 60px;
  top: 120px;
  z-index: -1;
}
@media only screen and (max-width: 1199.98px) {
  .features-2.section .shape-1 {
    top: 50px;
  }
}
@media only screen and (max-width: 767.98px) {
  .features-2.section .shape-1 {
    display: none;
  }
}
.features-2.section .shape-bg {
  bottom: 100px;
  right: 0;
  z-index: -1;
}
.features-2.section .shape-line {
  z-index: -1;
  left: 0;
  bottom: 130px;
  width: 90%;
}
.features-2.section .shape-line #featuresTwoSvgPath {
  transition: stroke-dashoffset 3s ease-in-out;
}
.features-2__thumb {
  padding-left: 30px;
}
@media only screen and (max-width: 991.98px) {
  .features-2__thumb {
    padding-left: 0px;
  }
}
.features-2__thumb img {
  width: 100%;
}
.features-2__item-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 42px;
  padding-inline-end: 60px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 1199.98px) {
  .features-2__item-wrapper {
    gap: 24px;
    padding-inline: 0px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 575.98px) {
  .features-2__item-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-bottom: 0px;
  }
}
.features-2__item-wrapper .features-2__item:nth-of-type(even) {
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
}
@media only screen and (max-width: 991.98px) {
  .features-2__item-wrapper .features-2__item:nth-of-type(even) {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@media only screen and (max-width: 575.98px) {
  .features-2__item-wrapper .features-2__item:nth-of-type(even) {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.features-2__item {
  z-index: 2;
  border-radius: 24px;
  border: 1px solid var(--color-white);
  background: var(--color-white);
  box-shadow: 0 20px 30px 0 rgba(var(--color-black-rgb), 0.05);
  padding: 30px;
  height: max-content;
}
.features-2__item .item-bg {
  inset: 0;
  z-index: -1;
  object-fit: fill;
}
.features-2__item .item-thumb {
  margin-bottom: 28px;
  padding-inline: 13px;
}
.features-2__item .item-content .item-title {
  color: #141414;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -1.2px; */
  margin-bottom: 10px;
}
.features-2__item .item-content p {
  color: #848484;
  font-size: 15px;
  font-weight: 400;
  line-height: 133.333%;
  /* letter-spacing: -0.9px; */
}

.features-3.section {
  z-index: 2;
}
.features-3.section::before {
  width: 913px;
  height: 913px;
  left: 50%;
  top: 50%;
  border-radius: 913px;
  opacity: 0.37;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  filter: blur(301.4128417969px);
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.features-3.section .section-header-3 {
  max-width: 1050px;
  margin-inline: auto;
  text-align: center;
}
.features-3.section .section-header-3 .logo {
  width: max-content;
  margin-inline: auto;
  margin-bottom: 65px;
}
@media only screen and (max-width: 767.98px) {
  .features-3.section .section-header-3 .logo {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767.98px) {
  .features-3.section .section-header-3 .logo i,
  .features-3.section .section-header-3 .logo svg {
    width: 80px;
    height: 80px;
  }
}
.features-3.section .section-header-3 p {
  max-width: 784px;
  margin-inline: auto;
  color: rgba(var(--color-white-rgb), 0.75);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  /* letter-spacing: -0.36px; */
}
.features-3__content {
  text-align: center;
  margin-inline: center;
  -webkit-user-drag: none;
  pointer-events: none;
}
.features-3__content > * {
  width: 1646px;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.report-customize.section {
  background-color: var(--bg-color-1);
  z-index: 2;
  overflow: hidden;
}
.report-customize.section .bg-shape {
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.report-customize__wrapper {
  overflow: hidden;
  border-radius: 30px;
  padding: 8px;
  background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.02) 0%, rgba(var(--secondary-color-rgb), 0.02) 48.08%, rgba(var(--third-color-rgb), 0.02) 100%);
}
.report-customize__item {
  border-radius: 24px;
  background: var(--bg-color-2);
  padding: 42px;
  height: 100%;
}
@media only screen and (max-width: 1439.98px) {
  .report-customize__item {
    padding: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .report-customize__item {
    padding: 20px;
  }
}
.report-customize__item.type-1:has(.item-content) {
  gap: 40px;
}
.report-customize__item.type-1 .item-title {
  color: var(--text-color-main);
  line-height: 107.143%;
  /* letter-spacing: -1.68px; */
}
.report-customize__item.type-1 p {
  color: rgba(var(--text-color-main-rgb), 0.72);
  font-weight: 600;
  margin-top: 20px;
}
.report-customize__item.type-1 .analysis-list {
  margin-top: 22px;
}
.report-customize__item.type-1 .analysis-list ul li {
  gap: 10px;
  color: rgba(var(--text-color-main-rgb), 0.72);
  line-height: 150%;
  font-size: 16px;
  font-weight: 600;
}
.report-customize__item.type-1 .analysis-list ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.report-customize__item.type-1 .analysis-list ul li i,
.report-customize__item.type-1 .analysis-list ul li svg {
  color: var(--primary-color);
  margin-top: 4px;
}
.report-customize__item.type-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
@media only screen and (max-width: 575.98px) {
  .report-customize__item.type-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.report-customize__item.type-3 .activity {
  gap: 30px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 32px;
  padding: 32px;
}
@media only screen and (max-width: 1439.98px) {
  .report-customize__item.type-3 .activity {
    padding: 25px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .report-customize__item.type-3 .activity {
    padding: 20px;
    border-radius: 20px;
  }
}
.report-customize__item.type-3 .activity .activity-header .title {
  color: var(--text-color-main);
  font-weight: 500;
  line-height: 100%;
  /* letter-spacing: -1.6px; */
}
.report-customize__item.type-3 .activity .activity-header .avatars {
  margin-top: 18px;
}
.report-customize__item.type-3 .activity .activity-header .avatars img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.report-customize__item.type-3 .activity .activity-header .avatars img:not(:last-of-type) {
  margin-right: -10px;
}
.report-customize__item.type-3 .activity .progress-wrapper {
  gap: 10px;
}
.report-customize__item.type-3 .activity .progress-wrapper .progress {
  width: 23px;
  height: 118px;
  border-radius: 30px;
}
.report-customize__item.type-3 .activity .progress-wrapper .progress::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 30px;
}
.report-customize__item.type-3 .activity .progress-wrapper .progress:nth-of-type(1)::before {
  height: 80.27%;
  background-color: #b1e3ff;
}
.report-customize__item.type-3 .activity .progress-wrapper .progress:nth-of-type(2)::before {
  height: 42.857%;
  background: linear-gradient(180deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
}
.report-customize__item.type-3 .activity .progress-wrapper .progress:nth-of-type(3)::before {
  height: 56.46%;
  background-color: #baedbd;
}
.report-customize__item.type-3 .activity .progress-wrapper .progress:nth-of-type(4)::before {
  height: 42.857%;
  background: linear-gradient(180deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
}
.report-customize__item.type-3 .activity .progress-wrapper .progress:nth-of-type(5)::before {
  height: 56.46%;
  background-color: #b1e3ff;
}
.report-customize__item.type-3 .activity .progress-wrapper .progress:nth-of-type(6)::before {
  height: 70.75%;
  background-color: #baedbd;
}
.report-customize__item.type-3 .activity .progress-wrapper .progress:nth-of-type(7)::before {
  height: 89.8%;
  background: linear-gradient(180deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
}
.report-customize__item.type-3 .activity .progress-wrapper .progress-percentage {
  left: 50%;
  top: 15px;
  border-radius: 31.579px;
  background: var(--bg-color-2);
  color: var(--text-color-main);
  font-size: 15.158px;
  font-weight: 400;
  line-height: 1;
  /* letter-spacing: -0.303px; */
  padding: 7px 16px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.report-customize__item.type-3 .activity .progress-wrapper .progress-percentage::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--bg-color-2);
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.report-customize__item.type-3 .profile {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 32px;
  padding: 32px;
  text-align: center;
}
@media only screen and (max-width: 1439.98px) {
  .report-customize__item.type-3 .profile {
    padding: 25px;
  }
}
@media only screen and (max-width: 767.98px) {
  .report-customize__item.type-3 .profile {
    padding: 20px;
  }
}
.report-customize__item.type-3 .profile .avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #eeeffa;
}
.report-customize__item.type-3 .profile .avatar img {
  width: 75.429px;
  height: 75.429px;
  object-fit: cover;
}
.report-customize__item.type-3 .profile .title {
  color: var(--text-color-main);
  font-weight: 500;
  line-height: 127.386%;
  /* letter-spacing: -0.84px; */
  margin-top: 27px;
}
.report-customize__item.type-3 .profile .designation {
  color: var(--text-color-main);
  font-weight: 500;
  line-height: 119.483%;
  /* letter-spacing: -1.24px; */
  opacity: 0.63;
  margin-top: 6px;
}
@media only screen and (min-width: 992px) {
  .report-customize__item.type-3 .profile .designation {
    font-size: 31px;
  }
}

.reports.section {
  z-index: 2;
}
.reports.section .shape-1 {
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .reports.section .shape-1 {
    left: -200px;
  }
}
.reports.section .shape-2 {
  top: 50%;
  right: 0;
  height: 100%;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1439.98px) {
  .reports.section .shape-2 {
    right: -100px;
  }
}
@media only screen and (max-width: 767.98px) {
  .reports.section .shape-2 {
    right: -200px;
  }
}
.reports__item-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border-radius: 24px;
  z-index: 2;
  padding: 8px;
}
@media only screen and (max-width: 767.98px) {
  .reports__item-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.reports__item-wrapper::before {
  inset: -8px;
  border: 8px solid var(--primary-color);
  filter: blur(24px);
  z-index: -1;
}
.reports__item {
  gap: 50px;
  border-radius: 24px;
  padding: 42px;
  background: var(--bg-color-1);
}
@media only screen and (max-width: 991.98px) {
  .reports__item {
    border-radius: 15px;
    padding: 20px;
    gap: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .reports__item {
    padding: 20px 15px;
  }
}
.reports__item .item-thumb {
  border-radius: 23.588px;
  background: var(--bg-color-3);
  padding: 42px;
  min-height: 380px;
}
@media only screen and (max-width: 991.98px) {
  .reports__item .item-thumb {
    padding: 20px;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 575.98px) {
  .reports__item .item-thumb {
    padding: 20px 15px;
    min-height: 300px;
  }
}
.reports__item .item-thumb canvas {
  height: 100%;
}
.reports__item .item-content {
  text-align: center;
  max-width: 410px;
  margin-inline: auto;
}
.reports__item .item-content .title {
  color: var(--text-color-main);
  font-weight: 700;
  line-height: 107.143%;
  /* letter-spacing: -1.68px; */
  margin-bottom: 20px;
}
@media only screen and (max-width: 991.98px) {
  .reports__item .item-content .title {
    margin-bottom: 15px;
  }
}
.reports__item .item-content p {
  color: rgba(var(--text-color-main-rgb), 0.72);
  font-weight: 500;
}

.testimonial__item {
  border-radius: 40px;
  overflow: hidden;
  padding-inline: 60px 40px;
  padding-block-start: 50px;
  user-select: none;
}
@media only screen and (max-width: 991.98px) {
  .testimonial__item {
    padding-inline: 30px;
    padding-block-start: 30px;
  }
}
@media only screen and (max-width: 1699.98px) {
  .testimonial__item .item-thumb {
    max-width: 260px;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonial__item .item-thumb {
    width: auto;
    display: none;
  }
}
.testimonial__item .item-content {
  row-gap: 120px;
  padding-block-end: 50px;
}
@media only screen and (max-width: 1599.98px) {
  .testimonial__item .item-content {
    row-gap: 40px;
  }
}
.testimonial__item .item-content .item-header .brand {
  margin-bottom: 52px;
}
@media only screen and (max-width: 1599.98px) {
  .testimonial__item .item-content .item-header .brand {
    margin-bottom: 20px;
  }
}
.testimonial__item .item-content .item-header .text {
  font-weight: 600;
  line-height: 135.714%;
  /* letter-spacing: -0.84px; */
}
.testimonial__item .item-content .author-name {
  font-weight: 600;
  line-height: 118.75%;
  /* letter-spacing: -0.96px; */
}
.testimonial__item .item-content .author-designation {
  color: rgba(var(--text-color-main-rgb), 0.6);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* letter-spacing: -0.6px; */
}
.testimonial__navigation {
  gap: 16px;
}
@media only screen and (max-width: 767.98px) {
  .testimonial__navigation {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.testimonial__navigation .prev-testimonial,
.testimonial__navigation .next-testimonial {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: rgba(var(--text-color-main-rgb), 0.06);
  font-size: 20px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 991.98px) {
  .testimonial__navigation .prev-testimonial,
  .testimonial__navigation .next-testimonial {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
}
.testimonial__navigation .prev-testimonial:hover, .testimonial__navigation .prev-testimonial.active,
.testimonial__navigation .next-testimonial:hover,
.testimonial__navigation .next-testimonial.active {
  background-color: var(--text-color-main);
  color: var(--bg-color-2);
}
.testimonial__navigation .slide-counter {
  color: rgba(var(--text-color-main-rgb), 0.8);
  font-size: 28px;
  font-weight: 600;
  line-height: 135.714%;
  /* letter-spacing: -0.84px; */
  width: 80px;
}
@media only screen and (max-width: 991.98px) {
  .testimonial__navigation .slide-counter {
    font-size: 22px;
    width: 65px;
  }
}

.testimonials-2.section {
  z-index: 2;
  overflow: hidden;
}
.testimonials-2.section::before {
  width: 1920px;
  height: 1690px;
  left: 50%;
  top: 50%;
  z-index: -1;
  border-radius: 1920px;
  background: #e7f5ff;
  filter: blur(250px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.testimonials-2__slider-wrapper {
  z-index: 2;
}
.testimonials-2__slider-wrapper .test-author {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
  will-change: transform;
}
.testimonials-2__slider-wrapper .test-author-1 {
  left: -280px;
  bottom: 50%;
  animation: float-1 12s ease-in-out infinite;
  animation-delay: 0s;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .testimonials-2__slider-wrapper .test-author-1 {
    left: -140px;
    bottom: 45%;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonials-2__slider-wrapper .test-author-1 {
    display: none;
  }
}
.testimonials-2__slider-wrapper .test-author-2 {
  left: -180px;
  top: -10%;
  animation: float-2 14s ease-in-out infinite;
  animation-delay: 0.5s;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .testimonials-2__slider-wrapper .test-author-2 {
    left: -80px;
    top: 10%;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonials-2__slider-wrapper .test-author-2 {
    display: none;
  }
}
.testimonials-2__slider-wrapper .test-author-3 {
  right: -180px;
  top: -10%;
  animation: float-3 16s ease-in-out infinite;
  animation-delay: 1s;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .testimonials-2__slider-wrapper .test-author-3 {
    right: -80px;
    top: 10%;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonials-2__slider-wrapper .test-author-3 {
    display: none;
  }
}
.testimonials-2__slider-wrapper .test-author-4 {
  right: -280px;
  bottom: 50%;
  animation: float-4 18s ease-in-out infinite;
  animation-delay: 1.5s;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .testimonials-2__slider-wrapper .test-author-4 {
    right: -150px;
    bottom: 40%;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonials-2__slider-wrapper .test-author-4 {
    display: none;
  }
}
.testimonials-2__slider {
  max-width: 750px;
  margin-inline: auto;
}
.testimonials-2__item .testimonials-quote {
  color: #040a10;
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  /* letter-spacing: -1.68px; */
  margin-bottom: 66px;
}
.testimonials-2__item .author {
  margin-inline: auto;
  width: max-content;
}
.testimonials-2__item .author .author-thumb {
  width: 95px;
  height: 95px;
  border-radius: 100%;
  margin-inline: auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.testimonials-2__item .author .author-thumb img {
  width: 100%;
  height: 100%;
}
.testimonials-2__item .author .author-name {
  color: #040a10;
  font-size: 20px;
  font-weight: 500;
  line-height: 210%;
  /* letter-spacing: -1.2px; */
  margin-bottom: 0px;
}
.testimonials-2__item .author .author-designation {
  color: rgba(4, 10, 16, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  /* letter-spacing: -0.96px; */
}
.testimonials-2__navigation {
  left: 50%;
  bottom: 90px;
  z-index: 1;
  width: 100%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.testimonials-2__navigation .prev-testimonial,
.testimonials-2__navigation .next-testimonial {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: var(--color-white);
  color: var(--color-black);
  pointer-events: auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.testimonials-2__navigation .prev-testimonial:hover,
.testimonials-2__navigation .next-testimonial:hover {
  background-color: var(--primary-color);
  color: var(--color-white);
}

.testimonial-3__info p {
  color: rgba(var(--color-white-rgb), 0.75);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  /* letter-spacing: -0.36px; */
  opacity: 0.7;
}
.testimonial-3__slider {
  padding-left: 40px;
}
/* Equal height for all Swiper testimonial slides */
.testimonial-3__slider .swiper-wrapper {
    align-items: stretch;
}

.testimonial-3__slider .swiper-slide {
    height: auto;
    display: flex;
}

.testimonial-3__slider .testimonial-3__item {
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 767.98px) {
  .testimonial-3__slider {
    padding-left: 0px;
  }
}
.testimonial-3__item {
  border-radius: 24px;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
  background: #0f1313;
  padding: 42px 42px 42px 82px;
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .testimonial-3__item {
    padding: 30px;
  }
}
.testimonial-3__item .triangle {
  width: 73px;
  height: 150px;
  top: 50%;
  left: 0;
  color: var(--color-white);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767.98px) {
  .testimonial-3__item .triangle {
    display: none;
  }
}
.testimonial-3__item::after {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  opacity: 0.4;
  filter: blur(25px);
  left: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 80px;
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .testimonial-3__item::after {
    display: none;
  }
}
.testimonial-3__item .item-content .item-header {
  margin-bottom: 5px;
}
.testimonial-3__item .item-content .item-header .rating-stars ul {
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.testimonial-3__item .item-content .item-header .rating-stars ul li {
  color: #ffc107;
  font-size: 16px;
}
.testimonial-3__item .item-content .item-header .icon {
  color: var(--color-white);
}
.testimonial-3__item .item-content .item-author {
  margin-bottom: 23px;
}
.testimonial-3__item .item-content .item-author .author-avatar {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  border: 1px solid rgba(255, 255, 255, 0.4);
  left: -40px;
  top: 50%;
  overflow: hidden;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767.98px) {
  .testimonial-3__item .item-content .item-author .author-avatar {
    display: none;
  }
}
.testimonial-3__item .item-content .item-author .author-title {
  color: var(--color-white);
  font-size: 22px;
  font-weight: 600;
  line-height: 122.727%;
  /* letter-spacing: -0.44px; */
  margin-bottom: 6px;
}
@media only screen and (max-width: 767.98px) {
  .testimonial-3__item .item-content .item-author .author-title {
    font-size: 17px;
  }
}
.testimonial-3__item .item-content .item-author .author-designation {
  color: rgba(var(--color-white-rgb), 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 168.75%;
  /* letter-spacing: -0.32px; */
}
.testimonial-3__item .item-content p {
  color: rgba(var(--color-white-rgb), 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 168.75%;
  /* letter-spacing: -0.32px; */
}

.faq.section {
  background-color: var(--bg-color-1);
}
.faq.section .section-header p {
  max-width: 391px;
  color: rgba(var(--text-color-main-rgb), 0.72);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-left: auto;
}
@media only screen and (max-width: 767.98px) {
  .faq.section .section-header p {
    max-width: 100%;
  }
}
.faq__accordion {
  max-width: 1148px;
  margin-inline: auto;
  z-index: 2;
}
.faq__accordion::before {
  inset: 0;
  opacity: 0.15;
  background: var(--text-color-main);
  filter: blur(27px);
  z-index: -1;
  border: 8px solid var(--primary-color);
}
.faq__accordion .accordion-item {
  border-radius: 16px;
  background: var(--bg-color-2);
  border: 1px solid rgba(255, 255, 255, 0.32);
}
.faq__accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.faq__accordion .accordion-item .accordion-header {
  border-bottom: none;
  overflow: hidden;
  background-color: transparent;
}
.faq__accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  transition-delay: 0.5s;
  font: inherit;
  color: var(--text-color-main);
  padding: 28px 32px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.faq__accordion .accordion-item .accordion-header .accordion-button::after {
  display: inline-grid;
  place-content: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background-image: unset;
  font: var(--fa-font-thin);
  content: "\f056";
  transform-origin: center center;
  width: 28px;
  height: 28px;
  line-height: 0;
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px 25px;
  }
}
.faq__accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--text-color-main);
  box-shadow: none;
  border-bottom: none;
  padding: 28px 32px 18px 32px;
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    padding: 20px 25px 15px 25px;
  }
}
.faq__accordion .accordion-item .accordion-header .accordion-button.collapsed {
  border-radius: 16px;
}
.faq__accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "\f055";
}
.faq__accordion .accordion-item .accordion-header .accordion-button:focus, .faq__accordion .accordion-item .accordion-header .accordion-button:active, .faq__accordion .accordion-item .accordion-header .accordion-button:hover {
  box-shadow: none;
}
.faq__accordion .accordion-item .accordion-body {
  color: rgba(var(--text-color-main-rgb), 0.72);
  font-size: 18px;
  font-weight: 500;
  line-height: 133.333%;
  padding: 28px 32px;
  padding-top: 0px;
  max-width: 90%;
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item .accordion-body {
    padding: 20px 25px;
    padding-top: 0px;
  }
}
.faq__accordion .accordion-item .accordion-collapse {
  border: none;
}

.faq-2.section .section-header-2.left {
  max-width: 510px;
}
.faq-2.section .section-header-2.right p {
  color: #797979;
  font-weight: 500;
  line-height: 141.946%;
  max-width: 435px;
}
.faq-2__accordion .accordion-item {
  border: none;
  border-radius: 16px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.faq-2__accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 16px;
}
.faq-2__accordion .accordion-item:not(:last-of-type):has(.accordion-button:not(.collapsed)) {
  margin-bottom: 24px;
}
.faq-2__accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  border: 1px solid rgba(var(--color-black-rgb), 0.3);
  background: #eceaff;
}
.faq-2__accordion .accordion-item .accordion-header {
  overflow: hidden;
  color: var(--bg-color-2);
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -1.08px; */
}
.faq-2__accordion .accordion-item .accordion-header .accordion-button {
  gap: 20px;
  border-radius: 16px;
  font: inherit;
  padding: 29px 32px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.faq-2__accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 7' fill='none'><path d='M12.5 0.750047C12.5 0.750047 8.44934 6.25 7 6.25C5.55057 6.25 1.5 0.75 1.5 0.75' stroke='%23040A10' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-position: center;
}
@media only screen and (max-width: 991.98px) {
  .faq-2__accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px;
  }
}
.faq-2__accordion .accordion-item .accordion-header .accordion-button.collapsed {
  border-radius: 16px;
  border: 1px solid rgba(var(--color-black-rgb), 0.04);
  background: #f5fbff;
}
.faq-2__accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background: transparent;
  box-shadow: none;
  padding-bottom: 14px;
  color: inherit;
}
@media only screen and (max-width: 991.98px) {
  .faq-2__accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    padding-bottom: 10px;
  }
}
.faq-2__accordion .accordion-item .accordion-header .accordion-button:focus, .faq-2__accordion .accordion-item .accordion-header .accordion-button:active, .faq-2__accordion .accordion-item .accordion-header .accordion-button:focus-visible {
  box-shadow: none;
}
.faq-2__accordion .accordion-collapse .accordion-body {
  padding: 29px 32px;
  padding-top: 0;
  color: #373737;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 159.689%;
  opacity: 0.6;
}
@media only screen and (max-width: 991.98px) {
  .faq-2__accordion .accordion-collapse .accordion-body {
    padding: 20px;
    padding-top: 0;
  }
}
.faq-2__content {
  width: 100%;
  border-radius: 32px;
  overflow: hidden;
  padding: 42px;
  z-index: 2;
  gap: 30px;
}
@media only screen and (max-width: 575.98px) {
  .faq-2__content {
    padding: 25px 20px;
    gap: 20px;
  }
}
.faq-2__content::before {
  z-index: -1;
  width: 482px;
  height: 482px;
  border-radius: 50%;
  background: rgba(188, 232, 255, 0.64);
  filter: blur(110px);
  top: -132px;
  left: -156px;
}
.faq-2__content::after {
  z-index: -1;
  width: 418px;
  height: 418px;
  border-radius: 418px;
  opacity: 0.6;
  background: #b9affe;
  filter: blur(110px);
  top: 48px;
  left: 170px;
}
.faq-2__content .content-header .title {
  color: var(--color-black);
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -1.44px; */
  margin-bottom: 10px;
}
.faq-2__content .content-header p {
  color: #373737;
  font-size: 15px;
  font-weight: 400;
  line-height: 157.333%;
  /* letter-spacing: -0.45px; */
  opacity: 0.6;
}
.faq-2__content .content-body {
  margin-top: 20px;
}

.faq-3.section {
  z-index: 2;
  background: #0a0808;
}
.faq-3.section .bg-shape {
  z-index: -1;
  top: 150px;
  left: 100px;
  animation: updown-float 3s ease-in-out infinite;
  transform-origin: center center;
}
@media only screen and (max-width: 991.98px) {
  .faq-3.section .bg-shape {
    display: none;
  }
}
.faq-3__bg-shape {
  z-index: -1;
  top: -100px;
  left: -10px;
  width: 655px;
  height: 655px;
  border-radius: 654px;
  opacity: 0.27;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  filter: blur(301.4128417969px);
}
.faq-3__accordion .accordion-item {
  border-radius: 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.faq-3__accordion .accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.faq-3__accordion .accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.faq-3__accordion .accordion-item .accordion-header {
  font-family: "Urbanist", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  /* letter-spacing: -0.4px; */
  color: #c1c1c1;
}
.faq-3__accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  box-shadow: none;
  font: inherit;
  color: inherit;
  padding-block: 24px;
  padding-inline: 0px;
  gap: 15px;
}

.faq-3__accordion .accordion-item .accordion-header .accordion-button::after {
  content: "\f055";
  font: var(--fa-font-light);
  background: unset;
}
.faq-3__accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  color: #ec590e;
  padding-block-end: 14px;
}
.faq-3__accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f056";
}
.faq-3__accordion .accordion-item .accordion-body {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  /* letter-spacing: -0.32px; */
  padding-block: 24px;
  padding-block-start: 0px;
  padding-inline: 0px;
  padding-inline-end: 24px;
}

.pricing__btn-content {
  z-index: 2;
  width: max-content;
  gap: 20px;
}
@media only screen and (max-width: 575.98px) {
  .pricing__btn-content {
    flex-direction: column-reverse;
  }
}
.pricing__btn-content p {
  max-width: 195px;
  text-align: left;
  font-size: 20.69px;
  font-weight: 500;
  line-height: 108.333%;
  /* letter-spacing: -0.414px; */
  opacity: 0.8;
}
.pricing__btn-content .save {
  gap: 10px;
  z-index: -1;
  left: 26px;
  top: calc(100% + 12px);
}
.pricing__btn-content .save span {
  font-size: 20.69px;
  font-weight: 700;
  line-height: 108.333%;
  /* letter-spacing: -0.414px; */
}
.pricing__btn-content .save svg:nth-last-of-type(1) {
  margin-top: -10px;
  -webkit-transform: translate(-10px, -18px) rotate(-19deg);
  -ms-transform: translate(-10px, -18px) rotate(-19deg);
  transform: translate(-10px, -18px) rotate(-19deg);
}
.pricing__btn-wrapper {
  z-index: 2;
  margin-inline: auto;
}
.pricing__btn-wrapper .price-btn {
  border-radius: 48.276px;
  border: 0.862px solid rgba(var(--text-color-main-rgb), 0.32);
  background-color: transparent;
  color: var(--text-color-main);
  font-size: 20.69px;
  font-weight: 500;
  line-height: 108.333%;
  /* letter-spacing: -0.414px; */
  padding: 15.5px 27px;
}
.pricing__btn-wrapper .price-btn.active {
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  border-color: #DC4D1B;
  color: var(--bg-color);
}
.pricing__item-wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 1439.98px) {
  .pricing__item-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1199.98px) {
  .pricing__item-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767.98px) {
  .pricing__item-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.pricing__item {
  border-radius: 32px;
  border: 1px solid rgba(var(--text-color-main-rgb), 0.12);
  background: var(--bg-color-2);
  padding: 32px;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
}
@media only screen and (max-width: 575.98px) {
  .pricing__item {
    padding: 25px;
  }
}
.pricing__item .pricing-header .plan-type {
  font-weight: 700;
  line-height: 108.333%;
  /* letter-spacing: -0.48px; */
  margin-bottom: 25px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing__item .pricing-header .plan-info {
  gap: 16px;
}
.pricing__item .pricing-header .plan-info .price {
  border-radius: 12px;
  background: rgba(var(--text-color-main-rgb), 0.08);
  font-weight: 700;
  line-height: 107.143%;
  /* letter-spacing: -1.68px; */
  padding: 10px 20px;
  font-size: 42px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1199.98px) {
  .pricing__item .pricing-header .plan-info .price {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991.98px) {
  .pricing__item .pricing-header .plan-info .price {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .pricing__item .pricing-header .plan-info .price {
    font-size: 27px;
  }
}
@media only screen and (max-width: 575.98px) {
  .pricing__item .pricing-header .plan-info .price {
    font-size: 24px;
  }
}
.pricing__item .pricing-header .plan-info .period {
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  /* letter-spacing: -0.36px; */
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing__item .pricing-body {
  padding-block: 40px;
}
.pricing__item .pricing-body ul li {
  gap: 8px;
  color: var(--text-color-main);
  opacity: 0.72;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing__item .pricing-body ul li:not(:last-of-type) {
  margin-bottom: 20px;
}
.pricing__item .pricing-body ul li i,
.pricing__item .pricing-body ul li svg {
  margin-top: 2px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing__item .pricing-footer .saving-info {
  font-weight: 600;
  line-height: 144.444%;
  /* letter-spacing: -0.36px; */
  margin-top: 15px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing__item:hover {
  animation: hoverSkew 0.5s ease-in-out;
}
.pricing__item:hover, .pricing__item.active {
  border-color: var(--primary-color);
  background-color: var(--text-color-main);
}
.pricing__item:hover .pricing-header .plan-type, .pricing__item.active .pricing-header .plan-type {
  color: var(--bg-color-2);
}
.pricing__item:hover .pricing-header .plan-info .price, .pricing__item.active .pricing-header .plan-info .price {
  background: rgba(83, 83, 83, 0.08);
  color: var(--bg-color-2);
}
.pricing__item:hover .pricing-header .plan-info .period, .pricing__item.active .pricing-header .plan-info .period {
  color: var(--bg-color-2);
}
.pricing__item:hover .pricing-body ul li, .pricing__item.active .pricing-body ul li {
  color: var(--bg-color-2);
  opacity: 0.6;
}
.pricing__item:hover .pricing-footer .saving-info, .pricing__item.active .pricing-footer .saving-info {
  color: var(--bg-color-2);
}

.pricing-2.section {
  z-index: 2;
  overflow: hidden;
}
.pricing-2.section .shape-1 {
  bottom: -295px;
  left: 157px;
  width: 593px;
  height: 593px;
  border-radius: 593px;
  opacity: 0.7;
  background: rgba(188, 232, 255, 0.5);
  filter: blur(110px);
  z-index: -2;
}
.pricing-2.section .shape-2 {
  bottom: -352px;
  right: 148px;
  width: 705px;
  height: 705px;
  border-radius: 705px;
  opacity: 0.7;
  background: rgba(185, 175, 254, 0.6);
  filter: blur(110px);
  z-index: -1;
}
.pricing-2.section .shape-3 {
  top: 100px;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .pricing-2.section .section-header-2 .section-title .icon img {
    max-width: 75%;
  }
}
.pricing-2__btn-wrapper {
  position: relative;
  display: inline-flex;
  border: 1px solid rgba(var(--color-black-rgb), 0.12);
  border-radius: 45.845px;
  min-width: 150px;
  max-width: max-content;
  width: 100%;
  gap: 10px;
  background: var(--color-white);
  padding: 7.5px;
}
@media only screen and (max-width: 767.98px) {
  .pricing-2__btn-wrapper {
    display: flex;
    margin-inline: auto;
  }
}
.pricing-2__btn-wrapper label {
  padding: 6px 17px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  border-radius: 6px;
  color: rgba(var(--color-black-rgb), 0.6);
  font-size: 14px;
  font-weight: 500;
  line-height: 167.335%;
  /* letter-spacing: -0.7px; */
  z-index: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__btn-wrapper .highlighter {
  top: 7.5px;
  left: 0;
  height: calc(100% - 15px);
  border-radius: 36.676px;
  background: #4642fc;
  z-index: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__btn-wrapper #monthly:checked ~ label[for=monthly] {
  color: #fff;
}
.pricing-2__btn-wrapper #yearly:checked ~ label[for=yearly] {
  color: #fff;
}
.pricing-2__item {
  margin: 4px;
  padding: 42px;
  border-radius: 32px;
  background: var(--color-white);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-2__item {
    padding: 25px;
  }
}
.pricing-2__item::before {
  inset: -2px;
  border-radius: 34px;
  background: linear-gradient(180deg, #4642fc -159.4%, #fff 47.24%);
  z-index: -1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__item::after {
  inset: 0px;
  border-radius: 32px;
  background: var(--color-white);
  z-index: -1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__item .item-bg {
  top: 150px;
  left: 0;
  width: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__item .item-body {
  margin: 1px;
  border: 1px solid transparent;
  padding: 42px;
  border-radius: 32px;
  background: var(--color-white);
  z-index: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-2__item .item-body {
    padding: 25px;
  }
}
@media only screen and (max-width: 575.98px) {
  .pricing-2__item .item-body {
    padding: 15px 10px;
  }
}
.pricing-2__item .item-body::after {
  inset: -2px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(70, 66, 252, 0.25) 0%, rgba(255, 255, 255, 0.6) 100%);
  z-index: -2;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__item .item-body::before {
  inset: -1px;
  border-radius: 32px;
  background: var(--color-white);
  z-index: -1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__item .item-body .featcher-list {
  margin-bottom: 38px;
}
.pricing-2__item .item-body .featcher-list ul li {
  gap: 10px;
  color: rgba(var(--color-black-rgb), 0.6);
  font-size: 18px;
  font-weight: 400;
  /* letter-spacing: -1.08px; */
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-2__item .item-body .featcher-list ul li:not(:last-of-type) {
  margin-bottom: 22px;
}
.pricing-2__item .item-body .button-wrapper a {
  border: 1px solid #d8c6ff;
  background-color: transparent;
  color: var(--color-black);
}
.pricing-2__item .item-header {
  margin-bottom: 48px;
  text-align: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-2__item .item-header {
    margin-bottom: 30px;
  }
}
.pricing-2__item .item-header .item-icon {
  margin-inline: auto;
  width: 92px;
  height: 60.024px;
  border-radius: 32px;
  color: #9391ff;
  background: #f3f3ff;
  border: 3px solid #dfdeff;
  margin-bottom: 28px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-2__item .item-header .item-icon {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .pricing-2__item .item-header .item-icon {
    width: 80px;
    height: 50px;
  }
}
.pricing-2__item .item-header .item-info {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1439.98px) {
  .pricing-2__item .item-header .item-info {
    margin-bottom: 20px;
  }
}
.pricing-2__item .item-header .item-info .item-title {
  color: var(--color-black);
  font-size: 26px;
  font-weight: 500;
  line-height: 98.27%;
  /* letter-spacing: -1.56px; */
  margin-bottom: 14px;
}
.pricing-2__item .item-header .item-info p {
  color: #848484;
  font-size: 15px;
  font-weight: 400;
  line-height: 146.667%;
  /* letter-spacing: -0.9px; */
}
.pricing-2__item .item-header .item-price .plan-price {
  gap: 8px;
}
.pricing-2__item .item-header .item-price .plan-price .price {
  color: var(--color-black);
  font-weight: 600;
  line-height: 52.381%;
  /* letter-spacing: -2.52px; */
}
.pricing-2__item .item-header .item-price .plan-price .period {
  color: #848484;
  font-size: 15px;
  font-weight: 500;
  line-height: 146.667%;
  /* letter-spacing: -0.9px; */
}
.pricing-2__item:hover, .pricing-2__item.active {
  border-color: rgba(70, 66, 252, 0.45);
  box-shadow: 0px 0px 40px rgba(70, 66, 252, 0.1);
  background-color: transparent;
}
.pricing-2__item:hover::before, .pricing-2__item.active::before {
  border-radius: 32px;
}
.pricing-2__item:hover::after, .pricing-2__item.active::after {
  background-color: transparent;
}
.pricing-2__item:hover .item-bg, .pricing-2__item.active .item-bg {
  opacity: 1;
}
.pricing-2__item:hover .item-header .item-icon, .pricing-2__item.active .item-header .item-icon {
  color: #4642fc;
  background: var(--color-white);
}
.pricing-2__item:hover .item-body, .pricing-2__item.active .item-body {
  border-color: rgba(70, 66, 252, 0.45);
  transform: scale(1);
}
.pricing-2__item:hover .item-body::before, .pricing-2__item.active .item-body::before {
  transform: scale(0.99);
}
.pricing-2__item:hover .item-body::after, .pricing-2__item.active .item-body::after {
  transform: scale(0.97);
}
.pricing-2__item:hover .item-body .button-wrapper a, .pricing-2__item.active .item-body .button-wrapper a {
  border-color: var(--color-white);
  background-color: var(--primary-color);
  color: var(--color-white);
}

.pricing-3.section {
  z-index: 2;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(70, 66, 252, 0.075) 0%, rgba(173, 187, 254, 0.075) 100%);
  backdrop-filter: blur(301.4128417969px);
}
.pricing-3.section .circle-bg {
  width: 913px;
  height: 913px;
  border-radius: 913px;
  opacity: 0.24;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  filter: blur(301.4128417969px);
  right: -170px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
.pricing-3__btns {
  gap: 22px;
}
.pricing-3__btns .buttons {
  gap: 20px;
  height: max-content;
  border-radius: 48px;
  border: 1px solid rgba(var(--color-white-rgb), 0.08);
  backdrop-filter: blur(2px);
  padding: 7px 8px;
  gap: 21px;
}
.pricing-3__btns .btn-border {
  width: 2px;
  height: 20px;
  background-color: #424242;
}
.pricing-3__item {
  gap: 30px;
  padding: 32px;
  border-radius: 52px;
  border: 1px solid rgba(var(--color-white-rgb), 0.11);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 575.98px) {
  .pricing-3__item {
    border-radius: 30px;
    padding: 25px;
  }
}
.pricing-3__item .item-header {
  border-radius: 24px;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
  background: rgba(var(--color-white-rgb), 0.1);
  backdrop-filter: blur(50px);
  padding-inline: 32px;
  padding-block: 20px;
  z-index: 2;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 575.98px) {
  .pricing-3__item .item-header {
    border-radius: 20px;
    padding-inline: 25px;
    padding-block: 15px;
  }
}
.pricing-3__item .item-header::before {
  width: 226px;
  height: 226px;
  border-radius: 100%;
  background: #FF6A1A;
  z-index: -1;
  opacity: 0;
  filter: blur(40px);
  top: 90px;
  left: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pricing-3__item .item-header .header-inner {
  gap: 20px;
  border-bottom: 1px solid rgba(var(--color-white-rgb), 0.16);
  margin-block-end: 14px;
}
.pricing-3__item .item-header .header-inner .header-info .plan-title {
  color: rgba(var(--color-white-rgb), 0.8);
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -0.54px; */
}
@media only screen and (max-width: 991.98px) {
  .pricing-3__item .item-header .header-inner .header-info .plan-title {
    font-size: 14px;
  }
}
.pricing-3__item .item-header .header-inner .header-info .plan-price {
  gap: 5px;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  /* letter-spacing: -0.8px; */
  padding-block: 10px 14px;
}
@media only screen and (max-width: 1199.98px) {
  .pricing-3__item .item-header .header-inner .header-info .plan-price {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991.98px) {
  .pricing-3__item .item-header .header-inner .header-info .plan-price {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767.98px) {
  .pricing-3__item .item-header .header-inner .header-info .plan-price {
    font-size: 25px;
  }
}
@media only screen and (max-width: 575.98px) {
  .pricing-3__item .item-header .header-inner .header-info .plan-price {
    font-size: 22px;
  }
}
.pricing-3__item .item-header .header-inner .header-info .plan-price span {
  color: rgba(var(--color-white-rgb), 0.5);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -0.32px; */
}
.pricing-3__item .item-header .header-inner .icon {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  background-color: rgba(var(--color-white-rgb), 0.05);
}
@media only screen and (max-width: 991.98px) {
  .pricing-3__item .item-header .header-inner .icon {
    width: 50px;
    height: 50px;
  }
  .pricing-3__item .item-header .header-inner .icon i,
  .pricing-3__item .item-header .header-inner .icon svg {
    width: 80%;
    margin-inline: auto;
  }
}
.pricing-3__item .item-header p {
  color: rgba(var(--color-white-rgb), 0.8);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  /* letter-spacing: -0.42px; */
}
.pricing-3__item .item-body .item-features ul {
  gap: 32px;
}
.pricing-3__item .item-body .item-features ul li {
  gap: 12px;
  color: rgba(var(--color-white-rgb), 0.6);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  /* letter-spacing: -1.08px; */
}
.pricing-3__item .item-body .item-features ul li i,
.pricing-3__item .item-body .item-features ul li svg {
  color: #ec590e;
}
.pricing-3__item .item-footer a {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-color: transparent;
}
.pricing-3__item.active .item-header {
  border-color: rgba(var(--color-white-rgb), 0.4);
  background: rgba(15, 19, 19, 0.7);
}
.pricing-3__item.active .item-header::before {
  opacity: 0.34;
}
.pricing-3__item.active .item-footer a::before {
  opacity: 1;
}

.blog__item-wrapper {
  border-radius: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .blog__item-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767.98px) {
  .blog__item-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    border-radius: 20px;
  }
}
.blog__item-wrapper::before {
  z-index: -1;
  inset: 0;
  opacity: 0.08;
  background: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 48.08%, var(--third-color) 100%);
}
.blog__item .blog-thumb {
  border-radius: 24px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .blog__item .blog-thumb {
    border-radius: 15px;
  }
}
.blog__item .blog-content {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .blog__item .blog-content {
    padding: 20px 15px;
  }
}
.blog__item .blog-content .meta {
  margin-bottom: 24px;
}
.blog__item .blog-content .meta ul {
  gap: 16px;
}
.blog__item .blog-content .meta ul li .category,
.blog__item .blog-content .meta ul li .date {
  color: var(--text-color-main);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 128.571%;
  /* letter-spacing: -0.56px; */
  padding: 6.5px 14px;
}
.blog__item .blog-content .meta ul li .category {
  border-radius: 40px;
  background: rgba(var(--text-color-main-rgb), 0.16);
}
.blog__item .blog-content .blog-title {
  color: var(--text-color-main);
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -1.2px; */
}
.blog__item .blog-content p {
  color: var(--text-color-main);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 137.5%;
  /* letter-spacing: -0.32px; */
  opacity: 0.72;
  margin-top: 12px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767.98px) {
  .blog__item .blog-content p {
    margin-top: 8px;
    margin-bottom: 20px;
  }
}
.blog__item.v2 {
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.08) 0%, rgba(var(--secondary-color-rgb), 0.08) 48.08%, rgba(var(--third-color-rgb), 0.08) 100%);
}
@media only screen and (max-width: 767.98px) {
  .blog__item.v2 {
    border-radius: 20px;
  }
}

.blog-3.section {
  z-index: 2;
}
.blog-3.section .bg-shape {
  z-index: 1;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767.98px) {
  .blog-3.section .bg-shape {
    display: none;
  }
}
.blog-3.section .section-header-3 a {
  margin-top: 70px;
}
.blog-3__item .item-thumb {
  border-radius: 15px;
  overflow: hidden;
}
.blog-3__item .item-content {
  padding-inline: 24px;
  padding-block-start: 24px;
}
@media only screen and (max-width: 1199.98px) {
  .blog-3__item .item-content {
    padding: 20px 10px 0 10px;
  }
}
@media only screen and (max-width: 991.98px) {
  .blog-3__item .item-content {
    padding-inline: 24px;
    padding-block-start: 24px;
  }
}
.blog-3__item .item-content .item-tags {
  gap: 16px;
  margin-bottom: 20px;
}
.blog-3__item .item-content .item-tags span {
  color: rgba(var(--color-white-rgb), 0.72);
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -0.3px; */
  padding: 8px 18px;
  border-radius: 50px;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
}
.blog-3__item .item-content .item-title {
  color: var(--color-white);
  font-style: normal;
  line-height: normal;
  /* letter-spacing: -0.48px; */
  margin-bottom: 20px;
}
.blog-3__item .item-content .item-title a {
  color: inherit;
  font: inherit;
}
.blog-3__item .item-content p {
  color: rgba(var(--color-white-rgb), 0.75);
  font-size: 14px;
  font-weight: 500;
  line-height: 164.286%;
  /* letter-spacing: -0.28px; */
  opacity: 0.7;
  margin-bottom: 20px;
}

.blog-details.section {
  background: var(--bg-color-2);
}
.blog-details__wrapper .blog-details p {
  color: #a1a0a3;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 177.778%;
  /* letter-spacing: -0.72px; */
  opacity: 1;
}
.blog-details__wrapper .blog-details .thumbnail {
  border-radius: 32px;
  overflow: hidden;
  margin-bottom: 50px;
}
.blog-details__wrapper .blog-details .sub-section {
  margin-top: 60px;
  margin-bottom: 60px;
}
.blog-details__wrapper .blog-details .sub-section h4.title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 100%;
  /* letter-spacing: -1.6px; */
  margin-bottom: 22px;
}
.blog-details__wrapper .blog-details .sub-section h3.title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 123.81%;
  /* letter-spacing: -2.1px; */
  margin-bottom: 22px;
  max-width: 820px;
}
.blog-details__wrapper .blog-details .info-section {
  gap: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .blog-details .info-section {
    flex-direction: column;
    gap: 25px;
  }
}
.blog-details__wrapper .blog-details .info-section .info-item {
  gap: 25px;
}
.blog-details__wrapper .blog-details .info-section .info-item .info-icon {
  width: 66px;
  height: 66px;
  border-radius: 100%;
  overflow: hidden;
  background-color: rgba(var(--color-white-rgb), 0.08);
}
.blog-details__wrapper .blog-details .info-section .info-item .info-content .info-title {
  margin-bottom: 14px;
}
.blog-details__wrapper .blog-details .paragraph-group p {
  margin-bottom: 22px;
}
.blog-details__wrapper .tags-and-share {
  gap: 25px;
  border-radius: 10px;
  border: 2px solid rgba(217, 217, 217, 0.23);
  padding: 40px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199.98px) {
  .blog-details__wrapper .tags-and-share {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .tags-and-share {
    align-items: center;
    gap: 10px;
    padding: 25px;
  }
}
.blog-details__wrapper .tags-and-share .tags {
  gap: 24px;
  align-items: flex-start;
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .tags-and-share .tags {
    gap: 15px;
  }
}
.blog-details__wrapper .tags-and-share .tags .tag-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -1.2px; */
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .tags-and-share .tags .tag-title {
    font-size: 16px;
  }
}
.blog-details__wrapper .tags-and-share .tags .tags-list {
  gap: 15px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .tags-and-share .tags .tags-list {
    gap: 10px;
  }
}
.blog-details__wrapper .tags-and-share .tags .tags-list li {
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.56px; */
  width: max-content;
  padding: 0 0 5px 0;
  border-radius: 0;
  border-bottom: 1px solid #333;
  /* background: rgba(var(--color-white-rgb), 0.16); */
}
@media only screen and (max-width: 991.98px) {
  .blog-details__wrapper .tags-and-share .tags .tags-list li {
    padding: 10px 16px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .tags-and-share .tags .tags-list li {
    padding: 8px 12px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .blog-details__wrapper .tags-and-share .share-group {
    width: 100%;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share {
  gap: 24px;
}
@media only screen and (max-width: 1199.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share {
    justify-content: space-between;
    gap: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .post {
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share .post {
    gap: 15px;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -1.2px; */
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-title {
    font-size: 16px;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-list {
  gap: 16px;
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-list {
    gap: 10px;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-list li {
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.56px; */
  width: max-content;
  padding: 14px 20px;
  border-radius: 40px;
  background: rgba(var(--color-white-rgb), 0.16);
}
@media only screen and (max-width: 991.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-list li {
    padding: 10px 16px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share .post .post-list li {
    padding: 8px 12px;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .share {
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share .share {
    gap: 15px;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -1.2px; */
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-title {
    font-size: 16px;
  }
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-list {
  flex-shrink: 0;
  gap: 10px;
}
.blog-details__wrapper .tags-and-share .share-group .post-and-share .share .share-list li a {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  background-color: var(--color-white);
  color: #383838;
  font-size: 12px;
}
.blog-details__wrapper .recent-comments .title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -1.2px; */
  margin-bottom: 32px;
}
.blog-details__wrapper .recent-comments__wrapper {
  gap: 24px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991.98px) {
  .blog-details__wrapper .recent-comments__wrapper {
    flex-direction: column;
    gap: 20px;
  }
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item {
  border-radius: 24px;
  background: #0c0d0d;
  padding: 32px;
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .recent-comments__wrapper .recent-comments-item {
    padding: 20px;
  }
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post {
  margin-bottom: 20px;
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author {
  gap: 16px;
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-thumb {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-thumb {
    width: 45px;
    height: 45px;
  }
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-info .author-name {
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 177.778%;
  /* letter-spacing: -0.9px; */
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-info .author-name {
    line-height: 1.1;
    font-size: 16px;
  }
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-info .author-designation {
  color: rgba(var(--color-white-rgb), 0.64);
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 228.571%;
  /* letter-spacing: -0.7px; */
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .author .author-info .author-designation {
    font-size: 12px;
  }
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .post-info .post-time,
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .post-info .post-date {
  color: rgba(var(--color-white-rgb), 0.64);
  text-align: right;
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 228.571%;
  /* letter-spacing: -0.7px; */
}
@media only screen and (max-width: 575.98px) {
  .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .post-info .post-time,
  .blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .author-post .post-info .post-date {
    font-size: 12px;
    line-height: 2;
  }
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-header .stars {
  gap: 6px;
  color: #ffab00;
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-body {
  padding-block: 20px 30px;
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-body p {
  color: rgba(var(--color-white-rgb), 0.64);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 162.5%;
  /* letter-spacing: -0.8px; */
  opacity: 1;
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer {
  gap: 40px;
}
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer .like-btn,
.blog-details__wrapper .recent-comments__wrapper .recent-comments-item .item-footer .reply-btn {
  gap: 8px;
  color: rgba(var(--color-white-rgb), 0.64);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 162.5%;
  /* letter-spacing: -0.8px; */
}
.blog-details__wrapper .write-comment .title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -1.2px; */
  margin-bottom: 32px;
}
.blog-details__wrapper .write-comment .comment-form .input-group .form-label {
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 155.556%;
  /* letter-spacing: -0.72px; */
  margin-bottom: 13px;
}
.blog-details__wrapper .write-comment .comment-form .input-group input,
.blog-details__wrapper .write-comment .comment-form .input-group textarea {
  width: 100% !important;
  border-radius: 10px !important;
  margin: 0 !important;
  border: 1px solid rgba(var(--color-white-rgb), 0.2);
  color: rgba(var(--color-white-rgb), 0.62);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  /* letter-spacing: -0.64px; */
  padding: 15px 24px;
  background-color: transparent;
}
.blog-details__wrapper .write-comment .comment-form .input-group input::placeholder,
.blog-details__wrapper .write-comment .comment-form .input-group textarea::placeholder {
  color: rgba(var(--color-white-rgb), 0.62);
  opacity: 1;
}
.blog-details__wrapper .write-comment .comment-form .button-area {
  margin-top: 50px;
}
.blog-details h2.wp-block-heading{
  font-size: 40px;
  margin-bottom: 1.2rem;
}
.blog-details h3.wp-block-heading{
  font-size: 30px;
  margin-bottom: 0.5rem;
}
/* =========================================
   Gutenberg Dark Table
========================================= */

.wp-block-table table.has-fixed-layout {
    width: 100%;
    margin-bottom: 1rem;
    color: #ffffff;
    background-color: #212529;
    border: 1px solid #495057;
    border-collapse: collapse;
    vertical-align: top;
}

/* Table cells */
.wp-block-table table.has-fixed-layout td, .wp-block-table table.has-fixed-layout th {
    padding: 0.75rem;
    color: #ffffff;
    background-color: #212529;
    border: 1px solid #495057;
    vertical-align: top;
}
.wp-block-table table.has-fixed-layout th{
  font-weight: 700;
  background: #333a40;
}

/* Bold text / first row */
.wp-block-table table.has-fixed-layout td strong {
    color: #ffffff;
    font-weight: 600;
}

/* Hover effect */
.wp-block-table table.has-fixed-layout tbody tr:hover td {
    background-color: #2c3034;
}
.demo-trial-form-content-wrapper{
    background: radial-gradient(circle at 85% 0%, rgba(255,255,255,.18), transparent 55%),
      linear-gradient(155deg, #FF6A1A 0%, #e4530a 55%, #b9410a 100%);
    border-top-left-radius:14px;
    border-bottom-left-radius:14px;
  
}
.demo-trial-form-content-wrapper p, .demo-trial-form-content-wrapper ul li{
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px;
}
.demo-trial-form-content-wrapper, .demo-trial-form-wrapper{
    width:50%;
}
.demo-trial-form-content-wrapper h3{
  font-size: 31px;
}
.demo-trial-form-wrapper{
  background: radial-gradient(circle at 85% 0%, rgba(255,255,255,.18), transparent 55%),
      linear-gradient(155deg, #080807 0%, #02071b 55%, #110702 100%);
    border-top-right-radius:14px;
    border-bottom-right-radius:14px;
}
.demo-trial-form-icon{
    width:46px;
    height:46px;
    flex: 1 0 auto;
}
.demo-trial-form-wrapper .btn-close{
  background-size: 0.75rem;
}
.validate-callback-form .error-text{
  margin-bottom: 15px;
}

:root{
  --blue:#0D6EFD; --blue-600:#0A58CA; --blue-50:#EEF4FF; --blue-100:#DCE8FF;
  --ink:#d9d9d9; --ink-2:#b17a6a; --muted:#6B7385; --line:#404040; --bg:rgba(255,255,255,0.1); --white:#fff;
  --cream:#FFF2CC; --green:#12A150; --green-50:#E8F7EE; --red:#D93025; --amber:#B7791F;
  --radius:14px; --shadow:0 10px 30px rgba(16,24,40,.08); --shadow-sm:0 2px 8px rgba(16,24,40,.06);
}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:1366px;margin:0 auto;padding:0 20px}

/* ================= TOP BAR ================= */
.topbar{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--ink)}
.logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary-color),#5B9BFF);display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px}
.logo span b{color:var(--primary-color)}
.secure-pill{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);background:var(--green-50);padding:6px 12px;border-radius:999px}
.secure-pill svg{color:var(--green)}
.help-link{font-size:13px;color:var(--ink-2)}
.help-link b{color:var(--primary-color)}

/* ================= HERO ================= */
.hero{padding:44px 0 28px;text-align:center;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--bg);color:var(--primary-color);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.hero h1{line-height:1.15;letter-spacing:-.02em;margin:0 auto}
.hero h1 .hl{color:var(--primary-color)}
.hero p.sub{color:var(--muted);max-width:640px;margin:14px auto 0;font-size:16px}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin-top:22px;font-size:13px;color:var(--ink-2)}
.hero-badges span{display:flex;align-items:center;gap:6px}
.hero-badges svg{color:var(--green);flex:none}

/* ================= STEPPER ================= */
.stepper{display:flex;justify-content:center;gap:0;margin:26px auto 0;max-width:720px;counter-reset:s}
.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:12.5px;color:var(--muted);font-weight:500}
.step:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--line)}
.step.done:not(:last-child)::after{background:var(--primary-color)}
.step .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);background:transparent;font-weight:600;color:var(--muted);z-index:1}
.step.active .dot{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 5px var(--bg)}
.step.active{color:var(--ink)}
.step.done .dot{background:var(--primary-color);border-color:var(--primary-color);color:#fff}

/* ================= LAYOUT ================= */
.checkout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;padding:32px 0 56px;align-items:start}
/* .panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px;margin-bottom:22px} */
.panel-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.panel-h h2{font-size:19px;font-weight:600;display:flex;align-items:center;gap:10px}
.panel-h h2 .num{width:26px;height:26px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:13px;display:grid;place-items:center}
.panel-h p{color:var(--muted);font-size:13px;margin-top:2px}

/* Billing toggle */
.toggle{display:inline-flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px}
.toggle button{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-2);display:flex;align-items:center;gap:8px}
.toggle button.on{background:var(--bg);color:var(--ink);box-shadow:var(--shadow-sm)}
.save-tag{background:var(--bg);color:#fff;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:6px}

/* Plan cards */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plan{position:relative;border:1.5px solid #444;border-radius:12px;padding:18px 16px;cursor:pointer;background:#202020;transition:.18s;text-align:left}
.plan:hover{border-color:#444}
.plan.sel{border-color:#444;box-shadow:0 0 0 4px var(--bg)}
.plan .radio{position:absolute;top:16px;right:16px;width:20px;height:20px;border-radius:50%;border:2px solid #444}
.plan.sel .radio{border:6px solid var(--primary-color)}
.plan .tag{position:absolute;top:-11px;left:16px;background:var(--primary-color);color:#fff;font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}
.plan h3{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.plan .for{font-size:12px;color:var(--muted);min-height:18px}
.plan .price{margin-top:12px;font-size:28px;font-weight:700;letter-spacing:-.02em}
.plan .price small{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0}
.plan .strike{font-size:12px;color:var(--muted);text-decoration:line-through;height:18px}
.plan .inc{margin-top:10px;background:var#454545;font-size:11.5px;font-weight:600;padding:6px 8px;border-radius:6px;text-align:center}
.plan ul{list-style:none;margin-top:12px;display:grid;gap:5px}
.plan li{font-size:12.5px;color:var(--ink-2);display:flex;gap:7px;align-items:flex-start}
.plan li svg{color:var(--green);flex:none;margin-top:3px}
.see-compare{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:500}

/* Employees */
.emp-row{display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:center}
input[type=range]{width:100%;accent-color:var(--primary-color);height:6px}
.stepper-input{display:flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:transparent}
.stepper-input button{width:40px;border:0;background:var(--bg);font-size:18px;color:var(--ink-2)}
.stepper-input input{width:100%;border:0;text-align:center;font-weight:600;font-size:16px;outline:none;padding:10px 0; background: transparent; color: white;}
.range-labels{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:6px}
.hint{font-size:12.5px;color:var(--muted);margin-top:12px;display:flex;gap:8px;align-items:flex-start}
.hint svg{flex:none;margin-top:2px;color:var(--primary-color)}
.big-team{display:none;margin-top:14px;background:var(--bg);border:1px dashed #9DBDFF;border-radius:10px;padding:12px 14px;font-size:13px}

/* Forms */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.checkout .field{display:flex;flex-direction:column;gap:6px}
.checkout .field.full{grid-column:1/-1}
.checkout .field label{font-size:12.5px;font-weight:500;color:var(--ink-2)}
.checkout .field label .opt{color:var(--muted);font-weight:400}
.checkout .field input,.checkout .field select,.checkout .field textarea{border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;outline:none;background:transparent;color:white;transition:.15s}
.checkout .field input:focus,.checkout .field select:focus,.checkout .field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--bg)}
.checkout .field.err input,.checkout .field.err select{border-color:var(--red)}
.checkout .field .msg{font-size:11.5px;color:var(--red);display:none}
.checkout .field.err .msg{display:block}
.checkout .field .ok{font-size:11.5px;color:var(--green);display:none}
.checkout .field.valid .ok{display:block}
.checkout .check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2)}
.checkout .check input{margin-top:3px;accent-color:var(--primary-color);width:16px;height:16px;flex:none}
.checkout .sub-h{font-size:13px;font-weight:600;color:var(--ink);margin:22px 0 12px;padding-top:18px;border-top:1px dashed var(--line)}

/* Payment */
.pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pm{border:1.5px solid var(--line);border-radius:10px;padding:12px 8px;text-align:center;font-size:12.5px;font-weight:500;cursor:pointer;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-2)}
.pm svg{color:var(--ink-2)}
.pm.sel{border-color:var(--primary-color);background:var(--bg);color:var(--primary-color)}
.pm.sel svg{color:var(--primary-color)}
.pm-note{margin-top:14px;font-size:12.5px;color:var(--muted);background:var(--bg);padding:12px 14px;border-radius:10px}

/* Summary */
.summary{position:sticky;top:84px}
.sum-card{background:#202020;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.sum-head{background:linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);color:#fff;padding:18px 22px}
.sum-head small{opacity:.85;font-size:12px}
.sum-head h3{font-size:18px;font-weight:600;margin-top:2px}
.sum-head .chg{font-size:12px;color:#fff;text-decoration:underline;opacity:.9;background:none;border:0}
.sum-body{padding:18px 22px}
.line{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:6px 0;color:#6b7385}
.line b{color:var(--ink);font-weight:500}
.line.disc b{color:var(--green)}
.line.tax{font-size:13px}
.divider{height:1px;background:var(--line);margin:10px 0}
.total{display:flex;justify-content:space-between;align-items:baseline;padding-top:4px;}
.total span{font-weight:600}
.total strong{font-size:26px;font-weight:700;letter-spacing:-.02em}
.per{font-size:12px;color:var(--muted);text-align:right}
.savings{margin-top:12px;background:var(--green-50);color:var(--green);font-size:12.5px;font-weight:500;padding:9px 12px;border-radius:9px;display:flex;gap:8px;align-items:center}
.coupon{display:flex;gap:8px;margin-top:14px}
.coupon input{flex:1;min-width:0;border:1.5px dashed var(--line);border-radius:9px;padding:9px 11px;text-transform:uppercase;outline:none}
.coupon input:focus{border-color:var(--primary-color)}
.coupon button{border:1.5px solid var(--primary-color);color:var(--primary-color);border-radius:9px;padding:0 14px;font-weight:600;font-size:13px}
.coupon-msg{font-size:12px;margin-top:6px;min-height:16px}
.btn-primary{width:100%;border:0;background:var(--primary-color);color:#fff;font-weight:600;font-size:15.5px;padding:15px;border-radius:11px;margin-top:16px;display:flex;justify-content:center;align-items:center;gap:10px;transition:.15s;box-shadow:0 8px 20px rgba(13,110,253,.25)}
.btn-primary:hover{background:var(--blue-600)}
.btn-primary:disabled{opacity:.6;cursor:not-allowed}
.fine{font-size:11.5px;color:var(--muted);text-align:center;margin-top:10px}
.sum-trust{border-top:1px solid var(--line);padding:14px 22px;display:grid;gap:8px;background:var(--bg)}
.sum-trust div{display:flex;gap:10px;font-size:12.5px;color:var(--ink-2);align-items:flex-start}
.sum-trust svg{color:var(--green);flex:none;margin-top:2px}
.talk{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;gap:12px;align-items:center;font-size:13px}
.talk .av{width:40px;height:40px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:var(--primary-color);flex:none}
.talk b{display:block;font-size:13.5px}

/* ================= SECTIONS ================= */
section.block{padding:56px 0;}
.sec-h{text-align:center;max-width:680px;margin:0 auto 32px}
.sec-h h2{font-size:letter-spacing:-.01em}
.sec-h p{color:var(--muted);margin-top:8px}

/* Compare table */
.tbl-wrap{overflow-x:auto;border:1px solid #333;border-radius:var(--radius);background:transparent}
table.cmp{width:100%;border-collapse:collapse;min-width:680px}
.cmp th,.cmp td{padding:12px 16px;text-align:center;font-size:13.5px;border-bottom:1px solid #333}
.cmp th:first-child,.cmp td:first-child{text-align:left;width:40%}
.cmp thead th{position:sticky;top:0;background:transparent;z-index:2;vertical-align:bottom;padding-top:18px}
.cmp thead th .pn{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.cmp thead th .pp{font-size:20px;font-weight:700;margin-top:2px}
.cmp thead th .pp small{font-size:11px;color:var(--muted);font-weight:500}
.cmp thead th button{margin-top:8px;border:1.5px solid var(--primary-color);background:transparent;color:var(--primary-color);font-weight:600;font-size:12px;padding:7px 14px;border-radius:8px}
.cmp thead th.hot button{background:var(--primary-color);color:#fff}
.cmp thead th.hot{background:#333}
.cmp td.hot{background:var(--bg)}
.cmp tr.grp td{background:var(--bg);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.cmp .y{color:var(--green)} .cmp .n{color:#C3C9D5}
.cmp-toggle{display:flex;justify-content:center;margin-bottom:18px}

/* Market comparison */
.mkt{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mkt-card{background:transparent;border:1px solid #333;border-radius:var(--radius);padding:20px}
.mkt-card .ic{width:40px;height:40px;border-radius:10px;background:#333;color:var(--primary-color);display:grid;place-items:center;margin-bottom:12px}
.mkt-card h4{font-size:15px;font-weight:600}
.mkt-card p{font-size:13px;color:var(--muted);margin-top:6px}
.vs{margin-top:28px}
.vs table{width:100%;border-collapse:collapse;min-width:620px}
.vs th,.vs td{padding:13px 16px;font-size:13.5px;border-bottom:1px solid #333;text-align:left}
.vs thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;background:transparent}
.vs td.us{color:var(--ink);font-weight:500;background:var(--bg)}
.vs td.us svg{color:var(--green);vertical-align:-3px;margin-right:6px}
.vs td.them{color:var(--muted)}

/* Compliance */
.comp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.comp-card{background:transparent;border:1px solid #333;border-radius:var(--radius);padding:22px}
.comp-card h4{font-size:15px;font-weight:600;display:flex;gap:10px;align-items:center}
.comp-card h4 .ic{width:34px;height:34px;border-radius:9px;background:var(--bg);color:var(--primary-color);display:grid;place-items:center;flex:none}
.comp-card ul{list-style:none;margin-top:12px;display:grid;gap:8px}
.comp-card li{font-size:13px;color:#757575;display:flex;gap:8px; line-height:20px;}
.comp-card li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary-color);margin-top:6px;flex:none}

/* Journey */
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:j}
.j{background:transparent;border:1px solid #333;border-radius:var(--radius);padding:20px;position:relative}
.j::before{counter-increment:j;content:"0" counter(j);font-size:28px;font-weight:700;color:var(--blue-100);position:absolute;top:12px;right:16px}
.j h4{font-size:15px;font-weight:600}
.j p{font-size:13px;color:var(--muted);margin-top:6px}
.j .t{display:inline-block;margin-top:10px;font-size:11.5px;font-weight:600;color:var(--primary-color);background:var(--bg);padding:5px 9px;border-radius:6px}

/* FAQ */
.faq{margin:0 auto}
.faq details{background:transparent;border:1px solid #333;border-radius:12px;margin-bottom:10px;padding:0 20px}
.faq summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:500;font-size:14.5px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:20px;color:var(--primary-color);line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 18px;font-size:13.5px;color:#757575}

/* CTA + footer */
.wrap .cta{background:linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);color:#fff;border-radius:20px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.wrap .cta h3{font-size:clamp(20px,2.6vw,28px);font-weight:700}
.wrap .cta p{opacity:.85;margin-top:6px}
.wrap .cta button{background:transparent;color:#FFF;border:0;font-weight:600;padding:14px 26px;border-radius:11px;font-size:15px}
/* footer{background:var(--white);border-top:1px solid #333;padding:24px 0;font-size:12.5px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:var(--ink-2);margin-left:16px} */

/* Success modal */
/* .overlay{position:fixed;inset:0;background:rgba(14,20,35,.55);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}
.overlay.show{display:flex}
.modal{background:transparent;border-radius:18px;max-width:520px;width:100%;padding:32px;text-align:center;max-height:92vh;overflow:auto}
.modal .big-ic{width:72px;height:72px;border-radius:50%;background:var(--green-50);color:var(--green);display:grid;place-items:center;margin:0 auto 14px}
.modal h3{font-size:22px;font-weight:700}
.modal p{color:var(--muted);font-size:14px;margin-top:6px}
.modal .rcpt{text-align:left;background:var(--bg);border-radius:12px;padding:14px 16px;margin:18px 0}
.modal ol{text-align:left;font-size:13.5px;color:var(--ink-2);padding-left:20px;display:grid;gap:6px}
.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}} */

/* Mobile sticky bar */
.m-bar{display:none}

@media (max-width:1024px){
  .checkout{grid-template-columns:minmax(0,1fr)}
  .summary{position:static}
  .mkt,.journey{grid-template-columns:repeat(2,1fr)}
  .comp{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .plans{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .emp-row{grid-template-columns:1fr}
  .pay-methods{grid-template-columns:repeat(2,1fr)}
  .mkt,.journey,.comp{grid-template-columns:1fr}
  .panel{padding:20px 16px}
  .panel-h{flex-direction:column}
  .secure-pill span.t,.help-link{display:none}
  .step{font-size:11px}
  .toggle{align-self:flex-start;max-width:100%}
  .toggle button{padding:8px 12px}
  .cta{padding:28px 22px}
  body{padding-bottom:78px}
  .m-bar{display:flex;position:fixed;left:0;right:0;bottom:0;background:transparent;border-top:1px solid #333;padding:10px 16px;gap:12px;align-items:center;justify-content:space-between;z-index:60;box-shadow:0 -6px 20px rgba(16,24,40,.08)}
  .m-bar small{display:block;font-size:11px;color:var(--muted)}
  .m-bar strong{font-size:18px}
  .m-bar button{border:0;background:var(--primary-color);color:#fff;font-weight:600;padding:12px 18px;border-radius:10px}
}

.cta__content-wrapper {
  border-radius: 42px;
  border: 2px solid rgba(var(--primary-color-rgb), 0.5);
  background: var(--bg-color-2);
  overflow: hidden;
  padding: 120px;
}
.widget ul.menu {
    list-style-type: none;
    padding-left: 0;
}
.widget .menu li a {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    color: #DDD;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991.98px) {
  .cta__content-wrapper {
    padding: 60px;
  }
}
@media only screen and (max-width: 767.98px) {
  .cta__content-wrapper {
    padding: 40px;
  }
  .demo-trial-form-outer-wrapper{
    margin: 0 !important;
  }
  .demo-trial-form-wrapper{
    width:100% !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .cta__content-wrapper {
    padding: 30px;
  }
}
.cta__content .section-title {
  max-width: 782px;
  margin-inline: auto;
}
.cta__content p {
  max-width: 508px;
  margin-inline: auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  /* letter-spacing: -0.8px; */
  opacity: 0.69;
  margin-top: 12px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767.98px) {
  .cta__content p {
    font-size: 16px;
    margin-bottom: 22px;
  }
}

.cta-2.section {
  background-color: #5a5afc;
}
.cta-2__wrapper {
  border-radius: 42px;
  background: linear-gradient(270deg, #b1e4ff 0.38%, #f8f7ff 132.43%);
  padding-inline: 80px;
  padding-block-start: 70px;
  overflow: hidden;
}
@media only screen and (max-width: 1199.98px) {
  .cta-2__wrapper {
    padding-inline: 50px;
    padding-block-start: 40px;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-2__wrapper {
    padding-inline: 40px;
    padding-block-start: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .cta-2__wrapper {
    padding-inline: 30px;
  }
}
.cta-2__content {
  padding-block-end: 70px;
  height: 100%;
  gap: 30px;
}
@media only screen and (max-width: 1199.98px) {
  .cta-2__content {
    padding-block-end: 40px;
    padding-inline-end: 40px;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-2__content {
    padding-block-end: 30px;
    padding-inline-end: 0px;
  }
}
.cta-2__content .section-header-2 p {
  max-width: 537px;
  color: rgba(4, 10, 16, 0.5);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.cta-2__content .buttons {
  gap: 16px;
}
@media only screen and (max-width: 991.98px) {
  .cta-2__content .buttons {
    flex-direction: column;
  }
  .cta-2__content .buttons a {
    width: 100%;
  }
}
.cta-2__thumb {
  padding-inline: 10px;
  padding-block-start: 10px;
  border-radius: 56px 56px 0 0;
  border: 0.5px solid rgba(245, 251, 255, 0.4);
  backdrop-filter: blur(5.808218956px);
  margin-bottom: -3px;
  margin-right: 60px;
}
@media only screen and (max-width: 1199.98px) {
  .cta-2__thumb {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-2__thumb {
    margin-right: 0px;
    padding-inline: 5px;
    padding-block-start: 5px;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-2__thumb .star-one,
  .cta-2__thumb .star-two {
    display: none;
  }
}
.cta-2__thumb .star-one {
  top: 90px;
  left: -70px;
  color: var(--color-white);
  animation: spin 7s infinite linear;
}
.cta-2__thumb .star-two {
  bottom: 73px;
  right: -53px;
  color: var(--primary-color);
  animation: spin 7s infinite linear reverse;
}
.cta-2__thumb .thumb-wrapper {
  background-color: var(--color-white);
  padding-inline: 10px;
  padding-block-start: 10px;
  border-radius: 46px 46px 0 0;
  backdrop-filter: blur(5.808218956px);
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .cta-2__thumb .thumb-wrapper {
    padding-inline: 5px;
    padding-block-start: 5px;
  }
}
.cta-2__thumb .thumb-wrapper img {
  border-radius: 41px 41px 0 0;
  background-color: #000;
}

.cta-3.section {
  z-index: 2;
  background: #0a0808;
  overflow: hidden;
}
.cta-3.section .circle-1 {
  z-index: -1;
  width: 634px;
  height: 634px;
  left: 50px;
  bottom: -255px;
  border-radius: 634px;
  opacity: 0.53;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  filter: blur(301.4128417969px);
}
.cta-3.section .circle-2 {
  z-index: -2;
  width: 520px;
  height: 519px;
  top: -115px;
  right: -80px;
  border-radius: 520px;
  opacity: 0.24;
  background: #ef3e41;
  filter: blur(226.0596313477px);
}
.cta-3.section .box-1 {
  z-index: -1;
  left: 145px;
  bottom: 50px;
  animation: updown-float 3s ease-in-out infinite;
}
@media only screen and (max-width: 1439.98px) {
  .cta-3.section .box-1 {
    max-width: 5%;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-3.section .box-1 {
    display: none;
  }
}
.cta-3.section .box-2 {
  z-index: -2;
  right: 125px;
  top: 50%;
  animation: updown-float 8s ease-in-out infinite;
}
@media only screen and (max-width: 1439.98px) {
  .cta-3.section .box-2 {
    max-width: 5%;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-3.section .box-2 {
    display: none;
  }
}
.cta-3.section .doll-1 {
  z-index: -1;
  left: 18%;
  top: 22%;
  animation: updown-float 5s ease-in-out infinite;
}
@media only screen and (max-width: 1439.98px) {
  .cta-3.section .doll-1 {
    left: 5%;
    max-width: 10%;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-3.section .doll-1 {
    display: none;
  }
}
.cta-3.section .doll-2 {
  z-index: -1;
  right: 15%;
  top: 20%;
  animation: updown-float 3s ease-in-out infinite;
}
@media only screen and (max-width: 1439.98px) {
  .cta-3.section .doll-2 {
    right: 5%;
    max-width: 15%;
  }
}
@media only screen and (max-width: 991.98px) {
  .cta-3.section .doll-2 {
    display: none;
  }
}
.cta-3__content {
  text-align: center;
  max-width: 752px;
  margin-inline: auto;
}
.cta-3__content .buttons {
  gap: 24px;
  margin: 45px;
}
@media only screen and (max-width: 575.98px) {
  .cta-3__content .buttons {
    flex-direction: column;
    gap: 15px;
  }
  .cta-3__content .buttons a {
    width: 100%;
  }
}
.cta-3__content .features-list ul {
  gap: 15px;
}
@media only screen and (max-width: 767.98px) {
  .cta-3__content .features-list ul {
    flex-direction: column;
  }
}
.cta-3__content .features-list ul li {
  gap: 12px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  /* letter-spacing: -1.08px; */
}
@media only screen and (max-width: 991.98px) {
  .cta-3__content .features-list ul li {
    font-size: 16px;
  }
}

.brand.section {
  border-top: 1px solid rgba(70, 66, 252, 0.11);
}
.brand__slider .swiper-slide {
  width: auto;
}

.brand-3__content .brand-title {
  gap: 60px;
  font-weight: 600;
  line-height: 112.5%;
  /* letter-spacing: -0.48px; */
}
@media only screen and (max-width: 1199.98px) {
  .brand-3__content .brand-title {
    gap: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .brand-3__content .brand-title {
    gap: 15px;
  }
}
.brand-3__content .brand-title .line {
  width: 100%;
  height: 1px;
  background-color: rgba(var(--color-white-rgb), 0.22);
}
.brand-3__item {
  width: 200px;
  height: 110px;
  aspect-ratio: 204/113;
  border-radius: 12px;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
  background: transparent;
  overflow: hidden;
  user-select: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.brand-3__item::after {
  width: 162px;
  height: 162px;
  border-radius: 50%;
  opacity: 0.30;
  background: transparent;
  filter: blur(40px);
}
.brand-3__item img {
  opacity: 0.9;
  height: 80px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.brand-3__item:hover {
  border-color: rgba(var(--color-white-rgb), 0.3);
}
.brand-3__item:hover img {
  opacity: 1;
}
.brand-3__slider .swiper-slide {
  width: auto;
}

.integration.section {
  overflow: hidden;
}
.integration.section .section-header-2 {
  max-width: 652px;
}
.integration__content {
  z-index: 5;
}
.integration__content .ellipse-1,
.integration__content .ellipse-2 {
  width: 784px;
  height: 784px;
  border-radius: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 767.98px) {
  .integration__content .ellipse-1,
  .integration__content .ellipse-2 {
    opacity: 0.3 !important;
  }
}
.integration__content .ellipse-1 {
  top: -160px;
  left: -200px;
  border-radius: 50%;
  opacity: 0.5;
  background: #bce8ff;
  filter: blur(110px);
  z-index: -4;
}
.integration__content .ellipse-2 {
  right: -68px;
  bottom: 20px;
  border-radius: 50%;
  opacity: 0.7;
  background: #b9affe;
  filter: blur(110px);
  z-index: -5;
}
.integration__content .circle-one {
  width: 849px;
  height: 849px;
  border-radius: 100%;
  border: 2px solid rgba(0, 0, 0, 0.03);
  backdrop-filter: blur(12px);
  z-index: 10;
  pointer-events: none;
}
@media only screen and (max-width: 1439.98px) {
  .integration__content .circle-one {
    width: 720px;
    height: 720px;
  }
}
@media only screen and (max-width: 991.98px) {
  .integration__content .circle-one {
    width: 600px;
    height: 600px;
  }
}
@media only screen and (max-width: 767.98px) {
  .integration__content .circle-one {
    width: 450px;
    height: 450px;
  }
}
@media only screen and (max-width: 575.98px) {
  .integration__content .circle-one {
    width: 270px;
    height: 270px;
  }
}
.integration__content .circle-one .circle-one-inset {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
}
.integration__content .circle-one .circle-one-inset .icon-block {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  background-color: var(--color-white);
  border-radius: 50%;
  z-index: 10;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(1) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(0, -424.5px) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg) translate(0, -424.5px) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg) translate(0, -424.5px) rotate(0deg);
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(2) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) translate(0, -424.5px) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg) translate(0, -424.5px) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(45deg) translate(0, -424.5px) rotate(-45deg);
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(3) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(0, -424.5px) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg) translate(0, -424.5px) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(90deg) translate(0, -424.5px) rotate(-90deg);
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(4) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(135deg) translate(0, -424.5px) rotate(-135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg) translate(0, -424.5px) rotate(-135deg);
  transform: translate(-50%, -50%) rotate(135deg) translate(0, -424.5px) rotate(-135deg);
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(5) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg) translate(0, -424.5px) rotate(-180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg) translate(0, -424.5px) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(180deg) translate(0, -424.5px) rotate(-180deg);
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(6) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(225deg) translate(0, -424.5px) rotate(-225deg);
  -ms-transform: translate(-50%, -50%) rotate(225deg) translate(0, -424.5px) rotate(-225deg);
  transform: translate(-50%, -50%) rotate(225deg) translate(0, -424.5px) rotate(-225deg);
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(7) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(270deg) translate(0, -424.5px) rotate(-270deg);
  -ms-transform: translate(-50%, -50%) rotate(270deg) translate(0, -424.5px) rotate(-270deg);
  transform: translate(-50%, -50%) rotate(270deg) translate(0, -424.5px) rotate(-270deg);
}
.integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(8) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(315deg) translate(0, -424.5px) rotate(-315deg);
  -ms-transform: translate(-50%, -50%) rotate(315deg) translate(0, -424.5px) rotate(-315deg);
  transform: translate(-50%, -50%) rotate(315deg) translate(0, -424.5px) rotate(-315deg);
}
@media only screen and (max-width: 1439.98px) {
  .integration__content .circle-one .circle-one-inset .icon-block {
    width: 70px;
    height: 70px;
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(1) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(0, -360px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(0, -360px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(0, -360px) rotate(0deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(2) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) translate(0, -360px) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg) translate(0, -360px) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(45deg) translate(0, -360px) rotate(-45deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(3) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(0, -360px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(0, -360px) rotate(-90deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(4) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg) translate(0, -360px) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg) translate(0, -360px) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(135deg) translate(0, -360px) rotate(-135deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(5) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg) translate(0, -360px) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg) translate(0, -360px) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(180deg) translate(0, -360px) rotate(-180deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(6) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(225deg) translate(0, -360px) rotate(-225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg) translate(0, -360px) rotate(-225deg);
    transform: translate(-50%, -50%) rotate(225deg) translate(0, -360px) rotate(-225deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(7) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(270deg) translate(0, -360px) rotate(-270deg);
    -ms-transform: translate(-50%, -50%) rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform: translate(-50%, -50%) rotate(270deg) translate(0, -360px) rotate(-270deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(8) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(315deg) translate(0, -360px) rotate(-315deg);
    -ms-transform: translate(-50%, -50%) rotate(315deg) translate(0, -360px) rotate(-315deg);
    transform: translate(-50%, -50%) rotate(315deg) translate(0, -360px) rotate(-315deg);
  }
}
@media only screen and (max-width: 991.98px) {
  .integration__content .circle-one .circle-one-inset .icon-block {
    width: 70px;
    height: 70px;
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(1) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(0, -300px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(0, -300px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(0, -300px) rotate(0deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(2) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) translate(0, -300px) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg) translate(0, -300px) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(45deg) translate(0, -300px) rotate(-45deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(3) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(0, -300px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(0, -300px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(0, -300px) rotate(-90deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(4) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg) translate(0, -300px) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg) translate(0, -300px) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(135deg) translate(0, -300px) rotate(-135deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(5) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg) translate(0, -300px) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg) translate(0, -300px) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(180deg) translate(0, -300px) rotate(-180deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(6) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(225deg) translate(0, -300px) rotate(-225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg) translate(0, -300px) rotate(-225deg);
    transform: translate(-50%, -50%) rotate(225deg) translate(0, -300px) rotate(-225deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(7) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(270deg) translate(0, -300px) rotate(-270deg);
    -ms-transform: translate(-50%, -50%) rotate(270deg) translate(0, -300px) rotate(-270deg);
    transform: translate(-50%, -50%) rotate(270deg) translate(0, -300px) rotate(-270deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(8) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(315deg) translate(0, -300px) rotate(-315deg);
    -ms-transform: translate(-50%, -50%) rotate(315deg) translate(0, -300px) rotate(-315deg);
    transform: translate(-50%, -50%) rotate(315deg) translate(0, -300px) rotate(-315deg);
  }
}
@media only screen and (max-width: 767.98px) {
  .integration__content .circle-one .circle-one-inset .icon-block {
    width: 40px;
    height: 40px;
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(1) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(0, -225px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(0, -225px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(0, -225px) rotate(0deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(2) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) translate(0, -225px) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg) translate(0, -225px) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(45deg) translate(0, -225px) rotate(-45deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(3) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(0, -225px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(0, -225px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(0, -225px) rotate(-90deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(4) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg) translate(0, -225px) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg) translate(0, -225px) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(135deg) translate(0, -225px) rotate(-135deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(5) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg) translate(0, -225px) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg) translate(0, -225px) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(180deg) translate(0, -225px) rotate(-180deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(6) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(225deg) translate(0, -225px) rotate(-225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg) translate(0, -225px) rotate(-225deg);
    transform: translate(-50%, -50%) rotate(225deg) translate(0, -225px) rotate(-225deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(7) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(270deg) translate(0, -225px) rotate(-270deg);
    -ms-transform: translate(-50%, -50%) rotate(270deg) translate(0, -225px) rotate(-270deg);
    transform: translate(-50%, -50%) rotate(270deg) translate(0, -225px) rotate(-270deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(8) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(315deg) translate(0, -225px) rotate(-315deg);
    -ms-transform: translate(-50%, -50%) rotate(315deg) translate(0, -225px) rotate(-315deg);
    transform: translate(-50%, -50%) rotate(315deg) translate(0, -225px) rotate(-315deg);
  }
}
@media only screen and (max-width: 575.98px) {
  .integration__content .circle-one .circle-one-inset .icon-block {
    width: 35px;
    height: 35px;
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(1) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translate(0, -135px) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg) translate(0, -135px) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg) translate(0, -135px) rotate(0deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(2) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) translate(0, -135px) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg) translate(0, -135px) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(45deg) translate(0, -135px) rotate(-45deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(3) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(0, -135px) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg) translate(0, -135px) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(90deg) translate(0, -135px) rotate(-90deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(4) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg) translate(0, -135px) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg) translate(0, -135px) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(135deg) translate(0, -135px) rotate(-135deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(5) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg) translate(0, -135px) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg) translate(0, -135px) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(180deg) translate(0, -135px) rotate(-180deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(6) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(225deg) translate(0, -135px) rotate(-225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg) translate(0, -135px) rotate(-225deg);
    transform: translate(-50%, -50%) rotate(225deg) translate(0, -135px) rotate(-225deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(7) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(270deg) translate(0, -135px) rotate(-270deg);
    -ms-transform: translate(-50%, -50%) rotate(270deg) translate(0, -135px) rotate(-270deg);
    transform: translate(-50%, -50%) rotate(270deg) translate(0, -135px) rotate(-270deg);
  }
  .integration__content .circle-one .circle-one-inset .icon-block:nth-of-type(8) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(315deg) translate(0, -135px) rotate(-315deg);
    -ms-transform: translate(-50%, -50%) rotate(315deg) translate(0, -135px) rotate(-315deg);
    transform: translate(-50%, -50%) rotate(315deg) translate(0, -135px) rotate(-315deg);
  }
}
.integration__content .circle-one .circle-one-inset .icon-block:hover {
  background-color: var(--secondary-color);
  backdrop-filter: blur(5px);
}
.integration__content .circle-one .circle-one-inset .icon-block img {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
  margin-inline: auto;
}
@media only screen and (max-width: 1439.98px) {
  .integration__content .circle-one .circle-one-inset .icon-block img {
    max-width: 60%;
  }
}
@media only screen and (max-width: 767.98px) {
  .integration__content .circle-one .circle-one-inset .icon-block img {
    max-width: 40%;
  }
}
.integration__content .circle-one .circle-two {
  width: 622px;
  height: 622px;
  border-radius: 100%;
  border: 3px solid rgba(var(--color-white-rgb), 0.3);
  backdrop-filter: blur(12px);
  background: rgba(var(--color-white-rgb), 0.32);
}
@media only screen and (max-width: 1439.98px) {
  .integration__content .circle-one .circle-two {
    width: 570px;
    height: 570px;
  }
}
@media only screen and (max-width: 991.98px) {
  .integration__content .circle-one .circle-two {
    width: 470px;
    height: 470px;
  }
}
@media only screen and (max-width: 767.98px) {
  .integration__content .circle-one .circle-two {
    width: 370px;
    height: 370px;
  }
}
@media only screen and (max-width: 575.98px) {
  .integration__content .circle-one .circle-two {
    width: 220px;
    height: 220px;
  }
}
.integration__content .circle-one .circle-two .circle-three {
  width: 520px;
  height: 520px;
  border-radius: 100%;
  border: 3px solid rgba(var(--color-white-rgb), 0.3);
  backdrop-filter: blur(12px);
  background: rgba(var(--color-white-rgb), 0.32);
}
@media only screen and (max-width: 1439.98px) {
  .integration__content .circle-one .circle-two .circle-three {
    width: 480px;
    height: 480px;
  }
}
@media only screen and (max-width: 991.98px) {
  .integration__content .circle-one .circle-two .circle-three {
    width: 380px;
    height: 380px;
  }
}
@media only screen and (max-width: 767.98px) {
  .integration__content .circle-one .circle-two .circle-three {
    width: 280px;
    height: 280px;
  }
}
@media only screen and (max-width: 575.98px) {
  .integration__content .circle-one .circle-two .circle-three {
    width: 180px;
    height: 180px;
  }
}
.integration__content .circle-one .circle-two .circle-three .circle-four {
  width: 408px;
  height: 408px;
  border-radius: 100%;
  border: 3px solid rgba(var(--color-white-rgb), 0.3);
  backdrop-filter: blur(12px);
  background: rgba(var(--color-white-rgb), 0.32);
}
@media only screen and (max-width: 1439.98px) {
  .integration__content .circle-one .circle-two .circle-three .circle-four {
    width: 350px;
    height: 350px;
  }
}
@media only screen and (max-width: 991.98px) {
  .integration__content .circle-one .circle-two .circle-three .circle-four {
    width: 250px;
    height: 250px;
  }
}
@media only screen and (max-width: 767.98px) {
  .integration__content .circle-one .circle-two .circle-three .circle-four {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (max-width: 575.98px) {
  .integration__content .circle-one .circle-two .circle-three .circle-four {
    width: 150px;
    height: 150px;
  }
}
.integration__content .main-logo {
  color: #4642fc;
}
@media only screen and (max-width: 991.98px) {
  .integration__content .main-logo svg {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (max-width: 767.98px) {
  .integration__content .main-logo svg {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 575.98px) {
  .integration__content .main-logo svg {
    width: 80px;
    height: 80px;
  }
}
.integration__content .main-logo svg stop:last-child {
  stop-color: #adbbfe;
}

.workflow.section {
  overflow: hidden;
  background: #5a5afc;
}
.workflow.section .section-header-2 .shape {
  right: calc(100% - 80px);
  top: -110px;
}
@media only screen and (max-width: 991.98px) {
  .workflow.section .section-header-2 .shape {
    display: none;
  }
}
.workflow.section .section-header-2 .section-sub-title {
  color: var(--color-white);
}
.workflow.section .section-header-2 .section-sub-title::before {
  background-color: var(--color-white);
}
.workflow.section .section-header-2 .section-title {
  color: var(--color-white);
}
.workflow.section .section-header-2 p {
  color: rgba(var(--color-white-rgb), 0.78);
  opacity: 0.9;
}
.workflow__content {
  margin-top: 120px;
}
@media only screen and (max-width: 991.98px) {
  .workflow__content {
    margin-top: 40px;
  }
}
.workflow__content .title {
  color: var(--color-white);
  font-weight: 600;
  line-height: normal;
  /* letter-spacing: -1.44px; */
  margin-bottom: 14px;
}
.workflow__content p {
  color: var(--color-white);
  color: rgba(var(--color-white-rgb), 0.78);
  font-size: 15px;
  font-weight: 500;
  line-height: 146.667%;
  opacity: 0.9;
}
.workflow__info {
  border-radius: 47px;
  border: 1px solid rgba(var(--color-white-rgb), 0.24);
  background: rgba(var(--color-white-rgb), 0.06);
  backdrop-filter: blur(5.5px);
  padding: 54px 64px;
  max-width: 575px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (max-width: 991.98px) {
  .workflow__info {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .workflow__info {
    padding: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .workflow__info {
    padding: 25px;
  }
}
.workflow__info .info-item {
  gap: 32px;
}
@media only screen and (max-width: 1199.98px) {
  .workflow__info .info-item {
    gap: 20px;
  }
}
.workflow__info .info-item:not(:last-of-type) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199.98px) {
  .workflow__info .info-item:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.workflow__info .info-item .icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  background: rgba(var(--color-white-rgb), 0.12);
  border-radius: 100%;
  color: var(--color-white);
}
@media only screen and (max-width: 575.98px) {
  .workflow__info .info-item .icon {
    width: 35px;
    height: 35px;
  }
  .workflow__info .info-item .icon i,
  .workflow__info .info-item .icon svg {
    width: 15px;
    height: 15px;
  }
}
.workflow__info .info-item .info .title {
  color: var(--color-white);
  font-weight: 600;
  line-height: 175%;
  /* letter-spacing: -1.44px; */
  margin-bottom: 2px;
}
@media only screen and (max-width: 575.98px) {
  .workflow__info .info-item .info .title {
    line-height: 125%;
  }
}
.workflow__info .info-item .info p {
  color: rgba(var(--color-white-rgb), 0.78);
  font-size: 15px;
  font-weight: 500;
  line-height: 146.667%;
  opacity: 0.9;
}

.benefits.section {
  z-index: 2;
}
.benefits.section .benefits-shape {
  top: 178px;
  left: 38px;
  color: var(--primary-color);
  z-index: -1;
}
@media only screen and (max-width: 991.98px) {
  .benefits.section .benefits-shape {
    top: 80px;
    left: 10px;
  }
}
@media only screen and (max-width: 575.98px) {
  .benefits.section .benefits-shape {
    display: none;
  }
}
.benefits.section .benefits-shape .animated-path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
.benefits.section .benefits-shape .animate-on-view {
  animation: draw 3s ease-in-out forwards;
}
@media only screen and (min-width: 992px) {
  .benefits .benefits__item-row > [class*=col-]:nth-child(even) .benefits__item {
    margin-top: 60px;
  }
}
.benefits__item {
  border-radius: 24px;
  border: 1px solid #e2e2ff;
  background: var(--color-white);
  padding: 32px;
  overflow: hidden;
  z-index: 2;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1199.98px) {
  .benefits__item {
    padding: 20px;
  }
}
.benefits__item .item-bg {
  inset: 0;
  z-index: -1;
}
.benefits__item .item-bg img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.benefits__item .item-icon {
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  border: 1px solid #eaeaff;
  border-radius: 50%;
  padding: 15px;
  margin-bottom: 75px;
  color: var(--color-black);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1199.98px) {
  .benefits__item .item-icon {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .benefits__item .item-icon {
    margin-bottom: 50px;
  }
}
.benefits__item .item-content .title {
  color: #141414;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -1.2px; */
  margin-bottom: 10px;
}
.benefits__item .item-content p {
  color: #848484;
  font-size: 15px;
  font-weight: 400;
  line-height: 133.333%;
  /* letter-spacing: -0.9px; */
  max-width: 200px;
}
@media only screen and (max-width: 767.98px) {
  .benefits__item .item-content p {
    max-width: 100%;
  }
}
.benefits__item:hover {
  background-color: #e2e2ff;
}
.benefits__item:hover .item-icon {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--color-white);
}

.work__item {
  border-radius: 46px;
  border: 1px solid rgba(var(--primary-color-2-rgb), 0.1);
  background: rgba(var(--color-black-rgb), 0.02);
  padding: 25px;
  height: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 575.98px) {
  .work__item {
    border-radius: 20px;
    padding-inline: 10px;
    padding-block: 10px 20px;
  }
}
.work__item .item-inner {
  margin-bottom: 22px;
  border-radius: 24px;
  border: 1px solid rgba(var(--color-black-rgb), 0.07);
  background: var(--color-white);
  box-shadow: 0 14px 26px 0 rgba(var(--color-black-rgb), 0.04);
  padding: 24px;
  height: 100%;
}
@media only screen and (max-width: 575.98px) {
  .work__item .item-inner {
    border-radius: 20px;
    padding: 20px;
  }
}
.work__item .signup-form {
  user-select: none;
}
.work__item .signup-form .input-group {
  border-radius: 40px;
  background: #f5f5f8;
  padding: 12px 18px;
  gap: 12px;
}
.work__item .signup-form .input-group .input-group-text {
  border: none;
  background-color: transparent;
  padding: 0;
  color: #8f8f8f;
}
.work__item .signup-form .input-group .form-control {
  background-color: transparent;
  border: none;
  color: #141414;
  font-size: 14px;
  font-weight: 500;
  line-height: 171.429%;
  /* letter-spacing: -0.84px; */
  padding: 0;
  cursor: context-menu;
  pointer-events: none;
}
.work__item .signup-form .input-group .form-control::placeholder {
  color: #8f8f8f;
  opacity: 1;
}
.work__item .signup-form .input-group .form-control:focus, .work__item .signup-form .input-group .form-control:focus-visible {
  box-shadow: none;
}
.work__item .signup-form .input-group:not(:last-of-type) {
  margin-bottom: 12px;
}
.work__item .signup-form .btn-submit {
  width: 100%;
  border: none;
  background-color: var(--primary-color);
  color: var(--color-white);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.96px; */
  border-radius: 40px;
  background: #131823;
  padding: 16px;
  cursor: context-menu;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.work__item .work-flow {
  width: 100%;
  height: 100%;
}
.work__item .work-flow img,
.work__item .work-flow svg {
  width: 100%;
  height: 100%;
}
.work__item .user-area .user-item {
  gap: 10px;
  border-radius: 12px;
  border: 1px solid rgba(var(--color-black-rgb), 0.04);
  background: #f5f5f8;
  padding: 24px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.work__item .user-area .user-item:not(:last-of-type) {
  margin-bottom: 18px;
}
.work__item .user-area .user-item .user-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--color-white);
  color: #8f8f8f;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.work__item .user-area .user-item .user-icon i,
.work__item .user-area .user-item .user-icon svg {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.work__item .user-area .user-item .user-info .user-title {
  color: #8f8f8f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.84px; */
  margin-bottom: 8px;
}
.work__item .user-area .user-item .user-info p {
  color: #8f8f8f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.84px; */
}
.work__item .user-area .user-item:hover {
  border-color: rgba(var(--primary-color-2-rgb), 0.32);
}
.work__item .user-area .user-item:hover .user-icon {
  background-color: rgba(var(--primary-color-2-rgb), 0.32);
  color: var(--color-white);
}
.work__item .user-area .user-item:hover .user-icon i,
.work__item .user-area .user-item:hover .user-icon svg {
  color: var(--color-white);
}
.work__item .item-content {
  text-align: center;
}
.work__item .item-content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  /* letter-spacing: -1.44px; */
  margin-bottom: 14px;
}
.work__item .item-content p {
  color: #848484;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  /* letter-spacing: -0.96px; */
  max-width: 280px;
  margin-inline: auto;
}
.work__item:hover {
  border-color: rgba(var(--primary-color-2-rgb), 0.32);
}

.process.section {
  counter-reset: process-counter;
}
.process__item {
  text-align: center;
  gap: 60px;
}
@media only screen and (max-width: 767.98px) {
  .process__item {
    gap: 50px;
  }
}
.process__item .item-icon {
  width: 110px;
  height: 110px;
  border-radius: 100%;
  background-color: #f1f2ff;
  color: var(--color-black-2);
  margin-block-start: 24px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1199.98px) {
  .process__item .item-icon {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 767.98px) {
  .process__item .item-icon {
    width: 90px;
    height: 90px;
  }
}
.process__item .item-icon::after {
  inset: -24px;
  background-color: transparent;
  z-index: -2;
  border-radius: 100%;
  border: 2px solid rgba(var(--color-white-rgb), 0.13);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.process__item .item-icon::before {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  top: -24px;
  right: -24px;
  counter-increment: process-counter;
  content: counter(process-counter, decimal-leading-zero);
  background-color: #DC4D1B;
  color: var(--color-white);
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -0.4px; */
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 1199.98px) {
  .process__item .item-icon::before {
    width: 40px;
    height: 40px;
    top: -20px;
    right: -20px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .process__item .item-icon::before {
    width: 35px;
    height: 35px;
    top: -18px;
    right: -18px;
    font-size: 16px;
  }
}
.process__item .item-content .item-title {
  line-height: normal;
  /* letter-spacing: -0.48px; */
  margin-bottom: 10px;
}
.process__item .item-content p {
  color: rgba(var(--color-white-rgb), 0.75);
  font-size: 16px;
  font-weight: 500;
  line-height: 168.75%;
  /* letter-spacing: -0.32px; */
}
.process__item:hover .item-icon {
  color: #DC4D1B;
}
.process__item:hover .item-icon::after {
  background-color: rgba(71, 21, 1, 0.25);
  border-color: #DC4D1B;
}

.awesome-features.section {
  background-color: #0a0808;
}
.awesome-features__content {
  padding-inline: 65px;
}
@media only screen and (max-width: 1199.98px) {
  .awesome-features__content {
    padding-inline: 0px;
  }
}
@media only screen and (max-width: 767.98px) {
  .awesome-features__content {
    gap: 35px;
  }
}
.awesome-features__content .divider-line {
  width: 1px;
  height: 100%;
  opacity: 0.24;
  background: #d9d9d9;
}
.awesome-features__content .item-row {
  grid-template-columns: 1fr 1px 1fr;
  gap: 65px;
}
@media only screen and (max-width: 1199.98px) {
  .awesome-features__content .item-row {
    gap: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .awesome-features__content .item-row {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.awesome-features__content .item-row:last-of-type .awesome-features__item {
  padding-bottom: 65px;
}
@media only screen and (max-width: 1199.98px) {
  .awesome-features__content .item-row:last-of-type .awesome-features__item {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .awesome-features__content .item-row:last-of-type .awesome-features__item {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 767.98px) {
  .awesome-features__content .item-row:nth-of-type(even) .awesome-features__item:last-child {
    order: -1;
  }
}
.awesome-features__content .item-row:nth-of-type(even) .awesome-features__item .item-content {
  text-align: right;
}
.awesome-features__content .item-row:nth-of-type(even) .awesome-features__item .item-content:before {
  right: -65px;
  left: unset;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
@media only screen and (max-width: 1199.98px) {
  .awesome-features__content .item-row:nth-of-type(even) .awesome-features__item .item-content:before {
    right: -40px;
  }
}
.awesome-features__content .item-row:nth-of-type(even) .awesome-features__item .item-content .item-number {
  margin-left: auto;
}
.awesome-features__item {
  padding-top: 65px;
}
@media only screen and (max-width: 1199.98px) {
  .awesome-features__item {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .awesome-features__item {
    padding-top: 0px;
  }
  .awesome-features__content .item-row:nth-of-type(even) .awesome-features__item .item-content {
    text-align: left;
  }
  .awesome-features__content .item-row:nth-of-type(even) .awesome-features__item .item-content .item-number {
    margin-right: auto;
    margin-left:0;
  }
}
@media (max-width: 991.98px) {
    #solutionTabs, .hr-software-bg #vtabNav {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    #solutionTabs .nav-item, #solutionTabs>.nav-link {
      flex-basis: 0;
      flex-grow: 1;
      text-align: center;
  }
  #solutionTabs .nav-link {
      min-width: 130px;
  }
}
.awesome-features__item .item-thumb {
  padding: 32px;
  overflow: hidden;
  border-radius: 32px;
  background: linear-gradient(180deg, rgba(115, 151, 233, 0.1) 0%, rgba(209, 215, 245, 0.1) 48.08%, rgba(239, 247, 251, 0.1) 100%);
}
@media only screen and (max-width: 991.98px) {
  .awesome-features__item .item-thumb {
    border-radius: 15px;
  }
}
.awesome-features__item .item-content::before {
  width: 20px;
  height: 25px;
  left: -65px;
  top: 12px;
  background-image: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media only screen and (max-width: 1199.98px) {
  .awesome-features__item .item-content::before {
    left: -40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .awesome-features__item .item-content::before {
    content: unset;
  }
  .pricing-3__btns{
    position: relative;
  }
  .pricing-3__btns img{
    position: absolute;
    right: 0;
    transform: rotate(10deg);
    height: 70px;
    top: 40px;
  }
  .pricing-3__item .item-body .item-features ul {
      gap: 15px;
  }
  .breadcrumb-area__wrapper{
    padding:70px 15px 15px 15px !important;
  }
}
ul.wp-block-list {
    margin: 15px 15px 15px 30px;
    padding-left: 0;
    list-style: none;
}

ul.wp-block-list li {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #a1a0a3;
    line-height: 1.3;
}

ul.wp-block-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.60em;
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
    transform: translateY(-50%);
}
.awesome-features__item .item-content .item-number {
  width: 46px;
  height: 46px;
  border-radius: 100%;
  background-image: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  margin-bottom: 22px;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  /* letter-spacing: -0.4px; */
}
.awesome-features__item .item-content .item-title {
  font-weight: 600;
  line-height: normal;
  /* letter-spacing: -0.64px; */
  margin-bottom: 28px;
}
.awesome-features__item .item-content p {
  color: #b5b5b5;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 161.111%;
  /* letter-spacing: -0.36px; */
  opacity: 1;
}

.contact__form-area .form-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  line-height: 76.19%;
  /* letter-spacing: -1.26px; */
  margin-bottom: 32px;
}
.contact__form-area p {
  color: #a1a0a3;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 155.556%;
  /* letter-spacing: -0.72px; */
  opacity: 1;
}
.contact__form {
  margin-top: 15px;
}
.contact__form .input-group .form-label {
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 155.556%;
  /* letter-spacing: -0.72px; */
  margin-bottom: 13px;
}
.contact__form .input-group input,
.contact__form .input-group textarea {
  width: 100% !important;
  border-radius: 10px !important;
  margin: 0 !important;
  border: 1px solid rgba(var(--color-white-rgb), 0.2);
  color: rgba(var(--color-white-rgb), 0.62);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  /* letter-spacing: -0.64px; */
  padding: 15px 24px;
  background-color: transparent;
}
.contact__form .input-group input::placeholder,
.contact__form .input-group textarea::placeholder {
  color: rgba(var(--color-white-rgb), 0.62);
  opacity: 1;
}
.contact__form .button-area {
  margin-top: 32px;
}
.contact__info {
  padding: 42px 32px 32px;
  border-radius: 42px;
  background: #0c0d0d;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .contact__info {
    padding: 20px;
    border-radius: 20px;
  }
}
.contact__info .info-list {
  margin-bottom: 32px;
}
.contact__info .info-list .info-item {
  border-bottom: 0.5px solid rgba(var(--color-white-rgb), 0.16);
  padding-bottom: 20px;
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-list .info-item {
    padding-bottom: 12px;
  }
}
.contact__info .info-list .info-item:not(:first-of-type) {
  padding-top: 20px;
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-list .info-item:not(:first-of-type) {
    padding-top: 12px;
  }
}
.contact__info .info-item {
  gap: 18px;
}
.contact__info .info-item .item-icon {
  width: 50px;
  height: 50px;
  border: 0.5px solid rgba(var(--color-white-rgb), 0.16);
  border-radius: 100%;
  overflow: hidden;
  font-size: 19px;
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-item .item-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
.contact__info .info-item .item-content .item-title {
  color: rgba(var(--color-white-rgb), 0.73);
  font-family: "Urbanist", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  /* letter-spacing: -0.48px; */
  margin-bottom: 5px;
}
.contact__info .info-item .item-content a {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 133.333%;
  /* letter-spacing: -0.72px; */
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-item .item-content a {
    font-size: 19px;
  }
}
.contact__info .info-thumb {
  border-radius: 22px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-thumb {
    border-radius: 10px;
  }
}
.contact__map {
  width: 100%;
  height: 578px;
  z-index: 1;
}

.pagination-area__nav .pagination {
  gap: 10px;
}
@media only screen and (max-width: 767.98px) {
  .pagination-area__nav .pagination {
    gap: 6px;
  }
}
.pagination-area__nav .pagination .page-item {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pagination-area__nav .pagination .page-item:first-of-type {
  margin-right: 14px;
}
@media only screen and (max-width: 767.98px) {
  .pagination-area__nav .pagination .page-item:first-of-type {
    margin-right: 8px;
  }
}
.pagination-area__nav .pagination .page-item:last-of-type {
  margin-left: 14px;
}
@media only screen and (max-width: 767.98px) {
  .pagination-area__nav .pagination .page-item:last-of-type {
    margin-left: 8px;
  }
}
.pagination-area__nav .pagination .page-item:first-of-type .page-link, .pagination-area__nav .pagination .page-item:last-of-type .page-link {
  z-index: 2;
}
.pagination-area__nav .pagination .page-item:first-of-type .page-link::before, .pagination-area__nav .pagination .page-item:last-of-type .page-link::before {
  z-index: -1;
  inset: 0;
  background-color: transparent;
  background: linear-gradient(180deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
  color: var(--color-black);
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.pagination-area__nav .pagination .page-item:first-of-type .page-link:hover, .pagination-area__nav .pagination .page-item:last-of-type .page-link:hover {
  border-color: transparent;
}
.pagination-area__nav .pagination .page-item:first-of-type .page-link:hover::before, .pagination-area__nav .pagination .page-item:last-of-type .page-link:hover::before {
  opacity: 1;
}
.pagination-area__nav .pagination .page-item .page-link {
  border-radius: 10px;
  border: 1px solid rgba(var(--color-white-rgb), 0.24);
  overflow: hidden;
  background-color: transparent;
  color: var(--color-white);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.48px; */
  padding: 16px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 767.98px) {
  .pagination-area__nav .pagination .page-item .page-link {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575.98px) {
  .pagination-area__nav .pagination .page-item .page-link {
    padding: 10px;
  }
}
.pagination-area__nav .pagination .page-item .page-link:hover {
  background-color: var(--color-white);
  color: var(--color-black);
  border-color: var(--color-white);
}
.pagination-area__nav .pagination .page-item.active .page-link {
  background-color: var(--color-white);
  color: var(--color-black);
  border-color: var(--color-white);
}

.appreciation__thumb {
  overflow: hidden;
  border-radius: 42px;
  margin-left: 22px;
}
@media only screen and (max-width: 1199.98px) {
  .appreciation__thumb {
    margin-left: 0;
  }
}
.appreciation__content {
  max-width: 660px;
  margin-right: 22px;
}
@media only screen and (max-width: 1199.98px) {
  .appreciation__content {
    margin-right: 0;
  }
}
.appreciation__content .section-header {
  margin-bottom: 50px;
}
.appreciation__content .section-header .section-title {
  max-width: 598px;
  margin-bottom: 32px;
}
.appreciation__content .section-header p {
  color: rgba(var(--color-white-rgb), 0.72);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  opacity: 1;
}
.appreciation__content .automation {
  border-radius: 12px;
  background: #0b0b0b;
  overflow: hidden;
  padding: 24px 32px;
  margin-bottom: 30px;
}
.appreciation__content .automation .automation-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  line-height: 108.333%;
  /* letter-spacing: -0.48px; */
  margin-bottom: 14px;
}
.appreciation__content .automation p {
  color: rgba(var(--color-white-rgb), 0.72);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  opacity: 1;
}
.appreciation__content .lead-management {
  overflow: hidden;
}
.appreciation__content .lead-management .lead-management-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  line-height: 108.333%;
  /* letter-spacing: -0.48px; */
  margin-bottom: 14px;
}
.appreciation__content .lead-management p {
  color: rgba(var(--color-white-rgb), 0.72);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  opacity: 1;
}
.appreciation__content .btn-customer {
  column-gap: 32px;
  row-gap: 20px;
  margin-top: 45px;
}
.appreciation__content .btn-customer .customer {
  gap: 16px;
}
.appreciation__content .btn-customer .customer .customer-avatars img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.appreciation__content .btn-customer .customer .customer-avatars img:not(:first-child) {
  margin-left: -18px;
}
.appreciation__content .btn-customer .customer .customer-info .total-customers {
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  line-height: 108.333%;
  letter-spacing: 1;
}
.appreciation__content .btn-customer .customer .customer-info p {
  color: rgba(var(--color-white-rgb), 0.72);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  opacity: 1;
}

.widget {
  border-radius: 24px;
  background: #0c0d0d;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
  overflow: hidden;
  padding: 42px;
  padding-block-start: 34px;
}
.widget:not(:last-of-type) {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1439.98px) {
  .widget {
    padding: 30px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .widget {
    padding: 25px;
  }
}
.widget .widget-title {
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -0.72px; */
  margin-bottom: 32px;
}
.widget__search .search-form .input-group .form-control {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.57px; */
  border: 1px solid rgba(var(--color-white-rgb), 0.14);
  background-color: transparent;
  border-radius: 8px 0 0 8px;
  padding: 17.5px 24px;
}
.widget__search .search-form .input-group .form-control::placeholder {
  color: #b7b7b7;
  opacity: 1;
}
.widget__search .search-form .input-group .form-control:focus, .widget__search .search-form .input-group .form-control:focus-visible, .widget__search .search-form .input-group .form-control:active {
  outline: none;
  box-shadow: none;
  border-color: rgba(var(--color-white-rgb), 0.14);
  color: var(--color-white);
  outline: 0;
}
.widget__search .search-form .input-group .input-group-text {
  border-radius: 0 8px 8px 0;
  background: linear-gradient(180deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
  border: none;
  min-width: 60px;
  font-size: 20px;
}
.widget__categories .categorie-list li {
  color: #b7b7b7;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.48px; */
  z-index: 2;
  border-radius: 10px;
  background: #151515;
  padding: 24px;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.widget__categories .categorie-list li:not(:last-of-type) {
  margin-bottom: 16px;
}
.widget__categories .categorie-list li::before {
  inset: 0;
  overflow: hidden;
  background: linear-gradient(90deg, #DC4D1B 0%, #E0DCDB 48.08%, #E0DCDB 100%);
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.widget__categories .categorie-list li:hover, .widget__categories .categorie-list li.active {
  background-color: transparent;
  font-weight: 600;
  color: #040a10;
}
.widget__categories .categorie-list li:hover::before, .widget__categories .categorie-list li.active::before {
  opacity: 1;
}
.widget__recent-posts .posts-list .post-item {
  gap: 10px;
  padding: 16px;
  border-radius: 16px;
  background: #151515;
}
.widget__recent-posts .posts-list .post-item:not(:last-of-type) {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1439.98px) {
  .widget__recent-posts .posts-list .post-item {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 991.98px) {
  .widget__recent-posts .posts-list .post-item {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen and (max-width: 575.98px) {
  .widget__recent-posts .posts-list .post-item {
    flex-direction: column;
    align-items: center;
  }
}
.widget__recent-posts .posts-list .post-item .item-thumb {
  border-radius: 8px;
  overflow: hidden;
  max-width: 88px;
}
@media only screen and (max-width: 1439.98px) {
  .widget__recent-posts .posts-list .post-item .item-content {
    text-align: center;
  }
}
@media only screen and (max-width: 991.98px) {
  .widget__recent-posts .posts-list .post-item .item-content {
    text-align: left;
  }
}
@media only screen and (max-width: 575.98px) {
  .widget__recent-posts .posts-list .post-item .item-content {
    text-align: center;
  }
}
.widget__recent-posts .posts-list .post-item .item-content .post-date {
  padding: 8px 14px;
  color: var(--color-white);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.36px; */
  border-radius: 60px;
  border: 1px solid rgba(var(--color-white-rgb), 0.11);
  margin-bottom: 8px;
}
.widget__recent-posts .posts-list .post-item .item-content .post-title {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -0.45px; */
}
.widget__tags .tags-group {
  column-gap: 12px;
  row-gap: 16px;
}
.widget__tags .tags-group .tag {
  color: var(--color-white);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.36px; */
  border-radius: 90px;
  background: #181818;
  padding: 12px 16px;
}
.widget__cta .cta-title {
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 109.524%;
  margin-bottom: 80px;
}
.widget__cta p {
  color: rgba(var(--color-white-rgb), 0.7);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 145.455%;
  opacity: 1;
  margin-bottom: 30px;
}

.error.section {
  min-height: 100vh;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: radial-gradient(ellipse at center, rgba(var(--primary-color-rgb), 0.05) 0%, transparent 70%);
}
.error.section::before {
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary-color-rgb), 0.15) 0%, rgba(var(--primary-color-2-rgb), 0.08) 50%, transparent 100%);
  top: -400px;
  left: -200px;
  z-index: -1;
  animation: morphOrb1 12s ease-in-out infinite;
}
@media only screen and (max-width: 767.98px) {
  .error.section::before {
    width: 500px;
    height: 500px;
    top: -250px;
  }
}
.error.section::after {
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--secondary-color-rgb), 0.12) 0%, rgba(var(--primary-color-rgb), 0.06) 50%, transparent 100%);
  bottom: -300px;
  right: -250px;
  z-index: -1;
  animation: morphOrb2 15s ease-in-out infinite;
}
@media only screen and (max-width: 767.98px) {
  .error.section::after {
    width: 450px;
    height: 450px;
    bottom: -200px;
  }
}
.error__content {
  max-width: 800px;
  margin-inline: auto;
  padding-inline: 20px;
  z-index: 2;
  animation: fadeInUp 0.8s ease-out;
}
.error-image {
  margin-bottom: -35px;
  animation: floatImage 6s ease-in-out infinite;
}
.error-image img {
  max-width: 600px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 60px rgba(var(--primary-color-rgb), 0.25));
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1439.98px) {
  .error-image img {
    max-width: 550px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .error-image img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 991.98px) {
  .error-image img {
    max-width: 450px;
  }
}
@media only screen and (max-width: 767.98px) {
  .error-image img {
    max-width: 400px;
  }
}
@media only screen and (max-width: 575.98px) {
  .error-image img {
    max-width: 100%;
  }
}
.error-image::before {
  width: 80%;
  height: 80%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(var(--primary-color-rgb), 0.3) 0%, rgba(var(--primary-color-2-rgb), 0.15) 50%, transparent 100%);
  filter: blur(40px);
  z-index: -1;
  animation: glowPulse 3s ease-in-out infinite;
}
.error-text {
  font-family: "Urbanist", sans-serif;
  font-size: 22px;
  line-height: 160%;
  /* letter-spacing: -0.5px; */
  color: var(--text-color-main);
  opacity: 0.75;
  margin-bottom: 50px;
  max-width: 600px;
  margin-inline: auto;
  animation: fadeIn 1s ease-out 0.3s both;
}
@media only screen and (max-width: 991.98px) {
  .error-text {
    font-size: 20px;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767.98px) {
  .error-text {
    font-size: 18px;
    margin-bottom: 40px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 575.98px) {
  .error-text {
    font-size: 16px;
    margin-bottom: 35px;
    max-width: 100%;
    line-height: 150%;
  }
}

.team-main__header .title {
  gap: 35px;
  font-family: "Urbanist", sans-serif;
  font-size: 140px;
  font-weight: 400;
  line-height: 110%;
}
@media only screen and (max-width: 1439.98px) {
  .team-main__header .title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .team-main__header .title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991.98px) {
  .team-main__header .title {
    font-size: 50px;
    gap: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-main__header .title {
    font-size: 40px;
  }
}
.team-main__header .title i,
.team-main__header .title svg {
  font-weight: 500;
}
.team-main__item .team-thumb {
  border-radius: 10px;
  overflow: hidden;
  user-select: none;
}
.team-main__item .team-thumb > img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.team-main__item .team-thumb .thumb-shape {
  top: 50%;
  left: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--primary-color);
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation-delay: 3s;
}
@media only screen and (max-width: 767.98px) {
  .team-main__item .team-thumb .thumb-shape svg {
    width: 150px;
  }
}
@media only screen and (max-width: 575.98px) {
  .team-main__item .team-thumb .thumb-shape svg {
    width: 223px;
  }
}
.team-main__item .team-thumb .social {
  gap: 10px;
  top: 0;
  right: 25px;
  height: 100%;
  padding: 25px 17px;
  background: rgba(var(--color-white-rgb), 0.24);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 767.98px) {
  .team-main__item .team-thumb .social {
    padding: 10px 8px;
    right: 15px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.team-main__item .team-thumb .social .social-title {
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
  text-orientation: mixed;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 400;
  line-height: 162.5%;
  letter-spacing: 5.44px;
}
@media only screen and (max-width: 767.98px) {
  .team-main__item .team-thumb .social .social-title {
    font-size: 12px;
  }
}
.team-main__item .team-thumb .social .line {
  height: 44px;
  width: 1px;
  background-color: var(--color-white);
}
.team-main__item .team-thumb .social ul {
  gap: 24px;
}
.team-main__item .team-thumb .social ul li:not(:last-of-type)::before {
  content: "";
  width: 4px;
  height: 4px;
  left: 50%;
  top: -12px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 100%;
  background-color: rgba(var(--color-white-rgb), 0.7);
}
.team-main__item .team-thumb .social ul li a {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(var(--color-white-rgb), 0.7);
  border-radius: 100%;
  color: rgba(var(--color-white-rgb), 0.7);
  font-size: 14px;
}
@media only screen and (max-width: 767.98px) {
  .team-main__item .team-thumb .social ul li a {
    width: 28px;
    height: 28px;
    font-size: 10px;
  }
}
.team-main__item .team-thumb .social ul li a:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--text-color-main);
}
.team-main__item .team-content .designation {
  font-size: 16px;
  font-weight: 400;
  line-height: 162.5%;
  /* letter-spacing: 0.32px; */
  margin-top: 15px;
}
@media only screen and (max-width: 767.98px) {
  .team-main__item .team-content .designation {
    margin-top: 10px;
  }
}
.team-main__item .team-content .title {
  font-weight: 500;
  line-height: 138.462%;
  margin-top: 5px;
}
.team-main__item .team-content .title a {
  color: inherit;
  font: inherit;
  line-height: inherit;
}
.team-main__item:hover .thumb-shape, .team-main__item.active .thumb-shape {
  animation: draw 2.5s ease forwards;
}
.team-main__item:hover .social, .team-main__item.active .social {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.team-details__wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 991.98px) {
  .team-details__wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.team-details__thumb {
  border-radius: 24px;
  overflow: hidden;
  height: max-content;
}
@media only screen and (min-width: 992px) {
  .team-details__content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .team-details__content {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1400px) {
  .team-details__content {
    padding-left: 75px;
  }
}
.team-details__content .section-header .section-title {
  text-align: left;
}
.team-details__content .section-header p {
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
  margin-top: 15px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .section-header p {
    margin-top: 10px;
  }
}
.team-details__content .user-infos {
  margin-top: 35px;
  border-bottom: 1px solid rgba(var(--text-color-main-rgb), 0.1);
  padding-bottom: 20px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-infos {
    margin-top: 20px;
  }
}
.team-details__content .user-infos ul li {
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
}
@media only screen and (max-width: 575.98px) {
  .team-details__content .user-infos ul li {
    font-size: 12px;
  }
}
.team-details__content .user-infos ul li span {
  width: 180px;
}
@media only screen and (max-width: 575.98px) {
  .team-details__content .user-infos ul li span {
    width: 115px;
  }
}
.team-details__content .user-infos ul li:not(:last-of-type) {
  margin-bottom: 18px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-infos ul li:not(:last-of-type) {
    margin-bottom: 12px;
  }
}
.team-details__content .social-media-infos {
  margin-top: 40px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .social-media-infos {
    margin-top: 25px;
  }
}
.team-details__content .social-media-infos span {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
  text-transform: uppercase;
}
.team-details__content .social-media-infos .social-media {
  margin-top: 15px;
}
.team-details__content .user-info {
  margin-top: 35px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info {
    margin-top: 25px;
  }
}
.team-details__content .user-info .title {
  gap: 6px;
  font-weight: 500;
  line-height: 138.462%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info .title {
    margin-bottom: 15px;
  }
}
.team-details__content .user-info .title i,
.team-details__content .user-info .title svg {
  font-size: 16px;
  line-height: 138.462%;
}
.team-details__content .user-info.experience p {
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
}
.team-details__content .user-info.skills .skill-item {
  margin-bottom: 30px;
  opacity: 0;
  transform: translateX(-50px);
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info.skills .skill-item {
    margin-bottom: 20px;
  }
}
.team-details__content .user-info.skills .skill-item .skill-name {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
  margin-bottom: 6px;
  color: var(--color-white);
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info.skills .skill-item .skill-name {
    font-size: 14px;
  }
}
.team-details__content .user-info.skills .skill-item .progress-container {
  position: relative;
  height: 4px;
  background: rgba(var(--primary-color-2-rgb), 0.3);
  overflow: visible;
}
.team-details__content .user-info.skills .skill-item .progress-container .progress-bar {
  height: 100%;
  position: relative;
  overflow: hidden;
  width: 0%;
  background-color: var(--primary-color);
}
.team-details__content .user-info.skills .skill-item .progress-container .progress-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  animation: shimmer 2s infinite;
}
.team-details__content .user-info.skills .skill-item .progress-container .progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.2), transparent);
}
.team-details__content .user-info.skills .skill-item .progress-container .skill-percentage {
  bottom: calc(100% + 12px);
  right: 0;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  /* letter-spacing: 0.18px; */
  opacity: 0;
  z-index: 10;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info.skills .skill-item .progress-container .skill-percentage {
    font-size: 14px;
  }
}
.team-details__content .user-info.career {
  margin-top: 60px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info.career {
    margin-top: 35px;
  }
}
.team-details__content .user-info.career .career-item {
  gap: 15px;
}
.team-details__content .user-info.career .career-item:not(:last-of-type) {
  margin-bottom: 35px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info.career .career-item:not(:last-of-type) {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 575.98px) {
  .team-details__content .user-info.career .career-item {
    flex-direction: column;
    gap: 5px;
  }
}
.team-details__content .user-info.career .career-item .year {
  font-family: "Urbanist", sans-serif;
  font-weight: 400;
  line-height: 138.462%;
  width: 80px;
}
.team-details__content .user-info.career .career-item p {
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .user-info.career .career-item p {
    font-size: 16px;
  }
}
.team-details__content .contact-section {
  margin-top: 70px;
  background-color: #0c0d0d;
  border-radius: 20px;
  padding: 50px 60px 40px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .contact-section {
    margin-top: 50px;
    padding: 30px 40px 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-details__content .contact-section {
    margin-top: 50px;
    padding: 20px 30px;
  }
}
.team-details__content .contact-section .title {
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  line-height: 138.462%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .contact-section .title {
    margin-bottom: 15px;
  }
}
.team-details__content .contact-section p {
  max-width: 546px;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
}
.team-details__content .contact-section form {
  margin-top: 25px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .contact-section form {
    margin-top: 20px;
  }
}
.team-details__content .contact-section form .form-group {
  border-bottom: 1px solid rgba(var(--text-color-main-rgb), 0.14);
}
.team-details__content .contact-section form .form-group input,
.team-details__content .contact-section form .form-group textarea {
  border: none;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  /* letter-spacing: 0.18px; */
  background-color: transparent;
  color: var(--text-color-main);
  resize: none;
  padding-block: 10px;
}
.team-details__content .contact-section form .form-group input::placeholder,
.team-details__content .contact-section form .form-group textarea::placeholder {
  color: var(--text-color-main);
  opacity: 0.74;
}
.team-details__content .contact-section form .form-group input:focus, .team-details__content .contact-section form .form-group input:focus-visible,
.team-details__content .contact-section form .form-group textarea:focus,
.team-details__content .contact-section form .form-group textarea:focus-visible {
  outline: none;
}
.team-details__content .contact-section form .form-group:not(:first-of-type) input,
.team-details__content .contact-section form .form-group:not(:first-of-type) textarea {
  margin-top: 30px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .contact-section form .form-group:not(:first-of-type) input,
  .team-details__content .contact-section form .form-group:not(:first-of-type) textarea {
    margin-top: 20px;
  }
}
.team-details__content .contact-section form button {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background-color: var(--color-white);
  color: var(--color-black);
  border: none;
  margin-top: 30px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .contact-section form button {
    margin-top: 20px;
  }
}
.team-details__content .contact-section form button:hover {
  border-radius: 15px;
}

.social-media ul {
  gap: 14px;
}
.social-media ul li a {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
  color: var(--color-white);
  border-radius: 100%;
  font-size: 12px;
}
.social-media ul li a:hover {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--text-color-main);
}
.social-media.v3 ul li a {
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: var(--text-color-main);
  border: 1px solid rgba(var(--text-color-main-rgb), 0.1);
}
@media only screen and (max-width: 991.98px) {
  .social-media.v3 ul li a {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }
}
.social-media.v3 ul li a:hover {
  border-color: var(--color-black);
  color: var(--color-black);
}

.service-main.section {
  overflow: hidden;
  z-index: 1;
  background-color: #0f171d;
}
.service-main__item {
  padding: 1px;
  overflow: hidden;
  border-radius: 24px;
  height: 100%;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
}
.service-main__item::before {
  left: 0%;
  top: 0%;
  height: 100%;
  width: 100%;
  opacity: 1;
  background: linear-gradient(115deg, rgba(var(--color-white-rgb), 0.25) 11.62%, rgba(var(--color-white-rgb), 0) 50.7%, rgba(var(--color-white-rgb), 0.25) 92.88%);
  z-index: 1;
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
}
.service-main__item .service-box {
  height: 100%;
  padding: 32px 36px;
  overflow: hidden;
  background-color: var(--bg-color-2);
  border-radius: 24px;
  z-index: 1;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.service-main__item .service-box .item-title {
  gap: 15px;
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  line-height: 133.333%;
  /* letter-spacing: -1.2px; */
  margin-bottom: 10px;
}
.service-main__item .service-box p {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 137.5%;
  /* letter-spacing: -0.32px; */
  opacity: 0.7;
}
.service-main__item:hover {
  background: linear-gradient(115deg, rgba(var(--color-white-rgb), 0) 11.62%, rgba(var(--color-white-rgb), 0) 50.7%, rgba(var(--color-white-rgb), 0) 92.88%);
}
.service-main__item:hover::before {
  -webkit-animation: animate_border 6.5s linear infinite;
  animation: animate_border 6.5s linear infinite;
  opacity: 1;
  left: 50%;
  top: 50%;
  height: 269%;
  width: 115%;
}

.service-details.section {
  background-color: var(--bg-color-2);
}
.service-details__article h2.h2 {
  font-weight: 600;
  line-height: 114.286%;
  margin-bottom: 14px;
  font-family: "Urbanist", sans-serif;
}
@media only screen and (min-width: 992px) {
  .service-details__article h2.h2 {
    margin-bottom: 28px;
  }
}
.service-details__article p {
  margin-bottom: 24px;
  opacity: 0.75;
  font-family: "Urbanist", sans-serif;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article p {
    margin-bottom: 12px;
  }
}
.service-details__article p:has(+ img) {
  margin-bottom: 48px;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article p:has(+ img) {
    margin-bottom: 24px;
  }
}
.service-details__article .blog-thumb {
  overflow: hidden;
  border-radius: 20px;
}
.service-details__article .blog-thumb img {
  width: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.service-details__article .blog-thumb:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.service-details__article h4 {
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  line-height: 120.833%;
  margin-top: 60px;
  margin-bottom: 28px;
  font-family: "Urbanist", sans-serif;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article h4 {
    margin-top: 30px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  .service-details__article h4 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
.service-details__article .process-list {
  margin-bottom: 28px;
  margin-left: 30px;
  padding-left: 15px;
  font-family: "Urbanist", sans-serif;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article .process-list {
    margin-bottom: 14px;
  }
}
.service-details__article .process-list p {
  margin-bottom: 28px;
  font-family: "Urbanist", sans-serif;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article .process-list p {
    margin-bottom: 14px;
  }
}
.service-details__article .process-list li {
  color: rgba(var(--color-white-rgb), 0.8);
  font-family: "Urbanist", sans-serif;
  line-height: 1.5;
}
.service-details__article .process-list li::before {
  content: "\f111";
  left: -15px;
  font: var(--fa-font-sharp-solid);
  font-size: 5px;
  top: 10px;
}
.service-details__article .process-list li:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article .process-list li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.service-details__article-roadmap {
  margin: 60px 0;
  gap: 88px;
  border-top: 1.5px solid rgba(var(--color-white-rgb), 0.12);
  border-bottom: 1.5px solid rgba(var(--color-white-rgb), 0.12);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  font-family: "Urbanist", sans-serif;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article-roadmap {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 1199.98px) {
  .service-details__article-roadmap {
    gap: 30px;
  }
}
@media only screen and (max-width: 991.98px) {
  .service-details__article-roadmap {
    gap: 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .service-details__article-roadmap {
    gap: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .service-details__article-roadmap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.service-details__article-roadmap .roadmap__item {
  padding: 40px 0;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article-roadmap .roadmap__item {
    padding: 20px 0;
  }
}
.service-details__article-roadmap .roadmap__item:nth-child(1) .roadmap__icon {
  background-color: #e9f4fd;
}
.service-details__article-roadmap .roadmap__item:nth-child(1) .roadmap__icon svg {
  color: #0a83ec;
}
.service-details__article-roadmap .roadmap__item:nth-child(2) .roadmap__icon {
  background-color: #eeeefd;
}
.service-details__article-roadmap .roadmap__item:nth-child(2) .roadmap__icon svg {
  color: #433eed;
}
.service-details__article-roadmap .roadmap__item:nth-child(3) .roadmap__icon {
  background-color: #e6faf3;
}
.service-details__article-roadmap .roadmap__item:nth-child(3) .roadmap__icon svg {
  color: #00c881;
}
.service-details__article-roadmap .roadmap__item:hover .roadmap__icon svg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.service-details__article-roadmap .roadmap__icon {
  margin: 0 auto;
  margin-bottom: 32px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
@media only screen and (max-width: 991.98px) {
  .service-details__article-roadmap .roadmap__icon {
    margin-bottom: 16px;
  }
}
.service-details__article-roadmap .roadmap__icon svg {
  width: 25px;
  height: 24px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.service-details__article-roadmap .roadmap__content p {
  margin-bottom: 0;
  color: var(--color-white);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  opacity: 0.7;
}
.service-details__article-roadmap .roadmap__title {
  margin-bottom: 10px;
  color: var(--color-white);
  text-align: center;
  font-family: "Urbanist", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 158.333%;
}
@media only screen and (max-width: 1199.98px) {
  .service-details__article-roadmap .roadmap__title {
    line-height: 1;
  }
}
@media only screen and (max-width: 767.98px) {
  .service-details__article-roadmap .roadmap__title {
    margin-bottom: 5px;
  }
}
.service-details__blockquote {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .service-details__blockquote {
    padding: 10px;
  }
}
.service-details__blockquote-wrapper {
  padding: 24px;
  backdrop-filter: blur(5px);
}
@media only screen and (max-width: 767.98px) {
  .service-details__blockquote-wrapper {
    padding: 10px;
  }
}
.service-details__blockquote p {
  font-family: "Urbanist", sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 500;
  line-height: 157.143%;
  opacity: 0.75;
}
@media only screen and (max-width: 767.98px) {
  .service-details__blockquote p {
    font-size: 20px;
  }
}
.service-details__blockquote .quote-author {
  margin-top: 33px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 575.98px) {
  .service-details__blockquote .quote-author {
    flex-direction: column;
  }
}
.service-details__blockquote .author-info-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 575.98px) {
  .service-details__blockquote .author-info-container {
    flex-direction: column;
  }
}
.service-details__blockquote .author-avatar {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  -o-border-radius: 64px;
}
.service-details__blockquote .author-title {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.service-details__blockquote .author-designation {
  color: #c6c5fa;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 177.778%;
  margin-bottom: 0;
}
.service-details__blockquote .quote-icon {
  color: rgba(255, 255, 255, 0.75);
  text-align: right;
}

.choose-us.section {
  background-color: var(--bg-color-2);
}
.choose-us__thumb {
  border-radius: 35px;
  overflow: hidden;
}
.choose-us__thumb img {
  -webkit-filter: brightness(90%) contrast(110%) saturate(80%);
  filter: brightness(90%) contrast(110%) saturate(80%);
  min-height: 250px;
  object-fit: cover;
}
.choose-us__item .item-icon {
  background: #0c0d25;
  width: 100px;
  height: 100px;
  margin: 0 auto 32px;
  border-radius: 50%;
  border: 1px solid rgba(var(--color-white-rgb), 0.25);
}
@media only screen and (max-width: 767.98px) {
  .choose-us__item .item-icon {
    margin: 0 auto 16px;
  }
}
.choose-us__item .item-content .item-title {
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 6px;
}
.choose-us__item .item-content p {
  font-family: "Urbanist", sans-serif;
  opacity: 0.7;
}

.privacy-policy.section {
  background-color: var(--bg-color-1);
}
.privacy-policy .terms-title {
  margin-bottom: 15px;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  line-height: 150%;
  text-transform: capitalize;
}
@media only screen and (min-width: 1400px) {
  .privacy-policy .table-content {
    padding-left: 30px;
  }
}
.privacy-policy .table-content ul li:not(:last-child) {
  margin-bottom: 10px;
}
.privacy-policy .table-content ul li a {
  font-family: "Urbanist", sans-serif;
  font-size: 22px;
  line-height: 150%;
  transition: 0.3s;
  font-weight: 600;
}

.condition-content .terms-inner-desc {
  margin-top: 10px;
}
.condition-content .terms-desc {
  color: var(--text-color-main);
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 137.5%;
  /* letter-spacing: -0.32px; */
  opacity: 0.72;
  margin-top: 12px;
  margin-bottom: 10px;
}
.condition-content:not(:last-child) {
  margin-bottom: 30px;
}

.saaslyn-1-btn {
  z-index: 2;
  height: max-content;
  border-radius: 19px;
  opacity: 0.92;
color: #FFFFFF;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* letter-spacing: -0.36px; */
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);;
  overflow: hidden;
  padding: 22.5px 69px;
  border-radius: 19px;
  opacity: 0.92;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991.98px) {
  .saaslyn-1-btn {
    padding: 18px 50px;
  }
}
.saaslyn-1-btn::before {
  z-index: -1;
  inset: 0;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.saaslyn-1-btn:hover {
  background-color: transparent;
  color: var(--primary-text-color);
  border-radius: 12px;
  transform: skewX(-10deg);
}
.saaslyn-1-btn:hover::before {
  opacity: 1;
}
.saaslyn-1-btn.v2 {
  padding: 18.5px 24.5px;
}
@media only screen and (max-width: 991.98px) {
  .saaslyn-1-btn.v2 {
    padding: 15px 20px;
  }
}

.saaslyn-2-btn {
  z-index: 2;
  height: max-content;
  border-radius: 19px;
  opacity: 0.92;
  color: var(--text-color-main);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* letter-spacing: -0.36px; */
  background: transparent;
  overflow: hidden;
  padding: 18.5px 24.5px;
  border-radius: 19px;
  border: 1px solid rgba(var(--primary-color-rgb), 0.5);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991.98px) {
  .saaslyn-2-btn {
    padding: 15px 20px;
  }
}
.saaslyn-2-btn::before {
  z-index: -1;
  width: 150%;
  height: 150%;
  background: linear-gradient(273deg, var(--primary-color) 0.49%, var(--secondary-color) 48.33%, var(--third-color) 100%);
  -webkit-transform: scaleX(0) skewX(-45deg);
  -ms-transform: scaleX(0) skewX(-45deg);
  transform: scaleX(0) skewX(-45deg);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.saaslyn-2-btn:hover {
  color: var(--primary-text-color);
}
.saaslyn-2-btn:hover::before {
  -webkit-transform: scaleX(1) skewX(-45deg);
  -ms-transform: scaleX(1) skewX(-45deg);
  transform: scaleX(1) skewX(-45deg);
}

.saaslyn-3-btn {
  z-index: 2;
  width: max-content;
  height: max-content;
  border-radius: 40.881px;
  overflow: hidden;
  padding: 18px 42px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* letter-spacing: -1.08px; */
  background-color: var(--primary-color);
  color: var(--color-white);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
@media only screen and (max-width: 991.98px) {
  .saaslyn-3-btn {
    padding: 15px 30px;
  }
}
.saaslyn-3-btn::before {
  z-index: -1;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(var(--color-white-rgb), 0.58);
  filter: blur(17px);
  left: -19px;
  top: -40px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-3-btn:hover::before {
  left: calc(100% - 49px);
  top: calc(100% - 40px);
}
.saaslyn-3-btn.v2 {
  background-color: transparent;
  border: 1px solid rgba(70, 66, 252, 0.24);
  color: var(--color-black);
}
.saaslyn-3-btn.v2::before {
  background-color: rgba(70, 66, 252, 0.32);
}

.saaslyn-4-btn {
  border: 1px solid transparent;
  gap: 10px;
  height: max-content;
  width: max-content;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.32px; */
  border-radius: 74px;
  background: #202020;
  padding: 16px 32px;
  z-index: 2;
  overflow: hidden;
}
.saaslyn-4-btn::before {
  z-index: -1;
  inset: 0;
  opacity: 0;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-4-btn:hover::before,
.saaslyn-4-btn .active::before {
  opacity: 1;
}
.saaslyn-4-btn.v2 {
  border-color: rgba(255, 255, 255, 0.29);
}
.saaslyn-4-btn.v2::before {
  opacity: 1;
}
.saaslyn-4-btn.v2:hover::before,
.saaslyn-4-btn.v2 .active::before {
  opacity: 0;
}
.saaslyn-4-btn.v3 {
  background-color: #494953;
}
.saaslyn-4-btn.v3:hover::before, .saaslyn-4-btn.v3.active::before {
  opacity: 1;
}

.saaslyn-5-btn {
  display: flex;
  padding: 12px 17px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 74px;
  background: rgba(var(--color-white-rgb), 0.08);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -0.32px; */
  overflow: hidden;
}
.saaslyn-5-btn:not(.v2)::before {
  z-index: -1;
  inset: 0;
  opacity: 0;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-5-btn:not(.v2):hover::before {
  opacity: 1;
}
.saaslyn-5-btn.v2 {
  z-index: 2;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-5-btn.v2::before {
  z-index: -1;
  inset: 0;
  opacity: 0;
  background: linear-gradient(135deg, #adbbfe 0%, #4642fc 100%);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-5-btn.v2:hover {
  background-color: transparent;
}
.saaslyn-5-btn.v2:hover::before {
  opacity: 1;
}

.saaslyn-6-btn {
  z-index: 2;
  width: max-content;
  height: max-content;
  border-radius: 10px;
  color: #FFF;
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  /* letter-spacing: -0.9px; */
  padding: 24px;
  white-space: nowrap;
  border: none;
  outline: none;
  background: linear-gradient(273deg, #DC4D1B 0%, #CE5C33 52%, #B7390D 100%);
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-6-btn::before {
  z-index: -1;
  inset: 0;
  background: linear-gradient(273deg, #DC4D1B 0%, #812d0e 52%, #B7390D 100%);
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.saaslyn-6-btn:hover {
  background-color: transparent;
}
.saaslyn-6-btn:hover::before {
  opacity: 1;
}

/*-----------------------------------------------------
  BackToTop CSS
-----------------------------------------------------*/
.progress-wrap {
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  border-radius: 50px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
}
.progress-wrap::after {
  content: "\f062";
  font: var(--fa-font-solid);
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--color-white);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  z-index: 1;
  border-radius: 50px;
  transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
}
.progress-wrap svg path {
  fill: var(--primary-color);
}
.progress-wrap svg.progress-circle path {
  fill: var(--color-1);
  stroke: var(--primary-color);
  stroke-width: 5;
  box-sizing: border-box;
  transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.linear {
  transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
}

.text-initial {
  text-transform: initial;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.d-grid {
  display: grid !important;
}

@media only screen and (min-width: 576px) {
  .d-sm-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

@media only screen and (min-width: 768px) {
  .d-md-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

@media only screen and (min-width: 992px) {
  .d-lg-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

@media only screen and (min-width: 1024px) {
  .d-mlg-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

@media only screen and (min-width: 1200px) {
  .d-xl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

@media only screen and (min-width: 1600px) {
  .d-xxxl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

@media only screen and (min-width: 1700px) {
  .d-xxxxl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

@media only screen and (min-width: 1800px) {
  .d-5xl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
}

.saaslyn_screenfix_right {
  margin-right: calc((-100vw + 100%) / 2);
}

.saaslyn_screenfix_left {
  margin-left: calc((-100vw + 100%) / 2);
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*=======> utility classes start here <=======*/
.login.section {
  background-color: var(--bg-color-1);
}
.login__form-wrap {
  border-radius: 24px;
  border: 1px solid rgba(var(--color-white-rgb), 0.25);
  background: var(--bg-color-2);
  padding: 40px;
  max-width: 731px;
  margin-inline: auto;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .login__form-wrap {
    padding: 25px;
  }
}
.login__form-wrap .common-form-box .form-title {
  font-weight: 600;
  line-height: 120.833%;
  font-family: "Urbanist", sans-serif;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(var(--color-white-rgb), 0.1);
}
@media only screen and (max-width: 767.98px) {
  .login__form-wrap .common-form-box .form-title {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
}
.login__form-wrap .common-form-box .input-group label {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 6px;
}
.login__form-wrap .common-form-box .input-group input,
.login__form-wrap .common-form-box .input-group textarea {
  width: 100%;
  background: #0e0f23;
  border-radius: 8px !important;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
  padding: 12px 20px;
  transition: border-color 0.3s ease;
}
.login__form-wrap .common-form-box .input-group input::placeholder,
.login__form-wrap .common-form-box .input-group textarea::placeholder {
  color: rgba(var(--color-white-rgb), 0.5);
  font-size: 18px;
}
.login__form-wrap .common-form-box .input-group input:focus,
.login__form-wrap .common-form-box .input-group textarea:focus {
  border-color: var(--primary-color);
  outline: none;
}
.login__form-wrap .common-form-box .form-info-wrap button {
  font-size: 20px;
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  padding: 18px 60px;
}
@media only screen and (max-width: 991.98px) {
  .login__form-wrap .common-form-box .form-info-wrap button {
    padding: 15px 45px;
  }
}
.login__form-wrap .common-form-box .form-info-wrap p {
  font-family: "Urbanist", sans-serif;
}
.login__form-wrap .common-form-box .form-info-wrap p:has(> span, > a) {
  color: rgba(var(--color-white-rgb), 0.5);
}
.login__form-wrap .common-form-box .form-info-wrap p span {
  color: var(--color-white);
}
.login__form-wrap .common-form-box .form-info-wrap p a {
  color: var(--primary-color);
}

.sign-up.section {
  background-color: var(--bg-color-1);
}
.sign-up__form-wrap {
  border-radius: 24px;
  border: 1px solid rgba(var(--color-white-rgb), 0.25);
  background: var(--bg-color-2);
  padding: 40px;
  max-width: 731px;
  margin-inline: auto;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .sign-up__form-wrap {
    padding: 25px;
  }
}
.sign-up__form-wrap .common-form-box .form-title {
  font-weight: 600;
  line-height: 120.833%;
  font-family: "Urbanist", sans-serif;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(var(--color-white-rgb), 0.1);
}
@media only screen and (max-width: 767.98px) {
  .sign-up__form-wrap .common-form-box .form-title {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
}
.sign-up__form-wrap .common-form-box .input-group label {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 6px;
}
.sign-up__form-wrap .common-form-box .input-group input,
.sign-up__form-wrap .common-form-box .input-group textarea {
  width: 100%;
  background: #0e0f23;
  border-radius: 8px !important;
  border: 1px solid rgba(var(--color-white-rgb), 0.1);
  padding: 12px 20px;
  transition: border-color 0.3s ease;
}
.sign-up__form-wrap .common-form-box .input-group input::placeholder,
.sign-up__form-wrap .common-form-box .input-group textarea::placeholder {
  color: rgba(var(--color-white-rgb), 0.5);
  font-size: 18px;
}
.sign-up__form-wrap .common-form-box .input-group input:focus,
.sign-up__form-wrap .common-form-box .input-group textarea:focus {
  border-color: var(--primary-color);
  outline: none;
}
.sign-up__form-wrap .common-form-box .form-info-wrap .check-group {
  margin: 0px 0 40px;
}
.sign-up__form-wrap .common-form-box .form-info-wrap .check-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.sign-up__form-wrap .common-form-box .form-info-wrap .check-group label {
  position: relative;
  cursor: pointer;
  line-height: 1.2;
  color: rgba(var(--color-white-rgb), 0.7);
}
.sign-up__form-wrap .common-form-box .form-info-wrap .check-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1.5px solid rgba(var(--color-white-rgb), 0.5);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 6px;
}
.sign-up__form-wrap .common-form-box .form-info-wrap .check-group label a {
  color: var(--color-white);
  border-bottom: 1px solid;
  text-transform: capitalize;
}
.sign-up__form-wrap .common-form-box .form-info-wrap button {
  font-size: 20px;
  font-family: "Urbanist", sans-serif;
  font-weight: 600;
  padding: 18px 60px;
}
@media only screen and (max-width: 991.98px) {
  .sign-up__form-wrap .common-form-box .form-info-wrap button {
    padding: 15px 45px;
  }
}
.sign-up__form-wrap .common-form-box .form-info-wrap p {
  font-family: "Urbanist", sans-serif;
}
.sign-up__form-wrap .common-form-box .form-info-wrap p:has(> span, > a) {
  color: rgba(var(--color-white-rgb), 0.7);
}
.sign-up__form-wrap .common-form-box .form-info-wrap p.or {
  color: rgba(var(--color-white-rgb), 0.7);
}
.sign-up__form-wrap .common-form-box .form-info-wrap p span {
  color: var(--color-white);
}
.sign-up__form-wrap .common-form-box .form-info-wrap p a {
  color: var(--primary-color);
}

/*# sourceMappingURL=style.css.map */



.hx-hero .section-title.text-anime {
  white-space: nowrap;
  font-size: clamp(16px, 2.6vw, 56px);
}

@media (max-width: 767px) {
  .hx-hero .section-title.text-anime {
    white-space: normal; /* mobile-il wrap aavatte */
    font-size: clamp(28px, 6vw, 40px);
  }
}