/* styles.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,700;9..40,800;9..40,900;9..40,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

body{overflow-x: hidden;box-sizing: border-box;}
/*****************************NAV BAR********************************/
header nav{background-color: 
rgba(0, 52, 102, 1);padding: 1%;}
header nav .cntbtn button{border: none;background-color: #FFB629;color: white;font-size: 12px;
padding: 10px 30px;border-radius: 16px;border-bottom-left-radius: 0;
background-image: url('img/headphone.png');background-repeat: no-repeat;background-position: 12% 50%;
background-size: 16%;}
/*header .navbar-nav{width: -webkit-fill-available;}*/
header nav .navbar-brand{padding:0px;width:39px;height:35px;}
header nav .navbar-brand img{width: 100%;height: 100%;}
header .nav-link,header .headlogo{color: white;font-family: 'Poppins', sans-serif;font-size: 12px;font-weight:500;}
header .nav-item:hover{background-color:#FFB629;border-radius:16px;border-bottom-left-radius: 0px;
}
 .active1{background-color:#FFB629;border-radius:16px;border-bottom-left-radius: 0px;
}
header nav nav-item a:hover,header nav nav-item a {text-decoration: none;color: white;}
header nav .headlogo{margin-right:2%;}
header nav .headlogo img{width:15px;height: 10px;margin-right: 5px;}
header .nav-item{padding-left: 2%;padding-right: 2%;text-wrap: nowrap;}
header .tophead{display: none;background-color: #003466;font-size:14px;color: white;padding:1% 1%;text-align: center;}
header .tophead a{text-decoration: none;color: white;font-size: 9px;font-family: 'Inter', sans-serif;}
header .tophead a img{width: 15px;height: 20px;margin-right: 5px;}
header .headicons{margin: 0;display: inline-flex;list-style-type: none;padding-right:3%;}
header .headicons li{margin-right: 5px;}
header .tophead .headicons img{width: 16px;height: 14px;margin-right: 5px;}
/**************************CATEGORY TOP SECTION**************************/
.container-fluid{padding: 0px}
.categorypage{font-family: 'Poppins', sans-serif;font-weight:600;font-size: 30px;}
.categorypage .top-section{background-image: url('img/categorytop.png');background-size: 100% 100%;background-repeat: no-repeat;
height:120px;text-align:-webkit-center;display: flex;align-items: center;margin-bottom:5%;}
.categorypage P{color: white;text-transform: uppercase;width: 100%;margin: 0;}
/**********************EXPLORE SECTION***************************/
.categorypage .explore-catesec .gallery-sec .imgcontent img{width: 100%;height: 135px;position: relative;}
	.categorypage .explore-catesec .gallery-sec .imgcontent{position: relative;height: 135px;margin-bottom: 7%;
	font-family: 'DM Sans', sans-serif;}

	.categorypage .explore-catesec .gallery-sec{margin-bottom: 7%;}
	.categorypage .assurance-sec{margin-bottom: 5%;}
.categorypage .explore-catesec h1,.aboutuspage .kbass-section h1
.categorypage .assurance-sec h1,.aboutuspage .aboutmeetimg h1,.project-gallery h1,
.whatdo-section h1,.clientsay-section h1,.aboutuspage .quality-section h1,
.hmecontact h1,.our-client h1,.slidesec-heading h1,.ourworkheading,
.servicepage .product-info h1{text-align: center;font-family: 'Merriweather', serif;
	color: #003466;font-weight:700;margin-bottom: 2%;}
.categorypage .explore-catesec h1 span,.categorypage .assurance-sec h1 span,.whatdo-section h1 span,
.hmecontact h1 span,.our-client h1 span,.slidesec-heading h1 span,.aboutuspage .quality-section h1 span,
.clientsay-section h1 span,.ourworkheading span,.aboutuspage .aboutmeetimg h1 span,
.project-gallery h1 span,.servicepage .product-info h1 span,
.aboutuspage .kbass-section h1 span{color: #FFB629;}
.categorypage .explore-catesec p,.categorypage .assurance-sec p,.hmecontact p,
.aboutuspage .aboutmeetimg p,.project-gallery p{color: rgba(0, 52, 102, 0.4);font-size: 17px;text-align: center;text-transform: none;
font-family: 'DM Sans', sans-serif;font-weight: 400;margin-bottom:10%;}
.categorypage .assurance-sec p{padding:1% 2%;}
.categorypage .explore-catesec .gallery-sec .col-md-3{position: relative;}
.categorypage .explore-catesec .gallery-sec .overlay{  position: absolute;width: 100%;
	height: 100%; -webkit-transition: .3s ease;transition: .3s ease;padding: 6%;top: 0;}
.categorypage .explore-catesec .gallery-sec .overlay h3{font-size: 20px;bottom: 6%;position: absolute;font-weight: 600;color: white;}	
/***************************ASSURE CONTENT*********************/
.categorypage .assurcontent{text-align: center;font-family: 'DM Sans', sans-serif;}
.categorypage .assurcontent .imgsec{height: 120px;}
.categorypage .assurcontent .imgsec img{width: 80px;height: 80px;}
.categorypage .assurcontent .content h2{color: #003466;font-weight:700;font-size:27px;padding: 2% 7%;}
/********************C0NTACT SECTION********************************/
.hmecontact .contactform input,.form-control,textarea{color: #ADABC3;font-size: 15px;font-weight: 400;
	border-radius: 30px;height:60px;background: #F9F9FF;border: none;
		padding:20px 30px;margin-bottom:5%;}
.hmecontact .contactform textarea{height:155px;padding-left: 30px;background-color: #F9F9FF;
	color:#ADABC3;	border: none;margin-bottom: 5px;}
	.hmecontact .contactform button:hover {opacity: 0.8;}
.hmecontact .contactform button{background-image: 
	linear-gradient(to right, #FFB629,#FFDA56,#FFD7A6); color: white;text-align: center;height: 60px;
		font-size: 16px;font-weight: 700;border-radius: 39px;padding: 0 25px;letter-spacing: 0.05em;}

.hmecontact p,.hmecontact h1{text-align: left !important;}
.hmecontact p{color: #959595 !important;}
.contactsec .mapmaindiv{background-image: url('img/contactback.png');background-repeat: no-repeat;
	background-size: 50% 100%;padding:13% 0%;}
.contactsec .mapsubdiv{text-align: center;}
.hmecontact h4{color: rgba(255, 218, 86, 1);font-size: 18px;}
.footer .footertop{min-height: 200px;}
.footer .footertop ul{margin: 0;list-style-type: none;}
.footer .footertop ul li{padding: 4% 4%;font-size: 16px;font-weight:400;
	font-family: 'Poppins', sans-serif;color:white;float: left;display: inline;}
  .footer .footertop ul li a{text-decoration: none;color: white;}
  .footercolor{color: white;text-decoration: none;}
  .footer .footertop ul li a:hover{color: #FFB629;}
.footer{background-color: #2B2D38;overflow-x: hidden;padding-left:7%;padding-right: 3%;padding-top:3%;position: relative;}
.footer .footertop img{width: 100px;height: 100px;}
.footer .address{display: flex;margin-bottom: 15%;}
.footer .addressmarge{margin-bottom: 22%;}
.footer .address .content p{text-transform: none;font-size: 18px;font-weight: 300;color: white;font-family: 'DM Sans', sans-serif;}
.footer .address .icon img{width:45px;height: 45px;margin-right:15px;}
.footer .copysection{text-transform: none;color: #767494;font-size:15px;
	font-weight: 300;text-align: center;margin-bottom: 2%;}
	.footer .footicons{    margin: 0;display: inline-flex; list-style-type: none;}
	.footer .footicons img{width: 35px; height: 35px;margin-right: 10px;}
	/****************************HOMEPAGE BANNERSECTION****************/
	.homepage .bannersection{height:500px;overflow: hidden;background-color: #2B2D38;padding-left: 7%;
     background-image: url('img/bannerback.png');background-repeat: no-repeat;margin-bottom: 5%;
     background-size:100% 100%;}
     .homepage .bannersection h1{font-size:49px;margin-bottom: 7%;font-family: 'Merriweather', serif;
     	padding-top: 18%;font-weight:700;color: white;}
    .homepage .bannersection p{font-size:15px;font-weight: 400;font-family: 'Poppins', sans-serif;
    	color: white;padding-right:30%;padding-top:2%;padding-bottom: 2%;}
    	.homepage .bannersection button{border: none; color: white;background:#FFB629;font-size:15px;
    	border-radius: 16px;border-bottom-left-radius:0px;padding:10px 40px;margin-right:10px;}
     .homepage .bannersection h1 span{color:#FFB629;}
     .homepage .bannersection p a{color: white;font-size: 15px;}
        /*******************OUR CLIENTS*******************/
   .ourclientspara{text-align: center;color: rgba(0, 52, 102, 0.42);
;font-size: 17px;text-align: center;text-transform: none;
font-family: 'DM Sans', sans-serif;font-weight: 400;margin-bottom:1%;}
 .ourclientspara1{text-align: center;color: rgba(0, 52, 102, 0.42);
;font-size: 17px;text-align: center;text-transform: none;
font-family: 'DM Sans', sans-serif;font-weight: 400;margin-bottom:1%;display: none;}
/********************CAROUSEL SLIDER**************/

 .slidersection .center{position: relative;}
.slidersection .center div{ margin:0px;padding: 7px;position: relative;}
    .slick-slide img{width: 100%;height:auto;position: relative;overflow: hidden;}
    .slick-list{padding: 0px;}
     .slick-next{background-image: url('img/homesliderrarrow.png');width: 80px;height: 80px;background-size: 100%;right: -40px;background-repeat: no-repeat;z-index: 1;opacity:0.5;}
         .slick-prev{background-image: url('img/leftdark.svg');width: 80px;height: 80px;background-size: 100%;left: -40px;background-repeat: no-repeat;
          z-index: 1;opacity: 0.5;}
          .slick-prev:before, .slick-next:before{opacity: 0;content: '';}
         .slick-prev:hover, .slick-prev:focus{background-image: url('img/leftdark.svg');background-size: 100%;width: 80px;height: 80px;background-repeat: no-repeat;left: -40px;opacity: 1;

          }
          .slick-next:hover, .slick-next:focus{background-image: url('img/homesliderrarrow.png'); background-size: 100%;width: 80px;height: 80px;background-repeat: no-repeat;right: -40px;opacity: 1;

          }
          .slidersection .center .slidercaption{position: absolute;bottom:7%;padding: 10px;max-width: 100%;height:auto;}
          .slidercaption h5{font-size: 16px;color: white;font-weight: 500;margin: 0;font-family: 'Rubik', sans-serif;padding-left: 5px;}
          .slidercaption p{color: #FFB629;font-size: 13px;font-weight: 400;font-family: 'Rubik', sans-serif;margin: 2px 5px;}
          .slidersection{
            padding-left:4%;padding-right:7%;background-image: url('img/slideback.png');background-repeat: no-repeat;background-size:100% 64%;
            background-position: bottom;margin-top: 7%;margin-bottom: 5%;
          }
          .slidersection .sliderbtn,.gallery-container .sliderbtn{text-align: center;padding: 2% 3% 3% 3%;margin: 0;}
          .slidersection .sliderbtn button,.gallery-container .sliderbtn button{border: none;text-align: center;padding:2% 5%;background-color:#003466;border-radius:50px;color:white;font-size: 15px; }

/***************HOME PAGE GALLERY SECTION****************************/
  .gallery-container{
      width: 100%;
      min-height:700px;
    /*  display: flex;*/
      /*align-items: center;*/
      justify-content: center;
      padding: 5% 8%;
    }
    .gallery{
/*display: grid;*/
     /* grid-template-columns: repeat(auto-fit,minmax(258px,1fr));*/
     /* grid-gap: 30px;*/
    }
    .gallery img{
      width: 100%;
   
      position: relative;
    }
   
    .gallery .col-sm-4{padding: 5px;}
    .lb-data .lb-close{background-image: url('images/close.png');}
    .lb-nav a.lb-prev,.lb-nav a.lb-prev{background-image: url('images/prev.png');opacity: 1;display: block !important;}
    .lb-nav a.lb-next{background-image: url('images/next.png');opacity: 1;display: block !important;}
    .lb-container,.lb-outerContainer{border-radius:50px;background: transparent;}
    .lightbox .lb-image{border: none;}

    .overlay1,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
   margin-bottom: 5%;
  border-radius: 25px;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#FFB629;
}

.cont1:hover .overlay1 ,.cont2:hover .overlay2,.cont3:hover .overlay3,
.cont4:hover .overlay4,.cont5:hover .overlay5,.cont6:hover .overlay6{
  opacity: 0.6;
}
.gallery .cont1,.gallery .cont2,.gallery .cont3,.gallery .cont4,.gallery .cont5,
.gallery .cont6{position: relative;height: auto;   margin-bottom: 5%;}

.gallery-container .gallery .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
 width: 15px;
 height: 15px;
  text-align: center;
}
.gallery-container .gallery .text img{width: 25px;height: 25px;}

/*****************HOME PAGE WHAT WE DO SECTION*********************/
.whatdo-section .whatcard img{width: 75px;height: 75px;}
.whatdo-section .centerimg{height: 100%; display:flex;align-items: center;}
.whatdo-section .centerimg img{width: 100%;  animation-duration: 3s;
  /* animation-iteration-count: 3; */
  animation-iteration-count: 1;
  animation-timing-function: 20s linear;}
  .whatdo-section h1{font-size: 50px;margin-bottom: 5%;}
.whatdo-section .whatcard h2{color: #003466;font-size: 23px;font-weight: 700;font-family: 'Merriweather', serif;
margin-bottom:6%;margin-top:5%;}
.whatdo-section .whatcard p{color: rgba(0, 52, 102, 0.63);font-size:15px;font-weight: 700;
}
.whatdo-section .whatcard{min-height:350px;}
.grow {
  animation-name: grow;
}

@keyframes grow {
  from {
    width: 10%;
    height: 10%;
  }

  to {
    width: 100%;
    height: 100%;
  }
}
/******************HOME PAGE OUR RESULT******************/
.homepage .ourresult h1{color: white;margin-bottom: 8%;}
.homepage .ourresult h1 span{color: rgba(255, 182, 41, 1);}
.homepage .ourresult{min-height:525px;margin-bottom: 5%;background-color: rgba(0, 52, 102, 1);padding:5%;text-align: center;}
.homepage .ourresult .resultcontent{text-align: center;font-family: 'DM Sans', sans-serif;}
.homepage .ourresult .resultcontent h1{font-weight:700;font-size:35px;color: white;margin-top: 8%;}
.homepage .ourresult .resultcontent p{font-weight: 700;font-size:21px;color: white;}
.homepage .ourresult .resultcontent h1 span{color: rgba(255, 182, 41, 1);font-size: 33px;}
/**********************HOME NEW PRODUCT*****************/
.product-anisection .imagesection .imgbox{width:25%;position: absolute;}
.product-anisection h1{color: #003466;font-size: 50px;font-weight: 700;font-family: 'Merriweather', serif;
margin-bottom:5%;margin-top:5%;padding-top: 6%;line-height: 1.2;}
.product-anisection h1 span{color: #FFB629;}
.product-anisection{margin-top: 10%;margin-bottom: 5%;}
.product-anisection button{border: none;background:none;color: 
rgba(0, 52, 102, 1);font-size:15px;padding:5px 25px;font-weight: bold;}
.product-anisection button img{width: 12px;height: 10px;margin-left: 10px;}
.product-anisection p{color: rgba(71, 85, 105, 1);font-size: 19px;font-weight: 400;width: 80%;}
.product-anisection .imagesection .imgbox img{width:100%;}
.product-anisection .imagesection{min-height: 500px;padding-top: 10%;padding-bottom:10% ;position: relative;}
/**********************HOME PAGE CLIENT SAY SECTION******************/
.clientsay-section{min-height:500px;width: 100%;margin-bottom:6%;}
.clientsay-section .carou-img{width: 25%;margin:auto;height:auto;}
.clientsay-section .carousel-item .carou-logo img{width: 50px;height: 50px;margin-right:10px;}
.clientsay-section .carou-img img{width: 100%;}
.clientsay-section .carousel-item .carou-logo .caroucontent h5{margin: 0px;padding: 0px;}
.clientsay-section .carousel-item{text-align: center;}
.clientsay-section .carousel-item .carou-logo .caroucontent p{padding:0px;white-space: nowrap;margin: 0px;font-weight: 400;font-size: 15px;}
.clientsay-section .carousel-item .carou-logo{min-height:50px;margin-right:10px;display: inline-flex;align-items: center;}
.clientsay-section .carousel-item p{font-size: 21px;color: rgba(0, 52, 102, 1);width: 70%;margin: auto;
	font-weight: 700;font-family: 'DM Sans', sans-serif;padding-bottom: 5%;padding-top:5%;}

/**************************ABOUT US CERTIFICATE IMAGE*************/
.aboutuspage .quality-section{margin-top:10%;margin-bottom:10%;}
.aboutuspage .quality-section h1{margin-bottom: 7%;}
.aboutuspage .quality-section .certify-content img{width:120px;height: 120px;margin-bottom:40px;}
.aboutuspage .quality-section .certify-image img{width: 90%;}
.aboutuspage .quality-section .certify-content p,.certify-content ul{color: rgba(0, 52, 102, 0.56);font-weight: 400;font-size: 22px;line-height:2.3;margin-top: 3%;}
.aboutuspage .quality-section .certify-content h2{color: rgba(0, 52, 102, 1);font-weight:700;font-size:25px;line-height: 1.4;}
.aboutuspage .quality-section .certify-content{  font-family: 'Poppins', sans-serif;}
/********************ABOUR US PAGE ACCORDION SECTION***************/
 .aboutuspage .accordion-button::after {
   
       background-image: url('img/accordionplus.png');
    }
   .aboutuspage .accordion-button:not(.collapsed)::after {
     background-image: url('img/accordionclose.png');

    }
    .aboutuspage .accordion-button:not(.collapsed){
      background-color: white;
      box-shadow: none;
    }
    .aboutuspage .freqaskheading h1{font-size: 35px;font-weight: 700;font-family: 'DM Sans', sans-serif;
    	color: #003466;text-align: center;width: 100%;margin-bottom: 2%;}
    .aboutuspage .freqaskheading h1 span{color:#FFB629;}
    .aboutuspage .freqaskheading p{color: #707282;font-family: 'DM Sans', sans-serif;font-weight: 400;margin-bottom:5%;text-align: center;}
    .aboutuspage .accordion{margin-bottom: 8%;}

    .aboutuspage .accordion-header button{font-size: 20px;color: #003466;font-weight: 700;font-family: 'DM Sans', sans-serif;min-height: 100px;padding-left: 0px;padding-right: 0px;}
    .aboutuspage .accordion-item{border: 1px solid #D4D2E3;border-left: 0px;border-right: 0px;}
    .acoordborder{border:none !important;border-left: none!important;border-right:none!important;}
    .aboutuspage .accordion .card-body{color: #707282;font-size:18px;font-family: 'DM Sans', sans-serif;font-weight: 400;}
      footer{overflow-x: hidden;}
    /**************TOP SECTION******************/
    .aboutuspage .top-section{background-image: url('img/abouttopback.png');background-size: 100% 100%;background-repeat: no-repeat;
height:120px;text-align:-webkit-center;display: flex;align-items: center;margin-bottom:5%;}
.aboutuspage .top-section p{    font-family: 'Poppins', sans-serif; font-weight: 600;
    font-size: 30px; color: white;text-transform: uppercase; width: 100%; margin: 0;}
/**************************SERVICE PAGE**********************************/
.servicepage .servicehead img {width: 35px;margin-right:3%;height: 38px;}
.servicepage .servicehead a{color: rgba(0, 52, 102, 1);font-weight: 500;font-size: 25px;
text-decoration: none;display: flex;padding: 3% 0%;}
.servicepage .servicecontent p{color:rgba(123, 123, 123, 1);font-weight: 500;
	font-size: 21px;}
.servicepage .servicecontent h4{font-weight:700;margin-bottom:5%;}
.servicepage .servicecontent h3{font-size: 33px;padding-top:14%;margin-bottom: 0;}
.servicepage .servicecontent span{color: rgba(255, 182, 41, 1);font-weight: 500;font-size: 25px;
padding-bottom: 10px;}

/************************ABOUTUS VISION SECTION,MISSION SECTION********************/
    .aboutuspage .visionsection,.aboutuspage .misionsection {
       padding-top: 2%;
       margin-bottom:8%;
        display: flex;
        align-items: center;
    }
   .aboutuspage .visionsection .visioncontent h5,
   .aboutuspage .misionsection .misioncontent h5
{    color: rgba(255, 182, 41, 1);margin-bottom: 0px;
    font-size: 35px;
}
.aboutuspage .misionsection .misioncontent h3,
 .aboutuspage .visionsection .visioncontent h3{
  color: rgba(0, 52, 102, 1);
  font-size:50px;margin-bottom:6%;
  font-weight: 700;
 }

    .visionimage,.misionimage{width: 85%;height: 100%;display: flex;align-items: center;}
    .visionimage img,.misionimage img{width: 100%;}

    .aboutuspage .visionsection .visioncontent,.aboutuspage .misionsection .misioncontent {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center; /* Vertically center align content */
    }
    .aboutuspage .misioncontent p,.aboutuspage .visioncontent p{
    	font-size: 20px;color:rgba(0, 0, 0, 1);font-weight:400;font-family: 'Poppins', sans-serif;
    line-height: 2.3;}
    .aboutuspage .visionsection .container,.aboutuspage .misionsection .container{
    padding-right: 5%;margin-right: 0px;margin-left: 8%;}

/************************SERVICES PAGE TOP SECTION*******************************/
 .servicepage .top-section{background-image: url('img/servicetop.png');background-size: 100% 100%;background-repeat: no-repeat;
height:120px;text-align:-webkit-center;display: flex;align-items: center;margin-bottom:5%;}
.servicepage .top-section p{    font-family: 'Poppins', sans-serif; font-weight: 600;
    font-size: 30px; color: white;text-transform: uppercase; width: 100%; margin: 0;}
    /*********************SERVICE ACCORDION*************************************/
    .servicepage .accordion-button::after {
   
       background-image: url('img/accordionplus.png');
    }
    .servicepage .accordion-button:not(.collapsed)::after {
     background-image: url('img/accordionclose.png');
 }


    .servicepage .accordion-button:not(.collapsed){
      background-color: white;
      box-shadow: none;
    }
.technologypage{overflow-x: hidden !important;}
    .servicepage .freqaskheading h1{font-size: 35px;font-weight: 700;nt-family: 'Rubik', sans-serif;
    	color: #003466;text-align: center;width: 100%;margin-bottom: 2%;}
    .servicepage .freqaskheading h1 span{color:#FFB629;}
    .servicepage .accordion button{padding-left: 0px;padding-right: 0px;}
    .servicepage .freqaskheading p{color: #707282;font-family: 'DM Sans', sans-serif;font-weight: 400;margin-bottom:5%;text-align: center;}
    .servicepage .aboutuspage .accordion{margin-bottom: 5%;}
    .servicepage .accordion-header button h1,.servicepage .accordion .card-body h1{font-size: 25px;color: #003466;font-weight:600;
    	font-family: 'Rubik', sans-serif;height:auto;padding-left: 0px;padding-right: 0px;
    	margin-bottom: 0px;padding-top:10px;}
    .servicepage .accordion-item{border:1px solid #D4D2E3;border-left: 0px;border-right: 0px;}
    .servicepage .accordion-header button p{font-weight:500;color: #BABABA;font-size: 20px;margin-bottom:0px;}
    .servicepage .accordion .card-body{color: #707282;font-size:15px;font-family: 'DM Sans', sans-serif;font-weight: 400;}
  .servicepage .accordion .card-body img{width: 100%;height: auto;margin-top: 2%;margin-bottom: 4%;}
  .servicepage .accordion .card-body p{font-weight:600;color: #BABABA;font-size: 20px;margin-bottom:5%;margin-top:5px;}
/****************ABOUT MEET BOARD MEMBERS*****************/
.aboutmeetimg .col-md-3{padding:0px 1%;position: relative;}
.aboutuspage .aboutmeetimg{margin-bottom:10%;}
.aboutmeetimg p{margin-top:3%;margin-bottom: 5%;}
.aboutmeetimg h3{font-weight: 500;font-size: 13px;font-family: 'DM Sans', sans-serif;}
.aboutmeetimg .meetperson,.aboutmeetimg .meetperson1,.aboutmeetimg .meetperson2,
.aboutmeetimg .meetperson3{height: 450px;position: relative;}
.aboutmeetimg .meetperson img,.aboutmeetimg .meetperson1 img,
.aboutmeetimg .meetperson2 img,
.aboutmeetimg .meetperson3 img{width: 100%;height: 100%;
	display: block;position: relative;}
.aboutuspage .aboutmeetimg .col-md-4{padding: 0px;}
.aboutmeetimg .personcontent{position: absolute;top:40%;color: 
	white;text-align:left; width: 100%;text-align: center;font-family: 'DM Sans', sans-serif;}
	.aboutuspage .aboutmeetimg .personcontent h1{color: white;font-size:25px;font-family: 'DM Sans', sans-serif;}
.aboutpage .aboutmeetimg{margin-bottom: 4%;}
.meetperson .overlay,.meetperson1 .overlay9,.meetperson2 .overlay10{

   position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(179,114,41,0.5); 
display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;

}
 
 .meetperson :hover + .overlay{
    	
    display: block !important;
  
    }
.meetperson1 :hover + .overlay9{
    	
    display: block !important;
  
    }

.meetperson2 :hover + .overlay10{
    	
    display: block !important;
  
    }
    /*******************TECHNOLOGY PAGE*******************************/
    .technologypage .top-section{background-image: url('techimg/techtop.png');background-size: 100% 100%;background-repeat: no-repeat;
height:120px;text-align:-webkit-center;display: flex;align-items: center;margin-bottom:8%;}
.technologypage .top-section P{font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: white;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
}
.technologypage .corevalue .corepoints{min-height: 50px;display: flex;
	align-items: center;margin-bottom: 10%;}
.technologypage .coreprocess img,.technologypage .corevalue img,.aboutuspage .coreprocess img{width: 100%;}
.technologypage .coreprocess h1,.technologypage .coreprocess h2,
.technologypage .corevalue h1,.aboutuspage .coreprocess h1,.aboutuspage .coreprocess h2{font-family: 'Merriweather', serif;
font-weight: 700;color: rgba(0, 52, 102, 1);margin-bottom: 6%;}
.technologypage .coreprocess p,.aboutuspage .coreprocess p{color: rgba(141, 139, 167, 1);	font-family: 'DM Sans', sans-serif;font-weight: 600;
font-size: 20px;padding-left: 16%;margin-bottom: 5%;}
.technologypage .coreprocess h1,.technologypage .corevalue h1,
.aboutuspage .coreprocess h1{font-size: 55px;}
.technologypage .coreprocess h2,.aboutuspage .coreprocess h2{font-size: 35px;margin-bottom: 2%;}
.technologypage .coreprocess h2 span,.aboutuspage .coreprocess h2 span,
.technologypage .corevalue .corepoints .number{color: rgba(255, 182, 41, 1);font-size: 50px;font-weight: 700;
padding-right: 5%;font-family: 'Merriweather', serif;}
.technologypage .corevalue .corepoints .content{  color: rgba(0, 52, 102, 1);

    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;}
    .technologypage .coretech h3{font-weight: 700;font-family: 'Merriweather', serif;
    	color: rgba(0, 0, 0, 1);font-size: 20px;}
 .technologypage .coretech h5{color: rgba(0, 52, 102, 1);font-weight: 700;font-size: 25px;
 font-family: 'Merriweather', serif;margin-bottom: 5%;}
.technologypage .coreprocess h5 span,.technologypage .corevalue h5 span,
.aboutuspage .coreprocess h5 span{color:rgba(255, 182, 41, 1);font-size:35px; }
.technologypage .coreprocess,.aboutuspage .coreprocess{margin-bottom: 2%;}
.aboutuspage .coreprocess{margin-top: 15%;}
.technologypage .corevalue{margin-bottom: 10%;}
.technologypage .coretech img{width: 100%;}
.technologypage .coretech{text-align: -webkit-center;}
.technologypage .macinery p{color:rgba(164, 164, 164, 1);font-weight: 400;font-size: 18px; 
text-align: -webkit-center;margin-bottom: 8%;}
.technologypage .coretech h1 span,.technologypage .macinery h1 span{color: rgba(255, 182, 41, 1); }
.technologypage .macinery h1{margin-bottom:2% !important;}
.technologypage .coretech h1,.technologypage .macinery h1{font-size: 35px;color: rgba(0, 52, 102, 1);font-weight: 700;
font-family: 'Merriweather', serif;margin-bottom:8%;text-align: -webkit-center;}
.technologypage .coretech .techresize img{width: 90%;transition: transform .2s;}
.technologypage .coretech img{transition: transform .2s;}
.technologypage .macinery .mach_galery img{transition: transform .2s;}
.technologypage .macinery .mach_galery img:hover{transform: scale(0.95);}
.technologypage .coretech img:hover{transform: scale(1.1);}
.technologypage .coretech .techresize img:hover{cursor: pointer;transform: scale(1.1);}
 


.technologypage .coretech .logoimg{width:150px;height:140px;margin-bottom: 2%;}
.technologypage .tech-simg{width: 100%;height: 500px;border-radius:15px;
	text-align: -webkit-center;position: relative;margin-top:10%;margin-bottom: 10%;}
.technologypage .tech-simg p{position: absolute;top:45%;font-family: 'Merriweather', serif;font-size: 40px;
font-weight: 700;color: white;width: 100%;}
.technologypage .macinery{margin-bottom: 10%;}
.technologypage .tech-simg img{width: 100%;height: 100%;text-align: -webkit-center;}
.technologypage .macinery .mach_galery{height: 420px;position:relative;width: 100%;margin-bottom: 3%;}
.technologypage .macinery .mach_galery h2{color: white;font-size: 28px;width: 80%;padding-left: 5%;font-weight: 600;
position: absolute;font-family: 'Poppins', sans-serif;}
.technologypage .macinery .mach_galery img{width: 100%;height: 100%;}


/*******************MODAL POPUP*******************/
.modal-body .tech-popup .macinecontent h2{font-size: 25px;font-weight: 700;font-family: 'Poppins', sans-serif;
color: rgba(0, 52, 102, 1);text-align: left;line-height: 1.5;}
.modal-body .tech-popup .macinecontent h5{color: rgba(0, 52, 102, 1);font-weight: 400;font-size: 12px;
text-align: left;font-family: 'DM Sans', sans-serif;padding-bottom: 2%;line-height: 1.8;}
.modal-body .tech-popup .macinecontent h4{color: rgba(0, 52, 102, 1);font-weight: 700;font-size: 12px;
text-align: left;font-family: 'DM Sans', sans-serif;padding-bottom: 2%;line-height: 1.5;padding-top: 5%;}
.modal-body .tech-popup h1{color: rgba(0, 52, 102, 1);
    	font-weight: 700;font-size: 35px;font-family: 'Merriweather', serif;
    	margin-bottom: 5%;}
   .modal-body .tech-popup h1 span{color: #FFB629; }
   .modal-body .tech-popup{padding-bottom: 10%;}

   .modal-body .tech-popup p{margin-left: 0px;margin-right: 0px;width: 100%;font-size: 15px;margin-bottom:7%;}
    /******************PROJECT TABS***************************/
    .project-tabs .nav-tabs .nav-item{padding-right: 3%;}
    .servicepage .project-tabs .nav-tabs .nav-item{padding-left:1%;padding-right: 1%;}
     .project-tabs .nav-tabs .nav-item.show .nav-link,
      .project-tabs .nav-tabs .nav-link:hover,
    .project-tabs .nav-tabs .nav-link.active
    {border-bottom: 5px solid rgba(255, 182, 41, 1);border-top:0px;border-left: 0px;
    	border-right: 0px;min-height: 50px;}
    	.projectpage .project-tabs .tab-content .procontent{padding-left: 5%;}
    .projectpage .project-tabs .tab-content .procontent h1{color: rgba(0, 52, 102, 1);
    	font-weight: 700;font-size: 40px;font-family: 'Merriweather', serif;padding-left:10%;
    	margin-bottom: 5%;}
    	.project-tabs .tab-content .procontent h1 span{color: #FFB629;
    	font-weight: 700;font-size: 40px;font-family: 'Merriweather', serif;}
    .projectpage .project-tabs .tab-content .pro-box h5{color: rgba(0, 52, 102, 1);
    	font-weight: 700;font-size: 25px;}
    .projectpage .project-tabs .tab-content .pro-box img{width: 50px;height: 50px;margin-bottom: 5px;}
    .projectpage .project-tabs .tab-content .pro-box{border: 1px solid rgba(204, 204, 204, 1);
   font-family: 'Merriweather', serif;padding:3% 5% 5% 5%;border-radius:20px;
   word-wrap: break-word;margin-bottom:13%;
    }
    .projectpage .project-tabs .tab-content .procontent ul li img{
    	/*list-style-image: url(img/tick1.png);*/
    	width: 30px;height: 30px;
    
    	margin-right: 10px;
    }
    .projectpage .project-tabs .tab-content .procontent ul li{padding:1.2% 5%;display: flex;}
   .projectpage .project-tabs .tab-content .procontent ul{list-style-type: none;color:#003466;	font-weight: 400;font-size: 25px;
   	font-family: 'DM Sans', sans-serif;}
    .projectpage .project-tabs .tab-content{padding-top:7%;padding-bottom:3%;}
    .projectpage .project-tabs .tab-content .pro-box h4{color: rgba(0, 52, 102, 1);
    	font-weight: 700;font-size: 45px;margin:0px; text-align: right;margin-top: 7px;}
   .projectpage .project-tabs .tab-content .pro-box span{color: rgba(255, 182, 41, 1);}
        .project-tabs .nav-tabs{border-bottom: 2px solid rgba(220, 220, 220, 1);
        	border-top: 0px;}
   
  .projectpage .pro-contact button{border: none; color: white;background:#003466;
  	font-size:17px;	border-radius: 50px;padding:2.2% 9%;font-weight: 700;	font-family: 'DM Sans', sans-serif;}
.projectpage .pro-contact{background-color:#fff3db;padding:5% 11%;border-radius: 25px;
text-align: center;margin-bottom: 12%;}
.projectpage .pro-contact h3{color:#003466;font-size: 45px;font-weight: 700;
   	font-family: 'DM Sans', sans-serif;margin-bottom: 5%; }
.projectpage .pro-contact h3 span{color: #FFB629;font-size: 45px;font-weight: 700;
   	font-family: 'DM Sans', sans-serif;}

   	/**************PROJECT NO OF RESULT********************/

   	.projectpage .ourresult h1{color: white;margin-bottom:2%;}
   	.projectpage .ourresult h1 span{color: rgba(255, 182, 41, 1);}
   	.projectpage .ourresult h5{color: rgba(0, 52, 102, 0.39);font-weight: 400;font-size:18px;
   		width: 100%;}
.projectpage .ourresult{min-height:300px;margin-bottom: 5%;padding:5%;text-align: center;}
.projectpage .ourresult .resultcontent{text-align: center;font-family: 'DM Sans', sans-serif;}
.projectpage .ourresult .resultcontent h1{font-weight:700;font-size: 60px;color:#003466;margin-top: 3%;}
.projectpage .ourresult .resultcontent p{font-weight: 400;font-size:30px;color:
rgba(0, 52, 102, 1);}
.projectpage .ourresult .resultcontent h1 span,.aboutuspage .plant-section h1 span
{color: rgba(255, 182, 41, 1);font-size:50px;}
 /**********************ABOUT US KBASSOCIATESECTION****************/
 .aboutuspage .kbass-section{text-align: center;padding-left: 10%;padding-right: 10%;}
 .aboutuspage .kbass-section h1,.aboutuspage .plant-section h1{font-weight: bold;font-size:48px;font-family: 'Merriweather', serif;
 	margin-bottom:6%;}
 .aboutuspage .kbass-section .kbass-icon{width:80px;height:90px;margin-bottom:3%;}
 .aboutuspage .kbass-section .kbass-icon img{width: 100%;}
 .aboutuspage .kbass-section .kbass-content p{color: rgba(0, 0, 0, 1);font-weight: 400;font-size: 23px;
 	}
 	.aboutuspage .kbass-section .kbass-content{text-align: -webkit-center;margin-bottom: 20%;}
/******************ABOUT US PLANT SECTION*****************/
.aboutuspage .plant-section .plant-content h1{color: rgba(0, 52, 102, 1);font-weight:700;font-family: 'DM Sans', sans-serif;
font-size: 40px;margin-bottom: 3%;}
.aboutuspage .plant-section .plant-content h5{color: rgba(0, 52, 102, 1);font-weight: 700;font-size: 25px;margin-bottom: 0px;}
.aboutuspage .plant-section .plant-content h1 span{color: rgba(255, 182, 41, 1);}
.aboutuspage .plant-img{width: 100%;padding:10%;position: relative;display: flex;align-items: center;
margin-top: -30%;height: 100%;}
.aboutuspage .plant-section .plant-content img{width:60px;height:60px;margin-bottom:3%;}
.aboutuspage .plant-img img{width: 100%;}
.aboutuspage .plant-section{margin-bottom:5%;}
.aboutuspage .plant-content {margin-bottom: 12%;}
.aboutuspage .freqaskheading h4{text-align: center;color:rgba(141, 139, 167, 1);font-weight: 700;
font-size:18px;margin-bottom: 10px; }

.aboutuspage .plant-section .plant-content p{font-size: 20px;margin-top:4%;color: rgba(0, 52, 102, 0.64);font-weight: 400;}
/************************PROJECT PAGE GALLERY*************/
.projectpage .project-gallery .gallery-image{
	width: 100%;height:230px;position: relative;margin-bottom: 7%; transition: transform .2s;}
 .projectpage .project-gallery .gallery-image:hover{transform: scale(1.1);}
 .aboutuspage .plant-section .plant-content img{transition: transform .2s;}
 .aboutuspage .plant-section .plant-content img:hover{transform:scale(1.2);}
.projectpage .project-gallery .gallery-image img{width: 100%;height:100%; }
.projectpage .project-gallery .gallery-content{position: absolute;padding:7% 5%;width: 100%;
  top:35%;color:white;font-family: 'DM Sans', sans-serif;text-align: -webkit-center;}
.projectpage .project-gallery .gallery-content h1{font-weight: 500;font-family: 'DM Sans', sans-serif;
	font-weight: 600;font-size:26px;color: white;text-align:center;}
	.project-gallery{margin-bottom: 5%;padding-left:20%;padding-right: 20%;}


.servicepage .project-tabs li a{display: flex;}
.servicepage .project-tabs .nav-item .nav-link{color: rgba(0, 52, 102, 1);font-weight:700;
font-family: 'DM Sans', sans-serif;font-size: 19px;min-height:80px;display: flex;
align-items: center;}
.servicepage .mobproject-tabs .nav-item .nav-link{color: rgba(0, 52, 102, 1);font-weight:700;
font-family: 'DM Sans', sans-serif;font-size: 19px;min-height:80px;
align-items: center;text-align: center;line-height:0;width:70%;margin: auto;
}
.servicepage .mobproject-tabs .nav-item .nav-link img{margin-right:2%;}
.servicepage .project-tabs li a img{width: 35px;height: 45px;margin-right: 20px;}

.servicepage .project-tabs .tab-content .proimages img{width: 75%;height: 100%;margin: auto;}
.servicepage .project-tabs .tab-content .proimages{height: 700px;position: relative;}
.servicepage .project-tabs .tab-content .proimages .dot,.servicepage .project-tabs .tab-content .proimages .dot1,
.servicepage .project-tabs .tab-content .proimages .dot2,.servicepage .project-tabs .tab-content .proimages .dot3,
.servicepage .project-tabs .tab-content .proimages .dot4,.servicepage .project-tabs .tab-content .proimages .dot5{position: absolute;width: 45px;height: 45px;cursor: pointer;}
.servicepage .project-tabs .tab-content .proimages .dot img,
.servicepage .project-tabs .tab-content .proimages .dot1 img,
.servicepage .project-tabs .tab-content .proimages .dot2 img,
.servicepage .project-tabs .tab-content .proimages .dot3 img,
.servicepage .project-tabs .tab-content .proimages .dot4 img,
.servicepage .project-tabs .tab-content .proimages .dot5 img{width: 100%;height: 100%;}
.servicepage .dotover,.servicepage .dot1over,.servicepage .dot2over,
.servicepage .dot3over,.servicepage .dot4over,.servicepage .dot5over
{position: absolute;display: none;cursor: pointer;}
.servicepage .project-tabs .tab-content .proimages .dotover img,
.servicepage .project-tabs .tab-content .proimages .dot1over img,
.servicepage .project-tabs .tab-content .proimages .dot2over img,
.servicepage .project-tabs .tab-content .proimages .dot3over img,
.servicepage .project-tabs .tab-content .proimages .dot4over img,
.servicepage .project-tabs .tab-content .proimages .dot5over img
{width: 100%;height: 100%;}
.servicepage .project-tabs .tab-content .proimages .dot:hover + .dotover {
  /* Add your styles for the .dot element when hovered */
  display:block !important;
}
.servicepage .project-tabs .tab-content .proimages .dot1:hover + .dot1over {
  /* Add your styles for the .dot element when hovered */
  display:block !important;
}
.servicepage .project-tabs .tab-content .proimages .dot2:hover + .dot2over {
  /* Add your styles for the .dot element when hovered */
  display:block !important;
}
.servicepage .project-tabs .tab-content .proimages .dot3:hover + .dot3over {
  /* Add your styles for the .dot element when hovered */
  display:block !important;
}
.servicepage .project-tabs .tab-content .proimages .dot4:hover + .dot4over {
  /* Add your styles for the .dot element when hovered */
  display:block !important;
}
.servicepage .project-tabs .tab-content .proimages .dot5:hover + .dot5over {
  /* Add your styles for the .dot element when hovered */
  display:block !important;
}
.servicepage .product-info .proinfoimg img{width: 100%;height: 100%;}
.servicepage .product-info .proinfocontent h2{color: rgba(0, 52, 102, 1);font-size: 39px;font-weight: 700;
font-family: 'DM Sans', sans-serif;}
.servicepage .product-info .proinfocontent p{color: rgba(181, 181, 181, 1);font-size: 21px;
font-family: 'DM Sans', sans-serif;font-weight: 500;}
.servicepage .product-info .proinfocontent{padding-left: 3%;margin-bottom:25%;}
.servicepage .product-info .proinfocontent h5{color: rgba(158, 158, 158, 1);
font-size: 18px;margin-bottom: 5%;}
  .homepage{overflow-x: hidden;}

.servicepage .project-tabs .esbtn{width: 100%;border: 1px solid rgba(186, 186, 186, 1);
  border-radius: 45px;background-color: white;padding:15px 5px;margin-bottom: 5%;
  color: rgba(0, 0, 0, 1);font-weight:600;
font-family: 'DM Sans', sans-serif;}
.servicepage .project-head h2{    /* text-align: center; */
    font-size: 40px;
    text-align: -webkit-center;
    color: #003466;
    font-weight: 700;
    margin-bottom: 2%;
}
.ourclientspara1{display: none;}
.servicepage .project-head h2 span{color: #FFB629;}
.servicepage .project-head p{    font-size: 17px;
    text-align: center;
    color: rgba(9, 18, 66, 0.39);
    text-transform: none;
    font-family: 'DM Sans', sans-serif;
    /* font-weight: 400; */
    margin-bottom: 13%;}

.footeracolor {
  color:#FFB629 !important; /* Set your desired text color for footer menu items */
}

    .metropage  .gallerytop-section,.gallerytop-section{background-image: url('metroimage/metrotop.png');background-size: 100% 100%;background-repeat: no-repeat;
height:120px;text-align:-webkit-center;display: flex;align-items: center;margin-bottom:1%;}
.metropage .gallerytop-section p,.gallerytop-section p{    font-family: 'Poppins', sans-serif; font-weight: 600;
    font-size: 30px; color: white;text-transform: uppercase; width: 100%; margin: 0;}
    .metropage .metro-gallery{padding: 4%;}
    .metropage .metro-gallery .col-sm-3{padding-right: 0;}
    .metropage .metro-gallery .gallery-box img{width: 100%;height: auto;}
    .metropage .metro-gallery .gallery-box{border: 1px solid rgba(160, 154, 154, 1);border-radius: 16px;
      overflow: hidden;margin-bottom:10px;}
    .metropage .metro-gallery .gallery-content{background-color: rgba(244, 250, 255, 1);padding:10px 10px 0px 10px;
      min-height: 137px;}
    .metropage .metro-gallery .gallery-content h1{color: rgba(0, 0, 0, 1);font-weight: 700;font-size: 23px;}
    .metropage .metro-gallery .gallery-content p{color: rgba(0, 0, 0, 1);font-weight:500;font-size: 15px;}
.aboutuspage{overflow-x: hidden;}
.projectpage .project-gallery .gallery-content a{text-decoration: none;}
.gallery-slider .carousel-caption{
  background-color: rgba(0, 0, 0, 0.24);
  width: 50%;
  border-radius:15px;
  position: absolute;
  bottom:2%;
  left: 0%;
  text-transform: uppercase;
  padding:3% 6%;
  text-align: left;

}

.gallery-slider .carousel-caption h1{
  font-size: 25px;
  line-height: 1.5;
}
.gallery-slider .carousel-control-next-icon{
background-image: url('galleryimage/rightarrow.png');
width: 40px;height: 40px;right: -2%;position: absolute;
}
.gallery-slider .carousel-control-prev-icon{
  background-image: url('galleryimage/leftarrow.png');
  width: 40px;height: 40px;left: -2%;position: absolute;
}
.gallery-slider{margin-bottom: 10%;margin-top:5%;}
.gallery-slider h2{font-size: 35px;
    color: rgba(0, 52, 102, 1);
    font-weight: 700;
    font-family: 'Merriweather', serif;
    margin-bottom: 5%;
    text-align: -webkit-center;}
    .gallery-slider h2 span{color:#FFB629;}
    header .navbar-toggler-icon{
      background-image: url('img/bar.png');
    }
.mobproject-tabs li{width: 100%;border-bottom: 1px solid rgba(212, 210, 227, 1);}
  .mobproject-tabs .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link.active{background: rgba(255, 182, 41, 0.27);border: none;}
  .mobproject-tabs .nav-tabs .nav-item.show .nav-link,
   .nav-tabs .nav-link.active .nav-item{background: rgba(255, 182, 41, 0.27);}
   .mobproject-tabs .details .imginfo h4{    color: rgba(0, 52, 102, 1);
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
    font-size: 19px;margin-bottom: 1px;
   
    }
    .mobproject-tabs .details .imginfo h5{color: rgba(158, 158, 158, 1);font-size: 9px;}
    .mobproject-tabs .details .imginfo p{color: rgba(181, 181, 181, 1);font-size: 11px;
      margin-bottom: 0;line-height: 1.7;font-weight: 400;font-family:'DM Sans';text-align: left;}
    .mobproject-tabs .details .imginfo{border: 1px solid rgba(235, 235, 235, 1);margin-bottom: 2%;
      border-radius: 15px;padding:1%;min-height: 170px;display:flex;align-items: center;}
    .mobproject-tabs .details .imginfo img{width:auto;height: auto;}
    .mobproject-tabs .details .infoimg{text-align: center;}
    .mobproject-tabs .details{padding: 5%;}
    .mobproject-tabs .details h2{    font-family: 'Merriweather', serif;
    color: #003466;
    font-weight: 700;
    margin-bottom:7%;text-align: center;}
    .mobproject-tabs ul{border-bottom: none;padding: 0px;}
.mobproject-tabs .details h2 span{color: #FFB629;}
.servicepage .mobproject-tabs{display: none;margin-bottom: 15%;}
    .mobproject-tabs .details .content{height: 100%;display: flex;flex-direction: column;justify-content: center;}
/******************media query***************/

@media screen and (max-width: 1200px) and (min-width: 992px)
{
  header .headicons{padding-left: 0px;padding-right:0px;}
}


@media screen and (max-width: 991px){
.headlogo{margin-right: 1% !important;}
header .headicons{padding-right: 1%;padding-left: 1%;}
.hmecontact .contactform button{margin-top:2%;width: 100%;}
header .navbar{padding-left: 1% !important;padding-right: 1% !important;} 
.footer .footertop ul li{padding:2% 4%;}
header .nav-link, header .headlogo{font-size: 10px;}
.aboutuspage .quality-section .certify-content h2{font-size:18px;}
.aboutuspage .quality-section .certify-content img{width: 100%;height: 80%;}
 .hmecontact h4{font-size: 12px;}
  .hmecontact h1{font-size: 18px;}
  .hmecontact p{font-size: 14px;}
.hmecontact{margin-bottom: 5%;}
.homepage .bannersection h1{font-size: 35px;}
header .nav-item{padding: 0px;}
header .nav-link, header .headlogo{text-align: center;}
.homepage .bannersection{padding-left:4%;}
  .projectpage .ourresult .resultcontent h1,.projectpage .ourresult .resultcontent h1 span, .aboutuspage .plant-section h1 span{font-size:25px !important;}
  .projectpage .ourresult .resultcontent p{font-size: 20px;}
  .metropage .metro-gallery .gallery-content h1{font-size:20px;}
  .aboutuspage .visionsection .container, .aboutuspage .misionsection .container{padding-right: 0px;}
  .aboutuspage .misioncontent p, .aboutuspage .visioncontent p{font-size:18px;line-height:2;}
}
@media screen and (max-width: 768px){
  .homepage .bannersection .col-sm-6{width: 100%;}
  .technologypage .corevalue .col-md-6{width: 80%;margin: auto;}
  .technologypage .coretech .logoimg,.technologypage .macinery .mach_galery{width: auto;height: auto;}
  .technologypage .coretech h3,.technologypage .macinery .mach_galery h2{font-size:9px;}
	nav .navbar-brand{display: block;}
  .modal-open{width: 85% !important;}
  .whatdo-section .centerimg img{animation: none !important;}
  .whatdo-section .animate__fadeInLeft,
  .whatdo-section .animate__fadeInLeft1, 
  .whatdo-section .animate__fadeInLeft2,
  .whatdo-section .animate__fadeInRight,
  .whatdo-section .animate__fadeInRight1, 
  .whatdo-section .animate__fadeInRight2
  {opacity: 1 !important;animation: none !important;}
  .servicepage .project-tabs{display: none;}
 .technologypage .corevalue .col-md-5{width: 100%;}
  .servicepage .mobproject-tabs{display: block !important;}
  .product-anisection .imagesection{min-height: 300px;}
  .servicepage .project-head h2{font-size: 20px;}
  .servicepage .project-head p{font-size:12px;}
  .servicepage .container{padding-left: 2%;padding-right: 2% !important;}
  .product-anisection h1,.clientsay-section .carousel-item p{font-size: 15px;}
  .product-anisection p{font-size: 9px;}
  .homepage .ourresult{min-height: 300px;}
  .gallery-container{min-height: 400px;}
  .modal-body .tech-popup .macinecontent h5{font-size: 10px !important;}
  .technologypage .tech-simg{height: auto;}
	.navbar-collapse{text-align: center;margin-top: 2%;}
  .homepage .ourresult h1{font-size: 25px;}
  .homepage .ourresult .resultcontent p{font-size: 15px;}
  .modal-body .tech-popup .macinecontent h4{font-size: 15px !important;}
  .modal-body .macinecontent h3{position: relative !important;font-size: 15px !important;margin-top: 2%;}
	.headlogo{display: none;}
.technologypage .tech-simg p{font-size:15px;}
	.nav-item{margin-bottom: 2%;}
  .slider, .slider1{display: none;}
  .ourclientspara{display: none;}
  .slider3 .slide img{width: 100%;height: 80%;}
  .ourclientspara1{display: block;margin-bottom:10%;}
    .modal-body .tech-popup h1,.modal-body .tech-popup .macinecontent h2
    {font-size:12px;}
  
  .technologypage .corevalue .row{flex-direction: column-reverse;}
  .technologypage .corevalue h1,.technologypage .coretech h1, .technologypage .macinery h1{font-size: 25px;}
  .technologypage .corevalue .corepoints .content,.technologypage .corevalue h5 span{font-size: 18px;}
  .technologypage .corevalue .corepoints .number{font-size: 30px;}
  .projectpage .ourresult .resultcontent h1,.projectpage .ourresult .resultcontent h1 span, .aboutuspage .plant-section h1 span{font-size:15px !important;}
  .projectpage .ourresult .resultcontent p{font-size: 15px;}
  .projectpage .pro-contact h3,.projectpage .pro-contact h3 span{font-size:25px;}
  .projectpage .project-gallery .gallery-image{width: auto;height: auto;}
  .projectpage .project-gallery .gallery-content h1{font-size: 15px;}
  .metropage .metro-gallery .gallery-content h1{font-size:15px;}
  .metropage .metro-gallery .gallery-content p{font-size: 9px;}
  .metropage .metro-gallery .gallery-content{min-height: 100px !important;}
  .metropage .metro-gallery .col-sm-3{padding: 3px;}
  .homepage .bannersection p{padding-right: 0px;}
  .project-gallery{padding: 0;}
  .metro-popup #demo{height:300px;}
.footer .address{margin-bottom:5%;}
footer .footiconcenter{text-align: center;}
.hmecontact h4,.hmecontact h1{text-align:-webkit-center !important;}
.hmecontact{margin-top: 5%;margin-bottom: 5%;}
  footer .footertop .col-md-1{position: absolute;left: 85%;top:3%;}
  .homepage .bannersection{padding: 7%;margin: 5%;text-align: center;border-radius:15px;}
.aboutuspage .kbass-section .kbass-icon{width: 50px;height: 50px;}
  /*****************GALLERYPAGE**************/
  .gallery-slider .carousel-caption h1{font-size:13px;}
  .gallery-slider .carousel-control-next-icon,.gallery-slider .carousel-control-prev-icon{width: 30px;height: 30px;}
  .gallery-slider h2{font-size: 20px;}
    .whatcardanimation{text-align:-webkit-center ;}
  .visionsection .row{flex-direction: column-reverse;}
  .coreprocess .row{flex-direction: column-reverse;}
  .aboutuspage .quality-section .certify-image{width: 70%;margin: auto;margin-bottom: 5%;}
  .aboutuspage .quality-section .certify-content .col-md-3{width: 25%;}
  .aboutuspage .quality-section .certify-content .col-md-6{width: 75%;}
  .aboutuspage .quality-section .certify-content img{width: 100%;height: auto;}
  .aboutuspage .quality-section .certify-content h2,.aboutuspage .kbass-section h1, 
  .aboutuspage .plant-section h1{font-size: 20px;}
  .aboutuspage .quality-section .certify-content p, .certify-content ul{font-size: 15px;}
 .aboutuspage .kbass-section .col-md-4{width: 32%;}
 .aboutuspage .kbass-section .kbass-content p{font-size: 9px;font-weight:'DM Sans';}
 .aboutuspage .plant-section .plant-content p{font-size: 9px;}

  .aboutuspage .plant-section .plant-content h1,
  .aboutuspage .plant-section .plant-content h5
  {font-size: 15px;}
}
@media screen and (max-width: 576px){
  body{box-sizing: border-box;overflow-x: hidden !important;}
  .technologypage{overflow-x: hidden;}
  .aboutuspage .plant-img{margin-top: 0%;left: 20%;}
  .aboutuspage .plant-img img{width: 50%;}
  .aboutuspage .plant-content{text-align: center !important;}
  .aboutuspage .plant-section .plant-content h1,.aboutuspage .plant-section .plant-content h5
  {font-size: 15px;}
  .servicepage .mobproject-tabs .nav-item .nav-link{width: 100%;font-size: 10px;}
  .mobproject-tabs .details .imginfo img{width: 100%;}
  .aboutuspage .plant-section .plant-content p{font-size: 10px;}
  .aboutuspage .misioncontent p, .aboutuspage .visioncontent p{font-size:16px;line-height:2;}
  .aboutuspage .visionsection .visioncontent h5, 
  .aboutuspage .misionsection .misioncontent h5{font-size:20px;}
  .aboutuspage .coreprocess p{font-size: 15px;}
  .aboutuspage .misionsection .misioncontent h3,
   .aboutuspage .visionsection .visioncontent h3 , .aboutuspage .coreprocess h1{font-size: 25px;}
  .technologypage .coreprocess h2, .aboutuspage .coreprocess h2{font-size: 18px;}
  .aboutuspage .coreprocess h2 span{font-size: 20px;}
   .mobproject-tabs .details .imginfo .col-sm-4{width: 25%;}
   .mobproject-tabs .details{padding: 2%;}
   .mobproject-tabs .details .imginfo{min-height: 150px;}
      .mobproject-tabs .details .imginfo .col-sm-8{width:75%;}
      .mobproject-tabs .details .imginfo h4{font-size:11px;}
  .mobproject-tabs .details .imginfo p{line-height: normal;font-size: 9px;}
.mobproject-tabs .details .infoimg{display: flex;height: 100%;align-items: center;}
  .homepage{overflow-x: hidden;}
  .gallery-container{min-height: 300px;}
	.footer .footertop ul li{padding:2% 2%;}
  .resultcontent{text-align: center !important;margin-top:15%;}
  .projectpage .ourresult h5{width: 100%;}
  .slidercaption h5{font-size:12px;}
  .modal-open{width: 95% !important;}
  .homepage .bannersection button{font-size:9px;padding: 5px 10px;}
  .homepage .bannersection p a{font-size: 10px;}
  .homepage .bannersection p a img{width: 15px;}
  .product-anisection{text-align: center;}
  .clientsay-section{min-height: 300px !important;}
  .product-anisection p{width: 100%;font-size: 13px;padding: 1% 2%;}
  .product-anisection .imagesection{min-height:280px !important;margin-top:10%;}
  .product-anisection button{border: 1px solid gray;width:80%;padding:5%;border-radius:25px;}
  .product-anisection button img{display: none;}
  .homepage .bannersection{padding:20% 7%;}
  .homepage .bannersection h1{margin-bottom:10%;}
  .clientsay-section h1{font-size: 20px;}
  .clientsay-section .carousel-item p{font-size: 9px;}
  .clientsay-section .carousel-item .carou-logo img{width:30px;height:30px;}
  .clientsay-section .carousel-item .carou-logo .caroucontent h5{font-size: 15px;}
  .clientsay-section .carousel-item .carou-logo .caroucontent p{font-size: 9px;}
  .slick-next:hover, .slick-next:focus,.slick-next{width: 40px;height: 40px;right: -20px;}
  .slick-prev:hover, .slick-prev:focus,.slick-prev{width: 40px;height: 40px;left:-8px;}
  .product-anisection .row{flex-direction: column-reverse;}
  .product-anisection h1{font-size:20px;}
  .homepage .bannersection{height: 400px;margin-bottom: 15%;}
  .homepage .bannersection p{margin-bottom: 15%;}
  .ourclientspara{font-size: 13px;padding: 1% 2%;}
  .whatcardanimation{text-align:-webkit-center ;}

  .whatdo-section .whatcard h2,.homepage .ourresult h1,.homepage .ourresult .resultcontent p{font-size: 15px;}
  .homepage .ourresult .resultcontent img{display: none;}
  .whatdo-section h1{font-size:25px;margin-bottom:15%;}
  .our-client h1{font-size: 25px;}
  .projectpage .resultimg{display: none;}

  .projectpage .project-gallery .gallery-image{height: 150px;}
  .projectpage .pro-contact{width: 94%;margin: auto;}
  .metro-popup #demo{height:250px;}
  .project-gallery{margin-top: 10%;}
  .modal-body .singlerow{width: 30%;text-align:-webkit-center;}
  .modal-body .singlerow .iconimg img{width: 100%;}
  .metropage .gallerytop-section p, .gallerytop-section p{font-size: 15px;}
  .projectpage .pro-contact h3, .projectpage .pro-contact h3 span,.projectpage .pro-contact button{font-size: 15px;}
  .modal-body .tech-popup h1,.modal-body .tech-popup .macinecontent h2{font-size:12px;}
  .footer .footertop img{width: 45px !important;height: 45px !important;}
	.homepage .bannersection h1,.modal-body .metro-popup h2,
  .gallerytop-section p,.technologypage .top-section P,.metropage .gallerytop-section p,
   .gallerytop-section p{font-size:15px !important;}
  .modal-body .metro-popup h5{font-size: 12px !important;}
  .modal-body .metro-popup p{width:100% !important;font-size: 12px !important;}
	.homepage .bannersection p{font-size:10px;}
  header .headicons{margin-bottom:5%;}
  .hmecontact h4,.technologypage .tech-simg p,.technologypage .macinery p{font-size: 10px;}
  .hmecontact h1{font-size: 15px;}
   footer .footertop .col-md-1{position: absolute;left: 78%;top:3%;}
 .technologypage .corevalue .corepoints .content{font-size: 12px;}
 .technologypage .coretech h1, .technologypage .macinery h1{font-size:15px;}
 .technologypage .coretech .techresize img{width:70%;height: auto;margin:auto;padding-bottom: 15%;}
 .technologypage .coretech h5{font-size: 15px;margin-top: 4%;margin-bottom: 7%;}
 .technologypage .coretech .logoimg{width:auto;height: auto;margin-bottom:0;}
 .technologypage .coretech img{width: 50%;}
 .hmecontact p{text-align: center !important;font-size:8px;}
.technologypage .coretech h3{font-size:10px;margin-bottom: 16%;}
.technologypage .corevalue{margin-bottom: 15%;}
.technologypage .tech-simg{height:auto;}
.technologypage .macinery .mach_galery{height: auto;margin-bottom: 5%;}
  .hmecontact{padding: 8%;}
   .gallery-slider .carousel-caption h1{font-size:8px;}
   .footer .address .content p,.technologypage .macinery .mach_galery h2{font-size: 13px;}
	}
	@media screen and (min-width: 576px){

	/*	.carousel-inner{
			display: flex;
		}
		.carousel-item{
			display: block;
			margin-right: 0;
			flex: 0 0 calc(100%/3);
		}*/
	}