:root {
                       --accent-color: #897ADA;
                   }
                   
                   @font-face {
                       font-family: "Sora-Bold";
                       src: url("..//fonts/Sora-Bold.ttf");
                   }
                   
                   @font-face {
                       font-family: "Sora-Regular";
                       src: url("..//fonts/Sora-Regular.ttf");
                   }
                   
                   @font-face {
                       font-family: "Sora-SemiBold";
                       src: url("..//fonts/Sora-SemiBold.ttf");
                   }
                   
                   @font-face {
                       font-family: "Inter-Medium";
                       src: url("..//fonts/Inter-Medium.ttf");
                   }
                   
                   body {
                       font-family: "Sora-Regular";
                       color: #252525;
                       font-size: 14px;
                   }
                   
                   .inter-medium {
                       font-family: "Inter-medium";
                   }
                   
                   .sora-semi {
                       font-family: "Sora-SemiBold";
                   }
                   
                   .sora-bold {
                       font-family: "Sora-Bold";
                   }
                   
                   a {
                       text-decoration: none;
                   }
                   
                   img {
                       max-width: 100%;
                   }
                   /*header style open*/
                   
                   .header {
                       padding: 15px 0;
                       transition: all 0.5s;
                       z-index: 997;
                       color: #04030B;
                       box-shadow: 0px 7px 10px #0000000c;
                   }
                   
                   .header ul li a {
                       font-size: 16px;
                       color: #000;
                   }
                   
                   .get-start {
                       background-color: #897ADA;
                       color: #fff;
                       padding: 5px 15px;
                       border-radius: 4px;
                       height: 36px !important;
                       width: 130px !important;
                       font-size: 14px;
                       line-height: 25px;
                       display: inline-block;
                       text-align: center;
                       cursor: pointer;
                   }
                   
                   .get-start:hover {
                       background-color: #7e6ed3;
                       color: #fff;
                   }
                   
                   @media (max-width: 1200px) {
                       .header .btn-getstarted {
                           order: 2;
                           margin: 0 15px 0 0;
                           padding: 6px 15px;
                       }
                       .header .navmenu {
                           order: 3;
                       }
                   }
                   /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
                   
                   .name-img {
                       font-size: 36px;
                       width: 75px;
                       height: 75px;
                       background: #f1f1f6;
                       text-align: center;
                       border-radius: 100%;
                       line-height: 73px;
                       margin-right: 15px;
                       color: #897ada;
                       font-weight: 600;
                       min-width: 75px;
                   }
                   .plus-text {
    font-size: 16px;
    font-weight: 700;
}
section#clients img {
    max-height: 85px;
    margin: auto;
    display: table;
}
@media (max-height: 950px) {
        #clients {
        padding: 10px 0px !important;
        }
        .main-banner{padding: 50px 0px !important;}
}
                   /* Desktop Navigation */
                   
                   @media (min-width: 1200px) {
                       .navmenu ul {
                           margin: 0;
                           padding: 0;
                           display: flex;
                           list-style: none;
                           align-items: center;
                       }
                       .navmenu li {
                           position: relative;
                       }
                       .navmenu a,
                       .navmenu a:focus {
                           color: #252525;
                           padding: 18px 15px;
                           transition: 0.3s;
                       }
                   }
                   /* Mobile Navigation */
                   
                   @media (max-width: 1199px) {
                       .mobile-nav-toggle {
                           color: var(--nav-color);
                           font-size: 28px;
                           line-height: 0;
                           margin-right: 10px;
                           cursor: pointer;
                           transition: color 0.3s;
                       }
                       .navmenu {
                           padding: 0;
                           z-index: 9997;
                       }
                       .navmenu ul {
                           display: none;
                           list-style: none;
                           position: absolute;
                           inset: 60px 20px 20px 20px;
                           padding: 10px 0;
                           margin: 0;
                           border-radius: 6px;
                           background-color: var(--nav-mobile-background-color);
                           overflow-y: auto;
                           transition: 0.3s;
                           z-index: 9998;
                           box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
                       }
                       .navmenu a,
                       .navmenu a:focus {
                           color: var(--nav-dropdown-color);
                           padding: 10px 20px;
                           font-size: 17px;
                           font-weight: 500;
                           display: flex;
                           align-items: center;
                           justify-content: space-between;
                           white-space: nowrap;
                           transition: 0.3s;
                       }
                       .navmenu a i,
                       .navmenu a:focus i {
                           font-size: 12px;
                           line-height: 0;
                           margin-left: 5px;
                           width: 30px;
                           height: 30px;
                           display: flex;
                           align-items: center;
                           justify-content: center;
                           border-radius: 50%;
                           transition: 0.3s;
                           background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
                       }
                       .navmenu a i:hover,
                       .navmenu a:focus i:hover {
                           background-color: var(--accent-color);
                           color: var(--contrast-color);
                       }
                       .navmenu a:hover,
                       .navmenu .active,
                       .navmenu .active:focus {
                           color: var(--nav-dropdown-hover-color);
                       }
                       .navmenu .active i,
                       .navmenu .active:focus i {
                           background-color: var(--accent-color);
                           color: var(--contrast-color);
                           transform: rotate(180deg);
                       }
                       .navmenu .dropdown ul {
                           position: static;
                           display: none;
                           z-index: 99;
                           padding: 10px 0;
                           margin: 10px 20px;
                           background-color: var(--nav-dropdown-background-color);
                           border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
                           box-shadow: none;
                           transition: all 0.5s ease-in-out;
                       }
                       .navmenu .dropdown ul ul {
                           background-color: rgba(33, 37, 41, 0.1);
                       }
                       .navmenu .dropdown>.dropdown-active {
                           display: block;
                           background-color: rgba(33, 37, 41, 0.03);
                       }
                       .mobile-nav-active {
                           overflow: hidden;
                       }
                       .mobile-nav-active .mobile-nav-toggle {
                           color: #fff;
                           position: absolute;
                           font-size: 32px;
                           top: 15px;
                           right: 15px;
                           margin-right: 0;
                           z-index: 9999;
                       }
                       .mobile-nav-active .navmenu {
                           position: fixed;
                           overflow: hidden;
                           inset: 0;
                           background: rgba(33, 37, 41, 0.8);
                           transition: 0.3s;
                       }
                       .mobile-nav-active .navmenu>ul {
                           display: block;
                       }
                   }
                   /*header style close*/
                   /*global style*/
                   
                   section,
                   .section {
                       color: var(--default-color);
                       background-color: var(--background-color);
                       padding: 60px 0;
                       scroll-margin-top: 88px;
                       overflow: clip;
                   }
                   
                   @media (max-width: 1199px) {
                       section,
                       .section {
                           scroll-margin-top: 66px;
                       }
                   }
                   
                   h3 {
                       font-size: 21px;
                   }
                   /*global style*/
                   /*banner section open*/
                   
                   .main-banner {
                       background-image: url(..//images/banner-bg.webp);
                       background-repeat: no-repeat;
                       background-size: cover;
                       padding: 80px 0px;
                       margin-top: 103px;
                   }
                   
                   .main-banner .animated {
                       animation: up-down 2s ease-in-out infinite alternate-reverse both;
                   }
                   
                   .main-banner h1 {
                       font-size: 48px;
                   }
                   
                   .main-banner h1 span {
                       color: #897ADA;
                   }
                   
                   .count {
                       padding-left: 50px;
                   }
                   
                   .count p {
                       font-size: 13px;
                   }
                   
                   .counter {
                       font-size: 18px;
                   }
                   
                   .count img {
                       position: absolute;
                       left: 0;
                       max-width: 40px;
                   }
                   
                   @keyframes up-down {
                       0% {
                           transform: translateY(10px);
                       }
                       100% {
                           transform: translateY(-10px);
                       }
                   }
                   
                   .form-container {
                       background-color: #F1F1F6;
                       width: 380px;
                   }
                   
                   .form-container label {
                       font-family: 'Sora-SemiBold';
                       font-size: 14px;
                   }
                   
                   .form-container input:focus {
                       box-shadow: none;
                       border: 1px solid #897ADA;
                   }
                   
                   .form-container input {
                       font-size: 14px;
                       height: 42px;
                       border: 1px solid #fff;
                       transition: 0.3s;
                   }
                   
                   .form-container input:hover {
                       border: 1px solid #897ada;
                   }
                   
                   .carousel-indicators {
                       margin: 0;
                   }
                   
                   .carousel-indicators [data-bs-target] {
                       text-indent: initial;
                   }
                   /*banner section close*/
                   
                   .advanced-lms {
                       background-image: url(..//images/experience-bg.webp);
                       background-repeat: no-repeat;
                       background-size: cover;
                       padding: 80px 0px;
                       background-color: #F1F1F6;
                       height: 866px;
                       background-attachment: fixed;
                       background-position: center;
                   }
                   
                   .advanced-lms .get-start {
                       width: 150px !important;
                   }
                   
                   img.circle-line {
                       width: 1000px;
                       margin: auto;
                       position: absolute;
                       bottom: 0;
                       left: 0;
                       right: 0;
                   }
                   
                   div#carouselExampleCaptions {
                       position: absolute;
                       right: 0;
                       left: 0;
                       margin: auto;
                       display: table;
                       bottom: 0;
                       width: 800px;
                       text-align: center;
                   }
                   
                   .carousel-indicators button {
                       position: absolute;
                       z-index: 999;
                       height: 100px !important;
                       width: 250px !important;
                       opacity: 1 !important;
                       background-color: transparent !important;
                       transition: 0.5s;
                   }
                   
                   .carousel-indicators button.active img {
                       border: 3px solid #897ada;
                       border-radius: 100px;
                   }
                   
                   .carousel-indicators button h5 {
                       font-size: 16px;
                           color: #252525 !important;
                   }
                   
                   button.icon-1 {
                       bottom: 50px;
                       left: -201px;
                   }
                   
                   button.icon-2 {
                       bottom: 264px;
                       left: -100px;
                   }
                   
                   button.icon-3 {
                       bottom: 400px;
                       left: 108px;
                   }
                   
                   button.icon-4 {
                       bottom: 400px;
                       left: 402px;
                   }
                   
                   button.icon-5 {
                       bottom: 264px;
                       left: 639px;
                   }
                   
                   button.icon-6 {
                       bottom: 50px;
                       left: 747px;
                   }
                   
                   .carousel-fade .carousel-item img {
                       width: 500px;
                   }
                   
                   .flexible p {
                       color: #616776;
                   }
                   
                   .flexible {
                       border-bottom: 2px dashed #CDD8E7;
                   }
                   
                   .integration-section {
                       background-image: url(..//images/integration-bg.webp);
                       background-repeat: no-repeat;
                       background-size: cover;
                       padding: 80px 0px;
                       background-color: #F1F1F6;
                       height: 780px;
                       color: #fff;
                       background-attachment: fixed;
                       background-position: center;
                   }
                   
                   .integration-section p {
                       color: #B4B3B6;
                   }
                   
                   img.laptop-img {
                       position: absolute;
                       right: 0;
                       bottom: 0;
                       width: 550px;
                   }
                   
                   .choose-container {
                       background-color: #F1F1F6;
                       padding: 45px 25px;
                       border-radius: 20px;
                   }
                   
                   .choose-container ul li {
                       position: relative;
                       padding-left: 30px;
                       list-style-type: none;
                       margin-bottom: 10px;
                   }
                   
                   .choose-container ul li::before {
                       content: "";
                       background-image: url(..//images/tick.webp);
                       background-repeat: no-repeat;
                       background-size: cover;
                       width: 20px;
                       height: 20px;
                       position: absolute;
                       left: 0;
                   }
                   /*process style open*/
                   
                   img.process {
                       position: absolute;
                       left: 0;
                   }
                   
                   .line1 {
                       top: 0;
                   }
                   
                   .line2 {
                       bottom: 0;
                   }
                   /*process style close*/
                   /*stories style open*/
                   
                   .stories {
                       background: #F1F1F6;
                   }
                   
                   .process-container {
                       h3 {
                           font-size: 18px;
                       }
                   }
                   
                   .story-items {
                       border: 1px solid rgba(13, 70, 137, 0.19);
                       border-radius: 20px;
                       min-height: 310px;
                   }
                   
                   .story-items h3 {
                       font-size: 18px;
                   }
                   
                   .story-items img {
                       height: 70px;
                       width: 70px;
                   }
                   
                   .title-line {
                       background-color: #FE7826;
                       width: 30px;
                       height: 5px;
                       border-radius: 3px;
                       margin-top: 5px;
                   }
                   
                   .border-line {
                       width: 150px;
                       height: 2px;
                       background-color: #000000;
                       display:none;
                   }
                   /*stories style close*/
                   /*talk section style open*/
                   
                   .talk-section {
                       background-image: url(..//images/talk-bg.webp);
                       background-repeat: no-repeat;
                       background-size: cover;
                       padding: 80px 0px;
                       color: #fff;
                   }
                   
                   .talk-section .get-start {
                       width: 195px !important;
                       background-color: #000000;
                   }
                   
                   .talk-section h4 {
                       font-size: 42px;
                   }
                   /*talk section style close*/
                   /*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
                   
                   #preloader {
                       position: fixed;
                       inset: 0;
                       z-index: 999999;
                       overflow: hidden;
                       background: #fff;
                       transition: all 0.6s ease-out;
                   }
                   
                   #preloader:before {
                       content: "";
                       position: fixed;
                       top: calc(50% - 30px);
                       left: calc(50% - 30px);
                       border: 6px solid #ffffff;
                       border-color: var(--accent-color) transparent var(--accent-color) transparent;
                       border-radius: 50%;
                       width: 60px;
                       height: 60px;
                       animation: animate-preloader 1.5s linear infinite;
                   }
                   
                   @keyframes animate-preloader {
                       0% {
                           transform: rotate(0deg);
                       }
                       100% {
                           transform: rotate(360deg);
                       }
                   }
                   /*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
                   
                   .scroll-top {
                       position: fixed;
                       visibility: hidden;
                       opacity: 0;
                       right: 15px;
                       bottom: -15px;
                       z-index: 99999;
                       background-color: var(--accent-color);
                       width: 44px;
                       height: 44px;
                       border-radius: 50px;
                       transition: all 0.4s;
                   }
                   
                   .scroll-top i {
                       font-size: 24px;
                       color: var(--contrast-color);
                       line-height: 0;
                   }
                   
                   .scroll-top:hover {
                       background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
                       color: var(--contrast-color);
                   }
                   
                   .scroll-top.active {
                       visibility: visible;
                       opacity: 1;
                       bottom: 15px;
                   }
                   
                   .request-demo-btn-area button {
                       background-color: #897ADA;
                       border: none;
                       border-radius: 5px;
                       padding: 8px 25px;
                       color: #fff;
                       font-family: "Sora-SemiBold";
                       transition: 0.3s;
                   }
                   
                   .request-demo-btn-area button:hover {
                       background-color: #FE7826;
                   }
                   
                   #footer-section {
                       background: #07162D;
                       padding: 50px 0;
                       font-size: 14px;
                   }
                   
                   .footer-bottom {
                       display: flex;
                       align-items: center;
                       justify-content: space-between;
                   }
                   
                   .footer-bottom .footer-bottom-links a {
                       color: #fff;
                   }
                   
                   .footer-bottom .footer-bottom-links {
                       align-items: center;
                       gap: 7px;
                   }
                   
                   #footer-section .footer {
                       border-bottom: 1px solid #ffffff60;
                       padding-bottom: 25px;
                   }
                   
                   .menu-title {
                       font-size: 18px;
                   }
                   
                   .footer-list-box ul li {
                       margin-bottom: 10px;
                       color: #fff;
                   }
                   
                   .footer-list-box ul li a {
                       color: #fff;
                   }
                   
                   .footer-list-box ul {
                       list-style-type: none;
                       padding-left: 0;
                   }
                   .thankyou-main {
    max-width: 1000px;
    width: 90%;
    margin: auto;
    text-align: center;
    padding: 100px 0px;
    margin-top: 130px;
}
                   a.main-btn {
    padding: 8px 30px !important;
    background: #897ada;
    color: #fff;
    border-radius: 3px;
    margin: auto;
    display: table;
}
.thankyou-main h2{
    font-family: "Sora-SemiBold";
    font-size: 42px;
}
.mail-c{
filter: invert(100%) brightness(200%);
}
a.whatsapp-cn {
    bottom: 15px;
    left: 20px;
    position: fixed;
    z-index: 9;
     animation: pulse 2s infinite;
}

@keyframes pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.1);
            }

            100% {
                transform: scale(1);
            }
        }

.testimonial-content{
    max-height: 150px;
    overflow-y: auto;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px
}
::-webkit-scrollbar-button {
    background: #eee;
}
::-webkit-scrollbar-track-piece {
    background: #eee;
}
::-webkit-scrollbar-thumb {
    background: #897ada;
}​
                   @media screen and (max-width: 1600px) {
                       .main-banner h1 {
                           font-size: 36px;
                       }
                       .carousel-indicators button h5 {
                           font-size: 14px;
                       }
                       h3 {
                           font-size: 18px;
                       }
                       h2 {
                           font-size: 28px;
                       }
                   }
                   
                   @media screen and (max-width: 1440px) {
                       img.laptop-img {
                           width: 350px;
                       }
                       .advanced-lms {
                           height: 740px;
                           padding-top: 52px;
                       }
                       img.process {
                           width: 250px;
                       }
                       .processing-arrow-area {
                           padding: 30px !important;
                       }
                       .square-image {
                           width: 80px;
                       }
                       .main-banner h1 {
                           font-size: 28px;
                       }
                       .form-container input {
                           font-size: 13px;
                           height: 35px;
                       }
                       h3 {
                           font-size: 16px;
                       }
                       h2 {
                           font-size: 24px;
                       }
                       .integration-section {
                           height: 650px;
                       }
                   }
                   
                   @media screen and (max-width: 1400px) {
                       .logo img {
                           width: 150px;
                       }
                       .header ul li a {
                           font-size: 13px;
                       }
                   }
                   
                   @media screen and (max-width: 1366px) {
                       .section {
                           padding: 50px 0;
                       }
                   }
                   
                   @media screen and (max-width: 1199px) {
                       .laptop-img {
                           display: none;
                       }
                       .carousel-indicators button {
                           position: initial;
                           height: 150px !important;
                       }
                       .carousel-indicators {
                           top: -190px;
                           bottom: auto;
                           overflow-x: auto;
                           white-space: nowrap;
                           justify-content: normal;
                       }
                       #carouselExampleCaptions {
                           width: 100% !important;
                       }
                       .carousel-indicators [data-bs-target] {
                           width: auto;
                           margin: 0px 20px;
                       }
                   }
                   
                   @media screen and (max-width: 991px) {
                       .main-banner {
                           margin-top: 40px;
                           padding-bottom: 0px !important;
                       }
                       .header .navbar-toggler {
                           padding: 3px 10px;
                       }
                       .header .navbar-toggler:focus {
                           box-shadow: none;
                       }
                       .request-demo-btn-area button {
                           font-family: "Sora-Regular";
                           padding: 7px 15px;
                           font-size: 12px;
                       }
                       .request-demo-btn-area button span svg {
                           height: 11px;
                       }
                       .header .navbar-toggler .navbar-toggler-icon {
                           width: 26px;
                       }
                       .header {
                           padding: 0 0;
                       }
                       .header .logo img {
                           width: 130px;
                       }
                       .header ul li a {
                           font-size: 14px;
                       }
                       .form-container {
                           width: 100%;
                       }
                       .integration-section {
                           height: auto;
                           padding: 30px 0;
                       }
                       .integration-col {
                           margin-bottom: 15px !important;
                       }
                       .carousel-indicators button {
                           position: initial;
                       }
                       .choose-container {
                           margin: 0;
                           padding: 25px 15px;
                           border-radius: 8px;
                       }
                   }
                   
                   @media screen and (max-width: 768px) {
                       [data-aos-delay] {
                           transition-delay: 0 !important;
                       }
                   }
                   
                   @media screen and (max-width: 767px) {
                   .footer-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}
a.whatsapp-cn {
     left: auto;
     right: 25px;
     bottom: 25px;
     scale: 1.2;
}
                   .mov-cnter {
                              margin: auto;
                              width: fit-content;
                          }
                          .banner-content {
                              text-align: center;
                          }
                          .banner-content .get-start {
                              margin: auto;
                          }
                   a.whatsapp-cn img{max-width:44px;}
                       .footer-bottom {
                           display: block !important;
                           margin-top: 15px !important;
                           text-align: center;
                       }
                       #footer-section {
                           padding: 60px 0 !important;
                       }
                       .footer {
                           text-align: center;
                       }
                       .footer-bottom .footer-bottom-links {
                           justify-content: center;
                       }
                       .story-items img {
                           width: 50px;
                           height: 50px;
                       }
                       .story-items h3 {
                           margin-bottom: 0;
                           font-size: 16px;
                       }
                       .story-items p {
                           font-size: 13px;
                       }
                   }
                   
                   @media screen and (max-width: 576px) {
                       .carousel-indicators {
                           top: -230px;
                       }
                       .section-title {
                           text-align: center;
                       }
                       .main-banner {
                           margin-top: 60px;
                       }
                       .square-image {
                           width: 60px;
                       }
                       .integration {
                           text-align: center;
                       }
                       h2 {
                           font-size: 17px;
                       }
                       .count-section .count {
                           padding-left: 0px;
                       }
                       .count-section .count img {
                           width: 30px;
                           max-width: 30px;
                               position: initial;
                                       margin-bottom: 10px;
                       }
                       .count-section .count .counter {
                           font-size: 16px;
                       }
                       /*.count-section {
                           display: grid !important;
                           grid-template-columns: repeat(2, 1fr);
                       }*/
                       .form-container {
                           width: 100%;
                       }
                       .main-banner h1 {
                           font-size: 22px;
                       }
                       .process-container {
                           margin: auto;
                       }
                       img.process {
                           display: none;
                       }
                       .processing-arrow-area {
                           width: 100% !important;
                           margin-bottom: 15px !important;
                           margin-top: 0 !important;
                           padding: 0 20px !important;
                           text-align: center;
                       }
                       .processing-arrow-area h3 {
                           margin-top: 0 !important;
                           font-size: 16px;
                       }
                       .square-image {
                           margin-bottom: 10px !important;
                       }
                       section,
                       .section {
                           padding: 40px 0 !important;
                       }
                       section#talk-section {
    padding: 40px 10px !important;
}
.talk-section h4 {
    font-size: 28px;
}
                   }
                   
                   @media screen and (max-width: 480px) {
                       .flexible-col {
                           width: 100%;
                           text-align: center;
                       }
                       .footer-bottom .footer-bottom-links {
                           display: block !important;
                       }
                   }
                   
                   @media screen and (max-width: 465px) {
                       .advanced-lms {
                           height: 700px;
                       }
                   }
                   
                   @media screen and (max-width: 420px) {
                       .advanced-lms {
                           height: 660px;
                       }
                   }
                   
                   @media screen and (max-width: 370px) {
                       .advanced-lms {
                           height: 620px;
                       }
                   }