
.imagerow{
    max-width: 1200px;
    margin: auto;
    padding-top: 7rem;
  margin-bottom: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.imagecol{
    width: 19%;
}
.imagecol img{
    width:100%;
}
.about-cont{
    max-width: 800px;
    text-align: center;
    margin:auto ;
}
.about-row{
    max-width: 1200px;
    margin:5rem auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}
.about-col{
    width: 27.5%;
    border-radius: 23px;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
}
.about-col:hover{
    transform: scale(1.1);    
}
.about-col p{
    font-size: 14px;
    padding: 10px 0;
}
#col1{
    background: linear-gradient(151deg, #FFD2C3 0%, rgba(255, 219, 208, 0.00) 100%);
}
#col2{
    background: linear-gradient(154deg, #FFF2D0 0%, rgba(255, 242, 208, 0.00) 100%);
}
#col3{
    background: linear-gradient(145deg, #D1FFD0 0%, rgba(209, 255, 208, 0.00) 100%);

}
.servicesec{
    text-align: center;
    max-width: 1300px;
    margin: auto;
}
.container {
width: 95%;
margin:3rem auto;
  border-radius: 42px;
background: #424242;
  position: relative;
  overflow: hidden;
  padding: 7rem 0;
}

.slides {
  display: flex;
  height: 100%;
  position: relative;
}
.slide {
  min-width: 100%;
  position: relative;
}
.sliderow{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
.slidecol{
  text-align: left;
  width: 27%;
  color: #fff;
}
.slidecol h5{
  margin: 1.5rem 0;
}
.slidecol p{
  color: #B6B6B6;
  font-size: 16px;
  padding-bottom: 40px;
}
.read{
  color: #429EFB; 
  padding: 11px 37px;
  border: 1px solid #7E7E7E;
text-decoration: none;
}

#next-btn {
  cursor: pointer;
  background: transparent;
  border: none;
  position: absolute;
  top:0%;
  z-index: 9;
}
#next-btn img{
  width: 60px;
  height: 60px;
}
#next-btn:focus {
  outline: none;
}
.abtcont{
  text-align: center;
  max-width: 850px;
  margin:4rem auto;
}
.abtcont h2{
padding: 20px 0;
}
.coresec{
  text-align: center;
}
.corerow{
  display: flex;
  flex-direction: row;
  max-width: 1150px;
  margin:6rem auto 7rem auto ;
  justify-content: space-between;
}
.corecol{
  text-align: left;
  width: 35%;
  border-radius: 6px;
  padding: 50px 40px;
}
.corecol p{
  font-size: 16px;
}
#corecol1{
  background: linear-gradient(89deg, #FFC8C8 0%, rgba(217, 217, 217, 0.00) 60.29%);
}
#corecol2{
  background: linear-gradient(90deg, #FFF9C8 0%, rgba(217, 217, 217, 0.00) 75.87%);
}
#corecol3{
  background: linear-gradient(90deg, #C8FFE4 0%, rgba(217, 217, 217, 0.00) 66.21%);
}
#corecol4{
  background: linear-gradient(90deg, #CCC8FF 0%, rgba(217, 217, 217, 0.00) 71.26%);
}
#corerow{
  margin-bottom: 10rem;

}
@media only screen and (max-width: 500px) {
  .about-row {
    flex-direction: column;
  }
  .about-col {
    width: 80.5%;
    margin: auto;
    margin-top: 20px;
  }
  .sliderow {
    display: block;
  }
  .slidecol{
    width: 100%;
    margin-top: 50px;
  }
  .corerow{
    flex-direction: column;
  }
  .corecol {
    width: 100%;
    padding: 50px 0px;}
}