@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

.mrtop1{margin-top: .6rem!important}
.mrtop2{margin-top: 1rem!important}

html,
body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #333333;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    background-image: url(../images/mwp-background.jpg);
}
 
i{font-size: 14px}


h1,h2,h3,h4,h5,h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 10px;
}
ul{list-style: none;}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Noto Sans JP', sans-serif; font-size:26px; font-weight: normal;
}
 
* {
    font-family: 'IBM Plex Sans', sans-serif;
    
}

p {
    margin-bottom: 8px; font-family: 'PT Sans', sans-serif; font-size: 17px
}

figure {
    margin: 0;
}
.font-26{ font-size: 32px }
 
.btan{border-radius:8px; transition: 0.5s; padding:10px 20px; font-size: 16px; margin-top: 20px; display: inline-block; background-image: linear-gradient(326deg, #f44234 0%, #df2c1e 74%);  color:#fff;}
.btan:hover{ background-image: linear-gradient(326deg, #0396A6 0%, #df2c1e 100%);letter-spacing: .05em;
  background-color: #FF1816;
  color: #fff;}
 
 
.main {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.main-nav nav .navbar-nav .nav-item:hover a{color: #f44234!important; border-bottom: none!important;}
.head{background-color: #f9f9f9; padding: 100px 0; color: #fff;  }
.head h2{color: #000 ; font-size:38px;}
.head p{color: #333 ; font-size: 20px;}
.head img{width: 90%; border-radius: 15px;}
.head .heading{ margin-top: 80px;}
.navbar-light .navbar-brand img{width: 20%!important}
.about{ padding: 130px 0;  }
.main-nav{background-color: #eef4ff!important; background-image: none!important;}
/*.about .box{  background-color: #f44234; background-image: linear-gradient(326deg, #f44234 0%, #df2c1e 74%); display: flex; border-radius: 15px ; padding:35px 30px; width: 47%; margin: 8px; float: left; color: #fff  }*/
.about .box{  background-color: #0396A6; background-image: linear-gradient(326deg, #0396A6 0%, #df2c1e 100%); display: flex; border-radius: 15px ; padding:35px 30px; width: 47%; margin: 8px; float: left; color: #fff  }

.about .box .im{ width:45%; margin-top:26px; padding: 10px; }
.about .box img{ width:100%; }
.main-nav nav .navbar-nav .nav-item a{color: #333!important; font-weight: 600}


.elementor-counter{padding: 10px;}
.elementor-counter-title{font-size: 32px;   font-weight: 700;}
.elementor-counter-number-wrapper{  line-height: 1.4em;}
.aboutleft .our_mission {
  border-left: 5px solid #d0100e;
  padding-left: 10px;
  color: #000;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 600;
}
.aboutleft .ouyr_text {
  width:93%;
  float: left;
  display: block;
  font-size: 17px;
 
  padding-left: 15px;
}
.aboutleft a{color: #e3412d;}
.aboutleft .sanbtn {
  background-color: #e3412d;
  border: none;
  color: white;
  padding: 6px 12px;
  cursor: pointer;
  font-size:14px;
  border-radius: 5px;
  margin-top: 30px;
}


.solution{background-color: #efefef; padding: 80px 0 }
.solution .cards{height: 31.4117647059rem; width:31.20%;  border-radius: 20px; margin:10px }
.solution .cards img{width: 100%; border-radius: 20px 20px 0 0 }
.solution .cards h2{color: #000; font-size: 22px;}
.solution .cards p{color: #333}
.solution .card1{ background-color: #fff;   }
.solution .card2{  background-color: #fff;     }
.solution .card3{   background-color: #fff;   }
 


.solution .card .ccard-content-info{padding: 1.7647058824rem;  }
.solution .cards h2{color: #000; padding:30px 20px 5px;}
.solution .cards p{color: #333; padding:8px 20px 0 }

.Industries{ background-color: #fff; padding: 80px 0 ; }
.Industries .cards{height:22.4117647059rem; width: 23.0%; background-color: #efefef; padding: 30px;  border-radius: 20px; margin: 10px }
.Industries .cards img{width: 60px}
.Industries .cards h2{color: #000; margin-top: 20px}

footer{background-color: #000; padding:30px 0 0px}
footer span {
  color: #fff; font-size: 12px; opacity: .9
}
footer a { color: #fff ; font-size: 16px;}
footer a:hover{ color: #df2c1e  }
footer p {
  color: #e5e5e5;
  opacity: .8;
  
}
p a {
  margin-bottom: 0;
  color: #fff;
}
#myDIV {margin-top: 15px;
   opacity: .8;
  width: 30px;
  color: white;
  
}
.mail p a {
  color: #fff;
  line-height: 1.6 !important;
}
.botto { border-top:  1px solid #444;  border-radius: 10px;  margin:20px auto;  padding: 15px;  text-align: center;}
.botto img{width:75px; margin: 0 20px}
.socialmedia{padding: 5px}

.schedule{margin: 80px auto  ;  color: #fff; background-image: linear-gradient(326deg, #fff 0%, #efefef 74%); border-radius: 30px}
.bga{ 
  --background-overlay: ''; padding: 30px;
  background-position: center right;
  background-repeat: no-repeat; }
.schedule h3{color: #000}
.schedule a{color: #000; background-color: #fff; padding:10px 20px; border-radius:30px; margin-top:30px; display: inline-block; }


/*---------------------whatsapp----------------*/

.whats-float {position: fixed;transform:translate(108px,0px);bottom: 30px;right:0;width:150px;overflow: hidden;
    background-color: #25d366;color: #FFF;border-radius: 2px 0 0 2px;
    z-index: 10;transition: all 0.5s ease-in-out;vertical-align: middle}

.whats-float a span {color: white;
    font-size: 15px;padding-top: 8px;padding-bottom: 10px;position: absolute;line-height: 16px;font-weight: bolder;}

.whats-float i {font-size: 30px;color: white;line-height: 30px;padding: 10px;
    transform:rotate(0deg);transition: all 0.5s ease-in-out;text-align:center;}

.whats-float:hover {color: #FFFFFF;transform:translate(0px,0px);}

.whats-float:hover i  {transform:rotate(360deg);}



.phone-call { width: 60px;    height: 60px;    left: 0px;    bottom: 30px;    background: #f35045;display: none;    position: fixed;
    text-align: center;    color: #ffffff;    cursor: pointer;    border-radius: 50%;    z-index: 70;   
    line-height: 62px;opacity: .9;}
.white{
  font-size: 25px;
  color: #fff;
}

/*--------------------------------contact-us-page-css-----------------------------------*/


.contact-top{margin-top: 0rem;background-color: #00b9ce;padding: 1rem;padding-top: 5rem}
.contcat-head{align-content: center;}
.contcat-head h2{color: #fff;font-weight: bold;}
.contcat-head p{color: #fff}

.contact-im {text-align: end}
.contact-im img{width: 50%;}


.cont-info{position: relative;bottom: 37px;display: inline-block;}
.contact-info {display: inline-block; width: 100%;text-align: center; margin-bottom: 10px; }

.contact-info-icon {margin-bottom: 15px;}
.contact-info-item { background: #efefef; padding: 30px 3px;height: 250px;border-radius: 15px;align-content: center;}

.contact-info-icon i { font-size: 48px; color: #0396a6;}
.contact-info-text p{margin-bottom:0px;}
.contact-info-text h2 { color: #000;padding: 0 15px; font-size: 22px; text-transform: capitalize; font-weight: 600; margin-bottom: 10px;}
.contact-info-text span { color: #000; font-size: 16px; font-weight: ;width: 100%; }

.contact-for {background-color: #efefef; padding: 3rem 0; }
.contact-for .heading h2 { font-size: 30px; font-weight: 700; margin: 0; padding: 0; }

.contact-for .heading h2 span { color: #ff9100; }

.contact-for .heading p { font-size: 15px; font-weight: 400; line-height: 1.7; color: #999999; margin: 20px 0 60px;
    padding: 0; }

.contact-for .form-control { padding: 25px; font-size: 13px; margin-bottom: 10px; background: #f9f9f9; border: 0;
    border-radius: 10px; }
/*
.contact-for button.btn { padding: 10px 20px; border-radius: 10px; font-size: 15px; background: #FF1816; color: #ffffff;width:15%; 
text-align:left; }

.contact-for button.btn:hover {background-image: linear-gradient(326deg, #0396A6 0%, #df2c1e 100%);
  letter-spacing: .05em;  color: #fff; transition: 5sec}
*/
.contact-for .title h3 { font-size: 16px; font-weight: 600;color: #fff; }

.contact-for .title p { font-size: 14px; font-weight: 400; color: #999; line-height: 1.6;  margin: 0 0 40px; }

.contact-for .content-form .info { margin-top: 30px; }

.contact-for .content-form .info i { font-size: 25px; padding: 0; margin: 0; color: #fff; margin-right: 20px;
    text-align: center; width: 20px; }

.contact-for .content-form .info h4 { font-size: 20px;color: #fff!important }

.contact-for .content-form .info h4 span { font-size: 13px; font-weight: 300; color: #999999; }

.soci{background-color: #0396a6;padding: 2rem 3rem}


/*--------------------------------contact-us-page-css-----------------------------------*/


@media only screen and (max-width:480px){
	.mean-container a.meanmenu-reveal span{background: #fff!important;}
.head .box{margin-top: 20px;}
.about .box{width:95%}
.aboutleft{padding-bottom: 20px}
.mean-container .mean-bar{ background-color: #0396A6 !important }
.aboutleft .our_mission{padding-left: 30px;}
.head{padding: 100px 15px}
.aboutleft .our_mission{margin-left: 20px;}
.aboutleft .sanbtn{margin-left:8px;}
.aboutleft p{margin-left: 15px}
.about .box .im{ width:30%; margin-top: 5px; }
.about{padding:80px 0}
.solution{ padding: 40px 15px }
.solution .cards{width: 100%}
.Industries{padding: 40px 15px}
.Industries .cards{width: 100%}
.elementor-counter{padding-top: 0}
footer{padding: 40px 15px}
.logo img{width:50px!important}
.head .heading{margin-top:  20px}
.head img{margin-top:0px;}

.head h2{font-size: 34px;}
.mapadd iframe{max-width: 430px!important}
.soci{margin-top: 2rem}

.year ul {padding-left: 0}
  .whats-float {
    bottom: 30px;
    right: 5px;
  }


 .phone-call {display: block;
    border-radius: 0;
    left: 0px;border-radius: 0 5px 5px 0;
    bottom: 30px;
    height: 50px;
    opacity: .8;
  }




}