.tool-list .upper-text-content {
  text-align:center;
}
.tool-list .upper-text-content span{
  color:#175CD3;
  font-size:16px;
  line-height:24px;
  font-weight:600;
}
.tool-list .upper-text-content h3,
.tool-list .upper-text-content h3 span {
  color:#101828; 
  font-size:36px;
  line-height:44px;
  font-weight:600;
  margin:0;
  padding: 12px 0px 20px 0px;
}
.tool-list .upper-text-content p,
.tool-list .upper-text-content p span{
  color:#475467; 
  font-size:20px;
  line-height:30px;
  font-weight:400;
  margin:0;
  max-width: 768px;
  margin:0 auto;
}

.tool-list .upper-text-content h1 span, 
.tool-list .upper-text-content h2 span, 
.tool-list .upper-text-content h3 span, 
.tool-list .upper-text-content p span {
  display: inline;
}

.tool-list .company-notation{
  display:flex;
  flex-wrap: wrap;
  max-width:1024px;
  margin:0 auto;
  justify-content: center;
}
.tool-list .logo-image img {
  max-width: 100px; 
  max-height: 100px; 
  object-fit: cover;

}
.tool-list .logo-image {
  text-align: center;
}
.tool-list .upper-notation {
  width:12.5%;
  padding: 0 15px 15px;
}
.tool-list .tool-list .lower-content {
  max-width:768px;
  margin: 0 auto;
  text-align:center;
}
.tool-list .button-section a{
  color:#ffffff;
  background-color:#1570EF;
  padding;18px 18px;
  font-size; 18px;
  font-weight:600;
  border-radius: 8px;
  color: #FFFFFF ;
  padding: 18px 18px;
  box-shadow: 0 0 10px rgba(16, 24, 40, 0.05); 
  text-decoration:none;
  display: inline-block;
}
.tool-list .button-section a:hover{
  filter: brightness(115%);
}
.tool-list .middle-content{
  max-width:1024px;
  margin: 0 auto;
  padding: 64px 0px

}
.tool-list .container_wrapper .button-section {
  text-align: center;
}
@media screen and (max-width:420px){
  .tool-list .upper-content{
    max-width:100%;
  }
  .tool-list .logo-image {
    margin: 0;
  }
  .tool-list .upper-text-content p {
    font-size:16px;
    line-height:22px;
  }
  .tool-list .middle-content {
    padding: 24px 0px;
  }
  .tool-list .upper-notation {
    width: 33.3% !important;
    padding:5px;
  }
  .tool-list .lower-content {
    max-width:100%;
    margin: 0 auto;
    text-align:center;
  }
  .tool-list .button-section{
    margin-top:10px;
  }
  .tool-list .company-notation{
    justify-content:space-between;  
  }
  .tool-list .container_wrapper, .row_hero_sec, .two_column_content .container_wrapper {
    padding: 15px 15px;
  }
  .tool-list .logo-image img {
    max-height: 50px;
    width: 50px;
    object-fit: cover;
  }
  .tool-list .upper-text-content span {
    font-size: 14px;
    line-height: 20px;
  }
  .tool-list .button-section a {
    padding: 15px 15px;
    font-size: 12px;
  }
  .tool-list .upper-text-content h3 {
    font-size: 30px;
    line-height: 36px;
    padding: 0 0 10px;
  }
}
@media only screen and (min-width: 421px) and (max-width: 767px) {
  .tool-list .upper-content{
    max-width:100%;
  }
  .tool-list .logo-image {
    margin: 0;
  }
  .tool-list .upper-text-content p {
    font-size:16px;
    line-height:22px;
  }
  .tool-list .middle-content {
    padding: 24px 0px;
  }
  .tool-list .upper-notation {
    width: 20% !important;
    padding:5px;
  }
  .tool-list .lower-content {
    max-width:100%;
    margin: 0 auto;
    text-align:center;
  }
  .tool-list .button-section{
    margin-top:10px;
  }
  .tool-list .company-notation{
    justify-content:space-between;  
  }
  .tool-list .container_wrapper, .row_hero_sec, .two_column_content .container_wrapper {
    padding: 15px 15px;
  }
  .tool-list .logo-image img {
    max-height: 50px;
    width: 50px;
    object-fit: cover;
  }
  .tool-list .upper-text-content span {
    font-size: 14px;
    line-height: 20px;
  }
  .tool-list .button-section a {
    padding: 15px 15px;
    font-size: 12px;
  }
  .tool-list .upper-text-content h3 {
    font-size: 30px;
    line-height: 36px;
    padding: 0 0 10px;
  }

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .upper-text-content h1{
    color:#101828; 
    font-size:32px;
    line-height:38px;
    font-weight:600;
  }
  .tool-list .logo-image img {
    max-width: 80px !important;
    min-height: 80px;
  }
  .tool-list .button-section a {
    font-size: 14px;
    padding: 14px 14px;
  }
  .upper-text-content p {
    color:#475467; 
    font-size:18px;
    line-height:25px;
    font-weight:400;
  }
  .upper-text-content {
    text-align:center;
  }
  .tool-list .upper-notation {
    width: 12.5%;
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1320px) {
  .tool-list .logo-image img {
    max-height: 80px;
    min-height: 80px;
    max-width: 80px !important;
  }
  .tool-list .upper-text-content h3 {
    font-size: 34px;
    line-height: 34px;
  }
  .tool-list .upper-text-content p {
    font-size: 18px;
    line-height: 26px;
  }
  .tool-list .button-section a {
    font-size: 15px;
    padding: 14px 14px;
  }
}