.homesliedimg{
width: 613px;
height: 532px;
left: 727px;
top: 193px;
/* background: url(.jpg), #D9D9D9;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
border-radius: 20px; */
transition: all .4s;
}





.homesliedimg:hover{
 transform: scale(1.25);
 /* box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.8); */
}


.maintitle{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
font-size: 2.5rem;
line-height: 40px;
color: #000000;
}


.testgrid1{
    position:relative;
 
    background-color: aqua;
}

.testgrid2{
    position: relative;

    padding: 20px;
    background-color: rgb(3, 25, 25);
}




.imageaboutnew{
    position: relative;
    width: 610px;
    height: 332px;
    background: url(.jpg);
    border-radius: 20px;
    box-shadow:  0px 4px 4px rgba(0, 0, 0, 0.25);
}


.imageaboutnew2{
    position: relative;
    width: 610px;
    height: 332px;
    background: url(.jpg);
    border-radius: 20px;
    box-shadow:  0px 4px 4px rgba(0, 0, 0, 0.25);
}


.imageServeice{
    position:relative;
   
width: 365px;
height: 243px;
margin-left: 5%;
margin-right: 5%;
margin-top: 5%;

background: url(.jpg), #D9D9D9;
}

.servicediv{
    position: relative;

background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
border-radius: 10px;
}


#btn_slide{
    border-radius: 15px;
}

.btn-hero {
    background: #2e3985;
    color: #fff;
    padding: 16px 40px;
    border-radius: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
 
}

.btn-hero:hover {
    background-color: #eceef8;
    color: rgba(10, 10, 10, 0.867);
}

.title_banner {
    font-size: 44px;
    font-weight: 900;
}

.title-banner_md  {
    font-size: 23px;
    font-weight: 500;
}



.section-1{
    width: 100%;
    height:10vh;
    background: url('images/dark-bg.jpeg') no-repeat ;
    background-size: cover;
    position: relative;
}

.banner1{
    width: 100%;
    position: absolute;
    top:20%;
    left:50%;
    transform: translate(-50%);
    text-align: center;
}

.banner-heading{
    margin-bottom: 4rem;
    height: 10rem;
    perspective: 50rem;
    overflow: hidden;
}

.banner-heading span {
    font-family:'Oswald',sans-serif ; 
    font-weight: 300;
    text-transform: uppercase;
    color: rgb(29, 1, 1);
    text-shadow: 0.3rem 0.3rem 0.6rem rgba(0,0,0,2);
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translateZ(8rem);
    opacity: 0;
    letter-spacing: 3rem;
}

.heading-1{
    animation: animateHeading 12s 3s infinite;
}
.heading-2{
    animation: animateHeading 12s 6s infinite;
}

.heading-3{
    animation: animateHeading 12s 9s infinite;
}
.heading-4{
    animation: animateHeading 12s 12s infinite;
}

@keyframes animateHeading{
    0% {
        transform: translateZ(8rem);
        opacity: 0;
        letter-spacing: 3rem;
      }
    
      3% {
        transform: translateZ(0);
        opacity: 1;
        letter-spacing: 1.5rem;
      }
    
      25% {
        transform: translateZ(0);
        opacity: 1;
        letter-spacing: 1.5rem;
      }
    
      28% {
        transform: translateZ(8rem);
        opacity: 0;
        letter-spacing: 3rem;
      }
    
      100% {
        transform: translateZ(8rem);
        opacity: 0;
        letter-spacing: 3rem;
      }
}

/* .banner-paragraph {
    font-size: 4rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    width: 30%;
    margin: 0 auto 6rem auto;
    padding: 1rem 0;
    box-shadow: 1rem 1rem 5rem rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    animation: fadeAnimation 1s 1.5s forwards;
  }
  
  @keyframes fadeAnimation {
    0% {
      opacity: 0;
      visibility: hidden;
    }
    100% {
      opacity: 1;
      visibility: visible;
    }
  }
  
  .banner-btn {
    width: 30rem;
    height: 6rem;
    background: linear-gradient(to right, #9b0e0e, #7a1010);
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    border-radius: 3rem;
    border: 0.1rem solid #800505;
    box-shadow: 1rem 2rem 3rem rgba(0, 0, 0, 0.5);
    text-shadow: 0.6rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    position: relative;
    overflow: hidden;
    animation: fadeAnimation 1s 2s forwards;
  }
  
  .banner-btn::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    position: absolute;
    top: 0;
    left: -100%;
    transform: skewX(-30deg);
    transition: left 0.5s;
  }
  
  .banner-btn:hover::before {
    left: 100%;
  }
   */

  
   .mainhome1{
    /* background-color: #2e3985; */
    position: relative;
   }


  
/* .mainhome1{
  color: #000000;
} */
.mainhome1::before{
  
    content: '';
    position: absolute;
    bottom: 12px;
    left:12px;
    width: 12px;
    height: 12px;
    border: 3px solid #3109d2;
    border-width: 0 0 3px 3px;
    opacity: 0;
    transition: all 0.3s;
}

.mainhome1:after{
  content: '';
  position: absolute;
  top: 12px;
  right:12px;
  width: 12px;
  height: 12px;
  border: 3px solid #5304d3;
  border-width: 3px 3px 0px 0px;
  opacity: 0;
  transition: all 0.3s;
  
}

.mainhome1:hover::before{
  opacity: 1;
  bottom: -8px;
  left: -8px;
 
}

.mainhome1:hover::after{
opacity: 1;
top: -8px;
right: -8px;

}

.mainhome1:hover{
   background-color: #3109d2; 
  color: white !important;  
  
  }





.services__content{
  border: none;
}

.services__item{
  position: relative;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
border-radius: 10px;
transition: all .4s;
}



.services__item:hover{
transform: scale(1.015);
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.8);
}

.btnisocertificate{
  position: fixed;
  bottom: 85px;
  }

  .newsfeed{
    background-color: #F7F7F7;
    padding: 50px 0 100px 0;
  }
  
  .isoservices{
    background-color: #F7F7F7;
    padding: 20px 0 20px 0;
  }


  .customer {
   
    background-color: #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.5rem;
    padding: .5rem;
    box-shadow: 1rem 1rem 2rem #ddd, -1rem -1rem 2rem #eee;
    transition: box-shadow 0.5s;
  }

  .customer:hover {
    box-shadow: 2rem 2rem 3rem #ddd, -2rem -2rem 3rem #eee;
  }
  
  .customer:first-child {
    align-self: flex-end;
  }
  
  .customer:last-child {
    align-self: flex-start;
  }
  
  .fa-quote-left {
    font-size: 1.5rem;
    color: #f08e0f;
  }
  
  .customer-text {
    font-size: 1.1rem;
    margin: 1.5rem 0;
    text-align: justify;
  }
  
  .customer-text::first-letter {
    margin-left: 1rem;
  }
  
  .customer-rating i {
    font-size: 2rem;
    color: #f08e0f;
  }
  
  .customer-img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    margin: 1rem 0;
    border-radius: 50%;
    border: 1px solid black;
  }
  
  .customer-name {
    font-size: 2rem;
    font-weight: 700;
  }
  
  #aboutSection{
    background-color: #F7F7F7;
  }


  .title_extra{
    color: #F7F7F7;
    font-weight: 400;
    text-shadow: 5px 5px rgb(15, 15, 16);


  }

  .homeslideback{
  
    /* background: linear-gradient(217deg, rgba(7, 7, 214, 0.8), rgba(255,0,0,0) 70.71%),            linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),            linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%); */
    margin: 0;
  }

  .sec-heading {
    margin-bottom: 5px;
}

.sec-heading h2 {
    text-align: center;
    font-family: allura;
    
}

.clients {
    padding: 10px;
    
}

.boxclient {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 60%;
    height: auto;
    transition: transform .5s ease-in;
    margin: 8px auto;
}

.boxclient img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.boxclient:hover {
    transform: scale(1.2);
}

.contacthead{
 box-shadow: 3px 3px rgba(6, 13, 216, 0.1);
}

.maindivrollingtext {
  box-shadow: 5px 5px #888888;
  background-color: rgb(63,55,95);
}

.rollingtextlink{
  font-size: 18px;
  font-family: "georgia";
  font-weight: bold;
  text-decoration: none;
  line-height: 150%;
  text-align: center;
  color: mintcream;
  letter-spacing: .5px;
}

.slide_img {
  width: 100%;
 
  border: 2px solid #000000;
}