.container-fluid{
  width: calc(100% - 40px);
  margin: auto;
  padding-left: 11%;
}

.card {
  width: 600px;
  min-width: 550px;
  height: 400px;
  background: transparent;
  border-radius:0px;
  position: relative;
  z-index:1;
  margin:10px;
  margin-top: 0;
  min-height:356px;
  transition: all .25s ease;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0, .08);
  overflow: hidden;
  box-sizing: border-box;
}

.card:hover {
  transform:translate(0, -10px);
  box-shadow: 0px 17px 35px 0px rgba(0,0,0,.07);
}

.textCard{
  width: 500px;
  min-width: 400px;
  height: 500px;
  position: relative;
  z-index: 1;
  margin: 25px;
  min-height: 356px;
  transition: all .25s ease;
  padding: 40px 0px;
}

.card .card-text {
  padding: 20px;
}

.card-text{
  padding-top: 70px;
}

.card-text h4{
  font-size: 70px;
  color: #0C122C;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.card-text p{
  color: #0C122C;
  line-height: 25px;
  margin-top: 30px;
}

.card .card-img {
  /*transform: translate(90px,-10px);*/
  display:flex;
  align-items: center;
  justify-content:center;
  transition: all .35s ease-out;
  margin-bottom: 10px;
}

.card img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.card-content {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  overflow:auto;
  scroll-behavior:smooth;
}

.card-content button{
  width: 90%;
  margin-top: 10px;
  position: absolute;
  bottom: 20px;
  margin: auto;
  right: 0;
  left: 0;
}

.card-content::-webkit-scrollbar {
   height:0px;
}

.card-content:after {
  content:'';
  display:block;
  min-width:20px;
  height:100px;
  position:relative;
}

.btn2{
  min-width:60px;
  margin:auto 30px;
  height:60px;
  border:0px;
  outline:none;
  cursor:pointer;
  z-index: 2;
  transition: all .25s ease;
  position: absolute;
  right: 200px;
  bottom: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.btn2:hover{
  box-shadow: 0px 17px 35px 0px rgba(0,0,0,.07);
}

.btn2 i {
  font-size:1.2rem;
}

.btn3{
  min-width:60px;
  margin:auto 30px;
  height:60px;
  border:0px;
  outline:none;
  cursor:pointer;
  z-index:1;
  transition: all .25s ease;
  position: absolute;
  right: 50px;
  bottom: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.btn3:hover{
  box-shadow: 0px 17px 35px 0px rgba(0,0,0,.07);
}

.btn3 i {
  font-size:1.2rem;
}

.slider {
  display:flex;
  align-items: flex-start;
  justify-content: flex-start;
  width:100%;
  /*height:90vh;*/
  overflow:hidden;
  padding-top: 40px;
}

.suggestion{
  position: relative;
  padding-bottom: 100px;
}


@media screen and (max-width: 1380px) {
  .btn2, .btn3{
  bottom: 100px;
}

}

@media screen and (max-width: 991px) {
  .btn2, .btn3{
  bottom: 20px;
}

.slider {
  padding-top: 0px;
}

}

@media (max-width: 568px){

.btn2{
  display: none;
}

.btn3{
  display: none;
}

.card{
  margin: 10px;
}

.card-content{
  width: 100%;
}

}