/* Add here all your CSS customizations */

/*
* Home Section - Special Services
*/
.custom-section-shape-background {
  position: relative;
  overflow: hidden; }
  .custom-section-shape-background:before, .custom-section-shape-background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 47.5%;
    width: 50vw;
    height: 100%;
    background: #FFF;
    transform: skewX(21deg);
    z-index: 0; }
  .custom-section-shape-background:after {
    left: 49.5%;
    transform: skewX(-21deg); }
  .custom-section-shape-background .custom-shape-divider {
    position: relative; }
    .custom-section-shape-background .custom-shape-divider:before {
      content: '';
      position: absolute;
      top: -150px;
      left: 0;
      width: 100%;
      height: 150%;
      background: #f7f7f7;
      transform: skewY(-4deg);
      z-index: 0; }
  .custom-section-shape-background.custom-section-shape-background-reverse:before {
    left: auto;
    right: 49.5%;
    transform: skewX(21deg) rotate(180deg); }
  .custom-section-shape-background.custom-section-shape-background-reverse:after {
    left: auto;
    right: 50.5%;
    transform: skewX(-21deg) rotate(180deg); }

@media (max-width: 991px) {
  .custom-section-shape-background:before, .custom-section-shape-background:after {
    width: 100vw; } }

.custom-list-icons-icon-size li > [class*="fa-"]:first-child,
.custom-list-icons-icon-size li > .icons:first-child, .custom-list-icons-icon-size li a:first-child > [class*="fa-"]:first-child,
.custom-list-icons-icon-size li a:first-child > .icons:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px; }

.custom-box-shadow-1 {
  box-shadow: 0px 0px 37px -4px rgba(0, 0, 0, 0.1) !important; }


.medical-services img{
  width: 70px
}

.specializations img{
  width: 40px
}

@media (max-width: 768px){
  .medical-services .card{
    margin-bottom: 30px;
  }
}