body
{
    background-size: 130%;
    background-repeat: no-repeat; 
}


.top
{
    background-color: #4682B4;
    height: 70px;
}

.top .logo {
    margin-left: 4%;
}


.top i.fa
{
    color: white;
    font-size: xx-large;
    padding: 20px 10px;
}

.enq
{
    color: darkorange;
    font-size: large; 
  
}


.menubar li 
{
    padding: 0px 60px;
    font-weight: bold;
}


.landing_img
{
    height: 500px;
    background-image: url("images/mainbg.jpg");
    background-repeat: no-repeat;
    background-size: cover;  
}


.landing_img h1{
color:#4682B4;
font-family: 'Trebuchet MS';
margin:  9%;
text-align: center;
}


.separator
{
    color: #EC490E;
}

.landing_img  a{
font-family: 'Trebuchet MS';
color: white;
background-color: #4682B4;
outline-style: none;
border-color: white;
   }

.wheel {
      width: 400px;
      height: 400px;
      background: url('images/wheel2.png') no-repeat center center;
      background-size: contain;
      position: absolute;
      left: -120px; /* Start off-screen */
      animation: roll 0.8s ease-out forwards;
    }

    @keyframes roll {
      0% {
        left: 0px;
        transform: rotate(0deg);
      }
      100% {
        left: calc(0px);  
        transform: rotate(720deg); /* 2 full spins */
      }
    }


.msg
{
   height:200px;
   background-color:#4682B4;
   text-align: center; 
}

.msg h1{
    color: darkorange;
}

.msg h2{
    color: white;
}

.msg a{
    color: white;
    background-color: #4682B4;
    outline-style: none;
    border-color: white;
}

/*....end..*/

.services{
    text-align: center;
    padding: 0px  4%;
    height: 600px;   
    margin-left: auto;

        }

.services h1{
    color: #EC490E;
    padding: 50px;
}


.services .c1{
float: left;
margin-right: 100px;
border-radius: 10px;
color:#EC490E;
background-image: url("images/back.avif");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width:300px;
height: 400px;
margin-bottom: 50px;
}

.services .c1 h2{
      color: white;
      font-family: 'Trebuchet MS';
      background-color: #EC490E;
      border-radius: 10px;
    }

.services .c2{
float: left;
margin-right: 100px;
border-radius: 10px;
color:#EC490E;
background-image: url("images/consult.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width:300px;
height: 400px;
margin-bottom: 50px;
}

.services .c2 h2{
     color: white;
      font-family: 'Trebuchet MS';
      background-color: #EC490E;
      border-radius: 10px;
}

.services .c3{
float: left;
margin-right: 10px;
border-radius: 10px;
color:#EC490E;
background-image: url("images/wireless.avif");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width:300px;
height: 400px;
margin-bottom: 50px;
}

.services .c3 h2{
      color: white;
      font-family: 'Trebuchet MS';
      background-color: #EC490E;
      border-radius: 10px;
}

.con {
    text-align: center;
    font-family: 'Trebuchet MS';   
}


.con a{
    color: white;
    background-color: #4682B4;
    outline-style: none;
    border-color: white;
}


.con_msg
{
   height:140px;
   background-color: #EC490E;
   text-align: center;
   border-color: white;
   margin-top: 0px;  
   opacity: 0.9;
}

.con_msg h2{
    color: white;
}

.con_msg a{
   font-size: 80%;
   background-color: #4682B4;
   border-color: white;
   color: white;
}


.hardware
{
    height: 800px;
    background-size: 100%;
    text-align: center;

}


.hardware h1
{
    color: #EC490E;
    text-align: center;
}
 .hardware .c1 a {
   font-size: 80%;
   background-color: #4682B4;
   border-color: white;
   color: white;
   font-family: 'Trebuchet MS';
   margin-top: 80%;
   border-radius: 10px;
 }

.hardware .c1
{
    background-image: url("images/laptop.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:300px;
    height: 400px;
    border-radius: 10px;
    float: left;
    margin-left: 10%; 
}


.hardware .c2
{
    background-image: url("images/desk.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:300px;
    height: 400px;
    border-radius: 10px;
    float: left;
    margin: 0px 50px;
    
}
    
.hardware .c2 a{
      color: white;
      font-family: 'Trebuchet MS';
      margin-top: 80%;
      font-size: 80%;
      background-color: #4682B4;
      border-color: white;
      font-family: 'Trebuchet MS';
      border-radius: 10px;  
}


.hardware .c3
{
   background-image: url("images/printer.avif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:300px;
    height: 400px;
    border-radius: 10px;
    float: left;
    margin: 0px 50px;
}

.hardware .c3 a{
  font-size: 80%;
   background-color: #4682B4;
   border-color: white;
   color: white;
   font-family: 'Trebuchet MS';
   margin-top: 80%;
   border-radius: 10px;
}

.choice h2
{
color: #EC490E;
text-align: center;
}


.contact
{
    height: 650px;
    background-image: url("images/contact1.jpg");
    background-position: center;
    background-size: cover;
    
}

.contact h1
{
    color: #EC490E;
    font-family: 'Trebuchet MS';
    text-align: left;
}

.contact form{
    margin-left: 10%;
    width: 300px;
    padding: 7% 0;
    opacity: 0.7;
}


footer{
    background-color:#EC490E;
    bottom: 0px;
    margin-right: 0px;
    padding: 50px 0px;
    font-family: 'Trebuchet MS';
    width: 99.9%;
}
footer h2{
    color: white;
    opacity: 0.8;
}

footer a{
 
    text-decoration: none;
    color: white;
    opacity: 0.7;
}

 footer i.fa
{
    color:#4682B4;
    text-decoration: none;
    padding: 5px 0px;
}
 footer .contactinfo a{
    text-decoration: none;
    color: white;  
 }



 .thanks
 {
    text-align: center;
    margin-top: 2%;
    font-family: 'Trebuchet MS';

 }

 .thanks h1{
    color: white;
    font-family: 'Trebuchet MS';
 }

  .thanks h2{
    color: lightgreen;
    font-size: 50px;
 }

  .thanks p{
    color: white;
    font-size: x-large;
 }

  .thanks h6{
    color: lightgreen;
 }

 .thanks a{
    border-color: white;
    color: white;
 }



 .nav-text {
  font-size: 0.95rem;
  color: #EC490E;
  font-weight: 500;
}