body {
  overflow-y: scroll; /* Always show a vertical scrollbar */
}
a {
  text-decoration: none; /* Remove the underline */
  color: inherit; /* Set the default link color */
}
/*Nav bar code*/
.topnav {
  background-color: #EDEDED;
  overflow: hidden;
}

/* Style the links inside the navigation bar */

.topnav a {
  float: right;
  color: #262626;
  text-align: center;
  padding: 14px 40px;
  text-decoration: none;
  font-size: 17px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #0277BD;
}

/* Add a color to the active/current link */
.topnav a.active {
  color: #0277BD;
}
.topnav b {
  float: left;
  padding-top: 3px;
  padding-left: 92px;
} 

.grid-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.grid-container2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left:90px;
}
.grid-container3{
  display: grid;
  grid-template-columns: 1fr;
}
.grid-container4{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.bold-text{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size:30px;
padding-top: 100px;
padding-left:100px;
size:30;
color:#262626;
margin-left:100px;
}
.bold-text-center{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size:30px;
padding-top: 100px;
padding-left:100px;
text-align: center;
size:30;
color:#262626;
}

.light-text{
font-family:'Open Sans', sans-serif;
font-weight: lighter;
font-size:13px;
text-align:left;
padding-top:10px;
}
.light-bold{
font-family: 'Inter', sans-serif;
color: #7F7F7F;
font-weight: bold;
font-size:10px;
padding-top: 570px;
margin-left: 85px;
}

.engine-image{
padding-top:40px;
margin-right:-300px;

}

.certificate-image1{
padding-top:40px;
margin-left:280px;
}
.certificate-image2{
padding-top:40px;
margin-left:60px;
}
.certificate-image3{
padding-top:50px;
}

.button {
background-color: #0277BD;
color: #EDEDED;
border-radius:17px;
text-align: center;
font-size:13px;
padding: 15px 32px;
display:inline-block;
width:88px;
height:16px;
font-family: 'Inter', sans-serif;
margin-left:100px;
}
.button2 {
background-color: #EDEDED;
color: #262626;
border: 1px solid #262626;
border-radius:17px;
text-align: center;
font-size:13px;
padding: 15px 32px;
margin-left:-170px;
display:inline-block;
width:95px;
height:16px;
font-family: 'Inter', sans-serif;
}

.container1{
background-color: #FFFFFF;
border-radius:17px;
display:inline-block;
width:750px;
height:300px;
font-family: 'Inter', sans-serif;
margin-top:130px;
margin-left:200px;
z-index:2;
position:absolute;
box-shadow: 0px 4px 32px grey;
}
.container2{
background-color: #F2F2F2;
border-radius:17px;
display:inline-block;
width:720px;
height:313px;
font-family: 'Inter', sans-serif;
margin-top:130px;
margin-left:215px;
z-index:1;
position:absolute;
box-shadow: 0px 4px 32px lightgrey;
}

.gearbox-services{
z-index:3;
position:absolute;
margin-left:550px;
margin-top:95px;
}
.our-services-text{
font-family: 'Open Sans', sans-serif;
font-weight: bolder;
font-size:27px;
color:#030303;
z-index:4;
position:absolute;
margin-left:250px;
margin-top:180px;
}
.our-services-description{
font-family: 'Open Sans', sans-serif;
font-size:12px;
font-weight:bold;
color:#030303;
z-index:4;
position:absolute;
margin-left:250px;
margin-top:230px;
text-align:left;
}

.button3 {
background-color: #0277BD;
color: #EDEDED;
border-radius:17px;
text-align: center;
font-size:11px;
padding: 15px 32px;
display:inline-block;
width:58px;
height:10px;
font-family: 'Inter', sans-serif;
margin-left:245px;
margin-top:370px;
z-index:4;
position:absolute;
}
.gearbox-checking-image{
margin-top:500px;
}
.best-technicians-text{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size:20px;
padding-top: 14px;
margin-left:85px;
color:#030303;
text-align:left;
}
.best-technicians-description{
font-family:  'Open Sans', sans-serif;
color: #030303;
font-size:13px;
text-align:left;
margin-left:85px;
padding-top:14px;
}
.button4{
background-color: #EDEDED;
color: #262626;
border: 1px solid #262626;
border-radius:17px;
text-align: center;
font-size:12px;
padding: 15px 20px;
display:inline-block;
width:120px;
height:10px;
position:absolute;
font-family: 'Inter', sans-serif;
margin-top:40px;
margin-left: 80px;
}
.onsite-repairs-text{
font-family: 'Inter', sans-serif;
color: #7F7F7F;
font-weight: bold;
font-size:10px;
padding-top: 14px;
margin-left:85px;
text-align:left;
margin-top:120px;
}
.onsite-repairs-title{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size:20px;
padding-top: 14px;
margin-left:85px;
color:#030303;
text-align:left;
}
.onsite-repairs-description{
font-family:  'Open Sans', sans-serif;
color: #030303;
font-size:13px;
text-align:left;
margin-left:85px;
padding-top:14px;
}
.onsite-repairs-image{
margin-top:80px;
}
.workshop-repair-image{
margin-top:40px;
margin-left:30px;
}
.workshop-repair-text{
font-family: 'Inter', sans-serif;
color: #7F7F7F;
font-weight: bold;
font-size:10px;
margin-top:120px;
padding-top:14px;
margin-left: 85px;
}
.contact-us-text{
z-index:4;
position:absolute;
font-family: 'Open Sans', sans-serif;
font-weight: bolder;
font-size:27px;
color:#030303;
margin-left:500px;
margin-top:170px;
}
.contact-us-description{
font-family: 'Open Sans', sans-serif;
font-size:12px;
font-weight:bold;
color:#030303;
z-index:4;
position:absolute;
margin-left:460px;
margin-top:220px;
text-align:left;
}

.button5{
background-color: #EDEDED;
color: #262626;
border: 1px solid #262626;
border-radius:17px;
text-align: center;
font-size:12px;
font-weight:bold;
padding: 15px 20px;
display:inline-block;
width:120px;
height:10px;
position:absolute;
font-family: 'Inter', sans-serif;
margin-top:300px;
margin-left:250px;
z-index:4;
}
.button6{
background-color: #EDEDED;
color: #262626;
border: 1px solid #262626;
border-radius:17px;
text-align: center;
font-size:12px;
font-weight:bold;
padding: 15px 20px;
display:inline-block;
width:120px;
height:10px;
position:absolute;
font-family: 'Inter', sans-serif;
margin-top:300px;
margin-left: 480px;
z-index:4;
}
.button7{
background-color: #EDEDED;
color: #262626;
border: 1px solid #262626;
border-radius:17px;
text-align: center;
font-size:12px;
font-weight:bold;
padding: 15px 20px;
display:inline-block;
width:120px;
height:10px;
position:absolute;
font-family: 'Inter', sans-serif;
margin-top:300px;
margin-left: 710px;
z-index:4;
}
.button4:hover{
background-color:whitesmoke;
color: #262626;
font-family: 'Inter', sans-serif;
}
.button5:hover{
background-color:whitesmoke;
color: #262626;
font-weight: bolder;
font-family: 'Inter', sans-serif;
}
.button6:hover{
background-color:whitesmoke;
color: #262626;
font-weight: bolder;
font-family: 'Inter', sans-serif;
}
.button7:hover{
background-color:whitesmoke;
color: #262626;
font-weight: bolder;
font-family: 'Inter', sans-serif;
}
.container3{
background-color: #FFFFFF;
border-radius:17px;
display:inline-block;
width:750px;
height:260px;
font-family: 'Inter', sans-serif;
margin-top:130px;
margin-left:200px;
z-index:2;
position:absolute;
box-shadow: 0px 4px 32px grey;
}
.container4{
background-color: #F2F2F2;
border-radius:17px;
display:inline-block;
width:720px;
height:273px;
font-family: 'Inter', sans-serif;
margin-top:130px;
margin-left:215px;
z-index:1;
position:absolute;
box-shadow: 0px 4px 32px lightgrey;
}
.line{
background-color: #D9D9D9;
width:1050px;
height:3px;
margin-top:500px;
margin-left:120px;
}

.footer_logo{
margin-top:30px;
margin-left:140px;
}

.copyright_text{
font-family: 'Inter', sans-serif;
font-size:13px;
margin-left:140px;
padding-top:10px;
color: #262626;
font-weight:bold;
opacity: 0.7;
}
.footer_links_text{
color: #262626;
text-decoration: none;
font-size: 15px;
font-family: 'Inter', sans-serif;
margin-top:35px;
margin-left:50px;
font-weight:bold;
opacity:0.9;
}
.footer_grid{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
.footer_links_text2{
color: #262626;
text-decoration: none;
font-size: 15px;
font-family: 'Inter', sans-serif;
margin-top:12px;
margin-left:50px;
font-weight:bold;
opacity:0.9;
}

.the-products-description{
font-family:  'Open Sans', sans-serif;
color: #262626;
font-size:13px;
text-align: center;
margin-top:10px;
margin-left:100px;
}
.the-products-description1{
font-family:  'Open Sans', sans-serif;
color: #262626;
font-size:13px;
text-align: left;
margin-top:10px;
margin-left:85px;
}


.product-page-grid{
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 2fr;
}

.container3{
background-color: #FFFFFF;
border-radius:17px;
display:inline-block;
width:200px;
height:200px;
font-family: 'Inter', sans-serif;
margin-top:130px;
margin-left:200px;
z-index:2;
position:absolute;
box-shadow: 0px 4px 32px grey;
}
.container4{
background-color: #F2F2F2;
border-radius:17px;
display:inline-block;
width:190px;
height:207px;
font-family: 'Inter', sans-serif;
margin-top:130px;
margin-left:215px;
z-index:1;
position:absolute;
box-shadow: 0px 4px 32px lightgrey
}

.product-engine{
  margin-top:100px;
  margin-left:100px;
  z-index:4;
  position:absolute;
}
.engine-text{
font-family:  'Open Sans', sans-serif;
color: #262626;
font-weight:bolder;
font-size:13px;
text-align:left;
margin-top:70px;
margin-left:200px;
}
.engine-text2{
font-family:  'Open Sans', sans-serif;
color: #262626;
font-weight:bolder;
font-size:13px;
text-align:left;
margin-top:35px;
margin-left:200px;
}
.line-vertical{
background-color: #D6D6D6 ;
width:3px;
height:500px;
margin-top:50px;
margin-left:100px;
}

.engine-text3{
font-family:  'Open Sans', sans-serif;
color: #262626;
font-weight:bolder;
font-size:13px;
text-align:left;
margin-top:70px;
margin-left:40px;
}
.engine-text4{
font-family:  'Open Sans', sans-serif;
color: #262626;
font-weight:bolder;
font-size:13px;
text-align:left;
margin-top:35px;
margin-left:40px;
}

.ecomat-container{
background-color: #FFFFFF;
border-radius:17px;
display:inline-block;
width:280px;
height:280px;
font-family: 'Inter', sans-serif;
margin-top:130px;
margin-left:505px;
z-index:2;
position:absolute;
box-shadow: 0px 4px 32px grey;
}
.ecomat-container2{
background-color: #F2F2F2;
border-radius:17px;
display:inline-block;
width:272px;
height:285px;
font-family: 'Inter', sans-serif;
margin-top:135px;
margin-left:520px;
z-index:1;
position:absolute;
box-shadow: 0px 4px 32px lightgrey;
}

.ecomat-text{
font-family: 'Poppins', sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
z-index:6;
position:absolute;
margin-left:575px;
margin-top:160px;
}
.ecomat-text-bolder{
font-family: 'Poppins', sans-serif;
font-size:45px;
font-weight:bold;
text-align:center;
z-index:7;
position:absolute;
margin-left:550px;
margin-top:200px;
}
.ecomat-text-smaller{
font-family: 'Poppins', sans-serif;
font-size:16px;
font-weight:lighter;
text-align:center;
z-index:6;
position:absolute;
margin-left:675px;
margin-top:228px;
}
.ecomat-text-smaller2{
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 100;
text-align:center;
z-index:6;
position:absolute;
margin-left:545px;
margin-top:280px;
}

.ecomat-button {
background-color: #0277BD;
color: #EDEDED;
border-radius:17px;
text-align: center;
font-size:13px;
padding: 15px 32px;
display:inline-block;
width:150px;
height:16px;
font-family: 'Inter', sans-serif;
margin-left:100px;
z-index:10;
position:absolute;
margin-top:340px;
margin-left:540px;
}

.ecomat-container3{
background-color: #FFFFFF;
border-radius:17px;
display:inline-block;
width:750px;
height:300px;
font-family: 'Inter', sans-serif;
margin-top:600px;
margin-left:300px;
z-index:2;
position:absolute;
box-shadow: 0px 4px 32px grey;
}
.ecomat-container4{
background-color: #F2F2F2;
border-radius:17px;
display:inline-block;
width:720px;
height:313px;
font-family: 'Inter', sans-serif;
margin-top:600px;
margin-left:315px;
z-index:1;
position:absolute;
box-shadow: 0px 4px 32px lightgrey;
}

.from-abroad-bolder{
font-family: 'Poppins', sans-serif;
font-size:32px;
color:#030303;
font-weight:bold;
text-align:center;
z-index:7;
position:absolute;
margin-left:400px;
margin-top:640px;
}

.from-abroad-lighter{
font-family: 'Inter', sans-serif;
font-size:13px;
color:#030303;
font-weight:lighter;
text-align:left;
z-index:7;
position:absolute;
margin-left:400px;
margin-top:710px;
}
.abroad-button {
background-color: #EDEDED;
color: #262626;
border: 1px solid #262626;
border-radius:17px;
text-align: center;
font-size:13px;
padding: 15px 32px;
display:inline-block;
width:180px;
height:16px;
font-family: 'Inter', sans-serif;
z-index:11;
position: absolute;
margin-top:800px;
margin-left:400px;
}

.abroad-image{
margin-top: 492px;
margin-left:750px;
z-index: 12;
position: absolute;
}
.four-grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left:140px;
margin-top:60px;
}
.two-grid{
display: grid;
grid-template-columns: 1fr 1fr;
}
.contact-us-header{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size:30px;
padding-top: 100px;
padding-left:100px;
text-align: left;
size:30;
color:#262626;
margin-left:40px;
}

.contact-us-button1 {
background-color: #EDEDED;
color: #262626;
border: 1px solid #262626;
border-radius:17px;
text-align: center;
font-size:13px;
padding: 15px 32px;
margin-left:-170px;
display:inline-block;
width:95px;
height:16px;
font-family: 'Inter', sans-serif;
}
.contact-us-button2 {
  background-color: #EDEDED;
  color: #262626;
  border: 1px solid #262626;
  border-radius:17px;
  text-align: center;
  font-size:13px;
  padding: 15px 32px;
  margin-left:-170px;
  display:inline-block;
  width:95px;
  height:16px;
  font-family: 'Inter', sans-serif;
  cursor: pointer;
  }

  .contact-us-button2:hover {
    color: #0069a4;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  
  /* Animation */
  .contact-us-button2:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 4px;
    border: 2px solid #0069a4;
    z-index: -1;
    animation: pulse 1s infinite;
  
  }
  
  @keyframes pulse {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
  }