@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato-Regular'), url(image/Lato-Regular.ttf) format('truetype');
  }
  
  .ft-sol{ position: relative;}
  
  body{ margin:0; padding:0; font-family: Lato, Arial, sans-serif; font-size: 15px; font-weight: normal; color: #222; line-height: 24px; background:#fff;}
  .red-mm{
    margin-top:55px;
    text-align:center;
  }
  .serv-sec ul{
    padding-top:10px;
    padding-left: 18px !important;
  }
  .serv-sec ul li{
    color:#000;
    text-align: justify;
  }
  
  .red-mm a{
        background: #d3d3d3;
        font-size: 14px;
        color: #1e1c1c;
        border-radius: 6px;
        padding: 15px 25px;
        text-transform: uppercase;
  }
.indust-head img{
  width:100%;
  margin-bottom: 15px;
}
.indust-head h4{
  font-size: 18px;
  font-weight: 600;
}
/* .indust-head .values-card{
  background: linear-gradient(120deg, #d9cbcbe0 34%, #dbd7d7 66%, #c8cdcd 100%);
  padding: 20px;
  border-radius: 20px;
  box-shadow: 1px 1px 5px gray;
} */
  *{ font-family: Lato, Arial, sans-serif !important;}
  .indust-head{
    margin:30px 0;
  }
  .fa{ font-family: fontawesome !important;}
  
  .fa-angle-right:before {
      content: "\f105";
      color: #fff;
  }
  
  .services-right {
      margin-top: 30px;
  }
  
  
  a{ text-decoration:none;}
  
  p{ font-size:15px; font-family: Lato, Arial, sans-serif; line-height:24px; text-align:justify; margin-bottom: 10px;}
  
  ul li{ font-size:15px; font-family: Lato, Arial, sans-serif; line-height:23px; text-align:left;}
  
  img{ max-width:100% !important}
  
  /*header*/
  header{ text-align: center; padding: 10px;}
  header img{}
  
  /*header*/
  
  .banner-hm{}
  .banner-hm .carousel-caption{ text-align:center; width:600px; right:0; top: 30%; left: 0; margin:0 auto;}
  .banner-hm .carousel-caption h2{ font-size:40px; font-weight:bold; color:#fff; text-align:center;}
  .banner-hm .carousel-caption h3{ font-size:32px; font-weight:bold; color:#fff; text-align:center;}
  .banner-hm .carousel-caption p{ font-size:22px; color:#fff; text-align:center;}
  
  .red-m{ margin-top:30px;}
  .red-m a{background: #696969;font-size:14px;color:#fff;border-radius:6px;padding:15px 25px;text-transform: uppercase;}
  .red-m a:hover{ color:#fff;}
  
  .hm-head {
  font-size: 40px;
  text-align:left;
  color: #808080;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 20px;
  position:relative;
  }
  
  .hm-head:after{ content:""; width:100px; height:3px; position:absolute; left:1%; background: #808080;  top: -20px;}
  .hm-head span { font-weight: 800; color: #1b83e8;}
  .img-sec{
    justify-content: center;
  }
  .img-sec img{
    width:70%
  }
  .hm-abt{background-color:#f7f7f7;padding: 15px 10px;}
  
  .hm-abt .red-m{ margin-top:30px;}
  
  .aboutbox{ position:relative;}
  .aboutbox .tp-year{ width:280px; position: absolute; left:-10px; top:-30px; background:#fff; font-size: 20px; text-align:left; color: #014687; font-weight: 700; padding:30px; display: flex; border-radius:6px;}
  .aboutbox .tp-year span{margin-top: 10px; font-size: 50px; font-weight: 900; text-align:left; margin-right:20px;}
  .aboutbox img{ width:450px; margin-left:50px;}
  
  
  /*bnr-btm-sec*/
  .hm-abt .btm-bx{ position:relative; overflow:hidden; padding:20px; border-radius: 10px; margin-bottom:40px; border:1px #ddd solid;}
  
  .hm-abt .btm-bx:hover{ background: #014687;}
  .hm-abt .btm-bx .icn{ position:relative; text-align:center;float: left; }
  .hm-abt .btm-bx .icn .fa{ position:relative; width:100px; height:100px;  color:#ee5550; font-size:50px; line-height:90px;}
  .hm-abt .btm-bx .icn:before {content: ""; z-index: 0; position: absolute; left:10px; top:5px; height: 80px; width: 80px; padding: 0; transition: all .3s; background: #fff; border-radius: 50px; }
  
  .hm-abt .btm-bx:hover .icn:before { background: #ee5550; }
  .hm-abt .btm-bx:hover .fa{ color: #fff;}
  .hm-abt .btm-bx:hover h4{ color: #fff;}
  .hm-abt .btm-bx:hover p{ color: #fff;}
  .btm-bx-cont{ width: 80%; float: right;}


  .what-we{background: #F7F7F7;padding: 50px 20px 15px;}
  .what-we .hm-head{ text-align:center; color:#808080;font-size:36px;}
  /* .what-we .hm-head::after{ left:0; right:0; margin: 0 auto; background: #fff;} */
  .what-we p{ text-align:center; color:#fff;}
  .what-bx{ padding:15px 15px; background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
  /* .what-bx:hover{ border-radius:5px; background:#305a7f; color:#fff;} */
  .what-bx h3{ text-align:left; color:#000; font-size: 19px; font-weight: 700;}
  .cfo{ text-align:center!important; color:#000; font-size: 19px; font-weight: 700;} 
  .what-bx p{ text-align:left;}
  .what-we .hm-head::after{left:0;right:0;margin: 0 auto;background: #808080;}
  .head-center{width:100%;}
  .head-center h2 {background: #696969;color: #fff;font-size: 36px; padding:14px;}
  
  
  
  .home-serv{background: #696969;padding: 50px 20px 15px;}
  .home-serv .hm-head{ text-align:center; color:#fff;}
  .home-serv .hm-head::after{ left:0; right:0; margin: 0 auto; background: #fff;}
  .home-serv p{ text-align:center; color:#fff;}
  .ser-bx{ padding:10px 10px;}
  .ser-bx:hover{ border-radius:5px; background:#305a7f;}
  .ser-bx h3{ text-align:left; color:#fff; font-size: 19px; font-weight: 700;}
  .ser-bx p{ text-align:left;}
  .ser-bx img{ margin-bottom:10px; border-radius: 10px 10px;}
  
  .book-appointment{ background:#fff; margin-top:-130px; position: relative; z-index:2; border-radius: 20px;}
  .book-appointment img{ border-radius: 20px 0 0 20px;}
  .book-appointment .hm-head{ color:#17d32b; font-size:36px; text-align:left;}
  .book-appointmen .hm-head::after{ left:0; right:0; margin: 0 auto; background: #ee5550;}
  .book-appointment .icons{ width:70px; height:70px; background: #eee; border-radius: 50px; padding:20px; float:left; margin-right:10px;}
  .book-appointment .icons .fa{ color:#ef5e04; font-size:36px; font-weight: 700;}
  .book-appointment h4{ text-align:left; color:#014687; font-size: 25px; font-weight: 700;}
  .book-appointment h4 span{ display:block; font-size:16px; color:#888;}
  .industries .line {
    width: 50px;
    background: #fff;
    height: 2px;
    margin:auto;
}
.industries .heading:{
    color:#fff;
}
.values-card{
  text-align:center;
  margin-top: 25px;
}
.values-card:hover
{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  /* transition: 1s; */
}
.industries{
    background: #696969;
    padding: 3% 0 6%;
    margin-bottom: 5%;
}

.industries img{
    width:70px;
    margin-bottom:15px;
}
.industries h4{
    font-size:14px;
    color:#fff;
    position: relative;
}
.industries .row{
    margin-top:40px;
}
.industries .heading{
    text-align:center;
}
  .meet-expert{ margin-top:50px;}
  .meet-expert .hm-head{color: #808080;font-size:36px;text-align:center;}
  .meet-expert .hm-head::after{left:0;right:0;margin: 0 auto;background: #808080;}
  .meet-expert p{ text-align:center;}
  .meet-bx{ position:relative;}
  .meet-bx img{ border-radius: 16px;}
  .name-bx{ width:90%; left:5%; position: absolute; background: #fff; bottom:-30px; z-index:99; padding:10px; text-align:center; border-radius: 16px;}
  .name-bx h4{ font-size:25px; color:#000; text-align:center; font-weight: 700;}
  .name-bx h4 span{display:block;font-size:14px;color: #696969;}
  .name-bx i{background: #ee5550; padding:10px; line-height:10px; width:30px; height:30px; border-radius:100%;}
  .name-bx .fa{ color:#fff; font-size:17px; font-weight: 300;}
  
  .industries-serv .hm-head{ text-align:center; color:#fff;}
  .industries-serv .hm-head::after{ left:0; right:0; margin: 0 auto; background: #fff;}

  .frequently-asked{ background:#f7f7f7; padding:50px 20px;}
  .frequently-asked .accordion-item{ margin-bottom:15px;}
  
  
  /*------------------- Customers review------------------*/
  
  .customers-review{ background:#f7f7f7; padding:30px 20px;}
  .customers-review h5{ font-size:17px; font-weight: 300; color:#0655a2; text-align:center;}
  .feedback-bx{width:100%; background:#fff; padding:20px; border-radius:8px; margin-top:20px; margin-bottom:30px;}
  .feed-icon{ float:left; margin-right:20px;}
  
  .feed-icon img{ width:70px; border-radius:50%; border:1px #ccc solid;}
  .feed-text{ /* display:flex; */font-size:15px; font-weight: 300; color:#666; text-align:left; line-height:20px;}
  .feed-text b{ font-weight: 600;}
  
  .blue-bg{ width:110%; background:#014687 !important; position:relative; left:-10%;}
  .blue-bg .feed-text{ color:#fff;}
  
  
  .testimonial-inner .feed-icon{ margin-bottom:70px;}
  .testimonial-inner .feedback-bx{ min-height:180px;}
  
  
  .progress {
    width: 150px;
    height: 150px !important;
    float: left; 
    line-height: 150px;
    background: none;
    margin: 20px;
    box-shadow: none;
    position: relative;
  }
  .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .progress .progress-left {
    left: 0;
  }
  .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
  }
  .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    animation: loading-1 1.8s linear forwards;
  }
  .progress .progress-right {
    right: 0;
  }
  .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
  }
  .progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #eee;
    font-size: 30px;
    color: #ef5e04;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
  }
  
  .progress.blue .progress-bar {
    border-color: #0655a2;
  }
  
  .progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
  }
  
  
  
  .progress.orange .progress-bar {
    border-color: #0655a2;
  }
  .progress.orange .progress-right .progress-bar {
    animation: loading-3 1.5s linear forwards 1.8s;
  }
  
  /*
  .progress.yellow .progress-left .progress-bar {
    animation: none;
  }*/
  
  @keyframes loading-1 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  
  @keyframes loading-2 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(144deg);
      transform: rotate(144deg);
    }
  }
  
  
  @keyframes loading-3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(230deg);
      transform: rotate(230deg);
    }
  }
  
  
  
  
  /*------------------- customers-review End------------------*/
  
  
  /*footer*/	
  
      
      
  /*footer*/
  
  /*--------home-clients-----------*/
  
  .home-clients{ }
  .home-clients h2{font-size:30px; font-weight:bold; color:#014687; text-align:center;}
  .home-clients .carousel-indicators{ bottom: -70px;}
  .home-clients .carousel-indicators [data-bs-target]{ background-color: #ef5e04;}
  .home-clients .bg-transparent{ background-color: #ccc !important; height: 50px; top: 40%;}
  .home-clients .card{ border:0;}
  
  
  /*--------home-clients-----------*/
  
  .about-inner{ background:#eee; padding:40px 20px; clear:both; overflow:hidden;}
  
  .abt-inbox{ background-color: #0655a2; padding: 40px 20px; border-radius: 8px; text-align:center;  min-height:360px;}
  .abt-inbox h3{ color: #fff; font-weight: 600; font-size:24px; }
  .abt-inbox p{ color: #fff; font-weight: 300; text-align:center;}
  .abt-inbox-bg{ background-color: #ef5e04 !important;}
  
  .info-box-icon{ margin: 0 0 25px; height: 90px; width: 90px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,.05); transform: rotate(0deg); background-color: #fff; border-radius: 100%; display: inline-block;}
  
  .info-box-icon .fa{ color: #000; font-weight: 600; font-size:40px; line-height: 90px;}
  
  .team-work p{ font-size:15px; color: #333; font-weight: 600; text-align:center;}
  
  .head-tm-4{ font-size:28px; color: #ef5e04; font-weight: 700; text-align:center;}
  
  
  .abt-bnr-tp{ margin-top:0; position:relative; margin-bottom:0;}
  .abt-bnr-tp .tp-img { position: relative; padding:0; height:350px; width:100%;}
  .abt-bnr-tp .tp-img img{ height:100%; width:100%;}
  .abt-bnr-tp .innr-pg{  position: absolute;  color: #fff; top: 30%; z-index: 9; left:0; right:0; padding:20px; margin:0 auto;}
  
  .abt-bnr-tp .innr-pg h2{ color: #fff; font-weight: 600; font-size: 45px; text-transform: uppercase; text-align: center;}
  
  
  .whatsnew{ text-align: center;}
  .whatsnew a{width: 33%; display: inline-block;background: #014687;color: #fff;text-align: center;/* font-weight: 600; */padding: 12px 14px;font-size: 16px; margin:0;}
  .whatsnew a:hover{ background: #ef5e04;}
  .whatsnew a:first-child{border-radius:6px 0 0 6px;margin-right:-2px;}
  .whatsnew a:last-child{ border-radius:0 6px 6px 0; margin-left:-2px;}
  
  
  .cont-page{}
  .contus-bx{width:100%; background:#fff; padding:20px; border-radius:6px; margin-top:20px; margin-bottom:30px; border:1px #eee solid;}
  .cont-icon{ float:left; margin-right:20px; margin-bottom:30px; border-radius:50px; padding:10px;}
  .cont-icon i{ width:50px; height:50px; line-height:50px; text-align:center;}
  .cont-icon .fa{ color:#666; font-size:30px;}
  .cont-text{ font-size:15px; font-weight: 300; color:#333; text-align:left; line-height:22px;}
  .cont-text h4{ font-size:20px; font-weight: 600; color:#222;}
  
  .service-inner{}
  .headserv-left-bdr1{ font-size:30px; color: #ef5e04; font-weight: 700; text-align:left; border-left-width:10px; border-left-style: double; border-left-color: #ef5e04; padding-left:10px;}
  
  .service-inner h3{ font-size:17px; font-weight: 600; color:#222; text-align:left;}
  .service-inner ul{ padding-left:15px;}
  .service-inner ul li{ font-size:15px; font-weight: 300; color:#444; text-align:left; line-height:22px;}
  
  .box-grey{ background:#014687; padding:20px; text-align:right; position:relative;}
  .box-orange{ background:#ef5e04; padding:20px; text-align:right; position:relative;}
  .box-grey a, .box-orange a{ color:#fff; border:1px #ccc solid; padding:5px 10px; border-radius:4px; position:absolute; bottom:10px; right:10px;}
  
  .box-grey h3, .box-orange h3{color:#fff;}
  .box-grey p, .box-orange p{color:#fff;}
  .box-grey ul li, .box-orange ul li{color:#fff;}
  
  
  .clients-inner{}
  .clients-inner .card-inn{ border:1px #eee solid; margin-bottom:10px; margin-top:15px; text-align:center; padding:20px; border-radius:10px;}
  .clients-inner .card-inn h4{ font-size: 20px; text-align:center; font-weight:700; margin-top:10px;}
  
  
  .testimonial-inner{}
  .testimonial-inner .blue-bg{ width:100%; left: inherit;}
  
  .team-inner{ background:#014687; padding:20px;}
  .box-white{ background:#fff; text-align:center; padding:20px; margin-top:50px; border-radius:16px;}
  .box-white h3{ font-size: 20px; text-align:center; font-weight:700;}
  .box-white h4{ font-size: 17px; text-align:center;}
  .box-white p{ text-align:center;}
  .box-white img{ border-radius:50px; margin-top:-120px; margin-bottom:20px; border:7px #eee solid;}
  
  .box-white a{ color:#222;}
  
  .team-inner1{ background:#fff; padding:20px;}
  .team-inner1 .box-white{ background:#f7f7f7; margin-top:10px; border-radius:20px;}
  .team-inner1 .box-white img{ margin-top:0; border-radius:10px; border:3px #eee solid;}
  
  /*contact-form*/
  .contact-form{}
  .contact-form .form-control {
      font-family: Lato !important;
      margin-top: 5px;
      margin-bottom: 15px;
      border-radius: 4px;
       border: solid 1px #eee;	 
  }
  
  .btn-1{cursor: pointer;font-size: 16px;color: #fff;background: #696969;padding: 10px 30px;line-height: 23px;border: 1px solid #0e3b84;border-radius: 6px;}
   
  
  /* Footer
  ================================================== */
  /*- Footer common */
  
  footer{ }
  footer p{ color: #fff;}
  footer ul li{ color: #fff;}
  
  footer .footer-main{padding: 80px 0 60px;background-color: #434242;}
  
  .list-unstyled li a{ color: #000;}
  
  footer .widget-title{
    font-size: 19px;
    font-weight: 600;
    margin: 0 0 30px;
    text-transform: uppercase;
    color: #d3d3d3;
  }
  
  /* Links */
  
  .footer-widget ul.list-arrow{  padding-left:10px;}
  .footer-widget ul.list-arrow li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding: 8px 0;
    list-style:none;
  }
  .footer-widget p a{color: #fff;}
  .footer-widget ul.list-arrow li i{ margin-right:10px;}
  
  .footer-widget ul.list-arrow li a,
  .footer-widget ul.list-arrow li:before {
    color: #fff;
  }
  
  .footer-widget ul.list-arrow li:hover a,
  .footer-widget ul.list-arrow li:hover {
    color: #ffffff;
  }
  
  .copyright-info{ font-size: 15px; color: #fff;}
  .copyright-info a{  color: #fff;}
  
  
  /*-- Copyright --*/
  .copyright {
    background: #434242;
    color: #fff;
    padding: 25px 0 15px;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 14px;
  }
  
  .footer-menu ul li {
    display: inline-block;
    line-height: 12px;
    padding-left: 15px;
  }
  
  .footer-menu ul.nav li a {
    background: none;
    color: #fff;
    padding: 0;
  }
  
  .footer-menu ul li a:hover {
    color: #fff;
  }
  
  
  .top{
      position: fixed;
      right: 10px;
      bottom: 30px;
      text-align: center;
      color: #fff;
      background: #000;
      padding: 10px 10px;
      z-index: 9;
      border-radius: 50%;
      border: 2px solid #ffb600;
      cursor: pointer;
      opacity: 0;
      transition: ease-in 0.5s;
  }
  
  .top.scll-top {
      opacity: 1;
      transition: ease-in 0.5s;
      bottom: 50px;
  }
  
  .top .fa {
      display: block !important;
  }
  
  
  
  @media(max-width:1000px){
  
  }
  
  @media(max-width:991px){
  
  }
  
  @media(max-width:769px){
  
  }
  
  @media(max-width:767px){
  
  .banner-hm .carousel-caption h2{ font-size: 22px !important;}	
  .img-sec img{
    width:100%
  }
  .hm-head{ font-size: 30px !important;}
  .btm-bx-cont{ float: inherit !important;}
  .book-appointment{ padding: 15px !important;}
  .book-appointment .hm-head{ font-size: 22px !important;}
  
  .meet-expert .mb-3{ margin-bottom: 3rem !important;}
  .meet-bx{ left: 10% !important;}
  .red-m{ margin-bottom: 30px; margin-top: 10px;}
  .name-bx{ width: 300px; left: 8% !important;}
  .progress{ float: inherit !important; margin: 20px auto !important;}
      
  .banner-hm .carousel-caption p{ margin-bottom: 30px;}	
  .aboutbox{ top: 50px;}
  .ser-bx{ margin-bottom: 30px;}
  
  
  
  }


  @media(min-width:467px){

    .content-center {
      position: relative!important;
      left: 0px!important;
  }
  }
      
  @media(max-width:736px){
  
  }
      
  @media(max-width:667px){
      
  }
      
  @media(max-width:568px){
  .banner-hm .carousel-caption{ width: 100%; right: 0; left: 20px; top: 10% !important;}	
  .banner-hm .carousel-caption h2{ font-size: 16px !important;}
  .home-clients .col-sm-3{ width:24% !important;}	
  .abt-inbox{ margin-bottom: 20px;}
  .box-white{ margin-top: 0; margin-bottom: 20px;}
  .box-white img{ margin-top: 0;}
  .team-inner .py-5{ padding-top: 0 !important; padding-bottom: 0 !important;}
  }
      
  @media(max-width:480px){
  
  }
      
  @media(max-width:414px){
  
  }
      
  @media(max-width:375px){
  
  }
      
  @media(max-width:360px){
    
  
  }
  
  
  
  
  
   .callus {
      width: 100%;
      margin: 15px 0 0 0;
      text-align: right;
      position: absolute;
      top: -34px;
      right: 30px;
      width: 50px;
      height: 50px;
      z-index: 99999;
    }  
   
  
    .callus .callusL {
      width: 38px;
      height: 38px;
      font-size: 11px;
      border-radius: 100%;
      text-align: center;
      line-height: 38px;
      display: inline-block;
      float: right;
      background: #afaaaa;
      color: #2a2727;
      margin: 0 12px 0 0;
      -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
      -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
      box-shadow: 0px 0px 0px 7px #edc5c936;
      -webkit-animation: tada 1.25s infinite alternate-reverse;
      -moz-animation: tada 1.25s infinite alternate-reverse;
      -ms-animation: tada 1.25s infinite alternate-reverse;
      animation: tada 1.25s infinite alternate-reverse;
    }
  
  .inner-icon-ul a { color: #181818 !important;}
  
  
  .whatsapp_btn {
      position: absolute;
      top: -90px;
      right: 40px;
      width: 45px;
      height: 45px;
      z-index: 9999;
    }
    .whatsapp_btn .icon_logo {
      position: relative;
      z-index: 100;
      padding: 5px;
    }
  
    .whatsapp_btn .icon_logo > a > img {
      width: 100%;
    }
  
    .whatsapp_btn .circle_waves {
      border-radius: 50%;
      background-color: #3cc04e;
      width: 45px;
      height: 45px;
      position: absolute;
      opacity: 0;
      bottom: 1px;
      left: 0px;
      z-index: 99;
      animation: waves 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
    }
  
    @keyframes waves {
      from {
        transform: scale(0.55, 0.55);
        opacity: 0.6;
      }
      to {
        transform: scale(1.8, 1.8);
        opacity: 0;
      }
    }