/*Font Family Used In Website*/

/*Montserrat (Integrated From Google Fonts Library)*/

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



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



html {

    scroll-behavior:smooth;

}

.navbar-custom {

    z-index: 9999 !important;

}


 body {
    background-color: #08213f;

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

    overflow-x: hidden;

 }
 
 .section-margins{
   
   margin-top:100px !important;
   margin-bottom:70px !important;
 
 }
 
 .motion-video-bg {
  width: 100%; /* Full width by default */
  height: auto; /* Maintain aspect ratio */
}

 .motion-video-bg-mobile {
display:none;
}
 
 #latest-news-slider{
margin-top:35% !important;
position:relative !important;
display:block !important;

 }
 
 .news-header {
  font-size: 25px;
 background: radial-gradient(circle, #ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
  padding-bottom:100px;
  text-align:center;
  font-weight:700;
  padding-top:150px;

}





.news-img{

  width: 300px;
  height:300px;
  position:relative;
  border: double 4px transparent;
  border-radius: 25px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.news-details {
position:relative;
margin-left:48px;

}

.news-details span {
  position: absolute;
  top: 4px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5px;
  border-radius: 0 23px 0 0;
  width: 60px;
  height: 60px;
  left:250px;

}

.date {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.month {
  margin-top: -20px;
  text-align: center;
  font-size: 12px;
  font-weight: 200;
}

.news-year {
  margin-top: -15px;
  text-align: center;
  font-size: 12px;
  font-weight: 200;
}

.news-text {
  color: white;
  font-weight: 300;
  text-align: center;
  line-height: 1.6;
  padding-top: 10px;
  width:300px;

}

.latest-news {
  margin-top: -30px;
}

.latest-news-comet-1 {
  transform: rotate(90deg);
  width: 30%;
  position: absolute;
  left: 10%;
  margin-top: 100px;
  margin-left: -420px;
  transform: translateX(-50%);
}

.latest-news-comet-2 {
  transform: rotate(100deg);
  width: 27%;
  position: absolute;
  left: 9%;
  margin-top: -200px;
  z-index: -1;
  transform: translateX(-50%);
  margin-left: -60px;
}

.latest-news-comet-3 {
  transform: rotate(90deg);
  width: 25%;
  position: absolute;
  transform: translateX(-50%);
  float: right;
  left: 88%;
  bottom: 28%;
}

.latest-news-comet-4 {
  transform: rotate(90deg);
  width: 17%;
  position: absolute;
  right: 5%;
  top: 60%;
  float: right;
  transform: translateX(-50%);
  margin-right: -90px;
}

#comet.float-up {
  transform: translateY(-35px);
  transition: transform 1.3s ease-out;
}

#comet.float-down {
  transform: translateY(35px);
  transition: transform 1.3s ease-out;
}

#latest-news-slider {
  position: relative;
  margin-top: -10px;
}

.slick-next:before,
.slick-prev:before {
  display: none;
}

#latest-news-slider .slick-dots li button:before {
  background: linear-gradient(to right, #A48138 0%, #ebdf98 50%, #A48138 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


.slick-next:before, .slick-prev:before{
	display:block;
 background: linear-gradient(to right, #A48138 0%, #ebdf98 50%, #A48138 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 80px;
  margin-top:-100px
  

  
  }
  



.about-us-img{
  float:right;
  position: relative;
  width:450px;
  height:350px;
  border-radius: 25px;
 margin-top:-300px;
  
}




 .box {
     margin-top:-50px ;
    float:right;
    height: 330px;
    width: 450px;
    background: transparent;
    position: relative;
    display: inline-block;
    border-radius: 25px;
  }

  .box:before,
  .box:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    
    
  }

  .one:before,
  .one:after {
    top: 30px;
    right:30px;
   border-radius: 25px;
  }

  .one:before {
 border: double 4px transparent;
  border-radius: 25px;
  background-image: linear-gradient(#08213f, #08213f), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
    z-index: 1;
  }

  .one:after {
  border: double 4px transparent;
  border-radius: 25px;
  background-image: linear-gradient(#08213f, #08213f), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
     z-index: 1;
  }
  
  


.about-us-text-header{
width:100%;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-left:20px;
}

.line {
  position: relative;
  width: 3px;
  height: 30px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  margin-bottom:-44px;
}

.line::before,
.line::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  border-radius: 60%;
}

.line::before {
  top: -10px;
  left: -4px;
}

.line::after {
  bottom: -10px;
  left: -4px;
}

.about-us-text{
	color:white;
	font-weight:200;
	text-align:left;
	line-height: 1.6;
	padding-left:20px;
	padding-top:20px;
	font-size:18px;
	
}

.btn {
    display: inline-block;
    border: none;
    background-color: transparent;
    font-size: 18px;
    cursor: pointer;
    margin-left:20px;
    margin-top:20px;
}

/* Button 1 */
.btn-1 {
    color: black;
    font-weight: 700;
    border-radius: 30px;
    padding: 10px 47px;
    background:linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
}


.product-img{
  float:right;
  position: relative;
  width:450px;
  height:380px;
  border-radius: 25px;
  margin-top:-250px;
}

 .product-box {
    margin-top:-50px;
   float:right;
    height: 300px;
    width: 450px;
    background: transparent;
    position: relative;
    display: inline-block;
    border-radius: 25px;
  }

  .product-box:before,
  .product-box:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    
    
  }

  .product-one:before,
  .product-one:after {
    top: 50px;
    left:30px;
   border-radius: 25px;
  }

  .product-one:before {
   border: double 4px transparent;
  border-radius: 25px;
  background-image: linear-gradient(#08213f, #08213f), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
    z-index: 1;
  }

  .product-one:after {
   border: double 4px transparent;
  border-radius: 25px;
  background-image: linear-gradient(#08213f, #08213f), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
    z-index: 1;
    
  }

  .product-img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
.product-details{
	
	padding-left:110px;
}

.product-text-header{

width:100%;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-left:20px;
}

 
.product-header{

	font-weight:700;
	font-size:25px;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-left:20px;


}


.line1 {
  position: relative;
  width: 3px;
  height: 30px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  margin-bottom:-40px;
}

.line1::before,
.line1::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  border-radius: 60%;
}

.line1::before {
  top: -10px;
  left: -3px;
}

.line1::after {
  bottom: -10px;
  left: -3px;
}

.manufacturing{
	margin-top:100px !important;
	margin-bottom:-50px !important;
}

.manufacturing-header{
    text-align:center;
	font-weight:700;
	font-size:25px;
	background: radial-gradient(circle, #ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    padding-left:20px;


}
.manufacturing-text-header{
text-align:center;
width:100%;
background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
padding-left:20px;
padding-top:10px;

}

.manufacturing-text{
	color:white;
	font-weight:200;
	text-align:center;
	line-height: 1.6;
	padding-left:20px;
	padding-top:20px;
	font-size:18px;
	
}



.manufacturing-comet-1{
	 transform: rotate(100deg);
	 width:20%;
	 height:20%;
	 position: absolute;
	 left: 10%;
	 margin-top:-10px;
	 margin-left:-130px;
	 transform: translateX(-50%);
	

}

.manufacturing-comet-2{
	 transform: rotate(90deg);
	  width:20%;
	 height:20%;
	 position: absolute;
	 left: 80%;
	 float:right;
  margin-top:-60px;
	 transform: translateX(-50%);
	
}

.manufacturing-comet-3{
	transform: rotate(90deg);
	 width:20%;
	  height:20%;
	 position: absolute;
	 transform: translateX(-50%);
	 float:right;
	 left:85%;
	 bottom:68%;
}





.parent-container-1, .parent-container-2, .parent-container-3, .parent-container-4 {
  width: 25%;
  display: inline-block;
  float: left;
}

.child-container-1, .child-container-2, .child-container-3, .child-container-4 {
  width: 100%;
}

.map-container {
  position: relative;

}

.map-img {
  display: block;
  width: 100%;
  height: auto;
  margin-top:50px;
}

.icon-gradient  {
 position: absolute;
 font-size: 60px;
 background: radial-gradient(circle at top left,#ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;

}

.icon-gradient:before {
  display: inline;
}


.location-1 {
  top: 40%;
  left: 58%;
  margin-top:-130px;
  margin-left:10px;
  
}

.location-2 {
  top: 40%;
  left: 63%;
  margin-top:-100px;
  margin-right:-20px;
  margin-left:18px;
  
}


.location-3 {
  top: 44%;
  left: 75%;
  margin-top:-30px;
  margin-left:30px;
  
}

.location-4 {
  top: 44%;
  left: 75%;
  margin-left:43px;
  margin-top:-10px;
  z-index:1;
 
}


.location-img{

  width: 180px;
  height:180px;
  position:relative;
  border: double 4px transparent;
  border-radius: 100%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.location-header{
text-align:center;
font-weight:500;
font-size:15px;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-top:10px;



}
.location-header-text{
text-align:center;
font-weight:500;
font-size:25px;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;




}
.location-text{
	color:white;
	font-weight:200;
	text-align:center;
	line-height: 1.6;
	height:70px;
	
}

.location-text{
	color:white;
	font-weight:200;
	text-align:center;
	line-height: 1.6;
	height:100px;
	
}

.location-add-text{
	color:white;
	font-weight:200;
	text-align:center;
	line-height: 1.6;
	height:50px;
	font-size:15px;
	
	
}

.location-acc-text{
    background: #A48138;
    background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight:700;
	text-align:center;
	line-height: 1.6;
	height:140px;
	font-size:14px;
	
	
}

.location-add-1 {
  margin-top: 0;
  transition: margin-top 1.0s ease-out; /* adjust the transition timing and easing as per your requirement */
}
.location-add-2 {
  margin-top: 0;
  transition: margin-top 1.0s ease-out; /* adjust the transition timing and easing as per your requirement */
}

.location-add-3 {
  margin-top: 0;
  transition: margin-top 1.0s ease-out; /* adjust the transition timing and easing as per your requirement */
}
.location-add-4 {
  margin-top: 0;
  transition: margin-top 1.0s ease-out; /* adjust the transition timing and easing as per your requirement */
}
.location-1:hover + .location-add-1 {
  margin-top: -100px;
}

.location-2:hover + .location-add-2 {
  margin-top: -100px; /* adjust the value as per your requirement */
}

.location-3:hover + .location-add-3 {
  margin-top: -100px; /* adjust the value as per your requirement */
}

.location-4:hover + .location-add-4 {
  margin-top: -100px; /* adjust the value as per your requirement */
}

.location-add-4:hover + .location-4 {
  margin-top: -100px; /* set your desired margin-top value here */
}




.people-img{
 
  position: relative;
  width:500px;
  height:400px;
  border-radius: 25px;
  margin-top:-450px;
}

 .people-box {
    
    height: 500px;
    width: 500px;
    background: transparent;
    position: relative;
    display: inline-block;
    border-radius: 25px;
    
    
  }

  .people-box:before,
  .people-box:after {
    content: "";
    position: absolute;
    height: 70%;
    width: 90%;
    margin-right:60px;
    margin-top:90px;
   
    
    
  }

  .people-one:before,
  .people-one:after {
    top: 30px;
    right:30px;
   border-radius: 25px;
  }

  .people-one:before {
   border: double 4px transparent;
  border-radius: 25px;
  background-image: linear-gradient(#08213f, #08213f), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
    z-index: -1;
  }

  .people-one:after {
  border: double 4px transparent;
  border-radius: 25px;
  background-image: linear-gradient(#08213f, #08213f), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
    z-index: -1;
    
  }

  .people-img {
    max-width: 100%;
    height: auto;
    display: block;
  }

.people-text-header{
width:100%;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-left:20px;
}

.people-header{

	font-weight:700;
	font-size:25px;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-left:20px;


}

.people-line {
  position: relative;
  width: 3px;
  height: 30px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  margin-bottom:-40px;
}

.people-line::before,
.people-line::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  border-radius: 60%;
}

.people-line::before {
  top: -10px;
  left: -4px;
}

.people-line::after {
  bottom: -10px;
  left: -4px;
}

.people-text{
	color:white;
	font-weight:200;
	text-align:left;
	line-height: 1.6;
	padding-left:20px;
	padding-top:20px;
	font-size:18px;
	
}
.people-details{
	padding-left:50px;
	padding-top:100px;
	
}



#success-stories-slider {
  position: relative;
  padding-left:50px;
  padding-right:50px;
 
}

#success-stories-slider .slick-next:before, .slick-prev:before{
	display:block;
 background: linear-gradient(to right, #A48138 0%, #ebdf98 50%, #A48138 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 80px;
bottom:-100px;

  }
  

#success-stories-slider .slick-dots li button:before {
  background: linear-gradient(to right, #A48138 0%, #ebdf98 50%, #A48138 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
 
  
 .success-header{
  text-align:center;
  font-weight:700;
  font-size:25px;
  background: radial-gradient(circle, #ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-bottom:50px;

}


.success-img{

  width: 330px;
  height:220px;
  position:relative;
  border: double 3px transparent;
  border-radius: 25px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
 
  
}



.success-details{
  position: relative; 
}

.success-text{
	color:white;
	font-weight:600;
	text-align:left;
	line-height: 1.6;
	padding-top:10px;
	padding-left:30px;
}
.success-job-title{
	color:white;
	font-size:12px;
	padding-left:30px;
	margin-top:-13px;
}

.success-quote{
	color:white;
	padding-left:30px;
	text-align:left;
	font-size:15px;
	font-weight:200;
	padding-right:60px;
	height:70px;
}


.success-read-more{
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-left:30px;
font-size:17px;
font-weight:700;
cursor:pointer;

}

.success-comet-1{
	 transform: rotate(90deg);
	 width:30%;
	 position: absolute;
	 left: 10%;
	 margin-top:-90px;
	 margin-left:-420px;

	 transform: translateX(-50%);
}

.success-comet-2{
	 transform: rotate(100deg);
	 width:20%;
	 position: absolute;
	 left: 90%;
	 margin-top:120px;
	 z-index:-1;
	 transform: translateX(-50%);
	
}



.fa-angle-right{
	color:#e1cc85; 
}

.vertical-line {
	
  border-right: 4px dotted #e1cc85; 
  height: 200px;
  margin-right:-15px;
}

.modal-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 60px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.modal-nav:hover{
	color:#08213f;
}
.previous {
  left: -80px;
}

.next {
  right: -80px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  max-width: 500px;
  max-height: 500px;
  margin-top:50px;
  z-index: 99999;
  
}

.close {
  color: #fff;
  float: right;
  font-size: 50px;
  font-weight: bold;
  padding-right:50px;
  margin-top:50px;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.close2 {
  color: #fff;
  float: right;
  font-size: 50px;
  font-weight: bold;
  padding-right:50px;
  margin-top:50px;
}
.close2:hover,
.close2:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.close3:hover,
.close3:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.close3 {
  color: #fff;
  float: right;
  font-size: 50px;
  font-weight: bold;
  padding-right:50px;
  margin-top:50px;
}


.close4:hover,
.close4:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.close4 {
  color: #fff;
  float: right;
  font-size: 50px;
  font-weight: bold;
  padding-right:50px;
  margin-top:50px;
}

.close5:hover,
.close5:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.close5 {
  color: #fff;
  float: right;
  font-size: 50px;
  font-weight: bold;
  padding-right:50px;
  margin-top:50px;
}


.thumbnails {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.modal-thumbnail {
  width: 100px;
  height: 75px;
  margin-right: 10px;
  border: 2px solid #fff;
  cursor: pointer;
}

.modal-thumbnail.active {
  border: 2px solid #00ff00;
}



.milestone{
	
	
}

 .milestone-header{
	text-align:center;
	font-weight:700;
	font-size: 25px;
    background: radial-gradient(circle, #ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138,#A48138, #ebdf98,#ebdf98, #A48138, #A48138, #ebdf98,#ebdf98, #A48138);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    padding-bottom:50px;

}


.ps-timeline-sec {
  position: relative;
  overflow:hidden;
}

.ps-timeline-sec .container {
  position: relative;
  height:100% !important;
}

.ps-timeline-sec .container ol:before {
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 5px;
 margin-top:-6px;
}
.ps-timeline-sec .container ol:after {
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  right: 5px;
margin-top:-6px;
}
.ps-timeline-sec .container ol.ps-timeline {
	margin-top:50px;
  height:100%;
  padding:0;
  border-top: 3px solid;
  border-image: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  border-image-slice: 1;
  list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
  padding-top: 30px;
  position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
  width: 80px;
  height: 80px;
  margin-left: -40px;
  border:4px  solid transparent;
  background-image: linear-gradient(#005490, #005490), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 50%;
  box-shadow: 0 0 0 0px #fff;
  text-align: center;
  line-height: 50px;
  color:white;
  font-size: 2em;
  font-style: normal;
  position: absolute;
  top: -40px;
  left: 50%;
  
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
  position: relative;
  margin-top: 30px;
  width: 100%;
 /*margin-left:60px;*/
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
  display: table;
border-radius: 70px;
width:70%;
height:120px;


    
}
.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 80%;
  margin: 0 auto;


}

.milestone-text{
	
	width: 78% !important;
	text-align:center !important;
	/*margin-right:50px !important;*/
	
}

.ps-bot p {
	height :70px !important;
}

.ps-bot {
  position:relative;
  color:white;
  width:100%;
  font-size:13px;
  font-weight:300;
  /*margin-left:25px;*/
 
  
 
}

.ps-bots p{
	height :70px !important;
}
.ps-bots{
 position:relative;
 color:white;
  width:100%;
  font-size:13px;
  font-weight:300;
  /*margin-left:35px;*/
  margin-top:5px ;
	}
	
.gold p{
		height :100px !important;
	
}	

.halal{
  top: -8px;
}

 .gold{
  position:relative;
  width:100%;
  font-size:13px;
  font-weight:500;
  /*margin-left:35px;*/
  background: #A48138;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  top: -8px;
 
}
.malaysia{
	
position:relative;
 width:85%;
  font-size:14px;
  font-weight:800;
  margin-top:10px;
  background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align:center !important;
/*margin-right:38px!important;*/
}
 .gold-img {
  position: relative;
  margin-top: 20px;
  width:43%;
   /*margin-left:100px;*/
}

 .gold-img-2{
  position: relative;
  margin-top: 20px;
  width:43%;
   margin-left:104px;
}
.halal-img{
 position: relative;
 margin-top: 20px;
 width:43%;
 /*margin-left:102px;	*/
}

.year{
	font-size:23px;
	padding-top:15px;
	font-weight:500;
}
.timeline-container {
  width: 100%;
  overflow: hidden;
}

.ps-timeline {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.ps-timeline li {
  flex: 0 0 auto;
  width: 25%;
}

.timeline-prev, .timeline-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  font-size: 24px;
  font-weight: bold;
  background-color: transparent;
  border: none;
  color: #000;
}
.timeline-prev.disabled {
  opacity: 0.5;
  pointer-events: none;
  
}


.timeline-prev {
  left: 8%;
}

.timeline-next {
  right: 8%;
}

.timeline-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.timeline-dots:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  background-color: #ccc;
  border-radius: 50%;
}

.timeline-dots.active:before {
  background-color: #333;
}
.timeline-prev, .timeline-next{

 background: linear-gradient(to right, #A48138 0%, #ebdf98 50%, #A48138 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 50px;
  bottom:10%;
}


.timeline-container {
  position: relative;
  overflow: hidden;
  height:300px;
}
.ps-timeline li.slide-in {
  opacity: 0;
  transform: translateX(0);
  animation: slide-in 0.7s forwards;
}

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}


form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

input {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 0 15px 0;
  border: double 3px transparent;
  border-radius: 25px;
  background-image: linear-gradient(#08213f, #08213f), radial-gradient(circle at top left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  color:white;
}

.form-partner input{
	color:white;
	font-size: 16px;
  padding-left: 20px;
  font-weight: 400;
}

input[name="name-field"],
input[name="phone-field"] {
  width: calc(50% - 5px);
  margin-right: 10px;
}

input[name="phone-field"] {
  margin-right: 0;
}

.form-partner input::placeholder {
  font-size: 16px;
  font-weight: 500;
   background: linear-gradient(to left, #A48138 50%, #ebdf98 100%, #A48138 50%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
  
}



.btn2 {
    display: inline-block;
    border: none;
    background-color: transparent;
    font-size: 18px !important;
    cursor: pointer;
    margin-left:10px !important;
    margin-top:20px !important;
}

/* Button 1 */
.btn-2 {
    color: black !important;
    font-weight: 700 !important;
    border-radius: 30px;
    padding: 10px 37px !important;
    background:linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
}

.partner-with-us-comet-1{
	 transform: rotate(90deg);
	 width:30%;
	 height:30%;
	 position: absolute;
	 margin-top:30px;
	 margin-left:-340px;
	 transform: translateX(-50%);
	

}

.partner-with-us-comet-2{
	 transform: rotate(90deg);
	  width:30%;
	 height:30%;
	 position: absolute;
	margin-left:-240px;
	 float:left;
  margin-top:250px;
	 transform: translateX(-50%);
	
}

.partner-with-us-comet-3{
	transform: rotate(90deg);
	 width:20%;
	  height:20%;
	 position: absolute;
	 transform: translateX(-50%);
	 float:right;
	 left:83%;
	 bottom:78%;
}

.partner-with-us-comet-4{
	transform: rotate(90deg);
	 width:30%;
	  height:30%;
	 position: absolute;
	 transform: translateX(-50%);
	 float:right;
	 left:85%;
	 bottom:50%;
}



.partner-text-header{
width:100%;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

text-align:center;
	padding-top:20px;
	

}


.partner-text{
	color:white;
	font-weight:200;
	text-align:center;
	line-height: 1.6;
padding-bottom:20px;
	padding-top:20px;
	font-size:18px;
	
}
.partner-header{
text-align:center;
	font-weight:700;
	font-size:25px;
background: radial-gradient(circle, #ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;


}
.partner-details{
	text-align:center;
}
.partner-with-us-table{
	
	font-weight:700;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    text-align:left;
  

	
}


.partner-btn-2 {
   
  color: black !important;
    font-weight: 700 !important;
    border-radius: 30px;
    padding: 10px 37px !important;
    background:linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
    margin-top:50px;
    margin-bottom:50px;
}


.we-are-novugen {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.we-are-novugen-container {
   text-align: center;
}

.we-are-novugen-row {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}




.line-1{
  position: relative;
  width: 85%;
  height: 3px;
background:#e1cc85;
 margin-bottom:50px;
 margin-left:16%;
}

.line-1::before,
.line-1::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  border-radius: 60%;
}

.line-1::before {
  top: -4px;
  left: -4px;
}

.line-1::after {
  bottom: -4px;
  right: -4px;
}


.line-3{
  position: relative;
  width: 85%;
  height: 3px;
background:#e1cc85;
   margin-bottom:50px;
   margin-left:9%;
   
}

.line-3::before,
.line-3::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  border-radius: 60%;
}

.line-3::before {
  top: -4px;
  left: -4px;
}

.line-3::after {
  bottom: -4px;
  right: -4px;
}

.line-4{
  position: relative;
  width: 85%;
  height: 3px;
background:#e1cc85;
  margin-bottom:50px;
  margin-right:10%;
 
}

.line-4::before,
.line-4::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  border-radius: 60%;
}

.line-4::before {
  top: -4px;
  left: -4px;
}

.line-4::after {
  bottom: -4px;
  right: -4px;
}

.corporate-video1{
	margin-top:-300px;
    border-radius:50px;

    
}

.we-are-novugen-text-header{
width:100%;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

text-align:center;
	padding-top:20px;

}

.we-are-novugen-comet-1{
	 transform: rotate(140deg);
	 width:25%;
	 position: absolute;
	 left: 10%;
	 margin-top:10px;
	 margin-left:-320px;

	 transform: translateX(-50%);
}


.we-are-novugen-comet-2{
	transform: rotate(90deg);
	 width:25%;
	 position: absolute;
	 transform: translateX(-50%);
	 float:right;
	 left:90%;
	 bottom:8%;
}

.we-are-novugen-comet-3{
	 transform: rotate(90deg);
	 width:15%;
	 position: absolute;
	 right:5%;
	 top: 53%;
	 float:right;
	 transform: translateX(-50%);
	margin-right:-60px;
	 
}



.we-are-novugen-text{
	color:white;
	font-weight:200;
	text-align:center;
	line-height: 1.6;
	padding-top:20px;
	font-size:18px;
	
}
.we-are-novugen-header{
text-align:center;
	font-weight:700;
	font-size:25px;
background: radial-gradient(circle, #ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;



}
.we-are-novugen {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin-top:50px !important;
}

.we-are-novugen .container {
   text-align: center;
}

.we-are-novugen .row {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.we-are-novugen{
	margin-top:-50px;
}
.video-section{
margin-top:150px;
	
}


.bg-overlay {
   position: relative;
   z-index: 1;
   
}

.bg-overlay::before {

   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}

.bg-overlay-aboutus {
   position: relative;
   z-index: 1;
   
}

.bg-overlay-aboutus::before {

	margin-top:20px;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}

.bg-overlay-manufacturing {
   position: relative;
   z-index: 1;

}

.bg-overlay-manufacturing::before {
	margin-top:200px;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 30%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}


.bg-overlay-people {
   position: relative;
   z-index: 1;
}

.bg-overlay-people::before {
	margin-top:40px;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}

.bg-overlay-success {
   position: relative;
   z-index: 1;
   margin-bottom:70px;
}

.bg-overlay-success::before {
	margin-top:20px;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}

.bg-overlay-milestone {
   position: relative;
   z-index: 1;
   margin-top:-100px;
   margin-bottom:100px;
}

.bg-overlay-milestone::before {
	
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 70%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}

.bg-overlay-partner-with-us {
   position: relative;
   z-index: 1;
   margin-top:-100px;
}

.bg-overlay-partner-with-us::before {
	
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 40%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}

.bg-overlay-we-are-novugen {
   position: relative;
   z-index: 1;

}

.bg-overlay-we-are-novugen::before {
	margin-top:70px;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 40%;
   background: url(../images/latest/bg-overlay-7.png) repeat-x;
   background-size: 50%; /* Change to 50% to zoom out the image */
   z-index: -1;
   opacity: 0.5;
}



.fade-up {
  opacity: 0;
}

.fade-up-active {
  opacity: 1;
  animation: slide-up 1s ease forwards;
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


 .dropdown-item {

    font-size: 14px;

    padding: 3px 14px;

    font-weight: 500;

}



body .container {

    width: 100%;

    max-width: 1026px !important;

}

 body img {

    max-width: 100%;

 }



section , header , footer {

    float: left;

    width: 100%;

}



a, button , input[type="submit"] {

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    cursor: pointer !important;

    display: inline-block;

    text-decoration: none !important;

}



.custom-scroll1::-webkit-scrollbar-track

{

 

 

    background-color: #F5F5F5;

}



.custom-scroll1::-webkit-scrollbar

{

    width: 8px;

    background-color: #00b22d;

}



.custom-scroll1::-webkit-scrollbar-thumb

{

 

 

    background-color: #d8d8d8;

}

b {

    font-weight: 700;

}





.col-white {

    color:white !important;

}

.col-black {

    color:black !important;

}



.bg-white {

    background:white !important;

}



.bg-black {

    background:black !important;

}

.bg-silver {

    background:#fcfcfc !important;

}



.block-element {

    float:left;

    width: 100%;

}



.block-element2 {

    max-width: 100% !important;

    width: 100% !important;

}



.pad-top-10 {

    padding-top: 10px !important

}

.pad-top-20 {

    padding-top: 20px !important

}

.pad-top-30 {

    padding-top: 30px !important

}

.pad-top-40 {

    padding-top: 40px !important

}

.pad-top-60 {

    padding-top: 60px !important

}

.pad-top-80 {

    padding-top: 80px !important

}



.pad-top-100 {

    padding-top: 100px !important

}





.pad-bot-20 {

    padding-bottom: 20px !important

}

.pad-bot-40 {

    padding-bottom: 40px !important

}

.pad-bot-60 {

    padding-bottom: 60px !important

}

.pad-bot-80 {

    padding-bottom: 80px !important

}



.pad-bot-100 {

    padding-bottom: 100px !important

}

.pad-bot-120 {

    padding-bottom: 120px !important;

}



.m-b-0 {

    margin-bottom: 0px !important

}

.m-b-5 {

    margin-bottom: 5px !important

}

.m-b-10 {

    margin-bottom: 10px !important

}

.m-b-15 {

    margin-bottom: 15px !important

}

.m-b-20 {

    margin-bottom: 20px !important

}

.m-b-25 {

    margin-bottom: 25px !important

}

.m-b-30 {

    margin-bottom: 30px !important

}

.m-b-40 {

    margin-bottom: 40px !important

}

.m-b-50 {

    margin-bottom: 50px !important

}



.m-b-60 {

    margin-bottom: 60px !important

}



.m-t-0 {

    margin-top:  0px !important

}

.m-t-5 {

    margin-top:  5px !important
 
}

.m-t-10 {

    margin-top: 10px !important

}

.m-t-15 {

    margin-top: 15px !important

}

.m-t-20 {

    margin-top: 20px !important

}

.m-t-25 {

    margin-top: 25px !important

}

.m-t-30 {

    margin-top: 30px !important

}

.m-t-40 {

    margin-top: 40px !important

}

.m-t-50 {

    margin-top: 50px !important

}





.no-margin {

    margin:0px !important;

}

.no-pad {

    padding:0px !important;

}

      .modal-dialog {



    margin: 30px auto;

}



/*.modal-dialog {

    top: 50%;

    margin: 0px auto !important;

    -ms-transform: translateY(-50%);

    transform: translateY(-50%) !important;

}*/



 

 section.copyright-sec {

    background: #081c34 !important;

    padding: 15px 0px;
    
    border-top:1px solid black;

}

 section.copyright-sec .container {

      width: 100%;

    max-width: 1350px !important;

 }

.copyrights-text {

    text-align:center;

    width: 100%;
    
    padding:10px 0 10px 0;

}

.col-silver1 {

    color: #a1a1a1 !important;

}

.copyrights-text span {

    font-size: 15px !important;

    letter-spacing: 0.4px;

    font-weight: 300;
    
    color:white !important;

}

.legal-links {

    text-align: right;

    float: left;

    width: 100%;

}

.legal-links a {

    font-size: 13px;

    letter-spacing: 0.4px;

    font-weight: 600;

    padding-right: 20px;

    margin-right: 20px;

    border-right: 1px solid #a1a1a1;

}

.legal-links a:nth-last-child(1) {

    border: none;

    padding: 0px;

    margin: 0px;

}

footer {

    background: #081c34 !important;

    padding: 70px 0px 50px 0px;
    
    font-family: 'Montserrat', sans-serif;
    
    font-weight:100;
   
}

footer .container {

    width: 100%;

    max-width: 1350px !important;

}



.footer-list {

    display: inline-block;

    vertical-align: top;

    margin-right: 25px;

}

.footer-list h3 {

    margin: 0px;

    font-size: 14px;

    letter-spacing: 0.5px;

    margin-bottom: 17px;

}

.footer-list ul {

    padding: 0px;

    list-style: none;

}



.footer-list ul li a {

    font-size: 13px;

    letter-spacing: 0.3px;

    font-weight: 500;

    color: #b5b5b5;

}



.footer-list ul li {

    margin-bottom: 3px;

}



.footer-about {

    display: inline-block;

    vertical-align: top;

}

.footer-row {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.footer-about {

    display: inline-block;

    vertical-align: top;

    width: 20%;

}

.footer-form-newsletter{
	background: #08213f;
	
	margin-top:-50px;
	
	margin-left:20px;
	
	height:400px;
	
	width:300px;
	
	padding:50px 30px 0px 30px;
}


.footer-about > a img {

    margin-top: -10px;

    margin-bottom: 5px;

    width: 172px;

}

.footer-about h4 {

    font-size: 15px !important;

    margin-top:30px;

    font-weight: 500;

    color: white;

}



.footer-about p {

    font-size: 14px !important;

    font-weight: 500;

    color: white;

    margin-bottom: 12px;

    line-height: 18px;

}



.footer-form-newsletter img{
	width:80%;
	
	height:80%;
}

form.newsletter-form input[type="email"] {

    width: 100%;

    background: white;

    border: none;

    outline: none;

    color: grey;

    padding: 0px 20px;

    height: 45px;

    font-weight: 600;
    
   
}
.newsletter-form input::placeholder
{
	color:grey !important;
	
	font-size:15px !important;
}


.btnsubmit {
    display: inline-block;
    
    border: none;
    
    background-color: transparent;
    
    font-size: 15px;
    
    cursor: pointer;
    	
    margin-top:-12px;
    
   
    
    
}

/* Button 1 */
.btn-submit {
    color: black;
    
    font-weight: 700;
    
    border-radius: 30px;
    
    padding: 10px 37px;
    
    background:linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
}





.footer-social-media-icons{
	
	
	position:absolute;
	
	right:0px;
	
	margin-right:130px;
	
	margin-top:10px;
	
	margin-bottom:15px;
	

}

.footer-social-media-button a {

    background: #8d9aa3;

    color: #081c34;

    font-size: 14px;

    width: 30px;

    height: 30px;

    display: inline-block;
  
    margin-right: 10px;

    align-items: center;

    justify-content: center;

    align-content: center;

    justify-items: center;

    border-radius: 100%;
    
    text-align:center;
    
    padding-top:5px;


}

.footer-worldwide-button i {
	font-size:15px;
	
	font-weight:500;
	
	margin-bottom:-5px;
	
	}

.footer-worldwide-button a {

    background: #8d9aa3;

    color: #081c34;

    font-size: 13px;
  
    display: inline-block;

    align-items: center;

    justify-content: center;

    align-content: center;

    justify-items: center;

    border-radius: 25px;

    text-align:center;
    
    padding:3px 0px 3px 0px;
     
    width:120px;
    
    font-weight:500;
    
    margin-top:-20px;
    
   
    
    
    

}




.social-icons1 {

    display: flex;

}



.footer-list ul li a:hover {

    color:#a9cf3b !important;

}



input.submit-btn1:hover {

    background: #cedc2e;

    color: black;

}

.social-icons1 a:hover {

    background:#a9cf3b;

}

.legal-links a:hover {

    color: #a9cf3b !important;

}

section.top-bar1 {

    padding: 14px 0px;

}



 .top-bar1  .topbar-actions {

    text-align: right;

}



.top-bar1 .topbar-actions>a {

    color: #0065b3;

    font-weight: 600;

    letter-spacing: 0.1px;

    margin-right: 15px;

    vertical-align: middle;

    font-size: 10px;

}

 .top-bar1  .wordlwide-dropdown {

    display: inline-block;

    vertical-align: middle;

   

}



.dropdown-menu a {

    color: #0560a6;

}

.dropdown-menu a:hover {

    background: #c9db2f;

    color: #fff;

}





.top-bar1 .wordlwide-dropdown button {

    background: none;

    border: 1px solid #0065b3;

    border-radius: 30px;

    overflow: hidden;

    padding: 4px 25px 4px 10px;

    color: #0065b3;

    font-weight: 500;

    letter-spacing: 0.4px;

    font-size: 11px;

}

.angle-icon1 {

    position: absolute;

    right: 8px;

    top: 10px;

}

a.nav-link img {

    width: 13px;

}

.bg-blue {

     background: #075591 !important;

}



header.header-1 {

   

    position: relative;

}



.logo {

    float: left;

}



.logo img {

    width: 150px;

}





.navbar-custom {

    float: right;

}



.menu-item {

    float: left;

    position: relative;

    margin-left: 35px;

}

.menu-item>a {

    color: white;

    padding: 15px 10px;

    font-size: 13px;

    letter-spacing: 0.5px;

    border-bottom: 1px solid transparent;

}

.menu-item>a:hover {

    color: #a9cf3b !important;

}

.menu-item svg {

    vertical-align: middle;

    margin-left: 5px;

    color: #c5c5c5;

}

.logo a {

    padding: 7px 0px;

}

.navbar-custom {

    float: right;

    padding-top: 7px;

}



.menu-item:hover ul {

    display: block;

}



.menu-item ul {

    background: white;

    position: absolute;

    padding: 0px;

    list-style: none;

    text-align: left;

    min-width: 220px;

    display: none;

    left:0px;

    top:100%;

        z-index: 999;

}

.menu-item ul li a {

    font-weight: 500;

    letter-spacing: 0.3px;

    color: #075591;

    display: block;

    padding: 5px 15px;



    border-bottom: 1px solid #d7d7d7;

}



.menu-item ul li a:hover {

    background:#a9cf3b;

    color:white;

}



.menu-active {

color:white;
}

.menu-active>a {

    color: white !important;
   
    border-bottom:1px solid white;

}



.nav-handler {

    display:none;

}



.col-black1 {

    color:#333333 !important ;

}

.col-blue {

    color:#0560a6 !important;

}

.col-blue2 {

    color:#00538f !important;

}



.center-row1 {

    align-items: center;

}



.line-text {

    letter-spacing: 0.2px;

    font-weight: 600;

}

.bg-green {

    background:#cddc2e;

}

.line-text span {

    display: inline-block;

    vertical-align: middle;

    width: 50px;

    height: 2px;

    margin-right: 10px;

}



.custom-heading1 {

    font-size: 42px;

    font-weight: 800;

    letter-spacing: -0.4px;

    line-height: 51px;

}

.product-para {

    font-size: 17px;

    line-height: 24px; 

}

.para-1 {

    font-size: 17px;

    line-height: 24px;

    letter-spacing: 0.2px;

    color: #2e2e2e;

    font-weight: 400;

}

.para-3 {

    font-size: 18px;

    line-height: 28px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

}



.textual-content p {

    max-width: 92%;

    /*max-width: 92%;*/

    font-size: 1.3vw;

    color: #2e2e2e;

}

.textual-content p b {

    font-weight: 600;

}



.custom-btn1 {

    background: none;

    border: 1px solid #0560a6;

    color: #0560a6;

    padding: 0.7vw 2vw;

    font-weight: 500;

    border-radius: 30px;

    font-size: 1.1vw;

    min-width: 12vw;

    text-align: center;

    letter-spacing: 0.6px;

}

.custom-image1 {

    float: left;

    width: 100%;

}

.custom-image1 img {

    width: 138%;

    max-width: 138%;

}



.custom-image2 {

    float: left;

    width: 100%;

}

.custom-image2 img {

    width: 138%;

    float: right;

    max-width: 138%;

}



.textual-content {

    float: left;

    width: 100%;

    position: relative;

    z-index: 999;

}



.textual-content2 {

    float: left;

    width: 100%;

    padding-left: 20px;

}





.big-image1 {

    float: left;

    width: 100%;

    height: 490px;

    background-image: url(../images/new/about-section3.jpg);

    background-size: cover;

    background-position: center center;

    margin-bottom: -170px;

}



.big-image2 {

    float: left;

    width: 100%;

    height: 490px;

    background-image: url(../images/new/r-d6.jpg);

    background-size: cover;

    background-position: center center;

    margin-bottom: -230px;

}



.big-image3 {

    float: left;

    width: 100%;

    height: 490px;

    background-image: url(../images/our-journey-cover.png);

    background-size: cover;

    background-position: center center;

    margin-bottom: -230px;

}





.blue-box1 {

    background: #075591;

    max-width: 850px;

    margin: auto;

    padding: 40px 50px;

    clear: both;

    z-index: 999;

    position: relative;

}



.upper {

    text-transform: uppercase;

}









.para-2 {

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0.4px;

    font-weight: 300;

}



.quote-textual {

    float: left;

    width: 128%;

    background: #075591;

    height: 100%;

    padding: 30px 120px 10px 120px;

    max-width: 128%;

}

.quote-textual>h6 {

    border-bottom: 1px solid silver;

    padding-bottom: 6px;

    font-weight: 400;

    letter-spacing: 0.4px;

    font-size: 14px;

    margin-left: -265px;

}



.quote-bg {

    float: left;

    width: 100%;

    margin-left: -120px;

    padding-left: 120px;

    background-image: url("../images/quotations-bg.jpg");

}





.quote-bg {

    float: left;

    width: 100%;

    margin-left: -120px;

    padding-left: 120px;

    background-image: url(../images/quotations-bg.jpg);

    background-repeat: no-repeat;

    background-size: 70px;

    background-position: top left;

    background-position-x: 20px;

    margin-top: 20px;

}

.quote-name {

    float: left;

    width: 100%;

}

.quote-name h5 {

    font-weight: 300;

    letter-spacing: 0.8px;

}

.quote-name h3 {

    font-size: 45px;

    line-height: 45px;

    letter-spacing: 1.5px;

    font-weight: 800;

}



.quote-name {

    float: left;

    width: 100%;

    margin-left: -250px;

}





.textual-content3 {

    float: left;

    width: 100%;

    padding: 0px 110px;

}



.textual-content4 {

    float: left;

    width: 100%;

    height: 100%;

    background-image: url(../images/pattern-bg1.jpg);

    padding: 40px 65px;

    background-repeat: no-repeat;

    background-color: #f7faf1;

    background-position: bottom right;

    background-size: 230px;

}







.para-4 {

    font-size: 18px;

    line-height: 28px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

    max-width: 400px;

}



section.about-us-sec {

    padding-top: 150px;

    background-image: url(../images/blue-bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 200px;

}

.header-wrapper {

    float: left;

    width: 100%;

    border-bottom: 1px solid #ffffff3d;

}







.custom-image4 {

    float: left;

    width: 100%;

 

}









.custom-image4 img {



    width: 100%;

}





.top-bar1 .topbar-actions>a:hover {

    color:#cedc2e !important;

}

.wordlwide-dropdown button.dropdown-toggle img {

    border-radius: 100%;

    width: 10px;

}



.wordlwide-dropdown:hover button.dropdown-toggle {

    background: #cedc2e !important;

    color: white;

    border: 1px solid #cedc2e !important;

}



.wordlwide-dropdown:hover button.dropdown-toggle img {

filter: brightness(1);

}





 



.custom-heading2 {

    font-size: 40px;

    font-weight: 800;

    letter-spacing: 0.5px;

    line-height: 41px;

}

.custom-heading3 {

    font-size: 35px;

    font-weight: 400;

    letter-spacing: 0.2px;

}

.custom-heading4 {

    font-size: 30px;

    font-weight: 700;

    color: #666666;

}

.custom-image5 {

    float: left;

    width: 100%;

}

.custom-image5 img {

    width: 100%;

}



.custom-border1 {

    border-right: 1px solid #cddc2e;

    padding: 20px 0px;

}



.custom-border1  p {

    max-width: 100%;

}

.news-box {

    float: left;

    width: 100%;

    background: #f8f8f9;

    cursor: pointer;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.news-box:hover {

    background:#0560a6;

}

.news-box:hover h5 , .news-box:hover p , .news-box:hover p a {

    color:white !important;

}



.news-box:hover span.date-text1 {

    color:white;

}

.news-box:hover span.date-text3 {

    color:#cedc2e;

}

.news-box:hover .custom-btn3 {

    border: 1px solid white;

   /* color:white;*/

}

.custom-btn-33

{

    color: white;

    display: none;

}

.custom-btn-44

{

    color: white;

    

}

.news-box:hover .custom-btn-44 {

    display: none;

}

.news-box:hover .custom-btn-33 {

    display: block;

}



.news-box:hover span.date-text1 b {

    color:#cedc2e;

}



.news-box:hover .news-box-info .news-btn1 {

color:white;

}



.news-box:hover .news-btn1 svg {

      color:#cedc2e;

}



.news-box-image {

    float: left;

    width: 100%;

}



.news-box-desc {

    float: left;

    width: 100%;

    /*padding: 14px 20px;*/

    padding: 15px 15px;

    word-break: break-word;

   

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

        height: 200px;



}



.news-box-desc h5 {

    color: #333333;

    margin: 0px;

    font-size: 12px;

    letter-spacing: 0.2px;

    line-height: 15px;

    font-weight: 600;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    margin-bottom: 8px;

}

.news-box-desc p {

    color: #333333;

    font-weight: 400;

    font-size: 11px;

    line-height: 15px;

    margin: 0px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.news-box-info {

    float: left;

    width: 100%;

    padding: 20px 10px;

    position: relative;

}

span.date-text3  {

    color: grey;

}



span.date-text1 {

 /*   float: right;

    width: 100px;

    padding-left: 50px;

    position: relative;*/

    color: grey;

    font-size: 11px;

    line-height: 16px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.news-btn1 {

    color: grey;

    font-weight: 500;

    font-size: 13px;

    padding: 5px 0px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}





span.date-text1 b {

    font-weight: 700;

    /*position: absolute;

    left: 2px;

    top: 8px;*/

    font-size: 40px;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.news-btn1 svg {

    color: #075591;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.news-row .slick-track {

    display: flex;

}

.news-row .slick-track>div {

    padding: 15px 8px !important;

    height: inherit;

    display: flex;

}



button.slick-prev, button.slick-next {

    z-index: 9999 !important;

    position: absolute;

}





button.slick-prev::before {

    content: "<";

    font-family: "Poppins" !important

}

button.slick-next::before {

    content: ">";

    font-family: "Poppins" !important

}

  button.slick-arrow {

    width: 37px !important;

    height: 37px !important;

    border-radius: 100%;

    opacity: 1 !important;

}



.arrows-1 button.slick-arrow {

    background: #cfd9e0 !important;

    width: 37px !important;

    height: 37px !important;

    border-radius: 100%;

    opacity: 1 !important;

}



.arrows-1 button.slick-arrow:hover {

background:#0560a6 !important;

color:white !important;

}



.arrows-1 button.slick-prev {

    left: -34% !important;

    bottom: 0px !important;

    top: auto !important;

}



.arrows-1 button.slick-next {

    left: -26%;

    bottom: 0px !important;

    top: auto !important;

}









.arrows-2 button.slick-arrow {

    background: #cfd9e0 !important;

    width: 37px !important;

    height: 37px !important;

    border-radius: 100%;

    opacity: 1 !important;

}



.arrows-2 button.slick-arrow:hover {

background:#0560a6 !important;

color:white !important;

}



.arrows-2 button.slick-prev {

    left: 12% !important;

    bottom: -80px !important;

    top: auto !important;

    z-index: 99999;

    left: auto !important;

    bottom: -80px !important;

    top: auto !important;

    z-index: 99999;

    right: -26% !important;

}

.arrows-2 button.slick-next {

    left: 19.5% !important;

    bottom: -80px !important;

    top: auto !important;

    z-index: 99999;

}









.arrows-3 button.slick-arrow {

    background: #cfd9e0 !important;

    width: 37px !important;

    height: 37px !important;

    border-radius: 100%;

    opacity: 1 !important;

}



.arrows-3 button.slick-arrow:hover {

background:#0560a6 !important;

color:white !important;

}



.arrows-3 button.slick-prev {

    left: 10.5% !important;

    bottom: -60px !important;

    top: auto !important;

}

.arrows-3 button.slick-next {

    left: 14% !important;

    bottom: -60px !important;

    top: auto !important;

}



.arrows-5 button.slick-arrow {

    background: #cfd9e0 !important;

    width: 37px !important;

    height: 37px !important;

    border-radius: 100%;

    opacity: 1 !important;

}

 

.arrows-5 button.slick-arrow:hover {

background:#0560a6 !important;

color:white !important;

}

.arrows-5 button.slick-prev {

    left: auto !important;

    bottom: 0px !important;

    top: auto !important;

    right: 34% !important;

}



.arrows-5 button.slick-next {

    left: auto !important;

    bottom: 0px !important;

    top: auto !important;

    right: 29% !important;

}











.arrows-6 button.slick-arrow {

    background: #cfd9e0 !important;

    width: 45px !important;

    height: 45px !important;

    border-radius: 100%;

    opacity: 1 !important;

}

.arrows-6 button.slick-arrow:hover {

background:#0560a6 !important;

color:white !important;

}

.arrows-6 button.slick-prev {

    left: 0% !important;

    bottom: 0px !important;

    top: 35% !important;

    right: auto !important;

}



.arrows-6 button.slick-next {

    left: 56px !important;

    bottom: auto !important;

    top: 35% !important;

    right: auto !important;

}







.arrows-7 button.slick-arrow {

    background: #cfd9e0 !important;

    width: 37px !important;

    height: 37px !important;

    border-radius: 100%;

    opacity: 1 !important;

}



.arrows-7 button.slick-arrow:hover {

background:#0560a6 !important;

color:white !important;

}



.arrows-7 button.slick-prev {

    left: 11% !important;

    bottom: 0px !important;

    top: auto !important;

}



.arrows-7 button.slick-next {

    left: 15% !important;

    bottom: 0px !important;

    top: auto !important;

}







.arrows-8 button.slick-arrow {

    background: #cfd9e0 !important;

    width: 37px !important;

    height: 37px !important;

    border-radius: 100%;

    opacity: 1 !important;

}



.arrows-8 button.slick-arrow:hover {

background:#0560a6 !important;

color:white !important;

}



.arrows-8 button.slick-prev {

    bottom: 4.5vw !important;

    top: auto !important;

    left: 55vw !important;

}



.arrows-8 button.slick-next {

    bottom: 4.5vw !important;

    top: auto !important;

    left: 58vw !important;

}





.banner-slide {

    float: left;

    width: 100%;

    min-height: 700px;

    display: flex;

    align-items: center;


    background-size: cover;

    background-position: top center;

    position: relative;

}

.custom-slider2  .slick-slide {

    overflow: hidden;

}




.banner-text {

    display: block;

    max-width: 450px;

    margin-top: -30px;

}

.banner-text h3 {

    /* font-size: 55px; */

    font-size: 48px;

    font-weight: 700;

    letter-spacing: 0px;

    /* line-height: 55px; */

    line-height: 52px;

}



.blue-box2 {

    background: #0560a6;

    padding: 0px 14px 0px 40px;

    border: 15px solid white;

    max-width: 950px;

    margin: auto;

    margin-top: -100px;

    z-index: 999;

    position: relative;

}

.blue-box2 .textual-content5 {

    float: left;

    width: 100%;

    padding: 10px 30px 0px 10px;

}

.blue-box2 .textual-content5 p {

    line-height: 20px;

    letter-spacing: 0.1px;

    font-size: 1.2vw;

    color: white !important;

    font-weight: 200 !important;

}





.textual-content5 p {

    line-height: 22px;

    letter-spacing: 0.1px;

}



.custom-btn2 {

    background: none;

    border: 1px solid white;

    color: white;

       padding: 0.7vw 2vw;

    font-weight: 500;

    border-radius: 30px;

    font-size: 1.1vw;

    min-width: 12vw;

    text-align: center;

}



 

 

.textual-bg1 {

    background-image: url(../images/textual-bg1.jpg);

    background-size: 105px;

    /*background-repeat: no-repeat;

    background-position: bottom left;

    background-position-x: 0%;*/

    background-repeat: no-repeat;

    background-position: left;

    background-position-x: 2%;

    background-position-y: 105%;

}







.textual-bg2 {

    background-image: url(../images/textual-bg1.jpg);

        background-size: 95px;

    background-repeat: no-repeat;

    background-position: right;

    background-position-y: 85%;

        background-position-x: 98%;

}



.pattern-bg2 {

    background-image: url(../images/pattern-bg2.jpg);

    background-repeat: no-repeat;

    background-position: top right;

    background-size: 200px;

}





.bg-sec1  {

    background-image: url("../images/new/home-section5.jpg");

    background-size: cover;

}

 



.pattern-bg3 {

    position: absolute;

    left: 0px;

    top: 65%;

    width: 220px;

}



/*Top Bar 2*/

.top-bar2 .topbar-actions>a {

    color: #9e9e9e;

    font-weight: 400;

}

.top-bar2 .wordlwide-dropdown button {

    font-weight: 700;

    color:#8c7b4a;

    border: 1px solid #9e9e9e;

}
.fa-globe{
	    color:#8c7b4a;
	
}

section.bg-sec2 {

    background-image: url(../images/bg-sec2.jpg);

    background-size: cover;

    background-position: center center;

    padding-bottom: 100px;

}



.overlay-text1 {

    display: block;

    text-align: center;

   

}

.collab-head {

    margin-top: -5px;

}

.collab-head h3 {

    font-size: 60px;

    line-height: 60px;

}

.overlay-text1 h5 {

    background: linear-gradient(to top, #e4e9ec 0%, #ffffffcf 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 180px;

    font-weight: 800;

    margin: 0px;

    line-height: 122px;

    word-break: normal;

}

.collab-image img {

    width: 100%;

    max-width: 100%;

    margin: auto;

    display: block;

}

.news-box:hover {

    -webkit-transform: scale(1.02);

    cursor: pointer;

    transition: .5s;

        box-shadow: 0px 0px 10px -2px black;

}

.collab-row {

    display:block;

}



* {

    word-break: break-word;

}



.collab-box {

    text-align: center;

    display: block;

}

.collab-box>span {

    background: linear-gradient(

45deg, #b1b1b1, transparent);

    display: block;

    padding: 10px;

    border-radius: 100%;

    width: 120px;

    height: 120px;

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

    justify-items: center;

    margin: auto;

}

.collab-box b {

    background: white;

    border-radius: 100%;

    width: 30px;

    height: 30px;

    display: inline-block;

    line-height: 30px;

    font-weight: 600;

    color: #0560a6 !important;

    position: relative;

    display: inline-block;

    top: -15px;

}

.line-2 {

    height: 50px;

    width: 2px;

    margin: auto;

    border-right: 1px dashed #0560a6;

    margin-top: -16px;

    position: relative;

}

.line-2 sup {

    width: 6px;

    height: 6px;

    background: #0560a6;

    border-radius: 100%;

    position: absolute;

    left: -1.5px;

    top: 100%;

}

.collab-box h5 {

    font-weight: 500;

    color: #0560a6;

    letter-spacing: 0.4px;

    padding: 0px 10px;

    margin-top: 15px;

    text-transform: uppercase;

}



.top-bar2 .topbar-actions>a:hover {

    color: #a9cf3b;

}



.collab-image {

    display: none;

}





/*changes 1*/

/*.top-bar2 {

    background: rgb(0 0 0 / 20%);

    position: relative;

}*/

 

.collab-row {

    display: flex;

    float: left;

    width: 102%;

    align-items: center;

    background: url(../images/snake.png);

    background-repeat: no-repeat;

    background-size: 100% 42%;

    background-position: center;

    /*background-position-y: 190px;*/

    background-position-y: 185px;

    padding: 0px 15px;

    margin-top: -80px;

}

.collab-box:nth-child(odd) {

    transform: scale(-1);

    height: auto;

}

.collab-box:nth-child(odd) h5

{

  transform: scale(-1);

}

.collab-box:nth-child(odd) b

{

  transform: scale(-1);

}

.collab-box span:hover {

    background: #0560a6;

}

.collab-box span:hover img.collab-img {

    filter: brightness(0) invert(1);

}

.collab-box:nth-child(odd) img

{

      transform: scale(-1);

}

.collab-box>span {

    padding: 20px;

    width: 100px;

    height: 100px;

}

.collab-box:nth-child(even) {

    margin-top: 230px;

}

.collab-box h5 {

    padding: 0px 0px;

    font-size: 10px;

}

.collab-box {



    width: 160px;

}

.mobile

{

  display: none;

}

div.a {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate( 

-90deg);

    left: -295px;

    color: #f3f3f3;

    font-size: 100px;

    font-weight: 800;

    position: relative;

    bottom: 190px;

    letter-spacing: 5px;

    word-break: normal;

}

div.a2 {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate(

-90deg);

    left: 0px;

    color: #f3f3f3;

    font-size: 105px;

    font-weight: 800;

    position: relative;

    bottom: 220px;

    letter-spacing: 1px;

    left: 65%;

    word-break: normal;

}



div.a3 {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate( 

-90deg);

    left: -275px;

    color: #f3f3f3;

    font-size: 90px;

    font-weight: 800;

    position: relative;

    bottom: 320px;

    letter-spacing: 5px;

    word-break: normal;

}



div.a4 {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate( 

-90deg);

    left: -282px;

    color: #f3f3f3;

    font-size: 90px;

    font-weight: 800;

    position: relative;

    bottom: 235px;

    letter-spacing: 2px;

    word-break: normal;

}

.pattern-bg3 {

    position: absolute;

    left: -20px;

    top: 25%;

    width: 100%;

}

.pad-top-120

{

   padding-top: 120px !important;

}

.t-a p {

    -moz-transform: rotate(270deg);

    -moz-transform-origin: right top;

    -ms-transform: rotate(270deg);

    -ms-transform-origin: right top;

    -o-transform: rotate(270deg);

    -o-transform-origin: right top;

    transform: rotate(-90deg);

    transform-origin: bottom right;

    font-size: 105px;

    color: #f3f3f3 !important;

    font-weight: 800;

    position: relative;

    bottom: 30px;

}

.collab-box:nth-child(even) {

    margin-top: 220px;

    vertical-align: middle;

    height: auto !important;

}

/*changes 1 close*/



.pattern-bg3 img {

    width: 24%;

}

.pattern-bg3 {

    position: absolute;

    left: -50px;

    top: 50%;

    width: 100%;

}





.custom-btn1 , .custom-btn2 {

    position: relative;

    overflow:hidden;

}



.custom-btn1 span , .custom-btn2 span {

    position: relative;

    z-index: 9999;

}



.custom-btn1:hover {

    color:white;

}

.custom-btn1:hover:before {

transform: translateX(0);

}

.custom-btn1::before {

    content: ".";

    font-size: 0px;

    width: 100%;

    height: 100%;

    position: absolute;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    background: #0560a6;

    z-index: -9;

    left: 0px;

    top: 0px;

    transform: translateX(-100%);

}









.custom-btn2:hover {

    color:#0560a6;

}

.custom-btn2:hover:before {

transform: translateX(0);

}

.custom-btn2::before {

    content: ".";

    font-size: 0px;

    width: 100%;

    height: 100%;

    position: absolute;

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    background:white;

    z-index: 9;

    left: 0px;

    top: 0px;

    transform: translateX(-100%);

}

.overlay-text1 h5 {

    font-size: 13vw;

    text-align: center;

    line-height: 8vw;

}



.menu-item ul {

    display: none !important;

}



/*.news-box {

    padding-bottom: 60px;

    position: relative;

}*/



.news-box-info {

/*    position: absolute;

    bottom: 0px;

    left: 0px;*/

        padding: 25px 0px 25px 20px;

     border-top: 1px solid #cdcdcd;

}



header .container {

    max-width: 1120px !important;

}

.top-bar1 .container {

    max-width: 1120px !important;

}

.banner-slide .container {

    max-width: 1100px !important;

}

.quote-bg p {

    font-size: 15px !important;

    line-height: 25px !important;

}

.custom-pad2 {

    padding-left: 50px;

}

.textual-content.custom-pad2.custom-pad10 {

    padding-left: 50px !important;

}

section.about-us-sec .container {

    max-width: 1090px !important;

}



.page-banner-image {

    margin-top: -60px;

}



.textual-content4 p {

    max-width: 340px;

    font-size: 17.5px;

}

section.quotation-sec2 {

    background-image: url("../images/quotation-bg2.png");

    background-size: cover;

    background-position: top right;

    padding:170px 0px;

}

html body .container2 {

    max-width: 1100px !important;

}



.col-green {

    color:#cedc2e !important;

}

.col-gray {

    color:#666666 !important;

}



.quotation-text1 {

    float: left;

    width: 100%;

}



.quotation-text1 h3 {

    font-size: 2.6vw;

    font-weight: 300;

    letter-spacing: 0.3px;

    line-height: 3.6vw;

}



.quotation-text1 h3 b {

    font-weight: 700;

}

h6.line-text {

    font-size: 14px;

}

.para-5 {

    color: #666666;

    font-weight: 300;

    font-size: 2.5vw !important;

    line-height: 37px;

    font-size: 2.6vw;

    line-height: 3.2vw;

}



section.product-portfolio-sec {

    background-image: url(../images/grey-box.jpg), url(../images/pattern-bg5.jpg);

    background-size: 54% 100%, 270px;

    background-repeat: no-repeat,no-repeat;

    background-position: top left, bottom right;

    padding: 80px 0px;

}



.list-1 {

    padding: 0px;

    margin: 0px;

    list-style: none;

}



.list-1 li {

    font-weight: 600;

    font-size: 1.24vw;

    margin-bottom: 0.8vw;

    position: relative;

    padding-left: 37px;

}

.list-1 li svg {

    position: absolute;

    left: 0px;

    top: 2px;

    border: 1px solid;

    width: 24px !important;

    height: 24px !important;

    border-radius: 100% !important;

    padding: 2px !important;

    vertical-align: middle !important;

}

.quote-heading1 {

    font-size: 2.8vw;

    font-weight: 300;

    line-height: 3.5vw;

    max-width: 900px;

    margin: auto;

}



.bg-sec3 {

    background-image: url(../images/new/product3.jpg);

    background-size: cover;

    background-position: top right;

    padding: 100px 0px;

    box-shadow: inset 2000px 0 0 0 rgb(0 0 0 / 30%);

}

.blue-box3 {

    background: #075591;

    float: none;

    width: 100%;

    padding: 30px 25px;

    min-height: 290px;

    max-width: 300px;

    margin: auto;

  /*  cursor: pointer;*/

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

/*.blue-box3:hover {

    background:white;

    color:black;

}*/



/*.blue-box3:hover p {

    color:black !important;

}*/

.blue-box3 p {

    font-size: 1.8vw;

    font-weight: 300;

    letter-spacing: 0.3px;

    line-height: 2.4vw;

      transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.custom-heading5 {

    font-weight: 700;

    letter-spacing: -1px;

    font-size: 5.8vw;

    line-height: 5.5vw;

}



.textual-content6 {

    float: left;

    width: 49%;

    margin: 0px !important;

}

.textual-content6 h3 {

    font-size: 7.5vw;

    font-weight: 700;

    letter-spacing: 1.5px;

    line-height: 6vw;

    margin: 0px 0px 5px 0px;

    margin-bottom: 1vw;

}

.textual-content6 p {

    color: #666666;

    font-weight: 300;

    font-size: 1.6vw;

    letter-spacing: 0.6px;

    max-width: 92%;

    line-height: 2vw;

}

 





.para-6 {

    color: #666666;

    font-size: 2vw !important;

    font-weight: 300;

    line-height: 2.4vw;

}

.custom-heading6 {

    font-size: 1.9vw;

    font-weight: 700;

}

.blue-box5 {

    background: #075591;

    max-width: 840px;

    margin: auto;

    padding: 55px 30px;

    display: block;

    margin-top: -200px;

    z-index: 9999;

    position: relative;

}

.blue-box5 h3 {

    font-size: 2.8vw;

    font-weight: 200;

    letter-spacing: 0px;

    line-height: 3.7vw;

}

.bg-sec4 {

    float: none;

    width: 100%;

    text-align: right;

    background:#f8f8f9;

}

.bg-sec4 img {

    width: 100%;

}





.download-btn1 {

    color: #0560a6;

    background: none;

    border: none;

    font-weight: 500;

    letter-spacing: 0.4px;

    font-size: 14px;

}



.download-btn1 img {

    width: 50px;

    margin-right: 5px;

    vertical-align: middle;

    margin-bottom: 15px;

}



.bg-sec5 {

    background-image: url("../images/new/career2.jpg");

    background-size: cover;

    padding:120px 0px;

}



.event-block {

    float: left;

    width: 100%;

    position: relative;

    margin-bottom: 25px;

}



.event-image {

    width: 100%;

}

.event-text {

    position: absolute;

    bottom: 20px;

    left: 0px;

    width: 100%;

    padding: 0px 20px;

    box-shadow: 0px 0px 0px 4000px rgb(0 0 0 / 30%) inset;

}





.event-text h4 {

    font-size: 14px;

    margin: 0px;

    letter-spacing: 0.4px;

}



.footer-list h3 a {

    color:white;

}



.custom-slider2 .slick-list {

    overflow: visible;

}

.custom-pad3 {

    padding:0px 8px !important;

}



.news-block2 {

    float: left;

    width: 100%;

    cursor: pointer;

    position: relative;

}

.news-block2:hover .news-text2{

visibility: hidden;

opacity: 0;

}



.news-block2:hover .news-button2{

visibility: visible;

opacity: 1;

}



.news-image2 {

    float: left;

    width: 100%;

}



.news-image2 img {

    width: 100%;

}





.news-text2 {

    float: left;

    position: absolute;

    bottom: 20px;

    left: 0px;

    width: 100%;

    padding: 0px 15px;



    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.news-text2 p {

    font-size: 12px;

    line-height: 18px;

    letter-spacing: 0.2px;

    margin: 0px !important;

}



.news-button2 {

    float: left;

    width: 100%;

    position: absolute;

    bottom: 10px;

    left: 0px;

    width: 100%;

    text-align: center;

    padding: 25px 0px;

    z-index: 999;

    visibility: hidden;

opacity: 0;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.news-button2 a {

    color: white;

    border: 1px solid white;

    padding: 10px 25px;

    letter-spacing: 0.8px;

    font-size: 13px;

}





.news-button2 a:hover {

    background:white;

    color:black;

}

.form-2 {

    width: 80%;

    padding: 0px 50px;

    margin: 0 auto;

}



.form-field3 {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}





.form-field3 span {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: 0.3px;

    width: 30%;

    display: inline-block;

    vertical-align: middle;

    height: 40px;

    padding: 13px 0px 0px 0px;

    color: #666666 !important;

}

.form-field3 .field-style3 {

    width: 95%;

    border: 1px solid #dddddd;

    height: 42px;

    padding: 0px 20px;

    border-radius: 30px;

    font-size: 13px;

    letter-spacing: 0.3px;

    vertical-align: top;

}



textarea.field-style3 {

    height: 100px !important;

    padding: 12px 20px !important;

    border-radius: 20px !important;

}



.bg-sec6 {

    background-image: url(../images/new/Partnership-3.jpg);

    background-size: cover;

    background-position: top right;

    padding: 100px 0px;

}





.bullet-1 {

    font-weight: 600;

    letter-spacing: 0.3px;

    font-size: 15px !important;

    position: relative;

    padding-left: 35px;

}

.bullet-1  svg {

    position: absolute;

    left: 0px;

    top: 2px;

    border: 1px solid;

    width: 22px !important;

    height: 22px !important;

    border-radius: 100% !important;

    padding: 2px !important;

    vertical-align: middle !important;

}

.custom-pad4 {

    padding-left: 35px;

}





.career-text1 {

    font-weight: 700;

    color: #333333;

    font-size: 15px;

    letter-spacing: 0.3px;

    line-height: 18px;

}







.career-text2 {

    font-weight: 600;

    color: #333333;

    font-size: 14px;

    letter-spacing: 0.3px;

    line-height: 18px;

}





.career-text2 a {

    font-weight: 400;

    border-left: 1px solid silver;

    margin-left: 10px;

    font-size: 13px;

    padding-left: 10px;

}





.bg-sec7 {

    background-image: url("../images/new/r-d-4.jpg");

    background-size: cover;

    background-position: top right;

}



.custom-border2 {

    height: 100%;

    display: flex;

    flex-wrap: wrap;

    align-content: start;

   /* border-right: 1px solid #d8dee0;  */

    padding-right: 10px;

    width: 95%;

    padding-left: 20px;

    padding-top: 20px;

}

.custom-width1 {

    width: 100%;

    max-width: 520px;

}



.custom-btn1::before , .custom-btn2::before {

    display: none !important;

}

 



.custom-btn1 {

    background: none;

    background-image: url(../images/blue-bg.jpg);

    background-size: 0% 100%;

    background-repeat: no-repeat;

    background-position: top left;

    transition: all 0.36s ease-in-out;

    transition: all 0.36s ease-in-out;

}

.custom-btn1:hover {

    background-size: 101% 100%;

}





.custom-btn2 {

    background: none;

    background-image: url(../images/white-box.jpg);

    background-size: 0% 100%;

    background-repeat: no-repeat;

    background-position: top left;

    transition: all 0.36s ease-in-out;

    transition: all 0.36s ease-in-out;

}

.custom-btn2:hover {

    background-size: 101% 100%;

}



.career-box {

    float: left;

    width: 100%;

    position: absolute;

    left: 13%;

    top: 7%;

    max-width: 67%;

}

.career-box h5 {

    font-style: italic;

    letter-spacing: 0.6px;

    line-height: 23px;

    font-weight: 700;

}

.career-box .career-text2 {

    max-width: 88%;

    margin-top: 2px !important;

    font-size: 14px !important;

}



.bubble-image1 {

        float: left;

    width: 100%;

}



.bubble-image1 img {



    max-width: 138%;

    width: 138%;

}



.statistic-box h5 {

    color: #333333;

    font-weight: 300;

    font-size: 25px;

    letter-spacing: 0.2px;

}

 

.statistic-box h3 {

    font-weight: 800;

    font-size: 44px;

    letter-spacing: 0px;

    line-height: 44px;

}



.statistic-box-main {

    margin-top: 70px;

}



.custom-margin1 {

    margin-bottom: -150px;

}







.top-bar1 .wordlwide-dropdown button svg:nth-child(1) {

    color: #0065b3;

    font-size: 18px;

    vertical-align: middle;

    margin-right: 2px;

}





.top-bar1 .wordlwide-dropdown:hover button svg {

    color:white !important;

}





 

.custom-border2 h5, .custom-border2 h3 {

    width: 100%;

}



.menu-header , .menu-footer {

    display: none;

 }





 body.block-scroll {

    overflow: hidden !important;

}





.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {

    opacity: 1 !important;

}

.list-1 li img  , .bullet-1 img{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 26px;

}



.blog-block {

    float: left;

    width: 100%;

    cursor: pointer;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    margin-bottom: 44px;

}

.blog-block:hover {

transform: scale(1.03);

-webkit-transform: scale(1.03);

}





.blog-date {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}





.blog-image {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}



.blog-image img {

    width: 100%;

}





.blog-desc {

    float: left;

    width: 100%;

}





.blog-desc h4 {

    color: #333333;

    font-weight: 600;

    font-size: 14px;

    letter-spacing: 0px;

    line-height: 19px;

    margin: 0px 0px 12px 0px;

}

.blog-desc a {

    color: #0560a6 !important;

    font-weight: 500;

    font-size: 13px;

    letter-spacing: 0.2px;

}





.blog-desc a svg {

    font-size: 12px;

    margin-right: 1px;

}





.custom-pad6 {

    padding: 0px 10px;

}.blog-date h6.line-text {

    font-size: 12px !important;

}





.custom-pagination {

    float: left;

    width: 100%;

}

.custom-pagination ul {

    padding: 10px 0px;

    list-style: none;

    float: left;

    width: 100%;

    text-align: center;

    position: relative;

    margin: 0px !important;

}



.custom-pagination ul li {

    display: inline-block;

    vertical-align: top;

}

.custom-pagination ul li a {

    color: #333333;

    font-weight: 600;

    padding: 0px 12px;

}







.custom-pagination ul li.active a {

    color:#0560a6 !important;

}



a.arrow-icon {

    background: #cfd9e0;

    width: 38px;

    height: 38px;

    vertical-align: middle;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

    color: white !important;

    font-size: 17px !important;

    opacity: 0.8 !important;

}



a.arrow-icon:hover {

     background: #0560a6 !important;

   opacity:1 !important;  

}



.custom-pagination ul li:nth-child(1) {

    position: absolute;

    left: 0px;

    top: 0px;

}





.custom-pagination ul li:nth-last-child(1) {

    position: absolute;

    right: 0px;

    top: 0px;

}

.top-bar2 .wordlwide-dropdown button svg:nth-child(1) {

    color: white !important;

}



.form-4 {

    float: left;

    width: 100%;

}

.form-field4 {

    float: left;

    width: 100%;

    margin-bottom: 22px;

}



.field-style4 {

    width: 100%;

    height: 48px;

    border: 1px solid #c2c2c2;

    color: black;

    font-weight: 500;

    letter-spacing: 0.3px;

    padding: 0px 20px;

    border-radius: 30px;

}

.field-style4::placeholder {

    color:black;

}



textarea.field-style4 {

    height: 170px;

    border-radius: 15px;

    resize: none;

    padding:10px 10px;

}



.custom-border3 {

    border-right: 1px solid #c2c2c2;

    padding-right: 55px;

}





.custom-pad7 {

    padding-left: 55px;

}



.social-icons2 {

    float: left;

    width: 100%;

}



.social-icons2 h3 {

    font-weight: 700;

    font-size: 28px;

    margin: 0px 0px 8px 0px;

}



.social-icons2 ul {

    padding: 0px;

    margin: 0px;

    list-style: none;

}



.social-icons2 ul li {

    float: left;

    margin-right: 10px;

}





.social-icons2 ul li a {

    background: #8d9aa3;

    color: white !important;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

}



.social-icons2 ul li a:hover {

    background:#a9cf3b;

    color:white;

}



.map-1 {

    float: left;

    width: 100%;

    margin-bottom: 120px;

}

.map-1 iframe {

    width: 100%;

    height: 280px;

}





.overlay-text2 {

    float: left;

    width: 100%;

    text-align: center;

    margin-bottom: -44px;

}



.overlay-text2 span {

    display: block;

    font-size: 8.2vw;

    word-break: normal;

    color: #dedede !important;

    white-space: nowrap;

    font-weight: 800;

    opacity: 0.7;

}







.worldwide-box {

    float: left;

    width: 99.7%;

    position: relative;

}



.worldwide-image {

    float: left;

    width: 100%;

}



.worldwide-image img {

    width: 100%;

}



.worldwide-title {

    float: left;

    width: 100%;

    padding: 0px 25px;

    position: absolute;

    left: 0px;

    top: 25px;

}



.worldwide-title h3 {

    margin: 3px 0px 0px 0px;

    font-weight: 700;

    font-size: 28px;

    letter-spacing: 0.8px;

}





.worldwide-desc {

    float: left;

    width: 100%;

    padding: 0px 20px;

    position: absolute;

    bottom: 15px;

    left: 0px;

    padding-top: 65px;

    height: 180px;

}



.worldwide-desc h3 {

    font-weight: 600;

    line-height: 26px;

    font-size: 23px;

    margin-bottom: 12px !important;

    margin-top: 0px;

    position: absolute;

    top: 0px;

    left: 20px;

}




.worldwide-desc p {

    font-weight: 300;

    font-size: 13px;

    line-height: 20px;

    margin-bottom: 7px;

    letter-spacing: 0.3px;

}





.worldwide-box2 h3 {

    font-weight: 600;

    letter-spacing: 0.5px;

    font-size: 20px;

    margin: 15px 0px 18px 0px;

}



.worldwide-box2 p {

    font-weight: 500;

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 12px !important;

}





.worldwide-box2 {

    float: left;

    width: 100%;

    border-right: 1px solid #d7d9da;

    padding-bottom: 28px;

    margin-bottom: 40px;

    /*padding-right: 15px;*/

}

.no-border {

    border:none !important;

}



ul.list-2 {

    list-style: none;

    padding: 0px;

    margin: 0px;

        max-width: 85%;

}

 



.list-2 li {

    color: #666666;

    font-size: 16px;

    letter-spacing: 0.3px;

    position: relative;

    padding-left: 24px;

    margin-bottom: 15px;

    line-height: 25px;

}

.list-2 li svg {

    position: absolute;

    left: 0px;

    top: 6px;

    font-size: 11px;

    color: #0560a6;

}









.bullet-2 {

    font-size: 14px !important;

}

.bullet-2 img {

    position: absolute;

    top: 0px;

    width: 22px;

    left: 0px;

}

.bullet-2 {

    font-size: 14px !important;

    padding-left: 32px !important;

}



input[type="file"].field-style3 {

    padding: 8px 20px;

}



.career-box2 {

    /*left: 22%;*/

    left: -12%;

}







.bullet-3 {

    font-weight: 400 !important;

    font-size: 15px !important;

    letter-spacing: 0.5px;

    line-height: 23px;

}

.bullet-3 img {

    top: 3px !important;

    width: 21px !important;

}

.bullet-3 b {

    display: block;

}



/*.footer-desktop

{

    display: block;

}*/

.footer-mobile

{

    display: none; 

} 

.textual-content3 h3 span {

    font-weight: 300;

}

.textual-content7 p {

    font-size: 1.9vw;

    color: #333333;

}

.textual-content7 h3 {

    font-size: 4.5vw;

    padding-top: 10px;

    color: #0560a6 !important;

}

.textual-content8 h4 {

    color: #0560a6 !important;

    font-weight: 300;

}

.textual-content8 h4 span {

    font-size: 10vw;

    font-weight: 800;

    margin-right: -1.5vw;

}

.textual-content8 {

    background: #f7f7f7;

    padding: 3vw 2.5vw 6.5vw 1.5vw;

    height: 24vw;

}

.textual-content9 {

    padding: 0.8vw 2.5vw 6.5vw 1.5vw;

}

.textual-content8 p {

    font-size: 1.2vw;

    line-height: 1.5vw;

}

.our-values {

    padding: 0px 5px !important;

}

.main-head h4:nth-child(1) {

    display: inline-block;

    width: 7.1875vw;

    line-height: 2.8vw;

    

}

.main-head h4:nth-child(2) {

    display:inline-block; 

    width: 14vw;

    line-height: 2.8vw;

}

.textual-content7 {

    padding-top: 3.5vw;

}





/*.journey-banner {

    background-image: url(../images/vector-line.png); 

    background-repeat: no-repeat;

    background-position: top center;

    margin-top: 200px !important;

    background-position-y: 60px;

}*/



.journey-sec1 hr

{



    background:#eaeaea;

    float: right;

    height: 1px;

    width: 36vw;

}

.journey-sec1-pad

{

    padding-right: 60px !important;

}

.journey-sec1-pad1

{

    padding-left: 50px !important;

}

.journey-sec1 {

    text-align: right;

    padding: 50px 0px 0px 0px;

    /*padding-right: 40px;*/

}

.journey-sec1 h2 {

    font-size: 7vw;

    color: #075591;

    font-weight: 300;

}

.journey-sec1 p {

    font-size: 1.2vw;

    line-height: 1.6vw;

    color: #666666;

    max-width: 100%;

    width: 78%;

    float: right;

}



.journey-sec2 {

    text-align: left;

    /*padding-left: 80px;*/

    padding: 50px 0px 0px 0px;

}

.journey-sec2 h2 {

    font-size: 7vw;

    color: #075591;

    font-weight: 300;

    line-height: 6vw;

}

.journey-sec2 p {

    font-size: 1.2vw;

    line-height: 1.6vw;

    color: #666666;

    max-width: 100%;

    width: 75%;

}

.sec-mobile {

    display: block;

}

.menu-mobile

{

    display: none;

}

.menu-desktop

{

    display: block;

}

.menu-desktop {

    float: left;

    width: 100%;


}

.top-nav{
	float:right;
	margin-top:10px;
	margin-bottom:20px;
}

.navbar-nav-1 {
	list-style:none;

    
}
.worldwide-border {
  padding: 2px; /* Adjust the padding to make the border thinner */
  display: inline-block;
  position: relative;
  z-index: 0;
  padding-bottom:4px;
}

.worldwide-border::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 2.5px; /* Adjust the padding to make the border thinner */
  border-radius: 35px;
  background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}


.worldwide-text {

	font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
background: #A48138;
background: linear-gradient(to left, #A48138 0%, #ebdf98 50%, #A48138 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
vertically-align:center;


    
}

.icon-gradient-1 {
	position: relative;
  font-size: 25px;
 background: radial-gradient(circle at top left,#ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
top:5px;
margin-left:10px;
margin-right:10px;




}

.icon-gradien-1:before {
  display:inline;
}

.icon-gradient-2 {
	position: relative;
  font-size: 15px;
 background: radial-gradient(circle at top left,#ebdf98, #A48138, #A48138, #ebdf98,  #ebdf98, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-left:10px;
margin-right:10px;



}

.icon-gradien-2:before {
  display:inline;
}

.top-nav-left.open-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.top-nav-left.open-menu ul li {
  position: relative;
}

.top-nav-left.open-menu ul li a {
  display: block;
  padding: 20px 15px;
  color: #8c7b4a;

  text-decoration: none;
  position: relative;
}

   ul.navbar-nav-1-left li a {

      
       font-size: 13px !important;

       letter-spacing: 0.5px;
       
       font-weight: 600;
       
       margin-right:-40px !important;
       
       margin-top:-5px !important;

       /*border-bottom: 1px solid transparent;*/

   }
   
   ul.navbar-nav-1-left li a:before{
  content: '';
  
  position: absolute;
  
  top: 0;
  
  left: 50%;
  
  transform: translate(-50%, 0);
  
  width: 0;
  
  height: 100%;
  
  background-color: rgba(0, 84, 144, 0.9);
  
  border-top-left-radius: 5px;
  
  border-top-right-radius: 5px;
  
  transition: width 0.3s ease-in-out;
  
  z-index: -1; 
  
 
 

   }
  ul.navbar-nav-1-left li a:hover:before {
	
	 width: 100%;
	
}
.top-nav-left.open-menu ul li a:hover {
    color:white;

      
}

   ul.navbar-nav-1-left li a:active {

      color: #cedc2e !important;

     /* border-bottom: 1px solid #d7df27;*/

   }
    li.nav-item-left {

       float:left;

       position: relative;

       margin-left: 2.6vw;

   }

.top-nav-right{

float:right;
}
.top-nav-left{

float:left;
}



li.nav-item-1{

      float: left;
      position: relative;
      margin-left: 2.6vw;
      

   }

.dropdown-menu-list-1 li{
	list-style:none
}
.dropdown-menu-list-1{
  display: none;
  position: absolute;
  min-width: 200px; /* set the width of the dropdown menu list */
 background-color:#08213f;
 padding:10px 10px 10px 10px;
 z-index:9999;


}

.dropdown-menu-list-1 li a {
	text-align:left;
	font-size:15px !important;
	padding: 10px 15px;
  color: #8c7b4a;
   


}

.dropdown-menu-list-1 li a:hover{
  color: white;


}




.nav-item-1:hover .dropdown-menu-list-1{
  display: block;
  
  
}

  div#navbarNavDropdown {

       display: block !important;

   }

nav.open-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav.open-menu ul li {
  position: relative;
}

nav.open-menu ul li a {
  display: block;
  padding: 20px 15px;
  color: #8c7b4a;
  text-decoration: none;
  position: relative;
}
   ul.navbar-nav li a {

      

       padding: 0px 10px !important;

       font-size: 15px !important;

       letter-spacing: 0.5px;
       
       font-weight: 600;
       
        margin-right:40px !important;
        
        margin-top:-10px;
       

       /*border-bottom: 1px solid transparent;*/

   }
   
   ul.navbar-nav li a:before{
  content: '';
  
  position: absolute;
  
  top: 0;
  
  left: 50%;
  
  transform: translate(-50%, 0);
  
  width: 0;
  
  height: 100%;
  
  background-color: rgba(0, 84, 144, 0.9);
  
  border-top-left-radius: 5px;
  
  border-top-right-radius: 5px;
  
  transition: width 0.3s ease-in-out;
  
  z-index: -1; 
  
 
 

   }
  ul.navbar-nav li a:hover:before {
	
	 width: 100%;
	
}
   nav.open-menu ul li a:hover {
    color:white;

      
}

   ul.navbar-nav li a:active {

      color: #cedc2e !important;

     /* border-bottom: 1px solid #d7df27;*/

   }



   li.nav-item {

       float: left;

       position: relative;

       margin-left: 2.6vw;

   }

.dropdown-menu-list {
  display: none;
  position: absolute;
  min-width: 200px; /* set the width of the dropdown menu list */
 background-color: #08213f;
 padding:15px 10px 10px 10px !important;

}

.dropdown-menu-list li a {
	  text-align:left;
	
	  font-size: 15px !important;

       letter-spacing: 0.5px;
       
       font-weight: 600;
       
	   padding-top:0px;
	   



}

.dropdown-menu-list li a:hover{
  color: white;


}

.border-bottom {
 
  border-bottom: 1px solid rgba(255, 255, 255, 0.7); 
 width:90%;
 margin-left:10px;
 margin-right:10px;
}



.nav-item:hover .dropdown-menu-list {
  display: block;
  
}


 .menu-section1 h5 {

    font-size: 1vw;

}

ul.navbar-nav {

    padding-top: 0.4vw;

    float: right;

}

.menu-section1 h6 {

    font-size: 2.5vw;

    color: #0560a6;

    font-weight: 700;

    max-width: 100%;

    width: 86%;

    line-height: 1.1;

}

.row-main {

    max-width: 87.5vw !important;

    width: 87.5vw;

    margin: 0 auto;

}



.dropdown-menu {

    padding: 5vw 0px;

   width: 100vw !important;

    margin-left: -50vw;

    left: 50%;

    border:none;

}

.menu-section2 {

    padding-top: 0.5vw;

}





.menu-section2 hr {

    margin: 0px;

    background: #0560a6;

}

.menu-section2 a {

    color: #0560a6 !important;

}



.menu-section2 a:hover {

    background:none;

}

.menu-section3 hr {

    margin: 0px;

    background: #0560a6;

}

.menu-section3 a {

    color: #0560a6 !important;

}

.menu-section3 a:hover {

    background:none;

}

.menu-section3 {

    padding: 0.5vw 3.125vw 0px 0px;

}

.menu-section1 .custom-btn1 {

    background: none !important;

    background-image: url(../images/blue-bg.jpg) !important;

    background-size: 0% 100% !important;

    background-repeat: no-repeat !important;

    background-position: top left !important;

    transition: all 0.36s ease-in-out !important;

    transition: all 0.36s ease-in-out !important;

    color: #0560a6;



}

.menu-section1 .custom-btn1:hover {

    background-size: 101% 100% !important;

}

.menu-section1 .custom-btn1:hover {

    color: white !important;

}



.journey-border

{

    border-bottom: 1px solid #eaeaea;

}

li.nav-item.dropdown.has-mega-menu.show {

    border-bottom: 1px solid #cedc2e !important;

}

li.nav-item.dropdown.has-mega-menu.show a.nav-link.dropdown-toggle {

    color: #cedc2e !important;

}

.r-d-mobile

{

    display:none;

}

.r-d-desktop {

    display:block;

}

.custom-btn-5 {

    font-size: 1.7vw !important;

    font-weight: 300 !important;

}

.country-menu {

   /* width: 4vw !important;

    margin-left: 0px !important;

    padding: 8px 0px !important;*/

    padding: 5vw 0px;

    width: 100vw;

    margin-left: -83vw !important;

    left: 50%;

    border: none;

}

.country-menu .menu-section2 a {

    padding: 0.9vw 0.625vw !important;

    font-size: 0.9vw;

}



/*cookie popup*/



.pin-title {

  position: fixed;

  top: 1.875rem;

  bottom: 1.875rem;

  left: 0;

  right: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: 'Exo', sans-serif;

  font-weight: 800;

  font-size: 800%;

  letter-spacing: 0.0625rem;

  color: #f3f3f3;

  user-select: none;

  z-index: -1;

  text-align: center;

}





/* COOKIE POPUP STYLES */



.cookie-popup {

  

  font-size: 0.875rem;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  position: fixed;

  bottom: -6.25rem;

  left: 1.25rem;

  right: 1.25rem;

  padding: 0.625rem 0.9375rem;

  box-shadow: 0 0 0.625rem 0 rgba(0,0,0, .15);

  line-height: 150%;

  transition: opacity .5s;

  opacity: 0;

}

.cookie-popup--short {

  right: none;

  width: 21.875rem; 

}

.cookie-popup--dark {

  background: grey;

  color: #fff;

}



.cookie-popup--not-accepted {

  opacity: 1;

  animation: cookie-popup-in .5s ease forwards;  

      z-index: 9999;

}

.cookie-popup--accepted {

  opacity: 0;

}

.cookie-popup a {

    color: #d7df27 !important;

}

.cookie-popup a:visited {

  color: skyblue;

  text-decoration: none;

}

.cookie-popup-actions {

  flex: 1;

  text-align: right;

}

.cookie-popup-actions button {

color: #d7df27;

  border: none;

  background: none;

  font-family: inherit;

  font-style: inherit;

  font-size: inherit;

  font-weight: bold;

  text-transform: uppercase;

  font-size:   0.75rem;

  padding: 0;

  cursor: pointer;

}

.cookie-popup-actions button:hover {

  text-decoration: underline;

}



@keyframes cookie-popup-in {

  from { bottom: -6.25rem; }

  to { bottom: 1.25rem; }

}



/*cookie popup close*/



section.quotation-sec4 {

    overflow: hidden !important;

}





.custom-manu-2 {

    float: right !important;

}

.custom-manu-2 img{

    float: right !important;

}

.textual-content .custom-pad2 .custom-pad10 {

    padding-left: 8.4vw !important;

}

.carousel-item {

  height: 70vh;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

}

.modal-dialog {

    width: 100%;

    max-width: 1000px;

}



.mymain {

    width: 100%;

    float: right;

    margin: 0 auto;

    max-width: 45vw;

}

.cbp-qtrotator {

    width: 36.8vw !important;

    height: 8vw !important;

    position: absolute !important;

    float: right !important;

    padding: 0px !important;

 }

 .cbp-qtcontent {

    height: 100% !important;

   min-height:7vw !important;

 }



.cbp-qtprogress {

   height: 3px !important;

   background: #cddc2e !important;

   top: 7.8vw !important;

}

.cbp-qtrotator .cbp-qtcontent a {

    height: 100%;

   width: 100%;

}

.cbp-qtrotator .cbp-qtcontent img {

   margin: 0px !important;

   height: 120%;

   width: 100%;

}

.cbp-qtrotator blockquote {

   padding: 10px 25px 0px 0px !important;

   margin: 0px !important;

}

.cbp-qtcontent h4 {

    color: #cddc2e !important;

    font-size: 0.875vw;

}

.cbp-qtcontent p {

    color: #fff !important;

    line-height: 1.375vw;

    letter-spacing: 0.1px;

    font-size: 1vw !important;

    color: white !important;

    font-weight: 200 !important;

}

   .carousel-control-prev {

    left: 0;

}

.carousel-control-next, .carousel-control-prev {

    color: #000;

    font-size: 35px;

    opacity: 1 !important;

 }

 .carousel-control-prev {

    left: -150px !important;

 }

 .carousel-control-next {

    right: -150px !important;

 }

 .carousel-control-next:hover, .carousel-control-prev:hover {

    color:#cddc2e;

 }



.pdf-boxes a {

    background: #075691;

    padding: 8px 30px 8px 30px;

}



.for-1 {

    font-size: 1vw !important; 

}

         .pdf-boxes a p {

             color: white;

             font-size: 1vw !important; 

         }

         .textual-content p {

             max-width: 100%;

             }











.news-box .custom-btn2 {

    font-size: 14px;

    padding: 8px 0px;

    width: auto !important;

    min-width: 120px;

}







.trice-text h4 {

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0.2px;

}

.trice-text p {

    font-size: 14px;

    line-height: 20px;

}



.overlay-1::before {

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.45);

}

div#translate-a {

    position: fixed;

    right: 0px;

    bottom: 0px;

    background: white;

    padding: 5px 10px;

    border: 1px solid silver;

}



.goog-te-gadget .goog-te-combo {

    margin: 4px 0;

    font-size: 13px;

    width: 180px;

    height: 35px !important;

    background: #eee !important;

    border: none;

    padding: 0px 10px;

    font-weight: 700;

    letter-spacing: 0.5px;

    font-family: 'Montserrat';

}





.bullet-point1 {

    position: absolute;

    left: 5px;

    top: 7px;

    width: 8px;

    height: 8px;

    background: #075691;

    border-radius: 100%;

}





.products-tabs-wrapper {

    float: left;

    width: 100%;

}

.products-tabs-head {

    float: left;

    width: 100%;

    margin-bottom: 10px;

}

.products-tabs-data {

    float: left;

    width: 100%;

}

.products-tabs-head ul {

    display: flex;

    align-items: start;

    text-align: left;

    border:none;

    margin:0px;

}



.products-tabs-head ul li {

    margin: 0px 15px 0px 0px !important;

}

.products-tabs-head ul li a {

    color: black;

    font-weight: 600;

    font-size: 15px;

    letter-spacing: 0.6px;

    border-radius: 0px !important;

    border: none !important;

    padding: 8px 6px !important;

    border-bottom: 2px solid transparent !important;

}





.products-tabs-head .nav-tabs .nav-item.show .nav-link, .products-tabs-head .nav-tabs .nav-link.active {

    color: #075591;

    /*background-color: #075591;

    border-color: #dee2e6 #dee2e6 #fff;*/

    border-bottom: 2px solid #075591 !important;

}



 



.product-modal-item {

    height: auto !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



.products-tabs-data .half-list p a {

    text-transform: uppercase;

}





span.date-text3 {

    color: grey;

    font-size: 2vw;

    font-weight: 700;

    line-height: 32px;

}





.findus-social1 {

    float: left;

    width: 100%;

}



.findus-social1 h3 {

    font-weight: 700;

    font-size: 28px;

    letter-spacing: 0.2px;

    margin-bottom: 18px;

}



.findus-social1 ul {

    padding: 0px;

    list-style: none;

    display: flex;

    grid-gap: 15px;

}



.findus-social1 ul a {

    background:#075691;



    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    color: white;

    font-size: 16px;

}





.findus-social1 ul a:hover {

    background: #cddc2e;

}





.event-block {

    float: left;

    width: 100%;

    position: relative;

    margin-bottom: 25px;

    height: 260px;

    overflow: hidden;

}



.event-image img {

    height: 100%;

    max-width: 130%;

}



section#offices-worldwide .container {

    width: 100%;

    max-width: 1250px !important;

}





p.energy-address1 {

    font-size: 15px !important;

    line-height: 22px !important;

    padding-left: 120px;

}




.home-banner {
	
   position: absolute;
   
   top: 0;
   
   left: 0;
   
   width: 100%;
   
   z-index: 9999;
}


.banner-slide-bg-video {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;
    
overflow:visible;

}

.motion-video-bg {

  width: 100%;
  
 height:100%;

  object-fit: cover;
  
   
   position: absolute;
}



.banner-slide .container {

 

    position: relative;

    z-index: 99999;

}





.banner-slide-bg-video::before {

    content: '';

    width: 100%;

    height: 100%;


    position: absolute;

    left: 0px;

    top: 0px;

}

 



p.para-10 {

    font-size: 1.3vw;

    line-height: 2vw;

    letter-spacing: 0.2px;

    color: #2e2e2e;

    font-weight: 400;

} 



.textual-inner-content {

    float: left;

    width: 100%;

    padding: 0px 100px;

}



.textual-inner-content .custom-heading4 {

    font-size: 26px;

}



.line-10 {

    position: absolute;

    left: 0px;

    top: 13px;

    width: 22px;

    height: 3px;

    background: #a9cf3b;

    font-size: 0px;

}



.privacy-accordion {

    float: left;

    width: 100%;

    background: #a9cf3b;

    padding: 20px 25px;

}

.privacy-toggle-header {

    border: none;

    padding:0px;

    border-radius: 0px;

    text-align: left;

    background: none;

}



.privacy-accordion .btn-link {

    width: 100%;

    padding: 0px;

    text-align: left;

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 0px;

    color: #333333 !important;

    position: relative;

}

.items-holder1 {

    display: flex;

    flex-flow: wrap;

    grid-gap: 20px;

    justify-content: center;

    align-items: center;

}



 

.angle-icon7 {

    position: absolute;

    right: 0px;

    top: 8px;

}



.privacy-accordion .btn-link span {

    display: block;

    font-size: 70%;

    font-weight: 600;

}

.pdf-boxes a {

    background: #075691;

    padding: 7px 25px 7px 25px;

}

.pdf-boxes {

    text-align: center;

}





header.header-1.header-2.home-header {

    z-index: 999999 !important;

    position: relative;

}





.footer-list h3 {

    margin: 0px;

    font-size: 13px;

    letter-spacing: 0.5px;

    margin-bottom: 14px;

}

.footer-list ul li a {

    font-size: 12px;

    letter-spacing: 0.1px;

    font-weight: 500;

    color: #b5b5b5;

}

footer.footer-desktop .container {

    width: 100%;

    max-width: 1300px !important;

}

.footer-list {

    display: inline-block;

    vertical-align: top;

    margin-right: 10px;

}



.textual-inner-content {

    float: left;

    width: 100%;

    padding: 0px 0px;

}

.privacy-accordion .btn-link {

    width: 100%;

    padding: 0px;

    text-align: left;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 0px;

    color: #333333 !important;

    position: relative;

}

.privacy-accordion {

    float: left;

    width: 100%;

    background: none;

    padding: 20px 0px 20px 0px;

    border-bottom: 1px solid black;

}



.pdf-boxes {

    text-align: left;

    align-items: start;

    justify-content: start;

}



.pdf-boxes a {

    color: #075691;

    padding: 6px 0px 6px 0px;

    background: none;

    border: 1px solid #075691;

    border-radius: 30px;

    font-weight: 600;

    width: 110px;

    text-align: center;

}





.pdf-boxes a:hover {

  background:#075691;

  color:white;  

}





.privacy-accordion-header {

    float: left;

    width: 100%;

    margin-top: 35px;

}

.privacy-accordion-header h4 {

    font-weight: 700;

    font-size: 30px;

}





.products-tabs-data .half-list p a span {

    color: #101010;

    font-weight: 400;

    text-transform: none;

    display: block;

    font-size: 12px;

}



.textual-content .half-list p span {

    color: #101010;

    font-weight: 400;

    text-transform: none;

    display: block;

    font-size: 12px;

}

section.product-portfolio-sec2 {

    background-size: 54% 100%, 170px;

}



video.corporate-video1 {

    width: 100%;

}





section.partnership-banner-sec img {

    width: 100%;

}

.building-textual h3 {

    font-weight: 700;

    font-size: 42px;

    letter-spacing: -1px;

    margin-bottom: 35px;

    line-height: 48px;

}

.building-textual p {

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0.3px;

    max-width: 690px;

    margin-bottom: 25px;

}



.parntership-btn1 {

    color: #0560a6;

    font-weight: 500;

    border: 1px solid #0560a6;

    padding: 10px 20px;

    border-radius: 30px;

    letter-spacing: 0.4px;

}



.parntership-btn1:hover {

background:#0560a6;

color:white;

}



section.building-strength-sec {

    padding: 300px 0px 100px 0px;

    background-image: url(../images/bg-line1.jpg);

    background-position: bottom left;

    background-repeat: no-repeat;

    background-size: 250px;

    position: relative;

}



.bubble-wrapper {

    width: 100%;

    max-width: 720px;

    background-image: url(../images/bubble-bg1.png);

    background-size: 100% 100%;

    position: absolute;

    right: 0px;

    top: -300px;

    height: 1000px;

}



.bubble-content {

    float: left;

    width: 100%;

    padding: 150px 100px;

}

.bubble-content h3 {

    font-weight: 700;

    font-size: 45px;

    letter-spacing: -0.5px;

    margin: 0px 0px 22px 0px;

    line-height: 50px;

}

.page-banner-image3 .custom-image4 {

    margin-top: -60px;

}

.page-banner-image3 .custom-image4 img {

    width:100%;

}

.bubble-content p {

    font-size: 18px;

    letter-spacing: 0.2px;

    line-height: 24px;

    margin-bottom: 15px;

}



.bubble-content h6 {

    text-align: right;

}



.bubble-content h6 img {

    width: 250px;

}





section.our-strength-sec {

    background: #f0f1f1;

    padding: 60px 0px 0px 0px;

}



.title-text1 {

    font-size: 38px;

    font-weight: 700;

    letter-spacing: -0.5px;

}



.our-strength-box {

    float: left;

    width: 20%;

    text-align: center;

    margin-bottom: 50px;

}





.our-strength-box img {

    height: 150px;

}



.our-strength-box h3 {

    font-size: 25px;

    font-weight: 700;

    line-height: 30px;

}





.our-strength-box p {

    font-size: 16px;

    font-weight: 600;

    line-height: 20px;

}







section.partnership-biz-sec {

    background: #00538f;

    padding: 50px 0px;

    position: relative;

}



.partnership-desk-image {

    width: 100%;

}



.partnership-desk-image img {

    width: 100%;

}



.desk-no-display {

    display: none;

}





.bg-line2 {

    position: absolute;

    width: 420px;

    right: 0px;

    bottom: auto;

    top: 62%;

}

.partnership-desk-image {

    width: 100%;

    z-index: 99;

    position: relative;

}



.content-block1 {

    float: left;

    width: 100%;

    padding: 35px 40px;

    background: #f0f1f1;

    border-radius: 30px;

    z-index: 99;

    position: relative;

}



.edge-title h3 {

    font-weight: 700;

    font-size: 38px;

    margin: 0px 0px 10px 0px;

}



.edge-title p {

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 0.3px;

    max-width: 700px;

}





.edge-box {

    float: left;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: start;

    grid-gap: 30px;

    margin-bottom: 40px;

}



.edge-image img {

    height: 100px;

}

.edge-image {

    width: 37%;

    text-align: center;

}



.edge-desc {

    width: 50%;

}



.edge-desc h3 {

    font-weight: 700;

    font-size: 45px;

    margin: 0px 0px 5px 0px;

    border-bottom: 2px solid #72bd43;

}



.edge-desc p {

    font-weight: 600;

    letter-spacing: 0.3px;

    font-size: 15px;

    line-height: 22px;

}





.edge-logos {

    float: left;

    width: 100%;

    background: white;

    text-align: center;

    padding: 35px 20px;

    border-radius: 20px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    grid-gap: 35px;

}

.edge-logos img {

    height: 75px;

}



.edge-title {

    position: relative;

}



.edge-title img {

    width: 150px;

    position: absolute;

    top: -160px;

    right: -60px;

}





 





.partnership-connect-sec {

    background-image: url(../images/bg-connect.jpg);

    background-repeat: no-repeat;

    background-color: #01538f;

    background-size: 600px;

    position: relative;

    background-position: bottom left;

}

.bg-line3 {

    position: absolute;

    left: 0px;

    width: 230px;

    bottom: 65%;

}





.partner-new-form {

    float: left;

    width: 100%;

    padding: 60px 40px;

    background: white;

    border-radius: 22px;

}



.form-field8 {

    float: left;

    width: 100%;

    margin-bottom: 30px;

}



.field-style8 {

    width: 100%;

    height: 52px;

    padding: 0px 20px;

    color: black;

    border: 1px solid silver;

    border-radius: 25px;

    font-size: 14px;

    font-weight: 600;

}





textarea.field-style8 {

    padding: 15px 20px;

    height: 360px;

}





span.info-tag5 {

    display: block;

    font-weight: 500;

    font-size: 14px;

    text-align: center;

    margin-top: 20px;

}



.submit-btn8 {

    color: #0560a6;

    font-weight: 500;

    border: 1px solid #0560a6;

    padding: 10px 28px;

    border-radius: 30px;

    letter-spacing: 0.4px;

    background: none;

    margin: auto;

}





.submit-btn8:hover {

    background:#0560a6;

    color:white;

}





.partner-connect-textual {

    float: left;

    width: 100%;

    margin-top: -40px;

    padding-right: 20px;

}

.partner-connect-textual img {

    width: 100%;

    max-width: 360px;

    margin-bottom: 5px;

    margin-left: -32px;

}

.partner-connect-textual p {

    font-size: 18px;

    letter-spacing: 0.2px;

    font-weight: 500;

    color: #d5de22;

    line-height: 30px;

}







/*Media Queries Of Website*/

@media screen and (max-width:1699px) and (min-width:1500px) { 



.collab-row {

    display: flex;

    float: left;

    width: 102%;

    align-items: center;

    background: url(../images/snake.png);

    background-repeat: no-repeat;

    background-size: 100% 42%;

    background-position: center;

    /* background-position-y: 190px; */

    background-position-y: 190px !important;

    padding: 0px 15px;

    margin-top: -80px;

}



}

@media screen and (max-width:2000px) and (min-width:1700px) { 



.collab-box h5 {

    font-size: 0.63vw !important;

}

.collab-row {



    background-position-y: 200px;

}

.modal-dialog {

    transform: translate(0%, -50%) !important;

    top: 50%;

    max-width: 52% !important;

}

}



@media screen and (max-width:9999px) and (min-width:1500px) { 

  

         .pdf-boxes a p {

             color: white;

         }

         .textual-content p {

             max-width: 100%;

             }

.textual-content.custom-pad2.custom-pad10 {

    padding-left: 8.4vw !important;

}

body .container {

    width: 100%;

    max-width: 83% !important;

}

section.copyright-sec .container {

    width: 100%;

    max-width: 83% !important;

}

body .container2 {

    width: 100%;

    max-width: 86% !important;

}

.blue-box2 .textual-content5 p {

    line-height: 22px;

    letter-spacing: 0.1px;

    font-size: 1.2vw;

    color: white !important;

    font-weight: 200 !important;

}

.menu-item {

    float: left;

    position: relative;

    margin-left: 3.8vw;

}

.menu-item>a {

    font-size: 0.9vw;

    padding: 0.95vw 0.1vw;

}

.blue-box2 {

    max-width: 82%;

    padding: 0px 0.75vw 0px 4vw;

    border: 1vw solid white;

    margin-top: -10vw;

}

.banner-slide {

    min-height: 105vh;

}

.banner-text h3 {

    font-size: 3.3vw;

    line-height: 3.7vw;

}

.banner-text {

    max-width: 30vw;

    margin-top: -6vw;

}

.custom-heading4 {

    font-size: 2vw;

}

.textual-content5 p {

    font-size: 1vw;

    line-height: 1.4vw;

}

.textual-content h5 {

    font-size: 1vw;

    font-weight: 600;

}

.custom-heading1 {

    font-size: 3.3vw;

    font-weight: 800;

    line-height: 3.8vw;

}

.para-1 {

    font-size: 1.23vw;

    line-height: 1.7vw;

}

.product-para {

    font-size: 0.9375vw;

    line-height: 1.5vw; 

}

.pattern-bg3 img {

    width: 20vw;

}

.pattern-bg3 {

    left: 0px;

    top: 57%;

    left: -30px;

}

.bg-sec1 .container {

    max-width: 78% !important;

}

.collab-box {

    width: 20%;

}

 

.collab-row {

    max-width: 1200px;

    margin: auto;

    margin-top: -80px !important;

    vertical-align: middle;

    position: relative;

    top: -60px;

    float: none;

}

.collab-head h3 {

    font-size: 3.8vw !important;

    line-height: 4vw !important;

}

.collab-box h5 {

    font-size: 0.6vw;

}

.collab-box b {

    font-size: 1vw;

}

.arrows-1 button.slick-prev {

    left: -20.5vw !important;

}

.arrows-1 button.slick-next {

    left: -17.5vw !important;

}

.custom-heading2 {

    font-size: 3vw;

    line-height: 2.8vw;

    font-weight: 800;

}

.news-box-desc h5 {

    font-size: 0.8vw;

    line-height: 1vw;

}

.collab-box>span {

    padding: 20px;

    width: 120px;

    height: 120px;

}

.collab-box:nth-child(even) {

    margin-top: 240px;

}

.news-box-desc p {

    font-size: 0.7vw;

}

.news-btn1 {

    font-size: 1vw;

}

span.date-text1 {

    font-size: 0.8vw;

 /*   width: 100px;*/

   /* padding-top: 7px;*/

}



.date-text3 {

    font-size: 2.3vw;

    font-weight: 700;

    line-height: 32px;

}

.news-box .custom-btn2 {

    font-size: 14px;

    padding: 10px 0px !important;

    width: auto !important;

    min-width: 140px !important;

}

.custom-btn3

{

    padding: 0.6vw 1vw 0.6vw 1vw !important;

    min-width: 8vw !important;

    /*color: grey;

    border:1px solid grey;*/

    color: white;

    border:1px solid grey;

}



.custom-heading3 {

    font-size: 2.4vw;

}

.custom-btn-5 {

    font-size: 1.7vw !important;

    font-weight: 300 !important;

}

/*.custom-heading4 {

    font-size: 2vw;

    font-weight: 400;

    color: #666666;

}*/

section.home-banner {

    margin-top: -8vw;

}

.logo img {

    width: 10vw;

}

.top-bar1 .topbar-actions>a {

    font-size: 0.8vw;

}

.top-bar1 .wordlwide-dropdown button {

    font-size: 0.8vw;

}

.custom-container1 .container {

    max-width: 80% !important;

}

.pad-bot-80 {

    padding-bottom: 8vw !important;

}

.pad-bot-120 {

    padding-bottom: 9vw !important;

}



.pad-top-80 {

    padding-top: 8vw !important;

}



.pad-bot-60 {

    padding-bottom: 5.5vw !important;

}



.pad-top-60 {

    padding-top: 5.5vw !important;

}

.pad-right-30{

    padding-right: 30px;

}



div.a {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate(

-90deg);

    left: -21vw;

    color: #f3f3f3;

    font-size: 7vw;

    font-weight: 800;

    position: relative;

    bottom: 18vw;

    letter-spacing: 5px;

    word-break: normal;

}



div.a2 {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate( 

-90deg);

    left: 66vw;

    color: #f3f3f3;

    font-size: 7vw;

    font-weight: 800;

    position: relative;

    bottom: 18vw;

    letter-spacing: 5px;

    word-break: normal;

}

div.a3 {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate( 

-90deg);

    left: -21.5vw;

    color: #f3f3f3;

    font-size: 6.5vw;

    font-weight: 800;

    position: relative;

    bottom: 24vw;

    letter-spacing: 0px;

    word-break: normal;

}

 div.a4 {

    width: 43%;

    height: 0px;

    -ms-transform: rotate(40deg);

    transform: rotate( 

-90deg);

    left: -21.5vw;

    color: #f3f3f3;

    font-size: 6.2vw;

    font-weight: 800;

    position: relative;

    bottom: 18vw;

    letter-spacing: 5px;

    word-break: normal;

}



.pattern-bg2 {

    background-size: 15vw;

}

.news-box-image img {

    width: 100%;

}

iframe.vid-screen1 {

    height: 21vw;

}

.custom-border1 {

    border-right: 1px solid #cddc2e;

    padding: 20px 30px 20px 25px;

}

.footer-list h3 {

    font-size: 0.7vw;

    margin-bottom: 1vw;

}

form.newsletter-form {

    max-width: 16vw;

}

input.submit-btn1 {

    font-size: 0.7vw;

    padding: 0px 2vw;

}

.footer-about h4 {

    font-size: 0.7vw;

}

.footer-about > a img {

    margin-bottom: 1vw;

}

.footer-list ul li a {

    font-size: 0.7vw;

}

.footer-list ul li {

    margin-bottom: 0.4vw;

}

.footer-about p {

    font-size: 0.6vw;

    line-height: 24px;

    margin-bottom: 1vw;

}

.social-icons1 a {

    width: 1.5vw;

    height: 1.5vw;

    font-size: 0.7vw;

}

form.newsletter-form input[type="email"] {

    font-size: 0.7vw;

}

input.submit-btn1 {

    font-size: 0.7vw;

}

footer {

    background: #373f45;

    padding: 4vw 0vw 3vw 0vw;

}

section.copyright-sec {

    padding: 1vw 0;

}

.copyrights-text span {

    font-size: 0.7vw;

}

.legal-links a {

    font-size: 0.8vw;

}

.quote-bg {

    padding-right: 9vw;

    padding-left: 8vw;

    margin-bottom: 0vw !important;

}

.quote-textual>h6 {

    font-size: 14px !important;

}

.para-2 {

    font-size: 0.8vw;

    line-height: 1.3vw;

}

.quote-name h3 {

    font-size: 3.4vw;

    line-height: 3.2vw;

}

.quote-name h5 {

    font-size: 1.2vw;

}

.custom-btn1, .custom-btn2 {

    font-size: 0.9vw;

    padding: 0.7vw 1.7vw 0.7vw 1.7vw;

    min-width: 11vw;

}

.blue-box1 {

    max-width: 47vw;

    padding: 2.2vw 2.8vw;

}

.line-text {

    font-size: 0.9vw !important;

}

.textual-content4 {

    background-size: 20vw;

    padding: 3.2vw 5vw;

}

.para-4 {

    font-size: 1.2vw;

    line-height: 1.8vw;

}

.para-3 {

    font-size: 1.27vw;

    line-height: 1.9vw;

}

 .container  , .top-bar1 .container{

    max-width: 85% !important;

}

section.about-us-sec .container {

    max-width: 80% !important;

}

.textual-content4 p {

    font-size: 1.23vw !important;

    max-width: 20vw !important;

    line-height: 1.9vw !important;

}

.textual-content4 h3 {

    margin-bottom: 0.7vw !important;

}

.textual-content3 h3 {

    margin-bottom: 1vw !important;

}

.blue-box1 h3 {

    font-size: 3.5vw !important;

}

.m-b-20 {

    margin-bottom: 1.5vw !important;

}

.m-b-30 {

    margin-bottom: 1.8vw !important;

}

.m-b-10 {

    margin-bottom: 0.8vw !important;

}



.blue-box3 {

    background: #075591;

    float: none;

    width: 100%;

    padding: 30px 25px;

    min-height: 20vw;

    max-width: 90%;

    margin: auto;

}

.textual-content3 p {

    font-size: 1.5vw;

    line-height: 2.1vw;

    font-weight: 300;

}

.textual-content3 {

    padding: 0px 11vw;

}

section.quotation-sec2 {

    padding: 12vw 0px;

}

section.product-portfolio-sec {

    background-size: 54% 100%, 20vw;

    background-repeat: no-repeat,no-repeat;

    background-position: top left, bottom right;

    padding: 6vw 0px;

}

section.product-portfolio-sec2 {

    background-size: 54% 100%, 12vw;

}

.quote-heading1 {

    max-width: 65vw;

 

}

.blue-box5 {

    max-width: 59vw;

}

.blue-box5 h3 {

    font-size: 2.6vw;

    font-weight: 200;

    letter-spacing: 0px;

    line-height: 3.4vw;

}

.event-text h4 {

    font-size: 1.3vw;

    margin: 0.3vw 0px 0px 0px;

    letter-spacing: 0.4px;

}

.event-text {

    position: absolute;

    bottom: 2vw;

    left: 0px;

    width: 100%;

    padding: 0px 2vw;

}

.quote-bg p {

    font-size: 1.15vw !important;

    line-height: 1.7vw !important;

    font-weight: 200 !important;

}

.bullet-1 {

    font-size: 1.1vw !important;

}

.form-field3 span {

    font-size: 1.05vw !important;

}

.field-style3 {

    font-size: 0.9vw !important;

    height: 3vw !important;

}

.news-text2 p {

    font-size: 0.9vw !important;

    line-height: 1.4vw !important;

}

.news-button2 a {

    font-size: 0.9vw !important;

    padding: 0.8vw 2vw !important;

}

.career-text1 {

    font-size: 1.1vw !important;

    margin-bottom: 0.2vw !important;

}

.career-text2 {

    font-size: 1.1vw !important;

}



.arrows-1 button.slick-prev , .arrows-1 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}

.arrows-2 button.slick-prev , .arrows-2 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}

.arrows-3 button.slick-prev , .arrows-3 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}



.arrows-4 button.slick-prev , .arrows-4 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}





.arrows-5 button.slick-prev , .arrows-5 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}



.arrows-6 button.slick-prev , .arrows-6 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}



.arrows-7 button.slick-prev , .arrows-7 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}

.arrows-8 button.slick-prev , .arrows-8 button.slick-next {

    width: 2.6vw !important;

    height: 2.6vw !important;

}

.arrows-6 button.slick-next {

    left: 3.4vw !important;

}





.arrows-3 button.slick-prev {

    left: 9.5vw !important;

    width: 2.6vw !important;

    height: 2.6vw !important;

       bottom: -4vw !important;

}

.arrows-3 button.slick-next {

    left: 12.8vw !important;

     width: 2.6vw !important;

    height: 2.6vw !important;

        bottom: -4vw !important;

}

.custom-pad2 {

    padding-left: 4.4vw !important;

}

.big-image1 {

    height: 37vw;

    margin-bottom: -12vw !important;

}

.blue-box1 {

    max-width: 59%;

    padding: 3vw 4vw;

}

.blue-box1 p {

    font-size: 1.1vw !important;

    line-height: 1.8vw !important;

}

.quote-name {

    margin-left: -17vw !important;

}

.quotation-text1 h3 {

    font-size: 2.8vw;

    font-weight: 300;

    letter-spacing: 0.3px;

    line-height: 3.7vw;

}

.custom-width1 {

    width: 100%;

    max-width: 38vw;

}

.arrows-2 button.slick-next {

    left: 20.5% !important

}

.bg-sec5 {

    padding: 10.5vw 0px;

}

.custom-image1 img {

    width: 128%;

    max-width: 138%;

}

.custom-image2 img {

    width: 128%;

    max-width: 138%;

    /*width: 124%;

    max-width: 134%;*/

}

.line-text span {

    width: 3.6vw !important;

    height: 0.15vw !important;

}

.career-box {

    float: left;

    width: 100%;

    position: absolute;

    left: 11%;

    top: 7%;

    max-width: 65%;

}

.career-box h5 {

    font-size: 1.1vw !important;

    line-height: 1.7vw !important;

}

.career-box .career-text2 {

    font-size: 0.9vw !important;

    line-height: 1.3vw !important;

    margin-top: 0.4vw !important;

}

.statistic-box h3 {

    font-size: 3.5vw !important;

    line-height: 4vw !important;

}

.statistic-box h5 {

    font-size: 1.8vw !important;

}

.custom-margin1 {

    margin-bottom: -15vw !important;

}

.list-1 li {

    font-weight: 600;

    font-size: 1.13vw !important;

    margin-bottom: 0.8vw;

    position: relative;

    padding-left: 45px;

    padding-top: 2px !important;

}



.list-1 li svg {

    width: 30px !important;

    height: 30px !important;

    padding: 2px !important;

}



.bullet-1 {

    font-weight: 600;

    font-size: 1.13vw !important;

    margin-bottom: 0.8vw;

    position: relative;

    padding-left: 45px;

    padding-top: 0px !important;

}

.bullet-1 svg {

    width: 30px !important;

    height: 30px !important;

    padding: 2px !important;

}

.big-image2 {

    height: 35vw !important;

    margin-bottom: -15vw !important;

}

.big-image3 {

    height: 35vw !important;

    margin-bottom: -15vw !important;

}



.arrows-5 button.slick-prev {

    left: auto !important;

    bottom: 0px !important;

    top: auto !important;

    right: 35% !important;

}



.arrows-5 button.slick-next {

    left: auto !important;

    bottom: 0px !important;

    top: auto !important;

    right: 30.5% !important;

}



.custom-pad5 {

    padding-left: 2vw !important;

    padding-right: 1vw !important;

}

 

section.about-us-sec {

    padding-top: 10vw !important;

    background-size: 100% 15vw !important;

}

.custom-border2 {

    height: 100%;

    display: flex;

    flex-wrap: wrap;

    align-content: start;

 

    padding-right: 10px;

    width: 99%;

    padding-top: 30px;

}

.list-1 li img  , .bullet-1 img{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 1.9vw !important;

}

.custom-pad4 {

    padding-left: 45px !important;

}

.blog-desc h4 {

    font-size: 1vw !important;

    line-height: 1.4vw !important;

}

.blog-block {

    margin-bottom: 2.4vw !important;

}

.blog-desc a {

    font-size: 0.9vw !important;

}





.worldwide-title h3 {

    font-size: 2.2vw !important;

    margin: 0.6vw 0 0 0 !important;

}

.worldwide-desc h3 {

    font-size: 1.7vw !important;

    line-height: 1.9vw !important;

}

.worldwide-desc {

    padding-top: 4.5vw !important;

    height: 13vw !important;

}

.worldwide-desc p {

    font-size: 0.9vw !important;

    margin-bottom: 0.9vw !important;

    line-height: 1.4vw !important;

}

.field-style4 {

    height: 3.4vw;

    font-size: 1vw !important;

}



textarea.field-style4 {

    height: 11vw !important;

}

.map-1 {

    float: left;

    width: 100%;

    margin-bottom: 8vw !important;

}

.map-1 iframe {

    width: 100%;

    height: 19vw !important;

}



.worldwide-box2 h3 {

    font-size: 1.5vw !important;

    font-size: 1.375vw !important;

    margin: 1vw 0 1.2vw 0;

}

.worldwide-box2 p {

    font-size: 0.95vw !important;

    margin-bottom: 0.8vw !important;

}



.worldwide-box2 {

    float: left;

    width: 100%;

    border-right: 1px solid #d7d9da;

    padding-bottom: 2vw !important;

    margin-bottom: 2.5vw;

    padding-left: 1.4vw !important;

}

.arrows-7 button.slick-prev {

    left: 10vw !important;

    bottom: 4.5vw !important;

    top: auto !important;

}

.arrows-7 button.slick-next {

    left: 13.5vw !important;

    bottom: 4.5vw !important;

}

.arrows-8 button.slick-prev {

    bottom: 1.5vw !important;

    top: auto !important;

    left: 55vw !important;

}

.arrows-8 button.slick-next {

    bottom: 1.5vw !important;

    top: auto !important;

    left: 58vw !important;

}

.custom-manu-2 {

    float: right !important;

}

.custom-manu-2 img{

    float: right !important;

}

.list-2 li svg {

    width: 1vw !important;

    height: 0.65vw !important;

    font-size: 0px !important;

}

.list-2 li {

    font-size: 1.1vw !important;

    line-height: 1.8vw !important;

}

.bullet-2 {

    font-size: 1vw !important;

    margin-bottom: 1vw !important;

}

.bullet-2 img {

    width: 1.45vw !important;

}

.career-box2 {

    /*left: 27% !important;*/

    left: -4% !important;

}

/*.bullet-3 {

    font-size: 1.15vw !important;

    margin-bottom: 0.7vw !important;

}*/

.bullet-3 img {

    width: 1.25vw !important;

    top: 2px !important;

}

.textual-content7 p {

    font-size: 1.9vw;

    color: #333333;

}

.textual-content7 h3 {

    font-size: 5.3vw;

    padding-top: 10px;

    color: #0560a6 !important;

}

.textual-content8 h4 {

    color: #0560a6 !important;

    font-weight: 300;

}

.textual-content8 h4 span {

    font-size: 10vw;

    font-weight: 800;

    margin-right: -1.5vw;

}

.textual-content8 {

    background: #f7f7f7;

    padding: 3vw 2.5vw 6.5vw 1.5vw;

    height: 24vw;

}

.textual-content9 {

    padding: 0.8vw 2.5vw 6.5vw 1.5vw;

}

.textual-content8 p {

    font-size: 1.2vw;

    line-height: 1.5vw;

}

.our-values {

    padding: 0px 5px !important;

}

.main-head h4:nth-child(1) {

    display: inline-block;

    width: 7.1875vw;

    line-height: 2.8vw;

    

}

.main-head h4:nth-child(2) {

    display:inline-block; 

    width: 14vw;

    line-height: 2.8vw;

}

.textual-content7 {

    padding-top: 4.5vw;

}



/*.journey-banner {

    background-image: url(../images/vector-line.png); 

    background-repeat: no-repeat;

    background-position: top center;

    margin-top: 200px !important;

    background-position-y: 60px;

}*/

.journey-sec1 hr

{



    background:#eaeaea;

    float: right;

    height: 1px;

    width: 36vw;

}

.journey-sec1-pad

{

    padding-right: 70px !important;

}

.journey-sec1-pad1

{

    padding-left: 75px !important;

}

.journey-sec1 {

    text-align: right;

    /*padding-right: 40px;*/

}

.journey-sec1 h2 {

    font-size: 7vw;

    color: #075591;

    font-weight: 300;

}

.journey-sec1 p {

    font-size: 1.2vw;

    line-height: 1.6vw;

    color: #666666;

    max-width: 100%;

    width: 78%;

    float: right;

}



.journey-sec2 {

    text-align: left;

    /*padding-left: 80px;*/

    padding: 50px 0px 0px 0px;

}

.journey-sec2 h2 {

    font-size: 7vw;

    color: #075591;

    font-weight: 300;

    line-height: 6vw;

}

.journey-sec2 p {

    font-size: 1.2vw;

    line-height: 1.6vw;

    color: #666666;

    max-width: 100%;

    width: 75%;

}





  div#navbarNavDropdown {

       display: block !important;

   }

   ul.navbar-nav li a {

       color: #8c7b4a;

       padding: 0.9vw 0.625vw !important;

       font-size: 0.9vw;

       letter-spacing: 0.5px;
       
       

       /*border-bottom: 1px solid transparent;*/

   }

    ul.navbar-nav li a:hover {

      

      

   }

   ul.navbar-nav li a:active {

     

     /* border-bottom: 1px solid #d7df27;*/

   }



   li.nav-item {

       float: left;

       position: relative;

       margin-left: 5px;
       
      

   }



   .menu-section1 h5 {

    font-size: 1vw;

}

ul.navbar-nav {

    padding-top: 0.4375vw;

    float: right;

}

.menu-section1 h6 {

    font-size: 2.5vw;

    color: #0560a6;

    font-weight: 700;

    max-width: 100%;

    width: 86%;

    line-height: 1.1;

}

.row-main {

    max-width: 81.875vw !important;

    width: 81.875vw;

    margin: 0 auto;

}



.dropdown-menu {

    padding: 5vw 0px;

   width: 100vw ;

    margin-left: -50vw;

    left: 50%;

    border:none;

}

.menu-section2 {

    padding-top: 0.5vw;

}





.menu-section2 hr {

    margin: 0px;

    background: #0560a6;

}

.menu-section2 a {

    color: #0560a6 !important;

}



.menu-section2 a:hover {

    background:none;

}

.menu-section3 hr {

    margin: 0px;

    background: #0560a6;

}

.menu-section3 a {

    color: #0560a6 !important;

}

.menu-section3 a:hover {

    background:none;

}

.menu-section3 {

    padding: 0.5vw 3.125vw 0px 0px;

}

.menu-section1 .custom-btn1 {

    background: none !important;

    background-image: url(../images/blue-bg.jpg) !important;

    background-size: 0% 100% !important;

    background-repeat: no-repeat !important;

    background-position: top left !important;

    transition: all 0.36s ease-in-out !important;

    transition: all 0.36s ease-in-out !important;

    color: #0560a6;



}

.menu-section1 .custom-btn1:hover {

    background-size: 101% 101% !important;

}

.menu-section1 .custom-btn1:hover {

    color: white !important;

}

html body .container4 {

    max-width: 85% !important;

    width: 100% !important;

}

.edge-logos img {

    height: 4.5vw;

}

.edge-desc h3 {

    font-size: 3.5vw !important;

}

.edge-desc p {

    font-size: 1.3vw !important;

    line-height: 1.7vw;

}

.edge-image img {

    height: 6vw;

}

.edge-title h3 {

    font-weight: 700;

    font-size: 3.5vw;

    margin: 0px 0px 10px 0px;

}

.edge-title p {

    font-size: 1.1vw;

    font-weight: 500;

    letter-spacing: 0.3px;

    max-width: 850px;

}

.partner-connect-textual p {

    font-size: 1.3vw;

    line-height: 2vw;

}

.partner-connect-textual img {

    width: 100%;

    max-width: 450px;

    margin-bottom: 5px;

    margin-left: -32px;

}

.field-style8 {

    height: 3.3vw;

    font-size: 1vw;

}

.submit-btn8 {

    font-size: 1.2vw !important;

}

span.info-tag5 {

    font-size: 1vw;

}

.partnership-desk-image img {

    width: 100%;

    max-width: 1550px;

    margin: auto;

    display: block;

}

.our-strength-box img {

    height: 10vw;

}

.our-strength-box h3 {

    font-size: 1.7vw;

    line-height: 1.8vw;

}

.our-strength-box p {

    font-size: 1vw;

}

.title-text1 {

    font-size: 2.7vw;

}

.building-textual h3 {

    font-size: 3.5vw;

    line-height: 3.8vw;

}

.building-textual p {

    font-size: 1.15vw;

    max-width: 800px;

}

.parntership-btn1 {

    font-size: 1.1vw;

    padding: 0.7vw 1.7vw;

}

.bubble-wrapper {

    transform: scale(1.18);

}

}





@media screen and (max-width:1300px) and (min-width:1101px) { 

 div.a4  {

    display: none;

 }

.pattern-bg3 img {

    width: 19%;

}

.pattern-bg3 {

    position: absolute;

    left: -50px;

    top: 64%;

    width: 100%;

}

 .a , .a2 , .a3 {

    display: none;

 }

 .collab-head h3 {

    font-size: 50px;

    line-height: 62px;

}



}

@media screen and (max-width:1279px) and (min-width:1024px) {



.mymain {

    width: 100%;

    float: right;

    margin: 0 auto;

    max-width: 45vw;

}

.cbp-qtrotator {

    width: 36.8vw !important;

    height: 8.5vw !important;

    position: absolute !important;

    float: right !important;

    padding: 0px !important;

 }

 .cbp-qtcontent {

    height: 100% !important;

   min-height:7vw !important;

 }



.cbp-qtprogress {

   height: 3px !important;

   background: #cddc2e !important;

   top: 8.25vw !important;

}

.cbp-qtrotator blockquote {

    padding:4px 25px 0px 0px !important;

}

}

@media screen and (max-width:1480px) and (min-width:1301px) {

    .custom-heading1 {

    font-size: 38px;

}

.main-head h4:nth-child(2) {

    width: 13vw;

}

.textual-content p {

    max-width: 100%;

}

.arrows-3 button.slick-prev {

    left: 14% !important;

}

.arrows-3 button.slick-next {

    left: 17.5% !important;

}

.arrows-6 button.slick-next {

    top: 40% !important;

}

.arrows-6 button.slick-prev {

    top: 40% !important;

}

.mymain {

    width: 100%;

    float: right;

    margin: 0 auto;

    max-width: 45vw;

}

.cbp-qtrotator {

    width: 36.8vw !important;

    height: 8vw !important;

    position: absolute !important;

    float: right !important;

    padding: 0px !important;

 }

 .cbp-qtcontent {

    height: 100% !important;

   min-height:7vw !important;

 }



.cbp-qtprogress {

   height: 3px !important;

   background: #cddc2e !important;

   top: 7.8vw !important;

}

.cbp-qtrotator .cbp-qtcontent img {

   margin: 0px !important;

   height: 100%;

   width: 100%;

}

.cbp-qtrotator blockquote {

   padding: 10px 25px 0px 0px !important;

   margin: 0px !important;

}

.cbp-qtcontent h4 {

    color: #cddc2e !important;

    font-size: 0.875vw;

}

.cbp-qtcontent p {

    color: #fff !important;

    line-height: 1.375vw;

    letter-spacing: 0.1px;

    font-size: 1vw !important;

    color: white !important;

    font-weight: 200 !important;

}



}

/*Small Laptops*/

@media screen and (max-width:1100px) and (min-width:768px) { 

    div.a4  {

    display: none;

 }

.footer-row {

    display: block;

    flex-wrap: wrap;

}

.footer-list {

    vertical-align: top;

    margin-right: 30px;

    width: auto;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 50px;

}

.footer-about {

    display: inline-block;

    vertical-align: top;

    width: 100%;

    max-width: 350px;

}

.legal-links {

    text-align: left;

    float: left;

    width: 100%;

    margin-bottom: 5px;

}

.custom-heading1 {

    font-size: 40px;

    font-weight: 900;

    letter-spacing: 1px;

}

.textual-content p {

    max-width: 100%;

}

.custom-image1 img {

    width: 106%;

    max-width: 114%;

}

.textual-content4 {

    float: left;

    width: 100%;

    height: 100%;

    padding: 20px 40px;

    background-repeat: no-repeat;

    background-color: #f7faf1;

    background-position: bottom right;

    background-size: 150px;

}

.textual-content3 {

    float: left;

    width: 100%;

    padding: 0px 8%;

}



.big-image1 {

    height: 400px;

}

.big-image2 {

    height: 400px;

}

.big-image3 {

    height: 400px;

}

.quote-textual {

    float: left;

    width: 100%;

    background: #075591;

    height: 100%;

    padding: 30px 10px 10px 20px;

    max-width: 120%;

}

.quote-textual>h6 {

    border-bottom: 1px solid silver;

    padding-bottom: 6px;

    font-weight: 400;

    letter-spacing: 0.4px;

    font-size: 14px;

    margin-left: 0px;

}

.quote-bg {

    float: left;

    width: 100%;

    margin-left: 0px;

    padding-left: 70px;

    background-repeat: no-repeat;

    background-size: 50px;

    background-position: top left;

    background-position-x: 0px;

    margin-top: 10px;

}

.quote-bg p {

    font-size: 14px;

    line-height: 23px;

}

.quote-name {

    float: left;

    width: 100%;

    margin-left: 0px;

    padding-left: 70px;

}

.quote-name h3 {

    font-size: 35px;

    line-height: 35px;

    letter-spacing: 1.5px;

    font-weight: 800;

}

section.about-us-sec {

    padding-left: 10px;

    padding-right: 10px;

}

.logo img {

    width: 130px;

}

.menu-item>a {

    padding: 20px 2px;

}

.menu-item {

    float: left;

    position: relative;

    margin-left: 10px;

}

.navbar-custom {

    float: right;

    padding-top: 0px;

}

 ul.navbar-nav li>a {

    padding: 9px 6px !important;

}

.arrows-1 button.slick-prev {

    left: 10px !important;

    bottom: -70px !important;

    top: auto !important;

    z-index: 999;

}

.arrows-1 button.slick-next {

    left: 60px !important;

    bottom: -70px !important;

    top: auto !important;

    z-index: 999;

}

.collab-head h3 {

    font-size: 40px;

    line-height: 46px;

}



.collab-box>span {

    padding: 20px;

    width: 95px;

    height: 95px;

}

.collab-box:nth-child(even) {

    margin-top: 220px;

    vertical-align: middle;

    height: auto !important;

}

.collab-row {

    background-size: 100% 36%;

}

.collab-box h5 {

    padding: 0px 0px;

    font-size: 9px;

}

div.a , .a2

{

  display: none;

}

.t-a {

    display: none;

}

.pattern-bg3 {

    position: absolute;

    left: -140px;

    top: 40%;

    width: 100%;

}

.news-box-desc {

    padding: 20px 15px;

    height: 300px !important;

}

.news-box-desc h5 {

    font-size: 11px;

}

.news-box-desc p {

    font-size: 10px;

}

.news-btn1 {

    font-size: 9px;

}

span.date-text1 {

    /*width: 60px;

    padding-left: 27px;

    font-size: 10px;

    text-align: right;*/

    padding-left: 0px;

    font-size: 8px;

    text-align: right;

}

span.date-text1 b {

    font-size: 26px;

}

.pattern-bg2 {

    background-size: 100px;

    background-position-y: 10%;

}

/*.news-box {

    padding-bottom: 60px;

    position: relative;

   

}*/

.news-box-desc {

   border-bottom: none !important;  

}

.news-box-info {

    float: left;

    width: 100%;

    padding: 15px 10px;

 /*   position: absolute;

    bottom: 0px;

    left: 0px;*/

    border-top: 1px solid #cdcdcd;

}



.page-banner-image {

    margin-top: 0px;

}

.quotation-text1 h3 {

    font-size: 32px;

    line-height: 40px;

}

section.quotation-sec2 {

    padding: 120px 0px;

}

.list-1 li {

    font-size: 14px;

    margin-bottom: 10px !important;

}

section.product-portfolio-sec {

    background-size: 54% 100%, 120px;

    background-repeat: no-repeat,no-repeat;

    background-position: top left, bottom right;

    padding: 80px 0px;

}

.quote-heading1 {

    font-size: 35px;

    line-height: 42px;

}

.para-6 {

    font-size: 22px;

    line-height: 28px;

}

.custom-heading6 {

    font-size: 24px;

}

.custom-btn3 {

    font-size: 8px !important;

    min-width: 70px !important;

    padding: 6px 0px !important;

    /*color: grey;*/

    border: 1px solid grey;

}

.custom-btn1 , .custom-btn2 {

    font-size: 14px;

    min-width: 180px;

    padding: 10px 20px;



}

span.date-text3 {

    color: grey;

    font-size: 4vw;

    font-weight: 600;

    line-height: 25px;

}



/*.desktop {

    display: none;

}*/

.textual-content6 p {

    font-size: 16px;

    line-height: 24px;

}

.blue-box3 p {

    font-size: 18px;

    line-height: 29px;

}

.bg-sec3 {

    padding: 80px 0px;

}

.bg-sec5 {

    background-position: top left;

    padding: 80px 0px;

}

.form-2 {

    width: 90%;

    padding: 0px 20px;

    margin: 0 auto;

}

.custom-image2 img {

    width: 104%;

    max-width: 104%;

}

.custom-image2 img {

    width: 110%;

    max-width: 110%;

    height: 320px;

}

.career-box2 {

    left: 12%;

}

.career-box h5 {

    margin-bottom: 5px !important;

}



.textual-content7 p {

    font-size: 20px;

}

.textual-content7 h3 {

    font-size: 60px;

    padding-top: 0px;

}

.textual-content8 {

    height: 280px;

}

.textual-content8 h4 {

    font-size: 28px;

}

.textual-content8 h4 span {

    font-size: 100px;

    margin-right: -2.5vw;

}

.textual-content8 p {

    font-size: 16px;

    line-height: 1.2em;

    padding: 0px !important;

}

.main-head h4:nth-child(1) {

    width: 75px;

    line-height: 3rem;

}

.main-head h4:nth-child(2) {

    width: 130px;

    line-height: 1em;

}

.custom-heading1-mob {

    font-size: 22px !important;

    line-height: 1.6rem !important;

    padding-top: 5px;

}

.mobile {

     display: block; 

}

.journey-border

{

    border-bottom: 1px solid #eaeaea;

}

.journey-sec1 {

    padding-right: 40px;

}

.journey-sec2 {

    padding-left: 45px;

    padding-top: 80px;

}

.journey-sec1 h2 {

    font-size: 70px;



}

.journey-sec1 p {

    font-size: 16px;

    line-height: 1.4rem;

    width: 95%;

    padding: 0px;

    padding-bottom: 80px;

}



.journey-sec2 h2 {

    font-size: 70px;

    line-height: 5rem;

}

.journey-sec2 p {

    font-size: 16px;

    line-height: 1.4rem;

    width: 95%;

}

.arrows-7 button.slick-prev {

    left: 2.5% !important;

}

.arrows-7 button.slick-next {

    left: 9% !important;

}

.arrows-8 button.slick-prev {

    left: 2.5% !important;

}

.arrows-8 button.slick-next {

    left: 9% !important;

}









 div#navbarNavDropdown {

       display: block !important;

   }

   ul.navbar-nav li a {

       color: white;

       padding: 15px 10px ;

       font-size: 13px;

       letter-spacing: 0.5px;

       /*border-bottom: 1px solid transparent;*/

   }

    ul.navbar-nav li a:hover {

      color: #cedc2e !important;

      

   }

   ul.navbar-nav li a:active {

      color: #cedc2e !important;

     /* border-bottom: 1px solid #d7df27;*/

   }



   li.nav-item {

       float: left;

       position: relative;

        margin-left: 0vw;

   }



   .menu-section1 h5 {

    font-size: 1.3vw;

}

ul.navbar-nav {

    padding-top: 0.4vw;

    float: right;

}

.menu-section1 h6 {

    font-size: 2.5vw;

    color: #0560a6;

    font-weight: 700;

    max-width: 100%;

    width: 86%;

    line-height: 1.1;

}

.row-main {

    max-width: 100vw !important;

    width: 100vw !important;

    margin: 0 auto;

}



.dropdown-menu {

    padding: 5vw 0px;

   width: 100vw !important;

    margin-left: -50vw;

    left: 50%;

    border:none;

}

.menu-section2 {

    padding-top: 0.5vw;

}





.menu-section2 hr {

    margin: 0px;

    background: #0560a6;

}

.menu-section2 a {

    color: #0560a6 !important;

}



.menu-section2 a:hover {

    background:none;

}

.menu-section3 hr {

    margin: 0px;

    background: #0560a6;

}

.menu-section3 a {

    color: #0560a6 !important;

}

.menu-section3 a:hover {

    background:none;

}

.menu-section3 {

    padding: 0.5vw 3.125vw 0px 0px;

}

.menu-section1 .custom-btn1 {

    background: none !important;

    background-image: url(../images/blue-bg.jpg) !important;

    background-size: 0% 100% !important;

    background-repeat: no-repeat !important;

    background-position: top left !important;

    transition: all 0.36s ease-in-out !important;

    transition: all 0.36s ease-in-out !important;

    color: #0560a6;

    padding: 10px 0px !important;

    min-width: 140px;

    font-size: 12px;



}

.menu-section1 .custom-btn1:hover {

    background-size: 101% 100% !important;

}

.menu-section1 .custom-btn1:hover {

    color: white !important;

}

.menu-section2 a {

    padding: 10px 0px !important;

}

.menu-section3 a {

    padding: 10px 0px !important;

}

.para-1 {

    font-size: 17px !important;

}

.product-para {

    font-size: 16px !important

    ; 

}

.arrows-5 button.slick-prev {

    left: auto !important;

    bottom: -50px !important;

    top: auto !important;

    right: 32% !important;

}

.arrows-5 button.slick-next {

    left: auto !important;

    bottom: -50px !important;

    top: auto !important;

    right: 26% !important;

}

.bubble-image1 img {

    max-width: 120%;

    width: 106%;

}

.bg-sec6 {

    background-position: top left;

}

.arrows-3 button.slick-prev {

    left: 2% !important;

}

.arrows-3 button.slick-next {

    left: 8% !important;

}

.banner-slide-bg-video::before {

    content: '';

    width: 100%;

    height: 100%;

  

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 9;

}

.motion-video-bg {

    width: 150%;

    margin-left: -25%;

    height: 114%;

    margin-top: -20% !important;
    
    object-fit:cover !important;

}

.textual-inner-content {

    float: left;

    width: 100%;

    padding: 0px  0px;

}

p.para-10 {

    font-size: 16px !important;

    line-height: 25px !important;

    letter-spacing: 0.2px;

    color: #2e2e2e;

    font-weight: 400;

}

.textual-inner-content .custom-heading4 {

    font-size: 22px;

}

 .our-strength-box h3 {

    font-size: 20px;

    font-weight: 700;

    line-height: 25px;

}

.title-text1 {

    text-align: center;

}



section.building-strength-sec {

    padding: 400px 0px 100px 0px;

}

.bubble-wrapper {

    top: -220px;

    height: 1000px;

}

}





/*Tablet Devices*/

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

.para-1 {

    font-size: 17px !important;

}

.product-para {

    font-size: 16px !important;

}

        div.a4  {

    display: none;

 }

.footer-row {

    display: block;

    flex-wrap: wrap;

}

.footer-list {

    vertical-align: top;

    margin-right: 50px;

    width: auto;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 50px;

}

.footer-about {

    display: inline-block;

    vertical-align: top;

    width: 100%;

    max-width: 350px;

}

.legal-links {

    text-align: left;

    float: left;

    width: 100%;

    margin-bottom: 5px;

}

 .top-bar1  .topbar-actions {

    text-align: right;

    display: block;

    text-align: center;
    

}

.nav-handler {

    display: block;

    float: right;

    position: absolute;

    right: 10px;

    top: 14px;

}

.nav-handler button {

    padding: 0px;

    border: none;

    background: none;

    padding: 6px 5px;

    filter: invert(1);

}

.nav-handler button img {

    width: 25px;

    filter: invert(1);

}

.menu-item {

    float: left;

    position: relative;

    margin-left: 0px;

    width: 100%;

}

.menu-item>a {

    color: white;

    padding: 10px 1px;

    font-size: 14px;

    letter-spacing: 0.5px;

    border-bottom: 1px solid transparent;

    display: block;

}

.navbar-custom {

    float: right;

    padding-top: 6px;

    width: 100%;

    padding-bottom: 10px;

    display: none;

}

.menu-item ul {

    position: static;

    max-width: 300px;

    margin: 10px 0px;

}

.custom-image1 img {

    width: 100%;

    margin-bottom:30px;

 

}

.custom-image2 img {

    width: 100%;

    margin-bottom:30px;

}

.custom-heading1 {

    font-size: 35px;

    font-weight: 800;

    letter-spacing: 1px;

    line-height: 41px;

}

.textual-content p {

    max-width: 100%;

}

.para-1 {

    font-size: 15px;

    line-height: 25px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

}

.product-para {

    font-size: 16px; 

}

section.about-us-sec {

    background: none;

    padding: 60px 0px 0px 0px !important;

}



section.page-banner-image3 {

    background: none;

    padding: 110px 0px 80px 0px !important;

    background-image: url(../images/blue-bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 200px;

}



.custom-image4 {

    float: left;

    width: 100%;

    padding: 0px 20px;

}







.textual-content4 {

    padding: 30px 30px 100px 30px;

    background-repeat: no-repeat;

    background-color: #f7faf1;

    background-position: bottom right;

    background-size: 100px;

}

.para-4 {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

    max-width: 400px;

}

.textual-content3 {

    float: left;

    width: 100%;

    padding: 0px 0px;

}

.para-3 {

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

}

.big-image1 {

    height: 250px;

    margin-bottom: 0px;

}

.big-image2 {

    height: 250px;

    margin-bottom: 0px;

}

.big-image3 {

    height: 250px;

    margin-bottom: 0px;

}

.blue-box1 {

    background: #075591;

    max-width: 100%;

    margin: auto;

    padding: 20px 20px;

    clear: both;

    z-index: 999;

    position: relative;

}

.quote-textual {

    float: left;

    width: 100%;

    background: #075591;

    height: 100%;

    padding: 30px 30px;

    max-width: 120%;

}

.quote-textual>h6 {

    border-bottom: 1px solid silver;

    padding-bottom: 6px;

    font-weight: 400;

    letter-spacing: 0.4px;

    font-size: 14px;

    margin-left: 0px;

    margin-bottom: 20px;

}

.quote-bg {

    float: left;

    width: 100%;

    margin-left: 0px;

    padding-left: 60px;

    background-repeat: no-repeat;

    background-size: 50px;

    background-position: top left;

    background-position-x: 0px;

    margin-top: 20px;

}

.quote-name {

    float: left;

    width: 100%;

    margin-left: 0px;

    padding-left: 60px;

}

.quote-name h3 {

    font-size: 34px;

    line-height: 38px;

    letter-spacing: 1.5px;

    font-weight: 800;

}





header.header-2 {

    background: #075591;

}

section.home-banner {

    margin-top: 0px;

}

.top-bar1 .wordlwide-dropdown button {

    background: none;

    border: 1px solid #0065b3;

    border-radius: 30px;

    overflow: hidden;

    padding: 4px 25px 4px 10px;

    color: #0065b3;

    font-weight: 500;

    letter-spacing: 0.4px;

}

.banner-slide {

    float: left;

    width: 100%;

    min-height: 100vh;

 

}

.banner-text {

    display: block;

    max-width: 300px;

    margin-top: 0px;

}

.banner-text h3 {

    font-size: 43px;

    font-weight: 700;

    letter-spacing: 0px;

    line-height: 58px;

}

.header-wrapper {

    border: none !important;

}

.blue-box2 {

    background: #0560a6;

    padding: 0px 14px 0px 13px;

    border: 15px solid white;

    max-width: 1050px;

    margin: auto;

    margin-top: -50px;

}

.textual-content5 {

    float: left;

    width: 100%;

    padding: 0px 20px;

}

.custom-image5 {

    float: left;

    width: 100%;

    margin-bottom: 30px;

}

.custom-image5 img {

    width: 100%;

    max-width: 500px;

}

.blue-box2 .custom-image5 {

    float: left;

    width: 45%;

    margin-bottom: 30px;

    padding: 0px 20px;

}

.textual-bg1 , .textual-bg2 {

    background-size: 70px;

    background-repeat: no-repeat;

    background-position: bottom left;

    background-position-x: 0%;

    background-position-y: 84%;

}

.pattern-bg3 {

    position: absolute;

    left: 0px;

    top: 84%;

    width: 120px;

}

.top-bar1 .topbar-actions>a {

    color: #0065b3;

    font-weight: 600;

    letter-spacing: 0.4px;

    margin-right: 10px;

    vertical-align: middle;

    margin-left: 10px;

 

}



.overlay-text1 h5 {

    font-size: 75px;

    line-height: 80px;

}





.collab-image {

    display: none;

}

.collab-row {

    display: block;

    float: left;

    width: 100%;

}

.collab-row {

    display: block;

    float: left;

    width: 100%;

    justify-content: center;

    align-items: center;

    text-align: center;

}

.collab-box {

    width: 32%;

    display: inline-block;

    padding: 0px 10px;

    margin-bottom: 30px;

    vertical-align: top;

}

.arrows-1 button.slick-prev {

    left: 10px !important;

    bottom: -70px !important;

    top: auto !important;

    z-index: 999;

}

.arrows-1 button.slick-next {

    left: 60px !important;

    bottom: -70px !important;

    top: auto !important;

    z-index: 999;

}

.page-banner-image {

    margin-top: 0px;

}



.custom-pad2 {

    padding-left: 0px;

}









.quotation-text1 h3 {

    font-size: 32px;

    line-height: 35px;

}

section.quotation-sec2 {

    padding: 100px 0px;

    background-position: top center;



}

 



.para-5 {

    max-width: 100% !important;

    font-size: 28px !important;

    line-height: 36px !important;

}

ul.list-1 {

    margin-top: 40px !important;

}

section.product-portfolio-sec {

    background-size: 100% 45%, 200px;

    background-repeat: no-repeat,no-repeat;

    background-position: top left, bottom right;

    padding: 80px 0px;

}



.list-1 li {

    font-size: 15px !important;

    margin-bottom: 8px !important;

}



.quote-heading1 {

    font-size: 28px;

    line-height: 37px;

}



.bg-sec3 {

    padding: 60px 0px;

}

.blue-box3 {

    min-height: 0px;

    margin-bottom: 30px;

}

.blue-box3 p {

    font-size: 18px;

    font-weight: 300;

    letter-spacing: 0.3px;

    line-height: 29px;

}

.custom-btn1, .custom-btn2 {

    font-size: 14px;

    min-width: 180px;

    padding: 10px 20px !important;

}

.custom-heading6 {

    font-size: 25px;

    font-weight: 700;

}

.para-6 {

    font-size: 20px;

    line-height: normal;

}

.custom-heading5 {

    font-size: 50px;

    line-height: 55px;

}

.textual-content6 {

    float: left;

    width: 100%;

    margin: 0px !important;

    margin-top: 30px !important;

}

.textual-content6 h3 {

    font-size: 80px;

    font-weight: 700;

    letter-spacing: 1.5px;

    line-height: 75px;

    margin: 0px 0px 5px 0px;

    margin-bottom: 10px !important;

}

.textual-content6 p {

    font-size: 22px;

    line-height: 30px !important;

}

.arrows-2 button.slick-prev {

    bottom: -60px !important;

    left: 0px !important;

}





.arrows-2 button.slick-next {

    bottom: -60px !important;

    left: 50px !important;

}





.bg-sec4 img {

    width: 100%;

}

.blue-box5 {

    margin-top: -70px;

    padding: 20px 20px !important;

}

 

.blue-box5 h3 {

    font-size: 20px;

    line-height: 28px;

}

.bg-sec4 img {

    width: 118%;

    max-width: 118%;

}

.blue-box5 {

    width: 93%;

}



.blue-box5 h3 {

    font-size: 28px;

    line-height: 42px;

}



.event-block {

    float: left;

    width: 100%;

    position: relative;

    margin-bottom: 0px;

    margin-top: 30px;

}

.bg-sec6 {

    padding: 80px 10px;

    background-position: top left;

}

 

.form-2 {

    width: 100%;

    padding: 0px 30px;

    margin: 0 auto;

}

.custom-pad3 {

    padding: 0px 0px !important;

}

.news-block2 {

    margin-top: 40px;

    max-width: 300px;

}

.news-block2 {

    margin-top: 40px;

    max-width: 300px;

    padding: 0px 10px 0px 25px;

}

.arrows-3 button.slick-prev {

    left: 15px !important;

}



.arrows-3 button.slick-next {

    left: 65px !important;

}

.career-box {

    float: left;

    width: 100%;

    position: absolute;

    left: 10%;

    top: 5%;

    max-width: 58%;

}



.career-box h5:nth-child(1) {

    font-size: 12px !important;

    line-height: 20px !important;

    max-width: 90%;

    margin-bottom: 13px !important;

}

.career-box .career-text1 {

    font-size: 12px !important;

}

.career-box .career-text2 {

    font-size: 11px !important;

    max-width: 82%;

    line-height: 12px !important;

}

.custom-margin1 {

    margin-bottom: 80px;

}

.statistic-box h3 {

    font-size: 36px;

}

.bubble-image1 img {

    max-width: 138%;

    width: 105%;

}

.arrows-5 button.slick-prev {

    right: auto !important;

    left: 0px !important;

    bottom: -45px !important;

}

.arrows-5 button.slick-next {

    left: 50px !important;

    bottom: -45px !important;

    top: auto !important;

    right: auto !important;

}



.arrows-6 button.slick-prev {

    left: 0px !important;

    top: 200px !important;

}



.arrows-6 button.slick-next {

    left: 50px !important;

   top: 200px !important;

}

.arrows-6 button.slick-arrow {

    width: 40px !important;

    height: 40px !important;

}

.custom-margin2 {

    margin-bottom: 70px !important;

}



/*Mobile Menu*/



section.top-bar1 , .top-bar2 {

    display: none;

}

.navbar-custom {

    float: right;

    padding-top: 6px;

    width: 100%;

    padding-bottom: 10px;

    display: none;

    position: fixed;

    top: 0px;

    left: 0px;

    height: 100%;

    z-index: 999;

    background: #075591;

    padding: 20px 20px;

    max-height: 100%;

    overflow-x: hidden;

    overflow-y: auto;

}

.menu-header {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}

.menu-logo {

    float: left;

}

.menu-close {

    float: right;

}

.menu-logo img {

    width: 150px;

}

.menu-close button img {

    width: 24px;

}

 

.menu-close button {

    background: none;

    border: none;

    padding: 0px;

}

.menu-item>a {

    border: none !important;

}

.menu-body {

    float: left;

    width: 100%;

}

.menu-item>a {

    font-size: 36px;

    font-weight: 600;

    letter-spacing: 0.2px;

}

.menu-header , .menu-footer {

    display: block;

 }







.menu-footer {

    float: left;

    width: 100%;

    margin-top: 20px;

}

.menu-footer span {

    display: block;

    margin-bottom: 6px;

}

.menu-footer span a {

    color: white !important;

    font-size: 13px !important;

    letter-spacing: 0.6px !important;

}

.logo.mobile {

    margin-top: 3px;

    display: block;

}



.logo.desktop {

    display: none;

}

.custom-slider2 .slick-list {

    overflow: hidden !important;

}

 

header.home-header {

    background: none !important;

    margin-bottom: -85px !important;

    padding: 10px 0px !important;

}

header.home-header .nav-handler button {

    background: none !important;

    filter: invert(1);

}

.custom-pad6 {

    padding: 0px 20px;

}

.custom-pagination ul li .line-text {

    display: none;

}

.custom-pagination ul li a {

    padding: 0px 10px;

}

.custom-pagination ul li:nth-child(1) {

    position: static;

}

.custom-pagination ul li:nth-last-child(1) {

    position: static;

}

.custom-pagination ul li {

    display: inline-block;

    vertical-align: middle;

}



.custom-border3 {

    border-right: 1px solid #c2c2c2;

    padding-right: 15px;

    border: none;

}



.custom-pad7 {

    padding-left: 15px;

}

.map-1 {

    float: left;

    width: 100%;

    margin-bottom: 50px;

    margin-top: 50px;

}

.worldwide-box {

    float: left;

    width: 83%;

    margin-left: 9%;

    margin-bottom: 30px !important;

}

.overlay-text2 {

    float: left;

    width: 100%;

    text-align: center;

    margin-bottom: -10px;

}

.overlay-text2 span {

    font-size: 8vw !important;

}

.form-4 {

    float: left;

    width: 100%;

    padding: 0px 50px;

}

.arrows-7 button.slick-prev {

    left: 20px !important;

    bottom: -60px !important;

}

.arrows-7 button.slick-next {

    left: 62px !important;

    bottom: -60px !important;

}

.arrows-8 button.slick-prev {

    left: 20px !important;

    bottom: -60px !important;

}

.arrows-8 button.slick-next {

    left: 62px !important;

    bottom: -60px !important;

}

.career-box2 {

    left: 40%;

}

.r-d-mobile

{

    display:block;

}

.r-d-desktop {

    display:none;

}

.bg-sec7 {

    background-size: 235% 75% !important;

    background-position: center right !important;

    background-repeat: no-repeat !important;

}









.cbp-qtrotator {

    width: 91% !important;

 }

     

.cbp-qtcontent {

   min-height: 70px !important;

}

.cbp-qtcontent h4 {

   margin: 0px;

}

.cbp-qtcontent p {

   line-height: 14px;

   font-size: 11px !important ;

}

.mymain {

   width: 100%;

   float: right;

   margin: 0 auto;

   max-width: 92vw;

}

.cbp-qtrotator {

   height: 28vw !important;

 }

 .cbp-qtcontent h4 {

   font-size: 12px;

}

.cbp-qtprogress {

   top: 27.2vw !important;

}

.cbp-qtrotator .cbp-qtcontent img {

   height: 127%;

}

 

.banner-slide-bg-video::before {

    content: '';

    width: 100%;

    height: 100%;


    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 9;

}

.motion-video-bg {

    width: 150%;

    margin-left: -25%;

    height: 114%;

    margin-top: -5%;

}



.textual-inner-content {

    float: left;

    width: 100%;

    padding: 0px 0px;

}

p.para-10 {

    font-size: 16px !important;

    line-height: 25px !important;

    letter-spacing: 0.2px;

    color: #2e2e2e;

    font-weight: 400;

}

.textual-inner-content .custom-heading4 {

    font-size: 22px;

}

.privacy-accordion .btn-link {

    width: 100%;

    padding: 0px;

    text-align: left;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 0px;

    color: #333333 !important;

    position: relative;

    line-height: 28px;

    padding-right: 20px;

}

.pdf-boxes a p {

    color: white;

    font-size: 14px !important;

}

.menu-desktop {

    display: none;

}



.menu-mobile {

    display: block;

}

.motion-video-bg {

    width: 200%;

    margin-left: -50%;

    height: 114%;

    margin-top: -15%;

}

.banner-text {

    display: block;

    max-width: 300px;

    margin-top: -170px;

}

.blue-box2 {

    background: #0560a6;

    padding: 15px 14px 15px 13px;

    border: 15px solid white;

    max-width: 1050px;

    margin: auto;

    margin-top: -50px;

}

.blue-box2 .textual-content5 p {

    font-size: 13px !important;

    line-height: 22px;

}

#cbp-qtrotator {

    height: 130px !important;

    max-width: 400px !important;

}





.product-para {

    font-size: 12px !important;

    line-height: 16px !important;

}

.product-modal-wrap {

    padding: 0px 10px !important;

}

.product-modal-wrap .modal-header h3 {

    margin: 0px !important;

    text-align: center !important;

    padding: 0px !important;

}

.product-modal-wrap .modal-header {

    padding: 10px 10px !important;

}

.product-modal-wrap .modal-header .close {

    font-size: 18px !important;

    padding: 0px 0px !important;

    right: 0px !important;

    position: static !important;

    margin: 0px !important;

}

.product-modal-wrap .modal-body {

    padding: 15px 10px !important;

}

.product-modal-wrap table td {

    padding-bottom: 19px !important;

    vertical-align: top;

}









section.building-strength-sec {

    padding: 0px 0px 100px 0px;

}

.bubble-wrapper {

    position: static;

    height: auto;

    float: left;

    width: 100%;

    padding-bottom: 250px;

    padding-top: 80px;

    background-size: 112% 113%;

    background-position: -10px 0px;

    margin-left: 16px;

    max-width: 600px;

    float: right;

}

.bubble-content h3 {

    font-weight: 700;

    font-size: 35px;

    letter-spacing: -0.5px;

    margin: 0px 0px 20px 0px;

    line-height: 38px;

}

.bubble-content p {

    font-size: 15px;

    letter-spacing: 0.2px;

    line-height: 22px;

    margin-bottom: 12px;

}

.bubble-content {

    float: left;

    width: 100%;

    padding: 40px 10px 40px 60px;

}

.bubble-content h6 img {

    width: 130px;

}

.building-textual {

    float: left;

    width: 100%;

    margin-top: -150px;

}

.building-textual h3 {

    font-weight: 700;

    font-size: 35px;

    letter-spacing: -1px;

    margin-bottom: 25px;

    line-height: 42px;

}

.building-textual p {

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0.3px;

    max-width: 690px;

    margin-bottom: 25px;

}

.bubble-content {

    float: left;

    width: 100%;

    padding: 30px 60px 40px 80px;

}





.title-text1 {

    text-align: center;

    font-size: 35px;

}

.our-strength-box img {

    height: 110px;

}





.our-strength-box {

    float: left;

    width: 50%;

    text-align: center;

    margin-bottom: 30px;

}

.our-strength-box h3 {

    font-size: 22px;

    font-weight: 700;

    line-height: 25px;

}

.our-strength-box:nth-last-child(1) {

    width: 100%;

}

.edge-title h3 {

    font-weight: 700;

    font-size: 32px;

    margin: 0px 0px 10px 0px;

}

.edge-image img {

    height: 80px;

}

.bg-line2 {

    position: absolute;

    width: 300px;

    right: 0px;

    bottom: auto;

    top: 50%;

}

.edge-title img {

    width: 120px;

    position: absolute;

    top: -128px;

    right: auto;

    left: -40px;

}





.bg-line3 {

    position: absolute;

    left: 0px;

    width: 120px;

    bottom: 85%;

}

.partner-connect-textual img {

    width: 100%;

    max-width: 290px;

    margin-bottom: 5px;

    margin-left: -27px;

}

.partner-connect-textual p {

    font-size: 17px;

    letter-spacing: 0.2px;

    font-weight: 500;

    color: #d5de22;

    line-height: 27px;

}

.form-field8 {

    float: left;

    width: 100%;

    margin-bottom: 22px;

}

.partner-connect-textual {

    float: left;

    width: 100%;

    margin-top: 30px;

    padding-right: 20px;

    margin-bottom: 50px;

}

.partner-new-form {

    float: left;

    width: 100%;

    padding: 40px 25px;

    background: white;

    border-radius: 22px;

}

}









/*Mobile Devices*/

@media screen and (max-width:519px) and (min-width:320px) { 

div.a4  {

    display: none;

 }

 .custom-btn-5 {

    font-size: 22px !important;

    font-weight: 300 !important;

}

footer .container {

    padding: 0px 30px;

}

.footer-row {

    display: block;

    flex-wrap: wrap;

}

.footer-list {

    vertical-align: top;

    margin-right: 0px;

    /*width: 100%;*/

        width: 49%;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 0px;

    /*margin-bottom: 20px;*/

}

.textual-content {

    padding-left: 20px !important;

}

section.copyright-sec {

    padding: 15px 20px;

}

.footer-list-mobile

{

    padding-top: 30px;

    padding-bottom: 30px;

}

.footer-about > a img {

    margin-bottom: 40px;

}

.footer-about {

    display: inline-block;

    vertical-align: top;

    width: 100%;

    max-width: 350px;

}

.legal-links {

    text-align: left;

    float: left;

    width: 100%;

    margin-bottom: 5px;

}

 .top-bar1  .topbar-actions>a {

    color: #0065b3;

    font-weight: 600;

    letter-spacing: 0.4px;

    margin-right: 10px;

    vertical-align: middle;

    margin-left: 10px;

    margin-bottom: 10px;

}

 .top-bar1  .topbar-actions {

    text-align: right;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}

.nav-handler {

    display: block;

    float: right;

    position: absolute;

    right: 10px;

    top: 14px;

}

.nav-handler button {

    padding: 0px;

    border: none;

    background: none;

    padding: 6px 5px;

    filter: invert(1);

}

.nav-handler button img {

    width: 25px;

    filter: invert(1);

}

.menu-item {

    float: left;

    position: relative;

    margin-left: 10px;

    width: 100%;

}

.menu-item>a {

    color: white;

    padding: 10px 1px;

    font-size: 14px;

    letter-spacing: 0.5px;

    border-bottom: 1px solid transparent;

    display: block;

}

.navbar-custom {

    float: right;

    padding-top: 6px;

    width: 100%;

    padding-bottom: 10px;

    display: none;

}

.menu-item ul {

    position: static;

    max-width: 300px;

    margin: 15px 0px;

}

.custom-image1 img {

    width: 100%;

    margin-bottom:30px;

 

}

.custom-image2 img {

    width: 100%;

    margin-bottom:30px;

}

.custom-heading1 {

    font-size: 35px;

    font-weight: 800;

    letter-spacing: 1px;

    line-height: 40px;

}

.textual-content p {

    max-width: 100%;

    font-size: 18px;

}

.pdf-boxes a p {

    font-size: 16px !important;

}

.for-1 {

    font-size: 16px !important;

}

.textual-content.privacy-1 h3 {

    font-size: 24px;

}

.para-1 {

    font-size: 15px !important;

    line-height: 25px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

}

.product-para {

    font-size: 14px !important;

    line-height: 1.2vw; 

}







section.about-us-sec {

    background: none;

    padding: 60px 0px 0px 0px !important;

}



section.page-banner-image3 {

    background: none;

    padding: 110px 0px 0px 0px !important;

    background-image: url(../images/blue-bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 200px;

}



.custom-image4 {

    float: left;

    width: 100%;

    padding: 0px 20px;

}







.textual-content4 {

    padding: 30px 30px 100px 30px;

    background-repeat: no-repeat;

    background-color: #f7faf1;

    background-position: bottom right;

    background-size: 100px;

}

.para-4 {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

    max-width: 400px;

}

.textual-content3 {

    float: left;

    width: 100%;

    padding: 0px 0px;

}

.para-3 {

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0.4px;

    color: #666666;

    font-weight: 400;

}

.big-image1 {

    height: 250px;

    margin-bottom: 0px;

}

.big-image2 {

    height: 250px;

    margin-bottom: 0px;

}

.big-image3 {

    height: 250px;

    margin-bottom: 0px;

}

.blue-box1 {

    background: #075591;

    max-width: 100%;

    margin: auto;

        padding: 20px 20px 20px 33px;

    clear: both;

    z-index: 999;

    position: relative;

}

.quote-textual {

    float: left;

    width: 100%;

    background: #075591;

    height: 100%;

    padding: 30px 30px;

    max-width: 120%;

}

.quote-textual>h6 {

    border-bottom: 1px solid silver;

    padding-bottom: 6px;

    font-weight: 400;

    letter-spacing: 0.4px;

    font-size: 14px;

    margin-left: 0px;

    margin-bottom: 20px;

}

.quote-bg {

    float: left;

    width: 100%;

    margin-left: 0px;

    padding-left: 60px;

    background-repeat: no-repeat;

    background-size: 50px;

    background-position: top left;

    background-position-x: 0px;

    margin-top: 20px;

}

.quote-name {

    float: left;

    width: 100%;

    margin-left: 0px;

}

.quote-name h3 {

    font-size: 34px;

    line-height: 38px;

    letter-spacing: 1.5px;

    font-weight: 800;

}















header.header-2 {

    background: #075591;

}

section.home-banner {

    margin-top: 0px;

}

.top-bar1 .wordlwide-dropdown button {

    background: none;

    border: 1px solid #b9b9b9;

    border-radius: 30px;

    overflow: hidden;

    padding: 4px 25px 4px 10px;

    color: #b9b9b9;

    font-weight: 500;

    letter-spacing: 0.4px;

}

.banner-slide {

    float: left;

    width: 100%;

    min-height: 100vh;

}

.banner-text {

    display: block;

    max-width: 300px;

    margin-top: 0px;

}

.banner-text h3 {

    font-size: 40px;

    font-weight: 700;

    letter-spacing: 0px;

    line-height: 52px;

}

.header-wrapper {

    border:none !important;

}

.blue-box2 {

    background: #0560a6;

    padding: 0px 14px 0px 13px;

    border: 15px solid white;

    max-width: 1050px;

    margin: auto;

    margin-top: -100px;

}

.textual-content5 {

    float: left;

    width: 100%;

    padding: 0px 20px;

}

.custom-image5 {

    float: left;

    width: 100%;

    margin-bottom: 30px;

}

.textual-bg1 , .textual-bg2 {

    background-size: 70px;

    background-repeat: no-repeat;

    background-position: bottom left;

    background-position-x: 0%;

    background-position-y: 84%;

}

.pattern-bg3 {

    position: absolute;

    left: 0px;

    top: 84%;

    width: 120px;

}

.collab-row {

    display:block;

}

.collab-image {

    display: none;

}

.overlay-text1 h5 {

    font-size: 50px;

    line-height: 50px;

}

.collab-row {

    display: block;

    float: left;

    width: 100%;

}





section.bg-sec2 {

    padding-bottom: 30px;

}

.collab-box {

    text-align: center;

    display: block;

    max-width: 250px;

    margin: auto;

    margin-bottom: 30px;

}

.news-box-image img {

    width: 100%;

}

.arrows-1 button.slick-prev {

    left: 10px !important;

    bottom: -70px !important;

    top: auto !important;

    z-index: 999;

}

.arrows-1 button.slick-next {

    left: 60px !important;

    bottom: -70px !important;

    top: auto !important;

    z-index: 999;

}





/*changes 1 */

.top-bar2 {

    background:transparent;

}

.top-bar2 .topbar-actions>a {

    color: #b9b9b9;

}

.mobile

{

  display: block;

}

.desktop

{

  display: none;

}

div.a

{

  display: none;

}

.t-a {

    display: none;

}

.pattern-bg2 {

    background:none;

}

.pattern-bg3 {

    display: none;

}

.collab-head h3 {

    font-size: 34px;

    line-height: 40px;

}

.collab-row

{

  display: block;

  background:none;

      margin-top: 0px;

}

.collab-box:nth-child(even) {

    margin-top: 0px;

}

.collab-box:nth-child(odd) {

    transform: scale(1);

}

.overlay-text1 h5 {

    font-size: 45px;

}

.collab-box:nth-child(odd) b {

    transform: scale(1);

}

.collab-box:nth-child(odd) h5 {

    transform: scale(1);

}

.collab-box:nth-child(odd) img {

    transform: scale(1);

}



 .a , .a2 {

    display: none;

 }



.page-banner-image {

    margin-top: 0px;

}



.custom-pad2 {

    padding-left: 0px;

}











.quotation-text1 h3 {

    font-size: 32px;

    line-height: 35px;

}

section.quotation-sec2 {

    padding: 100px 0px;

    background-position: top center;



}

 



.para-5 {

    max-width: 100% !important;

    font-size: 28px !important;

    line-height: 36px !important;

}

ul.list-1 {

    margin-top: 40px !important;

    padding-left: 20px;

}

section.product-portfolio-sec {

    background-size: 100% 48%, 130px;

    background-repeat: no-repeat,no-repeat;

    background-position: top left, bottom right;

    padding: 80px 0px;

}

.blog-desc {

    padding-left: 20px;

}

.custom-width1 {

    padding-left: 20px;

}

.list-1 li {

    font-size: 15px !important;

    margin-bottom: 10px !important;

}

.quote-heading1 {

    font-size: 28px;

    line-height: 37px;

}



.bg-sec3 {

    padding: 60px 0px;

}

.blue-box3 {

    min-height: 0px;

    margin-bottom: 30px;

}

.blue-box3 p {

    font-size: 18px;

    font-weight: 300;

    letter-spacing: 0.3px;

    line-height: 29px;

}

.custom-btn1, .custom-btn2 {

    font-size: 14px;

    min-width: 180px;

    padding: 10px 20px !important;

}

.custom-heading6 {

    font-size: 25px;

    font-weight: 700;

}

.para-6 {

    font-size: 20px !important;

    line-height: normal;

}

.custom-heading5 {

    font-size: 50px;

    line-height: 55px;

}

.career-text1 {

    font-size: 15px !important;

}

.career-text2 {

    font-size: 12px !important;

}

.textual-content6 {

    float: left;

    width: 100%;

    margin: 0px !important;

    margin-top: 30px !important;

    padding-left: 20px;

}



.textual-content6 h3 {

    font-size: 80px;

    font-weight: 700;

    letter-spacing: 1.5px;

    line-height: 75px;

    margin: 0px 0px 5px 0px;

    margin-bottom: 10px !important;

}

.textual-content6 p {

    font-size: 22px;

    line-height: 30px !important;

}



.arrows-2 button.slick-prev {

    bottom: -60px !important;

    left: 0px !important;

}





.arrows-2 button.slick-next {

    bottom: -60px !important;

    left: 50px !important;

}







.bg-sec4 img {

    width: 96%;

}

.blue-box5 {

    margin-top: -70px;

    padding: 20px 20px !important;

}

 

.blue-box5 h3 {

    font-size: 20px;

    line-height: 28px;

}

.bg-sec4 img {

    width: 118%;

    max-width: 118%;

}

.blue-box5 {

    width: 93%;

}



.bg-sec5 {

    padding: 50px 0px 350px 0px;

    background-position: bottom right;

    background-repeat: no-repeat;

    background-size: 170% 350px;

    background-color: #fafbfd;

}

.event-block {

    float: left;

    width: 100%;

    position: relative;

    margin-bottom: 0px;

    margin-top: 30px;

    /*max-width: 300px;*/

    max-width: 100%;

}

.bg-sec6 {

    padding: 80px 10px;

    background-position: top left;

}

.form-2 {

    width: 100%;

    padding: 0px 0px;

}

.form-field3 span {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: 0.3px;

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    height: auto;

    padding: 0px;

    margin-bottom: 10px;

}

.form-field3 .field-style3 {

    width: 100%;

    border: 1px solid #dddddd;

    height: 42px;

    padding: 0px 20px;

    border-radius: 30px;

    font-size: 13px;

    letter-spacing: 0.3px;

    vertical-align: top;

    max-width: 100%;

}



.form-2 {

    width: 100%;

    padding: 0px 15px;

}

.custom-pad3 {

    padding: 0px 35px !important;

}



.news-block2 {

    margin-top: 40px;

    max-width: 100%;

}

.arrows-3 button.slick-prev {

    left: 15px !important;

}

.custom-btn-44 {

    padding: 10px 14px !important;

    font-size: 12px !important;

}

.custom-btn-33 {

    padding: 10px 14px !important;

    font-size: 12px !important;

}



.arrows-3 button.slick-next {

    left: 65px !important;

}





.career-box {

    left: 8%;

    top: 3%;

}

 

.career-box {

    left: 10%;

    top: 4%;

}

.career-box h5:nth-child(1) {

    font-size: 9px !important;

    max-width: 80%;

    line-height: 11px !important;

    margin-bottom: 4px !important;

}

.career-box .career-text1 {

    font-size: 11px !important;

}

.career-box .career-text2 {

    font-size: 9px !important;

    max-width: 60% !important;

    line-height: 11px !important;

}

.custom-margin1 {

    margin-bottom: 80px;

}

.statistic-box h3 {

    font-size: 36px;

}

.bubble-image1 img {

    max-width: 138%;

    width: 105%;

}



.arrows-5 button.slick-prev {

    right: auto !important;

    left: 0px !important;

    bottom: -45px !important;

}

.arrows-5 button.slick-next {

    left: 50px !important;

    bottom: -45px !important;

    top: auto !important;

    right: auto !important;

}



.arrows-6 button.slick-prev {

    left: 0px !important;

    top: 200px !important;

}



.arrows-6 button.slick-next {

    left: 50px !important;

   top: 200px !important;

}

.arrows-6 button.slick-arrow {

    width: 40px !important;

    height: 40px !important;

}

.custom-margin2 {

    margin-bottom: 70px !important;

}



/*Mobile Menu*/



section.top-bar1 , .top-bar2 {

    display: none;

}

.navbar-custom {

    float: right;

    padding-top: 6px;

    width: 100%;

    padding-bottom: 10px;

    display: none;

    position: fixed;

    top: 0px;

    left: 0px;

    height: 100%;

    z-index: 999;

    background: #075591;

    padding: 20px 20px;

    max-height: 100%;

    overflow-x: hidden;

    overflow-y: auto;

}

.menu-header {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}

.menu-logo {


    float: left;

}

.menu-close {

    float: right;

}

.menu-logo img {

    width: 150px;

}

.menu-close button img {

    width: 24px;

}

 

.menu-close button {

    background: none;

    border: none;

    padding: 0px;

}

.menu-item>a {

    border: none !important;

}

.menu-body {

    float: left;

    width: 100%;

}

.menu-item>a {

    font-size: 36px;

    font-weight: 600;

    letter-spacing: 0.2px;

}

.menu-header , .menu-footer {

    display: block;

 }







.menu-footer {

    float: left;

    width: 100%;

    margin-top: 20px;

}

.menu-footer span {

    display: block;

    margin-bottom: 6px;

}

.menu-footer span a {

    color: white !important;

    font-size: 13px !important;

    letter-spacing: 0.6px !important;

}

.logo.mobile {

    margin-top: 3px;

}

.custom-slider2 .slick-list {

    overflow: hidden !important;

}



 

header.home-header {

    background: none !important;

    margin-bottom: -85px !important;

    padding: 10px 0px !important;

}

header.home-header .nav-handler button {

    background: none !important;

    filter: invert(1);

}

.custom-pad6 {

    padding: 0px 20px;

}

.custom-pagination ul li .line-text {

    display: none;

}

.custom-pagination ul li a {

    padding: 0px 10px;

}

.custom-pagination ul li:nth-child(1) {

    position: static;

}

.custom-pagination ul li:nth-last-child(1) {

    position: static;

}

.custom-pagination ul li {

    display: inline-block;

    vertical-align: middle;

}



.custom-border3 {

    border-right: 1px solid #c2c2c2;

    padding-right: 15px;

    border: none;

}



.custom-pad7 {

    padding-left: 15px;

}

.map-1 {

    float: left;

    width: 100%;

    margin-bottom: 50px;

    margin-top: 50px;

}

.worldwide-box {

    float: left;

    width: 85%;

    margin-left: 7%;

    margin-bottom: 30px !important;

}

.overlay-text2 {

    float: left;

    width: 100%;

    text-align: center;

    margin-bottom: -10px;

}

.overlay-text2 span {

    font-size: 8vw !important;

}

.worldwide-box2 {

    padding: 0px 0px !important;

    border: none !important;

    border-bottom: 1px solid #d7d9da !important;

    margin-bottom: 50px !important;

    padding-bottom: 30px !important;

    margin-left: 20px;

    max-width: 300px;

}

.arrows-7 button.slick-prev {

    left: 20px !important;

    bottom: -60px !important;

}

.arrows-7 button.slick-next {

    left: 62px !important;

    bottom: -60px !important;

}

.arrows-8 button.slick-prev {

    left: 20px !important;

    bottom: -60px !important;

}

.arrows-8 button.slick-next {

    left: 62px !important;

    bottom: -60px !important;

}

.career-box2 {

    /*left: 42%;*/

    left: 20%;

    /*top: 4%;*/

    top: 6%;

    width: 58%;

}





/*New Work*/

/*Footer Section*/



.footer-desktop

{

    display: none;

}

.footer-mobile

{

    display: block; 

} 







.textual-content7 p {

    font-size: 22px;

}



.textual-content7 h3 {

    font-size: 60px;

}



.our-values {

    padding: 10px 15px !important;

}

.textual-content8 h4 span {

    font-size: 120px;



    margin-right: -5vw;

}

.textual-content8 {

    background: #f7f7f7;

    padding: 45px 25px 6.5vw 25px;

    height: 350px;

}

.textual-content8 p {

    font-size: 15px;

    line-height: 1.4rem;

}

.main-head h4:nth-child(1) {

    width: 95px;

}

.main-head h4:nth-child(2) {

    width: 180px;

    line-height: 2rem;

}

.custom-heading1-mob

{

    font-size:30px !important;

}

.textual-content7 {

    padding-top: 60px;

    padding-bottom: 60px;

    padding-left: 20px;

}







/*.journey-banner {

    background-image: none;

    margin-top: 100px !important;

    margin-bottom: 60px;

}*/

.journey-main .row-height {

    height: 290px;

}

.journey-sec1 h2 {

    font-size: 60px;

    line-height: 4rem;

}

.journey-sec1 p {

    font-size: 14px;

    line-height: 1.3rem;

    width: 90%;

}

.journey-sec1 {

    padding-right: 0px !important;

    padding: 40px 0px 0px 0px;

}

.journey-sec2 {

    padding-left: 0px !important;

    padding: 40px 0px 0px 0px;

}

.journey-sec2 h2 {

    font-size: 60px;

    line-height: 4rem;

}

.journey-sec1 hr {

    width: 100%;

}

.journey-sec2 p {

    font-size: 14px;

    line-height: 1.3rem;

    width: 90%;

    padding: 0px;

    padding-top: 0px !important;

}

.journey-main .row-height2 {

    height: 220px;

}

.journey-main .row-height3 {

    height: 330px;

}

.journey-main .row-height4 {

    height: 270px;

}

.journey-main .row-height5 {

    height:310px;

}

.sec-mobile

{

    display: none;

}

.menu-mobile {

     display: block; 

}

.menu-item.active ul {

    display: block !important;

    background: transparent;

}

.menu-item ul li a {

    color: white;

    font-size: 18px;

    border: 0px;

    padding: 6px 32px;

}



.menu-desktop

{

    display: none;

}

.menu-mobile

{

    display: block;

}

.custom-btn3 {

    min-width: 5vw !important;

        width: 34vw;

    border: 1px solid grey;

    /*color: grey;*/

}

span.date-text3 {

    color: grey;

    font-size: 16vw;

    line-height: 36px;

    font-weight: 600;

}

.r-d-mobile

{

    display:block;

}

.r-d-desktop {

    display:none;

}

.dropMenu img {

    width: 30px;

}

.blue-box2 .textual-content5 p {

    font-size: 18px;

    line-height: 25px;

}

.blue-box2 .textual-content5 {

    padding: 25px 30px 5px 30px;

}

.journey-img5 img {

    width: 50px !important;

    max-width: 100px !important;

}



.journey-img6 img {

    width: 50px !important;

    max-width: 100px !important;

    margin-left: -30px !important;

}

.bg-sec7 {

    background-size: 235% 75% !important;

    background-position: center right !important;

    background-repeat: no-repeat !important;

}

.bg-sec1 {

    background-position: 100% 100%;

    background-position-x: 675px;

    box-shadow: inset 2000px 0 0 0 rgb(0 0 0 / 50%);

}

.cbp-qtrotator {

    width: 91% !important;

 }

     

.cbp-qtcontent {

   min-height: 70px !important;

}

.cbp-qtcontent h4 {

   margin: 0px;

}

.cbp-qtcontent p {

   line-height: 14px;

   font-size: 11px !important ;

}

.mymain {

   width: 100%;

   float: right;

   margin: 0 auto;

   max-width: 92vw;

}

.cbp-qtrotator {

   height: 28vw !important;

 }

 .cbp-qtcontent h4 {

   font-size: 12px;

}

.cbp-qtprogress {

   top: 27.2vw !important;

}

.cbp-qtrotator .cbp-qtcontent img {

   height: 127%;

}

.privacy-1 {

    padding: 50px 10px !important;

}

.pdf-boxes >p {

    padding-bottom: 20px !important;

    padding-top: 20px;

}

section#our-purpose\ privacy {

    padding-top: 0px !important;

}

.findus-social1 {

    padding: 0px 20px;

    margin-top: -18px;

    margin-bottom: 20px;

}

p.energy-address1 {

    font-size: 15px !important;

    line-height: 22px !important;

    padding-left: 0px;

    margin-bottom: 30px !important;

}

.motion-video-bg {

    width: 300%;

    transform: translate(-50%, -57%);

    margin-top: 84%;

}

.banner-slide-bg-video::before {

    content: '';

    width: 100%;

    height: 100%;



    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 9;

}





.textual-inner-content {

    float: left;

    width: 100%;

    padding: 0px 0px;

}

p.para-10 {

    font-size: 16px !important;

    line-height: 25px !important;

    letter-spacing: 0.2px;

    color: #2e2e2e;

    font-weight: 400;

}

.textual-inner-content .custom-heading4 {

    font-size: 22px;

}

.privacy-accordion .btn-link {

    width: 100%;

    padding: 0px;

    text-align: left;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 0px;

    color: #333333 !important;

    position: relative;

    padding-right: 15px;

    line-height: 28px;

}

.pdf-boxes a p {

    color: white;

    font-size: 14px !important;

}

.pdf-boxes >p {

    padding-bottom: 20px !important;

    padding-top: 20px;

    font-size: 14px !important;

}

.privacy-accordion-header h4 {

    font-weight: 700;

    font-size: 28px;

}









.product-para {

    font-size: 12px !important;

    line-height: 16px !important;

}

.product-modal-wrap {

    padding: 0px 10px !important;

}

.product-modal-wrap .modal-header h3 {

    margin: 0px !important;

    text-align: center !important;

    padding: 0px !important;

}

.product-modal-wrap .modal-header {

    padding: 10px 10px !important;

}

.product-modal-wrap .modal-header .close {

    font-size: 18px !important;

    padding: 0px 0px !important;

    right: 0px !important;

    position: static !important;

    margin: 0px !important;

}

.product-modal-wrap .modal-body {

    padding: 15px 10px !important;

}

.product-modal-wrap table td {

    padding-bottom: 19px !important;

    vertical-align: top;

}







section.building-strength-sec {

    padding: 0px 0px 100px 0px;

}

.bubble-wrapper {

    position: static;

    height: auto;

    float: left;

    width: 100%;

    padding-bottom: 250px;

    padding-top: 80px;

    background-size: 140%;

    background-position: -10px 0px;

    margin-left: 16px;

}

.bubble-content h3 {

    font-weight: 700;

    font-size: 30px;

    letter-spacing: -0.5px;

    margin: 0px 0px 20px 0px;

    line-height: 34px;

}

.bubble-content p {

    font-size: 14px;

    letter-spacing: 0.2px;

    line-height: 20px;

    margin-bottom: 10px;

}

.bubble-content {

    float: left;

    width: 100%;

    padding: 40px 10px 40px 60px;

}

.bubble-content h6 img {

    width: 130px;

}

.building-textual {

    float: left;

    width: 100%;

    margin-top: 0px;

}

.building-textual h3 {

    font-weight: 700;

    font-size: 35px;

    letter-spacing: -1px;

    margin-bottom: 25px;

    line-height: 42px;

}

.building-textual p {

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0.3px;

    max-width: 690px;

    margin-bottom: 25px;

}

.title-text1 {

    font-size: 34px;

    font-weight: 700;

    letter-spacing: -0.5px;

    text-align: center;

}

.our-strength-box {

    float: left;

    width: 100%;

    text-align: center;

    margin-bottom: 30px;

}

.our-strength-box h3 {

    font-size: 22px;

    font-weight: 700;

    line-height: 25px;

}

.desk-no-display {

    display: block;

}

.mob-no-display {

    display: none;

}

.partnership-biz-block {

    width: 100%;

    z-index: 99;

    position: relative;

}

.partnership-biz-block img {

    max-width: 280px;

    margin: auto;

    display: block;

}

.partnership-biz-main img {

    max-width: 300px;

}

.partnership-biz-main {

    width: 100%;

    text-align: center;

    margin-bottom: 30px;

}



.content-block1 {

    float: left;

    width: 100%;

    padding: 30px 25px;

    background: #f0f1f1;

    border-radius: 30px;

    z-index: 99;

    position: relative;

}

.edge-title h3 {

    font-weight: 700;

    font-size: 28px;

    margin: 0px 0px 10px 0px;

}

.edge-image img {

    height: 60px;

}

.edge-image {

    width: 26%;

    text-align: center;

}

.edge-desc {

    width: 65%;

}

.edge-desc h3 {

    font-weight: 700;

    font-size: 32px;

    margin: 0px 0px 5px 0px;

    border-bottom: 2px solid #72bd43;

}

.edge-logos img {

    height: 45px;

}

.edge-logos {

    padding: 30px 15px;

}

.bg-line2 {

    position: absolute;

    width: 250px;

    right: 0px;

    bottom: auto;

    top: 85%;

}

.edge-title img {

    width: 120px;

    position: absolute;

    top: -128px;

    right: auto;

    left: -40px;

}



.bg-line3 {

    position: absolute;

    left: 0px;

    width: 120px;

    bottom: 85%;

}

.partner-connect-textual img {

    width: 100%;

    max-width: 290px;

    margin-bottom: 5px;

    margin-left: -27px;

}

.partner-connect-textual p {

    font-size: 17px;

    letter-spacing: 0.2px;

    font-weight: 500;

    color: #d5de22;

    line-height: 27px;

}

.form-field8 {

    float: left;

    width: 100%;

    margin-bottom: 22px;

}

.partner-connect-textual {

    float: left;

    width: 100%;

    margin-top: 30px;

    padding-right: 20px;

    margin-bottom: 50px;

}

.partner-new-form {

    float: left;

    width: 100%;

    padding: 40px 25px;

    background: white;

    border-radius: 22px;

}

.bubble-wrapper {

    position: static;

    height: auto;

    float: left;

    width: 106%;

    padding-bottom: 50px;

    padding-top: 30px;

    background-size: 519px;

    background-position: -10px 0px;

    margin-left: 0px;

    background-repeat: no-repeat;

}

.bubble-content {

    float: left;

    width: 100%;

    padding: 55px 10px 40px 60px;

}

section.building-strength-sec {

    padding: 0px 0px 150px 0px;

}

}