EVOLUTION-NINJA

Edit File: Flownew.css

.custom-btn {
    width: 100px;
    height: 35px;
    color: #fff;
    border-radius: 5px;
    /* padding: 10px; */
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(159, 160, 221, 0.5),
     7px 7px 20px 0px rgba(149, 179, 224, 0.1),
     4px 4px 5px 0px rgba(28, 133, 151, 0.1);
    outline: none;
    font-size: 20px;
    float: right;
    
  }
  
  .btn-2 {
      background: linear-gradient(to left,#0160A2, #0198CD,#0160A2);
    border: none;
  }
  
  .btn-2:before {
    height: 0%;
    width: 2px;
  }
  
  .btn-2:hover {
      border: none;
    box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
                -4px -4px 6px 0 rgba(114, 162, 221, 0.5), 
      inset -4px -4px 6px 0 rgba(137, 145, 212, 0.2),
      inset 4px 4px 6px 0 rgba(81, 138, 204, 0.4);
  }
  .med-content{
    margin-top: 25px;
    padding: 27px;
  }
  .med-content h2{
    color: rgba(0, 55, 119, 1);
  }
  .med-content p{
    font-size: 17px;
  }
  .med-img img{
    width: 100%;
  }
  .text-border{
    border: 2.9px dashed #10ACE1;
    width: 300px;
    height: 109px;
    border-radius: 57px;
    margin-left: -13px;
  }
  .text-content{
    border: 0px solid black;
    width: 300px;
    height: 93px;
    border-radius: 10px;
    position: relative;
    top: -101px;
    background: linear-gradient(300.6deg, #02257D 1.74%, #00B6F3 100%);
    color: white;
    text-align: center;
  }
  .text-content h4{
    padding: 30px;
    font-size: 15px;
    font-weight: 600;

}
.text-content a{
    color: white;
    text-decoration:none ;

}
.text-content .img2{
    position: relative;
    left: -212px;
    top: -100px;
    width: 25%;
}

.text-content img {
    position: relative;
    top: -97px;
    left: -105px;
    width: 43%;
}
.last{
    background-image: url('../../assets/home_images/pngwing 2.png');
    background-repeat: no-repeat;
   
    background-position-x: right;
}
.med ul a{
  text-decoration: none;
  color: black;
  font-size: 18px !important;
}

.med ul a:hover{
  color: rgb(0, 140, 255);
}
.med h3 a{
  color: rgba(0, 55, 119, 1);
  
}
.med h3 a:hover{
 text-decoration: none;
  
}
.exhibit-2 a{
  text-decoration: none;
}
.text1 h4{
  padding: 18px;
    margin-left: 45px;
}
.text1 .img1{
  position: relative;
  top: -90px !important; 
  left: -105px !important;
  width: 43% !important;
}
.text1 .img3{
  position: relative;
    left: -212px;
    top: -92px  !important;
    width: 25%;
}
  @media only screen and (max-width: 600px){
    .med-img img {
        width: 100%;
    }
    .med-content {
        margin-top: 15px;
        padding: 15px;
    }
    .rec1{
        margin-left: 60px;
        margin-top: 10px;
        margin-bottom: -40px;
    }
 .text-content h4{
    padding: 30px;
    font-size: 16px;
    font-weight: 600;

}
.text1 .img1 {
    position: relative;
    top: -118px !important;
    left: -105px !important;
    width: 43% !important;
}
    .text1 .img3 {
    position: relative;
    left: -212px;
    top: -117px !important;
    width: 25%;
}
  }

/* -------------medinsider forum------------ */
  .med-side-bar  {
    background: linear-gradient(92.52deg, #00589B 2.21%, #009CD0 98%);
    min-height: 1010px !important;
    width: 113%;
}
  .med-side-bar h3 {
    text-align: center;
    color: white;
    padding: 20px;
  }
  .med-body h1{
    text-align: center;
    color:#02257D;
  }
  dl{
    text-align: center;
    color: white;
    padding: 20px;
    font-size: 20px;
  }
  .side-text h2{
    padding: 20px;
    color: #850000;
  }
  .side-text p{
    color: black;
    padding-left: 20px;
  }
 
  @media only screen and (max-width: 600px){
	.med {
    	width: 85%;
    	margin-left: 30px;
    	min-height: 395px !important;
}
    .med-side-bar  {
      min-height: 200px !important;
      
  }
    dl{
      text-align: center;
      color: white;
      padding: 20px;
      font-size: 20px;
      width: 90% !important;
    }
    .med-side-bar h3{
      text-align: center !important;
      width: 88%;
      
  }
  
  
  }

/* ---------------------------------------- */