@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
     font-family: "Montserrat", sans-serif;
}
/* *{
     outline: 1px solid red;
} */
 .container{
     margin: 0 auto;
     max-width: 1200px;
 }
 footer{
     background-color: #251893;
     padding-bottom: 40px;
 }
 .responsive-panel{
     display: none;
 }
 .show.responsive-panel{
     display: block;
 }
 /* nav ul{
     display: flex;
     gap: 130px;
     margin-right: 80px;
     color: #FFFFFF;
 } */
 .contact{
     color: #251893;
     background-color: #FFFFFF;
     border-radius: 30px;
     padding: 6px 25px;
     margin: 30px 0;
     
 }
 .row{
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
.logo{
     max-width: 35px;
}
header{
     background-color: #251893;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    z-index: 999;
}
.menu ion-icon{
   font-size: 35px;
   color: #fff;
}

.custom-shadow {
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/* .intro{
     max-width: 300px;
} */
.hero-info {
     font-size: 20px;
     max-width: 0px;
     left: 240px;
     position: relative;
}

.hero-p p {
     font-size: 16px;
     padding-bottom: 20px;
}

.heroic-section {
     padding-bottom: 70px;
}

.heroic p {
     color: #FAF5FF;
     font-size: 15px;
     max-width: 80px;
     text-align: end;
}

.hero-p a {
     background-color: #D9FC60;
     border-radius: 30px;
     padding: 6px 25px;
     color: #261996;
     font-weight: 600;
     margin: 30px 0;
     text-decoration: none;
}

.heroic-sign {
     color: #DEF467;
     font-size: 35px
}

.heroic-numerical {
     color: #FAF5FF;
     font-size: 30px;
     font-weight: 500;
}

.heroic-logo {
     display: flex;
     align-items: center;
     gap: 70px;
     justify-content: center;
}

.heroic-logo-1 {
     max-width: 130px;
}

.heroic-logo-2 {
     max-width: 130px;
}

.heroic-logo-3 {
     max-width: 150px;
}

.heroic-logo-4 {
     max-width: 170px;
}

.heroic-logo-5 {
     max-width: 170px;
}

.heroic-logo-6 {
     max-width: 140px;
}






#string{
    height: 200px;
    width: 100;
    background-color: #261996;
    margin-left: 170px;
    
} 
#energetic-string p{
     color: #DDFE5D;
     font-size: 37px;
     font-weight: 700;
     max-width: 700px;
     margin: 0px auto;
}


.infinity-2{
  border: 1px solid #251893;
}


.Top-notch{
     padding-top: 360px;
     padding-bottom: 160px;
}
/* #cursor{
     height: 20px;
     width: 20px;
     background-color: white;
     border-radius: 50%;
     position: fixed;
} */