@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
body{

/*
* https://cssgradient.io/
*/
background-image: url(images/bg_01.png);
background-size: cover;
min-height: 100vh;

}

.navbar .navbar-nav .nav-item{
    padding-right: 3.5rem;
}

.navbar .navbar-nav .nav-item a{
    font-size: 1.05rem;
    font-weight:500;
    color:#1B1C43 ;
    

}
.navbar .navbar-nav .nav-item a:hover{
    font-size: 1.05rem;
    font-weight:500;
    color:#000080;
    

}
.navbar  .btn{
    background: pink;
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    border: .2rem;
    border-radius: 0.5rem;
    color:white;
    border-color: #f2f4f7;
    border-style: solid;
    
}

.navbar  .btn:hover{
    background: transparent;
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    border: .2rem;
    border-radius: 0.5rem;
    color:black;
    border-color: #f2f4f7;
    border-style: solid;
    transition: transform .25s ease-in-out;
}

.navbar  .btn:active{
    background: rgb(221, 16, 102);
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    border: .2rem;
    border-radius: 0.5rem;
    color:black;
    border-color: #f2f4f7;
    border-style: solid;
    transition: transform .25s ease-in-out;
}


.navbar-toggler{
    background:rgb(221, 16, 102);
}

.first-mid span{
    color: rgb(221, 16, 102)
    
}

.first-mid p{
    font-size:1rem;
    font-weight: 400;
    color:black;
    word-spacing: .1rem;

}
.statistics{
    background-image: url(images/stats.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px;
}
.statistics .figure{
   
}
.statistics h1{
    color:rgb(28, 67, 194);
    font-weight:500;
}

.statistics h5{
    color:white;
    font-weight: 400;

}

.statistics p{
    font-weight: 100;
    color: white;
}

.mid h1{
    color: #1B1C43;

}

.mid h1 span{
    color: rgb(221, 16, 102)
}

.mid h2 span{
    color:rgb(221, 16, 102);
    font-weight:700;
}
.mid p{
    
    font-size:1rem;
    font-weight: 400;
    color:#1e2022;
    word-spacing: .1rem;
}

.mid .row{

    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items:center;
    text-align: center;

}



.mid .row button:nth-child(3){
    background: rgb(221, 16, 102);
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    border: .2rem;
    border-radius: 0.5rem;
    color:white;
    border-color: #f2f4f7;
    border-style: solid;
    

}



.mid-buttom button{

    background: #1e2022;
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    border: .2rem;
    border-radius: 0.5rem;
    color:white;
    border-color: #f2f4f7;
    border-style: solid;

}


.mid-buttom button:hover{
    background: transparent;
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    border: .2rem;
    border-radius: 0.5rem;
    color:black;
    border-color: #f2f4f7;
    border-style: solid;
    transition: transform .25s ease-in-out;
}

.mid-buttom h1{
    color: #1B1C43;

}

.mid-buttom h1 span{
    color: rgb(221, 16, 102)
}
.mid-buttom p{
    
    font-size:1rem;
    font-weight: 200;
    color:#1e2022;
    word-spacing: .1rem;
}



.campaign{
    text-align: left;
}

.features .row .one i{
   color:rgb(221, 16, 102)
}


.features .row .one h3{
   
    color:rgb(71, 9, 112);
    
}

.features .row .one p{
   
    color:rgb(167, 163, 163);
    
   
}
.contact{
    background: #c9e4fa;
}

.contact h1{
    color: #1B1C43;

}


.contact p{
    
    font-size:1rem;
    font-weight: 200;
    color:#1e2022;
    word-spacing: .1rem;
}

.contact .row{

    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items:center;
    text-align: center;

}

.contact button{

    background: #1e2022;
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    border: .2rem;
    border-radius: 0.5rem;
    color:white;
    border-color: #f2f4f7;
    border-style: solid;

}
.about-us{
    background-image: url(images/about.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.about h1{

    font-weight: 900;
    font-size:3rem;
    color:rgb(34, 17, 20)
}

.about p{
    font-weight: 400;
    font-size: 1.3rem;
    word-spacing: 0.01rem;
    color: white;
}

.text-content-group{
    text-align: center;
}

.title{
    font-weight: 700;
   
}

.main-title{
    font-size: 3vw; 
    color:rgb(53, 6, 128);

}
.accent-color{
    font-size: 3vw; 
    color:rgb(241, 128, 147);
    font-weight:500;
   

}
.text-content-paragraph{
    margin-block:2.2rem;

}

.image-content-group{
    display: block;
    height: auto;
    max-width: 100%;
}