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


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

body {
   font-family: "Poppins", sans-serif;
   background-color: rgb(245, 245, 245);

}

:root {
   --primary-color: rgb(0, 109, 148);
   --secoundary-color: rgb(1, 156, 184);
   --tabs-color: #efffff;
   --btn-color: rgb(241, 63, 35);
   --black-bg: rgb(25, 20, 17);
   --text-color: #0b98b1;
   --margin-block: 3rem;
   --padding-block: 3rem;

}

a {
   text-decoration: none;
   color: black;
}

.common_btn1 {
   border-radius: 7px;
   background-color: var(--third);
   padding: 7px 20px;
   display: inline-block;
   margin-block: 10px;
   transition: all 0.3s ease;
   background-color: var(--btn-color);
   color: #fff;
   width: max-content;
   font-size: 15px;


}

.common_btn2 {
   border-radius: 7px;
   background-color: var(--third);
   padding: 7px 20px;
   display: inline-block;
   margin-block: 10px;
   transition: all 0.3s ease;
   background-color: var(--btn-color);
   color: #fff;
   width: max-content;
   font-size: 15px;


}

.common_btn:hover {
   background-color: var(--secoundary-color);

}

p {
   font-size: 15px;
   margin-bottom: 0;
}

h2 {
   font-weight: 700;
   color: var(--primary-color);
}

h2 span {
   color: #000;
}

.top_nav {
   background-color: var(--primary-color);
   color: white;
   padding-block: 10px;
}

.top_nav_right a {
   color: white;
}

.top_nav i {
   font-size: 18px;
}

.top_nav_left span {
   font-size: 14px;
}

.ft_social_media {
   padding-top: 20px;
}

.footer_contact_address span>i {
   margin-right: 6px;
}

.top_nav_right span,
.ft_social_media span {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   text-align: right;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   /* background-color: var(--secoundary-color); */
   background-color: transparent;
   border: 1px solid white;
   color: black;
   margin-left: 10px;
   transition: all 0.3s ease;
   padding: 5px;
}

.top_nav_right :hover {
   rotate: 360deg;
}

.ft_social_media span:hover {
   rotate: 360deg;

}

/* mynavbar start*/
.myNav {
   background-color: var(--secoundary-color);
   height: 80px;
   position: relative;
   z-index: 99999;
}


.navbar-brand img {
   max-width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   position: absolute;
   top: 10%;
   left: 5%;
   transform: translate(-50% -50%);
   z-index: 5;


}

/* .img-fluid {
    max-width: 100%;
    height: auto;
} */
.myNav .nav-link {
   margin-right: 10px;
   font-weight: 500;
   color: var(--tabs-color) !important;
   /* position: relative; */
   /* padding: 5px; */
   transition: all 0.3s ease;
   text-transform: uppercase;

   /* good style for hover effect */
   border-bottom: 2px solid transparent;

}

.myNav .nav-link:hover {
   border-color: #fff;

}

.navbar .active {
   border-bottom: 2px solid #fff;

}


/* .myNav img {

   transform: translateY(30px);
} */

/* my carousel */
.my_carousel img {
   height: 600px;
   object-fit: cover;
   overflow: hidden;

}

/* start about us section */
.about_us {
   margin-block: var(--margin-block);
}

.about_content_box p {
   padding-block: 10px;

}

.about_img {
   box-shadow: 0 0 25px #ccc;
   border-radius: 10px;
   border: 2px solid transparent;
   width: 100%;

}

.about_img img {
   width: 100%;
   height: 100%;
   padding: 15px;

}


/* what_we_do */
.What_we_do {
   margin-block: var(--margin-block);
   padding-block: 2rem;

}

.what_We_do_content_box p {
   padding-block: 10px;
}

.what_do_img img {
   width: 100%;
   height: 350px;
   object-fit: cover;
   border-radius: 10px;
}

/* service section */
.service_section {
   /* margin-block: var(--margin-block); */
   background-color: #fff;
   padding-block: var(--padding-block);
}

.service_box img {
   width: 100%;
   object-fit: cover;
   overflow: hidden;
}

.service_box {
   box-shadow: 0 0 25px #ccc;
   border-radius: 10px;
   padding: 20px;
   margin-block: 20px;
   transition: all 0.3s ease;
   object-fit: cover;
   overflow: hidden;
}

.service_box:hover {
   background-color: var(--secoundary-color);
   color: white;
}

.service_content {
   padding: 15px;
   padding-bottom: 0;
   position: relative;
   height: 250px;

}

.service_box a {
   position: absolute;
   left: 10px;
   bottom: 0px;
}

.service_box .common_btn:hover {
   background-color: white;
   color: #000;
}

.service_p {
   width: 60%;
   margin: 0 auto;
}

/* .service_heading h2{
   text-align: center;
} */



/* testimonial */
.testimonial_section {
   background: linear-gradient(rgba(0, 109, 148, 0.8), rgba(0, 109, 148, 0.8)), url(../imgs/banner1.jpg) center center / cover no-repeat;
   position: relative;
   color: white;
   margin-block: var(--margin-block);
   padding-block: var(--padding-block);
}

.testimonial_section h2 {
   color: #fff;
}

.testimonial_img {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   border: 2px solid #fff;
   border-radius: 10px;
   overflow: hidden;
   margin-top: 90px;

}

.testimonial_section img {
   width: 100%;
   height: 270px;
   object-fit: cover;
   overflow: hidden;
}

.testimonial_img img:first-child {
   border-right: 2px solid #fff;

}

.testimonial_contents {
   box-shadow: 0 0 20px #ccc;
   background-color: rgba(255, 255, 255, 0.8);
   backdrop-filter: blur(5px);
   padding: 20px;
   border-radius: 10px;
   color: #000;
}

.testimonial_contents {
   width: 100%;
   height: 270px;
   object-fit: cover;
   overflow: hidden;
}

.testimonial_contents h5 {
   margin-top: 1rem;
}


/* Pagination Dots */
.slick-dots {
   text-align: center;
   margin-top: 20px;
   margin-bottom: 0;
}

.slick-dots li {
   display: inline-block;
   margin: 0 5px;
}

.slick-dots button {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #ccc;
   border: none;
   font-size: 0;
   cursor: pointer;
   transition: all 0.3s;
}

.slick-dots .slick-active button {
   background: var(--btn-color);
}

/* 
.testimonial_section::before {
   content: "";
   position: absolute;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.7);
   background-color: rgba(1, 156, 184, 0.9);

   z-index: 1;
} */


/* swiper start */

.swiper-button-next,
.swiper-button-prev {
   color: #fff;
   height: 30px;
   width: 30px;
   border-radius: 50%;
   font-size: 16px !important;

   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5px;
   background-color: var(--btn-color);
}

.swiper-button-next:after,
.swiper-button-prev:after {

   font-size: 18px;

}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
   top: unset;
   bottom: 20px;
   left: 0;
   width: 100%;
}

/* our aquariums */
.our_aquariums_section {
   margin-block: 3rem;
}

.aquariums_box {
   box-shadow: 0 0 25px #ccc;
   border-radius: 10px;
   width: 100%;
   position: relative;
   margin-top: 20px;
   border: 1px solid #000000;
   padding: 5px;
   overflow: hidden;

}

.aquariums_heading {
   text-align: center;
}

.aquariums_box img {
   width: 100%;
   height: 400px;
   border-radius: 10px;
   object-fit: cover;
   overflow: hidden;
   transition: all 0.5s ease;

}

.aquarian_content_box {
   position: absolute;
   bottom: 2%;
   left: 50%;
   padding: 10px;
   width: 90%;
   text-align: center;
   margin: 0 auto;
   color: white;
   transform: translateX(-50%);
   /* background-color: var(--btn-color); */
   border-radius: 6px;


}

.aquarian_content_box p {
   font-weight: 600;
   font-size: 16px;
}


.aquariums_box:hover img {
   transform: scale(1.1);
}

/* get in touch */
.get_in_touch {
   background-color: var(--primary-color);
   padding-block: 2rem;
}

.get_in_touch h2 {
   color: #fff;
   font-size: 40px;
   padding: 5px;

}

.get_in_touch_box p {
   color: white;
}

.get_in_touch_img_box img {
   display: block;
   width: 100%;
   /* height: 150px; */
   transition: all 0.5s ease;
   float: right;


}

/* .get_in_touch_img_box:hover {
   transform: scale(1.1);

} */

/* logo_section */
.logo_section {
   margin-block: var(--margin-block);
   background-color: var(--third);
   padding: 20px;
}

.logo_box {

   display: grid;
   grid-template-columns: repeat(34, 1fr);
   gap: 10px;

   animation: logoSlider 30s linear infinite;


}

@keyframes logoSlider {
   from {
      transform: translateX(0);
   }

   to {
      transform: translateX(-100%);
   }


}


.logo_img {
   width: 200px;
   /* border: 1px solid #000; */
}

.logo_img img {
   border-radius: 10px;
   width: 100%;
}

.logo_heading {
   text-align: center;
}


/* gallery_section */
.our_gallery {
   margin-block: var(--margin-block);
   text-align: center;
}

.gallery_img img {
   width: 100%;
   height:350px !important;
   object-fit: cover;
   overflow: hidden;
   border-radius: 10px;
   box-shadow: 0 0 25px #ccc;
   border: 5px solid white;
}

/* footer */
.footer_content_box a {
   display: block;
}

.footer_section {
   background-color: var(--secoundary-color);
   padding-block: var(--padding-block);
   color: white;
}

.footer_section a {
   color: white;
   transition: all 0.3s ease;
   /* text-shadow: 0 0 2px #ccc; */
   font-size: 15px;
}

.footer_section a:hover {
   text-decoration: underline;

}

.footer_logo_content_box img {
   width: 229px;
   height: 129px;
   object-fit: contain;
   overflow: hidden;

}

.footer_logo_content_box p,
.footer_logo_content_box span {
   font-size: 14px;

}

.footer_logo_content_box span {
   display: inline-block;
}

.footer_content_box h4 {
   /* text-decoration: underline; */
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;
   color: var(--tabs-color);
}

/* sub_footer */
.sub_footer {
   background-color: var(--primary-color);
   text-align: center;
   color: white;
   padding-block: 10px;
}

.sub_footer h6 {
   margin-bottom: 0;
}

/* second page about us css code start */

.about_us_banner_section {
   height: 450px;
   object-fit: cover;
   overflow: hidden;
   /* background-image: url(../imgs/banner2.jpg); */
   background-image: url(../banners/aboutbanner.jpg);
   background-repeat: no-repeat;
   background-position: center;
   position: relative;

   display: flex;
   align-items: center;
   justify-content: center;
}

.free_aquarium_banner {
   background-image: url(../banners/freeaquariumbanner.jpg);
}

.feng_shui_banner {
   background-image: url(../banners/fengshuibanner.jpg);
}

.video_banner {
   background-image: url(../banners/videobanner.jpg);
}

.contact_us_banner {
   background-image: url(../banners/contact-banner.jpg);
}

.banner_heading {
   text-align: center;
   font-size: 40px;
   font-weight: 600;
   background-color: rgba(0, 0, 0, 0.641);
   color: white;
   padding: 5px;

}

.common_strip {
   /* background-color: var(--primary-color); */
   background-color: var(--secoundary-color);
   padding-left: 80px;
   padding-block: 10px;

}

.common_strip span a {
   display: inline-block;
   color: white;

}

.common_strip span {
   color: white;
}

/* about page  */
/* about us section  */

.about_us_page_section {
   /* margin-block: var(--margin-block); */
   padding-block: var(--padding-block);
   background-color: var(--third);
   color: black;
   position: relative;

}

.about_us_page_section::before {
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /* background-color: rgba(0, 0, 0, 0.5); */
   position: absolute;
   z-index: 5;
}

.about_page_first_img img {
   width: 75%;
   height: 550px;
   object-fit: cover;
   overflow: hidden;
   background-position: center;
   border-radius: 10px;
   border: 2px solid black;
   /* padding: 10px; */

}

.both_about_img_box {
   position: relative;
}

.about_page_second_img img {
   width: 40%;
   height: 300px;
   object-fit: cover;
   overflow: hidden;
   background-position: center;
   border: 2px solid black;
   /* padding: 10px; */
   margin-top: 20px;
   position: absolute;
   bottom: -10%;
   right: 5%;
   border-radius: 10px;

}

.about_us_page_content_box {

   /* position: relative; */
}

/* .about_us_page_content_box::before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
} */
.about_us_page_content_box p {}

.about_us_page_content_box h4 {
   text-decoration: underline;
}

/* about_pg_team_section */
.about_pg_team_box {
   border: 2px solid var(--secoundary-color);
   box-shadow: 0 0 25px #ccc;
   text-align: center;
   padding: 20px;
   border-radius: 10px;
   /* margin-block: var(--margin-block); */
   margin-bottom: 20px;
   /* height: 475px; */
}

.about_pg_content h4 {
   color: var(--secoundary-color);
   padding-block: 5px;

}

.about_pg_content span {
   color: var(--secoundary-color);
   padding-block: 10px;
}

/* our_team_section*/
.our_team_section {
   /* background-color: var(--primary-color); */
   margin-block: var(--margin-block);
}

.our_team,
.common_heading {
   text-align: center;
   padding-block: 10px
}

.about_pg_team_box img {
   width: 100%;
   object-fit: cover;
   overflow: hidden;
}

/* Our Regional Facilitators section */
.regional_facilitators {
   margin-block: var(--margin-block);
}

.regional_facilitators_box {
   box-shadow: 0 0 25px #ccc;
   padding: 20px;
   border-radius: 10px;
   background-color: var(--tabs-color);
   margin-bottom: 20px;
}

.regional_facilatators_content p {
   padding-block: 5px;
}

.regional_facilitators h2 {
   text-align: center;
   padding-bottom: 20px;
}

/* contact Page  */
.form_section {
   margin-block: var(--margin-block);
}

.my_container {
   border: 15px solid var(--secoundary-color);
}

.left_form_box {
   /* border-radius: 10px; */
   /* box-shadow: 0 0 20px #ccc; */
   padding: 20px;
   border-right: 15px solid var(--secoundary-color);

}

.left_form_box input {
   width: 90%;
   padding: 10px;
   margin-bottom: 20px;

   border-radius: 6px;
   /* box-shadow: 0 0 15px #ccc; */
   border: none;
}

.left_form_box textarea {
   width: 90%;
   padding: 10px;
   border-radius: 6px;
   border: none;
}

.left_form_box h4 {
   text-transform: capitalize;
   /* font-size: 35px; */
   /* font-weight: 700; */

}

.my_input {
   max-width: fit-content;
   text-align: left;
}

/* .left_form_box{
   position: relative;
} */

/* .left_form_box::before{
   content: "";
   top: 0;
   left: 0;
width: 100%;
height: 100%;
background-color: aquamarine;
position: absolute;
z-index: 55555;
} */
.form_content,
.form {
   /* text-align: center; */
}


/* right form box */
.right_form_box {
   padding: 20px;
   background-color: var(--primary-color);
   color: #fff;
   height: 100%;
}

.address_info {
   display: flex;
   gap: 10px;
   /* justify-content: center; */
   align-items: center;
   /* margin-bottom: 20px; */
   background-color: var(--primary-color);
   padding: 20px;
   border-radius: 10px;

}

.form_section i {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px;
   background-color: white;
   color: var(--primary-color);
   font-size: 28px;

}

.address_info> div * {
   color: #fff;
}

.form_section h3 {
   font-size: 24px;
   font-weight: 600;
}

.right_form_content h4 {
   margin-bottom: 20px;
   text-decoration: underline;


}

.right_form_content h2 {
   color: #fff;
}

input::placeholder {
   font-size: 15px;
}

.right_form_content .address_info:nth-child(2) {
   margin-top: 2rem;
   border-top: 1px solid rgb(255, 255, 255);
   padding: 20px;
   padding-bottom: unset;
   /*  box-shadow: 0 0 25px #ccc;
   border-radius: 10px; */
}

.right_form_content .address_info:nth-child(3) {
   border-block: 1px solid rgb(255, 255, 255);
   padding: 20px;
   /*  box-shadow: 0 0 25px #ccc;
   border-radius: 10px; */
}

.right_form_content .address_info:nth-child(4) {
   border-bottom: 1px solid rgb(255, 255, 255);
   padding: 20px;
   padding-top: unset;
   /*  box-shadow: 0 0 25px #ccc;
   border-radius: 10px; */
}



.contactAddress {
   margin-top: 3rem;
}

.contactAddress h4 {
   color: var(--text-color);
   font-weight: 600;
   margin-bottom: 1rem;
}

.contactAddress .map {
   border: 3px solid var(--text-color);
}

.addressBox {
   display: flex;
   gap: 10px;
   box-shadow: 0 0 10px #ccc;
   padding: 20px;
   margin-block: 10px;
   align-items: center;
   border: 1px solid #ccc;

}

.addressBox .addIcon {
   width: 75px;
   height: 75px;
   border-radius: 50%;
   padding: 0.5rem;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 35px;
   transition: all 0.3s ease;

    background-color: var(--text-color);
   color: #fff;
}

.addressBox .addIcon i{
   transition: all 0.3s ease;
}

.addressBox h5 {
   font-size: 18px;
   font-weight: 700;
   margin-bottom: unset;
   margin-bottom: 5px;
}

.addressBox a:hover {
   color: var(--text-color);
   text-decoration: underline;
}


.addressBox:hover .addIcon {
   border-color: transparent;
  
}

.addressBox:hover .addIcon i{
   transform: scale(1.2);
}


/* google map */

.google_map {
   margin-block: var(--margin-block);
   display:none;
}

/* service_pg_service_section */
.service_pg_service_section {
   margin-block: var(--margin-block);
}


.service_pg_content {
   width: 100%;
}

.service_pg_img img {
   width: 100%;
   height: 300px;
   object-fit: cover;
   overflow: hidden;
   border: 1px solid #ccc;
   padding: 0.5rem;
}

.service_sec2 {
   background-color: var(--primary-color);
   color: #fff;
   margin-block: var(--margin-block);
   padding-block: var(--padding-block);
}

.service_pg_content span {
   display: inline-block;
   /* color: var(--btn-color); */
   font-weight: 500;
   margin-top: 1rem;
}

.service_pg_service_section h2 {
   text-align: center;
}

.service_pg_holder2 {
   width: 100%;
   height: 100%;
   /* object-fit: cover;
   overflow: hidden; */
   /* padding-inline: 20px; */
}

.service_pg_content2 {
   padding-inline: 20px;

}

.service_pg_content h4 {
   font-weight: 600;
}

.service_pg_content p {
   line-height: 27px;
}

/* free Aquariaum section */
.free_aquarium_section {
   padding-block: var(--padding-block);
}

.free_aquarium_section h3 {
   border-bottom: 1px solid black;
   padding-bottom: 10px;
}

.free_aquarium_section h2 {
   background-color: var(--tabs-color);
   padding: 10px;
}

.free_aquarium_section h4 {
   color: var(--primary-color);
   font-weight: 700;
   background-color: var(--tabs-color);
   padding: 10px;

}

.faq_box p {
   padding-block: 10px;
}

/* aquarian img */
.img_box img {
   width: 100%;
   height: 350px;
   border: 1px solid #ccc;
   padding: 0.5rem;

   object-fit: cover;
}

/* aquarium_franchisee */
.aquarium_franchisee {
   margin-top: var(--margin-block);
}

.aquarium_box h4 {
   border-bottom: 1px solid black;
   padding-bottom: 10px;
   color: var(--secoundary-color);
   font-weight: 700;
}

.aquarium_box p {
   padding-top: 10px;
}

.ribbion {

   position: absolute;
   top: -6% !important;
   right: -3% !important;
}

.ribbion img {
   width: 200px;
   height: 150px !important;
   height: auto;
   object-fit: contain;
   /* background-color: #000; */

}

.ribbion p {
   position: absolute;
   top: 34%;
   right: 32%;
   z-index: 9;
   color: #fff;
   font-weight: 600;
   font-size: 18px;
   font-family: cursive;
}

.aquariums_box:hover .ribbion img {
   transform: unset !important;
}

hr {
   padding-block: 20px;
}


/* Video Page */

.video_page iframe {
   border: 1px solid #ccc;
   padding: 0.5rem;
}

/* feng_shui_page */

.feng_shui_page {
   margin-block: var(--margin-block);
}

.feng_shui_page img {
   width: 100%;
   height: 300px;
   padding: 0.5rem;
   border: 1px solid #ccc;
   width: 100%;
   object-fit: cover;
}

/* Site Map */

.sitemap {
   margin-block: var(--margin-block);
}

.sitemap_links {
   margin-top: 1rem;
}

.sitemap_links a {
   width: 100%;
   display: block;
   background-color: var(--primary-color);
   color: #fff;
   padding: 10px;
   transition: all 0.3s ease;
   border-radius: 5px;

}

.sitemap_links a:hover {
   background-color: var(--secoundary-color);
}

.sitemap h4 {
   text-transform: uppercase;
   font-weight: 600;
}

/* my_aquarium */
.my_aquarium_section {
   margin-block: var(--margin-block);
}

.my_aquariums_box p {
   /* width: 80%; */
   padding-block: 10px;
   margin: 0 auto;
}


.my_aquarian_content_box h5 a {
   font-weight: 600;
   color: var(--secoundary-color) !important;
}

.my_aquarian_content_box a {
   display: inline-block;
   padding-top: 10px;
}

.my_aquariums_box {
   box-shadow: 0 0 25px #ccc;
   border-radius: 10px;
   width: 100%;
   text-align: center;

   /* margin-top: 20px; */
   /* border: 1px solid #000000; */
   background-color: #fff;
   padding: 20px;
   overflow: hidden;


}

.my_aquariums_box img {
   width: 100%;
   height: 300px;

   object-fit: contain;
   overflow: hidden;

   transition: all 0.5s ease;

}

.my_aquariums_box:hover img {
   transform: scale(1.1);
}

/* detail1 page */
/* About the Juwel Lido Series section */

.juwel_lido_series_section {
   margin-block: var(--margin-block);

}

.juwell_lido_content_box h2 {
   padding-bottom: 10px;
   text-align: left;


}

.juwell_lido_content_box {}

/* lido_aquarium_range_box_content */
/* lido_aquarium_range_box1 */

.lido_aquarium_range_box1 h4 {
   border-bottom: 2px solid black;
   width: max-content;


}

.lido_aquarium_range_box_content p {
   font-size: 18px;
}


.lido_aquarium_range h2 {
   font-size: 22px
}

.lido_aquarium_range_box_content span {
   font-size: 20px;
   color: var(--primary-color);

}

.lido_aquarium_range_box_content {
   color: var(--primary-color);
   font-size: 20px;
}

.lido_aquarium_range_box_content .table td {
   font-size: 17px !important;
   padding: 10px !important;
}

.lido_aquarium_range_box img {
   width: 90%;
   height: 331px;
   object-fit: contain;
   overflow: hidden;
   background-color: #fff;
   padding: 10px;
}


/* whatsap css */
#whatsapp {
  position: fixed;
  right: 40px;
  bottom: 10%;
  width: 70px;
  height: 70px;
  cursor: pointer;
  opacity: 1;
  z-index: 99990;
}

#whatsapp #whatsappMain {
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0);
  width: 70px;
  height: 70px;
  color: #40c351;
  z-index: 9;
  -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
  -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
  animation: zcwmini2 1.5s 0s ease-out infinite;
}

#whatsapp #whatsappMain:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  background-image: url('../imgs/whatsapp.png');
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-animation: zcwphone2 1.5s linear infinite;
  -moz-animation: zcwphone2 1.5s linear infinite;
  animation: zcwphone2 1.5s linear infinite;
}

@-webkit-keyframes zcwphone {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes zcwphone {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes zcwphone {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes zcwphone2 {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes zcwphone2 {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes zcwphone2 {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes zcwmini {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }

  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }

  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}

@-moz-keyframes zcwmini {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }

  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }

  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}

@keyframes zcwmini {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }

  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }

  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}

@-webkit-keyframes zcwmini2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }

  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }

  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}

@-moz-keyframes zcwmini2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }

  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }

  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}

@keyframes zcwmini2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }

  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }

  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}

/* whatsap css */



/* NZ Stripe */

.stripe {
   background: rgba(0, 109, 148, 0.8);
   padding-block: 3rem;
   text-align: center;
}

.stripe h2 {
   color: #fff;
   font-size: 40px;

}

/*.stripe a{*/
/*   background-color: #fff;*/
/*   color: #000;*/
/*   padding: 8px 25px;*/
/*   margin-top: 10px;*/
/*   font-weight: 500;*/
/*   display: inline-block;*/
/*   border-radius: 8px;*/
/*   border: 2px solid #fff;*/
/*   transition: all 0.3s ease;*/
/*}*/

/*.stripe a:hover{*/
/*   background-color: transparent;*/
/*   color: #fff;*/
/*}*/