@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap" );
body {
  margin: 20px 0;
  padding: 0;
  background: #edf0f2;
}
.custome-container{
  max-width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.canva-header {

  display: flex;
  border-bottom: solid;
  border-width: 1px;
  border-color: #1E1E1E;
}
.canva-caption.slide-caption{
  overflow: hidden;
  padding-top:15px ;
}
.canva-header p {
  font-size: 15px;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.canva-section .canva-caption p {
  max-width: 380px;
  font-weight: 500;
  line-height: 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
}

.canva-section .canva-img {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.canva-section .canva-img img{
  height:500px;
}



/***** Slide caption *****/
.slide-caption {
  animation: 1.5s slide-caption;
}

@keyframes slide-caption {
  from {
    margin-left: -500px;
  }

  to {
    margin-left: 0;
  }
}

/***** Slide img *****/
.slide-img {
  animation: 1.5s slide-img ;
}

 @keyframes slide-img {
  from {
    margin-left: -100px;
  }
  to {
    margin-left: 0;
  }
} 


/* responsive */

@media screen and (max-width:991px){
  .canva-caption.slide-caption{
    padding-top: 0px;
  }
}
@media only screen and (max-width: 771px) {
  .canva-header p {
    font-size: 26px;
  }

  .msame {
    margin: 20px 20px;
  }

  .canva-section .canva-img img {
    /* width: 100%; */
  }

  .canva-section .canva-caption p {
    font-size: 14px;
  }
  .canva-section .canva-img img {
    height: 400px;
}
}

@media only screen and (max-width: 568px) {
  .canva-section .canva-img img {
    /* width: 100%; */
  }
  .canva-section .canva-img img {
    height: 300px;
}
}