*{margin:0;padding:0;outline:0;transition:all 0.3s ease 0s;}

/****************************************************************************/
html{overflow-y:scroll;}
body {color:#CED1FF; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400;line-height:1.5;
background: url(../images/new/background.jpg) top center; background-size:cover;}
a{text-decoration:none !important;}
.cmnpad{padding:3rem 0;}
.object-fit{object-fit:cover; height:100%; width:100%}


h1,h2,h3,h4,h5,h6{color:#fff; font-weight:500;}
h1{font-size:32px; font-weight:400;}
h2{font-size:28px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

h1 span,h2 span,h3 span{color:#A21EF4;}
.sub-content {font-size:22px; text-transform:capitalize;}


/******************button theme area******************/
.web-btn {position: relative; display: inline-block; width: auto; height: auto; cursor: pointer; overflow:hidden; border-radius: 10px; text-align:center;}
.web-btn::before,.web-btn::after {position: absolute; content: "";}
.web-btn::before {top:0;bottom:0;right:unset; left:0; height:100%; width:0%; border-radius:10px; transition:all ease-in-out 400ms;} 
.web-btn > span {position: relative; display: inline-block; top: 0; left: 0; width: 100%; padding:12px 40px; color:#fff; font-size:24px; font-weight:400; transition: transform 0.3s ease, background-color 0.3s ease;} 


/*****Button1***********/
.alt.web-btn{background: linear-gradient(90deg, #4F4BD2 0%, #8342D8 100%);  transition: 0.3s ease-out;}
.alt.web-btn:hover::before {width: 100%;
  background-image: -moz-linear-gradien(90deg, #A21EF4 0%,#A21EF4 100%);
  background-image: -webkit-linear-gradient(90deg, #A21EF4 0%,#A21EF4 100%);
  background-image: -ms-linear-gradient(90deg, #A21EF4 0%,#000 A21EF 4%);}
 
/*******************************Header*********************************************/
header {z-index:999;}

.navbar {border-radius: 100px; background: transparent; padding: 16px 0; margin-top:3rem;}
.navbar .navbar-nav .nav-link {color: #fff; font-size:18px; font-weight:500; transition: all 0.5s; padding: 15px 11px;}
.navbar .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link:hover {color: #A21EF4; transition: all 0.5s;}
.navbar .navbar-nav .nav-link.higlighted{border-radius: 100px; background: linear-gradient(90deg, #4B4CD2 0%, #8642D9 100%); padding-left:20px; padding-right:20px;}
.navbar .navbar-nav .nav-link.higlighted:hover{background: linear-gradient(90deg, #8642D9 0%, #4B4CD2 100%); color:#fff;}


/*******************************main*********************************************/
#banner h1 {margin-bottom:2rem;}
#banner .ai-block {border-radius: 12px; background: #080911; padding:30px; margin-left:20%;}
#banner .bnr-circle{z-index:-1; position:absolute; top:0; left:-70px;}
#banner .live {border-radius: 100px; background: #1D133A; font-weight: 500; padding: 6px 18px;}
#banner .status-block {border-radius: 10px; background: #130C2A; padding: 32px 10px 10px;}
#banner .status-block .count {color: #FFF; font-size: 18px; font-weight: 500;}

#banner .progress-wrapper {border-radius: 10px; background: #1D172F; padding: 13px; margin-bottom:1.5rem;}
#banner .progress-header {display: flex; justify-content: space-between; margin-bottom: 5px; font-size: 16px;    color: #CED1FF;}
#banner .progress-container {width: 100%; background: #1E1636; border-radius: 100px; padding: 0px; overflow: hidden;}
.progress-bar {height: 6px; width: 0; background-color: #fff; border-radius: 100px; transition: width 0.4s ease-in-out;}

.card {border-radius: 10px; background: #1F143D; text-transform:capitalize; padding:15px; color:#ced1ff;}
#industries h4 {font-weight:600;color: #CED1FF;}

#contact{background:url(../images/new/contact-bg.jpg) no-repeat center center fixed; background-size:cover;}
#contact h2 {font-weight:400;}
#contact .contact-form .form-label {font-size:20px; font-weight:500;}
#contact .contact-form .form-control {background:#fff; border:1px solid #fff; font-weight:400; height:50px; border-radius:10px; color:#414141; font-size:18px;}
#contact .contact-form a.web-btn span {font-size:20px; font-weight:700;} 
.contact-form ::-webkit-input-placeholder {color: rgba(65, 65, 65, 0.40);}
.contact-form ::-moz-placeholder {color: rgba(65, 65, 65, 0.40);}
.contact-form :-ms-input-placeholder {color: rgba(65, 65, 65, 0.40);}
.contact-form :-moz-placeholder {color: rgba(65, 65, 65, 0.40);}


/*******************************Inner pages*********************************************/

#review .swiper-pagination {position: static; margin-top: 2rem;}
.swiper-pagination-bullet {width: 10px; height: 10px; border-radius: 0px; background: #fff; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #A21EF4;} 

#whatwedo .card .box{border-radius: 10px; background: #140E2A; padding: 20px; font-size:16px;}

.search {background:#140E2A; border-radius:10px; height:52px; width:447px;}
.search .form-control {background:transparent; color:#fff; font-size:17px; font-weight:300; border:none;}
.search ::-webkit-input-placeholder {color: #fff;}
.search ::-moz-placeholder {color: #fff;}
.search :-ms-input-placeholder {color: #fff;}
.search :-moz-placeholder {color: #fff;}

#blogs .card {background:#050212; padding:0px; overflow:hidden;}
#blogs .card h4, #blogs .card h4 a{color:#A21EF4;}
#blogs .card .name{color:#fff; margin-bottom:1rem;}
#blogs .card .card-footer li{color:#A21EF4; font-size: 12px; font-weight:500;}
#blogs .card .card-footer li+li{margin-left:20px;}


#faq .card {background: transparent; border: 0px; padding: 10px 0; color:#fff; border-radius:0px; text-align:left;}
#faq .card .card-header{border:0px; padding:0px; border-radius: 10px; background: #050212;}
#faq .card .card-header a{color:#A21EF4; font-size:24px; font-weight:400; padding:14px; margin-bottom:0rem; display: flex; justify-content: start; align-items: center; width: 100%; position: relative; gap:15px; text-align:left;}
#faq .card .card-body{padding:2rem 2rem 2rem 5rem;font-size:18px; font-weight:400;}
#faq .card-header .btn::before {content: ""; display: inline-block; width: 46px; height: 46px; background-image: url('../images/new/plus.svg'); background-size: contain; background-repeat: no-repeat; transition: transform 0.3s ease;}
#faq .card-header .btn:not(.collapsed)::before {background-image: url('../images/new/minus.svg');}

#faq .card-header .btn:focus,
#faq .card-header .btn:focus-visible,
#faq .card-header .btn:active,
#faq .card-header .btn:focus:not(:focus-visible) {outline: none !important; box-shadow: none !important; border-color: transparent !important;}

#contact-info .card p {text-transform:none;}


.btn-group {gap: 10px;}
.btn-group .btn {background:#050212; border:2px solid #CED1FF; border-radius:100px!important; color:#fff; font-size:24px; font-weight:500; height:51px; padding:0 1rem;}
.btn-group .btn:hover,.btn-group .btn.active {background:linear-gradient(90deg, #4F4BD2 0%, #8341D8 100%);border:2px solid transparent;}


.tabs-content-area .nav {margin-bottom:2rem; border-bottom:0px;gap: 10px;}
.tabs-content-area .nav .nav-link {background:#050212; border:2px solid #CED1FF; border-radius:100px!important; color:#fff; font-size:16px; font-weight:500; padding:0.5rem 1rem;}
.tabs-content-area .nav .nav-link:hover,.tabs-content-area .nav .nav-link.active {background:linear-gradient(90deg, #4F4BD2 0%, #8341D8 100%);border:2px solid transparent;}

/*******************************Footer*********************************************/

#Footer {background:url(../images/new/ftr-bg.jpg) no-repeat center top; background-size:cover;}
#Footer .social img {width:40px;}
#Footer h5 {margin-bottom:1rem;}
#Footer a {color:#AFAFAF;}
#Footer a:hover {color:#A21EF4;}
#Footer .ftr-links {font-size:16px;}

#Footer .input-group {border:2px solid #CED1FF; border-radius:10px; height:69px; overflow:hidden;}
#Footer .input-group .form-control {background:transparent; color:#CED1FF; font-size:19px; border:none;}
#Footer ::-webkit-input-placeholder {color: #777777;}
#Footer ::-moz-placeholder {color: #777777;}
#Footer :-ms-input-placeholder {color: #777777;}
#Footer :-moz-placeholder {color: #777777;}

#Footer .input-group .btn {background:#1F143D; border:1px solid #1F143D; color:#fff; font-size:20px; font-weight:500; border-radius:6px; padding:0 2rem;}

#Footer .copyright {background:url(../images/new/ftr-divider.png) no-repeat top center; padding-top:2rem; margin-top:2rem; color: #CED1FF; text-align: center; font-size: 16px;}

.about-content {
    text-align: left;
}
.about-image {
    max-width: 350px;
}

.mt-20 {
    margin-top: 50px;
}
.about-title {
    font-size: 24px;
}
.container.w-1000 {
    max-width: 1200px;
    margin: 0px auto;
}