/* Theme Name: Customtheme Author: Sreeja Author URI:  */
/***Home Page css***/




:root {
    --primary-color:#B02001;
    --second-color:#FFB800;
    --third-color:#ffffff;
    --forth-color:#2E2E2E;
    --fifth-color:#000;
    --decoration:none;
    --heading-color:var(--primary-color);
    --heading-font-weight:550;
    --heading-text-align:center;
    --heading-font:'Bungasai', sans-serif;

}






body{
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}



/* =====================  top bar ================================ */

.sticky {
    position: fixed;
    top: 0 !important;
    z-index: 99 !important;
    width: 100%;

}

.top-bar_header {
    background-color: var(--fifth-color);
    /* padding: 3px; */
}

.social-media{
    display:flex;
    justify-content: flex-start;
    padding-left:72px;

}
.social-media1 {
    display:flex;
    justify-content:flex-end;
    padding-right:72px;

}

.list {
    list-style:none;
    padding:8px;
    color: var(--third-color);
}
.anchor {
    color: var(--third-color);
}
.anchor:hover {
    color: var(--second-color);
}
.anchor1 {
    color: var(--second-color);
}
.anchor1:hover {
    color: var(--third-color);
}
a {
    text-decoration: var(--decoration);
}
.desktop {
    display:inline;
}
.mobile {
    display:none;
}





.navbar-light .navbar-nav .nav-link {
    color:var(--fifth-color);
    margin: 0px 10px !important;
    font-weight: 600 !important;
}
.top_nav_btn {
    text-align: center;
}
.nav_bar_top_strip {
    background-color: var(--third-color);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-weight: 500;
}
.navbar-nav {
    margin-left: 100px !important;
}
.navbar-brand {
    padding-left:24px;
}



.banner-image {
    width:100%;
    height:574px;
   background-image: url(/wp-content/uploads/2023/09/bannerimg.png);
   background-size: cover;
   background-position: center;
}




/*========================   about us ===========================*/

.about_us {
padding-top:50px;
}
.heading {
    font-family: var(--heading-font);
    text-align:center;
}
.ab {
    display:flex;
    flex-direction: row;
}
.dark {
    color:var(--primary-color);
}
.about-bg {
    width:100%;
    height:auto;
    background-color: var(--primary-color);
    padding:40px;
}
.matter {
    color:var(--third-color);
    font-size:15px;
    line-height:27px;
}


/*========================   about us ends ===========================*/




/*========================   Product category ===========================*/

.desktop-view  {
    display:block;
}

.mobile-view {
    display:none;
}
.pc-bg {
    width:100%;
    height:auto;
    background-image: url(/wp-content/uploads/2023/09/Group-24776.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:20px 0px;
}

.slick-dots {
    display:none !important;
}

.aigpl-img-count{
    display:none !important;
}
.aigpl-gallery-album-wrp .aigpl-img-wrp::after {
border-width: none !important;
bottom: -7px;
content: " ";
left: -7px;
position: absolute;
right: 11px;
top: 5px;
border-style: none  !important;
border-color: #fff !important;
z-index: -1;
}

.aigpl-gallery-album-wrp .aigpl-img-wrp {
border: none !important;
padding: 5px;
z-index: 1;
}
.aigpl-img-title{
    color:var(--fifth-color);
}



/* Animation */
@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7))}
}


/*  Styling  */
#logos-home-page .slider {
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#logos-home-page .slider:before,#logos-home-page .slider:after {
		/* background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); */
		content: "";
		height: 100px;
		position: absolute;
		width: 200px;
		z-index: 2;
        text-align:center;
	}
	
#logos-home-page .slider:after {
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}

#logos-home-page .slider:before {
		left: 0;
		top: 0;
	}
	#logos-home-page .slide-track {
		animation: scroll 40s linear infinite;
		display: flex;
		width: calc(250px * 14);
	}
	
#logos-home-page div.slide {
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.alignnone {
    width:100%;
   
}


.MultiCarousel {
    float: left;
    overflow: hidden;
    padding:0px 15px;
    width: 100%;
    position: relative;
  }

  .MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
  }

  .MultiCarousel .MultiCarousel-inner .item {
    float: left;
  }

  .MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    color: #666;
  }

  .MultiCarousel .leftLst,
  .MultiCarousel .rightLst {
    position: absolute;
    border-radius: 10%;
    top: calc(50% - 50px);
  }

  .MultiCarousel .leftLst {
    left: 0;
  }

  .MultiCarousel .rightLst {
    right: 0;
  }

  .MultiCarousel .leftLst.over,
  .MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
  }





/*========================   Product category ends ===========================*/



/*========================   mission and vision ===========================*/

.mv-bg {
    width:100%;
    height:auto;
    background-image: url(/wp-content/uploads/2023/09/mission-vission-bg-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:20px;
}

.card {
    width:100%;
    height:420px;
    padding:10px;
    background-color: #ffffffee;
}

.card1 {
    width:100%;
    height:420px;
    padding:10px;
    background-color: #b02101ef;
}

.yel {
    color: var(--second-color);
}

/*========================   mission and vision ends ===========================*/


/*========================  our leader ===========================*/

.leader-bg {
    width:100%;
    height:auto;
    background-image: url(/wp-content/uploads/2023/09/our-leader-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:20px 20px 20px 20px;
}

.lk {
    display:flex;
    align-items: flex-end;
}

.quote {
    width:100%;
    height:auto;
    padding:30px;
    background-color: var(--primary-color);
    display:flex;
    flex-direction: column;
    align-items: flex-end;
}

.quotation {
    color:var(--third-color);
    line-height:27px;
    font-size:15px;

}

.leader-name {
    color:white;
    padding-top:20px;
}

.ldk {
  
}

/*========================  our leader ends ===========================*/


/*========================  why choose us ===========================*/

.choose-us-bg {
    width:100%;
    height:auto;
    padding:20px;
}



/*========================  why choose us ends ===========================*/




/*========================  awards ===========================*/

.awards-bg {

    width:100%;
    height:auto;
    background-image: url(/wp-content/uploads/2023/09/awards-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:20px;
}


.tech-slideshow {
    height: 400px;
    /* max-width: 80%; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }
 
  
  .tech-slideshow > div {
    height: 200px;
    width: 2526px;
    /* background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/collage.jpg); */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: translate3d(0, 0, 0);
  }
  .tech-slideshow .mover-1 {
    animation: moveSlideshow 30s linear infinite;
  }
 
  .tech-slideshow:hover .mover-2 {
    opacity: 1;
  }
  
  @keyframes moveSlideshow {
    100% { 
      transform: translateX(-66.6666%);  
    }
  }


/*========================  awards ends ===========================*/


/*========================  blog ===========================*/

.blog-bg {
    width:100%;
    height:auto;
padding:20px;
}

.card2 {
    width:100%;
    height:auto;
    background-color: #2E2E2E;
    border-radius:10px;
}

.btn {
  margin-top:20px;
    background-color: var(--primary-color);
    color:var(--third-color);
    font-weight: 500;
}

.btn:hover {
    background-color: var(--second-color);
    color:var(--fifth-color);
    font-weight: 500;
}
.btn1 {
  
      background-color: var(--second-color);
      color:var(--fifth-color);
      font-weight: 550;
      padding:8px 48px;
      border-radius:5px;
      border: 0cm;
  }
  
  .btn1:hover {
      background-color: var(--third-color);
      color:var(--fifth-color);
    
  }



/*========================  blog ends ===========================*/



/*========================  contact ===========================*/


.contact-section {
    width:100%;
    height:auto;
        background-image: url(/wp-content/uploads/2023/09/Rectangle-66vcv0.png);
        background-position:center;
        background-size: cover;
        padding:20px;
}
/* .contact-bg {
    width:100%;
    height:342px;
    /* background-image: url(/wp-content/uploads/2023/09/Rectangle-660.png); 
  
} */


.contact-form {
    width:100%;
    height:auto;
    background-color: var(--primary-color);
    padding:10px;
}

.contact-form {
    margin-top:10px;
    padding:20px;

}

.iii {
    display:flex;
    flex-direction: row;
    align-items: center;
}
.contact-details {
  color:white;
    padding:20px;
}
.anchor3 {
    color:var(--fifth-color);
}
.anchor3:hover {
    color:var(--primary-color);
}
#wpforms-62-field_0-container,#wpforms-62-field_1-container,#wpforms-62-field_2-container,#wpforms-62-field_3-container
{
 
    padding:8px 0px;
}
#wpforms-62-field_0,#wpforms-62-field_1,#wpforms-62-field_2,#wpforms-62-field_3 {
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255);
}




 .wpforms-container ::placeholder {
    color: #ffffff !important;
   
 }

 #wpforms-submit-62 {
    background-color: var(--third-color);
    color:var(--fifth-color);
 }

 #wpforms-submit-62:hover {
    background-color: var(--second-color);
    color:var(--fifth-color);
 }

/*========================  contact ends  ===========================*/



/*========================  newsletter  ===========================*/

.newsletter-bg {
    width:100%;
    height:auto;
    text-align:center;
    padding:20px;
    background-color: var(--primary-color);
}

#fname {
    width:25%;
    padding:5px;
    background-color: var(--third-color);
}


/*========================  newsletter ends ===========================*/


/*========================  footer ===========================*/


.footer-bg {
    width:100%; 
    height:auto;
    background-image: url(/wp-content/uploads/2023/09/footer-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:20px;
}

.logo1 {
    width:50%;
}
.matter1 {
    color:var(--third-color);
    font-size:15px;
   
}

.kkk{

}

.jjj {
    display:flex;
    align-items: baseline;
}

.copyrights {
    background-color: var(--primary-color);
    color:var(--third-color);
}



/*========================  footer ends ===========================*/




/*========================  mobile view ===========================*/


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

    .top-bar_header {
        background-color: var(--second-color);
        padding:0px;
      
    }

 .list {
   
        padding:3px 8px;
    
    }

    /*
    .anchor{
       
        color: var(--fifth-color);
    }
    .anchor:hover{
       
        color: var(--primary-color);
    } */
    .sticky {
        position: initial;
        /* top: 0 !important; */
        z-index: 99 !important;
        width: 100%;
    
    }
    #menu-header_menu {
        margin-left: 0px !important;
    }
    .desktop {
        display:none;
    }
    .mobile {
        display:inline-flex;
        justify-content:flex-end;
    }
    .social-media1 {
        display:flex;
        justify-content:flex-end;
        padding-right:0px;
    }
    .social-media{
       
        padding-left:0px;
    
    }
    .logo {
        width:60%;
    }
    .nav_bar_top_strip {
        background-color: #ffffff !important;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        font-weight: 500;
    }
    .navbar-brand {
        padding-left: 16px;
    }


    /*=============== banner image ====================*/

    .banner-image {
        width:100%;
        height:158px;
    
    }
    

   /*======================== about us ===========================*/ 

   .ab {

    /* flex-direction: column-reverse; */
}
.about_us {
    padding-top: 10px;
}
.about-bg {
  
    padding: 25px;
}

.desktop-view  {
    display:none;
}

.mobile-view {
    display:block;
}

.card,.card1 {
    width: 100%;
    height: auto;
   
}
.awards-bg {
    
   padding: 5px;
}
.mv-bg {
    width: 100%;
    background-image: url(/wp-content/uploads/2023/09/mission-vission-bg-1.png);
    background-position: right;
    background-size: cover;
    padding: 10px;
}

.blog-bg {
 
    padding: 10px;
}

.iii {
    flex-direction: column-reverse;
}

.contact-form {
    margin-top: 0px;
  
}

.contact-section {
    width: 100%;
    height: auto;
}
#fname {
    width: 100%;
    padding: 5px;
}
.kkk{
  
}
.quote{
    align-items: flex-start;
}
.contact-bg {

    padding:0px;
}
.contact-details {
  
    padding:20px 0px;
}

}




/*======================== tab view ===========================*/

@media screen and (min-width:768px) and (max-width:1023px) {
    .banner-image {
        width:100%;
        height:354px;
    
    }
    

    #menu-header_menu {
        margin-left: 0px !important;
    }

    .desktop {
        display:none;
    }
    .mobile {
        display:inline-flex;
        justify-content:flex-end;
    }

    .card,.card1 {
        width: 100%;
        height: auto;
       
    }
    .lk {
        text-align: center;
    }
    .card{
        height:auto;
      }
      .iii {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .contact-section {
        width: 100%;
        height:auto;
    }
}



@media screen and (min-width:1024px){
    
    .card,.card1{
       
      }
      .ldk {
        text-align:center;
      }
      .iii {
  
      }
     
      .blog-bg {
  
    padding:20px 0px;
    }
    .contact-section{
        display:flex;

    }
    .contact-details {
   
    }
  
    
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .card,.card1{
       width:100%;
       height:480px !important;
    }

}