@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: 'open_sansbold';
  src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'open_sanslight';
  src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'open_sansregular';
  src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'open_sanssemibold';
  src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'montserratblack';
  src: url('../fonts/montserrat-black-webfont.woff2') format('woff2'), url('../fonts/montserrat-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratbold';
  src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratextrabold';
  src: url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('../fonts/montserrat-extrabold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratlight';
  src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratregular';
  src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratthin';
  src: url('../fonts/montserrat-thin-webfont.woff2') format('woff2'), url('../fonts/montserrat-thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

.department-title h3{
  font-size: 22px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #0A433D;
}
.box-strip {
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 40%);
    padding: 13px 0;
    border-radius: 7px;
    text-align: center;
    display: block;
    text-decoration: none !important;
    transition: .4s;
    margin-bottom: 24px;
    transition: transform .4s; /* Animation */
}
.box-strip:hover {
    background-image: linear-gradient(to right,#f6507e,#f77153);
transition: transform .4s; /* Animation */
 transform: scale(1.09);

}
   .box-strip:hover p{ color: #fff;}
.box-strip p{
margin: 0;
font-size: 16px;
font-weight: 500;
color: #000;
text-decoration: none;
}
.icon-bx {
 display: inline-block;
 background-image: linear-gradient(to right,#f6507e,#f77153);
 height: 90px;
 width: 90px;
 line-height: 90px;
 border-radius: 50%;
 margin: 18px 0;
}
a.box-strip:hover .icon-bx {
 border: 2px solid #fff;
 transition: .4s;
}
.centerpage p {
 padding-bottom: 15px;
}
.centerpage {
 min-height: 216px;
}
.icon-bx img {
 width: 55px;
}