h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
  font-family: "Poppins", sans-serif !important
}

p.h3{
  font-weight:400 !important
}

.h2 {
  font-weight: 600 !important;
  font-size: 40px !important;
  line-height: 56px !important;
}

.h3 {
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 32px !important;
}

.customCard

{
    width:100%;
    overflow:hidden
}

.mainWrapper
{
    width:119px;
    height:119px;
    display:inline-block;
    z-index:8;

}

.teamsWrapper
{
    width:100%;
    position:relative;
    min-height:714px; /** update with mainwrapper height 119**/
    height:auto;
    overflow:hidden;
    display:block;
    max-width: 1500px;
    margin: auto;



}

.mainWrapper:hover
{
  /* box-shadow: inset 0 0 10px #000000; */
  border:4px solid #ff5100;
  z-index:9;
}

#leftSlide .mainWrapper
{
    float:right;

}

#rightSlide .mainWrapper
{
    float:left;

}


.mainWrapper
{
   background-size:cover;
   background-position:center;
   cursor: pointer;
}

#leftSlide
{
    width:50%;
    float:left;
    position:relative;
    left:0;
    transition: all 1s ease-out;
}

#rightSlide
{
    width:50%;
    float:left;
    position:relative;
    right:0;
    transition: all 1s ease-out;
}

.closeCaro
{
    z-index:4;
    text-align:center;
    position:relative;
    top:10px;
    color:#ffffff;
    cursor: pointer;  
    font-size:.85em
}

.closeCaro:hover, .closeCaro:focus
{
  color:#c4c0c4;
  text-decoration:none;
}

.prevNextButton
{
  z-index:5;
    color:#ffffff;
   position: absolute;
   font-size:.85em
}

.prevNextButton:hover, .prevNextButton:focus{
  color:#c4c0c4;
  text-decoration:none;
}

.prevNextButton.prev{
  left:40px;
  top:10px
}

.prevNextButton.next{
  right:40px;
  top:10px
}


.employeeImage img
{
  width:250px;
  height:auto;
  margin-bottom:30px
}

.employeeName
{
  font-size:18.5px;
  font-weight:bold
}

.employeeDesignation
{
  font-size:.85em
}





.carouselCard
{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
}

#carousel1
{
  width:45%;
  margin:auto;
  min-width:300px;
  background-color:#333333;
  height:100%;
  max-width:700px;
  opacity:0;
  transition: all 1s ease-in-out;
}

#carousel1.addOpacity
{
  opacity:1;
  transition: all 1s ease-in-out;
}

.customCard
{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    
}


.employeeImage img
{
  max-width:250px
}

/* carousel-height-control */
.testimonial-style .carousel-inner > .item {
    height: 480px;
  }

  .testimonial-style .carousel-caption {
    top:50px;
    right: 25%;
    left: 25%;
}
  /* carousel-left-right-control */
  .testimonial-style .carousel-control.left {
    background: none;
    box-shadow: none;
    text-shadow: none;
  }
  .testimonial-style .carousel-control.right {
    background: none;
    box-shadow: none;
    text-shadow: none;
  }
  .testimonial-style .carousel-control {
    color: #354052;
  }
  .testimonial-style .carousel-control:hover {
    color: #354052;
    text-decoration: none;
    transition: background-color 1s ease;
  }
  /* indicators */
  .testimonial-style .carousel-indicators .active {
    background-color: #fff;
    width: 14px;
    height: 14px;
    transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .testimonial-style .carousel-indicators li {
    border: 2px solid #354052;
    background-color: #354052;
  }

  .carousel-caption
  {
    text-align:center !important
  }

  section.team{
    background-color: #efefef;
    padding:40px 0px 10px
  }

  section.teamdetails
  {
    background-color: #efefef;
    padding:10px 0px 40px
  }


  /* Textimonial CSS Code End */

  .about section.white .graphic-items .item
  {
    padding-top:70px !important
  }

  .about section.white .graphic-items .item .graphic
  {
    padding-top: 20px !important
  }

  .testimonial-style .carousel-caption {
    top: 50px;
    right:0;
    left:0;
}

  @media screen and (max-width:975px) {
    .mainWrapper {
      width: 114px;
      height: 114px;
  }

  .teamsWrapper {
    min-height: 684px; /** update with mainwrapper height 114**/
}
  }

  @media screen and (max-width:935px) {
    .mainWrapper {
      width: 100px;
      height: 100px;
  }

  .teamsWrapper {
    min-height: 600px; /** update with mainwrapper height 100**/
}
  }

  @media screen and (max-width:823px) {
    .mainWrapper {
      width: 90px;
      height: 90px;
     
  }

  #carousel1 {
    width: 50%;
  }
  

  .teamsWrapper {
    min-height: 540px; /** update with mainwrapper height 90**/
}

.employeeImage img {
  max-width: 200px;
}

.testimonial-style .carousel-caption {
  top: 10px;
  right: 0;
  left: 0;
}

.employeeDesignation {
  padding: 0px 20px;
}


  }

  @media screen and (max-width:767px) {
    .mainWrapper {
      width: 80px;
      height: 80px;
      
  }

  .teamsWrapper {
    min-height: 480px; /** update with mainwrapper height 80**/
}

.prevNextButton, .closeCaro {
  font-size: .75em;
}

.wrapButtons
{
  width: 200px;
  margin:0 auto;
  position:relative;
}

.prevNextButton.prev {
  left: 0px;
}

.prevNextButton.next {
  right: 0px;
}

.employeeName, .employeeDesignation {
  padding: 0px 5%;
}

.about section.white .graphic-items .item {
  padding-top: 10px !important;
}

  }

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

  .teamsWrapper {
    min-height: 640px; /** update with mainwrapper height 80**/
} 
  }

  @media screen and (max-width:504px) {
    /* .mainWrapper {
      width: 70px;
      height: 70px;

  } */

  .teamsWrapper {
    min-height: 880px; /** update with mainwrapper height 80*11**/
} 
    }

    @media screen and (max-width:443px) {
    .teamsWrapper {
      min-height: 960px; /** update with mainwrapper height 119**/
  } 

  #carousel1 {
    max-width: 300px;
    min-width: 250px;
    width:250px

}
    }

@media screen and (max-width:420px) {
.mainWrapper{
  min-width:50px;
  min-height:50px;
  width:auto;
  height:auto;
  border:1px solid #ffffff
}


section.teamdetails .inner{
  padding-left:0px;
  padding-right:0px
}
 }

 
 @media only screen and (max-width: 767px) {
  .h2 {
      font-size: 32px !important;
      line-height: 40px !important;
  }
   }