Body{background:#fff; padding:0px; margin:0px;    overflow-x: hidden; }

 .container {
        max-width: 92%;
    }
/*** Navbar Start ***/
.nav-bar {
    background: var(--bs-white);
}

.sticky-top {
    transition: 1s;
}

h1, h2, h3{font-family: "Montserrat", sans-serif;    font-weight: bold;}
 p{  font-family: "Nunito Sans", sans-serif; font-size:18px; font-weight: normal;}
.navbar-light .navbar-nav .nav-link {
    position: relative;
    margin-left: 45px;
    padding: 35px 0;
    letter-spacing: 0px;
    color: var(--bs-dark);
 font-size: 18px;
    font-weight: normal;
    outline: none;
    transition: .5s;
	  font-family: "Nunito Sans", sans-serif;
}

.sticky-top .navbar-light .navbar-nav .nav-link {
    padding: 28px 0;
    color: var(--bs-dark);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar-light .navbar-brand img {
    max-height: 60px;
    transition: .5s;
}

.sticky-top .navbar-light .navbar-brand img {
    max-height:45px;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px;
}

.dropdown .dropdown-menu a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    margin-top: 8px !important;
    background: var(--bs-light);
    transition: .5s;
    opacity: 1;
}

.mx-auto {
   margin-right: 0 !important;  
    margin-left: auto !important;
}
.top-banner img{ }

.top-title h1{ font-weight: 800;font-size: 60px; padding-left: 30px;}
.top-title p{ width: 62%;float: right;   text-align: left;}
section.top-title{margin:170px 0px 83px 0px;}
section.top-banner{margin:0 0 60px 0px;}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    border: 0;
    border-radius: 10px;
    margin-top: 8px !important;
    transition: .5s;
    opacity: 0;
    }
}

@media (max-width: 991px) {
    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 8px 15px;
        border: 1px solid #000;
        color: #000;
    }

    .sticky-top .navbar-light .navbar-nav .nav-link {
        padding: 12px 0;
    }
}


/*** Navbar End ***/

/*logo-slider*/
.sec-heading {
  margin-bottom: 0px;
}
.sec-heading h2 {
    text-align: center; 
    font-size: 45px;
    font-weight: 700;

}
.clients {
  padding: 20px 0;
}
.box {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 60%;
  height: auto;
  transition: transform 0.5s ease-in;
  margin: 8px auto;
}
.box img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.box:hover {
  transform: scale(1.2);
}
.owl-carousel .owl-item img {
    display: block;
    width: 80%;
}

/***************************************************************************/
                               /*our-product*/
/***************************************************************************/

.our-product{margin:80px 0; background:#edf2fa; padding: 38px 250px;}
.our-product h2 {
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 162px;
}
.our-product{position:relative}
.our-product:before{ 
  content:url('../images/our-product-right.png'); /* with class ModalCarrot ??*/
  position:absolute; /*or absolute*/
  z-index:9; /*a number that's more than the modal box*/
  right:0px;
  top:0px;
  width:417px;
  height:401px;
}
.our-product p{font-size:18px;}

.white-burger{ margin-left: -47px;}
.our-product .card{width:100%; background: transparent; border:0px; height:auto; border-radius:2rem; margin-top:10px; padding:0px 0px;}
.our-product .card .title{    text-align: left; margin-bottom:20px;
    font-family: "Montserrat", sans-serif;
    font-size: 45px; font-weight: 700;}
	.our-product .card p{margin-bottom:40px;}
	
  .top-btn-right {
    border: 0px solid #0049d9;
    background: #0049d9;
    color: #fff;
    padding: 14px 53px;
    border-radius: 25px;
    float: left;
    text-align: center;
    font-weight: bold;
	font-size:16px;
    width: 182px; 
	text-decoration:none;
}
 
  .top-btn-right:hover{color:#000; text-decoration:none;}
.our-product .top-btn-right:hover{   border: 0px solid #000;}
.salad img{width:100%;}
.salad {margin-bottom:50px;}
.letsconnect{     padding-bottom: 150px;
    padding-top: 66px;}
.letsconnect .card{padding:0px 20%; border:0px;}
.letsconnect p{font-size: 18px;}
.letsconnect .card h2  { text-align: left;  margin-bottom:30px; font-size: 45px;  font-weight: 700;}
.letsconnect .top-btn-right {border: 2px solid #0049d9; background: #0049d9; color: #fff; padding: 12px 25px; border-radius: 52px; float: left;
    text-align: center; font-weight: bold; width: 260px; text-decoration: none; bottom: 52px; position: absolute;right: 0px; font-size: 21px;}
	
 /***************************************************************************/
                               /*our-solutions*/
/***************************************************************************/

.our-Solution h2{ font-size: 60px; }
.sec-heading h2{font-weight: 800;}

.Solution-cat .box-card{background:#edf2fa; border-radius:2.3rem; height:auto; width:100%;     width:100%;
    margin: 0 auto;}
.our-Solution .container{width:100%;}
.clear{clear:both;}
.our-Solution{margin-bottom:120px}
.Solution-cat .box-card{padding:40px 30px; height:630px;}
.Solution-cat .box-image{float: left; width: 100%; height: auto;}
.order-display-screen img{width:100%}
.Solution-cat h3{  font-size:34px;margin:0px 0px 20px 0px; font-weight: 800; float: left;  min-height: 70px; width: 100%;}  
.Solution-cat p{font-size: 14px; float: left;font-weight: normal; line-height: 20px;
    margin-bottom: 7px;
	 
	
}
@media (min-width: 991px) and (max-width: 1200px) {
	
	.Solution-cat .box-card {
   
    height: 739px 
}
}
.Solution-cat .solu-details{
	background: #000;
    color: #fff;
    width: auto;
    margin: 0 auto;
    padding: 2px 12px;
    float: left;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
	text-decoration:none;
	
	
	}
.moog-sally{position:relative;}
.moog-sally img{width: 350px; margin-top: -30px; margin-left: -29px;}
.Solution-cat h2{font-size:17px; margin-bottom:20px;}
.card-inner-bg-img{background:url('../images/brand.png') no-repeat!important; background-size:cover !important; border-radius:0 2.3rem 2.3rem 0px }
.Solution-cat .box-card{position:relative;}
.Solution-cat .box-card img{position:absolute; bottom:0px; right:0px; left:0px; border-radius:0rem 0rem 2.3rem 2.3rem}
/***************************************************************************/
                               /*restaurent*/
/***************************************************************************/	
		
	.restaurent .container { width: 80%;}
	.restaurent {margin-bottom:160px;     display: none;}
 
 .restaurent h2{  padding-left:100px;  font-size:45px;margin:0px 0px 50px 0px; font-weight: 700; float: left;  min-height: 70px; width: 100%;}  
 .restaurent p{padding-left:100px; font-size: 18px;}
	
	/***************************************************************************/
                               /*experience*/ 
/***************************************************************************/
 .experience{margin-bottom:100px; }
	.experience .container { width: 80%;}
	.experience .card{    background: #0054a6;
    padding: 50px;
    border-radius:2.3rem;
    width: 58%; margin:0 auto;}
	.experience .card h2{ text-align: left;
   
    margin-bottom: 30px;
    font-size: 45px;
    font-weight: 700; color:#fff}
	.experience .card p{color:#fff;     font-size: 18px;}
		/***************************************************************************/
                               /*experience-brand*/ 
/***************************************************************************/	
 .experience-brand{margin-bottom:100px; }
 .experience-brand .card{background:#edf2fa; border:0px; border-radius:2.3rem;}
 .experience-brand .card-inner{padding:100px;}
  .experience-brand .card-inner h2{  font-size:64px; font-weight: 700; padding:50px 0px;}
	.experience-brand .card-inner h3{color:#fff; font-weight: 600; font-size:27px;  margin-bottom: 15px;}
	.experience-brand .card-inner p{color:#fff;}
	
	
 /***************************************************************************/
                               /*fact*/ 
/***************************************************************************/
	
	 .fact{margin-bottom:150px; margin-top:150px; }
	  .fact span{ text-align: left;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: 700; color:#000}
	 .fact h2{ text-align: left;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: 700; color:#000}
	
	
	
	/*testimonials ///////////////*/
	
	

 .client-testimonial{margin-bottom:0px; margin-top:150px; }
 .client-testimonial h3{text-align:center;   width:100%;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 30px;
    font-size: 45px;
    font-weight: 700; color:#000}
 .client-testimonial p{text-align:center;  font-size: 24px; font-weight: normal; width:100%; margin-bottom:100px;}
  .client-testimonial .card{margin-bottom:25px ; border:0px; padding:15px; }
    .client-testimonial .card p{text-align:left;     margin-bottom: 20px; font-size:18px; line-height:24px;}
    .client-testimonial .card img{width:100%; border-radius:2rem;  margin-bottom: 50px;}
	
	  .client-testimonial .card p.client-name{    font-weight: 700;
    font-size: 19px;
    line-height: 26px;
}
	
.client-testimonial .container {
    width: 80%;margin-bottom:100px
}
	#slider-container {
  display: flex;
  flex-wrap: wrap;
}

#testimonials {
  position: relative;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  width: 1000px;
  height: 300px;
}

figure {
  position: absolute;
  width: 400%;
  left: 0;
  animation: 20s slider infinite;
  -webkit-animation: 20s slider infinite;
  
  margin: 0;
}

blockquote {
  width: 25%;
  margin: 0;
  float: left;
  padding-bottom: 1em;
}

@-webkit-keyframes slider {
	0%  { transform: translateX(0%); }
	25% { transform: translateX(0%); }
	33% { transform: translateX(-25%); }
	58% { transform: translateX(-25%); }
	66% { transform: translateX(-50%); }
	91% { transform: translateX(-50%); }
	100%{ transform: translateX(-75%); }
}

@keyframes slider {
	 0%  { transform: translateX(0%); }
	25% { transform: translateX(0%); }
	33% { transform: translateX(-25%); }	
	58% { transform: translateX(-25%); }
	66% { transform: translateX(-50%); }
	91% { transform: translateX(-50%); }
	100%{ transform: translateX(-75%); }
}

footer {
  width:100%; text-align:center;
}

@media(min-width:750px) {
  #testimonials: height: 150px;
}
 	
	
	
/***************************************************************************/
                               /*footer*/
/***************************************************************************/
 .single-testimonial footer{background:transparent}
.footer-right p {width:auto; float:right;     position: relative;
}
.footer-right p:before {
    content: url(../images/logo-footer.png);
    width: 50px;
    position: absolute;
    height: 50px;
    left: -87px;
    top: 4px;
}
 footer .card{  border-radius:2.3rem; padding:40px 40px; border:0px; background:transparent}
footer .card .title {text-align: left; font-family: "Nunito Sans", sans-serif;  font-size: 45px; font-weight: 700;}
footer p{ text-align: left; padding: 0px; color:#000;}
footer h2{font-size: 23px; font-family: "Montserrat", sans-serif;color:#000; margin-bottom:30px;font-weight: 600; text-align:left;}
footer ul{padding:0px;}
.copyright{text-align:center; padding:10px; background:#fff; margin:0px;}
footer ul li{ list-style-type:none; padding-bottom:15px;text-align:left; }
footer ul li a{font-size: 18px; font-family: "Nunito Sans", sans-serif;  color:#000;}
footer ul li a:hover{text-decoration:none;}
.footer-right h2{ text-align:right}
 
.our-Solution .align-left{text-align:left; padding-left: 127px;}
 .our-Solution p.align-left{width:46%; font-weight: normal; margin-bottom:90px;  margin-top: 24px;}
 .align-center{text-align:center;}
 
 .clients h2{margin-bottom:80px;}
 
 .call-no{text-align: left; font-family: "Nunito Sans", sans-serif;  font-size: 35px; font-weight: 700; padding:0px; margin-top:25px;}
 
 /*count*/
 
#counter{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; 
  
  width: 100%;
}
  
#counter .item .count{
  color: #e8b12d;
  margin-bottom: 5px;
 
}
#counter .item h3{
  color: #4f4e28;
  text-transform: capitalize;
}

.members img{width:100%;}
.footer-link {padding:0px;}
.footer-link li{float:left; }
.footer-link li{margin-right:25px}



/*update-28102025*/
.Brochure-right img{
border-radius:0px; float:right;}

.Brochure-banner .row{    padding: 40px;
    background: #f3f3f3;
    border-radius: 25px;
}
.Brochure-banner-content h2{font-size:26px;}


.Brochure-banner-content{float:left; width:100%}
.Brochure-banner-content h2{float:left; text-align:left; width:100%;}
.Brochure-banner-content p{float:left; text-align:left; margin-bottom:25px;}
.Brochure-banner-content ul{float:left; width:100%;}
.Brochure-banner-content ul li{text-align:left;}

.video iframe{width:100%; border-radius:2rem}{margin-bottom:30px;}
.video{margin-bottom:50px;}
.video h2{margin-bottom:50px; margin-top:15px;}

.video .video-box{width:85%;}
.video p{margin-bottom:140px;}