@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');
body{
    font-family: 'Poppins', sans-serif;
    background-color: #34495e;
}

section{
    background-color: #34495e;
}

h1{
    color: #fff;
}

p{
    color: #fff;
    opacity: 0.7;
}
h2{
    color: #fff;
}

h3{
    color: #fff;
    text-decoration: underline;
}

.nav-link{
    color: #fff !important;
}

#type{
    font-family: 'Space Mono', monospace;
}

.Projects_Section ul{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.intro{
    min-height: 50vh;
    width: 100%;

}

.Introduction{
    background-color: #34495e;
}

.cont{
    min-height: 200px;
    width: 40%;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;
    background-color: #e8fbff;
}

.whatWeProvide{
    background-color: #2c3e50;
}



.Projects_Section h2{
    color: white;
}

.heading_proj p{
    color: white;
    font-size: 16px;
}

.holders{
    padding: 25px;
    margin: 0 auto;
    background-color: #130f40;
    color: #fff;
    box-shadow: -4px -4px 12px rgba(0, 0, 0, 0.1),
    4px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.holders h2{
    color: black;
}

/* .Projects_Section ul{
    transform: rotate(180deg);
}
.Projects_Section ul li {
    transform: rotate(-180deg);
} */


.checkoutBtn{
    min-height: 30px;
    width: 80%;
    padding: 10px;
    border-radius: 20px;
    background-color: #2ecc71;
    color: #ffff;
    border: none;
    text-decoration: none;
}
.checkoutBtn:hover{
    color: black;
}
.ProjectNavigator{
    text-decoration: none;
    color: black;
    font-size: 20px;
    font-weight: 900;
}

#level{
    font-size: 18px;
    color: #fff;
}

.blogCards{
    border-radius: 20px;
    border: none;
}

.blogCards img{
    border-radius: 20px;
    height: 100%;
    width: 100%;
}

.AboutUsBox{
    background-color: #34495e;
    padding: 15px;
    border-radius: 15px;
}

.AboutUsBox h2{
    font-weight: 900;
}

.readmore{
    text-decoration: none;
    text-transform: capitalize;
    color: #6c5ce7;
    font-size: 18px;
    font-weight: 800;
}

.AboutUsBox p{
    font-size: medium;
    color: #fff;
}

.AboutUsBox p a{
    color: #fff;
}