.section-01 {
  width: 100%;
  padding:10px 8%;
  margin: 20px auto;
 }
 .section-01 .td04 {
  width: 100%;
  padding: 10px;
  border: solid 1px #e7e7e7;
 }
 .section-01 .td04 h3 {
  font-size: 26px;
  font-weight: 500;
  line-height: 45px;
  background: linear-gradient(90deg, #00dbde, #fc00ff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
 
 } 

 .section-01 .td04 p {
  font-size: 18px;
  font-weight: 300;
  color: #333;
  line-height: 40px;
 }




 .section-02 {
  width: 100%;
  background-color: #f2f2f2;
  padding:10px 8%;
  margin: 20px auto;
 }
 .section-02 .td03 {
  width: 100%;
  padding: 10px;
  border: solid 1px #e7e7e7;
  background: #fff;
 }
 .section-02 .td03 h3 {
  font-size: 26px;
  font-weight: 400;
  color: #0D47A1;
  line-height: 45px;
 }
 .section-02 .td03 p {
  font-size: 18px;
  font-weight: 300;
  color: #333;
  line-height: 40px;
 }

 .section-02 .td02 {
  width: 100%;
  padding: 10px;
  border: solid 1px #e7e7e7;
  background: #fff;
 }
 .section-02 .td02 h3 {
  font-size: 26px;
  font-weight: 400;
  color: #0D47A1;
  line-height: 45px;
 }
 .section-02 .td02 p {
  font-size: 18px;
  font-weight: 300;
  color: #333;
  line-height: 40px;
 }

 .section-03 {
  width: 100%;
  clear: both;
  padding:10px 8%;
  margin: 20px auto;
 }
 .section-03 .border {
  padding: 30px;
  text-align: center;
  border-left: solid 2px #B0BC00;
  background-color:#FEFFF3 ;
  font-size: 22px;
  font-weight: 300;
  line-height: 40px;
 }


 .parallax .parallax-in h4 {
  color: #fff;
  font-size: 26px;
  line-height: 50px;
  font-weight: 400;
 }

 
 .footer {
  clear: both;
  width: 100%;
  background-image: url("../images/parallax2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(7,8,19,0.8);
  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding: 40px 8%;
 }
 .footer .footer-info {
  width: 100%;
  color: #fff;
 }
 .footer .socialmedia {
  margin: 30px 0px 0px 0px;

 }
 .footer .socialmedia li {
  list-style: none;
  display: inline;
  margin: 0px 10px;

 }
 .footer .socialmedia li img {
  list-style: none;
  display: inline;
  margin: 0px 10px;
  width: 50px;
  overflow: hidden;
 }
 .footer .socialmedia li a {
  text-decoration: none;
 }
 .footer h4 {
  font-size: 30px;
  color: #B0BC00;
 }
 
 .footer p {
  font-size: 16px;
  color: #fff;
  line-height: 20px;
 }

 .parallax .parallax-in h4 {
  color: #fff;
 }
 .footer ul {
  margin: 0px;
  padding: 0px;
 }
 .footer ul li {
list-style: none;
 }
 .footer ul li a {
  text-decoration: none;
  color: #fff;
   }
   
    
 .copyrights {
  clear: both;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  color: #9BA1E6;
  background-color: #070813;
  font-size: 14px;
}




.logos-slide {
  width: 100%;
  clear: both;
}
.logos-slide .logos-slide-in {
  width: 84%;
  margin: 0px auto;
}
.logos-slide .logos-slide-in .slider {
  height:250px;
  margin:auto;
  position:relative;
  width:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
}


.logos-slide .logos-slide-in .slide-tract {
display:flex;
width: calc(250px * 18);
animation: scroll 60s linear infinite;

}
.logos-slide .logos-slide-in .slide-tract:hover {
  animation-play-state:paused;
}

@keyframes scroll {
  0% {
      transform: translateX(0);
  }

  100% {
      transform: translateX(calc(-250px * 9));
      -webkit-transform: translateX(calc(-250px * 9));
      -moz-transform: translateX(-250px * 9);
      transform: translateX(-250px * 9);
  }
}

.logos-slide .logos-slide-in .slide {
  height: 200px;
  width:250px;
  display:flex;
  align-items:center;
  padding:15px;
  perspective: 100px;
}

.logos-slide .logos-slide-in img {
  width: 100%; 
  transition: transform 1s;

}
.logos-slide .logos-slide-in img:hover {
  transform: translateZ(20px);
  
}

.logos-slide .logos-slide-in .slider::before,
.slider::after {
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  content: '';
  height:100%;
  position:absolute;
  width:15%;
  z-index:2;
}
.logos-slide .logos-slide-in .slider::before {
  left:0;
  top:0;
}
.logos-slide .logos-slide-in .slider::after {
  right:0;
  top:0;
  transform: rotateZ(180deg);
}


/*COMMEN AND HOME PAGE CODE END */


/*ABOUT US PAGE CODE END */
.aboutus {
  clear: both;
  width: 100%;

}

.aboutus .aboutus-in {
width: 100%;
}

.aboutus .aboutus-in .aboutus-section-01 {
 width: 100%;
 padding: 10px 8% 250px 8%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 68% 28%;
  gap: 4%;
  background-image: url("../images/aboutus-bg.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(7,8,19,0.8);
}
.aboutus .aboutus-in .aboutus-left  {
  margin: 0px;
  width: 100%;
}
.aboutus .aboutus-in .aboutus-right  {
  margin: 0px;
  width: 100%;
}
.aboutus .aboutus-in  .aboutus-right img {
  width: 100%;
  overflow: hidden;
}
.aboutus .aboutus-in  .aboutus-right img .img {
  width: 100%;
  overflow: hidden;
}
.aboutus .aboutus-in .aboutus-section-02 { 
  width: 100%;
  margin-top: -250px;
  padding: 10px 8% 10px 8%;
}

.aboutus .aboutus-in .aboutus-section-02 .td03 { 
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 15px;
  -webkit-box-shadow: 0 0 20px #e7e7e7;
        box-shadow: 0 0 20px #e7e7e7;
}
.aboutus .aboutus-in .aboutus-section-02 .td03 p {
  font-size: 18px;
font-weight: 400;
line-height: 40px;
margin-top: 30px; 
}

.aboutus .p {
  font-size: 18px;
font-weight: 400;
line-height: 40px;
margin-top: 10px; } 
.aboutus .p1 {
  font-size: 22px;
font-weight: 400;
line-height: 40px;
margin-top: 30px; }

/*ABOUT US END */




/*PORTFOLIO US START */
.portfolio {
  width: 100%;
}
.portfolio .portfolio-in  {
  width: 100%;
  padding: 10px 8%;
}

.portfolio .portfolio-in .td03 {
  border: solid 1px #e7e7e7;
  padding: 10px;
}
.portfolio .portfolio-in .td03 .img {
 width: 100%;
 overflow: hidden;
}
.portfolio .portfolio-in .td03 .img img {
  width: 100%;
 }
 .portfolio .portfolio-in h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  width: 100%;
  text-align: center;
 } 
/*PORTFOLIO  END */
 



/*CONTACT US START */
.contact {
  width: 100%;
  clear: both;
  padding: 10px 12%;
}
.contact .contact-in {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 45%; 
  gap:5%
}
.contact .contact-in .contact-left {
  width: 100%;
}
.contact .contact-in .contact-right {
  width: 100%;
}



/* Style inputs with type="text", select elements and textareas */
.contact .contact-in input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
.contact .contact-in input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
.contact .contact-in input[type=submit]:hover {
  background-color: #45a049;
}

.contact .contact-in h3 {
  font-size: 30px;
  line-height: 45px;
  font-weight: 400;
  
}
.contact .contact-in h4 {
  font-size: 26px;
  line-height: 45px;
  font-weight: 400;
  
}

.contact .contact-in h5 {
  font-size: 20px;
  line-height: 45px;
  font-weight: 300;
  
}


/*CONTACT US END */


/*SERVICE 01 PAGE START */
.service01 {
  width: 100%;
  clear: both;
  padding: 10px 8%;
}
.service01 .service01-in {
  width: 100%;
}

 
.service01 .img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin: 10px auto;

}
.service01   .img img {
  width: 80px;
  height: 80px;
  overflow: hidden;
}
/*SERVICE 01 PAGE END */