.wsmenu html,
 .wsmenu body,
 .wsmenu iframe,
     {
     margin: 0;
     padding: 0;
     border: 0;
     vertical-align: baseline;
     font-weight: normal;
     font-size: 16px;
     line-height: 18px;
     font-family: "Open Sans", sans-serif;
     -webkit-font-smoothing: subpixel-antialiased;
     font-smoothing: antialiased;
     font-smooth: antialiased;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-font-smoothing: subpixel-antialiased;
     font-smoothing: subpixel-antialiased;
     font-smooth: subpixel-antialiased;
 }

 .cl {
     clear: both;
 }

 .wsmenu img,
 object {
     border: 0 none;
     max-width: 100%;
 }

 .wsmenu a:focus {
     outline: none;
 }

 .wsmenu:before,
 .wsmenu:after {
     content: "";
     display: table;
 }

 .wsmenu:after {
     clear: both;
 }

 .fs-input a {
     font-size: 15px;
 }

 .fs-15 {
     font-size: 15px !important;
 }

 .fs-input p {
     font-size: 14px !important;
     font-weight: 400;
 }

 p.info-development {
     font-size: 15px !important;
     font-family: "Poppins", sans-serif;
 }

 .ms-drop {
     display: flex !important
 }

 .ms-drop:after {
     content: "\f107";
     font-family: "Font Awesome 6 Pro";
     margin-left: 0.35rem;
     font-weight: 900;
     font-size: 0.8rem;
     vertical-align: middle;
     border: none;
 }

 .btn-green {
     background: #09B850;
     color: #fff
 }

 .btn-green:hover {
     background: #089c44;
     color: #fff !important;
     font-weight: 500 !important
 }

 .btn-green:focus {
     background: #089c44;
     color: #fff !important
 }

 .btn-sm {
     padding: 10px 20px !important
 }

 .btn-link {
     color: #09B850;
 }

 .btn-link:hover {
     color: #089c44;
 }

 .btn-link:focus {
     color: #089c44;
 }

 .icon-md {
     width: 2.6rem;
     height: 2.6rem;
     line-height: 2.6rem;
     text-align: center;
     font-size: 0.8rem;
 }

 .icon-link {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     gap: 0.375rem;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
     text-underline-offset: 0.25em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .icon-link>.bi {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: auto;
     height: auto;
     color: #fff;
     fill: currentcolor;
     -webkit-transition: 0.2s ease-in-out transform;
     transition: 0.2s ease-in-out transform;
 }

 @media (prefers-reduced-motion: reduce) {
     .icon-link>.bi {
         -webkit-transition: none;
         transition: none;
     }
 }

 .icon-link-hover:hover>.bi,
 .icon-link-hover:focus-visible>.bi {
     -webkit-transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
     transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
 }

 .text-dark {
     --bs-text-opacity: 1;
     color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
 }

 .dropdown-item {
     display: block;
     width: 100%;
     padding: 1rem .5rem;
     clear: both;
     font-weight: 500;
     color: var(--bs-dropdown-link-color);
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
     border-radius: var(--bs-dropdown-item-border-radius, 0);
 }

 .dropdown-item:hover,
 .dropdown-item:focus {
     color: var(--bs-dropdown-link-hover-color);
     background-color: var(--bs-dropdown-link-hover-bg);
 }

 .dropdown-item.active,
 .dropdown-item:active {
     color: var(--bs-dropdown-link-active-color);
     text-decoration: none;
     background-color: var(--bs-dropdown-link-active-bg);
 }

 .dropdown-item.disabled,
 .dropdown-item:disabled {
     color: var(--bs-dropdown-link-disabled-color);
     pointer-events: none;
     background-color: transparent;
 }

 .h-30px {
     height: 30px !important;
 }

 .bg-light-hover:hover {
     background-color: #f8f8f8;
 }

 .heading-color {
     color: #202124 !important;
 }

 .btn-light {
     background: #f8f8f8;
     border-color: #f8f8f8;
     color: #202124;
 }

 .btn-light.active,
 .btn-light:active,
 .btn-light:focus,
 .btn-light:hover {
     background: #d3d3d3;
     border-color: #c6c6c6;
     color: #000;
 }

 .btn-xs {
     padding: 0.6rem 0.6rem;
     font-size: 0.6rem;
     line-height: 1.2;
     border-radius: 0.2rem;
 }

 .px-0 {
     padding-right: 0 !important;
     padding-left: 0 !important;
 }

 .px-1 {
     padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
 }

 .px-2 {
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
 }

 .px-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
 }

 .px-4 {
     padding-right: 1.6rem !important;
     padding-left: 1.6rem !important;
 }

 .px-5 {
     padding-right: 2.5rem !important;
     padding-left: 2.5rem !important;
 }

 .px-6 {
     padding-right: 3.5rem !important;
     padding-left: 3.5rem !important;
 }

 .px-7 {
     padding-right: 4rem !important;
     padding-left: 4rem !important;
 }

 .px-8 {
     padding-right: 8rem !important;
     padding-left: 8rem !important;
 }

 .px-9 {
     padding-right: 11rem !important;
     padding-left: 11rem !important;
 }

 .py-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
 }

 .py-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
 }

 .py-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
 }

 .py-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
 }

 .py-4 {
     padding-top: 1.6rem !important;
     padding-bottom: 1.6rem !important;
 }

 .py-5 {
     padding-top: 2.5rem !important;
     padding-bottom: 2.5rem !important;
 }

 .py-6 {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
 }

 .py-7 {
     padding-top: 4rem !important;
     padding-bottom: 4rem !important;
 }

 .py-8 {
     padding-top: 8rem !important;
     padding-bottom: 8rem !important;
 }

 .py-9 {
     padding-top: 11rem !important;
     padding-bottom: 11rem !important;
 }

 .text-bg-green {
     background: #09B850
 }

 .ms-bg-icon {
     background: #fff;
     border: 1px solid #cdcdcd
 }

 .avatar img {
     object-fit: cover;
     height: 60px;
     width: 60px;
 }

 .px-10 {
     padding-left: 100px !important;
     padding-right: 100px !important
 }

 .fs-142 {
     font-size: 82px
 }

 @media(max-width: 991px) {
     .fs-142 {
         font-size: 78px
     }
 }

 @media(max-width: 767px) {
     .fs-142 {
         font-size: 54px
     }
     .px-10 {
         padding-left: 20px !important;
         padding-right: 20px !important
     }
 }

 .fs-130 {
     font-size: 80px
 }

 @media(max-width: 991px) {
     .fs-130 {
         font-size: 70px
     }
 }

 @media(max-width: 767px) {
     .fs-130 {
         font-size: 50px
     }
 }

 .aiart-clr {
     color: #ff7426
 }

 @media(max-width: 767px) {
     .aiart-title {
         font-size: 32px
     }
 }

 .aiart-outline-text {
     background: linear-gradient(91deg, #F22FB0 52.27%, #FF7426 96.15%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-stroke: 4px rgba(0, 0, 0, 0);
     color: #fff
 }

 .aiart-gd-text {
     background: linear-gradient(91deg, #F22FB0 52.27%, #FF7426 96.15%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(0, 0, 0, 0)
 }

 .aiart-gd-bg {
     background: linear-gradient(201.26deg, #F22FB0 9.67%, rgba(255, 116, 38, 0.62) 89.93%)
 }

 .aiart-un-btn {
     width: 142px;
     height: 142px;
     right: 0;
     top: -90px
 }

 @media(max-width: 1199px) {
     .aiart-un-btn {
         display: none !important
     }
 }

 .aiart-gd-btn {
     position: relative;
     isolation: isolate
 }

 .aiart-gd-btn:hover::before {
     opacity: 1
 }

 .aiart-gd-btn::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     border-radius: inherit;
     background: linear-gradient(84deg, rgba(242, 47, 176, 0.1) 15.75%, rgba(255, 116, 38, 0.06) 83.11%);
     background-size: 100%;
     background-position: center;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
 }

 .aiart-gd-btn::after {
     content: "";
     position: absolute;
     inset: 0;
     border: 1px solid rgba(0, 0, 0, 0);
     border-radius: inherit;
     background: linear-gradient(201.26deg, #F22FB0 9.67%, rgba(255, 116, 38, 0.62) 89.93%) border-box;
     -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c0800)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c0800));
     -webkit-mask: linear-gradient(#0c0800 0 0) padding-box, linear-gradient(#0c0800 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     z-index: -1
 }

 .aiart-un-btn-sm {
     width: 58px;
     height: 58px;
     background: -webkit-gradient(linear, left bottom, left top, from(rgba(237, 109, 75, 0.2)), to(rgba(237, 109, 75, 0.2)));
     background: linear-gradient(0deg, rgba(237, 109, 75, 0.2), rgba(237, 109, 75, 0.2))
 }

 .aiart-un-btn-sm:hover {
     background: linear-gradient(201.26deg, #F22FB0 9.67%, rgba(255, 116, 38, 0.62) 89.93%)
 }

 .aiart-un-btn-sm:hover svg {
     -webkit-filter: brightness(4.5);
     filter: brightness(4.5)
 }

 .aiart-btn-gd {
     background: linear-gradient(80.72deg, #F22FB0 17.87%, #FF7426 84.39%)
 }

 .aiart-shadow {
     -webkit-box-shadow: 0px 4px 24px 0px rgba(58, 76, 102, .04) inset, 0px -1.5px 4.5px 0px rgba(191, 197, 202, .65) inset;
     box-shadow: 0px 4px 24px 0px rgba(58, 76, 102, .04) inset, 0px -1.5px 4.5px 0px rgba(191, 197, 202, .65) inset
 }

 .swiper-custom .swiper-wrapper {
     -webkit-transition-timing-function: linear;
     transition-timing-function: linear
 }

 @media(max-width: 1199px) {
     .aiart-hreo-area {
         padding-top: 120px;
         padding-bottom: 0 !important
     }
 }

 .aiart-hreo-area .shape-1 {
     left: 0;
     top: 0
 }

 .aiart-hreo-area .shape-2 {
     right: 0;
     top: 0
 }

 .aiart-hreo-area .shape-3 {
     right: 30px;
     bottom: 30px
 }

 @media(max-width: 1199px) {
     .aiart-hreo-area .shape-3 {
         display: none
     }
 }

 @media(max-width: 991px) {
     .aiart-hreo-area .aiart-un-btn {
         top: -15px
     }
 }

 @media(max-width: 767px) {
     .aiart-hreo-area .aiart-un-btn {
         display: none !important
     }
 }

 @media(max-width: 767px) {
     .aiart-hreo-area h1 span,
     .aiart-hreo-area .h1 span {
         background-color: rgba(0, 0, 0, 0) !important
     }
 }

 @media(max-width: 767px) {
     .aiart-hreo-area h1 span.title-img,
     .aiart-hreo-area .h1 span.title-img {
         display: none !important
     }
     .sw-mt {
         margin-top: 20px !important
     }
 }

 .bg-white-50 {
     background: rgba(255, 255, 255, .5)
 }

 .aiart-hero-img {
     top: -85px;
     right: 25px
 }

 .aiart-hero-img-2 {
     bottom: -185px;
     right: -125px;
 }

 @media(max-width: 1199px) {
     .aiart-hero-img {
         position: inherit !important;
         right: inherit;
         top: inherit
     }
 }

 @media(max-width: 1199px) {
     .aiart-hero-right {
         position: relative;
         margin-top: 10px
     }
 }

 .aiart-hero-list li a:hover {
     color: #fff;
     border: 0;
     background-color: #175cff
 }

 .text-green {
     color: #09B850 !important
 }

 .text-dark-50 {
     color: #505664 !important
 }

 .integration-wrapper h6 {
     font-weight: 500;
     font-size: 14px;
 }

 @media(max-width: 1199px) {
     .aiwt-faq {
         margin-top: 30px
     }
 }

 .aiwt-faq .ca-accordion .accordion-button {
     font-size: 18px;
     font-weight: 500
 }

 .aiwt-faq .accordion-item {
     border: 0
 }

 .aiwt-faq .accordion-item .accordion-header button[aria-expanded=true] {
     background-color: #0c0800;
     color: #fff
 }

 .aiwt-faq .accordion-item .accordion-body {
     padding-top: 20px;
     border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
 }

 .ca-accordion {
     --bs-accordion-border-radius: .5rem;
     --bs-accordion-border-color: #e7e7e7bd;
     --bs-accordion-btn-padding-x: 1.5rem;
     --bs-accordion-active-bg: transparent;
     --bs-accordion-bg: #fff
 }

 .ca-accordion .accordion-item {
     margin-bottom: 1.1rem;
     border-radius: var(--bs-accordion-border-radius)
 }

 .ca-accordion .accordion-item:last-child {
     margin-bottom: 0
 }

 .ca-accordion .accordion-header {
     border-radius: inherit
 }

 .ca-accordion .accordion-button {
     border-radius: inherit !important;
     font-size: 20px;
     font-weight: 700;
     color: #222
 }

 .ca-accordion .accordion-button::after {
     background-image: unset;
     content: "";
     font-family: "Font Awesome 5 Free";
     font-weight: 900
 }

 .ca-accordion .accordion-item:not(:first-of-type) {
     border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
 }

 .ca-accordion .accordion-item:last-of-type .accordion-collapse {
     border-radius: var(--bs-accordion-border-radius)
 }

 .ca-accordion .accordion-button:not(.collapsed) {
     -webkit-box-shadow: unset;
     box-shadow: unset
 }

 .ca-accordion .accordion-button:not(.collapsed)::after {
     background-image: unset;
     content: "ï‹‘";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     height: 16px;
     margin-top: 14px;
 }

 .bg-gradient .text-white {
     color: #fff !important
 }

 .ca-accordion .accordion-body {
     padding-top: 0
 }

 .ms-integ .feature-tab-list-2 li a.active,
 .ms-integ .feature-tab-list-2 li a:hover {
     background: #0448e7 !important;
     color: #fff !important;
     border-color: #012a8b !important;
     padding: 16px 20px;
     border-radius: 10px;
     font-size: 18px;
     font-family: Jost, sans-serif !important;
 }

 .ms-integ .feature-tab-list-2 li a {
     background: #e9eef9;
     color: #24262c;
     border-color: #b7c7eb;
     padding: 16px 20px;
     border-radius: 10px;
     font-size: 18px;
     font-family: Jost, sans-serif !important;
 }

 .ms-ai-img {
     animation: bns1 5s linear infinite;
 }

 @keyframes bns1 {
     50% {
         transform: rotate(-2deg);
     }
     80% {
         transform: translateX(5px);
     }
 }

 .single-integrations {
     border-radius: 6px;
     border: 1px solid #EAEAEA;
     background: #FFF;
     box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.10);
     padding: 20px 20px;
     margin-top: 20px
 }

 .single-integrations .icon {
     margin-bottom: 15px;
 }

 .single-integrations h3 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .sw-mt {
     margin-top: 400px
 }

 .video-background-holder {
     position: relative;
     background-color: black;
     height: calc(100vh - 72px);
     min-height: 65rem;
     width: 100%;
     overflow: hidden;
     padding-bottom: 55px;
 }

 .video-background-holder video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     -ms-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }

 .video-background-content {
     position: relative;
     z-index: 2;
 }

 .video-background-overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6), rgba(255, 255, 255, 1));
     z-index: 1;
 }

 .text-muted {
     color: #83888b !important;
 }

 @media only screen and (min-width: 320px) and (max-width: 350px) {
     span.mobile-logo img {
         max-width: 138px;
         margin: 4px 0 0 50px;
     }
     span.mobile-view-number a {
         font-size: 14px !important;
     }
     span.mobile-view-number a {
         padding: 13px 0px;
     }
     .wsactive .wsanimated-arrow {
         margin: 6px 0 0 15px;
     }
     .ms-techs .integration-list {
         grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
     }
 }

 @media only screen and (min-width: 351px) and (max-width: 480px) {
     span.mobile-logo img {
         max-width: 138px;
         margin: 4px 0 0 50px;
     }
     span.mobile-view-number a {
         font-size: 16px !important;
     }
     span.mobile-view-number a {
         padding: 13px;
     }
     .wsactive .wsanimated-arrow {
         margin: 6px 0 0 15px;
     }
     .ms-techs .integration-list {
         grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
     }
 }

 @media only screen and (min-width: 481px) and (max-width: 1280px) {
     span.mobile-logo img {
         max-width: 170px;
         margin: 4px 0 0 50px;
     }
     .wsactive .wsanimated-arrow {
         margin: 6px 0 0 15px;
     }
     .ms-techs .integration-list {
         grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
     }
 }
 .logo_slider {
      width: 100%;
      overflow: hidden;
      position: relative;
      background: #0a0836;
      padding: 20px 0;
    }

    .logo_slider .slide-track {
      display: flex;
      width: calc(250px * 22); /* 11 logos * 2 (for smooth loop) */
      animation: scroll 30s linear infinite;
    }

    .logo_slider img {
      height: 50px;
      margin: 0 40px;
      transition: transform 0.3s ease;
    }

    .logo_slider img:hover {
      transform: scale(1.2);
    }

    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }