.number__card{
  overflow:hidden;
}

.number__card ul li::marker{
  color:#8f8f8f !important;
}
.number__card--show {
  display: grid;
  grid-template-columns: 40% 50%;
  gap:120px;
}

.number__card--number-container h3{
  font-size: 300px;
  font-weight: 100;
  letter-spacing: -25px;
  margin-bottom:0;
}  

.number__card--number-container {
  width: 1000px;
  height: 1000px;
  border-radius: 100%;
  padding: 330px 220px;
  margin-top: -200px;
  display: flex;
  align-items: center;
}

.number__card--show-text h2{
  margin-bottom:50px;
}
#read_more.button--tertiary{
  margin-top:50px;
  text-transform:capitalize !important;
}
.number__card--hide{
  height:auto;
  transition:all ease 0.5s;
}
.number__card--hide-images {
  display: flex;
  gap: 10px;
  margin-bottom: 50px;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items:center;
}

.number__card--hide-images img{
  max-width:30% !important;
}

.number__card--hide-texts {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: flex-start;
  flex-wrap:wrap;
}

.number__card--hide-text-container {
  max-width: 46%;
}

{#Tablet Breakpoint#}
@media(max-width:992px){
  .number__card--show{
    gap:50px;
  }
  .number__card--number-container{
    padding:250px 70px
  }
  .number__card--hide-images{
    justify-content:center;
  }
  .number__card--hide-images img{
    max-width:100% !important;
  }

  .number__card--hide-text-container {
    max-width: 100%;
  }


}


{#Mobile Breakpoint#}
@media(max-width:767px){
  .number__card--show{
    grid-template-columns:1fr;
  }
  .number__card--number-container{
    margin-top:-100px;
  }
  .number__card--show-text{
    max-width:90%;
  }

  .number__card--number-container{
    width:500px;
    height:500px;
    margin: 0 auto -100px auto;
  }


  .number__card--number-container{
    padding:200px 70px
  }
  
  .hidden_mobile{
    display:none;
  }


}

@media(max-width:450px){
  .number__card--show-text{
    max-width:100%;
  }

  .number__card--number-container{
    width:300px;
    height:300px;
    margin: 0 auto -100px auto;
  }

  .number__card--number-container h3{
    font-size:180px;
  }

}

/**General  Styles**/
.hidden{
  display:none;
  height:0;
}