* {
    margin: 0;
    padding: 0;
    border: 0 solid transparent;
    /* font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    color:#fff;
    /* font-family: "Roboto", sans-serif; */
    /* font-family: "Montserrat", sans-serif; */
    font-family: "Raleway", sans-serif;
  }

body {
    /* background-color: #0e1116; */
    background-color: #17181c;
    color:#fff;
}



 .roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }

.navbar{
    /* background-color: #0e1116 !important; */
    background-color: #0000006d !important;
    height:60px  !important;
    border-bottom: solid 1px #0e1116;
  
    backdrop-filter: blur(10px); /* Optional: Adds a blurred effect */
    -webkit-backdrop-filter: blur(10px); /* Optional for Safari */
    
} 

.navbar h3{

    
  background: linear-gradient(91.68deg, #00ee9c, #22fde2 48.96%, #05c3ff);
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.sub_title{

    

    font-weight: 600;
    font-size: 68px;
    line-height: 96px;
    
    
    text-align: left;
    margin: 0 auto;
    background: linear-gradient(291.68deg, #00ee9c, #22fde2 48.96%, #05c3ff);
    background-size: 500px 100px;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

    
}



.app_title{

    

  font-weight: 300;
  font-size: 38px;
  line-height: 45px;
  
  text-align: left;
  
  background: linear-gradient(291.68deg, #00ee9c, #22fde2 48.96%, #05c3ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;

  
}



.subtitle {
    color:#000;
    
}








/* .app-container {
  position: relative;
  min-height: 450px;
  overflow: hidden;
}


.app-content {
  z-index: 1; 
  padding: 20px;
  color: white;
  position: absolute;
  border: 0px solid #ff0000;;
  width:100%;
}


.app-icon
{
  position:relative;
  width:100px;
  float:right;
  
  margin-top:-50px;
}  */
 
 .app-container {
  position: relative;
  min-height: 450px;
  overflow: hidden;
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 125%;
  /* background-size: cover; */
  z-index: 0;
}

.app-content {
  z-index: 1; 
  padding: 20px;
  color: white;
  position: relative;
  width: 100%;
}

.app-icon {
  position: relative;
  width: 100px;
  float: right;
  margin-top: -50px;
}












.btn-my {

  color:#000;
  background: linear-gradient(291.68deg, #00ee9c, #22fde2 48.96%, #05c3ff);

}

h1 {

    font-size: 2.5rem;
}

h2 {

    font-size: 2rem;
}

h3 {

    font-size: 1.50rem;
}

h4 {

    font-size: 1.1rem;
}

h5 {

    font-size: 0.90rem;
}

p{
    font-size: 12px;
}

a {
    text-decoration: none;
    color:#fff;
}

.custom-card {
    background-color: #0e1116;
    background-image: none; 
    transition: background-color 1.0s ease; /* Smooth transition for background color */
    transform: scale(1); /* Initial scale */
}

.card-footer{
    background:rgba(0 , 0, 0, 0.2);
}

.custom-card:hover {
    /* background-color: #0e1116;  */
    transform: scale(1.1); 
}


.custom-card:hover .card-footer{
    background: linear-gradient(45deg, #aef3fd, #aeb2fd, #ddaefd, #f5aefd, #fdaed0); 
    color: #000;
}

.custom-card:hover p,
.custom-card:hover a {
    color: #fff; 
    font-weight: bold;
}

/* 
.app_card{

  min-height:300px;
  width:100%;
  overflow:hidden;
  position: absolute;
  backdrop-filter: grayscale(100%) brightness(10%);
  filter: grayscale(100%) brightness(10%);
  object-fit: fill;
  background-repeat: no-repeat;
}


.app-content
{
  min-height:300px;
  position: absolute;

}

*/



/* .custom-card:hover {
    
     background: linear-gradient(45deg, #aef3fd, #aeb2fd, #ddaefd, #f5aefd, #fdaed0); 
     color: #000;
} 


.custom-card:hover p,
.custom-card:hover a {
    color: #000; 
    font-weight: bold;
}
    */

.accordion {
    --bs-accordion-border-width:0px;
    --bs-accordion-bg:#0e1116;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.accordion-body{
    padding:5px;
    background-color:#2b3038;
}
.accordion-button{
    padding:10px;
    font-size: 14px;
}
.accordion-button:not(.collapsed) {
    color: #000;
    background: linear-gradient(45deg, #aef3fd, #aeb2fd, #ddaefd, #f5aefd, #fdaed0); 
    /* box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */


}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }
/* #category_title{
    background: linear-gradient(45deg, #ff6b6b, #f06595, #db6ac1, #a069e0, #7949f3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

} */
.card-img, .card-img-top {
    border-radius: var(--bs-card-inner-border-radius);
}