body, html {
  overflow-x: hidden;
}

#teampage {
  background: linear-gradient(to bottom, #000000 0%, #C6BCF0 100%);
}


#subteam{
color: #ffffff;
}

#projects {
 background: linear-gradient(to bottom, #4B0082 0%, #C6BCF0 100%);
}

#aboutus{
  background: linear-gradient(to bottom, #C6BCF0 0%, #4B0082 100%);
}

#services{
  background: linear-gradient(to bottom, #C6BCF0 0%, #4B0082 100%);
}

#subprice{
color: #ffffff;
}

#faq{
  background: linear-gradient(to bottom, #4B0082 0%, #C6BCF0 100%);
}

#pricing1 {
  background: linear-gradient(to bottom, #C6BCF0 0%, #4B0082 100%);
}

#paragraph{
 color: #000000;
 font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: normal;
}



.pricing-card {
  border: 1px solid #5D3FD3;;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgb(93, 63, 211);
  padding: 20px;
  transition: transform 0.3s ease;
  background-color: #1a1a1a; /* Dark background */
  color: #f7f7f7; /* Light text color */
  
}

.pricing-card:hover {
  transform: scale(1.05);
}

.pricing-card .card-header {
  background-color:#1a1a1a;
  padding: 20px;
  border-bottom: 1px solid #2c2c2c; /* Matching the border */
}

.pricing-card .price {
  font-size: 2.5rem;
  font-weight: bold;
  color: #a382ff;
  margin-bottom: -25px;
}

.pricing-card .popular {
  border: 2px solid #5D3FD3;
}

.pricing-card ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.pricing-card ul li {
  margin: 20px 0;
  font-size: 1rem;
  color: #d6d6d6;
}

.pricing-card .btn {
  width: 100%;
  background-color: #5d3fd3; /* Maintain button consistency */
  color: #ffffff;
}




@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,700");
body {
font-family: "Maven Pro", sans-serif;
padding-top: 70px;
}

.full-screen {
padding: 8rem 0;
}


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

a {
font-weight: normal;
text-decoration: none !important;
transition: all 0.4s ease;
}
a:hover {
color: #5d3fd3 !important;
}



p {
font-size: 18px;
font-weight: 300;
line-height: 1.5;
color: #5b5b5b;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
letter-spacing: -1px;
}

h1 {
color: #212121;
font-size: 2em;
margin: 24px 0;
}

h2 {
color: #ffffff;
font-size: 2.4em;
font-weight: bold;
}









h3 {
color: #ffffff;
}

h3,
b, strong {
font-weight: bold;
}

h4 {
color: linear-gradient(90deg, rgba(184,77,255,1) 0%, rgba(93,63,211,1) 35%, rgba(0,212,255,1) 100%);
font-size: 2.4em;
font-weight: bold;
}

.gradient-text {
  background: linear-gradient(90deg, rgba(184,77,255,1) 0%, rgba(93,63,211,1) 35%, rgba(0,212,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.gradient-text1 {
  background: linear-gradient(
    90deg,
    rgba(60, 40, 150, 1) 50%,
    rgba(120, 40, 180, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}


.custom-btn {
background: #eee;
color: #5b5b5b;
font-weight: bold;
border-radius: 50px;
padding: 13px 29px;
font-size: 14px;
line-height: normal;
overflow: hidden;
transition: all 0.4s ease;
}
.custom-btn:hover {
color: #5d3fd3;
}
.custom-btn.custom-btn-bg {
background: #474559;
color: #ffffff;
}
.custom-btn.custom-btn-bg:hover {
background: #5d3fd3;
color: #ffffff !important;
}

.animated {
position: relative;
}

.animated-info {
display: inline-block;
vertical-align: top;
margin-top: 5px;
min-width: 260px;
position: relative;
}

.animated-item {
  background: linear-gradient(90deg, rgba(184,77,255,1) 0%, rgba(93,63,211,1) 35%, rgba(0,212,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.animated-item {
font-size: 38px;
line-height: inherit;
display: block;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
animation: BottomTotop 6s linear infinite 0s;
}
.animated-item:nth-child(2n+2) {
animation-delay: 2s;
}
.animated-item:nth-child(3n+3) {
animation-delay: 4s;
}

@keyframes BottomTotop {
0% {
  opacity: 0;
}
5% {
  opacity: 0;
  transform: translateY(5px);
}
10% {
  opacity: 1;
  transform: translateY(0px);
}
25% {
  opacity: 1;
  transform: translateY(0px);
}
30% {
  opacity: 0;
  transform: translateY(5px);
}
80% {
  opacity: 0;
}
100% {
  opacity: 0;
}
}



.button {
width: fit-content;
display: flex;
padding: 1em 1rem;
cursor: pointer;
gap: 0.4rem;
font-weight: bold;
border-radius: 30px;
text-shadow: 2px 2px 3px rgb(0, 0, 0);
background: linear-gradient(90deg, rgba(184,77,255,1) 0%, rgba(93,63,211,1) 35%, rgba(0,212,255,1) 100%) no-repeat;
background-size: 300%;
color: #fff;
border: none;
background-position: left center;
box-shadow: 0 30px 10px -20px rgba(0,0,0,.2);
transition: background 0.3s ease;
}

.button:hover {
background-size: 320%;
background-position: right center;

}

.button:hover svg {
fill: #FFD700;
}

.button svg {
width: 20px;
fill: #ffffff;
height: 25px;
transition: .3s ease;
}







.copyright-text {
font-size: 16px;
font-weight: normal;
display: block;
}

.color-mode {
font-weight: bold;
cursor: pointer;
}

.color-mode-icon {
position: relative;
right: 6px;
}
.color-mode-icon:after {
font-family: 'unicons';
content: '\ea9f';
font-size: 30px;
font-weight: 300;
font-style: normal;
}
.color-mode-icon.active:after {
font-family: 'unicons';
content: '\eb65';
font-size: 30px;
color: #ffffff;
}

.dark-mode {
background: #0c0c0d;
}

.owl-theme .owl-dots .owl-dot {
outline: none;
}
.owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #5b5b5b;
}

.google-map iframe {
width: 100%;
}