body {

  font-family: Tahoma !important;

  background-color: white !important ;

}



.container {

  /* background-color: red; */

}

.center-aligned {

  text-align: center;

}

.aligned-right {

  cursor: pointer;

  text-align: right;

}

.top-section,

.mid-section,

.end-section,

.bottom-section,

.more-blog-section {

  margin-bottom: 1rem;

}



.top-section {

  padding: 8rem 12% 1rem 10% !important;

  color: white;

  width: -webkit-fill-available;

  position: relative;

  background-repeat: no-repeat;

  background-size: cover !important;

  height: 100% !important;

  background: linear-gradient(

    126deg,

    rgba(0, 0, 0, 0.6) 30%,

    rgba(0, 0, 0, 0.6) 70%

  ),

    url("https://www.castwales.com/wp-content/uploads/2020/02/How-to-Choose-an-Anxiety-Therapist.jpeg");

}

.header > h1 {

  width: 80%;

  font-weight: 500;

}

.header > p {

  font-size: 1rem;

}

.mid-section > div {

  border: 1px solid beige;

}

.mid-section > div:nth-child(2) {

  background-color: pink;

  /* text-align: right; */

}

.blog-image {

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%) repeat scroll 0 0;

  width: 100%;

  border-radius: 1rem;

}

#myBtn {

  cursor: pointer;

  font-weight:600;

}

.blogText > p {

  font-size: 16px;

  margin-top:1rem;

  line-height: 1.5rem !important;

}

.header {

  text-align: left;

}

.header>p{

    color:white !important;

}



/* Hiring banner */

.bottom-hiring-banner .banner-text {

  margin-top: 22px;

  margin-left: 2rem;

  margin-right: 2rem;

  text-align: left;

  color: #fff;

}



.bottom-hiring-banner {

  display: -ms-flexbox;

  display: flex;

  width: -webkit-fill-available !important;

  height: -webkit-fill-available;

  padding: 1rem;

  margin: 1rem 0rem 1rem 0rem;

  /*margin-left: -10vw !important;*/

  background-image: url(https://www.funprimetechnology.com/images/FP_BG.png);

  background-size: cover;

}

.banner-view-more > a {

  color: white !important;

}

.fade-in {

  animation: fadeIn 3s;

  opacity: 1;

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

.socialmedia{

    color:  white !important;

    margin-left: -3rem;

}



.hzi-font{

    float:inline-end;

    color:  white !important;



}





/* Gallery */



@import "compass/css3";



@import url('https://fonts.googleapis.com/css?family=Open+Sans');



.gallery {

  background: #fff;

  box-shadow: 0 1px 1px rgba(0,0,0,.1);

}

.end-section>h3{

    text-align: center !important;

}

.gallery > div {

  padding:.5rem;

}



.gallery > div > img {

    width: 100%;

    max-width: 500px;

    height: 100%;

    max-height: 500px;

    padding: .5rem !important;

    border-radius: 1.3rem !important;

    transition: .1s transform;

    transform: translateZ(0); /* hack */

}



.gallery > div:hover {

  z-index: 5;

}



.gallery > div:hover > img {

  transform: scale(1.5,1.5);

  transition: .3s transform;

}



.cf:before, .cf:after {

  display: table;

  content: "";

  line-height: 0;

}



.cf:after {

  clear: both;

}