/*! 
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: #7397e9;
  --primary-color-rgb: 115, 151, 233;
  --primary-color-2: #4642fc;
  --primary-color-2-rgb: 70, 66, 252;
  --secondary-color: #d1d7f5;
  --secondary-color-rgb: 209, 215, 245;
  --secondary-color-2: #030303;
  --secondary-color-2-rgb: 3, 3, 3;
  --third-color: #eff7fb;
  --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: 82px;
}
@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: 47px;
  }
}
.home-one h2 {
  font-size: 62px;
}
@media only screen and (max-width: 1199.98px) {
  .home-one h2 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 991.98px) {
  .home-one h2 {
    font-size: 47px;
  }
}
@media only screen and (max-width: 767.98px) {
  .home-one h2 {
    font-size: 42px;
  }
}
.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-2) transparent var(--primary-color-2);
  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: var(--bg-color-2);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.36px;
  border-radius: 60px;
  background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 48.08%, var(--third-color) 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-2);
  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-2);
}
.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: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 991.98px) {
  .section-padding-top-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.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;
}
@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: 75vh;
  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-block: 200px 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: 144.444%;
  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: #7397e9;
  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: #7397e9;
  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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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-2);
}
@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-2);
}
.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: 200px;
}
@media only screen and (max-width: 991.98px) {
  .banner-three.section {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-three.section {
    padding-top: 120px;
  }
}
.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: 420px;
  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: 317px;
  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: 570px;
  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: 500px;
  }
}
@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: 265px;
  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: 700px;
  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: 60px 70px;
  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(3, minmax(0, 1fr));
  margin-bottom: 55px;
  gap: 25px;
}
@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;
}

.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(135deg, #4642fc 0%, #adbbfe 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, #7397e9 2.27%, #d1d7f5 50.35%, #eff7fb 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(135deg, #4642fc 0%, #adbbfe 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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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-2);
  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;
}
@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(135deg, #4642fc 0%, #adbbfe 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(135deg, #4642fc 0%, #adbbfe 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: var(--color-white);
  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-color: #ffa4e7;
  border-color: #ffa4e7;
  color: var(--bg-color-2);
}
.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-2);
  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(135deg, #4642fc 0%, #adbbfe 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: #527af4;
  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: #6a48ed;
}
.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-block: 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;
}
@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;
}
@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: 16px;
}
@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: 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 .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;
}

.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;
}
@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;
  }
}
@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-2);
  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(135deg, #4642fc 0%, #adbbfe 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: 12%;
  top: 30%;
  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: 12%;
  top: 30%;
  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: #0f1313;
  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.14;
  background: #527af4;
  filter: blur(40px);
}
.brand-3__item img {
  opacity: 0.6;
  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-2);
  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-2);
  border-color: var(--primary-color-2);
  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: 155px;
  height: 155px;
  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: 140px;
    height: 140px;
  }
}
@media only screen and (max-width: 767.98px) {
  .process__item .item-icon {
    width: 120px;
    height: 120px;
  }
}
.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: #716eff;
  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: #716eff;
}
.process__item:hover .item-icon::after {
  background-color: rgba(112, 110, 255, 0.25);
  border-color: #716eff;
}

.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__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: 0;
  background-image: linear-gradient(135deg, #4642fc 0%, #adbbfe 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;
  }
}
.awesome-features__item .item-content .item-number {
  width: 46px;
  height: 46px;
  border-radius: 100%;
  background-image: linear-gradient(135deg, #4642fc 0%, #adbbfe 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: 45px;
}
.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: 32px;
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-list .info-item {
    padding-bottom: 20px;
  }
}
.contact__info .info-list .info-item:not(:first-of-type) {
  padding-top: 32px;
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-list .info-item:not(:first-of-type) {
    padding-top: 20px;
  }
}
.contact__info .info-item {
  gap: 18px;
}
.contact__info .info-item .item-icon {
  width: 76px;
  height: 76px;
  border: 0.5px solid rgba(var(--color-white-rgb), 0.16);
  border-radius: 100%;
  overflow: hidden;
  font-size: 35px;
}
@media only screen and (max-width: 767.98px) {
  .contact__info .info-item .item-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
.contact__info .info-item .item-content .item-title {
  color: rgba(var(--color-white-rgb), 0.73);
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.48px;
  margin-bottom: 10px;
}
.contact__info .info-item .item-content a {
  color: var(--color-white);
  font-family: "Urbanist", sans-serif;
  font-size: 24px;
  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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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-2);
  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-2);
}
.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: var(--primary-text-color);
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.36px;
  background: linear-gradient(93deg, var(--primary-color) 0.49%, var(--secondary-color) 48.33%, var(--third-color) 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, 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;
}
.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-2);
  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(135deg, #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;
}
.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(135deg, #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;
}
.saaslyn-5-btn:not(.v2):hover::before {
  opacity: 1;
}
.saaslyn-5-btn.v2 {
  z-index: 2;
  background: linear-gradient(135deg, #4642fc 0%, #adbbfe 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: #080808;
  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(180deg, #7397e9 0%, #d1d7f5 48.08%, #eff7fb 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(180deg, #eff7fb 0%, #d1d7f5 51.92%, #7397e9 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-2);
}

.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-2);
}

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