body{overflow-x: hidden;}


.navbar-nav{column-gap: 20px;}
.navbar-light .navbar-nav .nav-link {
  color: rgba(15, 13, 13, 0.877); font-weight: bolder; font-size:18px;
}

.navbar-light .navbar-nav .nav-link:hover{color:var(--textcolor);}
:root {
    --primary:#20cc09;
    --secondary: #ffffff; 
    --textcolor:#0b7805; 
  }
  
  .navbar{box-shadow: 0px 3px 5px 0px #076b3b2e;}

  
  .text{
    color: var(--textcolor);
  }

  .icon{color:var(--primary);}

  .back{background-color:rgb(31, 30, 30); color:white;}

  .backbtn{background-color: var(--textcolor);}
  .backbtn:hover{background-color: var(--primary);}
  
  #testimonials-section {
	padding: 80px 0;
    background: linear-gradient( rgb(0, 0, 0), rgba(0, 22, 37, 0.85) ), url(../images/banner.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #a1aaad;}

#testimonial {
	padding: 30px 0;
  text-align: center;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial .item p {
	font-weight: 400;
	margin: 0 0 30px 0;
}

.card-image-overlay{  background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8));}
hr {
    height: 3px;
    width: 100px;
    position: relative;
    background: #a5a5a5;
    border: 0;
    margin-bottom: 30px;
    margin:auto;
}

/*why choose*/
.bgback
{padding: 70px 0;
  background: linear-gradient( rgba(0, 0, 0,0.5), rgba(36, 37, 37, 0.85) ), url("../images/back.jpg");
background-size: cover;
background-attachment: fixed;
color: #f2f6f8;}

/*contact*/
.mytext{color:black;}

 /*footer*/
 footer{background-color: #dad5d5;}
 .ftricon{color:black;}
  .ftricon:hover{color:var(--textcolor);}


  /*up button*/
.animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
 .animated {
  -webkit-animation: none;
  animation: none;
}
}

@-webkit-keyframes up-down {
0% {
  transform: translateY(10px);
}
100% {
  transform: translateY(-10px);
}
}

@keyframes up-down {
0% {
  transform: translateY(10px);
}
100% {
  transform: translateY(-10px);
}
}


/*  return to top */
#btnreturntotop {
display: none; 
position: fixed; 
bottom: 40px; 
right: 21px; 
z-index: 9999; 
border: none; 
outline: none; 
background-color: var(--textcolor);
color: white; 
cursor: pointer; 
border-radius: 50%; 
font-size: 18px;
height:40px;
width:40px;
}

.whatsapp{position:fixed;  bottom: 5%;  left: 5%; border-radius:50%;box-shadow:0 0 10px 7px #8a898963; z-index:9999; animation: beat .40s infinite alternate;
  transform-origin: center;}
  
  @keyframes beat{
    to { transform: scale(1.2);} }
    
    @media (max-width: 768px){.whatsapp{display:none;}}
    
    
    
/******************* Timeline Demo - 5 *****************/
.main-timeline5{overflow:hidden;position:relative}
.main-timeline5 .timeline{position:relative;margin-top:-33px}
.main-timeline5 .timeline:first-child{margin-top:0}
.main-timeline5 .timeline-icon,.main-timeline5 .year{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.main-timeline5 .timeline:after,.main-timeline5 .timeline:before{content:"";display:block;width:100%;clear:both}
.main-timeline5 .timeline:before{content:"";width:100%;height:100%;box-shadow:-8px 0 5px -5px rgba(0,0,0,.5) inset;position:absolute;top:0;right:0;z-index:2}
.main-timeline5 .timeline-icon{width:210px;height:210px;border-radius:50%;border:25px solid transparent;border-top-color:#f44556;border-right-color:#f44556;z-index:1;transform:rotate(45deg)}
.main-timeline5 .year{display:block;width:110px;height:110px;line-height:110px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.4);font-size:30px;font-weight:700;color:#f44556;text-align:center;transform:rotate(-45deg)}
.main-timeline5 .timeline-content{width:35%;float:right;background:#f44556;padding:30px 20px;margin:50px 0;z-index:1;position:relative}
.main-timeline5 .timeline-content:before{content:"";width:20%;height:15px;background:#f44556;position:absolute;top:50%;left:-20%;z-index:-1;transform:translateY(-50%)}
.main-timeline5 .title{font-size:20px;font-weight:700;color:#fff;margin:0 0 10px}
.main-timeline5 .description{font-size:16px;color:#fff;line-height:24px;margin:0}
.main-timeline5 .timeline:nth-child(2n):before{box-shadow:8px 0 5px -5px rgba(0,0,0,.5) inset}
.main-timeline5 .timeline:nth-child(2n) .timeline-icon{transform:rotate(-135deg);border-top-color:#e97e2e;border-right-color:#e97e2e}
.main-timeline5 .timeline:nth-child(2n) .year{transform:rotate(135deg);color:#e97e2e}
.main-timeline5 .timeline:nth-child(2n) .timeline-content{float:left}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{left:auto;right:-20%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content,.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{background:#e97e2e}
.main-timeline5 .timeline:nth-child(3n) .timeline-icon{border-top-color:#13afae;border-right-color:#13afae}
.main-timeline5 .timeline:nth-child(3n) .year{color:#13afae}
.main-timeline5 .timeline:nth-child(3n) .timeline-content,.main-timeline5 .timeline:nth-child(3n) .timeline-content:before{background:#13afae}
.main-timeline5 .timeline:nth-child(4n) .timeline-icon{border-top-color:#105572;border-right-color:#105572}
.main-timeline5 .timeline:nth-child(4n) .year{color:#105572}
.main-timeline5 .timeline:nth-child(4n) .timeline-content,.main-timeline5 .timeline:nth-child(4n) .timeline-content:before{background:#105572}
@media only screen and (max-width:1199px){.main-timeline5 .timeline{margin-top:-33px}
.main-timeline5 .timeline-content:before{left:-18%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{right:-18%}
}
@media only screen and (max-width:990px){.main-timeline5 .timeline{margin-top:-33px}
.main-timeline5 .timeline-content:before{left:-2%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{right:-2%}
}
@media only screen and (max-width:767px){.main-timeline5 .timeline{margin-top:0;overflow:hidden}
.main-timeline5 .timeline:before,.main-timeline5 .timeline:nth-child(2n):before{box-shadow:none}
.main-timeline5 .timeline-icon,.main-timeline5 .timeline:nth-child(2n) .timeline-icon{margin-top:-30px;margin-bottom:20px;position:relative;transform:rotate(135deg)}
.main-timeline5 .timeline:nth-child(2n) .year,.main-timeline5 .year{transform:rotate(-135deg)}
.main-timeline5 .timeline-content,.main-timeline5 .timeline:nth-child(2n) .timeline-content{width:100%;float:none;border-radius:0 0 20px 20px;text-align:center;padding:25px 20px;margin:0 auto}
.main-timeline5 .timeline-content:before,.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{width:15px;height:25px;position:absolute;top:-22px;left:50%;z-index:-1;transform:translate(-50%,0)}
}