@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
/*
< --- ============================== --->
              Google Fonts
< --- ============================== --- >
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
/*=====================****===================== */
/* browser prefix adding  */
/* @@@@@@@@@@@@@  Extend Property CSS start here  @@@@@@@@@@@@@@ */
.team-details__content .team-title, .team-details__content .team-title .tags, .team-details__content .team-title .tags a, .team-details__content .award__accordion .accordion-button, .team-details__content .award__accordion .accordion-body, .work-details__content .work-title, .work-details__content .work-title .tags, .work-details__content .work-title .tags a, .work-details__content .key-feature__accordion .accordion-button, .work-details__content .key-feature__accordion .accordion-body, .service-details__content .service-list ul li, .share-links .tags, .share-links .tags .tags-list, .share-links .share, .share-links .share .share-list, .blog-details__content blockquote, .blog-details__content blockquote cite, .blog-single .blog-single-author, .blog-single .blog-single-author .media-body .author-name, .blog-single .blog-single-author .social-share-list, .blog-single .post-pagination, .blog-single .post-pagination .post-pagi-box, .blog-single .comment-form .comment-respond .custom-checkbox, .post-comment, .post-comment .comment-avater, .post-comment .comment-content .content-header, .post-comment .comment-content .replay-btn, .error__content .title, .instagram2__info, .widget__search .search-form, .widget__categories .categories ul li a, .widget__recent-post .recent-post .post, .widget__tags .tags, .widget-services .service-items ul li a, .widget-contact .contact-list ul li, .service__shapes, .service2__info, .service-box .service-header, .service-box .service-footer, .service-box:hover .service-footer, .service-box.v2, .service-box.v2 .service-content .service-footer, .work__tabs .work-tab button, .work-masonry__filter, .work-box .work-content, .faq__accordion .accordion-item .accordion-body ul li, .skill-box .skill-header, .statistic__box, .statistic__box .content .counter-item, .statistic-box2 .counter-item, .quote-box .quote-footer .author, .music-player__player, .music-player__player .music-player, .music-player__player .music-player .music-controller, .music-player__player .music-player .volume-controller, .music-box, .music-box .music-content .music-heder, .music-box .music-content .music-heder .music-buy, .music-box .music-content .music-footer, .music-box .music-content .music-footer .music-controller, .music-box .music-content .music-footer .volume-controller, .team-box .social ul, .testimonial-slide, .testimonial-slide2, .blog-box .blog-content .blog-meta, .blog-box .blog-footer, .blog-box .blog-footer .blog-share, .blog-box .blog-footer .blog-share .share-list, .news-box .news-footer, .news-box .news-footer .total-views, .news-box2 .news-meta, .news-box2 .news-footer .read-more, .pricing-box .pricing-header, .pricing-box .pricing-header .header-info, .pricing2__boxes .pricing-box2-wrapper, .pricing-box2, .pricing-box2 .pricing-content .pricing-info li, .contact__content .contact-list li, .skills__tab-thumb, .stack-box.v1, .stack-box.v2 .box-top, .about__tab-content .notes-and-info .note .note-list li, .about__tab-content .notes-and-info .info, .about__tab-content .notes-and-info .info .info-content .avatars, .about2__content .analysis ul li, .about3__content .analysis ul li, .btn-primary .btn-wrapper, .footer__center.common .footer-info .contact-info, .footer__center.common .footer-info .contact-info .contact, .footer__center.common .footer-info .social-info, .footer__center.common .footer-info .social-info ul, .footer-three__top .footer-links ul, .footer-three__center .newsletter .newsletter-email, .footer-links ul, .footer-links ul li a, .footer-widgets .contact-info, .social-share ul, .hero-one.section, .hero-one__main, .hero-one__main .brands, .hero-one__slide, .hero-two__sidebar, .hero-two__slider .slide-container, .hero-three.section, .moblide-header, .moblide-header .header-right {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.btn-primary, .btn-primary .btn-wrapper span, .hero-two__content .hero-sub-title {
  display: inline-flex;
}

.blog-details__content blockquote, .instagram2__info, .service__shapes, .testimonial-slide2, .pricing-box .pricing-header .header-info, .footer__center.common .footer-info .contact-info .contact, .footer-links ul, .footer-widgets .contact-info, .hero-one.section, .hero-one__main, .hero-three.section {
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.footer-three__top .footer-links ul {
  flex-direction: row;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.blog-single .blog-single-author .media-img, .post-comment .comment-avater, .widget__recent-post .recent-post .post .post-thumb, .widget-contact .contact-list ul li svg,
.widget-contact .contact-list ul li i, .service-box .service-footer .circle, .work-box .work-content .work-link, .faq__accordion .accordion-item .accordion-header .accordion-button::after, .skill-box .skill-header .skill-icon, .statistic__box .icon-box, .quote-box .quote-footer .author .author-avatar, .music-player__player .play-btn, .music-player__player .music-player .volume-controller .music-velum, .music-player__player .music-player .volume-controller .voluom-track, .music-box .music-content .music-footer .play, .music-box .music-content .music-footer .music-velum, .music-box .music-content .music-footer .voluom-track, .testimonial2__navigation .testimonial2-next,
.testimonial2__navigation .testimonial2-prev, .testimonial-slide .author, .blog-main__pagination .pagination .page-item .page-link, .pricing-box .pricing-header .header-icon, .contact__content .contact-list li svg, .stack-box .box-thumb, .about__tabs .nav-item, .about__tab-content .notes-and-info .info .info-thumb, .footer__center.common .footer-info .social-info ul li, .social-share ul li a {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.footer-three__top .footer-links ul {
  flex-direction: row;
}

.team-details__content .team-title, .work-details__content .work-title, .blog-single .blog-single-author .media-body .author-name, .post-comment .comment-content .content-header, .widget__tags .tags, .work-masonry__filter, .blog-box .blog-footer, .hero-one__main .brands {
  flex-wrap: wrap;
}

.pricing2__boxes .pricing-box2-wrapper {
  flex-wrap: nowrap;
}

.hero-two__drag-button, .cursor {
  position: fixed;
}

.team-details__content .team-title .tags a, .work-details__content .work-title .tags a, .service-details__content .service-video, .blog-details__content blockquote cite, .blog-details__content blockquote cite::before, .blog-single .comment-form .comment-respond .custom-checkbox label, .error.section, .error__content .sub-title, .instagram2.section, .widget .widget-title, .widget-services .title, .service.section .container, .service2.section, .service2__info, .service2__info .info .sub-title, .work.section, .work-box .work-thumb, .work-box.v2 .work-thumb, .faq.section .section-header, .faq__thumb, .skill .skill-bar, .skill .skill-bar .skill-progress, .statistic-box2 .counter-item, .music-player__player .music-player .music-controller .music-length,
.music-player__player .music-player .music-controller .music-duration, .music.section, .music-box .music-content .music-footer .play, .music-box .music-content .music-footer .music-length,
.music-box .music-content .music-footer .music-duration, .portfolio-box, .portfolio-box .icon-box a, .team-box .team-thumb, .testimonial__thumb, .testimonial-slide2 .author .author-thumb, .blog-box .blog-content .blog-meta span, .news-box2 .news-meta a, .pricing.section, .pricing2.section, .pricing-box2 .pricing-content .price-box, .pricing-box2 .pricing-thumb, .video__player-wrapper, .stack-box.v1, .stack-box.v2, .about.section, .about__tabs .nav-item, .about__tabs .nav-item .nav-link[disabled], .about__tab-thumb, .about__tab-thumb img, .about2.section, .about2__content, .about2__thumb, .about3.section, .about3__content, .about3__main-content, .about3__thumb, .about3__thumb .thumb-1, .btn-primary, .btn-primary .btn-wrapper, .btn-primary .btn-wrapper span, .footer-three__top .container, .footer-three__center .newsletter .newsletter-checkbox label, .footer-widgets .widgets-title, .footer-widgets .instagram a, .hero-one.section, .hero-one__main, .hero-one__main .hero-shape, .hero-two.section, .hero-two__content, .hero-two__content .hero-sub-title, .hero-two__content .hero-sub-title::before, .hero-two__content .hero-sub-title::after, .main-menu > ul > li > a, .section-title .highlight-bottom-border {
  position: relative;
}

.team-details__content .team-title .tags a::before, .work-details__content .work-title .tags a::before, .service-details__content .service-video .play-btn, .blog-single .comment-form .comment-respond .custom-checkbox label::after, .error__content .sub-title::before, .error__content .sub-title::after, .instagram2.section::after, .instagram2__info, .widget .widget-title::after, .widget-services .title::before, .service__shape-1, .service2__bg, .service2__info .info .sub-title::after, .service2__info .info-bg, .work.section .circular-ball, .work.section .section-shape, .work-box .work-thumb .thumb-info, .work-box.v2 .work-thumb::before, .faq.section .section-header img, .faq__thumb .info, .skill .skill-bar .skill-progress .skill-count, .statistic-box2 .counter-item::before, .quote__slider .quote__pagination, .music-player__player .music-player .music-controller .music-length span,
.music-player__player .music-player .music-controller .music-duration span, .music__shape, .music-box .music-content .music-footer .play i, .music-box .music-content .music-footer .music-length span,
.music-box .music-content .music-footer .music-duration span, .portfolio-box .icon-box, .portfolio-box .content, .team-box .team-thumb::before, .testimonial.section .container::after, .testimonial__icon, .testimonial__thumb::after, .testimonial-slide2 .author .author-thumb::before, .blog-box .blog-content .blog-meta span:not(:last-of-type)::after, .pricing__icon, .pricing2__bg, .pricing2__arrow, .pricing2__ball, .pricing-box2 .pricing-content .price-box a, .pricing-box2 .pricing-thumb::before, .video__player-wrapper .popup-youtube, .stack-box.v1::before, .stack-box.v2 .shape, .about.section .shape-1, .about.section .shape-2, .about__tabs .nav-item:not(:last-of-type)::after, .about__tabs .nav-item .nav-link[disabled]::before, .about__tab-thumb .thumb-bg, .about__tab-thumb .thumb-bg::after, .about__tab-thumb .thumb-bg img, .about2__content .shape, .about2__thumb .thumb-2, .about3__content .shape, .about3__thumb .thumb-1::before, .about3__thumb .thumb-2, .btn-primary .btn-wrapper.v2::before, .btn-primary .btn-wrapper:not(.v2)::before, .btn-primary .btn-wrapper span i:nth-of-type(1), .btn-primary .btn-wrapper span i:nth-of-type(3), .footer-three__top .container::after, .footer-three__center .newsletter .newsletter-checkbox label::before, .footer-widgets .widgets-title::before, .footer-widgets .instagram a::before, .hero-one__main .hero-shape .circle-shape, .hero-one__main .hro-icon, .hero-one__main-thumb, .hero-two__shape1, .hero-two__shape2, .hero-two__shape3, .hero-two__sidebar, .hero-two__bottom-content, .section-title .highlight-bottom-border::after {
  position: absolute;
  content: "";
}

body {
  padding: 0;
  margin: 0;
}

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

body {
  font-weight: 400;
}

.section-sub-title, h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.error__content .title, .instagram2__info, .work-masonry__filter, .team-box .social ul, .btn-primary .btn-wrapper span, .hero-three.section {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.team-details__content .team-title, .work-details__content .work-title, .blog-single .post-pagination, .widget__categories .categories ul li a, .widget-services .service-items ul li a, .service-box .service-header, .work-box .work-content, .music-box .music-content .music-heder, .music-box .music-content .music-heder .music-buy, .music-box .music-content .music-footer, .testimonial-slide, .blog-box .blog-footer, .news-box .news-footer, .pricing-box .pricing-header, .pricing-box2, .about__tabs {
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.work__tabs, .footer-three__top .footer-links ul, .hero-one__main, .moblide-header, .moblide-header .header-right {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.blog-single .comment-form .comment-respond .custom-checkbox label::after, .service2__info .service2-video, .service-box .service-footer .circle, .service-box2 .icon, .work-box .work-thumb .thumb-info, .work-box .work-thumb .thumb-info .icon, .work-box .work-content .work-link, .faq__accordion .accordion-item .accordion-header .accordion-button::after, .skill-box .skill-header .skill-icon, .statistic__box .icon-box, .music-player__player .play-btn, .music-player__player .music-player .volume-controller .music-velum, .music-box .music-content .music-footer .music-velum, .portfolio-box .icon-box, .portfolio-box .icon-box a, .portfolio-box .icon-box a .icon-wrapper, .testimonial2__navigation .testimonial2-next,
.testimonial2__navigation .testimonial2-prev, .blog-main__pagination .pagination .page-item .page-link, .pricing-box .pricing-header .header-icon, .pricing2__brands-area .brands .img, .brands__slider .brand-slide, .video__player-wrapper .popup-youtube, .stack-box .box-thumb, .about__tab-content .notes-and-info .info .info-content .avatars img,
.about__tab-content .notes-and-info .info .info-content .avatars a, .footer__center.common .footer-info .social-info ul li a, .footer-three__center .newsletter .newsletter-checkbox label::before, .social-share ul li a, .hero-two__drag-button {
  place-content: center;
}

.music-box .music-content .music-heder, .stack-box.v1, .stack-box.v2 .box-top, .about__tab-content .notes-and-info .info {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.team-details__content .team-title, .team-details__content .team-title .tags, .team-details__content .award__accordion .accordion-button, .team-details__content .award__accordion .accordion-body, .work-details__content .work-title, .work-details__content .work-title .tags, .work-details__content .key-feature__accordion .accordion-button, .work-details__content .key-feature__accordion .accordion-body, .service-details__content .service-list ul li, .share-links .tags, .share-links .share, .blog-details__content blockquote cite, .blog-single .blog-single-author, .blog-single .blog-single-author .social-share-list, .blog-single .post-pagination, .blog-single .post-pagination .post-pagi-box, .blog-single .comment-form .comment-respond .custom-checkbox, .post-comment, .post-comment .comment-avater, .post-comment .comment-content .content-header, .post-comment .comment-content .replay-btn, .error__content .title, .instagram2__info, .widget__search .search-form, .widget__categories .categories ul li a, .widget__recent-post .recent-post .post, .widget__tags .tags, .widget-services .service-items ul li a, .widget-contact .contact-list ul li, .service2__info, .service-box .service-header, .service-box .service-footer, .service-box:hover .service-footer, .service-box.v2 .service-content .service-footer, .work__tabs .work-tab button, .work-masonry__filter, .work-box .work-content, .skill-box .skill-header, .statistic__box, .statistic__box .content .counter-item, .statistic-box2 .counter-item, .quote-box .quote-footer .author, .music-player__player, .music-player__player .music-player, .music-player__player .music-player .volume-controller, .music-box .music-content .music-heder .music-buy, .music-box .music-content .music-footer, .music-box .music-content .music-footer .volume-controller, .testimonial-slide2, .blog-box .blog-content .blog-meta, .blog-box .blog-footer, .blog-box .blog-footer .blog-share, .news-box .news-footer, .news-box .news-footer .total-views, .news-box2 .news-meta, .news-box2 .news-footer .read-more, .pricing-box2 .pricing-content .pricing-info li, .contact__content .contact-list li, .about__tab-content .notes-and-info .note .note-list li, .about2__content .analysis ul li, .about3__content .analysis ul li, .btn-primary .btn-wrapper, .btn-primary .btn-wrapper span, .footer__center.common .footer-info .contact-info, .footer__center.common .footer-info .social-info, .footer__center.common .footer-info .social-info ul, .footer-three__center .newsletter .newsletter-email, .social-share ul, .hero-one__slide, .hero-two__sidebar, .hero-two__content .hero-sub-title, .moblide-header, .moblide-header .header-right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-single .blog-single-author .media-body .author-name {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.faq__accordion .accordion-item .accordion-body ul li, .footer-links ul li a {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.service-details__content .service-video video, .blog-details__content .blog-thumbs .figure, .widget__follow-us .follow-us a, .service-box.v2 .service-thumb, .work__tabs .work-tab button .dot, .skill .title, .testimonial-slide2 .author .author-info .designation, .news-box .news-thumb, .news-box2 .news-thumb, .stack-box.v2 .shape, .footer-widgets .instagram a {
  display: -webkit-block;
  display: -ms-block;
  display: block;
}

.team-details__content .award__accordion .accordion-button span, .team-details__content .award__accordion .accordion-body span, .work-details__content .key-feature__accordion .accordion-button span, .work-details__content .key-feature__accordion .accordion-body span, .post-comment .comment-content .content-header .commented-on, .error__content .sub-title, .widget__recent-post .recent-post .post .post-content .post-date, .widget__tags .tags a, .service2__info .info .sub-title, .service-box .service-footer .line, .work-box .work-content .work-info .sub-title, .skill .skill-bar .skill-progress .skill-count, .statistic__box .content .info, .music-player__player .music-player .music-controller .music-length,
.music-player__player .music-player .music-controller .music-duration, .music-box .music-content .music-footer .music-length,
.music-box .music-content .music-footer .music-duration, .team-box .team-content .designation, .blog-box .blog-content .blog-meta span, .news-box .news-footer .dates, .stack-box .box-header .stack-year, .about__tab-content .notes-and-info .info .info-content span, .footer__center.common .footer-info .footer-logo, .footer__center.common .footer-info .contact-info .contact .open-time, .section-sub-title, .section-title .highlight {
  display: -webkit-inline-block;
  display: -ms-inline-block;
  display: inline-block;
}

.blog-single .comment-form .comment-respond .custom-checkbox label::after, .widget__follow-us .follow-us, .service2__info .service2-video, .service-box .service-footer .circle, .service-box2 .icon, .work-box .work-thumb .thumb-info, .work-box .work-thumb .thumb-info .icon, .work-box .work-content .work-link, .faq__accordion .accordion-item .accordion-header .accordion-button::after, .skill-box .skill-header .skill-icon, .statistic__box .icon-box, .music-player__player .play-btn, .music-player__player .music-player .volume-controller .music-velum, .music-box .music-content .music-footer .music-velum, .portfolio-box .icon-box, .portfolio-box .icon-box a, .portfolio-box .icon-box a .icon-wrapper, .testimonial2__navigation .testimonial2-next,
.testimonial2__navigation .testimonial2-prev, .blog-main__pagination .pagination .page-item .page-link, .pricing-box .pricing-header .header-icon, .pricing2__brands-area .brands, .pricing2__brands-area .brands .img, .brands__slider, .brands__slider .brand-slide, .video__player-wrapper .popup-youtube, .stack-box .box-thumb, .about__tab-content .notes-and-info .info .info-content .avatars img,
.about__tab-content .notes-and-info .info .info-content .avatars a, .footer__center.common .footer-info .social-info ul li a, .footer-three__center .newsletter .newsletter-checkbox label::before, .footer-widgets .instagram, .social-share ul li a, .hero-two__drag-button {
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.widget .widget-title, .statistic-box2 .counter-item, .testimonial-slide .author {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.music-player__player .music-player, .music-player__player .music-player .music-controller, .music-player__player .music-player .music-controller .music-track, .music-box .music-thumb, .music-box .music-content, .music-box .music-content .music-footer .music-track, .music-box .music-content .music-footer .music-controller, .brands__slider .brand-slide img, .hero-one__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.blog-single .post-pagination .post-pagi-box, .post-comment .comment-content .content-header .name, .post-comment .comment-content .content-header .commented-on, .post-comment .comment-content .replay-btn, .error__content .sub-title, .instagram2__info, .widget__recent-post .recent-post .post .post-content .post-date, .service2__info .info .sub-title, .service2__info .info .title, .blog-box .blog-content .blog-meta span, .footer-three__top .footer-links ul li a, .breadcrumb-title, .hero-two__sidebar, .hero-two__content .hero-sub-title, .hero-two__bottom-content, .hero-two__drag-button {
  text-transform: uppercase;
}

.service-details__content p, .service-details__content .service-title, .service-details__content .service-list ul li, .blog-details__content blockquote, .blog-details__content .blog-title-second, .blog-details .share-links .tags, .blog-single .blog-single-author .media-body .author-name, .blog-single .blog-single-author .media-body .author-name .designation, .blog-single .blog-single-author .media-body .author-text, .blog-single .blog-single-author .social-share-list, .blog-single .comments-wrap .blog-single-title, .blog-single .comment-form .comment-respond .form-header .form-title, .blog-single .comment-form .comment-respond .form-header .form-text, .blog-single .comment-form .comment-respond .form-control, .blog-single .comment-form .comment-respond .custom-checkbox, .post-comment .comment-content .text, .widget .widget-title, .widget__search .search-form input, .widget__categories .categories ul li a, .widget__recent-post .recent-post .post .post-content .post-title a, .widget__tags .tags a, .service-box2 .service-content .service-title, .service-box2 .service-content p, .blog-main__pagination .pagination .page-item .page-link, .blog-box .blog-content .blog-title, .blog-box .blog-content p, .skills__tab-content .info, .education__tab-content .info, .experience__tab-content .info, .stack-box .box-header .stack-title, .stack-box .box-header .stack-year, .stack-box .box-header p, .stack-box .box-bottom p, .hero-two__content .hero-title {
  text-transform: capitalize;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.error__content, .service-box2, .team-box .team-content, .btn-primary, .footer__bottom.common .copyright.v2, .hero-two__content, .hero-two__bottom-content {
  text-align: center;
}

.footer__bottom.common .payments {
  text-align: right;
}

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;
}

@media only screen and (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1260px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1260px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .container-xxl.header,
  .container-xl.header,
  .container-lg.header,
  .container-md.header,
  .container-sm.header,
  .container.header {
    max-width: 1644px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .container-xxl.container-testimonial,
  .container-xl.container-testimonial,
  .container-lg.container-testimonial,
  .container-md.container-testimonial,
  .container-sm.container-testimonial,
  .container.container-testimonial {
    max-width: 1464px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .container-xxl.hero-container,
  .container-xl.hero-container,
  .container-lg.hero-container,
  .container-md.hero-container,
  .container-sm.hero-container,
  .container.hero-container {
    max-width: 1670px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1400px) {
  .container-xxl.header-container, .container-xxl.hero-two-container,
  .container-xl.header-container,
  .container-xl.hero-two-container,
  .container-lg.header-container,
  .container-lg.hero-two-container,
  .container-md.header-container,
  .container-md.hero-two-container,
  .container-sm.header-container,
  .container-sm.hero-two-container,
  .container.header-container,
  .container.hero-two-container {
    max-width: 1544px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/**
 * 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: "Exo", serif; /* 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: "Exo", serif; /* 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.
 */
figure {
  margin: 0;
}

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;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
/**
 * Basic typography style for copy text
 */
html {
  overflow-x: hidden;
}

body {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.75;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  background: #0A0A14;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
@media only screen and (max-width: 575.98px) {
  body {
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0;
  font-family: "Bricolage Grotesque", sans-serif;
  color: #FFFFFF;
}

h1 {
  font-size: 90px;
}
@media only screen and (max-width: 1439.98px) {
  h1 {
    font-size: 85px;
  }
}
@media only screen and (max-width: 1199.98px) {
  h1 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767.98px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 575.98px) {
  h1 {
    font-size: 50px;
  }
}

h2 {
  font-size: 50px;
}
@media only screen and (max-width: 1439.98px) {
  h2 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1199.98px) {
  h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991.98px) {
  h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767.98px) {
  h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  h2 {
    font-size: 25px;
  }
}

h3 {
  font-size: 36px;
}
@media only screen and (max-width: 1439.98px) {
  h3 {
    font-size: 33px;
  }
}
@media only screen and (max-width: 1199.98px) {
  h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991.98px) {
  h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767.98px) {
  h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575.98px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 30px;
}
@media only screen and (max-width: 1439.98px) {
  h4 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1199.98px) {
  h4 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 991.98px) {
  h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767.98px) {
  h4 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 575.98px) {
  h4 {
    font-size: 22px;
  }
}

h5 {
  font-size: 26px;
}
@media only screen and (max-width: 1439.98px) {
  h5 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1199.98px) {
  h5 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991.98px) {
  h5 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 767.98px) {
  h5 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575.98px) {
  h5 {
    font-size: 21px;
  }
}

h6 {
  font-size: 24px;
}
@media only screen and (max-width: 1439.98px) {
  h6 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1199.98px) {
  h6 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991.98px) {
  h6 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 767.98px) {
  h6 {
    font-size: 22.5px;
  }
}
@media only screen and (max-width: 575.98px) {
  h6 {
    font-size: 22px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s;
}
a:hover, a:active, a:focus {
  color: inherit;
}

p {
  line-height: 1.75;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: #D0D0E1;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
/*
============= Custom Scroll Bar CSS ================
*/
body::-webkit-scrollbar {
  width: 0.3em;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
}

body::-webkit-scrollbar-thumb {
  background-color: #0A0A14;
  border-radius: 10px;
}

/*
============= Custom Scroll Bar CSS End ================
*/
/* Custom Cursor */
.cursor {
  pointer-events: none;
  height: 10px;
  width: 10px;
  background-color: #FFFFFF;
  border-radius: 50%;
  mix-blend-mode: exclusion;
  transition: transform 0.3s ease, opacity 0.4s ease;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.cursor-active {
  -webkit-transform: translate(-50%, -50%) scale(4);
  -ms-transform: translate(-50%, -50%) scale(4);
  transform: translate(-50%, -50%) scale(4);
  opacity: 0.1;
  cursor: pointer;
}

/* Custom Cursor End */
/*
============= odometer CSS START ================
*/
.odometer-inside {
  line-height: inherit;
}
.odometer-inside .odometer-inside {
  line-height: inherit;
}

/*
============= odometer CSS END ================
*/
/*
============= Section Header START ================
*/
.section-sub-title {
  color: #B017C9;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.54px;
}

.section-title {
  color: #FFFFFF;
}
@media only screen and (max-width: 767.98px) {
  .section-title {
    margin-top: 6px;
  }
}
.section-title .highlight {
  color: #B017C9;
}
.section-title .highlight-bottom-border::after {
  left: 0;
  right: 0;
  bottom: 7px;
  height: 3px;
  background-color: #B017C9;
}

/*
============= Section Header END ================
*/
/*
============= Stars css START ================
*/
/*
============= Stars css END ================
*/
@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes carve-rotate {
  to {
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
  }
}
@keyframes carve-rotate2 {
  to {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@keyframes forward-backward {
  from {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  to {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@keyframes up-down {
  from {
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }
  to {
    -webkit-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
  }
}
@keyframes scroll_x {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
.section-padding-top-bottom {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 767.98px) {
  .section-padding-top-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
@media only screen and (max-width: 991.98px) {
  .moblide-header {
    padding-block: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.moblide-header .vs-menu-toggle {
  width: auto;
  height: 50px;
  padding: 0;
  font-size: 24px;
  border: none;
  display: inline-block;
  background-color: transparent;
  color: #FFFFFF;
  border-radius: 5px;
}
.moblide-header .vs-menu-toggle:hover {
  color: #B017C9;
}
.moblide-header .header-right {
  gap: 10px;
}
@media only screen and (max-width: 767.98px) {
  .moblide-header .header-right {
    gap: 5px;
  }
}
.moblide-header .header-right .search-btn {
  color: #B017C9;
  background-color: #0A0A14;
  border: none;
  padding: 18.5px 26px;
  border-radius: 30px;
  box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1439.98px) {
  .moblide-header .header-right .search-btn {
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 1439.98px) {
  .moblide-header .header-right .btn-primary .btn-wrapper {
    padding-inline: 20px;
    line-height: 280%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .moblide-header .header-right .btn-primary .btn-wrapper {
    padding-inline: 25px;
    line-height: 300%;
  }
}

.header-sticky.sticky-active {
  background-color: rgba(10, 10, 20, 0.8) !important;
  backdrop-filter: blur(20px);
  box-shadow: 0 8px 20px rgba(46, 12, 106, 0.15);
}
.header-sticky.sticky-active .main-menu > ul > li > a {
  padding: 30px 0;
}
.header-sticky.sticky-active .main-menu > ul > li > a svg {
  bottom: 20px;
}
.header-sticky.sticky-active .main-menu ul.sub-menu,
.header-sticky.sticky-active .main-menu ul.mega-menu {
  top: 100%;
}

.main-menu {
  padding-left: 119px;
}
@media only screen and (max-width: 1439.98px) {
  .main-menu {
    padding-left: 80px;
  }
}
.main-menu a {
  display: block;
  position: relative;
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.48px;
  font-family: "Bricolage Grotesque", sans-serif;
}
@media only screen and (max-width: 1199.98px) {
  .main-menu a {
    font-size: 14px;
  }
}
.main-menu > ul > li {
  margin: 0 27px;
}
@media only screen and (max-width: 1439.98px) {
  .main-menu > ul > li {
    margin: 0 10px;
  }
}
@media only screen and (max-width: 991.98px) {
  .main-menu > ul > li {
    margin: 0 10px;
  }
}
.main-menu > ul > li > a {
  padding: 55px 0;
  color: #FFFFFF;
}
@media only screen and (max-width: 1199.98px) {
  .main-menu > ul > li > a {
    padding: 30px 0;
  }
}
.main-menu > ul > li > a svg {
  position: absolute;
  left: 50%;
  bottom: 45px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1199.98px) {
  .main-menu > ul > li > a svg {
    bottom: 20px;
  }
}
.main-menu > ul > li > a svg path {
  stroke: #B017C9;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 0.6s ease;
}
.main-menu > ul > li:hover > a, .main-menu > ul > li.active > a {
  color: #B017C9;
}
.main-menu > ul > li:hover svg path, .main-menu > ul > li.active svg path {
  stroke-dashoffset: 0; /* Show the stroke when hovering */
  transition: stroke-dashoffset 1s ease;
}
.main-menu ul {
  margin: 0;
  padding: 0;
}
.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.main-menu ul li.menu-item-has-children > a:after {
  content: "\f078";
  position: relative;
  font-family: "Font Awesome 6 Pro";
  margin-left: 5px;
  font-size: 0.8rem;
  display: none;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li:first-child {
  margin-left: 0;
}
.main-menu ul li:hover > ul.sub-menu, .main-menu ul li:hover > ul.mega-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  z-index: 9;
  top: 85%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
  position: absolute;
  text-align: left;
  top: 150%;
  left: 0;
  background-color: #1E1E2F;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  visibility: hidden;
  min-width: 190px;
  width: max-content;
  padding: 7px;
  left: -14px;
  margin-top: 0px;
  opacity: 0;
  z-index: -1;
  border-bottom: 3px solid #B017C9;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(140, 23, 102, 0.2);
  transform-origin: top center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.main-menu ul.sub-menu a,
.main-menu ul.mega-menu a {
  line-height: 30px;
  color: #D0D0E1;
}
.main-menu ul.sub-menu a:hover,
.main-menu ul.mega-menu a:hover {
  color: #B017C9;
}
.main-menu ul.sub-menu a:hover:not(.page-title),
.main-menu ul.mega-menu a:hover:not(.page-title) {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
}
.main-menu ul.sub-menu:hover li svg path,
.main-menu ul.mega-menu:hover li svg path {
  stroke-dashoffset: 0; /* Show the stroke when hovering */
  transition: stroke-dashoffset 1s ease;
}
.main-menu ul.sub-menu {
  padding: 18px 20px;
  left: -27px;
}
.main-menu ul.sub-menu:before {
  content: "";
  position: absolute;
  left: 34.5px;
  top: 30px;
  width: 1px;
  background-color: rgba(208, 208, 225, 0.2);
  height: calc(100% - 60px);
  opacity: 0;
  display: none;
}
.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 3px 0px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f105";
  float: right;
  top: 3px;
}
.main-menu ul.sub-menu li a {
  position: relative;
  padding-left: 0px;
}
.main-menu ul.sub-menu li a:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  margin: 0 10px 0 0;
  color: #17B9C9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}
.main-menu .mega-menu-wrap {
  position: static;
}
.main-menu ul.mega-menu {
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  max-width: 1300px;
  padding: 20px 15px 23px 15px;
  left: 50%;
  transform: translateX(-50%);
}
.main-menu ul.mega-menu .main-menu ul.mega-menu > li > ul > li > a {
  position: relative;
}
.main-menu ul.mega-menu li {
  display: block;
  width: 100%;
  padding: 0 15px;
}
.main-menu ul.mega-menu li li {
  padding: 4px 0;
}
.main-menu ul.mega-menu li a {
  display: inline-block;
}
.main-menu ul.mega-menu > li > a {
  display: block;
  padding: 0;
  padding-bottom: 15px;
  margin-bottom: 10px;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 700;
  color: #FFFFFF;
  border-color: #B017C9;
}
.main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 1px;
  background-color: #B017C9;
}
.main-menu ul.mega-menu > li > a::after {
  width: calc(100% - 20px);
  left: 20px;
}
.main-menu ul.mega-menu > li > a:hover {
  padding-left: 0;
  color: #17B9C9;
}
.main-menu ul.mega-menu > li > ul > li > a:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  margin: 0 10px 0 0;
  color: #17B9C9;
}

#navbars {
  position: fixed;
  top: 0;
  z-index: 20;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, #0A0A14, #1E1E2F);
  transition: all 0.15s ease;
}
#navbars .logo {
  max-width: 192px;
  width: 100%;
}
@media only screen and (max-width: 1199.98px) {
  #navbars .logo {
    max-width: 130px;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
.vs-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}
.vs-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: #1E1E2F;
}
.vs-menu-wrapper .mobile-logo img {
  max-width: 155px;
}
.vs-menu-wrapper .vs-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  z-index: 1;
  border-radius: 50%;
  background-color: #2E0C6A;
  color: #FFFFFF;
}
.vs-menu-wrapper .vs-menu-toggle:hover {
  background-color: #B017C9;
  color: #FFFFFF;
}
.vs-menu-wrapper .vs-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: #FFFFFF;
  border-right: 3px solid #B017C9;
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
  z-index: 1;
}
.vs-menu-wrapper.vs-body-visible {
  opacity: 1;
  visibility: visible;
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.vs-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}
.vs-mobile-menu .new-label {
  margin-left: 5px;
  text-transform: capitalize;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #17B9C9;
}
.vs-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}
.vs-mobile-menu ul li {
  border-bottom: 1px solid rgba(140, 23, 102, 0.2);
  list-style-type: none;
}
.vs-mobile-menu ul li li:first-child {
  border-top: 1px solid rgba(140, 23, 102, 0.2);
}
.vs-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1;
  font-size: 17px;
  text-transform: capitalize;
  color: #0A0A14;
  font-weight: 600;
}
.vs-mobile-menu ul li a:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  position: relative;
  left: 0;
  top: 0;
  margin-right: 10px;
  display: inline-block;
  color: #B017C9;
}
.vs-mobile-menu ul li a:hover {
  color: #17B9C9;
}
.vs-mobile-menu ul li.vs-active > a {
  color: #B017C9;
}
.vs-mobile-menu ul li.vs-active > a:before {
  transform: rotate(90deg);
}
.vs-mobile-menu ul li ul li {
  padding-left: 10px;
}
.vs-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: #1E1E2F;
  color: #FFFFFF;
  box-shadow: none;
  border-radius: 50%;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand:before {
  content: "\f067";
  font-family: "Font Awesome 6 Pro";
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand:before {
  content: "\f068";
}
.vs-mobile-menu ul .vs-item-has-children.vs-active .vs-mean-expand {
  background-color: #B017C9;
}
.vs-mobile-menu > ul {
  padding: 0 40px;
}
.vs-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.vs-menu-toggle {
  width: auto;
  height: 50px;
  padding: 0;
  font-size: 24px;
  border: none;
  display: inline-block;
  background-color: transparent;
  color: #FFFFFF;
  border-radius: 5px;
}
.vs-menu-toggle:hover {
  color: #B017C9;
}
.vs-menu-toggle.style2 {
  color: #1E1E2F;
}

@media (max-width: 400px) {
  .vs-menu-wrapper .vs-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .vs-mobile-menu > ul {
    padding: 0 20px;
  }
}
.breadcrumb.section {
  padding-block: 250px 185px;
  margin: 0;
  background: linear-gradient(180deg, #0A0A14, #1E1E2F);
}
@media only screen and (max-width: 1199.98px) {
  .breadcrumb.section {
    padding-block: 200px 130px;
    background-position: left;
  }
}
@media only screen and (max-width: 767.98px) {
  .breadcrumb.section {
    padding-block: 150px 100px;
    background-position: right center;
  }
}
.breadcrumb-title {
  font-size: 50px;
  color: #FFFFFF;
}
@media only screen and (max-width: 1439.98px) {
  .breadcrumb-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991.98px) {
  .breadcrumb-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767.98px) {
  .breadcrumb-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .breadcrumb-title {
    font-size: 25px;
  }
}
.breadcrumb-nav .breadcrumb li {
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}
.breadcrumb-nav .breadcrumb li a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.breadcrumb-nav .breadcrumb li a:hover {
  color: #B017C9;
}
.breadcrumb-nav .breadcrumb li.active {
  color: #B017C9;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
.hero-one.section {
  background: linear-gradient(180deg, #0A0A14, #1E1E2F);
}
.hero-one.section img {
  -webkit-user-drag: none;
}
@media only screen and (min-width: 768px) {
  .hero-one__main {
    min-height: 100vh;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-one__main {
    padding-top: 150px;
  }
}
.hero-one__main .container {
  height: 100%;
}
.hero-one__main .hero-shape .circle-shape {
  z-index: 10;
  top: -100px;
  right: 400px;
  filter: drop-shadow(0 0 15px rgba(176, 23, 201, 0.3));
}
@media only screen and (max-width: 1199.98px) {
  .hero-one__main .hero-shape .circle-shape {
    right: 150px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-one__main .hero-shape .circle-shape {
    display: none;
  }
}
.hero-one__main .hero-info {
  color: #FFFFFF;
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  margin-top: 30px;
}
@media only screen and (max-width: 1199.98px) {
  .hero-one__main .hero-info {
    margin-top: 20px;
  }
}
.hero-one__main .brands {
  margin-top: 40px;
  column-gap: 40px;
}
@media only screen and (max-width: 1199.98px) {
  .hero-one__main .brands {
    margin-top: 20px;
    column-gap: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-one__main .brands img {
    max-width: 100px;
  }
}
.hero-one__main .hro-icon {
  color: #B017C9;
  left: 0;
  bottom: 0;
}
.hero-one__main-thumb {
  right: 0;
  bottom: 0;
  text-align: right;
}
@media only screen and (max-width: 1599.98px) {
  .hero-one__main-thumb img {
    max-width: 80%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .hero-one__main-thumb {
    display: none;
  }
}
.hero-one__slider-area {
  padding-block: 25px;
  border-top: 1px solid rgba(208, 208, 225, 0.1);
}
@media only screen and (max-width: 1199.98px) {
  .hero-one__slider-area {
    padding-block: 20px;
  }
}
.hero-one__marquee-container {
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 24.5px 0;
  overflow: hidden;
}
.hero-one__marquee {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  animation: scroll_x linear infinite;
  animation-duration: 20s;
  justify-content: space-between;
}
.hero-one__marquee:hover {
  animation-play-state: paused;
}
.hero-one__slider {
  flex: 0 0 auto;
  display: flex;
  min-width: auto;
  flex-direction: row;
  align-items: center;
  gap: 50px;
}
.hero-one__slide {
  gap: 40px;
  height: 100%;
}
.hero-one__slide .text {
  color: #B017C9;
  text-transform: uppercase;
}
.hero-one__slide svg {
  color: #17B9C9;
}

.hero-two.section {
  padding-top: 172px;
  overflow: hidden;
  background: linear-gradient(180deg, #0A0A14, #1E1E2F);
}
.hero-two.section img {
  -webkit-user-drag: none;
}
.hero-two__shape1 {
  top: 120px;
  left: 0;
  animation: rotate 4.5s linear infinite;
  transform-origin: center center;
  filter: hue-rotate(280deg);
}
@media only screen and (max-width: 991.98px) {
  .hero-two__shape1 {
    display: none;
  }
}
.hero-two__shape2 {
  top: 150px;
  right: 0;
  animation: up-down 2.3s linear infinite alternate;
  filter: hue-rotate(280deg);
}
@media only screen and (max-width: 991.98px) {
  .hero-two__shape2 {
    display: none;
  }
}
.hero-two__shape3 {
  top: 0;
  right: -80px;
  transform-origin: center center;
  filter: hue-rotate(280deg);
}
@media only screen and (max-width: 1699.98px) {
  .hero-two__shape3 {
    right: 0px;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-two__shape3 {
    display: none;
  }
}
.hero-two__sidebar {
  gap: 38px;
  bottom: 88px;
  right: 58px;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 6.4px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}
@media only screen and (max-width: 1999.98px) {
  .hero-two__sidebar {
    right: 30px;
  }
}
@media only screen and (max-width: 1699.98px) {
  .hero-two__sidebar {
    display: none;
  }
}
.hero-two__content .hero-sub-title {
  gap: 12px;
  color: #B017C9;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  background-color: rgba(208, 208, 225, 0.15);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(45px);
  border-radius: 30px;
  padding: 15px;
}
@media only screen and (max-width: 991.98px) {
  .hero-two__content .hero-sub-title {
    gap: 10px;
    padding: 10px;
    border-radius: 20px;
    font-size: 15px;
  }
}
.hero-two__content .hero-sub-title::before, .hero-two__content .hero-sub-title::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #1E1E2F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
@media only screen and (max-width: 991.98px) {
  .hero-two__content .hero-sub-title::before, .hero-two__content .hero-sub-title::after {
    width: 8px;
    height: 8px;
  }
}
.hero-two__content .hero-title {
  color: #FFFFFF;
  font-weight: 700;
  max-width: 900px;
  margin-inline: auto;
  transition: none;
}
.hero-two__content .hero-title span {
  color: #B017C9;
}
@media only screen and (max-width: 1439.98px) {
  .hero-two__content .hero-title {
    margin-top: 15px;
  }
}
.hero-two__bottom-content {
  left: 50%;
  bottom: 35px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767.98px) {
  .hero-two__bottom-content {
    bottom: 15px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-two__bottom-content {
    bottom: 30px;
  }
}
.hero-two__bottom-content h2 {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 170px;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(
    184deg,
    rgba(46, 12, 106, 0.18) 19.41%,
    rgba(140, 23, 102, 0.2) 96.83%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1439.98px) {
  .hero-two__bottom-content h2 {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .hero-two__bottom-content h2 {
    font-size: 130px;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-two__bottom-content h2 {
    font-size: 110px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-two__bottom-content h2 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-two__bottom-content h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .hero-two__slider {
    cursor: none;
    user-select: none;
  }
}
@media only screen and (min-width: 992px) {
  .hero-two__slider .swiper-slide {
    cursor: none;
    user-select: none;
  }
}
.hero-two__slider .slide-container {
  gap: 50px;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 992px) {
  .hero-two__slider .slide-container {
    cursor: none;
    user-select: none;
  }
}
@media only screen and (max-width: 1439.98px) {
  .hero-two__slider .slide-container {
    gap: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-two__slider .slide-container {
    gap: 10px;
  }
}
.hero-two__slider .slide-container .slide-image {
  position: relative;
  overflow: hidden;
  transition: flex-basis 0.5s ease;
  min-height: 595px;
  border-radius: 15px;
}
@media only screen and (max-width: 1199.98px) {
  .hero-two__slider .slide-container .slide-image {
    min-height: 400px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-two__slider .slide-container .slide-image {
    min-height: 300px;
  }
}
@media only screen and (min-width: 992px) {
  .hero-two__slider .slide-container .slide-image {
    cursor: none;
    user-select: none;
  }
}
.hero-two__slider .slide-container .slide-image img {
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .hero-two__slider .slide-container .slide-image img {
    cursor: none;
    user-select: none;
  }
}
.hero-two__slider .slide-container .slide-image:not(.active) {
  flex-basis: calc(100% - (79.6% + 100px));
}
@media only screen and (max-width: 1439.98px) {
  .hero-two__slider .slide-container .slide-image:not(.active) {
    flex-basis: calc(100% - (79.6% + 30px));
  }
}
@media only screen and (max-width: 1439.98px) {
  .hero-two__slider .slide-container .slide-image:not(.active) {
    flex-basis: calc(100% - (75% + 30px));
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-two__slider .slide-container .slide-image:not(.active) {
    flex-basis: calc(100% - (75% + 10px));
  }
}
.hero-two__slider .slide-container .slide-image.active {
  flex-basis: 79.6%;
}
@media only screen and (max-width: 1439.98px) {
  .hero-two__slider .slide-container .slide-image.active {
    flex-basis: 75%;
  }
}
.hero-two__slider .slide-container .slide-image.active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(10, 10, 20, 0), rgba(46, 12, 106, 0.3));
  z-index: 1;
}
.hero-two__drag-button {
  z-index: 1000;
  opacity: 0;
  width: 148px;
  height: 148px;
  border-radius: 100%;
  background-color: rgba(46, 12, 106, 0.2);
  backdrop-filter: blur(45px);
  color: #FFFFFF;
  text-align: center;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 3.2px;
}
@media only screen and (max-width: 1199.98px) {
  .hero-two__drag-button {
    width: 100px;
    height: 100px;
    letter-spacing: 2.2px;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-two__drag-button {
    display: none;
  }
}

.hero-three.section {
  min-height: 100vh;
  background: linear-gradient(180deg, #0A0A14, #1E1E2F);
}
.hero-three.section img {
  -webkit-user-drag: none;
}
.hero-three__content .welcome-text {
  text-transform: capitalize;
  font-weight: 800;
  color: #FFFFFF;
}
.hero-three__content .welcome-text,
.hero-three__content .event-info {
  transition: none;
}
@media only screen and (max-width: 575.98px) {
  .hero-three__content .welcome-text,
  .hero-three__content .event-info {
    font-size: 20px;
  }
}
.hero-three__content .hero-title {
  text-transform: capitalize;
  font-weight: 700;
  line-height: 1;
  margin-block: 8px 5px;
  transition: none;
  color: #FFFFFF;
  font-size: 130px;
}
@media only screen and (max-width: 1439.98px) {
  .hero-three__content .hero-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .hero-three__content .hero-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-three__content .hero-title {
    font-size: 85px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-three__content .hero-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-three__content .hero-title {
    font-size: 60px;
  }
}
.hero-three__content .event-info {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: #D0D0E1;
  border-top: 1px solid rgba(176, 23, 201, 0.5);
  border-bottom: 1px solid rgba(176, 23, 201, 0.5);
  width: max-content;
  margin-inline: auto;
  padding-inline: 50px;
  padding-block: 5px;
}
@media only screen and (max-width: 575.98px) {
  .hero-three__content .event-info {
    display: flex;
    flex-direction: column;
  }
}
.hero-three__content .btn-primary {
  margin-top: 50px;
  background: linear-gradient(135deg, #B017C9, #17B9C9);
  color: #FFFFFF;
}
.hero-three__content .btn-primary:hover {
  box-shadow: 0 0 20px rgba(176, 23, 201, 0.5);
}
@media only screen and (max-width: 1199.98px) {
  .hero-three__content .btn-primary {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-three__content .btn-primary {
    margin-top: 30px;
  }
}

.footer__center.common {
  background: rgba(30, 30, 47, 0.7);
}
.footer__center.common:not(.page-2) {
  padding-block: 105px 78px;
}
@media only screen and (max-width: 991.98px) {
  .footer__center.common:not(.page-2) {
    padding-block: 85px 58px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__center.common .footer-info {
    max-width: 348px;
    width: 100%;
  }
}
.footer__center.common .footer-info .footer-logo {
  margin-bottom: 27px;
}
@media only screen and (max-width: 767.98px) {
  .footer__center.common .footer-info .footer-logo {
    margin-bottom: 15px;
  }
}
.footer__center.common .footer-info p {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.45px;
  text-transform: capitalize;
  color: #D0D0E1;
}
.footer__center.common .footer-info .contact-info {
  margin-top: 20px;
}
@media only screen and (max-width: 767.98px) {
  .footer__center.common .footer-info .contact-info {
    margin-top: 10px;
  }
}
.footer__center.common .footer-info .contact-info .contact-icon {
  padding-right: 15px;
  color: #B017C9;
  border-right: 1px solid rgba(23, 185, 201, 0.5);
}
.footer__center.common .footer-info .contact-info .contact {
  padding-left: 15px;
}
.footer__center.common .footer-info .contact-info .contact a {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 190.909%;
  letter-spacing: 0.66px;
  text-transform: capitalize;
  color: #FFFFFF;
  transition: all 0.3s;
}
.footer__center.common .footer-info .contact-info .contact a:hover {
  color: #B017C9;
}
@media only screen and (max-width: 767.98px) {
  .footer__center.common .footer-info .contact-info .contact a {
    font-size: 18px;
  }
}
.footer__center.common .footer-info .contact-info .contact .open-time {
  color: #B017C9;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.45px;
  text-transform: capitalize;
}
.footer__center.common .footer-info .social-info {
  column-gap: 8px;
  margin-top: 26px;
}
@media only screen and (max-width: 767.98px) {
  .footer__center.common .footer-info .social-info {
    margin-top: 15px;
  }
}
.footer__center.common .footer-info .social-info .social-title {
  color: #B017C9;
  font-family: "Bricolage Grotesque";
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
}
.footer__center.common .footer-info .social-info ul {
  gap: 3px;
  margin-left: 5px;
}
.footer__center.common .footer-info .social-info ul li a {
  width: 45px;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  color: #FFFFFF;
}
.footer__center.common .footer-info .social-info ul li a:hover {
  color: #17B9C9;
  border-color: #17B9C9;
}
.footer__center.common .social-share {
  margin-top: 35px;
}
.footer__center.common .footer-widgets.links {
  max-width: 460px;
}
.footer__center.page-2 {
  padding-block: 80px 70px;
}
@media only screen and (max-width: 991.98px) {
  .footer__center.page-2 {
    padding-block: 60px 50px;
  }
}
.footer__bottom.common {
  padding-block: 30px;
  background: #0A0A14;
}
.footer__bottom.common .copyright {
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 700;
  line-height: 175%;
  letter-spacing: 0.48px;
  text-transform: capitalize;
}
@media only screen and (max-width: 575.98px) {
  .footer__bottom.common .copyright {
    font-weight: 500;
    text-align: center;
  }
}
.footer__bottom.common .copyright.v2 {
  color: #D0D0E1;
}
@media only screen and (max-width: 575.98px) {
  .footer__bottom.common .payments {
    text-align: center;
  }
}

.footer-three.section {
  padding-top: 88px;
  background: linear-gradient(180deg, #0A0A14, #1E1E2F);
}
@media only screen and (max-width: 991.98px) {
  .footer-three.section {
    padding-top: 60px;
  }
}
.footer-three__top {
  margin-bottom: 24px;
}
.footer-three__top .container::after {
  left: 0;
  bottom: -24px;
  width: 100%;
  height: 1px;
  background: rgba(208, 208, 225, 0.17);
  z-index: 2;
}
.footer-three__top .footer-links ul {
  gap: 40px;
}
@media only screen and (max-width: 767.98px) {
  .footer-three__top .footer-links ul {
    gap: 20px;
    justify-content: center;
  }
}
.footer-three__top .footer-links ul li a {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: #FFFFFF;
}
.footer-three__top .footer-links ul li a.active, .footer-three__top .footer-links ul li a:hover {
  color: #B017C9;
}
.footer-three__center {
  padding-block: 60px 68px;
}
@media only screen and (max-width: 991.98px) {
  .footer-three__center {
    padding-block: 40px 48px;
  }
}
.footer-three__center .newsletter .newsletter-email {
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.footer-three__center .newsletter .newsletter-email > i,
.footer-three__center .newsletter .newsletter-email svg {
  color: #B017C9;
}
.footer-three__center .newsletter .newsletter-email .form-control {
  color: #FFFFFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
}
.footer-three__center .newsletter .newsletter-email .form-control::placeholder {
  color: #D0D0E1;
  opacity: 1;
}
.footer-three__center .newsletter .newsletter-email .form-control:focus {
  box-shadow: none;
  border: none;
}
.footer-three__center .newsletter .newsletter-email .btn-primary {
  background: none !important;
  color: #FFFFFF;
}
.footer-three__center .newsletter .newsletter-email .btn-primary:hover {
  color: #B017C9;
}
.footer-three__center .newsletter .newsletter-checkbox input {
  display: none;
}
.footer-three__center .newsletter .newsletter-checkbox label {
  padding-left: 30px;
  text-transform: capitalize;
  color: #D0D0E1;
  font-size: 14px;
  font-weight: 600;
  user-select: none;
  cursor: pointer;
}
.footer-three__center .newsletter .newsletter-checkbox label a {
  color: #FFFFFF;
  text-decoration: underline;
}
.footer-three__center .newsletter .newsletter-checkbox label a:hover {
  color: #17B9C9;
}
.footer-three__center .newsletter .newsletter-checkbox label::before {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #1E1E2F;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.footer-three__center .newsletter .newsletter-checkbox input[type=checkbox]:checked ~ label::before {
  background-color: #B017C9;
  content: "\f00c";
  font: var(--fa-font-solid);
  color: #FFFFFF;
  font-size: 14px;
}

.footer-links ul {
  row-gap: 15px;
}
@media only screen and (max-width: 767.98px) {
  .footer-links ul {
    row-gap: 10px;
  }
}
.footer-links ul li a {
  gap: 12px;
  color: #D0D0E1;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.45px;
  text-transform: capitalize;
  transition: all 0.3s;
}
.footer-links ul li a:hover {
  color: #B017C9;
}
.footer-links ul li a i {
  color: #B017C9;
}
.footer-links.v2 ul li a i {
  color: #D0D0E1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footer-links.v2 ul li a:hover {
  color: #B017C9;
}
.footer-links.v2 ul li a:hover i {
  color: #B017C9;
}

.footer-widgets .widgets-title {
  line-height: 175%;
  letter-spacing: 0.72px;
  line-height: 175%;
  letter-spacing: 0.72px;
  text-transform: capitalize;
  color: #FFFFFF;
  padding-bottom: 9px;
  margin-bottom: 35px;
  border-bottom: 2.5px solid rgba(255, 255, 255, 0.2);
  max-width: 243px;
}
.footer-widgets .widgets-title::before {
  left: 0;
  bottom: -2.5px;
  width: 80px;
  height: 2.5px;
  background-color: #B017C9;
}
.footer-widgets address {
  color: #D0D0E1;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.footer-widgets .contact-info a {
  color: #D0D0E1;
  font-weight: 600;
  transition: all 0.3s;
}
.footer-widgets .contact-info a:hover {
  color: #B017C9;
}
.footer-widgets .contact-info a[href^="tel:"] {
  font-weight: 700;
}
.footer-widgets .instagram {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 13px;
  row-gap: 12px;
}
.footer-widgets .instagram a {
  border: 3px solid #B017C9;
  border-radius: 10px;
  overflow: hidden;
}
.footer-widgets .instagram a::before {
  inset: 0;
  background: rgba(23, 185, 201, 0.3);
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-widgets .instagram a:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.footer-widgets .instagram-mask {
  mask-image: url(../images/footer/instagram-mask-shape.png);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.footer-widgets .instagram-mask a {
  display: block;
  width: 100%;
}
.footer-widgets .instagram-mask a img {
  width: 100%;
}
.footer-widgets.v2 .widgets-title {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 20px;
  font-weight: 800;
}
.footer-widgets.v2 .widgets-title::before {
  content: unset;
}
.footer-widgets.v2.has-margin-left {
  margin-left: -25px;
}

.social-share ul {
  gap: 11px;
}
.social-share ul li a {
  background-color: #0A0A14;
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  width: 46px;
  height: 46px;
}
.social-share ul li a i,
.social-share ul li a svg {
  opacity: 0.8;
  color: #FFFFFF;
}
.social-share ul li a:hover {
  border-color: #B017C9;
}
.social-share ul li a:hover i, .social-share ul li a:hover svg {
  color: #B017C9;
  opacity: 1;
}

.preloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background-color: #1E1E2F;
}
.preloader .btn-primary {
  border-radius: 0;
}
.preloader .btn-primary .btn-wrapper {
  border-radius: 0;
  padding: 20px 20px;
  line-height: 1;
}

.preloader-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.preloader-inner img {
  display: block;
  margin: 0 auto 10px auto;
}

.loader {
  animation: loaderspin 1.5s infinite;
  height: 50px;
  width: 50px;
  display: block;
}
.loader:before, .loader:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}
.loader:before {
  animation: ball1 1.5s infinite;
  background-color: #FFFFFF;
  box-shadow: 30px 0 0 #B017C9;
  margin-bottom: 10px;
}
.loader:after {
  animation: ball2 1.5s infinite;
  background-color: #B017C9;
  box-shadow: 30px 0 0 #1E1E2F;
}

@keyframes loaderspin {
  0% {
    transform: rotate(0deg) scale(0.8);
  }
  50% {
    transform: rotate(360deg) scale(1);
  }
  100% {
    transform: rotate(720deg) scale(0.8);
  }
}
@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #B017C9;
  }
  50% {
    box-shadow: 0 0 0 #B017C9;
    margin-bottom: 0;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #B017C9;
    margin-bottom: 10px;
  }
}
@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #FFFFFF;
  }
  50% {
    box-shadow: 0 0 0 #FFFFFF;
    margin-top: -20px;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #FFFFFF;
    margin-top: 0;
  }
}
.btn-primary {
  border-radius: 50px;
  padding: 3px;
  background: linear-gradient(135deg, #B017C9, #17B9C9);
  overflow: hidden;
  border: none;
}
.btn-primary .btn-wrapper {
  gap: 12px;
  border-radius: 50px;
  background: #B017C9;
  color: #FFFFFF;
  overflow: hidden;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 800;
  line-height: 350%;
  text-transform: uppercase;
  padding-inline: 41.2px;
  z-index: 1;
}
.btn-primary .btn-wrapper.v2 {
  background: linear-gradient(90deg, #B017C9 0%, #8C1766 100%);
}
.btn-primary .btn-wrapper.v2::before {
  inset: 0;
  background: linear-gradient(90deg, #8C1766 0%, #B017C9 100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: -1;
}
.btn-primary .btn-wrapper:not(.v2)::before {
  inset: 0;
  background: linear-gradient(90deg, #B017C9 0%, #8C1766 100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: -1;
}
.btn-primary .btn-wrapper span {
  overflow: hidden;
  width: 15px;
  height: 15px;
}
.btn-primary .btn-wrapper span i {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary .btn-wrapper span i:nth-of-type(2) {
  opacity: 0;
  visibility: hidden;
}
.btn-primary .btn-wrapper span i:nth-of-type(1) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.btn-primary .btn-wrapper span i:nth-of-type(3) {
  left: -30px;
  top: 30px;
}
.btn-primary:hover .btn-wrapper span i:nth-of-type(1) {
  left: 30px;
  top: -30px;
}
.btn-primary:hover .btn-wrapper span i:nth-of-type(3) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.btn-primary:hover .btn-wrapper.v2::before {
  opacity: 1;
}
.btn-primary:hover .btn-wrapper:not(.v2)::before {
  opacity: 1;
}

.popup-search-box {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.95);
  height: 100%;
  width: 0;
  overflow: hidden;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
}
.popup-search-box button.searchClose {
  width: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 40px;
  right: 40px;
  border: none;
  background-color: #B017C9;
  color: #0A0A14;
  font-size: 30px;
  border-radius: 50%;
  transition: all ease 0.4s;
}
.popup-search-box button.searchClose i {
  line-height: inherit;
}
.popup-search-box button.searchClose:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.popup-search-box form {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding-bottom: 40px;
  cursor: auto;
  width: 100%;
  max-width: 700px;
  transform: translate(-50%, -50%) scale(0);
  transition: transform ease 0.4s;
}
@media only screen and (max-width: 991.98px) {
  .popup-search-box form {
    max-width: 600px;
  }
}
.popup-search-box form input {
  font-size: 14px;
  height: 70px;
  width: 100%;
  border: 2px solid #B017C9;
  background-color: transparent;
  padding-left: 30px;
  color: #fff;
  border-radius: 50px;
}
.popup-search-box form input::-moz-placeholder {
  color: #fff;
}
.popup-search-box form input::-webkit-input-placeholder {
  color: #fff;
}
.popup-search-box form input:-ms-input-placeholder {
  color: #fff;
}
.popup-search-box form input::placeholder {
  color: #fff;
}
.popup-search-box form button {
  position: absolute;
  top: 0px;
  background-color: transparent;
  border: none;
  font-size: 20px;
  right: 13px;
  color: #FFFFFF;
  cursor: pointer;
  width: 70px;
  height: 70px;
  transition: all ease 0.4s;
  transform: scale(1.001);
}
.popup-search-box form button:hover {
  transform: scale(1.1);
}
.popup-search-box.show {
  opacity: 1;
  visibility: visible;
  width: 100.1%;
  transition: all ease 0.4s;
}
.popup-search-box.show form {
  transition-delay: 0.5s;
  transform: translate(-50%, -50%) scale(1);
}

.about.section .shape-1 {
  left: 117px;
  bottom: 35px;
  animation: carve-rotate 2.5s linear infinite alternate;
}
@media only screen and (max-width: 1439.98px) {
  .about.section .shape-1 {
    left: 320px;
  }
}
@media only screen and (max-width: 991.98px) {
  .about.section .shape-1 {
    left: 80%;
  }
}
.about.section .shape-2 {
  top: 50px;
  right: 5px;
  z-index: -1;
}
@media only screen and (max-width: 575.98px) {
  .about.section .shape-1,
  .about.section .shape-2 {
    display: none;
  }
}
.about__tabs {
  margin-top: 40px;
  row-gap: 10px;
  column-gap: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 575.98px) {
  .about__tabs {
    column-gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.about__tabs .nav-item {
  z-index: 2;
}
.about__tabs .nav-item:not(:last-of-type)::after {
  left: 95%;
  top: 50%;
  width: 500%;
  height: 3px;
  background-color: #B017C9;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 575.98px) {
  .about__tabs .nav-item:not(:last-of-type)::after {
    content: unset;
  }
}
.about__tabs .nav-item .nav-link {
  color: #D0D0E1;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 41px;
  text-transform: uppercase;
  background-color: #0A0A14;
  border: 2.5px solid #B017C9;
  border-radius: 50px;
  padding: 0 35px;
  white-space: nowrap;
  width: 100%;
}
.about__tabs .nav-item .nav-link[disabled] {
  border-radius: 6px;
  background-color: #B017C9;
  color: #0A0A14;
  margin-left: 7px;
  width: calc(100% - 7px);
}
.about__tabs .nav-item .nav-link[disabled]::before {
  width: 3px;
  height: 100%;
  left: -9px;
  top: 0;
  border-radius: 6px;
  background: #B017C9;
}
.about__tabs .nav-item .nav-link[disabled].active {
  color: #0A0A14;
}
.about__tabs .nav-item .nav-link.active {
  color: #B017C9;
}
@media only screen and (max-width: 575.98px) {
  .about__tabs .nav-item {
    width: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 374.98px) {
  .about__tabs .nav-item {
    width: 100%;
  }
}
.about__content-container {
  margin-top: 63px;
}
@media only screen and (max-width: 991.98px) {
  .about__content-container {
    margin-top: 30px;
  }
}
.about__content-container:focus-visible,
.about__content-container :focus {
  border: none;
  box-shadow: none;
  outline: none;
}
@media only screen and (min-width: 1200px) {
  .about__tab-content .section-title {
    max-width: 490px;
    width: 100%;
  }
}
.about__tab-content p {
  max-width: 573px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  text-transform: capitalize;
  margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
  .about__tab-content p {
    margin-top: 20px;
  }
}
.about__tab-content .notes-and-info {
  padding-top: 32px;
}
@media only screen and (max-width: 767.98px) {
  .about__tab-content .notes-and-info {
    padding-top: 20px;
  }
}
.about__tab-content .notes-and-info .note .note-title {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.about__tab-content .notes-and-info .note .note-list {
  margin-top: 18px;
}
@media only screen and (max-width: 767.98px) {
  .about__tab-content .notes-and-info .note .note-list {
    margin-top: 10px;
  }
}
.about__tab-content .notes-and-info .note .note-list li {
  gap: 10px;
  color: #D0D0E1;
  font-weight: 500;
  line-height: 175%;
  text-transform: capitalize;
}
.about__tab-content .notes-and-info .note .note-list li i {
  color: #B017C9;
}
.about__tab-content .notes-and-info .note .note-list li:not(:last-of-type) {
  margin-bottom: 8px;
}
.about__tab-content .notes-and-info .info {
  gap: 25px;
}
@media only screen and (max-width: 1439.98px) {
  .about__tab-content .notes-and-info .info {
    gap: 18px;
  }
}
.about__tab-content .notes-and-info .info .info-thumb {
  border-radius: 19px;
  overflow: hidden;
  max-width: 127px;
  width: 100%;
}
.about__tab-content .notes-and-info .info .info-content .info-title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
  white-space: nowrap;
}
@media only screen and (max-width: 1439.98px) {
  .about__tab-content .notes-and-info .info .info-content .info-title {
    white-space: wrap;
  }
}
.about__tab-content .notes-and-info .info .info-content span {
  color: #D0D0E1;
  font-weight: 500;
  line-height: 24px;
  text-transform: capitalize;
}
.about__tab-content .notes-and-info .info .info-content .avatars {
  margin-top: 10px;
}
.about__tab-content .notes-and-info .info .info-content .avatars img,
.about__tab-content .notes-and-info .info .info-content .avatars a {
  width: 47.5px;
  height: 47.5px;
  border-radius: 100%;
  border: 3px solid #0A0A14;
  color: #1E1E2F;
  background-color: #B017C9;
  overflow: hidden;
}
.about__tab-content .notes-and-info .info .info-content .avatars img:not(:first-of-type) {
  margin-left: -10px;
}
.about__tab-content .notes-and-info .info .info-content .avatars a {
  margin-left: -10px;
}
.about__tab-content .btn-primary {
  margin-top: 40px;
}
@media only screen and (max-width: 767.98px) {
  .about__tab-content .btn-primary {
    margin-top: 30px;
  }
}
.about__tab-content .btn-primary .btn-wrapper {
  background: linear-gradient(90deg, #B017C9 0%, #8C1766 100%);
  color: #FFFFFF;
}
.about__tab-content .btn-primary .btn-wrapper span {
  color: #FFFFFF;
}
.about__tab-thumb {
  max-width: 550px;
  width: 100%;
  margin-left: auto;
  z-index: 2;
}
@media only screen and (max-width: 991.98px) {
  .about__tab-thumb {
    margin-left: 0;
  }
}
.about__tab-thumb .thumb-bg {
  width: 100%;
  max-height: 523px;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: #1E1E2F;
  border-radius: 50px 240px 0px 0px;
}
.about__tab-thumb .thumb-bg::after {
  inset: 0;
  z-index: -2;
  background-color: #B017C9;
  border-radius: 50px 300px 0px 0px;
}
.about__tab-thumb .thumb-bg img {
  top: -60px;
  left: -60px;
  animation: rotate 4.5s linear infinite;
}
@media only screen and (max-width: 1199.98px) {
  .about__tab-thumb .thumb-bg img {
    left: -10px;
  }
}
@media only screen and (max-width: 991.98px) {
  .about__tab-thumb .thumb-bg img {
    left: -60px;
  }
}
@media only screen and (max-width: 767.98px) {
  .about__tab-thumb .thumb-bg img {
    display: none;
  }
}
@media only screen and (max-width: 575.98px) {
  .about__tab-thumb .thumb-bg {
    border-radius: 50px 100px 0px 0px;
  }
  .about__tab-thumb .thumb-bg::after {
    border-radius: 50px 150px 0px 0px;
  }
}

.about2.section {
  z-index: 2;
}
.about2__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.about2__bg img {
  object-fit: cover;
}
.about2__content {
  padding: 0;
}
.about2__content p {
  margin-top: 33px;
}
@media only screen and (max-width: 767.98px) {
  .about2__content p {
    margin-top: 20px;
  }
}
.about2__content .analysis {
  margin-top: 25px;
}
.about2__content .analysis .title {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.about2__content .analysis ul {
  margin-top: 16px;
}
.about2__content .analysis ul li {
  gap: 10px;
  color: #D0D0E1;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.about2__content .analysis ul li i {
  color: #B017C9;
}
.about2__content .shape {
  right: 0;
  bottom: 0;
  animation: carve-rotate 2.5s linear infinite alternate;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
@media only screen and (min-width: 1400px) {
  .about2__content .shape {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 991.98px) {
  .about2__content .shape {
    display: none;
  }
}
.about2__thumb {
  padding-left: 170px;
  z-index: 2;
}
@media only screen and (max-width: 1199.98px) {
  .about2__thumb {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 991.98px) {
  .about2__thumb {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .about2__thumb .thumb-1 {
    padding-bottom: 58px;
  }
}
.about2__thumb .thumb-1 img {
  border-radius: 21px;
  background: #1E1E2F;
  padding: 17px;
}
@media only screen and (max-width: 1199.98px) {
  .about2__thumb .thumb-1 img {
    padding: 10px;
  }
}
.about2__thumb .thumb-2 {
  border-radius: 14px;
  left: 0;
  bottom: -58px;
  z-index: -1;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) {
  .about2__thumb .thumb-2 {
    left: 20px;
    max-width: 280px;
  }
}
@media only screen and (min-width: 1200px) {
  .about2__thumb .thumb-2 {
    bottom: 0;
  }
}
@media only screen and (max-width: 1199.98px) {
  .about2__thumb .thumb-2 {
    max-width: 200px;
  }
}
@media only screen and (max-width: 991.98px) {
  .about2__thumb .thumb-2 {
    position: relative;
    bottom: 0px;
    max-width: 100%;
  }
  .about2__thumb .thumb-2 img {
    width: 100%;
  }
}
.about2__thumb .thumb-2 img {
  background: #1E1E2F;
  padding: 15px;
}
@media only screen and (max-width: 1199.98px) {
  .about2__thumb .thumb-2 img {
    padding: 10px;
  }
}

.about3.section {
  z-index: 2;
  overflow: hidden;
}
.about3__content {
  padding: 0;
}
.about3__content p {
  margin-top: 33px;
}
@media only screen and (max-width: 767.98px) {
  .about3__content p {
    margin-top: 20px;
  }
}
.about3__content .analysis {
  margin-top: 25px;
}
.about3__content .analysis .title {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.about3__content .analysis ul {
  margin-top: 16px;
}
.about3__content .analysis ul li {
  gap: 10px;
  color: #D0D0E1;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.about3__content .analysis ul li i {
  color: #B017C9;
}
.about3__content .shape {
  right: -120px;
  bottom: 0;
  animation: carve-rotate 2.5s linear infinite alternate;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
@media only screen and (max-width: 1599.98px) {
  .about3__content .shape {
    right: -80px;
  }
}
@media only screen and (max-width: 1439.98px) {
  .about3__content .shape {
    right: -21px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .about3__content .shape {
    display: none;
  }
}
.about3__main-content {
  padding-left: 75px;
}
@media only screen and (max-width: 991.98px) {
  .about3__main-content {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 575.98px) {
  .about3__main-content {
    padding-left: 30px;
  }
}
.about3__thumb {
  height: 100%;
}
.about3__thumb .thumb-1 {
  padding-top: 10px;
  padding-left: 10px;
  z-index: 2;
  padding-bottom: 50px;
}
@media only screen and (max-width: 991.98px) {
  .about3__thumb .thumb-1 {
    margin-bottom: 15px;
    padding-bottom: 0px;
  }
}
.about3__thumb .thumb-1 img {
  width: 100%;
  max-width: 475px;
}
@media only screen and (max-width: 767.98px) {
  .about3__thumb .thumb-1 img {
    max-width: 100%;
  }
}
.about3__thumb .thumb-1::before {
  z-index: -1;
  width: 154px;
  height: 152px;
  left: 0;
  top: 0;
  background-color: #B017C9;
}
.about3__thumb .thumb-2 {
  z-index: 2;
  bottom: 0;
  right: 0;
  border-right: 8px solid #B017C9;
}
@media only screen and (max-width: 991.98px) {
  .about3__thumb .thumb-2 {
    position: unset;
  }
}
.about3__thumb .thumb-2 img {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .about3__thumb .thumb-2 img {
    max-width: 100%;
  }
}

.experience__tab-content .info {
  font-size: 18px;
  font-weight: 600;
  margin-top: 18px;
}
@media only screen and (max-width: 991.98px) {
  .experience__tab-content .info {
    margin-top: 10px;
  }
}

.stack-box .box-thumb {
  width: 110px;
  height: 98px;
  border-radius: 21px;
  border: 1.5px solid #17B9C9;
  background: #0A0A14;
  overflow: hidden;
}
@media only screen and (max-width: 1199.98px) {
  .stack-box .box-thumb {
    width: 80px;
    height: 70px;
    border-radius: 10px;
  }
  .stack-box .box-thumb img {
    max-width: 45px;
  }
}
.stack-box .box-header .stack-title {
  font-weight: 700;
}
.stack-box .box-header .stack-year {
  font-weight: 700;
}
.stack-box .box-header p {
  color: #8C1766;
  font-size: 15px;
  font-weight: 600;
  margin-top: 8px;
}
@media only screen and (max-width: 991.98px) {
  .stack-box .box-header p {
    margin-top: 3px;
  }
}
.stack-box .box-bottom {
  margin-top: 10px;
}
@media only screen and (max-width: 991.98px) {
  .stack-box .box-bottom {
    margin-top: 5px;
  }
}
.stack-box .box-bottom p {
  font-size: 15px;
  font-weight: 600;
}
.stack-box.v1 {
  gap: 25px;
  border-radius: 21px;
  border: 1.5px solid #B017C9;
  background: linear-gradient(90deg, #B017C9 0%, #8C1766 100%);
  padding: 30px 50px 50px 23px;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .stack-box.v1 {
    gap: 15px;
    padding: 25px;
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767.98px) {
  .stack-box.v1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 575.98px) {
  .stack-box.v1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.stack-box.v1::before {
  inset: 0;
  background: linear-gradient(90deg, #B017C9 0%, #8C1766 100%);
  z-index: -1;
}
.stack-box.v2 {
  border-radius: 21px;
  border: 1.5px solid #17B9C9;
  background: #1E1E2F;
  overflow: hidden;
  padding: 26px 30px 30px 24px;
  z-index: 1;
}
.stack-box.v2 .shape {
  width: 75px;
  height: 75px;
  background-color: #B017C9;
  border-radius: 50%;
  bottom: calc(100% - 35px);
  left: calc(100% - 35px);
  -webkit-transition: all 0.5s ease-in !important;
  -moz-transition: all 0.5s ease-in !important;
  -o-transition: all 0.5s ease-in !important;
  -ms-transition: all 0.5s ease-in !important;
  transition: all 0.5s ease-in !important;
  z-index: -1;
}
.stack-box.v2 .box-top {
  gap: 20px;
}
@media only screen and (max-width: 1199.98px) {
  .stack-box.v2 .box-top {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767.98px) {
  .stack-box.v2 .box-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 575.98px) {
  .stack-box.v2 .box-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.stack-box.v2 .box-top .box-header .stack-title {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.stack-box.v2 .box-top .box-header .stack-year {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.stack-box.v2 .box-bottom p {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.stack-box.v2:hover .shape {
  width: 800px;
  height: 800px;
  left: 0;
  bottom: 0;
  border-radius: 0;
}
.stack-box.v2:hover .box-top .box-header .stack-title {
  color: #0A0A14;
}
.stack-box.v2:hover .box-top .box-header .stack-year {
  color: #0A0A14;
}
.stack-box.v2:hover .box-bottom p {
  color: #0A0A14;
}

.education__tab-content .info {
  font-size: 18px;
  font-weight: 600;
  margin-top: 18px;
}
@media only screen and (max-width: 991.98px) {
  .education__tab-content .info {
    margin-top: 10px;
  }
}

.skills__tab-thumb {
  gap: 20px;
}
.skills__tab-thumb .thumb {
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .skills__tab-thumb .thumb {
    flex-shrink: 0;
  }
  .skills__tab-thumb .thumb img {
    height: 100%;
    object-fit: cover;
  }
}
.skills__tab-thumb .thumb img {
  border-radius: 20px;
}
@media only screen and (max-width: 1199.98px) {
  .skills__tab-thumb .thumb img {
    border-radius: 10px;
  }
}
.skills__tab-thumb .thumb:first-of-type {
  max-width: 198px;
}
@media only screen and (max-width: 991.98px) {
  .skills__tab-thumb .thumb:first-of-type {
    max-width: unset;
  }
}
.skills__tab-thumb .thumb:last-of-type {
  max-width: calc(100% - 198px);
}
@media only screen and (max-width: 991.98px) {
  .skills__tab-thumb .thumb:last-of-type {
    max-width: unset;
  }
}
.skills__tab-content .info {
  font-size: 18px;
  font-weight: 600;
  margin-top: 18px;
}
@media only screen and (max-width: 991.98px) {
  .skills__tab-content .info {
    margin-top: 10px;
  }
}
.skills__tab-content .skills-list {
  margin-top: 38px;
}
@media only screen and (max-width: 1199.98px) {
  .skills__tab-content .skills-list {
    margin-top: 25px;
  }
}
.skills__tab-content .skills-list .skill.v2 .title {
  color: #FFFFFF;
}
.skills__tab-content .skills-list .skill.v2 .skill-bar {
  border: 1.5px solid #B017C9;
  border-radius: 0;
}
.skills__tab-content .skills-list .skill.v2 .skill-bar .skill-progress {
  border-radius: 0;
  top: 0;
  left: 0;
  height: 8px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.skills__tab-content .skills-list .skill.v2 .skill-bar .skill-progress .skill-count {
  color: #B017C9;
}

.contact__content {
  padding-left: 55px;
}
@media only screen and (max-width: 767.98px) {
  .contact__content {
    padding-left: 35px;
  }
}
@media only screen and (max-width: 575.98px) {
  .contact__content {
    padding-left: 25px;
  }
}
.contact__content .section-title {
  margin: 0;
  color: #B017C9;
  font-weight: 700;
  text-transform: uppercase;
}
.contact__content .contact-list {
  margin-top: 28px;
  max-width: 326.5px;
}
@media only screen and (max-width: 991.98px) {
  .contact__content .contact-list {
    max-width: 426.5px;
  }
}
.contact__content .contact-list li {
  gap: 20px;
  color: #D0D0E1;
  font-weight: 600;
  text-transform: capitalize;
}
.contact__content .contact-list li:not(:last-of-type) {
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 22px;
  margin-bottom: 22px;
}
@media only screen and (max-width: 991.98px) {
  .contact__content .contact-list li:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.contact__content .contact-list li svg {
  color: #B017C9;
}
.contact__content .contact-list li a {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.contact__content .contact-list li a:hover {
  color: #B017C9;
}
.contact__form .form-title {
  text-transform: capitalize;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1199.98px) {
  .contact__form .form-title {
    margin-bottom: 25px;
  }
}
.contact__form .contact-form .form-control {
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  background: rgba(30, 30, 47, 0.7);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.45px;
  text-transform: capitalize;
  padding-inline: 23px;
  padding-block: 21.75px;
  resize: none;
}
@media only screen and (max-width: 1199.98px) {
  .contact__form .contact-form .form-control {
    padding-inline: 15px;
    padding-block: 15.75px;
  }
}
.contact__form .contact-form .form-control::placeholder {
  opacity: 1;
  color: #D0D0E1;
}
.contact__form .contact-form .form-control:focus, .contact__form .contact-form .form-control:active {
  border: none;
  box-shadow: none;
  outline: none;
}
@media only screen and (max-width: 1439.98px) {
  .contact__form .contact-form .form-control {
    height: 50px;
  }
}
.contact__form .contact-form button {
  background-color: transparent;
  border: none;
  color: #D0D0E1;
}
.contact__map iframe {
  height: 539px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .contact__map iframe {
    height: 480px;
  }
}

.video__player-wrapper img {
  min-height: 400px;
  object-fit: cover;
}
.video__player-wrapper .popup-youtube {
  top: 50%;
  left: 50%;
  width: 92px;
  height: 92px;
  border-radius: 100%;
  background-color: rgba(176, 23, 201, 0.4);
  border: 5px dashed #FFFFFF;
  color: #FFFFFF;
  font-size: 25px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video__player-wrapper .popup-youtube.disabled {
  -webkit-transform: translate(-50%, -50%) scale(0.4);
  -ms-transform: translate(-50%, -50%) scale(0.4);
  transform: translate(-50%, -50%) scale(0.4);
  visibility: hidden;
  cursor: initial;
  opacity: 0;
}
@media only screen and (max-width: 1199.98px) {
  .video__player-wrapper .popup-youtube {
    width: 80px;
    height: 80px;
    font-size: 20px;
    border-width: 3px;
  }
}
@media only screen and (max-width: 991.98px) {
  .video__player-wrapper .popup-youtube {
    width: 70px;
    height: 70px;
    font-size: 18px;
    border-width: 2px;
  }
}

.brands.section {
  margin-top: -60px;
}
.brands__slider {
  border-radius: 20px;
  background: #1E1E2F;
  overflow: hidden;
  padding: 67px 47px;
  column-gap: 20px;
  row-gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media only screen and (max-width: 1199.98px) {
  .brands__slider {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .brands__slider {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .brands__slider {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 30px;
  }
}
.pricing.section {
  background-color: rgba(30, 30, 47, 0.7);
  z-index: 1;
  overflow: hidden;
}
.pricing__icon {
  bottom: 77px;
  right: 120px;
  z-index: -1;
  animation: rotate 5s linear infinite;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
@media only screen and (max-width: 1599.98px) {
  .pricing__icon {
    bottom: 30px;
    right: 50px;
    width: 110px;
    height: 100px;
  }
}
@media only screen and (max-width: 767.98px) {
  .pricing__icon {
    display: none;
  }
}

.pricing-box {
  border-radius: 10px;
  border-top-left-radius: 40px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  background: #0A0A14;
  padding-inline: 14px;
  padding-block: 14px 40px;
}
.pricing-box .pricing-header {
  border-radius: 10px;
  border-top-left-radius: 30px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  background: rgba(10, 10, 20, 0.7);
}
.pricing-box .pricing-header .header-info {
  gap: 5px;
  padding: 19.5px 30px;
}
.pricing-box .pricing-header .header-info .plan-type {
  color: #FFFFFF;
  text-transform: uppercase;
}
.pricing-box .pricing-header .header-info .plan-price {
  color: #B017C9;
  text-transform: uppercase;
}
.pricing-box .pricing-header .header-icon {
  min-height: 100%;
  border-left: 2px solid rgba(255, 255, 255, 0.15);
  padding: 19.5px 30px;
}
.pricing-box .pricing-header .header-icon svg {
  width: 55px;
  height: 55px;
  color: #B017C9;
}
.pricing-box .pricing-body {
  padding-block: 27px;
  padding-inline: 24px;
}
@media only screen and (max-width: 575.98px) {
  .pricing-box .pricing-body {
    padding-inline: 15px;
  }
}
.pricing-box .pricing-body ul li {
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  letter-spacing: 0.48px;
  text-transform: capitalize;
}
.pricing-box .pricing-body ul li::before {
  font: var(--fa-font-solid);
  content: "\f00c";
  padding-right: 10px;
}
.pricing-box .pricing-body ul li:not(:last-of-type) {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767.98px) {
  .pricing-box .pricing-body ul li:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.pricing-box .pricing-body ul li.disabled {
  color: #D0D0E1;
}
.pricing-box .pricing-footer {
  border-top: 4px double rgba(255, 255, 255, 0.15);
  padding-top: 30px;
}
@media only screen and (max-width: 767.98px) {
  .pricing-box .pricing-footer {
    padding-top: 20px;
  }
}

.pricing2.section {
  z-index: 2;
  overflow: hidden;
}
.pricing2__bg {
  left: 0;
  bottom: 0;
  z-index: -1;
}
.pricing2__arrow {
  left: -10%;
  bottom: 50px;
}
@media only screen and (max-width: 767.98px) {
  .pricing2__arrow {
    display: none;
  }
}
.pricing2__arrow img {
  transform-origin: top center;
  animation: carve-rotate2 2.5s linear infinite alternate;
}
.pricing2__ball {
  top: -80px;
  right: 10px;
}
@media only screen and (max-width: 767.98px) {
  .pricing2__ball {
    display: none;
  }
}
.pricing2__ball img {
  transform-origin: center;
  animation: rotate 5s linear infinite;
}
.pricing2__boxes {
  overflow: hidden;
}
.pricing2__boxes .pricing-box2-wrapper {
  gap: 25px;
}
@media only screen and (max-width: 991.98px) {
  .pricing2__boxes .pricing-box2-wrapper {
    flex-direction: column;
  }
}
.pricing2__boxes .pricing-box2 {
  min-width: 602px;
}
@media only screen and (max-width: 991.98px) {
  .pricing2__boxes .pricing-box2 {
    min-width: 100%;
  }
}
.pricing2__boxes .pricing-box2 .pricing-thumb img {
  height: 100%;
}
@media only screen and (max-width: 575.98px) {
  .pricing2__boxes .pricing-box2 .pricing-thumb img {
    max-height: 400px;
    object-fit: cover;
    object-position: left top;
  }
}
@media only screen and (max-width: 575.98px) {
  .pricing2__boxes .pricing-box2 {
    flex-wrap: wrap;
  }
  .pricing2__boxes .pricing-box2 .pricing-thumb {
    order: 1;
    flex: 100%;
    border-radius: 12px 12px 0 0;
  }
  .pricing2__boxes .pricing-box2 .pricing-thumb img {
    width: 100%;
  }
  .pricing2__boxes .pricing-box2 .pricing-content {
    order: 2;
  }
}
.pricing2__brands-area {
  border-top: 1px solid rgba(217, 217, 217, 0.2);
  border-bottom: 1px solid rgba(217, 217, 217, 0.2);
}
.pricing2__brands-area .info {
  padding-block: 24px;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-right: 1px solid rgba(217, 217, 217, 0.2);
}
@media only screen and (max-width: 575.98px) {
  .pricing2__brands-area .info {
    text-align: center;
    border-right: none;
    border-bottom: 1px solid rgba(217, 217, 217, 0.2);
  }
}
.pricing2__brands-area .brands {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  .pricing2__brands-area .brands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 5px;
  }
}
@media only screen and (max-width: 575.98px) {
  .pricing2__brands-area .brands {
    padding-block: 10px;
  }
}
.pricing-box2 {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
@media only screen and (max-width: 575.98px) {
  .pricing-box2 {
    flex-direction: column;
  }
}
.pricing-box2 .pricing-content {
  padding: 40px;
}
.pricing-box2 .pricing-content .title {
  text-transform: capitalize;
  margin-bottom: 23px;
}
.pricing-box2 .pricing-content .pricing-info {
  color: #D0D0E1;
  font-weight: 600;
  text-transform: capitalize;
}
.pricing-box2 .pricing-content .pricing-info li {
  gap: 10px;
}
.pricing-box2 .pricing-content .pricing-info li i {
  color: #B017C9;
}
.pricing-box2 .pricing-content .pricing-info li:not(:last-of-type) {
  margin-bottom: 6px;
}
.pricing-box2 .pricing-content .price-box {
  margin-top: 35px;
}
.pricing-box2 .pricing-content .price-box .price {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1400px) {
  .pricing-box2 .pricing-content .price-box .price {
    font-size: 40px;
  }
}
.pricing-box2 .pricing-content .price-box .price span {
  font-size: 20px;
}
.pricing-box2 .pricing-content .price-box a {
  left: 0;
  top: 200px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pricing-box2 .pricing-thumb img {
  width: 100%;
}
.pricing-box2 .pricing-thumb::before {
  inset: 0;
  border-radius: 0px 12px 12px 0px;
  background: rgba(176, 23, 201, 0.2);
  backdrop-filter: blur(5px);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pricing-box2:hover .pricing-content .price-box .price {
  opacity: 0;
}
.pricing-box2:hover .pricing-content .price-box a {
  top: 50%;
}
.pricing-box2:hover .pricing-thumb::before {
  opacity: 1;
}

.news-box {
  border-radius: 15px;
  background: #1E1E2F;
  overflow: hidden;
}
.news-box .news-thumb {
  overflow: hidden;
}
.news-box .news-thumb img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-box .news-thumb:hover img {
  -webkit-transform: scale(1.25) rotate(5deg);
  -ms-transform: scale(1.25) rotate(5deg);
  transform: scale(1.25) rotate(5deg);
}
.news-box .news-body {
  padding: 34.5px;
}
@media only screen and (max-width: 575.98px) {
  .news-box .news-body {
    padding: 20.5px;
  }
}
.news-box .news-body .news-content .title {
  text-transform: capitalize;
}
.news-box .news-body .news-content .title a:hover {
  color: #B017C9;
}
.news-box .news-body .news-content p {
  margin-top: 12px;
  text-transform: capitalize;
}
.news-box .news-footer {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  padding-top: 16px;
}
.news-box .news-footer .dates {
  color: #B017C9;
  font-weight: 600;
  text-transform: uppercase;
}
.news-box .news-footer .total-views {
  gap: 9px;
  color: #D0D0E1;
  font-weight: 700;
  text-transform: uppercase;
}
.news-box .news-footer .total-views i,
.news-box .news-footer .total-views svg {
  color: #B017C9;
}
.news-box:hover .news-thumb img {
  -webkit-transform: scale(1.25) rotate(5deg);
  -ms-transform: scale(1.25) rotate(5deg);
  transform: scale(1.25) rotate(5deg);
}
.news-box:hover .news-body .news-content .title a {
  color: #B017C9;
}

.news-box2 .news-meta {
  gap: 20px;
}
.news-box2 .news-meta a {
  color: #D0D0E1;
  font-weight: 600;
  text-transform: capitalize;
}
.news-box2 .news-meta a.active {
  color: #B017C9;
}
.news-box2 .news-meta a:not(:first-of-type)::before {
  font: var(--fa-font-solid);
  content: "/";
  margin-right: 15px;
}
.news-box2 .news-thumb {
  border-radius: 17px;
  overflow: hidden;
}
.news-box2 .news-thumb img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-box2 .news-thumb img:hover {
  -webkit-transform: scale(1.1) rotate(5deg);
  -ms-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
}
.news-box2 .news-body {
  margin-top: 24px;
  max-width: 340px;
}
.news-box2 .news-body .news-content .title {
  margin-top: 8px;
  text-transform: capitalize;
}
.news-box2 .news-footer {
  margin-top: 30px;
  line-height: 1;
}
.news-box2 .news-footer .read-more {
  gap: 10px;
  color: #D0D0E1;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-box2:hover .news-footer .read-more {
  color: #B017C9;
}

.blog-main__pagination .pagination {
  gap: 10px;
}
.blog-main__pagination .pagination .page-item .page-link {
  width: 55px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  border-radius: 15px;
  background-color: transparent;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 700;
  letter-spacing: 0.72px;
  font-size: 24px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-main__pagination .pagination .page-item .page-link {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .blog-main__pagination .pagination .page-item .page-link {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991.98px) {
  .blog-main__pagination .pagination .page-item .page-link {
    font-size: 23px;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog-main__pagination .pagination .page-item .page-link {
    font-size: 22.5px;
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 575.98px) {
  .blog-main__pagination .pagination .page-item .page-link {
    font-size: 22px;
  }
}
.blog-main__pagination .pagination .page-item.active .page-link {
  color: #B017C9;
  background-color: #1E1E2F;
}

.blog-box .blog-thumb {
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  overflow: hidden;
}
.blog-box .blog-thumb img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blog-box .blog-content {
  padding-block: 35.5px 27.5px;
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (max-width: 1439.98px) {
  .blog-box .blog-content {
    padding-block: 25px 20px;
  }
}
.blog-box .blog-content .blog-meta {
  gap: 40px;
}
.blog-box .blog-content .blog-meta span {
  color: #D0D0E1;
  font-weight: 600;
  line-height: 1;
}
.blog-box .blog-content .blog-meta span.blog-date {
  color: #B017C9;
}
.blog-box .blog-content .blog-meta span:not(:last-of-type)::after {
  width: 7px;
  height: 7px;
  top: 50%;
  right: -20px;
  background-color: #D0D0E1;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-box .blog-content .blog-title {
  margin-block: 18px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-box .blog-content .blog-title {
    margin-block: 10px;
  }
}
.blog-box .blog-content p {
  color: #D0D0E1;
  font-weight: 500;
}
.blog-box .blog-footer {
  padding-top: 35px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-box .blog-footer {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 575.98px) {
  .blog-box .blog-footer .btn-primary .btn-wrapper {
    line-height: 280%;
    padding-inline: 15px;
  }
}
.blog-box .blog-footer .blog-share {
  gap: 12px;
}
.blog-box .blog-footer .blog-share .title {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575.98px) {
  .blog-box .blog-footer .blog-share .title {
    font-size: 14px;
  }
}
.blog-box .blog-footer .blog-share .share-list {
  gap: 10px;
}
@media only screen and (max-width: 575.98px) {
  .blog-box .blog-footer .blog-share .share-list {
    gap: 5px;
  }
}
.blog-box .blog-footer .blog-share .share-list a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575.98px) {
  .blog-box .blog-footer .blog-share .share-list a {
    font-size: 14px;
  }
}
.blog-box .blog-footer .blog-share .share-list a:hover {
  color: #B017C9;
}
.blog-box:hover .blog-thumb img {
  -webkit-transform: scale(1.1) rotate(3deg);
  -ms-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

.testimonial.section .container::after {
  right: 0;
  bottom: -120px;
  width: 80px;
  height: 12px;
  background-color: #B017C9;
}
@media only screen and (max-width: 767.98px) {
  .testimonial.section .container::after {
    bottom: -60px;
  }
}
.testimonial__icon {
  top: 0;
  right: 63px;
  animation: rotate 4.5s linear infinite;
}
@media only screen and (max-width: 991.98px) {
  .testimonial__icon {
    display: none;
  }
}
.testimonial__thumb-wrapper {
  padding-right: 74px;
}
@media only screen and (max-width: 1199.98px) {
  .testimonial__thumb-wrapper {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonial__thumb-wrapper {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 575.98px) {
  .testimonial__thumb-wrapper {
    padding-right: 10px;
  }
}
.testimonial__thumb {
  z-index: 0;
}
.testimonial__thumb::after {
  bottom: -20px;
  right: -20px;
  width: 177px;
  height: 153px;
  background-color: #B017C9;
  z-index: -1;
}
@media only screen and (max-width: 1439.98px) {
  .testimonial__thumb::after {
    bottom: -15px;
    right: -15px;
  }
}
@media only screen and (max-width: 575.98px) {
  .testimonial__thumb::after {
    bottom: -10px;
    right: -10px;
  }
}
.testimonial__slider {
  margin-top: 20px;
}
.testimonial__slider .testimonial-slide {
  margin-bottom: 20px;
}
.testimonial__pagination .swiper-pagination-bullet {
  width: 19px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  border-radius: 0;
}
.testimonial__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #B017C9;
}

.testimonial2__slider {
  max-width: 1010px;
}
.testimonial2__navigation .testimonial2-next,
.testimonial2__navigation .testimonial2-prev {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  color: #0A0A14;
}
.testimonial2__navigation .testimonial2-next.active,
.testimonial2__navigation .testimonial2-prev.active {
  background-color: #B017C9;
}
@media only screen and (max-width: 575.98px) {
  .testimonial2__navigation .testimonial2-next,
  .testimonial2__navigation .testimonial2-prev {
    display: none;
  }
}

.testimonial-slide {
  gap: 20px;
}
@media only screen and (max-width: 575.98px) {
  .testimonial-slide {
    flex-direction: column;
  }
}
.testimonial-slide p {
  max-width: 497px;
  color: #D0D0E1;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 150%;
  text-transform: capitalize;
}
.testimonial-slide .author img {
  border: 4px solid #B017C9;
}

.testimonial-slide2 {
  text-align: center;
}
.testimonial-slide2 .quote-shape {
  color: #B017C9;
  margin-bottom: 43px;
}
.testimonial-slide2 .quote {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 153.846%;
}
.testimonial-slide2 .quote .quote-icon {
  color: #B017C9;
}
.testimonial-slide2 .author {
  text-align: center;
  margin-top: 43px;
}
.testimonial-slide2 .author .author-thumb {
  border-radius: 100%;
  width: 68px;
  height: 68px;
  overflow: hidden;
  margin-inline: auto;
}
.testimonial-slide2 .author .author-thumb img {
  height: 100%;
  width: 100%;
}
.testimonial-slide2 .author .author-thumb::before {
  inset: 0px;
  background-color: transparent;
  border-radius: 100%;
  border: 4px solid #B017C9;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.testimonial-slide2 .author .author-info {
  margin-top: 25px;
}
.testimonial-slide2 .author .author-info .name {
  font-weight: 700;
  text-transform: capitalize;
}
.testimonial-slide2 .author .author-info .designation {
  color: #B017C9;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.team-box {
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: #1E1E2F;
  padding: 24px 42px;
}
@media only screen and (max-width: 1439.98px) {
  .team-box {
    padding: 24px;
  }
}
.team-box .team-thumb {
  border: 6px solid #B017C9;
  border-radius: 100%;
  overflow: hidden;
  max-width: 202px;
  max-height: 202px;
  aspect-ratio: 1;
  margin-inline: auto;
}
@media only screen and (max-width: 767.98px) {
  .team-box .team-thumb {
    max-width: 182px;
    max-height: 182px;
  }
}
.team-box .team-thumb::before {
  inset: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 100%;
  opacity: 0;
}
.team-box .team-thumb img {
  width: 100%;
  height: 100%;
}
.team-box .team-content {
  padding-block: 24px 14px;
}
.team-box .team-content .name {
  font-weight: 700;
  text-transform: capitalize;
}
.team-box .team-content .designation {
  color: #B017C9;
  font-weight: 600;
  text-transform: capitalize;
}
.team-box .social ul {
  gap: 15px;
  text-transform: uppercase;
}
.team-box .social ul li a {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.team-box .social ul li a:hover {
  color: #B017C9;
}
.team-box:hover .team-thumb::before {
  background: linear-gradient(180deg, rgba(176, 23, 201, 0) 0%, rgba(140, 23, 102, 0.7) 100%);
  opacity: 1;
}

.portfolio-box {
  border-radius: 15px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .portfolio-box img {
    min-height: 300px;
    object-fit: cover;
  }
}
.portfolio-box .icon-box {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  inset: 0;
  border-radius: 15px;
  background: rgba(176, 23, 201, 0.4);
  opacity: 0;
}
.portfolio-box .icon-box a {
  width: 128px;
  height: 128px;
  border-radius: 100%;
  z-index: 0;
  background-color: rgba(10, 10, 20, 0.2);
}
.portfolio-box .icon-box a .icon-wrapper {
  width: 110px;
  height: 110px;
  background-color: rgba(30, 30, 47, 0.9);
  border-radius: 100%;
}
.portfolio-box .content {
  width: 80%;
  height: auto;
  left: 50%;
  bottom: -200px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #B017C9;
  text-align: center;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 10px 10px 0px 0px;
  background: rgba(30, 30, 47, 0.98);
  padding: 9px;
}
.portfolio-box:hover .icon-box {
  opacity: 1;
}
.portfolio-box:hover .content {
  bottom: 0px;
}

.music.section {
  z-index: 2;
}
.music__shape {
  z-index: -1;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.music-box {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: #1E1E2F;
  overflow: hidden;
  gap: 30px;
}
@media only screen and (max-width: 991.98px) {
  .music-box {
    gap: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .music-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.music-box .music-thumb {
  max-width: 265px;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .music-box .music-thumb {
    max-width: 100%;
  }
}
.music-box .music-thumb img {
  width: 100%;
  height: 100%;
}
.music-box .music-content {
  padding-block: 35.5px;
  padding-inline-end: 35.5px;
}
@media only screen and (max-width: 767.98px) {
  .music-box .music-content {
    padding-inline: 35.5px;
  }
}
@media only screen and (max-width: 575.98px) {
  .music-box .music-content {
    padding-inline: 25px;
  }
}
.music-box .music-content .music-heder .music-info .music-name {
  font-weight: 800;
  text-transform: uppercase;
}
.music-box .music-content .music-heder .music-info .singer {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #D0D0E1;
}
.music-box .music-content .music-heder .music-buy {
  gap: 9px;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.music-box .music-content .music-heder .music-buy i {
  color: #B017C9;
}
@media only screen and (max-width: 575.98px) {
  .music-box .music-content .music-heder .music-buy {
    gap: 5px;
    font-size: 12px;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 320.98px) {
  .music-box .music-content .music-heder .music-buy {
    flex-direction: column;
  }
}
.music-box .music-content .music-divider {
  height: 6px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: #0A0A14;
  box-shadow: 0px 4px 4px 0px rgba(23, 23, 23, 0.25) inset;
  margin-block: 30px 20px;
}
@media only screen and (max-width: 575.98px) {
  .music-box .music-content .music-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
}
.music-box .music-content .music-footer .play {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: none;
  margin-right: 15px;
}
@media only screen and (max-width: 575.98px) {
  .music-box .music-content .music-footer .play {
    margin: 0;
  }
}
.music-box .music-content .music-footer .play i {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 14px;
}
.music-box .music-content .music-footer .play.now-play {
  background-color: #B017C9;
}
.music-box .music-content .music-footer .play.now-play i::before {
  --fa: "";
}
.music-box .music-content .music-footer .music-length,
.music-box .music-content .music-footer .music-duration {
  width: 100%;
  min-width: 45px;
  max-width: 50px;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  user-select: none;
}
.music-box .music-content .music-footer .music-length span,
.music-box .music-content .music-footer .music-duration span {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.music-box .music-content .music-footer .music-length span:nth-child(2),
.music-box .music-content .music-footer .music-duration span:nth-child(2) {
  opacity: 0;
}
.music-box .music-content .music-footer .music-track {
  background: rgba(255, 255, 255, 0.1);
  height: 7px;
  margin-inline: 13px;
  cursor: pointer;
}
.music-box .music-content .music-footer .music-track .music-progress {
  width: 0px;
  height: 100%;
  background-color: #B017C9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.music-box .music-content .music-footer .music-velum {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #0A0A14;
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 4px 0px #000 inset;
  font-size: 14px;
  color: #B017C9;
  margin-inline: 28px 10px;
  cursor: pointer;
}
@media only screen and (max-width: 575.98px) {
  .music-box .music-content .music-footer .music-velum {
    margin: 0;
  }
}
.music-box .music-content .music-footer .music-velum.muted i {
  --fa: "";
}
.music-box .music-content .music-footer .voluom-track {
  width: 37px;
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 575.98px) {
  .music-box .music-content .music-footer .voluom-track {
    width: 100px;
  }
}
.music-box .music-content .music-footer .voluom-track .voluom-progress {
  width: 100%;
  height: 100%;
  background-color: #B017C9;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.music-box .music-content .music-footer .music-controller {
  width: 100%;
}
@media only screen and (max-width: 575.98px) {
  .music-box .music-content .music-footer .volume-controller {
    gap: 20px;
  }
}
.music-box:hover .music-content .music-heder .music-buy {
  color: #B017C9;
}
.music-box:hover .music-content .music-heder .music-buy i {
  color: #B017C9;
}

@media only screen and (max-width: 767.98px) {
  .music-player__player {
    padding-block: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .music-player__player {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 20px;
  }
}
.music-player__player .play-btn {
  background-color: #B017C9;
  width: 119px;
  height: 140px;
  font-size: 45px;
  color: #FFFFFF;
  border: none;
}
@media only screen and (max-width: 575.98px) {
  .music-player__player .play-btn {
    width: 100px;
    height: 100px;
    font-size: 30px;
  }
}
.music-player__player .play-btn.now-play i {
  --fa:"";
}
.music-player__player .music-player {
  padding-left: 30px;
}
@media only screen and (max-width: 767.98px) {
  .music-player__player .music-player {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 15px;
  }
}
@media only screen and (max-width: 575.98px) {
  .music-player__player .music-player {
    padding-left: 0;
    width: 100%;
  }
}
.music-player__player .music-player .music-info {
  padding-right: 80px;
}
@media only screen and (max-width: 991.98px) {
  .music-player__player .music-player .music-info {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .music-player__player .music-player .music-info {
    padding-right: 0px;
    width: 100%;
  }
}
.music-player__player .music-player .music-info .music-name {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.music-player__player .music-player .music-info .singer {
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.music-player__player .music-player .music-controller {
  width: 100%;
}
.music-player__player .music-player .music-controller .music-length,
.music-player__player .music-player .music-controller .music-duration {
  width: 100%;
  min-width: 45px;
  max-width: 50px;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  user-select: none;
}
.music-player__player .music-player .music-controller .music-length span,
.music-player__player .music-player .music-controller .music-duration span {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.music-player__player .music-player .music-controller .music-length span:nth-child(2),
.music-player__player .music-player .music-controller .music-duration span:nth-child(2) {
  opacity: 0;
}
.music-player__player .music-player .music-controller .music-track {
  background: rgba(255, 255, 255, 0.1);
  height: 7px;
  margin-inline: 13px;
  cursor: pointer;
}
.music-player__player .music-player .music-controller .music-track .music-progress {
  width: 0%;
  height: 100%;
  background-color: #B017C9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 767.98px) {
  .music-player__player .music-player .volume-controller {
    width: 100%;
  }
}
@media only screen and (max-width: 575.98px) {
  .music-player__player .music-player .volume-controller {
    gap: 20px;
  }
}
.music-player__player .music-player .volume-controller .music-velum {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #0A0A14;
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 4px 0px #000 inset;
  font-size: 14px;
  color: #B017C9;
  margin-inline: 28px 10px;
  cursor: pointer;
}
@media only screen and (max-width: 767.98px) {
  .music-player__player .music-player .volume-controller .music-velum {
    margin-left: 0;
  }
}
@media only screen and (max-width: 575.98px) {
  .music-player__player .music-player .volume-controller .music-velum {
    margin: 0;
  }
}
.music-player__player .music-player .volume-controller .music-velum.muted i {
  --fa: "";
}
.music-player__player .music-player .volume-controller .voluom-track {
  width: 37px;
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 767.98px) {
  .music-player__player .music-player .volume-controller .voluom-track {
    width: 120px;
  }
}
.music-player__player .music-player .volume-controller .voluom-track .voluom-progress {
  width: 100%;
  height: 100%;
  background-color: #B017C9;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.quote__wrapper {
  border-radius: 40px 10px 10px 10px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: #0A0A14;
  overflow: hidden;
  padding-block: 9px;
  padding-inline-end: 9px;
  max-width: 1241px;
  margin: 0 auto;
}
.quote__slider {
  margin-left: -2px;
  border-radius: 40px 10px 10px 10px;
  border: 2px solid rgba(255, 255, 255, 0.3);
}
.quote__slider .quote__pagination {
  bottom: 80px;
  text-align: right;
  padding-right: 60px;
  z-index: 5;
}
.quote__slider .quote__pagination .swiper-pagination-bullet {
  background-color: #D0D0E1;
  opacity: 1;
}
.quote__slider .quote__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #B017C9;
}
@media only screen and (max-width: 767.98px) {
  .quote__slider .quote__pagination {
    bottom: 50px;
  }
}
@media only screen and (max-width: 575.98px) {
  .quote__slider .quote__pagination {
    text-align: center;
    bottom: 10px;
    margin-top: 15px;
    padding: 0;
  }
}

.quote-box {
  padding: 60px;
}
@media only screen and (max-width: 767.98px) {
  .quote-box {
    padding: 30px;
  }
}
.quote-box .quote-icon {
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 0%;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1439.98px) {
  .quote-box .quote-icon {
    font-size: 75px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .quote-box .quote-icon {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991.98px) {
  .quote-box .quote-icon {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767.98px) {
  .quote-box .quote-icon {
    font-size: 50px;
  }
}
@media only screen and (max-width: 575.98px) {
  .quote-box .quote-icon {
    font-size: 40px;
  }
}
.quote-box .quote {
  color: #FFFFFF;
  font-weight: 600;
  line-height: 153.846%;
  letter-spacing: 0.78px;
  text-transform: capitalize;
}
.quote-box .quote-footer {
  margin-top: 30px;
}
@media only screen and (max-width: 991.98px) {
  .quote-box .quote-footer {
    margin-top: 20px;
  }
}
.quote-box .quote-footer .author {
  gap: 18px;
}
.quote-box .quote-footer .author .author-avatar {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid rgba(176, 23, 201, 0.7);
}
.quote-box .quote-footer .author .author-avatar img {
  object-fit: cover;
}
.quote-box .quote-footer .author .author-content .author-name {
  color: #D0D0E1;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  text-transform: capitalize;
}
.quote-box .quote-footer .author .author-content .author-designation {
  color: #FFFFFF;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 3px;
}
@media only screen and (max-width: 575.98px) {
  .quote-box .quote-footer .author .author-content .author-designation {
    font-size: 18px;
  }
}

.statistic.section {
  padding-block: 65px;
}
@media only screen and (min-width: 1600px) {
  .statistic.section {
    background-size: 100% 100%;
  }
}
.statistic__box {
  gap: 15px;
}
@media only screen and (max-width: 575.98px) {
  .statistic__box {
    padding-inline: 30px;
  }
}
.statistic__box .icon-box {
  width: 95px;
  height: 95px;
  color: #FFFFFF;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1199.98px) {
  .statistic__box .icon-box {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 575.98px) {
  .statistic__box .icon-box {
    width: 70px;
    height: 70px;
  }
}
.statistic__box .icon-box svg {
  color: inherit;
  width: inherit;
  height: inherit;
}
.statistic__box .content .counter-item {
  color: #0A0A14;
  line-height: 1;
}
.statistic__box .content .counter-item > * {
  font-size: inherit;
  line-height: 1;
}
.statistic__box .content .info {
  color: #0A0A14;
  line-height: 1;
  font-weight: 700;
  font-family: "Bricolage Grotesque", sans-serif;
}
@media only screen and (min-width: 1200px) {
  .statistic__box .content .info {
    font-size: 18px;
  }
}
.statistic__box:hover .icon-box {
  color: #B017C9;
}

.statistic-box2 .counter-item {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.statistic-box2 .counter-item::before {
  left: calc(100% + 20px);
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #B017C9;
  border-radius: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 767.98px) {
  .statistic-box2 .counter-item::before {
    left: calc(100% + 10px);
    width: 15px;
    height: 15px;
  }
}
@media only screen and (max-width: 575.98px) {
  .statistic-box2 .counter-item::before {
    width: 12px;
    height: 12px;
  }
}
.statistic-box2 .info {
  color: #D0D0E1;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}
@media only screen and (max-width: 767.98px) {
  .statistic-box2 .info {
    font-size: 16px;
  }
}
.statistic-box2:hover .counter-item, .statistic-box2.active .counter-item {
  color: #B017C9;
}
.statistic-box2:hover .counter-item::before, .statistic-box2.active .counter-item::before {
  opacity: 1;
}

@media only screen and (min-width: 1600px) {
  .skills.section {
    background-size: 100% 100%;
  }
}

.skill-box {
  border-radius: 27px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 5.72px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.skill-box__inner {
  border-radius: 27px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 28.53px 34.5px 40px 35.5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 767.98px) {
  .skill-box__inner {
    padding-inline: 20px;
    padding-block-start: 15px;
    padding-block-end: 20px;
  }
}
.skill-box .skill-header {
  gap: 20px;
}
.skill-box .skill-header .skill-icon {
  width: 75.5px;
  height: 75.5px;
  border-radius: 100%;
  background-color: #FFFFFF;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.skill-box .skill-header .skill-name {
  text-transform: capitalize;
}
.skill-box:hover, .skill-box.active {
  border-color: #B017C9;
}
.skill-box:hover .skill-box__inner, .skill-box.active .skill-box__inner {
  border-color: #B017C9;
}
.skill-box:hover .skill-box__inner .skill-header .skill-icon, .skill-box.active .skill-box__inner .skill-header .skill-icon {
  background-color: #B017C9;
}

.skill {
  margin-top: 20px;
}
.skill .title {
  color: #B017C9;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
}
.skill .skill-bar {
  width: 100%;
  height: 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 5px;
}
.skill .skill-bar .skill-progress {
  width: 50%;
  height: 100%;
  border-radius: 4px;
  background-color: #B017C9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.skill .skill-bar .skill-progress .skill-count {
  bottom: 15px;
  right: 0;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.skill.v2 .title {
  text-transform: uppercase;
  color: #D0D0E1;
}
.skill.v2 .skill-bar {
  height: 12.5px;
  border: 2px solid rgba(255, 255, 255, 0.14);
  background-color: #1E1E2F;
  border-radius: 10px;
}
.skill.v2 .skill-bar .skill-progress {
  height: calc(100% - 2px);
  top: 50%;
  left: 1px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.skill.v2 .skill-bar .skill-progress .skill-count {
  color: #D0D0E1;
}

@media only screen and (min-width: 1200px) {
  .faq.section .section-header {
    margin-left: 45px;
  }
}
.faq.section .section-header img {
  top: 0;
  right: 0;
  animation: carve-rotate 2.5s linear infinite alternate;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
@media only screen and (max-width: 767.98px) {
  .faq.section .section-header img {
    display: none;
  }
}
.faq__thumb img {
  border-radius: 40px;
  background: #1E1E2F;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (max-width: 767.98px) {
  .faq__thumb img {
    border-radius: 20px;
  }
}
.faq__thumb .info {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-50%) scale(-1);
  -ms-transform: translateY(-50%) scale(-1);
  transform: translateY(-50%) scale(-1);
  color: #D0D0E1;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
  height: 100%;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .faq__accordion {
    margin-left: 45px;
  }
}
.faq__accordion .accordion-item {
  border: none;
  background: transparent;
}
.faq__accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 10px;
}
.faq__accordion .accordion-item:first-of-type, .faq__accordion .accordion-item:last-of-type {
  border-radius: 20px;
}
.faq__accordion .accordion-item:first-of-type .accordion-header .accordion-button, .faq__accordion .accordion-item:last-of-type .accordion-header .accordion-button {
  border-radius: 20px;
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item:first-of-type .accordion-header .accordion-button, .faq__accordion .accordion-item:last-of-type .accordion-header .accordion-button {
    border-radius: 10px;
  }
}
.faq__accordion .accordion-item:first-of-type .accordion-header .accordion-button.collapsed, .faq__accordion .accordion-item:last-of-type .accordion-header .accordion-button.collapsed {
  border-radius: 20px;
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item:first-of-type .accordion-header .accordion-button.collapsed, .faq__accordion .accordion-item:last-of-type .accordion-header .accordion-button.collapsed {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item:first-of-type, .faq__accordion .accordion-item:last-of-type {
    border-radius: 10px;
  }
}
.faq__accordion .accordion-item .accordion-header .accordion-button {
  border-radius: 20px;
  padding-inline: 26px;
  padding-bottom: 17px;
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item .accordion-header .accordion-button {
    border-radius: 10px;
    padding-inline: 15px;
    padding-bottom: 10px;
  }
}
.faq__accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.faq__accordion .accordion-item .accordion-header .accordion-button.collapsed, .faq__accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  background: #1E1E2F;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
}
.faq__accordion .accordion-item .accordion-header .accordion-button::after {
  width: 45px;
  height: 45px;
  background-color: #0A0A14;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  background: unset;
  font: var(--fa-font-regular);
  content: "\f107";
}
.faq__accordion .accordion-item .accordion-body {
  padding-inline: 30px;
  padding-block: 30px 24px;
  color: #D0D0E1;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  text-transform: capitalize;
}
@media only screen and (max-width: 767.98px) {
  .faq__accordion .accordion-item .accordion-body {
    padding-inline: 15px;
    padding-block: 15px 9px;
  }
}
.faq__accordion .accordion-item .accordion-body ul {
  margin-top: 6px;
}
.faq__accordion .accordion-item .accordion-body ul li {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: inherit;
}
.faq__accordion .accordion-item .accordion-body ul li::before {
  font: var(--fa-font-solid);
  content: "\e122";
  color: #B017C9;
  padding-right: 10px;
  font-size: 9px;
}

.work.section .btn-primary {
  padding: 0;
  background: transparent;
}
.work.section .btn-primary .btn-wrapper {
  border-radius: 50%;
  padding-inline: 44.5px;
  padding-block: 26.5px;
}
@media only screen and (max-width: 767.98px) {
  .work.section .btn-primary .btn-wrapper {
    padding-inline: 30px;
    padding-block: 10px;
  }
}
.work.section .circular-ball {
  top: -80px;
  right: -200px;
  animation: rotate 4.5s linear infinite;
}
@media only screen and (max-width: 1439.98px) {
  .work.section .circular-ball {
    right: -100px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .work.section .circular-ball {
    display: none;
  }
}
.work.section .section-shape {
  bottom: 0;
  left: 0;
}
.work__tabs {
  border: none;
  gap: 10px;
}
@media only screen and (max-width: 767.98px) {
  .work__tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.work__tabs .work-tab button {
  gap: 10px;
  overflow: hidden;
  padding-inline: 18px;
  color: #D0D0E1;
  background: #1E1E2F;
  border: 1px solid #17B9C9;
  border-radius: 30px;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}
.work__tabs .work-tab button:active, .work__tabs .work-tab button:focus, .work__tabs .work-tab button:focus-visible, .work__tabs .work-tab button:hover {
  border-color: #17B9C9;
}
.work__tabs .work-tab button .dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #0A0A14;
  border: 1.5px solid #17B9C9;
}
@media only screen and (max-width: 575.98px) {
  .work__tabs .work-tab button {
    font-size: 12px;
  }
}
.work__tabs .work-tab button.active {
  border-color: #17B9C9;
  color: #D0D0E1;
  background-color: #1E1E2F;
}
.work__tabs .work-tab button.active .dot {
  background-color: #B017C9;
  border-color: #B017C9;
}
.work__content-container:focus-visible,
.work__content-container :focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.work-masonry__filter {
  column-gap: 48px;
  row-gap: 15px;
}
.work-masonry__filter .vs-btn {
  border: none;
  padding: 0;
  background-color: transparent;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
}
.work-masonry__filter .vs-btn.active {
  color: #B017C9;
}

.work-box {
  background-color: #1E1E2F;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 25px;
  overflow: hidden;
  padding-inline: 25px;
  padding-block: 25px 50px;
}
@media only screen and (max-width: 1199.98px) {
  .work-box {
    padding-block: 25px 40px;
  }
}
@media only screen and (max-width: 575.98px) {
  .work-box {
    padding-inline: 15px;
    padding-block: 15px 30px;
    border-radius: 15px;
  }
}
.work-box .work-thumb {
  overflow: hidden;
  border-radius: 25px;
}
@media only screen and (max-width: 575.98px) {
  .work-box .work-thumb {
    border-radius: 15px;
  }
}
.work-box .work-thumb img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.work-box .work-thumb .thumb-info {
  inset: 0;
  border-radius: 25px;
  background: rgba(176, 23, 201, 0.7);
  opacity: 0;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.work-box .work-thumb .thumb-info .icon {
  width: 85px;
  height: 85px;
  border-radius: 100%;
  background-color: rgba(10, 10, 20, 0.96);
  font-size: 23px;
}
.work-box .work-content {
  margin-top: 28px;
}
.work-box .work-content .work-info .sub-title {
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  margin-top: 10px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.work-box .work-content .work-link {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.1);
  color: #B017C9;
  background-color: #0A0A14;
  overflow: hidden;
}
.work-box .work-content .work-link svg {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 575.98px) {
  .work-box .work-content {
    margin-top: 15px;
  }
  .work-box .work-content .work-info .sub-title {
    font-size: 15px;
  }
}
.work-box:hover .work-thumb img {
  -webkit-transform: scale(1.2) rotate(5deg);
  -ms-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg);
}
.work-box:hover .work-thumb .thumb-info {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.work-box:hover .work-content .work-info .sub-title {
  color: #B017C9;
}
.work-box:hover .work-content .work-link svg {
  animation: forward-backward 1s linear infinite alternate;
}
.work-box.v2 {
  border-radius: 40px;
  padding-block-end: 40px;
}
@media only screen and (max-width: 575.98px) {
  .work-box.v2 {
    padding: 15px;
    padding-block-end: 15px;
  }
}
.work-box.v2 .work-thumb {
  border-radius: 25px;
}
@media only screen and (max-width: 767.98px) {
  .work-box.v2 .work-thumb {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 575.98px) {
  .work-box.v2 .work-thumb {
    border-radius: 5px;
  }
}
.work-box.v2 .work-thumb::before {
  width: 100%;
  height: 100%;
  background: rgba(176, 23, 201, 0.65);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 575.98px) {
  .work-box.v2 .work-content .work-link {
    width: 45px;
    height: 45px;
  }
}
.work-box.v2:hover .work-thumb::before {
  opacity: 1;
}

.service__shape-1 {
  left: 300px;
  top: 0;
}
.service__shape-1 img {
  animation: forward-backward 1s linear infinite alternate;
}
@media only screen and (max-width: 1199.98px) {
  .service__shape-1 {
    top: -50px;
    left: 200px;
  }
}
@media only screen and (max-width: 991.98px) {
  .service__shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .service__header {
    max-width: 410px;
    width: 100%;
  }
}
.service__shapes {
  color: #B017C9;
}
.service__shapes svg:first-of-type {
  margin-left: 20px;
}
.service__shapes svg:last-of-type {
  margin-left: 80px;
  margin-top: -20px;
}
@media only screen and (max-width: 991.98px) {
  .service__shapes {
    display: none;
  }
}
.service2.section {
  overflow: hidden;
  border-bottom: 1px double rgba(208, 208, 225, 0.12);
  z-index: 2;
}
.service2__bg {
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .service2__boxes [class^=col-]:nth-child(2) .service-box2 {
    border-left: 1px solid rgba(208, 208, 225, 0.1);
    border-right: 1px solid rgba(208, 208, 225, 0.1);
  }
}
.service2__info {
  z-index: 2;
  gap: 25px;
  overflow: hidden;
  background-color: #B017C9;
  height: 100%;
  padding: 40px;
}
@media only screen and (max-width: 767.98px) {
  .service2__info {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .service2__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.service2__info .service2-video {
  border-radius: 100%;
  width: 96px;
  height: 96px;
  background-color: #0A0A14;
  border: 3px dashed #B017C9;
  cursor: pointer;
}
.service2__info .service2-video i {
  font-size: 23px;
}
.service2__info .info .sub-title {
  color: #0A0A14;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.service2__info .info .sub-title::after {
  left: calc(100% + 10px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 42px;
  height: 3.004px;
  border-radius: 5px;
  background-color: #0A0A14;
}
.service2__info .info .title {
  max-width: 284px;
  color: #0A0A14;
}
.service2__info .info-bg {
  z-index: -1;
  bottom: 0;
  right: 75px;
}

.service-box {
  border-radius: 22px;
  padding-inline: 33px;
  padding-block: 35px 48px;
  border-radius: 22px;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  background-image: url("../images/service/service-box-bg-1-1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-box .service-header {
  gap: 15px;
}
.service-box .service-header .service-icon {
  color: #B017C9;
}
.service-box .service-header .service-icon svg {
  width: 75px;
  height: 72px;
}
@media only screen and (max-width: 1199.98px) {
  .service-box .service-header .service-icon svg {
    width: 60px;
    height: 58px;
  }
}
.service-box .service-header .service-number {
  color: #B017C9;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 437.5%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.service-box .service-body {
  margin-top: 10px;
}
.service-box .service-body .title {
  line-height: 233.333%;
}
.service-box .service-body p {
  font-weight: 500;
  text-transform: capitalize;
}
.service-box .service-footer {
  gap: 17px;
  margin-top: 25px;
}
.service-box .service-footer .circle {
  width: 41px;
  height: 41px;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #17B9C9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.service-box .service-footer .line {
  width: 100%;
  height: 2px;
  background: rgba(208, 208, 225, 0.2);
}
.service-box:hover .service-footer {
  gap: 17px;
}
.service-box:hover .service-footer .circle {
  color: #0A0A14;
  background-color: #B017C9;
  border-color: rgba(176, 23, 201, 0.2);
}
.service-box.v2 {
  padding: 0;
  border-radius: 21px;
  border: 1.5px solid #2E0C6A;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .service-box.v2 {
    flex-direction: column;
  }
}
.service-box.v2 .service-thumb {
  max-width: 320px;
  width: 100%;
}
.service-box.v2 .service-thumb img {
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767.98px) {
  .service-box.v2 .service-thumb {
    max-width: 100%;
  }
}
.service-box.v2 .service-content {
  background: #B017C9;
  border-left: 1.5px solid #2E0C6A;
  padding-inline: 43px 33px;
  padding-block: 50px 42px;
}
.service-box.v2 .service-content .service-header .service-number {
  color: #1E1E2F;
}
.service-box.v2 .service-content .service-body .title,
.service-box.v2 .service-content .service-body p {
  color: #1E1E2F;
}
.service-box.v2 .service-content .service-body .title a {
  color: inherit;
  font-size: inherit;
}
.service-box.v2 .service-content .service-footer {
  gap: 17px;
  margin-top: 25px;
}
.service-box.v2 .service-content .service-footer .circle {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: #1E1E2F;
}
.service-box.v2 .service-content .service-footer .line {
  background: #1E1E2F;
}
@media only screen and (max-width: 767.98px) {
  .service-box.v2 .service-content {
    padding-inline: 33px;
    padding-block: 35px 48px;
  }
}
.service-box.v2:hover .service-content .service-footer .circle {
  color: #B017C9;
}

.service-box2 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-block: 60px;
  padding-inline: 20px;
}
@media only screen and (max-width: 1439.98px) {
  .service-box2 {
    padding-block: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .service-box2 {
    padding-block: 20px;
  }
}
.service-box2 .icon {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: #0A0A14;
  border: 2px dashed rgba(176, 23, 201, 0.4);
  margin-inline: auto;
}
.service-box2 .icon i,
.service-box2 .icon svg {
  color: #B017C9;
}
.service-box2 .service-content .service-title {
  margin-top: 20px;
}
.service-box2 .service-content p {
  margin-top: 10px;
}
.service-box2:hover {
  background: rgba(10, 10, 20, 0.3);
}
.service-box2:hover .icon {
  background-color: transparent;
}

.widget {
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background-color: #0A0A14;
  padding-inline: 36px;
  padding-block: 33px 45px;
}
@media only screen and (max-width: 1439.98px) {
  .widget {
    border-radius: 5px;
    padding-inline: 20px;
    padding-block: 20px 25px;
  }
}
.widget:not(:last-of-type) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1439.98px) {
  .widget:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.widget .widget-title {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.widget .widget-title::after {
  content: "//";
  top: calc(50% - 3px);
  left: calc(100% + 10px);
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  color: #B017C9;
}
.widget__search .search-form {
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  padding-inline-end: 18px;
}
@media only screen and (max-width: 1439.98px) {
  .widget__search .search-form {
    padding-inline-end: 12px;
    border-radius: 4px;
  }
}
.widget__search .search-form input {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  height: 60px;
  padding-inline: 18px 10px;
}
@media only screen and (max-width: 1439.98px) {
  .widget__search .search-form input {
    padding-inline: 12px 8px;
  }
}
.widget__search .search-form input::placeholder {
  color: #D0D0E1;
  opacity: 1;
}
.widget__search .search-form input:focus, .widget__search .search-form input:active {
  border: none;
  box-shadow: none;
  outline: none;
}
@media only screen and (max-width: 1439.98px) {
  .widget__search .search-form input {
    height: 50px;
  }
}
.widget__search .search-form button {
  background-color: transparent;
  border: none;
  color: #D0D0E1;
}
.widget__categories .categories ul li a {
  gap: 15px;
  color: #fff;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 18px;
  font-weight: 600;
}
.widget__categories .categories ul li a.active, .widget__categories .categories ul li a:hover {
  color: #B017C9;
}
.widget__categories .categories ul li:not(:last-of-type) {
  margin-bottom: 12px;
}
@media only screen and (max-width: 1199.98px) {
  .widget__categories .categories ul li:not(:last-of-type) {
    margin-bottom: 6px;
  }
}
.widget__recent-post .recent-post .post {
  gap: 20px;
}
.widget__recent-post .recent-post .post .post-thumb {
  width: 89px;
  height: 89px;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 1439.98px) {
  .widget__recent-post .recent-post .post .post-thumb {
    border-radius: 5px;
  }
}
@media only screen and (max-width: 575.98px) {
  .widget__recent-post .recent-post .post .post-thumb {
    width: 70px;
    height: 70px;
  }
}
.widget__recent-post .recent-post .post .post-thumb img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100%;
}
.widget__recent-post .recent-post .post .post-content .post-date {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  line-height: 1;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.widget__recent-post .recent-post .post .post-content .post-title {
  line-height: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.widget__recent-post .recent-post .post .post-content .post-title a {
  color: #D0D0E1;
  line-height: 1.5;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
}
.widget__recent-post .recent-post .post:hover .post-thumb img, .widget__recent-post .recent-post .post.active .post-thumb img {
  -webkit-transform: rotate(5deg) scale(1.2);
  -ms-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
}
.widget__recent-post .recent-post .post:hover .post-content .post-date, .widget__recent-post .recent-post .post.active .post-content .post-date {
  color: #B017C9;
}
.widget__recent-post .recent-post .post:not(:last-of-type) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1439.98px) {
  .widget__recent-post .recent-post .post:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.widget__follow-us .follow-us {
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.widget__follow-us .follow-us a {
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 1439.98px) {
  .widget__follow-us .follow-us a {
    border-radius: 5px;
  }
}
.widget__follow-us .follow-us a img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.widget__follow-us .follow-us a:hover img {
  -webkit-transform: rotate(5deg) scale(1.2);
  -ms-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
}
.widget__tags .tags {
  gap: 6.25px;
}
.widget__tags .tags a {
  background-color: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 700;
  border-radius: 8px;
  padding-inline: 18px;
  padding-block: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1439.98px) {
  .widget__tags .tags a {
    border-radius: 5px;
    padding-inline: 10px;
    padding-block: 5px;
  }
}
.widget__tags .tags a:hover, .widget__tags .tags a.active {
  border-color: rgba(176, 23, 201, 0.5);
}

.widget-services .title {
  font-size: 26px;
  text-transform: uppercase;
  padding-left: 18px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199.98px) {
  .widget-services .title {
    margin-bottom: 20px;
  }
}
.widget-services .title::before {
  left: 0;
  top: 50%;
  width: 6px;
  height: 100%;
  background-color: #B017C9;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.widget-services .service-items ul li:not(:last-of-type) {
  margin-bottom: 15px;
}
.widget-services .service-items ul li a {
  gap: 20px;
  border-radius: 20px;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  background: #0A0A14;
  color: #D0D0E1;
  font-weight: 700;
  text-transform: capitalize;
  padding-inline: 23px;
  padding-block: 22px;
}
@media only screen and (max-width: 1199.98px) {
  .widget-services .service-items ul li a {
    padding-inline: 20px;
    padding-block: 15px;
  }
}
.widget-services .service-items ul li a i,
.widget-services .service-items ul li a svg {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.widget-services .service-items ul li a:hover i,
.widget-services .service-items ul li a:hover svg {
  color: #B017C9;
}

.widget-contact {
  border-radius: 20px;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  background: #0A0A14;
  padding-inline: 35.5px;
  padding-block: 48px;
}
@media only screen and (max-width: 1439.98px) {
  .widget-contact {
    padding-inline: 20px;
    padding-block: 30px;
  }
}
.widget-contact.v2 {
  padding: 20px;
  padding-block-end: 45px;
  border-radius: 45px;
}
@media only screen and (max-width: 1439.98px) {
  .widget-contact.v2 {
    border-radius: 30px;
    padding: 15px;
    padding-block-end: 30px;
  }
}
.widget-contact.v2 .contact-thumb {
  border-radius: 25px;
}
@media only screen and (max-width: 1439.98px) {
  .widget-contact.v2 .contact-thumb {
    border-radius: 15px;
  }
}
.widget-contact.v2 .title {
  text-transform: capitalize;
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 13px;
}
.widget-contact .title {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1439.98px) {
  .widget-contact .title {
    margin-bottom: 20px;
  }
}
.widget-contact .contact-thumb {
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 33px;
}
@media only screen and (max-width: 1439.98px) {
  .widget-contact .contact-thumb {
    margin-bottom: 20px;
  }
}
.widget-contact .contact-list ul li {
  gap: 20px;
  color: #D0D0E1;
  font-weight: 600;
  text-transform: capitalize;
}
.widget-contact .contact-list ul li a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: initial;
}
.widget-contact .contact-list ul li svg,
.widget-contact .contact-list ul li i {
  color: #B017C9;
}
.widget-contact .contact-list ul li:not(:last-of-type) {
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (max-width: 1439.98px) {
  .widget-contact .contact-list ul li:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}

.instagram2.section::after {
  content: "";
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #B017C9 0%, #8C1766 100%);
  left: 0;
  bottom: 0;
  z-index: 1;
}
.instagram2__info {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 163px;
  height: 163px;
  background-color: #B017C9;
  border-radius: 100%;
  gap: 15px;
  line-height: 1;
  color: #0A0A14;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 700;
  letter-spacing: 1.6px;
}
.instagram2__info i {
  color: #0A0A14;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767.98px) {
  .instagram2__info {
    width: 120px;
    height: 120px;
    font-size: 12px;
    gap: 10px;
  }
  .instagram2__info i {
    font-size: 20px;
  }
}
.instagram2__marquee-container {
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  padding: 164px 0;
}
@media only screen and (max-width: 767.98px) {
  .instagram2__marquee-container {
    padding: 150px 0;
  }
}
.instagram2__marquee {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: scroll_x linear infinite;
  animation-duration: 20s;
  justify-content: space-between;
}
.instagram2__marquee:hover {
  animation-play-state: paused;
}
.instagram2__slider {
  flex: 0 0 auto;
  display: flex;
  min-width: auto;
  flex-direction: row;
}
.error.section {
  z-index: 2;
}
.error__content .sub-title {
  line-height: 1;
}
.error__content .sub-title::before, .error__content .sub-title::after {
  width: 60px;
  height: 3px;
  background: #D0D0E1;
  bottom: 3px;
}
.error__content .sub-title::before {
  left: -77px;
}
.error__content .sub-title::after {
  right: -77px;
}
.error__content .title {
  margin-top: 40px;
  gap: 25px;
  line-height: 0;
  font-size: 380px;
  color: #B017C9;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
}
@media only screen and (max-width: 1439.98px) {
  .error__content .title {
    font-size: 350px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .error__content .title {
    font-size: 320px;
  }
}
@media only screen and (max-width: 991.98px) {
  .error__content .title {
    font-size: 300px;
  }
}
@media only screen and (max-width: 767.98px) {
  .error__content .title {
    font-size: 250px;
    gap: 15px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .error__content .title {
    font-size: 160px;
    gap: 10px;
  }
}
.error__content .title .right {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.error__content .title .error-shape {
  line-height: 0;
}
.error__content .title .error-shape svg {
  height: auto;
}
@media only screen and (max-width: 1439.98px) {
  .error__content .title .error-shape svg {
    max-width: 175px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .error__content .title .error-shape svg {
    max-width: 165px;
  }
}
@media only screen and (max-width: 991.98px) {
  .error__content .title .error-shape svg {
    max-width: 150px;
  }
}
@media only screen and (max-width: 767.98px) {
  .error__content .title .error-shape svg {
    max-width: 125px;
  }
}
@media only screen and (max-width: 575.98px) {
  .error__content .title .error-shape svg {
    max-width: 80px;
  }
}
.error__content .error-info {
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 25px;
}
@media only screen and (max-width: 767.98px) {
  .error__content .error-info {
    margin-top: 15px;
  }
}
.error__content .error-info span {
  color: #B017C9;
}
.error__content a {
  margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
  .error__content a {
    margin-top: 20px;
  }
}

.scroll-btn {
  position: fixed;
  bottom: 300px;
  right: 30px;
  z-index: 94;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  border-radius: 50%;
}
.scroll-btn i {
  display: inline-block;
  background-color: #B017C9;
  color: #0A0A14;
  text-align: center;
  font-size: 16px;
  width: var(--btn-size, 50px);
  height: var(--btn-size, 50px);
  line-height: var(--btn-size, 50px);
  z-index: 2;
  border-radius: inherit;
  position: relative;
  transition: all ease 0.8s;
}
.scroll-btn:before {
  content: "";
  position: absolute;
  left: var(--extra-shape, -6px);
  top: var(--extra-shape, -6px);
  right: var(--extra-shape, -6px);
  bottom: var(--extra-shape, -6px);
  background-color: transparent;
  border-radius: inherit;
  z-index: 1;
  border: 2px dashed #B017C9;
  animation: spin 13s infinite linear;
}
.scroll-btn:focus i, .scroll-btn:hover i {
  background-color: #8C1766;
  color: #FFFFFF;
}
.scroll-btn.show {
  bottom: 120px;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 575.98px) {
  .scroll-btn {
    --btn-size: 40px;
    --extra-shape: -4px;
    right: 15px;
    bottom: 50px;
  }
  .scroll-btn.show {
    bottom: 15px;
  }
}

.scrollToTop {
  position: fixed;
  right: 60px;
  bottom: 60px;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
  z-index: 96;
}
.scrollToTop.show {
  bottom: 60px;
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 991.98px) {
  .play-btn.style4 {
    --icon-size: 80px;
    --icon-font-size: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .play-btn {
    --icon-size: 60px;
  }
  .scrollToTop {
    right: 20px;
  }
  .scrollToTop.show {
    bottom: 20px;
  }
}
.blog-details__content .blog-thumb img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blog-details__content .blog-thumb:hover img {
  -webkit-transform: scale(1.1) rotate(3deg) !important;
  -ms-transform: scale(1.1) rotate(3deg) !important;
  transform: scale(1.1) rotate(3deg) !important;
}
.blog-details__content .p-md {
  margin-bottom: 24px;
}
.blog-details__content blockquote {
  background-color: #0A0A14;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  color: #D0D0E1;
  font-size: 18px;
  font-weight: 500;
  padding-inline: 40px 50px;
  padding-block: 30px 35px;
  margin-bottom: 38px;
}
.blog-details__content blockquote i,
.blog-details__content blockquote svg {
  color: #B017C9;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 8px;
}
.blog-details__content blockquote cite {
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  font-style: normal;
  margin-top: 18px;
}
.blog-details__content blockquote cite::before {
  content: "";
  width: 40px;
  height: 1.5px;
  background-color: #B017C9;
}
.blog-details__content .blog-title-second {
  margin-bottom: 22px;
}
.blog-details__content .blog-thumbs {
  margin-block: 40px;
}
.blog-details__content .blog-thumbs .figure {
  border-radius: 20px;
  overflow: hidden;
}
.blog-details__content .blog-thumbs .figure img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blog-details__content .blog-thumbs .figure:hover img {
  -webkit-transform: scale(1.1) rotate(3deg);
  -ms-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}
.blog-details__content:hover .blog-thumb img {
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
.blog-details .share-links {
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  margin-top: 75px;
}
@media only screen and (max-width: 1199.98px) {
  .blog-details .share-links {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog-details .share-links {
    margin-top: 40px;
  }
}
.blog-details .share-links .tags .title {
  text-transform: inherit;
  color: #FFFFFF;
}
.blog-details .share-links .tags .tags-list a {
  text-transform: inherit;
}

.blog-single .blog-single-author {
  gap: 30px;
  background-color: #0A0A14;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 33px 24px 45px;
  margin-top: 60px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .blog-single-author {
    border-radius: 10px;
    gap: 20px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog-single .blog-single-author {
    flex-direction: column;
    align-items: start;
  }
}
.blog-single .blog-single-author .media-img {
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  overflow: hidden;
  width: 137px;
  height: 137px;
}
.blog-single .blog-single-author .media-body .author-name {
  row-gap: 5px;
  column-gap: 15px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
}
.blog-single .blog-single-author .media-body .author-name .designation {
  color: #B017C9;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.42px;
}
.blog-single .blog-single-author .media-body .author-text {
  color: #D0D0E1;
  font-weight: 500;
  margin-bottom: 10px;
}
.blog-single .blog-single-author .social-share-list {
  gap: 13px;
}
.blog-single .blog-single-author .social-share-list a {
  color: #D0D0E1;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.45px;
}
.blog-single .blog-single-author .social-share-list a:hover {
  color: #B017C9;
}
.blog-single .post-pagination {
  gap: 20px;
  margin-top: 40px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .post-pagination {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 320.98px) {
  .blog-single .post-pagination {
    flex-direction: column;
  }
}
.blog-single .post-pagination .post-pagi-box {
  gap: 12px;
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.48px;
}
.blog-single .post-pagination .post-pagi-box i {
  color: #B017C9;
}
.blog-single .post-pagination .post-pagi-box.current {
  color: #FFFFFF;
}
@media only screen and (max-width: 320.98px) {
  .blog-single .post-pagination .post-pagi-box {
    width: 100%;
  }
  .blog-single .post-pagination .post-pagi-box.prev {
    justify-content: flex-start;
  }
  .blog-single .post-pagination .post-pagi-box.next {
    justify-content: flex-end;
  }
}
.blog-single .comments-wrap {
  margin-top: 80px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comments-wrap {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 991.98px) {
  .blog-single .comments-wrap {
    margin-top: 60px;
  }
}
.blog-single .comments-wrap .blog-single-title {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comments-wrap .blog-single-title {
    margin-bottom: 20px;
  }
}
.blog-single .comments-wrap .children {
  margin-left: 80px;
  margin-top: 15.5px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comments-wrap .children {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .blog-single .comments-wrap .children {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 991.98px) {
  .blog-single .comments-wrap .children {
    margin-left: 40px;
  }
}
.blog-single .comment-form {
  margin-top: 80px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comment-form {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 991.98px) {
  .blog-single .comment-form {
    margin-top: 60px;
  }
}
.blog-single .comment-form .comment-respond .form-header {
  margin-bottom: 35px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comment-form .comment-respond .form-header {
    margin-bottom: 25px;
  }
}
.blog-single .comment-form .comment-respond .form-header .form-title {
  margin-bottom: 12px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comment-form .comment-respond .form-header .form-title {
    margin-bottom: 6px;
  }
}
.blog-single .comment-form .comment-respond .form-header .form-text {
  color: #D0D0E1;
  font-weight: 500;
}
.blog-single .comment-form .comment-respond .form-control {
  border-radius: 20px;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  background: rgba(10, 10, 20, 0.7);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  resize: none;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.45px;
  padding: 0;
  padding-inline: 30px;
  padding-block: 24.75px;
}
.blog-single .comment-form .comment-respond .form-control::placeholder {
  color: #D0D0E1;
  opacity: 1;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comment-form .comment-respond .form-control {
    border-radius: 8px;
    padding-inline: 20px;
    padding-block: 15px;
  }
}
.blog-single .comment-form .comment-respond .custom-checkbox {
  color: #D0D0E1;
  font-weight: 500;
  user-select: none;
  margin-top: 25px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comment-form .comment-respond .custom-checkbox {
    margin-top: 15px;
  }
}
.blog-single .comment-form .comment-respond .custom-checkbox input {
  visibility: hidden;
  width: 0;
  height: 0;
}
.blog-single .comment-form .comment-respond .custom-checkbox label {
  padding-left: 40px;
  cursor: pointer;
}
.blog-single .comment-form .comment-respond .custom-checkbox label::after {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #0A0A14;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-single .comment-form .comment-respond .custom-checkbox input[type=checkbox]:checked ~ label::after {
  background-color: #B017C9;
  content: "\f00c";
  font: var(--fa-font-solid);
  color: #0A0A14;
  font-size: 14px;
}
.blog-single .comment-form .comment-respond .btn-primary {
  margin-top: 35px;
}
@media only screen and (max-width: 1439.98px) {
  .blog-single .comment-form .comment-respond .btn-primary {
    margin-top: 25px;
  }
}

.post-comment {
  gap: 30px;
  background-color: #0A0A14;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 33px 24px 45px;
}
@media only screen and (max-width: 1439.98px) {
  .post-comment {
    gap: 20px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .post-comment {
    flex-direction: column;
    align-items: start;
  }
}
.post-comment .comment-avater {
  width: 137px;
  height: 137px;
  border-radius: 100%;
  border: 3px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
.post-comment .comment-avater img {
  width: 100%;
  height: 100%;
}
.post-comment .comment-content .content-header {
  row-gap: 8px;
  column-gap: 15px;
  line-height: 1;
  margin-bottom: 15px;
}
.post-comment .comment-content .content-header .name {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.6px;
  line-height: inherit;
}
.post-comment .comment-content .content-header .commented-on {
  color: #B017C9;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.42px;
}
.post-comment .comment-content .text {
  font-weight: 500;
  margin-bottom: 10px;
}
.post-comment .comment-content .replay-btn {
  gap: 7px;
  color: #D0D0E1;
}
.post-comment .comment-content .replay-btn i,
.post-comment .comment-content .replay-btn svg {
  color: #B017C9;
}

@media only screen and (min-width: 1200px) {
  .service-details__content {
    margin-left: 20px;
  }
}
.service-details__content .p-mb {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767.98px) {
  .service-details__content .p-mb {
    margin-bottom: 20px;
  }
}
.service-details__content p {
  font-weight: 500;
}
.service-details__content .service-title {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767.98px) {
  .service-details__content .service-title {
    margin-bottom: 10px;
  }
}
.service-details__content .service-thumb {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 28px;
}
@media only screen and (max-width: 767.98px) {
  .service-details__content .service-thumb {
    margin-bottom: 20px;
    border-radius: 10px;
  }
}
.service-details__content .service-list {
  margin-block: 20px 30px;
}
@media only screen and (max-width: 767.98px) {
  .service-details__content .service-list {
    margin-block: 10px 20px;
  }
}
.service-details__content .service-list ul li {
  gap: 10px;
  color: #D0D0E1;
}
.service-details__content .service-list ul li:not(:last-of-type) {
  margin-bottom: 3px;
}
.service-details__content .service-list ul li i,
.service-details__content .service-list ul li svg {
  color: #B017C9;
}
.service-details__content .service-sub-title {
  margin-bottom: 22px;
}
@media only screen and (max-width: 767.98px) {
  .service-details__content .service-sub-title {
    margin-bottom: 15px;
  }
}
.service-details__content .service-video video {
  width: 100%;
  border-radius: 20px;
}
@media only screen and (max-width: 991.98px) {
  .service-details__content .service-video video {
    border-radius: 10px;
  }
}
.service-details__content .service-video video.pointer {
  cursor: pointer;
}
.service-details__content .service-video .play-btn {
  left: 50%;
  top: 50%;
  border: none;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  color: #FFFFFF;
  background-color: rgba(176, 23, 201, 0.2);
  backdrop-filter: blur(45px);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.service-details__content .service-video .play-btn i,
.service-details__content .service-video .play-btn svg {
  font-size: 36px;
}
@media only screen and (max-width: 1199.98px) {
  .service-details__content .service-video .play-btn {
    width: 100px;
    height: 100px;
  }
  .service-details__content .service-video .play-btn i,
  .service-details__content .service-video .play-btn svg {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .service-details__content .service-video .play-btn {
    width: 80px;
    height: 80px;
  }
  .service-details__content .service-video .play-btn i,
  .service-details__content .service-video .play-btn svg {
    font-size: 25px;
  }
}
.service-details__content .service-video .play-btn.disabled {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
.service-details__sidebar .widget-services {
  margin-bottom: 35px;
}
@media only screen and (max-width: 1199.98px) {
  .service-details__sidebar .widget-services {
    margin-bottom: 20px;
  }
}

.share-links {
  padding-top: 27px;
  border-top: 4px double rgba(255, 255, 255, 0.15);
  margin-top: 85px;
}
@media only screen and (max-width: 1199.98px) {
  .share-links {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767.98px) {
  .share-links {
    margin-top: 40px;
  }
}
.share-links .tags {
  gap: 12px;
}
.share-links .tags .title {
  color: #B017C9;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575.98px) {
  .share-links .tags .title {
    font-size: 14px;
  }
}
.share-links .tags .tags-list {
  gap: 10px;
}
.share-links .tags .tags-list a {
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575.98px) {
  .share-links .tags .tags-list a {
    font-size: 14px;
  }
}
.share-links .tags .tags-list a:hover {
  color: #B017C9;
}
.share-links .share {
  gap: 12px;
}
.share-links .share .title {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575.98px) {
  .share-links .share .title {
    font-size: 14px;
  }
}
.share-links .share .share-list {
  gap: 10px;
}
.share-links .share .share-list a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #D0D0E1;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575.98px) {
  .share-links .share .share-list a {
    font-size: 14px;
  }
}
.share-links .share .share-list a:hover {
  color: #B017C9;
}

.work-details__content .work-thumb {
  padding: 25px;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  border-radius: 50px;
  margin-bottom: 40px;
}
.work-details__content .work-thumb .work-thumb-wrapper {
  border-radius: 25px;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .work-thumb {
    padding: 10px;
    border-radius: 25px;
  }
  .work-details__content .work-thumb .work-thumb-wrapper {
    border-radius: 15px;
  }
}
.work-details__content .work-title {
  text-transform: capitalize;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .work-title {
    row-gap: 8px;
    margin-bottom: 20px;
  }
}
.work-details__content .work-title .tags {
  gap: 10px;
}
.work-details__content .work-title .tags a {
  border-radius: 30px;
  border: 1px solid #2E0C6A;
  background: #0A0A14;
  color: #D0D0E1;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding-inline: 15px;
  padding-inline-start: 35px;
  padding-block: 9.42px;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .work-title .tags a {
    font-size: 11px;
    padding-inline: 15px;
    padding-inline-start: 22px;
    padding-block: 5px;
  }
}
.work-details__content .work-title .tags a::before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  box-shadow: 0 0 0 1.5px #2E0C6A;
  background-color: #0A0A14;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .work-title .tags a::before {
    width: 6px;
    height: 6px;
    left: 10px;
  }
}
.work-details__content .work-title .tags a.active::before {
  box-shadow: none;
  background-color: #B017C9;
}
.work-details__content p {
  text-transform: capitalize;
}
.work-details__content .p-mb {
  margin-bottom: 15px;
}
.work-details__content .key-feature__content .key-feature-title {
  text-transform: capitalize;
  margin-bottom: 16px;
}
.work-details__content .key-feature__accordion {
  background-color: transparent;
}
.work-details__content .key-feature__accordion .accordion-item {
  border-radius: 0;
  border: none;
  background-color: transparent;
  padding: 0;
}
.work-details__content .key-feature__accordion .accordion-item:first-of-type > .accordion-header .accordion-button, .work-details__content .key-feature__accordion .accordion-item:last-of-type > .accordion-header .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.work-details__content .key-feature__accordion .accordion-item:not(:last-of-type) {
  border-bottom: 2px solid #B017C9;
  padding-bottom: 28px;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .key-feature__accordion .accordion-item:not(:last-of-type) {
    padding-bottom: 15px;
  }
}
.work-details__content .key-feature__accordion .accordion-item:not(:first-of-type) {
  margin-top: 22px;
}
.work-details__content .key-feature__accordion .accordion-header {
  background-color: transparent;
}
.work-details__content .key-feature__accordion .accordion-button {
  gap: 40px;
  background-color: transparent;
  padding: 0;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .key-feature__accordion .accordion-button {
    gap: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .work-details__content .key-feature__accordion .accordion-button {
    gap: 20px;
  }
}
.work-details__content .key-feature__accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
  padding-bottom: 10px;
  color: #B017C9;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .key-feature__accordion .accordion-button:not(.collapsed) {
    padding-bottom: 5px;
  }
}
.work-details__content .key-feature__accordion .accordion-button::after {
  content: unset;
}
.work-details__content .key-feature__accordion .accordion-button:focus {
  box-shadow: none;
}
.work-details__content .key-feature__accordion .accordion-button span {
  max-width: 25px;
  width: 100px;
}
.work-details__content .key-feature__accordion .accordion-body {
  gap: 40px;
  padding: 0;
  color: #D0D0E1;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (max-width: 991.98px) {
  .work-details__content .key-feature__accordion .accordion-body {
    gap: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .work-details__content .key-feature__accordion .accordion-body {
    gap: 20px;
  }
}
.work-details__content .key-feature__accordion .accordion-body span {
  font-size: 20px;
  font-weight: 700;
  opacity: 0;
  max-width: 25px;
  width: 100px;
}
.work-details__content .key-feature__thumb {
  border-radius: 14px !important;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .work-details__content .key-feature__thumb {
    margin-left: 25px;
  }
}

.team-details__content .team-title {
  text-transform: capitalize;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .team-title {
    row-gap: 8px;
    margin-bottom: 20px;
  }
}
.team-details__content .team-title .tags {
  gap: 10px;
}
.team-details__content .team-title .tags a {
  border-radius: 30px;
  border: 1px solid #2E0C6A;
  background: #0A0A14;
  color: #D0D0E1;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding-inline: 15px;
  padding-inline-start: 35px;
  padding-block: 9.42px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .team-title .tags a {
    font-size: 11px;
    padding-inline: 15px;
    padding-inline-start: 22px;
    padding-block: 5px;
  }
}
.team-details__content .team-title .tags a::before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  box-shadow: 0 0 0 1.5px #2E0C6A;
  background-color: #0A0A14;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .team-title .tags a::before {
    width: 6px;
    height: 6px;
    left: 10px;
  }
}
.team-details__content .team-title .tags a.active::before {
  box-shadow: none;
  background-color: #B017C9;
}
.team-details__content p {
  text-transform: capitalize;
}
.team-details__content .p-mb {
  margin-bottom: 15px;
}
.team-details__content .skills-area {
  padding-block: 35px;
}
@media only screen and (max-width: 1199.98px) {
  .team-details__content .skills-area {
    padding-block: 25px;
  }
}
.team-details__content .skills-area .team-thumb {
  border-radius: 14px !important;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .team-details__content .skills-area .team-thumb {
    margin-left: 25px;
  }
}
.team-details__content .award__content .award-title {
  text-transform: capitalize;
  margin-bottom: 16px;
}
.team-details__content .award__accordion {
  background-color: transparent;
}
.team-details__content .award__accordion .accordion-item {
  border-radius: 0;
  border: none;
  background-color: transparent;
  padding: 0;
}
.team-details__content .award__accordion .accordion-item:first-of-type > .accordion-header .accordion-button, .team-details__content .award__accordion .accordion-item:last-of-type > .accordion-header .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.team-details__content .award__accordion .accordion-item:not(:last-of-type) {
  border-bottom: 2px solid #B017C9;
  padding-bottom: 28px;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .award__accordion .accordion-item:not(:last-of-type) {
    padding-bottom: 15px;
  }
}
.team-details__content .award__accordion .accordion-item:not(:first-of-type) {
  margin-top: 22px;
}
.team-details__content .award__accordion .accordion-header {
  background-color: transparent;
}
.team-details__content .award__accordion .accordion-button {
  gap: 40px;
  background-color: transparent;
  padding: 0;
  color: #FFFFFF;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .award__accordion .accordion-button {
    gap: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-details__content .award__accordion .accordion-button {
    gap: 20px;
  }
}
.team-details__content .award__accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
  padding-bottom: 10px;
  color: #B017C9;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .award__accordion .accordion-button:not(.collapsed) {
    padding-bottom: 5px;
  }
}
.team-details__content .award__accordion .accordion-button::after {
  content: unset;
}
.team-details__content .award__accordion .accordion-button:focus {
  box-shadow: none;
}
.team-details__content .award__accordion .accordion-button span {
  max-width: 25px;
  width: 100px;
}
.team-details__content .award__accordion .accordion-body {
  gap: 40px;
  padding: 0;
  color: #D0D0E1;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (max-width: 991.98px) {
  .team-details__content .award__accordion .accordion-body {
    gap: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .team-details__content .award__accordion .accordion-body {
    gap: 20px;
  }
}
.team-details__content .award__accordion .accordion-body span {
  font-size: 20px;
  font-weight: 700;
  opacity: 0;
  max-width: 25px;
  width: 100px;
}
.team-details__content .award__thumb {
  border-radius: 14px !important;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .team-details__content .award__thumb {
    margin-left: 25px;
  }
}
.team-details__content .contact__form {
  margin-top: 70px;
}
@media only screen and (max-width: 1199.98px) {
  .team-details__content .contact__form {
    margin-top: 40px;
  }
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Configuration
# Normalize
# Typography
# Global CSS
# Layout CSS
# Components CSS
# Pages CSS
--------------------------------------------------------------*/
/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * 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;
  }
}

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

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

.tns-0 {
  transition: none;
}

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

/*=======> utility classes start here <=======*/
.text-color-primary {
  color: #B017C9;
}

.bg-color-primary {
  background-color: #B017C9;
}

.text-color-body {
  color: #0A0A14;
}

.bg-color-body {
  background-color: #0A0A14;
}

.text-color-1 {
  color: #0A0A14;
}

.bg-color-1 {
  background-color: #0A0A14;
}

.text-color-2 {
  color: #0A0A14;
}

.bg-color-2 {
  background-color: #0A0A14;
}

.text-color-3 {
  color: #1E1E2F;
}

.bg-color-3 {
  background-color: #1E1E2F;
}

.text-color-4 {
  color: #1E1E2F;
}

.bg-color-4 {
  background-color: #1E1E2F;
}

.text-color-5 {
  color: #2E0C6A;
}

.bg-color-5 {
  background-color: #2E0C6A;
}

.text-color-6 {
  color: #1E1E2F;
}

.bg-color-6 {
  background-color: #1E1E2F;
}

.text-color-7 {
  color: #2E0C6A;
}

.bg-color-7 {
  background-color: #2E0C6A;
}

.text-color-8 {
  color: #0A0A14;
}

.bg-color-8 {
  background-color: #0A0A14;
}

.text-color-9 {
  color: #D0D0E1;
}

.bg-color-9 {
  background-color: #D0D0E1;
}

.text-color-10 {
  color: #D0D0E1;
}

.bg-color-10 {
  background-color: #D0D0E1;
}

.text-color-11 {
  color: #0A0A14;
}

.bg-color-11 {
  background-color: #0A0A14;
}

.text-color-12 {
  color: #0A0A14;
}

.bg-color-12 {
  background-color: #0A0A14;
}

.text-color-13 {
  color: #1E1E2F;
}

.bg-color-13 {
  background-color: #1E1E2F;
}

.text-color-14 {
  color: #B017C9;
}

.bg-color-14 {
  background-color: #B017C9;
}

.text-color-15 {
  color: #8C1766;
}

.bg-color-15 {
  background-color: #8C1766;
}

.text-color-16 {
  color: #1E1E2F;
}

.bg-color-16 {
  background-color: #1E1E2F;
}

.text-color-white {
  color: #FFFFFF;
}

.bg-color-white {
  background-color: #FFFFFF;
}

.text-color-black {
  color: #000;
}

.bg-color-black {
  background-color: #000;
}

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

/* Video Background Styles */
.video-background-container {
  position: relative;
  overflow: hidden;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  z-index: 1;
}

.video-bg.active {
  opacity: 1;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
  z-index: 2;
}

/* Ensure content stays above video */
.hero-two .hero-two-container {
  position: relative;
  z-index: 3;
}

.hero-two__bottom-content,
.hero-two__sidebar {
  position: relative;
  z-index: 3;
}