h3{
    font-weight:200;
    font-size:30px;
}

.section1{
    padding-top:5%;
}

.bulletPointsContainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bulletsLineContainers {
    display: flex;
    flex-direction: row;
    align-items: flex-start; /* Align items to the top */
}

.bullets {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33cc99;
    flex-shrink: 0;
    flex-grow: 0;
    margin-top: 15px; /* Optional: Fine-tune the bullet's position */
}

.pClass {
    margin: 0; /* Remove default margins */
    padding-left: 2%; /* Add custom padding for spacing */
}

.titlesGreen{
    color:#33cc99
}
.titlesRed{
    color:#fc6868;
}

.iconTextContainers{
    display:flex;
    flex-direction:row;
    width:100%;
}

.iconContainers{
    width:10%;
}

.icons{
    width:70%;
}

.icon1{
    width:100%;
}

.icon4{
    width:120%;
}


.titleTextContainers{
    width:80%;
    padding-left:5%;
}

.section4{
    padding-bottom:3%;
}

@media screen and (max-width:1200px) and (min-width:800px){
    
    .iconTextContainers{
    display:flex;
    flex-direction:column;
    width:100%;
}
    
    .iconContainers{
    width:30%;
    display:flex;
    justify-content:left;
}
.icons{
    width:10%;
}

.titleTextContainers{
    width:100%;
    padding-left:0%;
}

.icon1{
    width:14%;
}

.icon4{
    width:17%;
}


}


@media screen and (max-width:800px) and (min-width:500px){
    
    .iconTextContainers{
    display:flex;
    flex-direction:column;
    width:100%;
}
    
    .iconContainers{
    width:30%;
    display:flex;
    justify-content:left;
}
.icons{
    width:15%;
}

.titleTextContainers{
    width:100%;
    padding-left:0%;
}

.icon1{
    width:20%;
}

.icon4{
    width:23%;
}


}




@media screen and (max-width:500px) and (min-width:300px){
    
    .iconTextContainers{
    display:flex;
    flex-direction:column;
    width:100%;
}
    
    .iconContainers{
    width:30%;
    display:flex;
    justify-content:left;
}
.icons{
    width:20%;
}

.titleTextContainers{
    width:100%;
    padding-left:0%;
}

.icon1{
    width:25%;
}

.icon4{
    width:35%;
}


}