#technologiesOuterContainer{
display: flex;
flex-wrap: wrap;
    /* min-height: 100vh; */
    background-color: #F7FBFC;
padding: 63px 0;
}
#technologiesContainer h2{
    margin: 20px 4px;
    gap: 15px;
    width: 100%;
        font-size: 32px;
    font-weight: 700;
    line-height: 50px;
}
.technologiesMoreBoxes{
        width: 314px;
    height: 100%;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    position: relative;
     padding: 20px 20px 20px 0;
}
.technologiesBoxesContainer{
    margin: 20px 4px;
    gap: 15px;
    width: 100%;
}


#technologiesOuterContainer{
   display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.technologiesBoxes{
    width: 425px;
    /* height: 100%; */
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    position: relative;
     padding: 20px 20px 20px 0;
      
}
.technologiesBoxes div{
  width: 100%;
  display: flex;
      margin-top: 10px;
    margin-bottom: 0;
    padding: 0 0 0 20px;

}
.technologiesBoxes div h3{
    font-size: 20px;
    font-weight: 600;
    padding: 6px 19px;
    background-color: #DDDDDD;
    padding-right: 44px;
}
.technologiesMoreBoxes div h3{
    padding: 6px 19px;
    font-size: 20px;
    font-weight: 600;
    background-color: #DDDDDD;
    padding-right: 44px;
}
.technologiesBoxes .boxHeading{
    padding: 0;
}
.technologiesMoreBoxes .boxHeading{
    padding: 0;
    display: flex;
    justify-content: start;

    
}
.technologiesBoxes div div{
    width: 33.333%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.technologiesMoreBoxesContainer{
    /* margin: 0 42px; */
    gap: 15px;
    width: 100%;
}
.technologiesMoreBoxes div div{
    width:50%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
.technologiesMoreBoxes div div h5{
  font-size: 1rem;
}
.technologiesMoreBoxes div{
  width: 100%;
  display: flex;
  justify-content: space-around;
      margin-top: 10px;
    margin-bottom: 0;
    padding: 0 0 0 20px;

}
.smallText{
    font-size: 10px;
}

@media (max-width: 1314.5px) {
.technologiesBoxes{
    width: 355px;

      
}
.technologiesMoreBoxes{
        width: 262px;

}

}
@media (max-width: 1098.5px) {
.technologiesBoxes{
    width: 335px;

      
}

.technologiesMoreBoxes{
        width: 247px;

}


}
@media (max-width: 1043.5px) {
.technologiesBoxes{
    width: 315px;

      
}
.technologiesName{
    font-size: 1rem;
}

.technologiesMoreBoxes{
        width: 233px;

}

}
@media (max-width: 991.5px) {
  #technologiesContainer h2 {
  
    font-size: 30px;

}
.technologiesBoxes {
    width: 100%;
    padding: 0;
        margin: 0 22px;
}
.technologiesBoxes div {
padding: 0;

}
.technologiesBoxes div div {
 
    justify-content: space-around;
}
.technologiesBoxes div div h5{
  font-size: 1rem;
}
.technologiesMoreBoxes {
    width: 100%;


}
.technologiesMoreBoxes div div {
   
    justify-content: space-around;
}
#technologiesContainer h2 {
    margin: 0px 4px;
  
}
.technologiesMoreBoxes{
    height: 24%;
  margin: 0 22px;
}
}
@media (max-width: 400.5px) {
  #technologiesContainer h2 {
  
    font-size: 22px;

}
.technologiesBoxes {

        margin: 0 10px;
}
.technologiesMoreBoxes{
  margin: 0 10px;
}
}

@media (max-width: 310.5px) {
.technologiesBoxes {

        margin: 0 4px;
}
.technologiesMoreBoxes{
  margin: 0 4px;
}
  #technologiesContainer h2 {
  
    font-size: 19px;

}
}