#bg-img{
    height: 720px;
    animation: slideshow 10s infinite;
}

#innerbg-img{
    height:450px;    
  
}
 .bg1{
    background-image: url('./img/bg-main.jpg');
  background-size: cover;
}
 .bg2{
    background-image: url('./img/bg-2.jpg');
    background-size: cover;
}

 .bg3{
    background-image: url('./img/bg-4.jpg');
    background-size: cover;
}

.cta-sec{padding:0px 350px; color: #fff; font-size: 20px;}
.cta-sec h1{color: #fff; font-size: 30px;}


@keyframes slideshow{
    0%{
        background-image: url('img/bg-main.jpg');
        background-size: cover;
        color: white;
    }
    30%{
        background-image: url('img/bg-2.jpg');
        background-size: cover;
        color: white;
    }
    70%{
        background-image: url('img/bg-4.jpg');
        background-size: cover;
        color: white;
    }
    100%{
        background-image: url('img/bg-main.jpg');
        background-size: cover;
        color: white;
    }
 }
 .footer-section a{color:#fff; text-decoration: none;}

#title-full-1{
    line-height: 90px;
    font-size: 90px;
    position: relative;
    padding-top: 0px;

    animation: 2s slide-right 0s forwards;
      transform:translateX(-100%);
}
#title-full-2{
    line-height: 70px;
    font-size: 60px;
    animation: 2s slide-right 0.4s forwards;
      transform:translateX(-100%);
}
#title-full-3{
    font-size: 60px;
    line-height: 60px;
    animation: 2s slide-right 0.7s forwards;
      transform:translateX(-100%);
    
}
.slide-right {
    width: 100%;
    overflow: hidden;
  }
    #intro-left {
    animation: 2s slide-right 0s forwards;
      transform:translateX(-100%);
  }



  .slide-right {
    width: 100%;
    overflow: hidden;
  }


  #services-left {
    animation: 2s slide-right 0s forwards;
      transform:translateX(-100%);
  }


  #services-right{
    animation: 2s slide-right 0s forwards;
      transform:translateX(100%);
  }



  #intro-right{
    animation: 2s slide-right 0s forwards;
      transform:translateX(100%);
  }



ul.lst li{list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-left: 15px;}


ul.lst li::after{content: "\f14a";  font-family: FontAwesome; position: absolute; left: -20px; top: 0px; color: #075472; padding-left: 10px;}

.all-products-inner-box:hover ul.lst li::after
{
color: #fff;
}
#innerbg-img, #bg-img {

   margin-top: 105px;
  }
  #header {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 11111;
  }

  @keyframes slide-right {
    to {
      transform:translateX(0);
    }
}
#introduction, #services{
    margin-top: 60px;
}

#intro-title, #services-title{
    text-align: left;
    font-size: 50px;
    border-bottom: 5px solid var(--primary);
}

/* ALL SERVICES */
/* ALL SERVICES */

#all-products{  
    margin-top: 100px;
    /* border-top: 5px solid var(--primary); */
    /* position: relative; */
    }


.all-products-inner-box{
    height:max-content;
    margin: 10px 10px 10px 10px;
    border: 2px solid black;
    border-radius: 20px;
    transition: all 0.7s;
}


.all-products-inner-content-box{
    height: 300px;
    margin: 35px 35px;
    display: grid;
    grid-template-columns: 3fr 7fr;
}

#all-products-title{
    font-size: 40px;
    font-weight: 550;
    border-bottom: 5px solid var(--primary);
   padding-bottom: 15px;
}

.all-products-inner-content-txt h2{
    transition: all 0.7s;
}

.all-products-inner-box:hover{
    
    background-color: var(--primary);
    color: white;
}

.all-products-inner-box:hover .all-products-inner-content-img > img{
    
    height: 140px;
    width: 110px;
}

.all-products-inner-box:hover > .all-products-inner-content-box > .all-products-inner-content-txt > h2{
    color: white;
    
}
.all-products-inner-content-img{
display: flex;
align-items: center;
justify-content: center;
margin: 0px 1rem;
}
.all-products-inner-content-img > img{
    height: 130px;
    width: 100px;
    transition: all 0.3s;
}

/* MIYAWAKI VIDEO  */
/* MIYAWAKI VIDEO  */

#miyawaki-video{
    background-image: url(img/bg-secondary.jpg);
    transition: all 0.5s;
    height: 520px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* #miyawaki-video h1{
    font-size: 20px;
    transition: all 0.5s;
    color: white;
} */


/* #miyawaki-video:hover > h1{
    font-size: 25px;
} */


@media screen and (max-width:1250px) {

    .all-products-inner-content-box{
        margin: 30px 15px;
    }
    .all-products-inner-content-img>img{
        height: 110px;
        width: 80px;
    }

    #all-products-title{
        font-size: 35px;
    }
    #miyawaki-video{
        height: 420px;
    }
}

@media screen and (max-width:950px){
    .all-products-inner-content-box{
        grid-template-columns: 1fr;
    }
    .all-products-inner-content-img{
        display: none;
    }
    #miyawaki-video{
        height: 320px;
        /* margin-top: 50px; */
    }
    #miyawaki-video h1{
        font-size: 18px;
    }

    #miyawaki-video:hover > h1{
        font-size: 15px;
    }
    #title-full-1{
        line-height: 70px;
        font-size: 60px;
    }
    #title-full-2{
        line-height: 50px;
        font-size: 40px;
    }
    #title-full-3{
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (max-width:650px){


    .cta-sec {
        padding: 50px;
        color: #fff;
        font-size: 20px;
      }
    h2 {
        font-size: 18px;
        color: #075472;
        font-weight: 500;
    }

    .cnt-info .fa {
        font-size: 20px;
        margin-right: 10px;
        color: #075472;
    }

    #bg-img, #innerbg-img{
        height: 250px;
    }
    #all-products-title{
        font-size: 40px;
    }
    #all-products-content{
        display: block;
    }
    .all-products-inner-box{
        border: none;
    }
    .all-products-inner-content-box{
        margin: 20px 35px;
        height: max-content;
    }

    #products-inner-box-1, #products-inner-box-3{
        border-top: 2px solid black;
        border-left: 2px solid black;
        margin-bottom: 30px;
    
    }
    
    #products-inner-box-2, #products-inner-box-4{
        border-bottom: 2px solid black;
        border-right: 2px solid black;
        margin-bottom: 30px;
    }

    #miyawaki-video{
        height: auto;
    }
   

    #introduction, #services{
        display: block;
        margin: 20px 20px;
    }


    #intro-title{
        font-size: 24px !important;
        text-align: left;
        border-bottom: 2px solid #075472 !important;
    }
    #services-title{
        font-size: 24px !important;
        text-align: left;
        border-bottom: 2px solid #075472 !important;
    }

    #title-full-1{
        line-height: 60px;
        font-size: 55px;
    }
    #title-full-2{
        line-height: 50px;
        font-size: 40px;
    }
    #title-full-3{
        font-size: 40px;
        line-height: 40px;
    }
}
@media screen and (max-width:650px){
    
    #title-full-2 {
        line-height: 35px;
        font-size: 25px;
    }
}



.gen-para{color: #212529;}
.all-products-inner-content-box:hover .gen-para{color: #fff;}

.all-products-inner-content-box:hover .primary-font{color: #fff;}