/* Style by Ramesh */
 /* Integration card styles */
 .card-style{
  background-color: #fff;
  border-radius: 5px;
  /* box-shadow:0px 3px 6px #00000029; */
  box-shadow: #00000029 0px 3px 6px, #00000029 0px 3px 6px 0px;
  margin: 0px 15px;
  margin-bottom: 70px;
  height: 380px;
  max-width: 335px!important;
}
.card-style:hover,.card-style:focus{
  box-shadow: #00000029 0px 6px 12px, #00000029 0px 6px 12px 0px;
}

.image-style{
  text-align: center;
  padding: 25px 0px;
}
.tool_title{
  font-family: 'Nunito Sans', sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 30px;
  margin-top: 20px;
}
.tool_desc{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 12px;
    margin-top: 23px;
    height: 170px;
    letter-spacing: 0px;
    color: #434e73
}
.image_style a{
  cursor: pointer;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 20px;
  
}
.exp_button{
  color: #fff!important;
  background-color: #0098ff;
    padding: 12px 10px;
    border-radius: 3px;
}

.serach_box{
  height:100px;
  background-color: #f8fbff;
  display: flex;
  width: 100%;
  margin-bottom:20px;
  margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
#filter_cards{
  max-width:1280px;
  margin:auto;
  display:flex;
  justify-content: center;
}
.search_box_inner{
  width: 70%;
  margin: auto!important;
  text-align: center;
}
 .custom-select1{
  background-color: #fff;
  color: #434e73;
  border-radius: 3px;
  border: #0089ff solid 2px;
  margin: 0 5px;
  height: 35px;
  font-family:'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  width: 150px;

}
.custom-select2{
  background-color: #fff;
  color: #434e73;
  border-radius: 3px;
  border: #0089ff solid 2px;
  margin: 0 5px;
  height: 35px;
  font-family:'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  width: 220px;

}
.serach_box {
  height: auto;
  background-color: #f8fbff;
  display: flex;
  width: 100%;
  margin-bottom: 25px;
  padding: 10px;
}
.search_box_inner {
width: 100%;
margin: auto !important;
text-align: center;
height: 65px;
}
#more{
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  border: 2px solid #0098FF;
  padding: 15px 30px;
  border-radius: 5px;
  background-color: #0098FF;
  font-size: 18px;
} 
.arrow_style_integration{
    position: relative;
    top: -1px;
    width: 13px;
    left: 5px;
    font-size: 20px;
    color: #0089ff;
  }
  .search_button{
    /* padding: 3px 70px; */
    width: 100px!important;
    margin-left: 5px!important;
    height: 35px!important;
    font-family:'Nunito Sans', sans-serif!important;
    text-align: center!important;
    font-size: 14px!important;
    color: #fff!important;
    background-color: #0098FF!important;
    border: #0098FF solid 2px!important;
    border-radius: 5px!important;
    font-size: 14px!important;
    font-weight: 700!important;
  }
  .search_button:hover{
    border: none!important;
    background-color: #0089ff!important;
  }
  .search_table{
    width: 100px!important;
    margin-left: 5px!important;
    height: 35px!important;
    margin-top: 5px;
    font-family: "Archivo", sans-serif!important;
    text-align: center!important;
    font-size: 14px!important;
    color: #fff!important;
    background-color: #0098FF!important;
    border: #0098FF solid 2px!important;
    border-radius: 5px!important;
    font-size: 16px!important;
    font-weight: 500!important;
  }
  .search_table:hover{
    border: none!important;
    background-color: #0089ff!important;
  }
#filter_result{
  width: 100px;
  margin-left: 5px;
  height: 35px;
  font-family: 'Nunito Sans',sans-serif;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #0098FF;
  border: #0098FF solid 2px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
}
.custom-table{
  background-color: #fff;
color: #434e73;
border-radius: 3px;
/* border: #0089ff solid 2px; */
border: none;
margin: 10px 5px;
height: 45px;
font-family: "Archivo", sans-serif;
font-weight: 500;
font-size: 16px;
text-align: left;
width: 230px;
background: #f3f6fa;

}
select#area_id {
  padding: 5px 20px;
}
/* media queries */
@media only screen and (min-width:320px) and (max-width:479px){
  .tool_desc {
    line-height: 25px;
  }
  .custom-table{
    width:100%!important;
    }
    .search_table{
      width: 100%!important;
    }
}
@media only screen and (min-width:480px) and (max-width:768px){
  .custom-table{
    width:100%!important;
    }
    .dropdown-demo select#area_id
    {
      background: #f3f6fa !important;
      padding-left: 20px;
    } 
    .search_table{
      width: 60%!important;
    } 
}

  @media screen and (max-width:768px) {
    .custom-select1, .custom-select2 {
      margin-bottom: 10px;
    }
    .serach_box {
      height: auto;
      background-color: #D7EEFE;
      display: flex;
      width: 100%;
      margin-bottom: 10px;
      padding: 25px;
  }
  .search_box_inner {
    width: 100%;
    margin: auto !important;
    text-align: center;
  }
  #more{
  position: relative;
  top: 30px;
  } 
#filter_cards{
  display:flex;
  justify-content: center;
}
.tool_desc{
  height: auto;
}
.copy-large {
  font-size: 12px;
  font-weight: 300;
}

  }
  @media screen and (max-width:1279px) {
    .card-style {
    margin:20px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    height: auto;
}
  }