.img-holder img{
  width:100%;
  height:250px;
}

.portfolio-grids .details h3{
  height:50px;
  text-align: center;
}

.btn-whatsapp-pulse {
background: #25d366;
color: white;
position: fixed;
bottom: 30px;
right: 20px;
z-index: 11;
font-size: 35px;
display: flex;
justify-content: center;
align-items: center;
width: 0;
height: 0;
padding: 30px;
text-decoration: none;
border-radius: 50%;
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}
.btn-whatsapp-pulse:hover{
color: #fff;
}
@keyframes pulse {
0% {
  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
}
80% {
  box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
}
}

.btn-whatsapp-pulse-border {
bottom: 120px;
left: 20px;
animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
content: "";
position: absolute;
border-radius: 50%;
padding: 25px;
border: 5px solid #25d366;
opacity: 0.75;
animation-name: pulse-border;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}

@keyframes pulse-border {
0% {
  padding: 25px;
  opacity: 0.75;
}
75% {
  padding: 50px;
  opacity: 0;
}
100% {
  opacity: 0;
}
}


.testimonials-item p{
  height:150px;
}


#floating-menu {
  cursor: pointer;
}
.quote{
  /* background-color: ; */
  margin-bottom: 10px;
  color: #f47425;
  font-size: 30px;
}
.quote-1{
  color: grey !important;
}
#floating-icon {
  overflow: hidden;
  position: fixed;
  z-index: 999999999999;
  bottom: 10px;
  left: 10px;
  background-color: #f47425;
  width: 50px !important;
  height: 50px !important;
  border-radius: 25px;
}

#floating-icon i {
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#floating-call,
#floating-whatsapp,
#floating-chat {
  display: none;
  overflow: hidden;
  position: fixed;
  z-index: 99998;
  width: 40px !important;
  height: 40px !important;
  border-radius: 25px;
  color: #fff;
  font-size: 20px;
}

#floating-call {
  left: 20px;
  bottom: 20px;
  background-color: #93b662;
  -webkit-animation: slide-call 0.5s forwards;
  -webkit-animation-delay: 0s;
  animation: slide-call 0.5s forwards;
  animation-delay: 0s;
  z-index: 999999999999;
}

#floating-icon,
#floating-call,
#floating-whatsapp,
#floating-chat {
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes slide-call {
  0% {
    left: 20px;
    bottom: 75px;
  }
  100% {
    left: 20px;
    bottom: 165px;
  }
}

@keyframes slide-call {
  0% {
    left: 20px;
    bottom: 75px;
  }
  100% {
    left: 20px;
    bottom: 165px;
  }
}

#floating-whatsapp {
  left: 20px;
  bottom: 20px;
  background-color: #075E54;
  -webkit-animation: slide-whatsapp 0.5s forwards;
  -webkit-animation-delay: 0s;
  animation: slide-whatsapp 0.5s forwards;
  animation-delay: 0s;
  z-index: 999999999999;
}

@-webkit-keyframes slide-whatsapp {
  0% {
    left: 20px;
    bottom: 75px;
  }
  100% {
    left: 70px;
    bottom: 135px;
  }
}

@keyframes slide-whatsapp {
  0% {
    left: 20px;
    bottom: 75px;
  }
  100% {
    left: 70px;
    bottom: 135px;
  }
}

#floating-chat {
  left: 20px;
  bottom: 85px;
  background-color: #0084ff;
  -webkit-animation: slide-chat 0.5s forwards;
  -webkit-animation-delay: 0s;
  animation: slide-chat 0.5s forwards;
  animation-delay: 0s;
  z-index: 999999999999;
}

@-webkit-keyframes slide-chat {
  0% {
    left: 20px;
    bottom: 85px;
  }
  100% {
    left: 100px;
    bottom: 85px;
  }
}

@keyframes slide-chat {
  0% {
    left: 20px;
    bottom: 85px;
  }
  100% {
    left: 100px;
    bottom: 85px;
  }
}

#floating-menu svg {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
#floating-menu a {
  color: #fff !important;
}
.need_help{
    position: fixed;
    left: 5px;
    bottom: 140px;
    animation: float 1s ease-in-out infinite;
    background-color: #000;
    color: #fff;
    display: block;
    border-radius: 5px;
    text-align: center;
    padding: 2px 4px;
    z-index: 999999999999;
}
.need_help::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 35%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}
@keyframes float {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }  
}



.join-us{
  background-color: #000;
  color:#fff;
  padding:10px 25px;
  border:1px solid #000;
}

@media (min-width: 320px) and (max-width: 480px) {
  .logo-1 {
      height: 100px;
      width: 180px;
      margin-top: -25px;
  }
  .fixed-top{
    position: fixed !important;
    border-bottom: 1px solid #000;
    background-color: #fff !important;
    width:100% !important;
  }
}

.view-more{
background-color: #f47425;
color:#fff;
border:1px solid #f47425;
padding:10px 25px;
margin-top:15px;
}
.high-card{
border-bottom: 3px solid #fff;
}

.high-card:hover{
border-bottom: 3px solid #f47425;
}

.dropdown-field{
width:100%;
height:50px;
border:1px solid #ccc;
}

.enquiry-btn{
position: fixed;
z-index: 99999;
top: 186px;
left: -38px;
color: #fff;
width: 150px;
cursor: pointer;
}

.enq-btn{
background-color: #f47425;
border:1px solid #f47425;
transform: rotate(90deg);
}

.social-btn{
position: fixed;
z-index: 99999;
top: 186px;
right:-123px;
color: #fff;
width: 150px;
cursor: pointer;
}
.fb-btn{
background-color: #3B5998;
color:#fff;
border: #3B5998;
padding-top:5px;
}
.yt-btn{
background-color: rgb(237, 22, 22);
color:#fff;
border: rgb(237, 22, 22);
padding-top:5px;
}
.li-btn{
background-color: #0548d7;
color:#fff;
border: #0548d7;
padding:5px 7px;
}
.in-btn{
background-color: rgb(251, 99, 99);
color:#fff;
border: rgb(251, 99, 99);
padding:5px 7px;
}

@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}

.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}

.enquiry-btn a{
color:#fff;
}

.blog-grids h3{
font-size: 20px !important;
height:50px;
margin-bottom: 10px !important;
}
.fs-20{
font-size: 20px !important;
}

.partner-grids img{
/* width:200px !important; */
height:90px;
}


.gallery_item img{
width:100%;
height:230px;
}

.owl-stage-outer h3 a{
color:#0e0e0e !important;
}

.upcoming{
background-color: #f47425;
color:#fff !important;
padding:15px;
}
.events-card{
padding:10px;
border-radius: 10px;
box-shadow: 0px 0 5px 3px #888 !important;
border-bottom: 3px solid #f47425;
margin-bottom:30px;
}

.btn-register{
background-color: #f47425;
color:#fff;
border:1px solid #f47425;
margin-top:50px;
padding:10px 25px;
}

.fixed-nav{
position: fixed;
width:100%;
}

body{
margin:0;
padding: 0;
background-color: #343740;
color: #FFF;
}

h1{
font-family: 'Pacifico', cursive;
font-size: 3.5rem;
text-shadow: 0 7px rgba(0,0,0, .7);
}

.title{
width: 100%;
height: 100vh;
display:flex;
align-items: center;
justify-content: center;
}

/*---- Social Sidebar --- */

.social-icons{
position: fixed;
top: 64%;
right: 0;
transform: translateY(-50%);
font-size: 1.3rem;
z-index: 1;
}
.social-icons a{
text-decoration: none;
color: #fff !important;
}

.social-icons .icon{
width: 40px;
color: white;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: coral;
transition: width .5s ease;
cursor: pointer;

}

.social-icons .icon:first-child{
border-top-left-radius: 5px;
}

.social-icons .icon:last-child{
border-bottom-left-radius: 5px;
}

.social-icons .icon:hover .icon{
width: 60px;
}

.social-icons .icon.fb{
background-color: #3A579A;
}

.social-icons .icon.tw{
background-color: #00ABF0;
}

.social-icons .icon.pt{
background-color: #CD1C1F;
}

.social-icons .icon.in{
background-color: #0077B5;
}

.social-icons .icon.gp{
background-color: #DD4B39;
}

.hands-1 i{
  color:#f47425;
}

.fixed-top{
  position: fixed !important;
  border-bottom: 1px solid #000;
  background-color: #fff !important;
  width:100% !important;
  z-index: 999999;
}

.slide-title h3{
  margin-top:0px !important;
}
.slide-title h2{
  margin-bottom:5px !important;
}
.slide-title{
  margin-bottom: 20px;
}

.training-grid{
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 25px;
  box-shadow: 0px 3px 10px 5px rgba(18, 25, 33, 0.2);
  height: 232px;
 }
.training-grid img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width:100%;
  height:160px;
}
.training-grid h4{
  padding:10px 0px;
  height:40px;
}

.zoom-in {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  cursor: pointer;
}

.zoom-in:hover {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.new-tw{
  font-size: 20px !important;
}

.icon-12{
  height: 70px !important;
    width: 70px !important;
    line-height: 72px;
    color: #fff;
    background-color: #f47425;
    margin: 0 auto;
    font-size: 25px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 0;
    padding: 1px 22px;
    margin-top:40px;
}

.heigh-lights p{
  font-size: 14px;
}

.details-form input{
width:100%;
height:35px;
}
.form-submit{
  background-color: #f47425;
  color:#fff;
  width:100%;
  padding:10px;
  border:1px solid #f47425;
}
.services-details-image img{
  width:100%;
  height:220px;
}
p{
  font-size: 18px !important;
  color:#000 !important;
}
ul li{
  font-size: 18px !important;
}
h4{
  font-size: 23px !important;
}
.services-page{
  margin-top:80px;
}
.training-grid h4{
  font-size: 20px !important;
}
.heigh-lights .col-md-9{
padding:0px !important;
}
.upper-footer p{
  color:#fff !important;
}
.fun-fact-grids p{
  color:#fff !important;
}
.lower-footer p{
  color:#fff !important;
}
ul li{
  color:#000; 
}
ul{
  margin-bottom: 15px;
}

.portfolio-grids h3 a{
  color:#fff !important;
  font-size: 20px;
}
.learning-approach b{
  color:#f47425;
  font-size: 22px !important;
}
.learning-approach div{
  color:#000;
  font-size: 20px;
}
.portfolio-slider .grid h3{	
font-weight:800;
}
.trophy{	
margin-top:100px;
}

.mt-top-20{
	margin-top:20px !important;
}
.prime-1{
	margin-top:150px !important;
}

@media (min-width: 320px) and (max-width: 480px) {
	
	.prime-1{
	margin-top:0px !important;
}
.trophy{	
margin-top:10px;
}
.ptm-20{
	padding-top:20px;
}
.training-grid{
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 25px;
  box-shadow: 0px 3px 10px 5px rgba(18, 25, 33, 0.2);
  height: 260px;
 }
.training-grid img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width:100%;
  height:190px;
}

}