/* html{ 
overflow-x: hidden;
}  */

body{ 
font-family: 'Poppins';
overflow-x: hidden;
background: #00001D;
} 

a {
text-decoration: none !important;
}

p{
font-size: 14px;
}

ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

.heading{
font-size: 52px;
margin-bottom: 0px;
text-transform: capitalize;
line-height: 1.1;
font-weight: 400;
background: linear-gradient(90deg, rgb(195 195 195 / 70%) 0, rgb(211 211 211 / 70%) 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: #0000;
color: #0000;
}

.heading span{
    -webkit-text-fill-color: #ffffff;
}

.center-heading{
text-align: center;
}

/*----*/

.default-arrow {
transition: all 0.1s ease-In;
color: #fff;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
cursor: pointer;
background: linear-gradient(90deg, #0C0C21, #1A1A42, #0C0C21);
border: 1px solid rgb(255 255 255 / 30%);
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}

.default-arrow:hover {
  color: #fff;
  background: linear-gradient(90deg, #A8FB22 0, #1BAE16 90%);
}

.left-slidearrow{
left: -6px;
}

.right-slidearrow{
right: -6px;
}


/*----------- button -------------*/

.default-btn {
  padding: 9px 15px;
  text-align: center;
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  background-size: 200% auto;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  box-shadow: none;
  border: 0px;
  background-image: linear-gradient(
    to right,
    #A8FB22 0%,
    #1BAE16 51%,
    #A8FB22 100%
  );
}

.default-btn img {
  width: 18px;
  transition: 0.4s;
  margin-left: 5px;
  filter: brightness(0) invert(1);
}

.default-btn:hover {
  color: #fff;
  background-position: right center;
}

.default-btn:hover img {
  transform: translateX(6px);
}

/*--------------- header ---------------*/

.header-area{
padding: 20px 0px;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
background: #00001D;
border-bottom: 1px solid transparent;
}

.logo a{
display: inline-block;
}

.logo a img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width: 190px;
}

.stick{
padding: 15px 0px;
border-color: rgb(255 255 255 / 30%);
box-shadow: 0 1px 15px rgb(255 255 255 / 20%);
}

.stick .logo a img {
width: 180px;
}

/*----*/

.right-menu {
    text-align: right;
}

/*----*/

.topmain-head{
    margin-top: 100px;
}

.topmain-text p{
color: #fff;
font-size: 16px;
margin-bottom: 8px;
}

.topmain-text ul{
    margin: 18px 0px 25px;
}

.topmain-text ul li{
    background: linear-gradient(90deg, rgb(94 94 94 / 40%) 80%, rgb(94 94 94 / 20%));
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 8px 15px;
    color: #fff;
    font-weight: 300;
    display: inline-flex;
    align-items: center;
    font-size: 15px;
}

.topmain-text ul li:last-child{
  margin-bottom: 0px;
}

.topmain-text ul li img{ 
    width: 15px;
    margin-right: 6px;
}

.countdown{
    background: linear-gradient(90deg, #0C0C21, #1A1A42, #0C0C21);
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    padding: 9px 13px;
    width: 120px;
    margin-left: 5px;
}

.countdown p{
margin: 0px 2px;
font-size: 14px;
color: #fff;
}

/*----*/

.trust-area{
  margin: 90px 0px;
}

.trust-box{
    display: flex;
    align-items: center;
}

.trust-box img{
    width: 55px;
    margin-right: 15px;
}

.trust-box p{
    color: #fff;
    margin: 0;
    font-size: 19px;
    width: 51%;
    line-height: 1.4;
}

/*----*/

.inclusive-area{
    position: relative;
    margin-top: 650px;
}

.inclusive-area .heading{
margin-bottom: 40px;
}

.inclusive-box{
  border: 1px solid rgb(255 255 255 / 20%);
  border-radius: 10px;
  background: linear-gradient(180deg, rgb(126 125 134 / 20%), rgb(57 57 74 / 30%) 80%);
  padding: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.inclusive-box img{
    width: 66px;
}

.inclusive-box h4{
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    margin-top: 15px;
    min-height: 60px;
}

.inclusive-box p{
    color: rgb(255 255 255 / 70%);
    margin: 0;
}

/*----*/

.feature-area{
    margin: 90px 0px;
}

.feature-table{
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(16 21 38 / 60%) 60%, #09081B);
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 20%);
    margin-top: 40px;
}

.feature-table table{
margin: 0;
}

.feature-table table tr:nth-child(even){
background: rgb(59 59 59 / 40%);
}

.feature-table table tr:nth-child(odd){
background: rgb(18 18 18 / 40%);
}

.feature-table table tr:nth-child(1){
background: none;
}

.feature-table table tr td:nth-child(1){
text-align: left;
}

.feature-table table tr td{
    color: #fff;
    border: 0px;
    vertical-align: middle;
    font-size: 14px;
    padding: 13px 30px;
    text-align: center;
}

.feature-table table tr:nth-child(1) td{
    font-size: 18px;
}

.feature-table table tr:nth-child(1) td:nth-child(2),
.feature-table table tr:nth-child(1) td:nth-child(3){
    width: 15%;
}

.feature-table table tr td img{
    width: 30px;
}

/*----*/

.click-area{
overflow: hidden;
}

.clickbox{
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(126 125 134 / 20%), rgb(57 57 74 / 30%));
    padding: 28px 30px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.clickbox p{
    color: #fff;
}

.clickbox h4{
    color: #fff;
    margin: 0;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

/*----*/

.pricing-area{
  margin-top: 90px;
}

.pricing-area .heading {
    margin-bottom: 40px;
    line-height: 1.3;
}

.pricing-area .default-btn{
 margin-top: 30px;
}

.priclink{
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(126 125 134 / 20%), rgb(57 57 74 / 30%) 80%);
    position: sticky;
    top: 90px;
}

.priclink .nav-link {
    display: flex;
    align-items: center;
    padding: 12px 12px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px !important;
    width: 100%;
    transition: all 0.2s ease-In;
}

.priclink .nav-link img{
    width: 20px;
    margin-right: 10px;
}

.priclink .nav-link.active, 
.priclink .nav-link:hover,
.priclink .show>.nav-link {
    background-color: #46C519;
}

.price-head{
    color: #fff;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 400;
}

.pricing-table{
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(16 21 38 / 60%) 60%, #09081B);
    border: 1px solid rgb(255 255 255 / 20%);
}


.pricing-table::-webkit-scrollbar{
width: 3px;
height: 3px;
background: #e7e7e7;
}

.pricing-table::-webkit-scrollbar-track{
-webkit-box-shadow: none;
}

.pricing-table::-webkit-scrollbar-thumb{
background-color: rgb(57 57 74 / 30%);
outline: none;
border-radius: 50px;
}


.pricing-table table{
margin: 0;
}

.pricing-table table tr:nth-child(even){
background: rgb(59 59 59 / 40%);
}

.pricing-table table tr:nth-child(odd){
background: rgb(18 18 18 / 40%);
}

.pricing-table table tr td{
    color: #fff;
    border: 0px;
    vertical-align: middle;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    font-weight: 300;
    white-space: nowrap;
}

.pricing-table table tr:nth-child(1) td{
font-size: 15px;
font-weight: 500;
white-space: break-spaces;
}

.pricing-table table tr td a{
    background: linear-gradient(90deg, #0C0C21, #1A1A42, #0C0C21);
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    transition: 0.2s linear;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pricing-table table tr td a:hover{
    background: linear-gradient(90deg, #A8FB22 0, #1BAE16 90%);
}

.innertab-link{
    border-color: rgb(255 255 255 / 20%);
    display: inline-flex;
    margin-bottom: 30px;
}

.innertab-link a{
    background: none;
    color: #fff;
    font-size: 15px;
    padding: 7px 10px;
    position: relative;
    transition: .3s ease-in-out;
    z-index: 1;
    display: inline-block;
    margin: 0 5px;
}

.innertab-link a:before {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: .3s ease-in-out;
    width: 100%;
    z-index: -1;
    background: linear-gradient(90deg, #A8FB22 0, #1BAE16 90%);
}

.innertab-link a.active:before,
.innertab-link a:hover:before {
opacity: 1;
}







/*----*/

.growth-area{
margin: 90px 0px;
}

.growthbox-grid{
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(126 125 134 / 20%) 70%, rgb(57 57 74 / 30%));
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-shadow: 0 15px 35px 0 rgb(98 116 210 / 25%);
    overflow: hidden;
}

.growthbox-shape{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 80px;
    height: 110%;
    z-index: -1;
}

.growthbox-text{
    background: rgb(12 13 14 / 40%);
    border: 1px solid rgb(255 248 248 / 30%);
    border-radius: 10px;
    width: 25%;
    padding: 45px 25px;
    text-align: center;
}

.growthbox-text h4{
color: #fff;
font-weight: 400;
}

.growthbox-text p{
    color: rgb(255 255 255 / 70%);
}

.growthbox-stats{
  display: flex;
  justify-content: space-between;
  width: 75%;
  padding: 0px 40px;
}

.growthbox-stats div{
width: 32%;
}

.growthbox-stats div h4{
color: #fff;
font-weight: 400;
font-size: 46px;
line-height: 1;
}

.growthbox-stats div p{
    color: rgb(255 255 255 / 70%);
    margin: 0;
}

.radial-shape1{
    position: absolute;
    top: 50%;
    left: 0;
    height: 80%;
    filter: blur(90px);
    z-index: -1;
    opacity: 0.4;
    transform: translateY(-50%) rotateY(180deg);
    width: 140px;
}

.radial-shape2{
    position: absolute;
    top: 50%;
    right: 0;
    height: 80%;
    filter: blur(90px);
    z-index: -1;
    opacity: 0.4;
    transform: translateY(-50%);
    width: 140px;
}

/*----*/

.business-head{
 margin-bottom: -40px; 
}

.business-area{
  padding-top: 80px;
  position: relative;
}

.bussarea-move{
  position: relative;
}

.business-box{
    background: linear-gradient(180deg, #101526, #09081B 80%);
    padding: 60px 10px;
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 20%);
    align-items: center;
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
}

.business-detail h4{
    font-size: 38px;
    margin-bottom: 0px;
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
}

.business-detail p{
    color: rgb(255 255 255 / 70%);
    margin: 15px 0px;
}

.business-detail ul{
margin-bottom: 25px;
}

.business-detail ul li{
    color: #fff;
    font-weight: 300;
    display: flex;
    align-items: start;
    font-size: 14px;
    margin-bottom: 15px;
}

.business-detail ul li:last-child{
 margin-bottom: 0px;
}

.business-detail ul li img {
    width: 10px;
    margin-right: 8px;
    margin-top: 5px;
}

.buss-buttn{
    background: linear-gradient(90deg, #0C0C21, #1A1A42, #0C0C21);
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 5px;
    padding: 10px 13px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    transition: 0.2s linear;
}

.buss-buttn:hover{
  background: linear-gradient(90deg, #1A1A42, #1A1A42);
  color: #fff;
}

/*---------*/

.client-testimonial {
position: relative;
padding-bottom: 90px;
}

.client-testimonial .heading{
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
}

.client-testimonial::before {
    background: linear-gradient(360deg, #00001d00, #00001D 70%);
    height: 50%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
    content: '';
}

.client-testimonial::after {
    background: linear-gradient(180deg, #00001d00, #00001D 70%);
    height: 40%;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    content: '';
}

.client-testimonial .client-slider {
display: flex;
align-items: center;
justify-content: center;
}
.client-testimonial .connect-heading {
text-align: center;
margin-bottom: 49px;
position: relative;
z-index: 1;
}
.client-testimonial .newsarea-marquee {
--gap: -462px;
position: relative;
overflow: hidden;
user-select: none;
gap: var(--gap);
flex-direction: column;
align-items: center;
height: 550px;
width: 33%;
}
.client-testimonial .marquee-left {
animation: scroll-mar 20s linear infinite;
}
.client-testimonial .marquee-right {
animation: scroll-marbottom 20s linear infinite;
}

@keyframes scroll-mar {
from {
transform: translateY(0);
}
to {
transform: translateY(calc(-100% - var(--gap)));
}
}
@keyframes scroll-marbottom {
from {
transform: translateY(calc(-100% - var(--gap)));
}
to {
transform: translateY(0);
}
}
.client-testimonial .newsarea-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 20px;
    cursor: pointer;
    margin: 12px;
    margin-bottom: 20px;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(126 125 134 / 20%), rgb(57 57 74 / 30%) 80%);
}
.brand-vec-bottom2{
top: 98px;
left: 0;
position: absolute;
width: 100%;
filter: blur(60px);
height: 33%;
}
.brand-vec-bottom {
bottom: -32px;
left: 0;
position: absolute;
width: 100%;
filter: blur(40px);
height: 25%;
}
.client-testimonial .newsarea-item .name-section {
display: flex
;
align-items: center;
margin-bottom: 15px;
}
.client-testimonial .newsarea-item .image-wraps {
    width: 60px;
    margin-right: 10px;
}
.client-testimonial .newsarea-item .image-wraps img {
    border-radius: 8px;
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.newsarea-item .name {
width: 75%;
}
.client-testimonial .newsarea-item .name-text {
color: #fff;
font-size: 15px;
font-weight: 400;
}
.client-testimonial .newsarea-item .des-text {
color: rgb(255 255 255 / 60%);
font-size: 14px;
font-weight: 300;
display: block;
}
.client-testimonial .newsarea-item p {
font-size: 14px;
color: #fff;
font-weight: 300;
margin: 0;
}

/* .newsarea-marquee:hover .marquee-left,
.newsarea-marquee:hover .marquee-right {
animation-play-state: paused;
} */

.mobile-testi{
    display: none;
}

/*------*/

.certificate-area{
    margin-bottom: 70px;
}

.certificate-row{
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(126 125 134 / 20%) 70%, rgb(57 57 74 / 30%));
    padding: 40px 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-shadow: 0 15px 35px 0 rgb(98 116 210 / 25%);
    overflow: hidden;
}

.certi-text{
    width: 50%;
}

.certi-text h4{
    color: #fff;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 300;
}

.certi-text p{
    background: linear-gradient(90deg, #A8FB22 0, #1BAE16 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    color: #0000;
    font-size: 20px;
    margin: 0;
}

.certi-logo{
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.certi-logo img:nth-child(1){
      width: 140px;
}

.certi-logo img:nth-child(2){
      width: 100px;
}

/*----*/

.footer-section{
background: url(../img/footer-bg.webp) no-repeat center;
background-size: cover;
padding: 50px 0px 40px;
}
.footer-section .copyright-border {
border-top: 1px solid rgb(255 255 255 / 30%);
padding-top: 40px;
margin-top: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-section .footer-items {
margin: 0px;
padding: 0px;
list-style: none;
display: flex
;
color: #fff;
justify-content: flex-end;
}
.footer-section .footer-items li{
margin-right: 20px;
position: relative;
line-height: 1;
}
.footer-section .footer-items li::after {
content: "";
height: 100%;
width: 1.5px;
background: #fff;
position: absolute;
right: -10px;
top: 0;
}
.footer-section .footer-items li a{
color: #fff;
font-weight: 300;
line-height: 1;
font-size: 14px;
transition: all 0.2s ease-In;
}
.footer-section .footer-items li a:hover{
color: #a8fb22;
}
.footer-section .footer-items li:last-child{
margin-right: 0px;
}
.footer-section .footer-items li:last-child::after{
display: none;
}

.footer-logo{
    display: flex;
    align-items: center;
}

.footer-logo img{
    width: 220px;
}

.footer-logo p{
    color: rgb(255 255 255 / 60%);
    font-weight: 300;
    margin: 0;
    padding: 2px 0px 2px 30px;
    border-left: 1.5px solid #fff;
    width: 43%;
    margin-left: 30px;
}

.footer-section .copyright-social ul li{
display: inline-block;
transition: all 800ms cubic-bezier(0, 0, 0.58, 1);
}
.footer-section .copyright-social  li a {
transition: all 0.2s ease-In;
color: #fff;
width: 30px;
height: 30px;
border-radius: 100%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
margin: 0px 2px;
font-size: 12px;
border: 1px solid #fff;
}
.footer-section .copyright-social li a svg{
display: var(--fa-display, inline-block);
height: 14px;
overflow: visible;
vertical-align: -.125em;
}
.footer-section .copyright-social ul li:nth-child(1) a:hover {
background: #3b579d;
border-color: #3b579d;
}
.footer-section .copyright-social ul li:nth-child(2) a:hover {
background: #d62976;
border-color: #d62976; 
}
.footer-section .copyright-social ul li:nth-child(3) a:hover {
background: #006699;
border-color: #006699;
}
.footer-section .copyright-social ul li:nth-child(4) a:hover {
background: #0f1419;
border-color: #0f1419;
}

.footer-section  .copyright-text p {
color: #fff;
margin: 0px;
font-weight: 300;
}
.footer-section .copyright-text span{
  background: linear-gradient(90deg, #A8FB22 0, #1BAE16 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000;
  color: #0000;
}
.footer-section .list-inline {
padding-left: 0;
list-style: none;
margin: 0px;
}
.footer-section .copyright-social {
text-align: right;
}