*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: sans-serif;
}

.hea{
  margin: 10px;
  /* border: 1px solid red; */
  padding-left: 70px;
  
  
  
}
.foot .rights{
  text-align: center;
}

/* Alerter-code Redsign-navbar(S) */
 
svg.line-top {
	width: 100%;
	/* background-color: #17141d; */
}
svg.line-bottom {
	width: 100%;
}
.menu {
  	width: 750px;
    height: 70px;
	  margin: 0 auto;
}
ul {
	padding: 0;
	margin: 0;
}

ul #me  {
	margin: 0;
	/* padding: 10px 0 24px 0; */
	width: 25%;
	height: 10px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 3.5px;
	transition: all 0.5s ease-out;
}

#me.active {
	color: #3163ff;
	transform: scale(1.1);
}
.menu ul li a{
  text-decoration: none;
}
polygon {
	stroke-width: 2px;
	stroke: black;
	fill: #2f60ff;
}

/* Alerter-code(E) */
.change{
 
    background-color: #5352ed!important;
    font: 400 10px "Lato", sans-serif;
    font-size: 15px;
  }


/* Alerter-code Redsign-navbar(E) */


.slideshow-container h1,h4,h2{

  margin-bottom: 0px !important;
}

.hea p{
  margin: 0 ;
}

.foot .privacy{

  display: flex;
  flex-direction: column;
  padding: 10px 0;
  /* font-size: 20px;
  font-weight: bolder; */

}


.privacy .nav-item a{
  padding: 10px 0;
}


a {
  color: #f8f9fa!important;
  text-decoration: none ;
  
}
a:hover {
   color: black !important;
  text-decoration: underline;
}

.foot a:hover{
  color: black!important;
  text-decoration: underline;
 }

 .under:hover{
  text-decoration: underline;
 }
 #bottom h6{
  font-weight: bold;
  text-decoration: underline;
  

 }
 #bottom p{
  font-size: 14px;
 }
 
/* empty-bar(S) */
 

 .fiex #navbarCollapse a {
  
  font-family: 'Gill Sans MT';
  

}

#position .empty{
  width: 100%;
  height: 20px;
  /* border: 1px solid red; */
  background-color: #0072b9;
  position: relative;
  bottom: 0.6px;


}

/* .foot .social a {
  color: white !important;

} */

/* .foot .social a:hover{
  background-color: black !important;
} */
.buton .btn:hover {
  
  color: black !important;
  background-color: #00afef;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
 
  transform: translateY(-7px);

}
.buton .btn{
  background-color: #0072b9;
  color: white !important;
  transition: all 0.3s ease 0s;
  /* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1) ; */
}

/* References 2(S) */



.navbar-toggler-icon{
  /* border: 1px solid red; */

}
.navbar-toggler-icon .bars{
  color: black;
  font-size: 30px;
}
/* empty-bar(E) */
 /* References 2(E) */

.head2{
  width: 100% !important;
  padding: 20px;

  text-align: center;
  marker: 0 20px;
}
 .head2 h1{

  font-size: 37px !important;
  font-weight: bold !important;
  text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
  
}




/* new-slider-testing(S) */


.slider1{display: none;}
.slider1 img {vertical-align: middle;}

/* Slideshow container */
.product-container {
 
 width: 400px;
  position: relative;
  margin: auto;
}


/* Caption text */


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}









.nav-item{
  font-size: 20px;
  font-weight: bolder;
  margin: 0 20px;
 }



#bar{
  background-color: aqua;
}

.text-primary {
  color: white !important;
}

.navbar-brand {
  position: relative;
  left: 20px;
  width: 80px;
  height: 80px;

}

#logo{
        
  height: 100%;
  
}

.f-logo img{
       
  width: 100px;
  height: 100px;
}

.navbar{
        
  background-color: #00afef !important;
  position: relative;
  bottom: 0.7px;
}
.change{
 
  background-color: #0072B9!important;
  font: 400 10px "Lato", sans-serif;
  font-size: 15px;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
/* .change p{
  font-weight:lighter;
 
} */

/* .text-white{
  
  background-color: #0072B9!important;

} */

.foot{
  background-color: #0072B9 !important;

}
 /* nav-bar-positioning-and-styling(E) */





/* The dots/bullets/indicators */
.dots {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.act {
  background-color: #717171;
}

/* Fading animation */
.fades {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fades {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* new-slider-testing(e) */


























.box1{
    width: 100%;
    height: 100%;
   


}


/* html-css-js-Image-slider(s) */

.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
max-width: 100%;
  position: relative;
 
  margin-top: 130px;
}

/* Caption text */
.text {
  /* border: 1px solid red; */
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 210px;
  text-align: start;
  width: 100%;
  
  /* text-align: center; */
}





/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activ{
  background-color: #717171;

}

.active {
  color: black !important;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.mySlides img{
    width: 100%;
    height: 100%;
}

/* <!-- Features Start --> */

.features{
  margin-top: 20px;
    /* border: 1px solid cyan; */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* flex-wrap: wrap; */
    /* gap: 20px; */
    /* border: 2px solid red; */
}
.features .coment{
    /* display: inline-block; */
  width: 100%;
  height: 100%;
  text-align: center;
  /* border: 1px solid darkblue; */
  padding-top: 20px;
}
.features .items img{
    width: 120px;
    height: 120px;
  }
  .features .item-box{
    /* border: 1px solid chartreuse; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;



  }
  .about .head h1{
    text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
  }

  .features .coment h2{
    font: 20px;
    font-weight: bold;
    text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
  }

  .features .items{
    width: 300px;
    height: 300px;
    /* border: 1px solid red; */
    text-align: center;
    display: flex;
    flex-direction: column; 
     /* justify-content: center; */
    align-items: center;
 
    

  }
  .features .item-box .items h3{
    font-size: 20px;
    font-weight: bold;
  }

  .features .item-box .items p{
    font-size: 15px;
  }



  /* features(E) */

  /* <!-- New-About-code(s) --> */
.about{
    /* border: 1px solid red; */
    width: 100%;
    height: 500px;
    
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
 
}
.outer{
    /* border: 1px solid blue; */
    width: 60%;
    height: 100%;
 

}
.head{
    text-align: center;
    margin: 20px 0;
    
}
.sub{
    /* border: 1px solid darkgreen; */
    text-align: center;
    margin: 30px 0;
}
.sub p{
    padding: 20px 0;
}
.icon{
    /* border: 1px solid darkmagenta; */
  
    display: flex;
    justify-content: center;

}
.icon-1{
    /* border: 1px solid crimson; */
    text-align: center;
}
.buton{
    /* border: 1px solid darkred; */
    text-align: center;
    margin: 10px 0;
}
.btn{
    border-radius: 25px;
}
/* <!-- New-About-code(E) --> */


 /* footer-iso-img(S) */
      

 .certify img{
  /* border: 1px solid red; */
  width: 80px;
  height: 80px;
margin: 10px;
  border-radius: 60px;
 }
/* footer-iso-img(E) */


/*  Our Customers(S) */

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-20% * 7));
    transform: translateX(calc(-20% * 7));
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-20% * 7));
    transform: translateX(calc(-20% * 7));
  }
}
  .container-2{
   
    padding: 20px;

  }
  .slider {
    /* border: 1px solid red; */
    background: pr;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
    height: 150px;
    padding: 20px ;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 80%;
    
  }
  .slider::before,
  .slider::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    /* width: 200px; */
    z-index: 2;
  }
  .slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  .slider::before {
    left: 0;
    top: 0;
  }
  .slider .slide-track {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(50px * 14);
   
  }
  .slider .slide {
    height: 100px;
    width: 250px;
    /* border: 1px solid crimson; */
    margin:0 40px;
  }

/* Our Customers(e) */


/* <!-- testimonial-carousel(S) --> */
.testim .button{
    text-align: center;
}
.testim{
    /* border: 1px solid red; */
    width: 100%;
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%); */
}
.testim .wrap{
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}
.testim .arrow{
    display: block;
    position: absolute;
    color: black;
    cursor: pointer;
    font-size: 2em;
    top: 33%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 1;
}
.testim .arrow:before{
    cursor: pointer;
}
.testim .arrow.left{
    left: 10px;
}
.testim .arrow.right{
    right: 10px;
}
.testim .arrow:hover{
    color: #ea830e;
}
.testim .dots{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 1;
    height: 12px;
}
.testim .dots .dot{
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    position: relative;
}
.testim .dots .dot.active,
.testim .dots .dot:hover{
background: #ea830e;
border-color: #ea830e;
}

.testim .dots .dot.active{
    animation: testim-scale .5s ease-in-out forwards;
}
.testim .conte{
    position: relative;
    overflow: hidden;
}
.testim .conte > div{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}
.testim .conte > div.inactive{
    opacity: 1;
}
.testim .conte > div.active{
    
    position: relative;
    opacity: 1;
    
}
.testim .conte div .img img{
    display: block;
    width: 300px;
    height: 300px;
    margin: auto;
    /* border: 1px solid red; */
}

.testim .conte div h2{
    color: #ea830e;
    font-size: 1em;
    margin: 15px 0;
}
.testim .conte div p{
    font-size: 1.15em;
    color: black;
    width: 80%;
    margin: auto;
}

.testim .conte div.active .img img{
    animation: testim-show .5s ease-in-out forwards;
}
.testim .conte div.active h2{
    animation: testim-content-in .4s ease-in-out forwards;
}
.testim .conte div.active p {
    animation: testim-content-in .5s ease-in-out forwards;
}
.testim .conte div.inactive .img img{
    animation: testim-hide .5s ease-in-out forwards;
}
.testim .conte div.inactive h2{
    animation: testim-content-out .4s ease-in-out forwards;
}
.testim .conte div.inactive p {
    animation: testim-content-out .5s ease-in-out forwards;
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        box-shadow: 0px 0px 10px 5px #eee;
    }
    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;
    }
    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}
@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(-1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0);
    }
}
/* coding with nick */

/* Responsive */

@media all and (max-width: 300px) {
    body {
        font-size: 14px;
    }
}
@media all and (max-width: 500px) {
    .testim .arrow{
        font-size: 1.5rem;
    }
    .testim .conte div p{
        line-height: 25px;
    }
}

/* <!-- testimonial-carousel(E) --> */

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

  .foot .rights{
    text-align:start;
  }
  .dots {
    width: 10px;
    height: 10px;
  }
  .mySlides img{
    height: 200px;
  }
  /* last-update(s)(1) */
 
  .certify .small{
    text-align: left !important;
  }
    /* last-update(e)(2) */
  .head2 h1{
    font-size: 30px !important;
  }
  .navbar{
    position: relative;
    bottom: 0.8px;
        }

  .product-container {
    width: 100%;
  }

 
  .dot{
    width: 10px ;
   height: 10px;
  }

  /* Refrences(s) */
  
  .change{
    padding-top: 3px !important;
    padding-bottom: 3px !important;

    
  }
  .change .change2 p,.change3{
    margin-bottom: 0 !important;
  }
  #position .empty{
    height: 10px;
  }

/* Refrences(e) */

  #bottom{
    display: none;
}
    /* Slideshow container */
.slideshow-container {
    margin-top: 112px;

}

.slideshow-container .mySlides .text{

  bottom: 0px;
}

.slideshow-container .mySlides .text h1,h4,h2,h5{
  font-size: 12px;
 
}
/* <!-- Features Start (s)--> */

.features{
    /* border: 1px solid black; */
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-top: 0;
}
.features .coment{
    /* border: 2px solid green; */
    height: 100%;
   
    
}
.features .coment h2{
    font-size: 20px;
    font-weight: bold;
    


}
.features .coment p{
    font-size: 12px;
    font-weight: bold;

}
.features .items{
   width: 80%;
   height: 300px;
   

}
.features .items img{
    /* border: 1px solid red; */
    width: 100px;
    height: 100px;
  
}
.features .items h3{
font-size: 20px;
font-weight: bold;
/* border: 1px solid gold; */

}
.features .items p{
    font-size: 12px;
    font-weight: bold;

}


/* <!-- Features Start (E)--> */

  /* <!-- New-About-code(s) --> */
  .about{
    /* border: 1px solid coral; */
    height: 100%;
  }
  .about .head h1{
  
    font-size: 30px;
font-weight: bold;

  }
  .about .sub h1{
    font-size: 25px;
    font-weight: bold;
  }
  .about .sub p{
    font-size: 12px;
    font-weight: bold;
  }
  .about .icon h5{
    font-size: 20px;
    font-weight: bold;
  }
  .about .icon p{
    font-size: 12px;
    font-weight: bold;


  }
  .buton{
    /* border: 1px solid black; */
    text-align: center;
    
   
}
.buton .btn{
    
    border: none;
    padding: 5px 15px !important;
   

    
}


  /* <!-- Back to Top (s) --> */
  #btn-back-to-top {
    position: fixed;
    z-index: 1;
    bottom: 20px;
    right: 20px;
    display: none;
  }
  /* <!-- Back to Top (E) --> */

/* <!-- testimonial-carousel(1)(S) --> */
  .testim .conte div .img img{
    width: 100%;
  }

  .testim .conte .active h2{
    font-size: 18px;
    font-weight: bold;
  }
  .testim .conte .active p{
    font-size: 12px;
    font-weight: bold;
  }

  .testim .button .btn {
    background: black;
    border: none;
    padding: 5px 15px !important;
  } 

  /* .testim .conte div .img #t2{
    width: 100%;
  } */
  .slider::before,
  .slider::after {
    /* border: 1px solid red; */
    width: 0px;
  }
  .slider .slide-track .slide img{
    width: 150px;
  }
/* qualiy-poclicy-(S) */
  /* .one-two-thre h2{
    
    font-size: 30px;
    text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
    font-weight: bold;
  } */
  /* .on .one-two .one-two-thre p{
    font-size: 12px;
    font-weight: bold;
  } */

  /* qualiy-poclicy-(e) */
  /* <!-- testimonial-carousel(1)(E) --> */

    /* nav-bar-positioning (S)*/
    #position{
        /* border: 2px solid  fuchsia; */
        width: 100%;
        height: 20%;
        position: fixed;
        top: 0;
        z-index: 2;
    
    
    }
    /* nav-bar-positioning (E)*/
    
 .navbar-brand {
    left: 0;
   }

   .product-container {
    width: 70%;
   }


}
@media screen and (min-device-width:481px) and (max-device-width:610px) { 
  .foot .rights{
    text-align:start;
  }
  .certify .small{
    text-align: left !important;
  }
.change{
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    } 
  .certify img{
    width: 80px;
    height: 80px;
}

.dot{
  width: 12px ;
 height: 12px;
}
#position .empty{
  height: 15px;
}
.product-container {
  width: 70%;
 }
 .dots{
  width: 12px ;
  height: 12px;
 }

.slideshow-container .mySlides .text{

  bottom: 3px;
}

.slideshow-container .mySlides .text h1,h4,h2,h5{
  font-size: 15px;
 
}

    .features{
        height: 100%;
    }

        /* Slideshow container */
.slideshow-container {
    margin-top: 121px;
}
/* <!-- Features Start --> */

/* <!-- Features Start (s)--> */

.features{
    /* border: 1px solid black; */
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.features .coment{
    /* border: 2px solid green; */
    height: 100%;
   
    
}
.features .coment h2{
    font-size: 20px;
    font-weight: bold;
    


}
.features .coment p{
    font-size: 12px;
    font-weight: bold;

}
.features .items{
   width: 80%;
   height: 300px;
   

}
.features .items img{
    /* border: 1px solid red; */
    width: 130px;
    height: 130px;
  
}
.features .items h3{
font-size: 20px;
font-weight: bold;
/* border: 1px solid gold; */

}
.features .items p{
    font-size: 12px;
    font-weight: bold;

}





/* <!-- Features Start (E)--> */

    /* nav-bar-positioning (S)*/
    #position{
        /* border: 2px solid  fuchsia; */
        width: 100%;
        height: 20%;
        position: fixed;
        top: 0;
        z-index: 2;
    
    
    }
    /* nav-bar-positioning (E)*/
    /* <!-- New-About-code(s) --> */
  .about{
    /* border: 1px solid coral; */
    height: 100%;
  }
  .about .head h1{
  
    font-size: 33px;
font-weight: bold;

  }
  .about .sub h1{
    font-size: 28px;
    font-weight: bold;
  }
  .about .sub p{
    font-size: 15px;
    font-weight: bold;
  }
  .about .icon h5{
    font-size: 23px;
    font-weight: bold;
  }
  .about .icon p{
    font-size: 15px;
    font-weight: bold;


  }
  .buton{
    /* border: 1px solid black; */
    text-align: center;
    
   
}
.buton .btn{
    
    border: none;
    padding: 5px 20px !important;
   

    
}
/* <!-- testimonial-carousel(1)(S) --> */
.testim .conte div .img img{
    width: 100%;
  }

  .testim .conte .active h2{
    font-size: 20px;
    font-weight: bold;
  }
  .testim .conte .active p{
    font-size: 14px;
    font-weight: bold;
  }

  .testim .button .btn {
    background: black;
    border: none;
    padding: 5px 20px !important;
  } 

  /* .testim .conte div .img #t2{
    width: 100%;
  } */
  .slider::before,
  .slider::after {
    /* border: 1px solid red; */
    width: 0px;
  }
  .slider .slide-track .slide img{
    width: 150px;
  }
/* <!-- testimonial-carousel(1)(E) --> */
/* qualiy-poclicy-(S) */
  .on .one-two .one-two-thre h2{
    /* border: 1px solid red; */
    font-size: 33px;
    text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
    font-weight: bold;
  }
  .on .one-two .one-two-thre p{
    font-size: 15px;
    font-weight: bold;
  }
  .on .one-two .one-two-thre h1{
    font-size: 28px;
    font-weight: bold;
  }
  
/* qualiy-poclicy-(E) */
}



@media screen and (min-device-width:611px) and (max-device-width:768px) { 
  .foot .rights{
    text-align:start;
  }
  .change{
    padding-bottom: 3px!important;
    padding-top: 3px  !important;
    }   
    .dot{
      width: 12px ;
     height: 12px;
    }       
    .dots{
      width: 12px ;
     height: 12px;
    }       
    .certify .small{
      text-align: left !important;
    }
  /* Slideshow container */
.slideshow-container {
    margin-top: 121px;
} 

.slideshow-container .text{
  bottom: 0px;
}

.slideshow-container .text h4,h1 {
  font-size: 20px;
}
.certify img{
  width: 80px;
  height: 80px;
}

.head2 h1{
  font-size: 28px;
}
#position .empty{
  height: 15px;
}
/* <!-- Features Start --> */

/* <!-- Features Start (s)--> */

.features{
  /* border: 1px solid black; */
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.features .coment{
  /* border: 2px solid green; */
  height: 100%;
 
  
}
.features .coment h2{
  font-size: 20px;
  font-weight: bold;
  


}
.features .coment p{
  font-size: 12px;
  font-weight: bold;

}
.features .items{
 width: 80%;
 height: 300px;
 

}
.features .items img{
  /* border: 1px solid red; */
  width: 130px;
  height: 130px;

}
.features .items h3{
font-size: 20px;
font-weight: bold;
/* border: 1px solid gold; */

}
.features .items p{
  font-size: 12px;
  font-weight: bold;

}





/* <!-- Features Start (E)--> */

  /* nav-bar-positioning (S)*/
  #position{
      /* border: 2px solid  fuchsia; */
      width: 100%;
      height: 20%;
      position: fixed;
      top: 0;
      z-index: 2;
  
  
  }
  /* nav-bar-positioning (E)*/
  /* <!-- New-About-code(s) --> */
.about{
  /* border: 1px solid coral; */
  height: 100%;
}
.about .head h1{

  font-size: 33px;
font-weight: bold;

}
.about .sub h1{
  font-size: 28px;
  font-weight: bold;
}
.about .sub p{
  font-size: 15px;
  font-weight: bold;
}
.about .icon h5{
  font-size: 23px;
  font-weight: bold;
}
.about .icon p{
  font-size: 15px;
  font-weight: bold;


}
.buton{
  /* border: 1px solid black; */
  text-align: center;
  
 
}
.buton .btn{
 
  border: none;
  padding: 5px 20px !important;
 

  
}
/* <!-- testimonial-carousel(1)(S) --> */
.testim .conte div .img img{
  width: 100%;
}

.testim .conte .active h2{
  font-size: 20px;
  font-weight: bold;
}
.testim .conte .active p{
  font-size: 14px;
  font-weight: bold;
}

.testim .button .btn {
  background: black;
  border: none;
  padding: 5px 20px !important;
} 

/* .testim .conte div .img #t2{
  width: 100%;
} */
.slider::before,
.slider::after {
  /* border: 1px solid red; */
  width: 0px;
}
.slider .slide-track .slide img{
  width: 150px;
}
/* <!-- testimonial-carousel(1)(E) --> */
/* qualiy-poclicy-(S) */
.on .one-two .one-two-thre h2{
  /* border: 1px solid red; */
  font-size: 33px;
  text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
  font-weight: bold;
}
.on .one-two .one-two-thre p{
  font-size: 15px;
  font-weight: bold;
}
.on .one-two .one-two-thre h1{
  font-size: 28px;
  font-weight: bold;
}

/* qualiy-poclicy-(E) */





}

@media screen and (min-device-width:769px) and (max-device-width:992px) {
  .change{
    padding-bottom: 4.5px!important;
    padding-top: 4.5px !important;
    }
.dot{
  width: 12px;
  height: 12px;
}
.dots{
  width: 12px;
  height: 12px;
}

       /* Slideshow container */
.slideshow-container {
    margin-top: 127px;
}
#position .empty{
  height: 18px;

}


.slideshow-container .mySlides .text{

  bottom: 10px;
}

.slideshow-container .mySlides .text h1,h4,h2,h5{
  font-size: 17px;
 
}
/* <!-- Features Start --> */

/* <!-- Features Start (s)--> */

.features{
    /* border: 1px solid black; */
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.features .coment{
    /* border: 2px solid green; */
    height: 100%;
   
    
}
.features .coment h2{
    font-size: 22px;
    font-weight: bold;
    


}
.features .coment p{
    font-size: 15px;
    font-weight: bold;

}
.features .items{
   width: 80%;
   height: 300px;
   

}
.features .items img{
    /* border: 1px solid red; */
    width: 150px;
    height: 150px;
  
}
.features .items h3{
font-size: 23px;
font-weight: bold;
/* border: 1px solid gold; */

}
.features .items p{
    font-size: 15px;
    font-weight: bold;

}


/* <!-- Features Start (E)--> */

    /* nav-bar-positioning (S)*/
    #position{
        /* border: 2px solid  fuchsia; */
        width: 100%;
        height: 20%;
        position: fixed;
        top: 0;
        z-index: 2;
    
    
    }
    /* nav-bar-positioning (E)*/
    /* <!-- New-About-code(s) --> */
  .about{
    /* border: 1px solid coral; */
    height: 100%;
  }
  .about .head h1{
  
    font-size: 35px;
font-weight: bold;

  }
  .about .sub h1{
    font-size: 30px;
    font-weight: bold;
  }
  .about .sub p{
    font-size: 15px;
    font-weight: bold;
  }
  .about .icon h5{
    font-size: 25px;
    font-weight: bold;
  }
  .about .icon p{
    font-size: 15px;
    font-weight: bold;


  }
  .buton{
    /* border: 1px solid black; */
    text-align: center;
    
   
}
.buton .btn{
   
    border: none;
    padding: 5px 20px !important;
   

    
}
/* <!-- testimonial-carousel(1)(S) --> */
.testim .conte div .img img{
    width: 100%;
    height: 400px;
  }

  .testim .conte .active h2{
    font-size: 20px;
    font-weight: bold;
  }
  .testim .conte .active p{
    font-size: 14px;
    font-weight: bold;
  }

  .testim .button .btn {
    background: black;
    border: none;
    padding: 5px 20px !important;
  } 

  /* .testim .conte div .img #t2{
    width: 100%;
  } */
  .slider::before,
  .slider::after {
    /* border: 1px solid red; */
    width: 0px;
  }
  .slider .slide-track .slide img{
    width: 150px;
  }
/* <!-- testimonial-carousel(1)(E) --> */
/* qualiy-poclicy-(S) */
  .on .one-two .one-two-thre h2{
    /* border: 1px solid red; */
    font-size: 33px;
    text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
    font-weight: bold;
  }
  .on .one-two .one-two-thre p{
    font-size: 15px;
    font-weight: bold;
  }
  .on .one-two .one-two-thre h1{
    font-size: 30px;
    font-weight: bold;
  }
  
/* qualiy-poclicy-(E) */

.certify img{
  width: 80px;
  height: 80px;
}


}
@media screen and (max-device-width:992px)  {
  .menu{
      display: none;

  }
 

}

@media screen and (min-device-width:991px)  {

   .navbar-nav{
    display: none;
     
      
  }
  .slideshow-container{
    margin-top: 20px;
  }
  
}



@media only screen and (min-width: 993px) {
  
  .slideshow-container .text{
    bottom: 30%;
   }
  .certify img{
    width: 100px;
    height: 100px;
}
  
  
  
  /* Slideshow container */
     .slideshow-container {
        margin-top: 132px;
    }

  
    
        /* nav-bar-positioning (S)*/
        #position{
            /* border: 2px solid  fuchsia; */
            width: 100%;
            height: 20%;
            position: fixed;
            top: 0;
            z-index: 2;
        
        
        }
        /* nav-bar-positioning (E)*/
        /* <!-- New-About-code(s) --> */
      .about{
        /* border: 1px solid coral; */
        height: 100%;
      }
      .about .head h1{
      
        font-size: 37px;
    font-weight: bold;
    
      }
      .about .sub h1{
        font-size: 32px;
        font-weight: bold;
      }
      .about .sub p{
        font-size: 16px;
        font-weight: bold;
      }
      .about .icon h5{
        font-size: 27px;
        font-weight: bold;
      }
      .about .icon p{
        font-size: 16px;
        font-weight: bold;
    
    
      }
      .buton{
        /* border: 1px solid black; */
        text-align: center;
        
       
    }
    .buton .btn{
      
        border: none;
        padding: 7px 20px !important;
        /* padding: 10px 20px !important; */
       
    
        
    }
    /* <!-- testimonial-carousel(1)(S) --> */
    .testim .conte div .img img{
        width: 50%;
        height: 400px;
      }
    
      .testim .conte .active h2{
        font-size: 23px;
        font-weight: bold;
      }
      .testim .conte .active p{
        font-size: 16px;
        font-weight: bold;
      }
    
      .testim .button .btn {
        background: black;
        border: none;
        padding: 7px 20px !important;
      } 
    
      /* .testim .conte div .img #t2{
        width: 100%;
      } */
      .slider::before,
      .slider::after {
        /* border: 1px solid red; */
        width: 0px;
      }
      .slider .slide-track .slide img{
        width: 200px;
      }
    /* <!-- testimonial-carousel(1)(E) --> */
    /* qualiy-poclicy-(S) */
      .on .one-two .one-two-thre h2{
        /* border: 1px solid red; */
        font-size: 35px;
        text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
        font-weight: bold;
      }
      .on .one-two .one-two-thre p{
        font-size: 16px;
        font-weight: bold;
      }
      .on .one-two .one-two-thre h1{
        font-size: 33px;
        font-weight: bold;
      }
      
    /* qualiy-poclicy-(E) */
    
}