/*     background: linear-gradient(to right, rgba(0, 44, 143, 1) 0%, rgba(33, 182, 255, 1) 100%) !important;
 */
body {
   font-family: 'Merriweather', serif;
}

.waves {
   position: absolute;
   width: 100%;
   height: 15px;
   bottom: 0;
   left: 0;
   background: url('../images/waves.png');

}

.header-main {
   background: rgba(0, 44, 143, 1);
   padding-bottom: 100px;
}

.top-header .nav-link {
   color: white !important;
   font-weight: 600;
   font-size: 16px;
   padding-right: 52px !important;

}

.water-min-image {
   position: relative;
   overflow: hidden;
   padding: 22px;
}

.water-min-image .back-glass-bg {
   transform: rotate(0deg);
   animation-name: rotateminerials;
   animation-duration: 6s;
   animation-iteration-count: infinite;
}

.glass-img img {
   position: absolute;
   top: 2%;
   left: 0;
}

@keyframes rotateminerials {
   0% {
      transform: rotate(0);
   }

   100% {
      transform: rotate(360deg);
   }
}

/* top Banner */
.bnr-inner {
   border-radius: 20px 150px;
   padding: 28px 50px 0;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.bnr-inner .bg1,
.bnr-inner .bg2,
.bnr-inner .bg3 {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: url('../images/slider-1.jpg');
   display: block;
   background-size: cover;
   z-index: -1;
}

.bnr-inner .bg2 {
   background-image: url('../images/slider-2.jpg');
   display: none;
}

.bnr-inner .bg3 {
   background-image: url('../images/slider-3.jpg');
   display: none;
}

img {
   max-width: 100%;
}

.bnr-inner .banner-left-sec:first-child {
   padding-left: 18px;
   padding-top: 8px;
}

.banner-subheader {
   text-shadow: 1px 1px 0px rgb(17 44 145 / 60%);
   font-size: 60px;
   color: white;
   font-weight: 700;
}

.banner-header {
   font-size: 60px;
   color: #112c91;
   font-size: 54px;
   font-weight: 700;
}

canvas#ltx-bubbles {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}

.banner-text {
   font-size: 60px;
   color: #112c91;
   font-size: 15px;
   font-weight: 700;
   padding-top: 29px;
}

.animate__animated.animate__shakeY {
   --animate-duration: 10s;
}

.animate__animated.animate__heartBeat {
   --animate-duration: 3s;
}

.desktop-bottles img {
   width: 32%;
}

.desktop-bottles img:nth-child(1) {
   height: 330px;
   width: 20%;
}

.desktop-bottles img:nth-child(2) {
   width: 30%;
   height: 480px;
}

.desktop-bottles img:nth-child(3) {
   width: 17%;
   height: 248px;
   margin-left: -1px;
}

.desktop-bottles {
   align-items: baseline;
   justify-content: end;
}

.main-minerial-content {
   display: flex;
   align-items: center;
}

.water-minerials {
   padding: 40px 0;
}

.what-inside {
   text-align: center;
   margin-bottom: 50px;
}

.what-inside p {
   color: #21b6ff;
   font-size: 18px;
   font-weight: 600;
   line-height: 26px;
   margin: 0;
}

.what-inside h3 {
   color: #002c8f;
   font-family: 'Merriweather';
   font-weight: 900;
   font-size: 48px;
}

.minerial-content {
   margin-bottom: 40px;
}

.minerial-content h3 {
   color: #002c8f;
   font-family: 'Merriweather';
   font-weight: 900;
   font-size: 30px;
   margin: 0;
}

.minerial-content p:nth-child(2) {
   color: #21b6ff;
   font-weight: 600;
   font-size: 18px;
   line-height: 26px;
   margin: 0;
}

.minerial-content p:nth-child(3) {
   font-weight: 500;
   font-size: 12px;
   line-height: 26px;
   margin: 9px 0 0 0;
}



.minerial-content-right {
   margin-bottom: 40px;
   text-align: right;
}

.minerial-content-right h3 {
   color: #002c8f;
   font-family: 'Merriweather';
   font-weight: 900;
   font-size: 30px;
   margin: 0;
}

.minerial-content-right p:nth-child(2) {
   color: #21b6ff;
   font-weight: 600;
   font-size: 18px;
   line-height: 26px;
   margin: 0;
}

.minerial-content-right p:nth-child(3) {
   font-weight: 500;
   font-size: 12px;
   line-height: 26px;
   margin: 9px 0 0 0;
}
.our-products{
   background-color: #002c8f;
   padding: 70px 0;
   position: relative;
   overflow-x: hidden;
}

.our-products .what-inside p {
   color: white;
   font-size: 18px;
   font-weight: 600;
   line-height: 26px;
   margin: 0;
}

.our-products .what-inside h3 {
   color: white;
   font-family: 'Merriweather';
   font-weight: 900;
   font-size: 37px;
   margin-top: 20px;
}
.product-content h3 {
   text-align: center;
   color: #002c8f;
   font-weight: 600;
   font-size: 24px;
}
.product {
   background-color: rgba(255, 255, 255, 1);
   padding: 10px;
   box-shadow: 0 -1px 5px #f1eded !important;
   border-radius: 13px !important;
}

.product-content p:nth-child(2) {
   font-size: 12px;
   text-align: center;
   color: #002c8f;
   font-weight: 500;
}

.product-content p:nth-child(3) {
   text-align: center;
   color: #9cb53e;
   font-weight: 900;
}

.product-content button {
   background: #21b6ff;
   color: white;
   border-radius: 52px;
   padding: 10px 24px;
   margin: 0 auto;
   display: block;
   box-shadow: 0 10px 30px rgb(33 182 255 / 30%);
}

.product-content button:hover{
   background-color: #002c8f;
   color: white !important;
}

.waves-sep img {
   position: absolute;
   bottom: 0;
   height: 39%;
   width: 100%;
   animation: move_wave 3s linear infinite;
}


.about-us{
   padding: 20px;
   background: url('../images/works-bg.png');
}

@keyframes move_wave {
   0% {
       transform: translateX(0) translateZ(0) scaleY(1);
   }
   50% {
       transform: translateX(0.05%) translateZ(0) scaleY(0.55);
   }
   100% {
       transform: translateX(0%) translateZ(0) scaleY(1);
   }
}
.whatsup-logo img {
   width: 75px;
   height: 75px;
   position: fixed;
   bottom: 8px;
   right: 8px;
   cursor: pointer;
}
.whatsup-logo img:hover{
   animation: shake 0.5s;
   animation-iteration-count: infinite;

}


@keyframes shake {
   0% { transform: translate(1px, 1px) rotate(0deg); }
   10% { transform: translate(-1px, -2px) rotate(-1deg); }
   20% { transform: translate(-3px, 0px) rotate(1deg); }
   30% { transform: translate(3px, 2px) rotate(0deg); }
   40% { transform: translate(1px, -1px) rotate(1deg); }
   50% { transform: translate(-1px, 2px) rotate(0deg); }
   60% { transform: translate(-3px, 1px) rotate(0deg); }
   70% { transform: translate(3px, 1px) rotate(-1deg); }
   80% { transform: translate(-1px, -1px) rotate(1deg); }
   90% { transform: translate(1px, 2px) rotate(0deg); }
   100% { transform: translate(1px, -2px) rotate(-1deg); }
 }


 .about-us-content h5 {
   /* color: #008bcf; */
   color: #002c8f;
   font-weight: 700;
   font-size: 22px;
}


.about-us-content h3 {
   width: 76%;
   font-size: 18px;
   margin: 14px 0;
   color: #008bcf;
}

.about-us .what-inside {
   text-align: center;
   margin-bottom: 46px;
}
/* footer contact us */

.footer{
   background:#002c8f;
   padding: 50px 0;
}
.contact-form{
   display: flex;
   align-items: center;
}

div#contact-form button {
   padding: 16px 43px;
}

.location,.email,.phone{
   display: flex;
   align-items: baseline;
   color: white;
}
.copyright{
   background:#02194b;
}
/* loader */
#loader {
   position: absolute;
   left: 50%;
   margin-left: -50px;
   top: 50%;
   margin-top: -50px;
   border: calc(200px / 10) solid #ddd;
   border-top: 20px solid rgba(255,29,94,1);
   border-radius: 100%;
   box-shadow: 0px 0px 5px inset #ccc;
   width: 100px;
   height: 100px;
   animation: spin 2s linear infinite;
 }
 
 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }

 .loader-bg{
   width: 100%;
   position: fixed;
   height: 100vh;
   overflow: hidden;
   background: white;
   z-index: 1111;
 }

.product-image{
display:flex;
justify-content-center;
}
/* xxl */
@media (max-width:1400px) {}

/* xl */
@media (max-width:1199px) {
   .banner-right-sec img {
      width: 24%;
      float: right;
   }

   .desktop-bottles img:nth-child(1) {
      height: 330px;
      width: 13%;
   }

   .desktop-bottles img:nth-child(2) {
      width: 20%;
      height: 480px;
   }

   .desktop-bottles img:nth-child(3) {
      width: 10%;
      height: 248px;
      margin-left: 0px;
   }

   .desktop-bottles {
      justify-content: center;
   }
}

/* lg */
@media (max-width:991px) {
   .desktop-bottles img:nth-child(2) {
      width: 25%;
      height: 442px;
   }
   .glass-img img {
      position: absolute;
      top: 17%;
      left: 50%;
      width: 81%;
      transform: translateX(-50%);
  }
  .about-us-content p {
      font-size: 10px;
   }
   .about-us-content h3 {
      width: 100%;
      font-size: 16px;
  }
}

/* md */
@media (max-width:767px) {
   .banner-subheader {
      font-size: 46px;
   }

   .banner-header {
      font-size: 45px;
   }

   .bnr-inner .banner-left-sec:first-child {
      padding-left: 0;
      padding-bottom: 0;
   }

   .banner-text {
      font-size: 13px;
   }

   .banner-right-sec img {
      float: none;
      width: 58%;
   }

   .desktop-bottles img:nth-child(1) {
      height: 281px;
      width: 22%;
   }

   .desktop-bottles img:nth-child(2) {
      width: 29%;
      height: 369px;
   }

   .desktop-bottles img:nth-child(3) {
      width: 19%;
      height: 225px;
   }

   .minerial-content-right {
      text-align: left;
   }

   .waves-sep img{
      height: 20%;
   }
   .about-us-content h3{
      width: 100%;
   }
   .about-us .what-inside h3{
      font-size: 30px;
   }
   div#contact-form button {
      padding: 16px 43px;
      width: 100%;
      margin-bottom: 53px;
  }
}


/* sm */
@media (max-width:575px) {

   /* .banner-right-sec{
      display: none;
   } */
   .banner-left-sec {
      padding-bottom: 0;
   }

   .bnr-inner {
      text-align: center;
   }

   .banner {
      padding: 14px;
   }

   .banner-left-sec {
      padding: 82px 0;
   }

   .desktop-bottles img:nth-child(1) {
      height: 281px;
      width: 22%;
   }

   .desktop-bottles img:nth-child(2) {
      width: 29%;
      height: 369px;
   }

   .desktop-bottles img:nth-child(3) {
      width: 19%;
      height: 225px;
   }
   .product-image img {
      margin: 0 auto;
      display: block;
  }
}


@media (max-width:500px) {
   .banner-header {
      font-size: 29px;
   }

   .banner-subheader {
      font-size: 29px;
   }

   .banner-text {
      padding-top: 20px;
   }

   .desktop-bottles img:nth-child(1) {
      height: 195px;
      width: 22%;
   }

   .desktop-bottles img:nth-child(2) {
      width: 31%;
      height: 275px;
   }

   .desktop-bottles img:nth-child(3) {
      width: 19%;
      height: 150px;
      margin-left: -2px;
   }

   .about-title h2 {
      font-size: 28px
   }

   .about-cont-left h2 {
      font-size: 25px;
   }

   .about-cont-left h3 {
      font-size: 20px;
      line-height: 27px;
   }

   .about-cont-left p {
      font-size: 12px;
   }

   .banner-right-sec {
      margin-top: 15px;
   }

   /* what-inside */
   .what-inside h3{
      font-size: 28px;
      margin: 11px 0 0;
   }

   .what-inside{
      margin-bottom: 52px;
   }
   .minerial-content h3{
      font-size: 29px;
   }
   .minerial-content{
      text-align: center;
   }

   .glass-img img {
      position: absolute;
      top: 15%;
      left: 50%;
      width: 50%;
      transform: translateX(-50%);
  }

  .water-min-image {
   position: relative;
   overflow: hidden;
   padding: 22px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.water-min-image .back-glass-bg{
   width: 50%;
}
.minerial-content p:nth-child(3){
   width: 80%;
   margin: 0 auto;
}

.minerial-content-right{
   text-align: center;
   margin-top: 30px;
}

.minerial-content-right h3{
   font-size: 29px;
}
.minerial-content-right p:nth-child(3){
   width: 80%;
   margin: 0 auto;
}
}

@media (min-width:575px) and (max-width:767px) {
   .minerial-content p:nth-child(3),.minerial-content-right p:nth-child(3){
      display: none;
   }
   .minerial-content h3,.minerial-content-right h3{
      font-size: 20px;
   }
   .minerial-content p:nth-child(2),.minerial-content-right p:nth-child(2){
      font-size: 10px;
   }
   .what-inside{
      margin-bottom: 34px;
   }
   .glass-img img{
      top: 18%;
    left: 50%;
    width: 75%;
    transform: translateX(-50%);
   }

}


@media (min-width:991px) {
   .about-us-row{
      display: flex;
      align-items: center;
   }
}