@charset "utf-8";
html {
    scroll-behavior: smooth;
    overflow-x: clip;
}
body {margin: 0;padding: 0;  font-family: 'Poppins', sans-serif !important;color: #333333;}
/*-----------Base Css End----------*/
p {font-size: 15px;margin: 0;line-height: 28px;color: #444444;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0;text-transform: capitalize;}
h1{font-size:60px;line-height:60px;}
h2{font-size: 48px;line-height: 64px;}
h3{font-size: 42px;line-height: 60px;}
h4 {font-size: 24px;line-height: 32px;}
h5{font-size: 18px;line-height: 22px;}
ul {margin: 0 !important;padding: 0;}
img {max-width: 100%;height: auto;}
a{text-decoration: none !important;}
a:hover {text-decoration: none !important;}
input:focus, textarea:focus, select:focus {outline: none !important;}
button:focus, textarea:focus, select:focus {outline: none !important;box-shadow: none !important;}


@font-face {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
      url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
.main-btn{background: #25005C;position: relative;overflow: hidden;z-index: 0;
background: linear-gradient(90deg,rgba(37, 0, 92, 1) 0%, rgba(61, 0, 151, 1) 100%);color: #ffffff;text-transform: capitalize;font-size: 16px;line-height: 20px;
border-radius: 37px;transition: all 0.4s;padding: 14px 32px;font-weight: 500;display: inline-table;border: none;}
.main-btn:hover{background: #25005C;color: #ffffff;}
.main-btn span{display: flex;align-items: center;justify-content: center;width: 26px; height: 26px;border-radius: 50%;background-color: #ffffff;padding: 2px;}
input[type="text"], input[type="number"], input[type="email"], input[type="file"], select, textarea{width: 100%;background: #F4F6FA;color: #333333;padding: 10px;border-radius: 5px;border: none;}
textarea{resize: none;height: 120px;}
.main-btn::after{ content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#000000), to(transparent));
  background: linear-gradient(left, #000000, transparent);
  -webkit-animation: left 2s linear infinite;
          animation: left 2s linear infinite;}
.main-btn::before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(#000000), to(transparent));
  background: linear-gradient(right, #000000, transparent);
  -webkit-animation: right 2s linear infinite;
          animation: right 2s linear infinite;}

 @keyframes right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes left {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*-----------Base Css End----------*/
.container{max-width: 1200px;}
#myHeader{background: transparent;position: relative;z-index: 999;padding: 15px 0;}
#myHeader .navbar{padding: 0;}
.un-listed{list-style: none;}
.navbar ul li a{text-transform: capitalize;color: #000000;transition: ease-in-out 0.4s;padding: 20px;display: inline-table;border-bottom:2px solid transparent ;font-size: 15px;letter-spacing: 1.5px;font-weight: 500;}
.navbar ul li a:hover, .navbar ul li.active a{color: #25005C;}
#myHeader .main-btn:hover{background: #25005C !important;color: #ffffff;}
.togglebar{cursor: pointer;}
.togglebar span{height: 2px;width: 22px;display: flex;background: #25005C;flex-direction: column;margin-bottom: 5px;cursor: pointer;}
.togglebar span:last-child{margin-bottom: 0;}
.menu-header{background: #333333;padding: 15px;position: absolute;top: 0;left: 0;right: 0;}
.menu-header h4{text-transform: capitalize;font-weight: normal;line-height: 36px;}
.menu-header button{background: 0;padding: 0;border: 0;cursor: pointer;}
.mainwrapper{overflow: hidden;position: relative;}
.mainwrapper::after{content: '';position: fixed;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.4);top: 0;z-index: 999;}
.mobile-slider{display: none;}
.togglebar{display: none;}
.mainwrapper #myHeader{z-index: inherit;}
.mainwrapper #myHeader .navbar{z-index: 9999;}
#myHeader.sticky{position: fixed;top: 0;left: 0;right: 0;background: #ffffff;padding: 0;transition: all 0.4s ease;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}
#myHeader.sticky .nav-brand img{height: 60px;transition: all 0.4s;}
#myHeader.sticky .navbar ul li a{padding: 30px 22px;}
#myHeader .main-btn{display: flex;align-items: center;gap: 6px;padding: 10px 35px 10px 10px;}
.mrt-100{margin-top: 100px;}
.mrb-100{margin-bottom: 100px;}
.pd-100{padding: 100px 0;}
.mrt-70{margin-top: 70px;}
.mrb-70{margin-bottom: 70px;}
.heading{margin-bottom: 40px;}
.signup-btn a:first-child{color: #333333;}
.signup-btn a:first-child:hover{color: #25005C;}
.slider_img{border-radius: 50px;}
.slider_content{inset: 0;height: 100%;z-index: 2;}
.slider_img::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1;}
.slider_content h1, .slider_content h3, .slider_content p{color: #ffffff;}
.slider_content h1{font-size: 72px;line-height: 72px;font-weight: bolder;text-transform: uppercase;}
.slider_content h3{font-size: 42px;line-height: 54px;text-transform: uppercase;}
.slider_content p{font-size: 18px;line-height: 30px;}
.platform{border-radius: 20px;}
.full_size{width: 100%;height: 100%;object-fit: cover;}
.platform_txt h4{padding-bottom: 15px;}
.pt_topimg{top: 0;right: 15px;}
.about_img{padding: 30px;padding-left: 0;}
.brd{content: '';right: 0;top: 0;width: 70%;height: 100%;z-index: -1;border-radius: 20px;border: 1px solid rgba(0, 0, 0, 0.2);overflow: hidden;}
.brd::after{content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#25005C), to(transparent));
  background: linear-gradient(left, #25005C, transparent);
  -webkit-animation: left 2s linear infinite;
          animation: left 2s linear infinite;}
.brd::before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(#25005C), to(transparent));
  background: linear-gradient(right, #25005C, transparent);
  -webkit-animation: right 2s linear infinite;
          animation: right 2s linear infinite;}
.feature-card:hover::before {
    background: conic-gradient(
        from var(--border-angle),
        transparent 50%,
        rgba(6, 182, 212, 0.15) 70%,
        rgba(6, 182, 212, 0.3) 82%,
        var(--primary) 88%,
        var(--primary-light) 93%,
        rgba(6, 182, 212, 0.3) 96%,
        transparent 100%
    );
}

.feature-card:hover::after {
    filter: blur(10px);
    opacity: 1.5;
}
.platform_img{height: 400px;border-radius: 20px;}
.platform_img img{transition: all 0.4s;}
.platform:hover .platform_img img{transform: scale(1.05);transition: all 0.4s;}
.aboutimg_txt{bottom: 50px;left: 20px; background: linear-gradient(90deg,rgba(37, 0, 92, 1) 0%, rgba(61, 0, 151, 1) 100%);border-radius: 20px;padding: 15px;}
.ct h3{color: #ffffff;font-size: 40px;line-height: 42px;}
.ct p{color: #ffffff;font-size: 16px;line-height: 22px;}
.about_img{border-radius: 20px;}
.heading p{text-transform: uppercase;letter-spacing: 2px;font-weight: 600;padding-bottom: 10px;}
.achivment_rw ul{grid-template-columns: repeat(4, 1fr);}
h3.percent:after {content: "+";display: inline-block;}
#counter li:first-child h3.percent:after, #counter li:nth-child(3) h3.percent:after {content: "K+";}
#counter li:nth-child(3) h3.percent:after {content: "M+";}
#counter li h3{font-weight: bolder; background: linear-gradient(to bottom, #000000, #EDF8EB);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#counter li p{font-size: 16px;line-height: 22px;color: #898989;padding-top: 5px;}
#counter li{display: inline-table;border-radius: 20px;border: 1px solid rgba(0, 0, 0, 0.2);padding: 30px;position: relative;overflow: hidden;}
#counter li::after{content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#25005C), to(transparent));
  background: linear-gradient(left, #25005C, transparent);
  -webkit-animation: left 2s linear infinite;
          animation: left 2s linear infinite;}
#counter li::before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(#25005C), to(transparent));
  background: linear-gradient(right, #25005C, transparent);
  -webkit-animation: right 2s linear infinite;
          animation: right 2s linear infinite;}
.border-radius-20{border-radius: 20px;}
.border-radius-50{border-radius: 50px;}
.video_box::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(90deg, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 0%, 0.2) 86%);z-index: 1;border-radius: 50px;overflow: hidden;}
.video_text{inset: 0;z-index: 2;padding: 70px;}
.video_text h2, .video_text p, .video_text h5{color: #ffffff}
.video_text h5{font-weight: normal;font-size: 16px;line-height: 32px;padding-bottom: 40px;}
.video_text .heading{width:470px;}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgb(37, 0, 92, 0.3);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#exampleModal .modal-content{border-radius: 0;}
#exampleModal .modal-dialog{max-width: 767px;}
#exampleModal .btn-close{position: absolute;right: -15px;top: -15px;z-index: 1;filter: invert(1);opacity: 1;}
#exampleModal video{width: 100%;height: 500px;object-fit: cover;}
.pt_topimg_s{left: 0;top:-70px}
.pt_topimg_t{right: 0;bottom: -70px;}
.easy_access_in{white-space: nowrap;overflow: hidden;}
.easy_access_in ul{gap: 120px;animation: scroll 10s linear infinite;}
.easy_access_in ul#scrollb{animation: scroll-right 15s linear infinite;}
.easy_access_in ul#scrollc{animation: scroll 20s linear infinite;}
.easy_access_in ul li{border-radius: 120px;border: 1px solid rgba(0, 0, 0, 0.3);padding: 10px;transition: all 0.4s;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);padding-right: 50px;position: relative;}
.easy_access_in ul li span{display: flex;justify-content: center;align-items: center;border-radius: 100%;width: 100px;height: 100px;}
.l_pink{background-color: #FFEAEA;}
.easy_access_in ul li p{font-weight: 500;font-size: 16px;}
.easy_access_in ul li:after{
  content:'';position: absolute;top:30px; width: 50px;height: 50px;border-radius: 50%; background: #25005C;margin: 0 auto;left: -83px;
}
.l_pink{background-color: #FFEAEA;}
.l_blue{background-color: #EFFFEA;}
.l_red{background-color: #FFF5EA;}
.l_sky{background-color: #EAF7FF;}
.l_pink_s{background-color: #FAEAFF;}
.l_green_s{background-color: #D0FFC1;}
.l_gray{background-color: #E8E8E8;}
.l_gray_s{background-color: #F5F5F5;}
.l_red_s{background-color: #E9D1D1;}
.d_blue{background-color: #C8CBE6;}
.d_green{background-color: #B5FF9E;}
.l_sk_s{background-color: #BBFFF2;}
.l_redd_s{background: #FDCDF0;}
.l_d_blue{background-color: #DCD9ED;}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.client-box{border: 1px solid #EDEDED;border-radius: 10px;display: inline-table;}
.client_boxtop{padding: 15px;padding-top: 30px;}
.quote{background-color: #000000;height: 48px;width: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;top: -24px;left: 20px;}
.quote img{width: 18px !important;}
#client_slider .owl-stage{margin-top: 30px;}
.star_rating{color: #EBD163;font-size: 13px;padding: 15px 0;}
.client_boxbottom{border-top: 1px solid #EAEFF3;padding: 15px;}
.testimonial_rw .container_t{transform: translateX(10%);max-width: 120%;}
.ct_frm{background: #25005C;border-radius: 20px;padding: 30px;max-width: 60%;position: relative;z-index: 2;}
.ct_frm h3{color: #ffffff;font-size: 26px;padding-bottom: 30px;line-height: 32px;}
.ct_frm ul{grid-template-columns: repeat(2, 1fr);}
.ct_frm ul li input[type="text"], .ct_frm ul li textarea, .ct_frm ul li input[type="email"],
.ct_frm ul li input[type="number"]{background: transparent;border: 1px solid rgb(255, 255, 255, 0.3);border-radius: 30px;padding: 15px;color: #ffffff;}
.ct_frm ul li label{color: #ffffff;padding-bottom: 10px;text-transform: capitalize;}
.ct_frm ul li input::placeholder, textarea::placeholder {color: #ffffff;}
.ct_frm ul li:nth-last-child(1),
.ct_frm ul li:nth-last-child(2) {
  grid-column: 1 / -1; 
}
.ct_frm ul li .main-btn{background: #ffffff;color: #25005C;}
.company_img{border-radius: 10px;width: 50%;right: 0;top: 0;z-index: -1;}
.contact_frm_inner{padding-top: 80px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.group_features{margin-top: 160px;}
.group_features .row{row-gap: 30px;}
.group_features_bx{border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 100px;padding: 10px;}
.group_features_img{height: 100px;width: 100px;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
.group_features_txt{width: 75%;}
.group_features_txt p{padding-top: 8px;color: #797979;font-size: 14px;line-height: 24px;}
.b_img{height: 220px;border-radius: 8px;margin-bottom: 15px;}
.b_box{border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.3);padding: 15px;min-height:425px;
    max-height: 425px;}
.b_boxtext h4{padding-bottom: 15px;letter-spacing: 2px;}
.b_box:hover .b_img img{transform: scale(1.05);transition: all 0.4s;}
.b_box::after{content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#25005C), to(transparent));
  background: linear-gradient(left, #25005C, transparent);
  -webkit-animation: left 2s linear infinite;
          animation: left 2s linear infinite;}
.b_box::before{content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(#25005C), to(transparent));
  background: linear-gradient(right, #25005C, transparent);
  -webkit-animation: right 2s linear infinite;
          animation: right 2s linear infinite;}
.business_solution .row-gap-3{row-gap: 30px;}      
.footer_bg{border-radius: 50px;background-color: #25005C; background-image: 
  radial-gradient(#ffffff 1px, transparent 1px),
  linear-gradient(180deg, #25005C, #25005C);
background-size: 20px 20px, 100% 100%;
background-blend-mode: overlay;padding: 50px 0;}  
.footer_logo img, .donwload_app p img{filter: invert(1) brightness(2);}
.footer_bg ul li a{color: #ffffff;text-transform: capitalize;transition: all 0.4s;}
.footer_bg ul li a:hover{opacity: 0.8;}
.donwload_app p{color: #ffffff;}
.copyright p{color: #ffffff;font-size: 14px;line-height: 22px;}