/* search jobs bar section  */

@media screen and (min-width: 944px)
{
    .search-bar {
        display: inline-block;
        position: relative;
        margin: 40px 15% 0px;
        width: 150%;
        max-width: 70%;
        height: 48px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
        overflow: hidden;

    }

    .careers-heading {
        float: right;
        position: relative;
    }

}

@media screen and (min-width: 944px)
{
    .findjobs {
        font-size: 200%; 
        font-weight: bold;
        margin-left: 20%;
        padding: 5px;
    }

}

@media screen and (max-width: 943px)
{
.findjobs {
    font-size: 150%; 
    font-weight: bold;
    margin-left: 20%;
    padding: 5px;
}

.search-bar {
    /* display: inline-block; */
    position: relative;
    margin: 40px 15% 0px;
    width: 150%;
    max-width: 70%;
    height: 48px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

}

@media screen and (max-width: 752px)
{
.findjobs {
    font-size: 110%; 
    font-weight: bold;
    margin-left: 20%;
    padding: 5px;
}

.search-bar {
    /* display: inline-block; */
    position: relative;
    margin: 40px auto 0px;
    width: 150%;
    max-width: 60%;
    height: 48px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

}

@media screen and (max-width: 560px)
{
.findjobs {
    font-size: 110%; 
    font-weight: bold;
    margin-left: 20%;
    padding: 5px;
    text-align: center;
}

.search-bar {
    /* display: inline-block; */
    position: relative;
    margin: 40px auto 0px;
    width: 150%;
    max-width: 90%;
    height: 48px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

}



input {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 45%;
    height: 40px;
    left: 180px;
    margin: 4px 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
}


/* body */

#job-openings {
    padding-top: 40px;
    padding-bottom: 80px;
    background-color: #efefef;

}

.container-custom {
    margin: 50px 100px 50px;
}

.carousel {
    margin: 50px 0px 50px;
}

.carousel-item {
    padding: 2% 5%;
	overflow: hidden;
    /* min-height: 290px; */
}

.card {
    margin: auto;
    
}

.jobs-card-img {
    height: 255px;
}

.jobopen {
    margin: 30px 0px 30px;
}

.card-title {
    text-align: center;

}

.card-text {
    text-align: center;

}
.btn-danger {
    width: 70%;
    height: 70%;
    margin: 0px 35px 0px;
}

#founder {
    padding: 100px 0px 100px;
}

#deepanshu {
    border-radius: 50%;
    width: 300px;
    height: 300px;
}

.testimonials {
    margin: 50px auto;
}

/* .testimonials h1 {
    text-align: center;
    font-weight: bold;
    color: #fc0505;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.testimonials h1::after {
    content: '';
    background: #fc0505;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px;
}

.testimonials .row {
    margin-top: 30px;

}

.col-md-4 {
    margin: 40px auto;
}

.profile {
    padding: 70px 10px 10px;
    background-color: #efefef;

} */


#testimonial-carousel .item {
    padding: 7% 15%;
    color: #000000;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: 290px;
}
#testimonials{
  text-align: center;
  background-color: white;
  color: #fff;
}
h2{
  font-family: Montserrat;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.5;
}
.testimonial-image{
  width: 10%;
  border-radius: 100%;
  margin: 20px;
}

.carousel {
	margin: 50px auto;
	padding: 0 70px;
}

@media screen and (max-width: 767px) {


  .carousel {
    margin: 30px auto;
    padding: 0%;
  }
}

.carousel .item .img-box {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	padding: 2px;
	border: 1px solid rgb(2, 0, 0);
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 10px 0 10px;
    font-size: 130%;
}
.carousel .overview {	
	font-style: italic;
    margin: 10px auto;
    font-size: 175%;
}


/* testimonial carousel prev next icons: */

#testimonials .carousel-control-prev-icon,
#testimonials .carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  background-image: none;
}

#testimonials .carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: black;
}

#testimonials .carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: black;
}

/*  style for the footer */

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700");

/* The footer is fixed to the bottom of the page */

footer {
  position: fixed;
  bottom: 0;
}

@media (max-height: 800px) {
  footer {
    position: static;
  }
}

.footer-main {
  background-color: #26272b;
  box-sizing: border-box;
  width: 100%;
  font: bold 16px sans-serif;
  padding: 20px 50px 20px 50px;
  margin: 0%;
}
.footer-main .footer-content {
  color: #efefef;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}
a {
  color: #efefef;
}
.detail {
  display: flex;
  justify-content: center;
  line-height: 3;
  margin: 0;
  font-size: 18px;
}

.footer-main .footer-content i {
  background-color: #33383b;
  color: #ffffff;
  font-size: 25px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  margin: 10px 15px;
  vertical-align: middle;
}

.footer-main i.fa-envelope {
  font-size: 17px;
  line-height: 38px;
}

.footer-company-name {
   padding-left: 25px;
}

.footer-icons a {
  display: inline-block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-color: #fc0505;
  border-radius: 50%;
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  margin: 10px 10px;
}
.footer-icons a.facebook:hover {
  background-color: #3b5998;
}
.footer-icons a.twitter:hover {
  background-color: #00aced;
}
.footer-icons a.linkedin:hover {
  background-color: #007bb6;
}
.footer-icons a.instagram:hover {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}
.footer-icons a.google:hover {
  background-color: #4285f4;
}
.footer-icons {
  text-align: center;
  background-color: #efefef;
  width: 100%;
}

/* Here is the code for Responsive Footer */
/* You can remove below code if you don't want Footer to be responsive */

@media (max-width: 880px) {
  .footer-main .footer-content,
  .footer-icons,
  .detail {
    display: block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
  }
}