@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');


*{
    margin: 0;
    padding: 0;
    
}

body{
  background-color: black;
}
.reach{
  background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
}
.reachify {
  font-family: "Audiowide", sans-serif;
  text-decoration: none;
}
.reachify a{
  font-family: "Audiowide", sans-serif;
  text-decoration: none;
  color: white;
}
/* First */
.main {
  height:90vh;
  position: relative;
  /* background-color: black; */
  overflow: hidden;
  padding-left: 9%;
  padding-top: 12%;
}

.logo a{
  color: white;
  text-decoration: none;
  font-weight: bold;
  /* font-family: 'titillium web'; */
}
/* hero component */


.hero-head-1, .hero-head-2{
  color: white;
  width: 100%;
  line-height: 5rem;
  font-family: "Titillium Web", sans-serif;
  font-size: 4rem;

}
.hero-head-glow{
  color: #ffffff;
  text-shadow: 0 0 30px #ffffff;
  
}
.hero-para{
  width: 30%;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.788);
  font-family: "lato", sans-serif;
  padding-top: 2rem;
}
.hero{
position: relative;
z-index: 99;
}

/* background */


.blob-1 {
  position: absolute;
  top: -20%;
  right: -30%;
  background: conic-gradient(from 180deg at 50% 50%, #E5E4E2 0deg, #6A0572 10.8deg, #00CED1 299deg, #E5E4E2 183.6deg, #D4AF37 20.8deg, #E5E4E2 360deg);
  mix-blend-mode: normal;
  filter: blur(60px);
  transform: rotate(-180deg);
  z-index: 2;
  width: 60%;
  height: 70% ;
  /* border-radius: 25%; */
  height: 100%;
  animation: rotate 10s linear infinite;
}

.blob-2 {

  position: absolute;
  height: 60%;
  width: 50%;
  z-index: 1;
  right: -15%;
  bottom: -30%;
  background: conic-gradient(from 180deg at 50% 50%, #E5E4E2 0deg, #6A0572 10.8deg, #00CED1 299deg, #E5E4E2 183.6deg, #D4AF37 20.8deg, #E5E4E2 360deg);
  filter: blur(60px);
  animation: rotate2 6s linear infinite;

}

.blob-3 {
  z-index: 3;
  position: absolute;
  top: -32%;
  /* border-radius: 25%; */
  right: -10%;
  width: 50%;
  height: 80%;
  background: conic-gradient(from 180deg at 50% 50%, #E5E4E2 0deg, #6A0572 10.8deg, #00CED1 299deg, #E5E4E2 183.6deg, #D4AF37 20.8deg, #E5E4E2 360deg);
  filter: blur(40px);
  border-radius: 200px;
  transform: rotate(-157.28deg);
  animation: rotate3 10s linear infinite;
}

@keyframes rotate3 {
  0% {
      transform: rotate(0deg);
    }
    33% {
      transform: rotate(80deg);
    }
    66%{
        transform: rotate(160deg);
    }100%{
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
  0% {
      transform: rotate(0deg);
    }
    33% {
      transform: rotate(154deg);
    }
    66%{
        transform: rotate(244deg);
    }100%{
        transform: rotate(0deg);
    }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(45deg);
  }
  66%{
      transform: rotate(160deg);
  }100%{
      transform: rotate(360deg);
  }
}



/* NAVBAR */


.navbar {
position: absolute;
top: 0;
left: 0;
font-family: 'lato';
width: 1512px;
display: flex;
justify-content: start;
align-items: center;
min-height: 8vh;
font-family: "Poppins", sans-serif;
width: 100%;
height: 12vh;
z-index: 999;
}

.logo {
color: rgb(255, 255, 255);
margin-right: 20%;
font-size: 30px;
display: flex;
font-family: "Titillium Web", sans-serif;
font-weight: 400;
letter-spacing: 1px;
height: 61px;
padding: 2% 0 0 60px;
font-style: normal;
}
.logo-img{
height: 45px;
width: 45px;
}
.nav-links {
display: flex;
justify-content: space-around;
width: 40%;
}

.nav-links li {
list-style: none;
color: white;
font-weight: bold;
font-size: 16px;
cursor: pointer;
}

.nav-links a {
color: rgb(255, 255, 255);
text-decoration: none;
font-weight: bold;
font-size: 16px;
cursor: pointer;
font-family: 'lato';
}

.burger {
display: none;
}

.burger div {
width: 25px;
height: 3px;
background-color: rgb(226, 226, 226);
margin: 5px;
transition: all 0.3s ease;
}

.navbar:hover{
 background: rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.1), inset 0px -5px 15px rgba(255, 255, 255, 0.2), inset 0px 5px 12px rgba(255, 255, 255, 0.5);
backdrop-filter: blur(50px);
border-radius: 0 0 10px 10px;
}
.submenu {
  display: none;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 10px 10px rgba(255, 255, 255, 0.1), inset 0px -5px 15px rgba(255, 255, 255, 0.2), inset 0px 5px 12px rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(50px);
  font-family: 'lato';top: 60px;
  width: 180px; 
  height: 130px;
  justify-content: space-between;
  padding: 10px;
  text-align: center;
  border-radius: 12px;
  color: white;
  top: 8vh;
  right: 21%;
}

.dropdown:hover .submenu {
  display: block;
}

.submenu li {
 display: flex;
 margin: 10%;
 align-items: center;
 flex-direction: column;
}
.navbar li:hover{
  border-bottom: 1px solid white;
}






@media screen and (max-width: 1024px) {
.nav-links {
    width: 60%;
}
}

@media screen and (max-width: 768px) {
.navbar{
  justify-content: space-around;
}
body {
    overflow-x: hidden;
}
.logo{
  margin-left: -20%;
}
.nav-links {
    position: fixed;
    right: 0px;
    z-index: 999;
    height: 92vh;
    top: 12vh;
    display: flex;
    flex-direction: column;
    background: #131313c0;
    align-items: center;
    width: 50%;
    transform: translateX(100%);
    transition: transform 0.5s ease-in;
}

.nav-links li {
    opacity: 0;
}

.burger {
    display: block;
    cursor: pointer;
}
}

.nav-active {
    transform: translateX(0%);
}

@keyframes navLinkFade {
from {
    opacity: 0;
    transform: translateX(50px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}

.toggle .line1 {
transform: rotate(-45deg) translate(-5px, 6px);
}

.toggle .line2 {
opacity: 0;
}

.toggle .line3 {
transform: rotate(45deg) translate(-5px, -6px);
}


  
/* Second */
.second{
    display: flex;
    color:white;
    padding: 30px;
    flex-direction: column;
    height: 90vh;
    height: auto;
  }
.second-heading{
    display: flex;
    justify-content: center;
    color: white;
    align-items: center;
    flex-direction: column;
    font-size: 64px;
    font-weight: bold;
    text-align: center;   
    font-family: "Titillium Web", sans-serif;
}
.second-content{
    text-align: center;
    font-family: 'Lato', sans-serif;
    padding: 16px 16px 96px 1px;
}
.second-card{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.second-first-card{
  background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
}
.second-first-card h3{
  font-weight: bold;
  font-size: 24px;
}

.second-first-card{
    border: 1px solid #5E239D;
    height: 270px;
    width:452px;
    gap: 16px;
    box-shadow:0px 0px 20px #C0C0C0;
    color: #fff;
    border-radius: 50px;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: 'Lato', sans-serif;
    
}

.second-first-card-header{
    text-align: center;
    font-weight: bold;
    /* background-color: white; */
}

.second-first-card-description {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    /* background-color: white; */
}
.second-first-card i{
    font-size: 30px;
    color: #5E239D;
    background-color: white;
}
.btn2{
    margin: 80px;
}
.btn2 button{
width: 234px;
height: 68px;
cursor: pointer;
border: none;
outline:"none";
border-radius: 50px;
font-size: 18px;
font-weight: bold;
background-color: #5E239D;
color: white;
/* letter-spacing: 3px; */
}
.btn2 button:hover{
/* display: none; */
background: #A959FF;

box-shadow: 0px 0px 10px #C0C0C0;
border-radius: 50px;

font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #F8F8F8;
flex: none;
order: 0;
flex-grow: 0;

}
.btn3 button:hover{
/* display: none; */
background: #A959FF;

box-shadow: 0px 0px 10px #C0C0C0;
border-radius: 50px;

font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #F8F8F8;
flex: none;
order: 0;
flex-grow: 0;

}

.streamline--ai-edit-spark-solid {
    display: inline-block;
    width: 48px;
    height: 48px;
    color:#A959FF;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.856.654c.19-.868 1.427-.874 1.625-.007l.01.044l.02.086a2.693 2.693 0 0 0 2.16 2.037c.905.157.905 1.457 0 1.614a2.693 2.693 0 0 0-2.164 2.054l-.026.113c-.198.867-1.434.861-1.625-.007l-.02-.097A2.676 2.676 0 0 0 .68 4.427c-.904-.158-.904-1.454 0-1.612A2.676 2.676 0 0 0 2.833.762l.016-.071zm7.78 2.962a1.5 1.5 0 0 1 1.652.333l.002.001l1.266 1.277a1.5 1.5 0 0 1 0 2.126l-.002.002l-6.197 6.237a.5.5 0 0 1-.312.146l-3 .26a.5.5 0 0 1-.541-.541l.26-3a.5.5 0 0 1 .146-.312l6.237-6.197a1.5 1.5 0 0 1 .488-.332Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .streamline--ai-network-spark-solid {
    display: inline-block;
    width: 48px;
    height: 48px;
    color: #A959FF;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9.814.666C9.997-.17 11.188-.175 11.38.66l.009.04l.017.077c.22.935.976 1.648 1.922 1.813c.872.152.872 1.404 0 1.556a2.396 2.396 0 0 0-1.925 1.827l-.023.102c-.19.835-1.382.83-1.565-.007l-.019-.087a2.38 2.38 0 0 0-1.918-1.837c-.87-.151-.87-1.401 0-1.553A2.38 2.38 0 0 0 9.793.764l.014-.065zM7.691 5.214c-1.876-.326-2.053-2.795-.532-3.527c-.136-.245-.28-.485-.431-.721a6.617 6.617 0 0 0-.475 0A13.314 13.314 0 0 0 4.22 6.838h4.543c-.03-.3-.07-.599-.12-.894a1.294 1.294 0 0 0-.95-.73ZM.02 6.838a6.507 6.507 0 0 1 4.63-5.612a14.6 14.6 0 0 0-1.686 5.612H.018Zm.009 1.25h2.936A14.6 14.6 0 0 0 4.65 13.7A6.507 6.507 0 0 1 .019 8.088zm4.191 0a13.314 13.314 0 0 0 2.034 5.872a6.462 6.462 0 0 0 .475 0a13.314 13.314 0 0 0 2.034-5.872zm8.743 0a6.507 6.507 0 0 1-4.63 5.612a14.6 14.6 0 0 0 1.685-5.612z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .streamline--ai-technology-spark-solid {
    display: inline-block;
    width: 48px;
    color: #A959FF;
    height: 48px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.527 9.331a5.025 5.025 0 0 0 1.49-1.319a1.964 1.964 0 0 1-.273-.661l-.019-.088a1.294 1.294 0 0 0-1.042-.998c-2.072-.36-2.072-3.334 0-3.695a1.293 1.293 0 0 0 1.03-.948a5 5 0 1 0-6.187 7.709V10.5a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V9.331Zm-5 3.919a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1-.75-.75m7.28-11.533C9.99.881 11.18.876 11.37 1.71l.009.04l.018.078a2.395 2.395 0 0 0 1.921 1.812c.872.152.872 1.404 0 1.556a2.396 2.396 0 0 0-1.925 1.827l-.023.102c-.19.835-1.381.83-1.565-.007l-.019-.087A2.38 2.38 0 0 0 7.87 5.194c-.871-.151-.871-1.401 0-1.553a2.38 2.38 0 0 0 1.915-1.826L9.8 1.75z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
.second-card, .btn2 {
    opacity: 0;
    transform: translateY(50px);
    animation: fadeInUp 4s ease-in-out forwards;
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }



  /* third */
.third{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5% ;
    gap: 20px;
    margin-top: 36px;
    /* background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%); */
}
.third-left{
    width: 60%;
    height: auto;
    padding-top: 20px;
    color: white;
}
.third-right{
    display: flex;
    justify-content: center;
    align-items: center;
height: 600px;
}
 video{
    width:70%;
    height: auto;
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.5), 0 0 20px 0 rgba(255, 255, 255, 0.3), 0 0 30px 0 rgba(255, 255, 255, 0.1);
    
    /* height:100%; */
    /* margin: 20px; */
    border-radius: 20px;
}
.third-left-header{  
    font-family: "Titillium Web", sans-serif;
    font-size: 36px;
}
.third-left-header h2{
  font-size: 40px;
}
.third-left-header p{
  font-size: 16px;
}
.third-description{
    font-size: .9rem;
    margin-top: 1.5rem;
    font-family: 'lato';
}
.third-left-elaborate{
    display: flex;
    gap: 72px;
    margin-top: 56px;
}
.elaborate-header{
font-size: 24px;
    font-family: 'Lato', sans-serif;
}

.elaborate-description{
    font-size: 0.8rem;
    margin-top: 20px
}
.btn3{
    margin: 56px 0;
    border-radius: 25px;
}
.btn3 button{
  width: 234px;
  height: 68px;
  border: none;
  outline:"none";
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  background-color: #5E239D;
  color: white;
  /* letter-spacing: 3px; */

}






/* Fourth */

.fourth{
    display: flex;
    color: white;
    flex-direction: column;
    background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
}

.fourth-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    background-color: black;
    z-index: 1000;
    height: 300px;
    padding: 0 60px;
    top: 0;
    gap: 100px;
    background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
}
.fourth-header-head{
    font-weight: bold;
    font-size: 58px;
    font-family: "Titillium Web", sans-serif;
}
.header-description{
    font-size: .9rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: 'Lato', sans-serif;
}
.fourth-graphics{
    height: 860px;
    width: 100%;
}



  /* fifth */
  .iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    height: 0;
}
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.fifth{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
}


/* Sixth */
.sixth{
  background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
  padding: 50px 0;
}

.faq-section {
  max-width: 760px;
  margin: 0 auto;
}

header {
  margin-bottom: 70px;
}

header > p {
  font-size: 22px;
  color: #AEB9C6;
}
.header{
  padding: 0 5%;
}
.header h2 {
  font-size: 52px;
  color: #f4f4f6;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "Titillium Web", sans-serif;
}
.faq-container {
  width: 1038px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.faq-item {
  margin-bottom: 20px;
}

.question {
  font-size: 16px;
  font-weight: bold;
  /* text-align: center; */
  font-family: "lato";
  color: white;
  cursor: pointer;
  padding: 34px 0;
  position: relative; 
}

.question i {
  position: absolute;
  right: 0;
  transition: transform 0.3s;
}

.question.active i {
  transform: rotate(180deg); /* Rotate the arrow when question is active */
}

.answer {
  font-size: 16px;
  color: white;
  margin-top: 5px;
  /* text-align: center; */
  font-family: 'lato';
  display: none;
  padding: 8px 0 24px 0;
}
.answer a{
  color: white;
  
}

.answer.active {
  display: block;
}


/* SEVENTH */
.seventh{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5%;
  height: 360px;
  color: white;
  background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
}

.seventh-head{
display: flex;
gap: 10px;
font-family: "Titillium Web", sans-serif;
flex-direction: column;
}

.seventh-head h1{
  font-size: 40px;
}
.seventh-head p{
  font-size: 24px;
}


/* eigth */
.eigth{
  padding: 0 5%;
  color: white;
  
}
.footer
{
  background: linear-gradient(112.9deg, #131313 43.65%, #565656 125.29%);
  font-family: 'lato';
}
.eigth-logo{
  color: white;
  display: flex;
  height: 60px;
  align-items: center;
  font-family: "Titillium Web", sans-serif;
  font-size:  24px;
}
.eight h2{
  font-weight: bold;
}
.eigth-logo img{
  height: 50px;
}
.mdi--location {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.line-md--twitter-x {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='white'%3E%3Cpath d='M1 2h2.5L3.5 2h-2.5z'%3E%3Canimate fill='freeze' attributeName='d' dur='0.4s' values='M1 2h2.5L3.5 2h-2.5z;M1 2h2.5L18.5 22h-2.5z'/%3E%3C/path%3E%3Cpath d='M5.5 2h2.5L7.2 2h-2.5z'%3E%3Canimate fill='freeze' attributeName='d' dur='0.4s' values='M5.5 2h2.5L7.2 2h-2.5z;M5.5 2h2.5L23 22h-2.5z'/%3E%3C/path%3E%3Cpath d='M3 2h5v0h-5z' opacity='0'%3E%3Cset attributeName='opacity' begin='0.4s' to='1'/%3E%3Canimate fill='freeze' attributeName='d' begin='0.4s' dur='0.4s' values='M3 2h5v0h-5z;M3 2h5v2h-5z'/%3E%3C/path%3E%3Cpath d='M16 22h5v0h-5z' opacity='0'%3E%3Cset attributeName='opacity' begin='0.4s' to='1'/%3E%3Canimate fill='freeze' attributeName='d' begin='0.4s' dur='0.4s' values='M16 22h5v0h-5z;M16 22h5v-2h-5z'/%3E%3C/path%3E%3Cpath d='M18.5 2h3.5L22 2h-3.5z' opacity='0'%3E%3Cset attributeName='opacity' begin='0.5s' to='1'/%3E%3Canimate fill='freeze' attributeName='d' begin='0.5s' dur='0.4s' values='M18.5 2h3.5L22 2h-3.5z;M18.5 2h3.5L5 22h-3.5z'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.social-icon{
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 24px;
}
.social-icon a{
  color: white;
  text-decoration: none;
}
.contact-icon{
  display: flex;
  gap: 5px;
  font-size: 18px;
}
.bxl-linkedin-square{
  font-size: 24px;
}
.basil--instagram-solid {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 8.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5'/%3E%3Cpath fill='white' fill-rule='evenodd' d='M6.77 3.082a47.472 47.472 0 0 1 10.46 0c1.899.212 3.43 1.707 3.653 3.613a45.67 45.67 0 0 1 0 10.61c-.223 1.906-1.754 3.401-3.652 3.614a47.468 47.468 0 0 1-10.461 0c-1.899-.213-3.43-1.708-3.653-3.613a45.672 45.672 0 0 1 0-10.611C3.34 4.789 4.871 3.294 6.77 3.082M17 6a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-9.75 6a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.simple-icons--facebook {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978c.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036a26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103l-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647'/%3E%3C/svg%3E");
}
.eigth-details{
  display: flex;
  gap:50px;
  padding: 5% 0;
}

.eight-fourth{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.icons{
  gap: 20px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.eight-third{
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.third-contact{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.eight-second{
  display: flex;
  flex-direction: column;
  font-family: 'lato';
  gap: 30px;
}
.second-details{
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.eight-first{
  display: flex;
  flex-direction: column;
  width: 50%;
}
.startp{
  font-size: 24px;
  font-family: 'lato';
}
.email-contact{
  display: flex;
  flex-direction: column;
  margin-top: 10%;
  gap: 20px;
}
.eight-details{
  font-family: 'lato';
}
.eigth-email{
  display: flex;
  flex-direction: column;
}
.eight-email-inp{
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
}
.eight-email-inp input{
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 20px;
  font-family: 'lato';
  border-bottom: 1px solid white;
  width: 90%;
  height: 60px;
}
.eight-email-inp input::placeholder{
  color: white;
  font-size: 20px;
}
.lastp{
  font-size: 16px;
}
.lastp a{
  color: #5e239d;
  text-decoration: underline;
  font-weight: bold;
}

.copyright{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.copyright hr{
  width: 80%;
  margin: 20px 0;
  border-color: white;
}
.copy{
    position: absolute;
  padding-bottom: 10px;
  color: white;
}

.copyright p{
    color: white;
}
.copyright-text{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 20px;
} 
.right-corner{
    display: flex;
    padding-bottom: 10px;
    text-align: right;
    padding-left: 80%;
    gap: 20px;
   
}


.side{
  height: 100vh;
  width: 100vh;
  position: absolute;
}
.blob-110 {
  position: absolute;
  top: 8%;
  /* right: 0; */
  width: 40%;
  height: 30%;
  background: conic-gradient(from 180deg at 50% 50%, #E5E4E2 0deg, #6A0572 10.8deg, #00CED1 99deg, #E5E4E2 183.6deg, #D4AF37 271.8deg, #E5E4E2 360deg);
  mix-blend-mode: normal;
  filter: blur(28.2286px);
  border-radius: 30%;
  transform: rotate(-1.57deg);
  animation: rotate2 10s linear infinite;
}

.blob-120 {
  position: absolute;
  /* right: 0; */
  top: 7%;
  width: 10%;
  height: 20%;
  background: conic-gradient(from 180deg at 50% 50%, #E5E4E2 0deg, #6A0572 10.8deg, #00CED1 99deg, #E5E4E2 183.6deg, #D4AF37 271.8deg, #E5E4E2 360deg);
  mix-blend-mode: normal;
  filter: blur(20px);
  border-radius: 30%;
  animation: rotate2 10s linear infinite;
}

.blob-130 {
  position: absolute;
  width: 15%;
  height: 25%;
  top: 7%;
  /* right: 0; */
  border-radius: 30%;
  background: conic-gradient(from 180deg at 50% 50%, #E5E4E2 0deg, #6A0572 10.8deg, #00CED1 99deg, #E5E4E2 183.6deg, #D4AF37 271.8deg, #E5E4E2 360deg);
  mix-blend-mode: normal;
  filter: blur(30px);
  transform: rotate(-157.28deg);
  animation: rotate2 9s linear infinite;

}
.ou{
  display: flex;
  justify-content: center;
  margin-top: 112px;
}

@keyframes rotate2 {
  0% {
      transform: rotate(0deg);
    }
    33% {
      transform: rotate(154deg);
    }
    66%{
        transform: rotate(244deg);
    }100%{
        transform: rotate(0deg);
    }
}












::-webkit-scrollbar{
    width: 0px;
  }
::-webkit-scrollbar-track{
  background-color: #333;
  }
::-webkit-scrollbar-thumb{
    background-color: #5e239d;
    border-radius: 4px;
}
.line-md--linkedin {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='4' cy='4' r='2' fill='white' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' dur='0.4s' values='0;1'/%3E%3C/circle%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-width='4'%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M4 10V20'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.2s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M10 10V20'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='24' stroke-dashoffset='24' d='M10 15C10 12.2386 12.2386 10 15 10C17.7614 10 20 12.2386 20 15V20'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.7s' dur='0.5s' values='24;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.carbon--phone-filled {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='m20.33 21.48l2.24-2.24a2.19 2.19 0 0 1 2.34-.48l2.73 1.09a2.18 2.18 0 0 1 1.36 2v5A2.17 2.17 0 0 1 26.72 29C7.59 27.81 3.73 11.61 3 5.41A2.17 2.17 0 0 1 5.17 3H10a2.16 2.16 0 0 1 2 1.36l1.09 2.73a2.16 2.16 0 0 1-.47 2.34l-2.24 2.24s1.29 8.73 9.95 9.81'/%3E%3C/svg%3E");
}
.uiw--mail {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' fill-rule='evenodd' d='m7.172 11.334l2.83 1.935l2.728-1.882l6.115 6.033c-.161.052-.333.08-.512.08H1.667c-.22 0-.43-.043-.623-.12zM20 6.376v9.457c0 .247-.054.481-.15.692l-5.994-5.914zM0 6.429l6.042 4.132l-5.936 5.858A1.663 1.663 0 0 1 0 15.833zM18.333 2.5c.92 0 1.667.746 1.667 1.667v.586L9.998 11.648L0 4.81v-.643C0 3.247.746 2.5 1.667 2.5z'/%3E%3C/svg%3E");
}
.second-details a{
  color: white;
  text-decoration: none;
}
.header-head{
  font-family: "Titillium Web", sans-serif;
  font-size: 28px;
}
.card-header p{
  font-size: 24px;
  font-family: 'Lato', sans-serif;
}
.right-corner a{
  color: #fff;
}