@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.class1{
	background: #00446c;
	height: 5px;
}
.class2{
	padding:30px 0 0 30px;
}
.class3 img{
	position: relative;
	z-index: 0;
}
.class3 p{
	z-index: 1;
	position: relative;
	margin-top: -30px;
  color: #fff;
}
.class3 p a{
  color: #fff;
}
.class4{
	margin-top: -5px;
	padding-bottom: 5px;
}

.class5{
	margin-top: 50px;
}
.class5 p{
	color: #00446e;
	font-size: 25px;
}
.class5 img{
	margin-top: -10px;
}
.class5 h1{
	color: #00446e;
	font-weight: 400;
	font-size: 26px;font-family: 'Raleway', sans-serif;
}
.class5 h1 span{
	font-size: 38px;
	font-weight: 700;

}
.class6 p{
	margin-top: 10px;
  font-family: 'Rubik', sans-serif;
    font-size: 15px;
    line-height: 28px;
        color: #4C4C4C;
}
.class6 button{
	background: #d8ea46;
	width: 300px;
	padding: 10px;
	border-radius: 25px;
}

.Mission img{
  width: 50%;
}
.Mission{
  margin-top: 50px;
}
.Mission h1{
  font-size: 25px;color: #00446e;font-weight: 700;
}
.Mission p{
margin-top: 10px;
  font-family: 'Rubik', sans-serif;
    font-size: 15px;
    line-height: 28px;
        color: #4C4C4C;
        padding:0 50px;
}



/***********************product slider******************************/
/* bx-wrapper Styling */
.class7{
  background: #fff;
  width: 100%;
  padding: 0;
  border: 1px solid #f6f6f6;
  text-align: center;
  padding: 10px;
 box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.bx-wrapper {
  box-shadow: none !important;
  border: none !important;
  background: transparent!important;
  margin: auto !important;
  height: auto!important;
}


.bx-wrapper img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}
.productbox img{
	padding: 20px;
}
.productbox{
	padding: 0px;
	background: #fff;float: left;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    list-style: none;
    position: relative;
    margin-right: 38px!important;

}
.prtitle{
  text-align: center;
 font-family: 'Raleway' sans-serif;color:#00446e;font-weight: 700;
 padding-bottom: 10px; 
}
.productbox h6{
	background: #00446e;
	color: #fff;
	height: 50px;
  padding: 10px;font-weight: 400;
 font-family: 'Raleway', sans-serif;
}


/* End bx-wrapper Styling */

.logosImgs {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  
}

.logosImgs img {
  max-height: 100%;
opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.logosImgs img:hover {
	
   -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .65;
  transition: all .5s;
}
.bx-wrapper .bx-prev {
    left: -50px ;
    background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: -50px;
    background: url(images/controls.png) no-repeat -43px -32px;
}
@media screen and (max-width: 800px) {
    .logosImgs img {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
}
}

@media screen and (max-width: 560px) {
 .logosImgs img {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
}
}



.class21{
  background: #00446e;
  padding: 50px;
  text-align: center;
}

.class22 {


}
/*****************footer******************/
.class10{
  background: #d8ea46;
  padding: 10px 0 0 0;
}
.class10 img{
  padding:0 10px;
}
.class10 h5{
  color: #3c3c3c;
}
.class11{
  text-align: center;
}
.class11 h1{
  font-size: 22px;
  font-weight: 700 !important;
  font-family: 'Raleway', sans-serif;
  margin-top: 10px;
  color: #d8ea46;
}

.border1 {
    border: 2px dashed #d8ea46;
    width: 80%;
    margin-top: -7px;
}
.class11 p{
   font-family: 'Rubik', sans-serif;
    font-size: 15px;
    line-height: 28px;
   color: #fff;
   margin-top: 10px;
}

#class12
h3 a{
  color: #fff;
}
#class13
table tr td a{
  color: #fff;
}

.class12 h1{
  font-size: 22px; text-align: center;
  font-weight: 700 !important;
  font-family: 'Raleway', sans-serif;
  margin-top: 10px;
  color: #fff;
}

.border1 {
    border: 2px dashed #d8ea46;
    width: 80%; text-align: center;
    margin-top: -7px;
}

#class12 h3{
  font-family: 'Rubik', sans-serif;
    font-size: 15px;
  padding: 0 20px;
  color: #fff;
  margin: 15px auto;
}

#class12 h3 i{
  color: #d8ea46;
  padding: 0 20px;
}
#class13 table {
  margin: 0 auto;
}
#class13 table tr td{
  padding: 5px;
  color: #fff;
}
#class13 table tr td img{
  padding: 0 10px;
}
.class13 h1{
  font-size: 22px;  text-align: center;
  font-weight: 700 !important;
  font-family: 'Raleway', sans-serif;
  margin-top: 10px;
  color: #fff;
}
.class13{
  margin-bottom: 50px;
}
.border1 {
    border: 2px dashed #d8ea46;
    width: 80%;
    margin-top: -7px;
    margin: 0 auto;
}


.class15{
  height: 50px;
  background: #000000;
}
.class15 p{
  color: #fff;
  text-align: center;
  padding-top: 10px;
}
.class15 p span{
  color: #d8ea46;
   font-weight: 700 !important;
  font-family: 'Raleway', sans-serif;
}

.class15 p span a{
  color: #d8ea46;
   font-weight: 700 !important;
  font-family: 'Raleway', sans-serif;
}




@import url('https://fonts.googleapis.com/css?family=Montserrat');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


:root {
  --marquee-width: 80vw;
  --marquee-height: 20vh;
  /* --marquee-elements: 12; */ /* defined with JavaScript */
  --marquee-elements-displayed: 5;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
  background-color: transparent;
  color: #eee;
  overflow: hidden;
  position: relative;
}
.marquee:before, .marquee:after {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.marquee:before {
  left: 0;
  background: linear-gradient(to right, transparent 0%, transparent 100%);
}
.marquee:after {
  right: 0;
  background: linear-gradient(to left, transparent 0%, transparent 100%);
}
.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}
/* .marquee-content:hover {
  animation-play-state: paused;
} */
@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
}
.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  width: var(--marquee-element-width);
  max-height: 100%;
  font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
  white-space: nowrap;
}

.marquee-content li img {
  width: 100%;
  /* height: 100%; */
  border: 2px solid #eee;
}

@media (max-width: 600px) {
  html { font-size: 12px; }
  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  }
  .marquee:before, .marquee:after { width: 5rem; }
}







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

.class31 h1{
  margin-top: 70px;
  font-weight: 700;
  color: #fff;
}
.class32 h6{
  color: #00446e;
  margin-top: 50px;
  font-size: 25px;
}
.class32 h1{
  color: #00446e;
  margin-top: -10px;
  font-weight: 700;
}
.class32 img{
  margin-top: -10px;
}
.class32 h2{
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
  padding: 0 100px;
  margin-top: 50px;
}
.class33 p{
  color: #4f4f4f;
  font-family: 'Raleway', sans-serif;
  padding: 0 30px;
  font-weight: 700;
   font-size: 15px;
    line-height: 28px;
}


.class34 h1{
  color: #00446e;
  margin-top: 50px;
  font-weight: 700;
}
.class34 p{
  text-align: left;
   color: #4f4f4f;
  font-family: 'Raleway', sans-serif;
  padding: 0 30px;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 50px; font-size: 15px;
    line-height: 28px;
}

/****************product*******************/
.class41{
  margin-bottom: 50px;
}

.class41 h3{
  font-size: 18px;
  padding: 10px;
}
.class41:hover{
  background: #00446c;
  color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}


.class41
i{
  position: absolute;
  font-size: 45px;
  left: 45%;
  top: 40%;
  color: #fff;
  display: none;
}

.class41:hover i{
  display: block;
  opacity: 1 !important;
  z-index: 1000;
}
.class41:hover img{
  opacity: 0.3;

}
.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
  
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}


.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}

.class51 h1{
  color: #00446e;
  font-weight: 700;
}
.class51
form
button{
  background: #00446e;
  width: 200px;
    color: #fff;
    border-radius: 25px;
}
.class51
form
button:hover{
  background: #d8ea46;
  width: 200px;
  color: #000;
}
.class6
button{
    background: #00446e;
  width: 200px;
    color: #fff;
}
.class6
button:hover{
    background: #d8ea46;
  width: 200px;
    color: #000;
}
.class51
form
label{
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}
.class51
form
input{
  background: transparent;
}
.class51
form
textarea{
  background: transparent;
}


/*********top btn*********/
.class53{
  padding: 30px 20px;
  text-align: center;
}
.class53 i{
  font-size: 40px;
  color: #00446e;
}
.class53 h1{
   font-weight: 700;
   font-size: 25px;
   padding: 0 10px;
  font-family: 'Raleway', sans-serif;
}
.class53 p{
   font-family: sans-serif;
   font-size: 15px;
}


.class53:hover{
background: #f3f3f3;
  color: #030303;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}


.class54{
  padding: 30px 20px;
  text-align: center;
}
.class54 i{
  font-size: 40px;
  margin-top: 5px;
  color: #00446e;
}
.class54 h1{
   font-weight: 700;
   font-size: 25px;
   padding: 0 20px;
  font-family: 'Raleway', sans-serif;
}
.class54 p{
   font-family: sans-serif;
   font-size: 15px;
}
.class54:hover{
background: #f3f3f3;
  color: #030303;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}






.class55{
  padding: 30px 20px;
  text-align: center;
}
.class55 i{
  font-size: 40px;
  margin-top: 5px;
  color: #00446e;
}
.class55 h1{
   font-weight: 700;
   font-size: 30px;
  font-family: 'Raleway', sans-serif;
}
.class55 p{
   font-family: sans-serif;
   font-size: 15px;
}
.class55:hover{
background: #f3f3f3;
  color: #030303;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.class56
iframe{
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.class54
p
a{
  color: #030303;
}

.class55
p
a{
  color: #030303;
}



.content {
  overflow: hidden;
}

.content img {
   transition: transform .5s ease-in-out;
}

/* [3] Finally, transforming the image when container gets hovered */
.content:hover img {
    transform: scale(2) rotate(25deg);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.content{
  margin-bottom: 50px;
}
.content:hover{
  background: #00446c;
  color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}




.content
i{
  position: absolute;
  font-size: 45px;
  left: 45%;
  top: 40%;
  color: #000;
  display: none;
}

.content:hover i{
  display: block;
  opacity: 1 !important;
  z-index: 1000;
}
.content:hover img{
  opacity: 0.3;

}



/***************scroll number***************/



/****************************/
.numscroll{
  padding: 30px;
  text-align: center;
}

.numscroll h1{
  font-weight: 700;
}
.numscroll h5{
  font-size: 25px;
  color: #ff5a01;
  font-family: serif;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}





/**********social icon****************/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 50%;z-index: 1000000;
}
#fixed-social i{
  padding-top: 10px;
}
#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 200000!important;
}
#fixed-social a:hover>span{
  visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
  line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 10000;
    opacity: 0;
}
 .fixed-facebook{
  background-color: #4267B2;
 }
 .fixed-facebook span{
  background-color: #4267B2;
 }
 .fixed-twitter{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */


 }
 .fixed-twitter span{
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */

 }
 
 .fixed-youtube{
  background-color: red;

 }

 .fixed-youtube span{
  background-color: red;
 }
 .fixed-whatsapp {
  background-color: green;

 }
 .fixed-whatsapp span{
  background-color: green;
 }