/*----------------------------------------------------*/

/*font Variables*/

/*Color Variables*/

/*=================== fonts ====================*/

.btn:focus {

  outline: none;

  box-shadow: none;

}

p {

  text-align: justify;

}

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2) format('woff2');

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2');

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* cyrillic-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');

  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* greek-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');

  unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');

  unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');

  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/*----------------------------------------------------*/

@import url('http://fonts.cdnfonts.com/css/zoika-font');

/*---------------------------------------------------- */

/*----------------------------------------------------*/

.home_banner_area {

  position: relative;

  z-index: 1;

  /* min-height: 900px; */

  margin-top: 72px;

}

.list {

  list-style: none;

  margin: 0px;

  padding: 0px;

}

p {

  font-size: 14px;

}

a {

  text-decoration: none;

  /*transition: all 0.3s ease-in-out;*/

}

a:hover,

a:focus {

  text-decoration: none;

  outline: none;

}

.row.m0 {

  margin: 0px;

}

body {

  line-height: 24px;

  font-size: 14px;

  font-family: 'Open Sans', sans-serif !important;

  font-weight: 400;

  /*color: #7f7f7f;*/

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Open Sans', sans-serif !important;

}

button:focus {

  outline: none;

  box-shadow: none;

}

.p_120 {

  padding-top: 120px;

  padding-bottom: 120px;

}

.pad_top {

  padding-top: 120px;

}

.mt-25 {

  margin-top: 25px;

}

@media (min-width: 1200px) {

  .container {

    max-width: 1170px;

  }
  #Swimming_section2 .boxex
  {
      margin: 0px 30px;
  }
  #Swimming_section2 .boxes-row-2 {
    margin-top: 80px !important;
  }
  #Swimming_section2 .break-word
  {
    display: none;
  }
  #Contact-section1 .img-section
  {
    margin-top: 25px;
  }
  #About-us-section1 .para-right
  {
    margin-right: 40px
  }
  #About-us-section1 .para-left
  {
    margin-left: 40px
  }

}

img {

  max-width: 100%;

}

ul {

  list-style: none;

  padding: 0;

}

.text-black {

  color: #000 !important;

}

@media (min-width: 1620px) {

  .box_1620 {

    max-width: 1650px;

    margin: auto;

  }

}

/*---------------------------------------------------- */

/*----------------------------------------------------*/

.header_area .material-icons {

  vertical-align: middle;

  color: #000;

  font-size: 18px;

}

.header_area {

  position: absolute;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 99;

  transition: background 0.4s, all 0.3s linear;

}

.header_area .navbar {

  /*background: transparent;*/

  /*background: #0f243f;*/

  padding: 0px;

  border: 0px;

  border-radius: 0px;

}

.header_area .navbar-nav .dropdown-menu {

  box-shadow: 1px 0px 6px #00000029;

  border: none;

  top: 84%;

  left: -28px;

  background: #f7f7f7;

}

.header_area.navbar_fixed .navbar-nav .dropdown-menu {

  margin-top: 0px;

}

@media(min-width: 991px) {

  .header_area .navbar-nav .dropdown-menu {

    margin-top: 15px;

  }

  .footer-logo-img {

    width: 90%;

  }

  #navbarSupportedContent .menu_nav {

    margin-left: auto;

  }
  
  #Contact-section1 .contact-img
  {
    width: 80%;
    float: right;
  }

}

.logo-img {

  width: 170px;

}

.header_area .navbar .logo_h {

  color: #fff;

  height: 80px;

  line-height: 69px;

  font-size: 30px;

  text-transform: uppercase;

  font-weight: 700;

}

.header_area .navbar .navbar-brand {

  /*padding-top: 0;*/

}

.header_area .navbar .nav .nav-item {

  margin-right: 45px;

}

.header_area .navbar .nav .nav-item .nav-link {

  text-transform: capitalize;

  color: #000;

  display: inline-block;

  font-size: 15px;

  font-weight: 600;
  padding: 25px 0px;

}

.header_area .navbar .nav .nav-item .nav-link:after {

  display: none;

}

.header_area .navbar .nav .nav-item:hover .nav-link,

.header_area .navbar .nav .nav-item.active .nav-link {

  color: #3C374D;

}

.header_area .navbar .nav .nav-item.submenu {

  position: relative;

}

.header_area .navbar .nav .nav-item.submenu ul {

  border: none;

  padding: 0px;

  border-radius: 0px;

  box-shadow: none;

  margin: 0px;

  background: #fff;

  box-shadow: 0px 2px 5px #00000029;

  ;

}

@media (min-width: 992px) {

  .header_area .navbar .nav .nav-item.submenu ul {

    position: absolute;

    top: 120%;

    left: 0px;

    min-width: 200px;

    text-align: left;

    opacity: 0;

    transition: all 300ms ease-in;

    visibility: hidden;

    display: block;

    border: none;

    padding: 0px;

    border-radius: 0px;

  }

  .navbar-expand-lg .navbar-collapse {

    justify-content: center;

  }

}

.header_area .navbar .nav .nav-item.submenu ul:before {

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 10px 10px 0 10px;

  border-color: #eeeeee transparent transparent transparent;

  position: absolute;

  right: 24px;

  top: 45px;

  z-index: 3;

  opacity: 0;

  transition: all 400ms linear;

}

.header_area .navbar .nav .nav-item.submenu ul .nav-item {

  display: block;

  float: none;

  margin-right: 0px;

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

  margin-left: 0px;

  transition: all 0.4s linear;

}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {

  line-height: 37px;

  color: #1d1d1d;

  padding: 0px 30px;

  transition: all 150ms linear;

  display: block;

  margin-right: 0px;

}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {

  border-bottom: none;

}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {

  /*background: #f84b67;*/

  /*color: #fff;*/

}

.header_area .navbar .nav .nav-item .nav-link:hover,
.header_area .navbar .nav .nav-item .nav-link:hover  .material-icons,
#mySidenav .nav-link:hover,
#mySidenav .dropdown-menu .dropdown-item:hover
{
  color: #2595A1;
}

.header_area .dropdown-toggle::after {

  display: none;

}

@media (min-width: 992px) {

  .header_area .navbar .nav .nav-item.submenu:hover ul {

    visibility: visible;

    opacity: 1;

    top: 100%;

  }

}

.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {

  margin-top: 0px;

}

.header_area .navbar .nav .nav-item:last-child {

  margin-right: 0px;

}

.header_area.navbar_fixed .main_menu {

  position: fixed;

  width: 100%;

  top: -71px;

  left: 0;

  right: 0;

  /*background: rgba(0, 0, 0, 0.8);*/

  transform: translateY(70px);

  transition: transform 500ms ease, background 500ms ease;

  -webkit-transition: transform 500ms ease, background 500ms ease;

  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);

}

.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

  line-height: 70px;

}

@media (max-width: 991px) {
.header_area .navbar .nav .nav-item .nav-link {

    border-bottom: none !important;
    padding: 0px;

  }

  .navbar-toggler span {

    background: #2595A1 !important;

  }
  /*.navbar-toggler 
  {
    display: none;
  }*/



  .navbar-toggler[aria-expanded="true"] span:first-child {
    transform: unset !important;
        position: unset !important;
        top: unset !important;
  }

  .navbar-toggler[aria-expanded="true"] span:last-child {
    transform: unset !important;
    bottom: unset !important;
    position: unset !important;
}

.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    opacity: 1 !important;
}

}
.form-control:focus {
  box-shadow: none;
}

.navbar_fixed #search_input_box {

  position: fixed;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

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

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100%;

  max-width: 1140px;

  z-index: 999;

  text-align: center;

  padding: 0 20px;

  top: 80px;

}

/*---------------------------------------------------- */

/*----------------------------------------------------*/

/*============== Elements Area css ================*/

.mb-20 {

  margin-bottom: 20px;

}

.mb-30 {

  margin-bottom: 30px;

}

.area-padding {

  padding: 70px 0;

}

.area-padding-bottom {

  padding-bottom: 130px;

}

.area-padding-top {

  padding-top: 130px;

}

.bg_one {

  background: #F8F7F5;

}

/*  Elements Page Styles
/* =================================== */

b,

sup,

sub,

u,

del {

  color: #f8b600;

}

h1 {

  font-size: 36px;

}

h2 {

  font-size: 30px;

}

h3 {

  font-size: 24px;

}

h4 {

  font-size: 18px;

}

h5 {

  font-size: 16px;

}

h6 {

  font-size: 14px;

}

.typography h1,

.typography h2,

.typography h3,

.typography h4,

.typography h5,

.typography h6 {

  color: #777777;

}

.list-style {

  width: 14px;

  height: 14px;

}

.unordered-list li {

  position: relative;

  padding-left: 30px;

  line-height: 1.82em !important;

}

.unordered-list li:before {

  content: "";

  position: absolute;

  width: 14px;

  height: 14px;

  border: 3px solid #f8b600;

  background: #fff;

  top: 4px;

  left: 0;

  border-radius: 50%;

}

.ordered-list {

  margin-left: 30px;

}

.ordered-list li {

  list-style-type: decimal-leading-zero;

  color: #f8b600;

  font-weight: 500;

  line-height: 1.82em !important;

}

.ordered-list li span {

  font-weight: 300;

  color: #777777;

}

.ordered-list-alpha li {

  margin-left: 30px;

  list-style-type: lower-alpha;

  color: #f8b600;

  font-weight: 500;

  line-height: 1.82em !important;

}

.ordered-list-alpha li span {

  font-weight: 300;

  color: #777777;

}

.ordered-list-roman li {

  margin-left: 30px;

  list-style-type: lower-roman;

  color: #f8b600;

  font-weight: 500;

  line-height: 1.82em !important;

}

.ordered-list-roman li span {

  font-weight: 300;

  color: #777777;

}

/*---------------------------------------------------- */

/*----------------------------------------------------*/

/*============== footer-area css ===============*/

.footer-area {

  padding-top: 115px;

  background: #020202;

}

.footer-contact-icon {

  margin-bottom: 20px;

}

.footer-area .web_view_footer {

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .footer-area {

    padding: 60px 0px;

  }

  #navbarSupportedContent {

    display: none;

  }
  /*br,#navbarSupportedContent {

    display: none;

  }*/
}

@media (max-width: 991px) {

  .footer-area .single-footer-widget {

    margin-bottom: 30px;

  }

}

.footer-area .single-footer-widget p {

  color: #fff;

}

.footer-area .single-footer-widget h4 {

  font-size: 20px;

  margin-bottom: 25px;

  color: #fff;

}

@media (max-width: 1024px) {

  .footer-area .single-footer-widget h4 {

    font-size: 20px;

  }

}

@media (max-width: 991px) {

  .footer-area .single-footer-widget h4 {

    margin-bottom: 15px;

  }

}

.footer-area .single-footer-widget ul li,

.footer-area .contact-details {

  margin-bottom: 10px;

}

.footer-area .single-footer-widget ul li a,.footer-area .contact-details span,.footer-area .contact-details a {

  color: #fff;

}
/*.footer-area .single-footer-widget ul li a:hover,*/
.footer-area .contact-details .email-link:hover,
.footer-area a:hover
{
  color: #2595A1 !important;
}

.footer-area .single-footer-widget .form-wrap {

  margin-top: 25px;

}

.footer-area .single-footer-widget .form-wrap .info {

  color: #f84b67;

}

.footer-area .single-footer-widget input {

  height: 40px;

  border: 1px solid #eeeeee;

  width: 67% !important;

  font-weight: 400;

  background: #fff;

  padding-left: 20px;

  border-radius: 0;

  font-size: 14px;

  padding: 10px 22px;

  border-radius: 25px;

  color: #888888;

  margin-right: -25px;

}

.footer-area .single-footer-widget input:focus {

  outline: none;

  box-shadow: none;

}

.footer-area .single-footer-widget input.placeholder {

  font-size: 14px;

  padding-left: 10px;

  color: #888888;

}

.footer-area .single-footer-widget input:-moz-placeholder {

  font-size: 14px;

  padding-left: 10px;

  color: #888888;

}

.footer-area .single-footer-widget input::-moz-placeholder {

  font-size: 14px;

  padding-left: 10px;

  color: #888888;

}

.footer-area .single-footer-widget input::-webkit-input-placeholder {

  font-size: 14px;

  padding-left: 10px;

  color: #888888;

}

.footer-area .single-footer-widget .click-btn {

  border-radius: 24px;

  padding: 6px 21px 4px 14px;

  border: 0;

  background: #f84b67;

  color: #fff;

  position: relative;

  left: 0;

  text-transform: capitalize;

  z-index: 999;

}

.footer-area .single-footer-widget .click-btn i,

.footer-area .single-footer-widget .click-btn span {

  font-size: 18px;

}

.footer-area .single-footer-widget .click-btn:focus {

  outline: none;

  box-shadow: none;

}

.footer-area .footer-address span {

  display: block;

  margin-bottom: 15px;

  color: #fff;

}

.footer-area .footer-logo {

  margin-top: 41px;

  display: inline-block;

}

.footer-area .material-icons {

  font-size: 18px;

}

.footer-area .footer-bottom {

  /*margin-top: 51px;*/

  padding: 20px 0px 40px 0px;

}

.footer-area .footer-social a {

  color: #fff;

}

.footer-area .footer-social i {

  font-size: 28px;

}

.footer-area .first_word {

  color: #6DCBCC;

}

.footer-heading::after {

  content: '';

  display: block;

  width: 76px;

  height: 3px;

  border-radius: 5px;

  margin-top: 10px;

  background: #BEBEBE;

}

@media (max-width: 991px) {

  .footer-area .footer-bottom {

    margin-top: 20px;

  }

}

.footer-area .footer-bottom p {

  color: #fff;

  /*font-size: 16px;*/

}

.footer-area .footer-bottom p a {

  color: #f84b67;

}

.footer-area .footer-bottom .footer-social {

  text-align: center;

}

@media (max-width: 991px) {

  .footer-area .footer-bottom .footer-social {

    text-align: left;

    margin-top: 30px;

  }

  .header_area .dropdown-item:focus,

  .header_area .dropdown-item:hover {

    background: #ddd !important;

  }

}

.footer-area .footer-bottom .footer-social a {

  margin-left: 3px;

  width: 32px;

  color: #8f919c;

  display: inline-grid;

  text-align: center;

  height: 32px;

  align-content: center;

  transition: all 300ms linear 0s;

}

.footer-area .footer-bottom .footer-social a:hover {

  color: #f84b67;

}

.footer-area .footer-bottom .footer-social a i,

.footer-area .footer-bottom .footer-social a span {

  font-size: 14px;

}

@media(min-width: 1200px) {

  .footer-area .logo-section {

    margin-right: 90px;

  }

  .credit_score {

    width: 90%;

    float: right;

  }

}

@media (max-width: 991px) {

  .header_area .navbar-collapse {

    padding: 15px 0px;

  }

}

.header_area .navbar {

  background: #fff !important;

}

/*---------------------------------------------------- */

@media(max-width: 767px) {

  .web-view-indicators, .web_view_footer,
  #clean_water_section4 .break-word-text {

    display: none;

  }

  .mobile-view-indicators,

  .mobile_view_footer {

    display: block;

  }

  .footer-area .footer-logo {

    margin-top: 30px !important;

  }

  .footer-area .footer-bottom {

    padding-bottom: 60px !important;

    margin-top: 0px !important;

  }

  .footer-area .footer-common {

    word-break: break-word;

    text-align: center;

  }

  .footer-area .footer-heading {

    display: inline-block;

  }

  .about-us .heading,
  .our_projects .project-title,
  #clean_water_section3 .sector-image,
  #clean_water_section3 .heading,
  .common-banner-section .child .heading,
  #Swimming_section3 .heading,
  #Contact-section1 .heading,
  #Contact-section1 .para,
  #About-us-section1 .heading,
  .about-us .btn-section
  /*#About-us-section3 .heading*/
   {

    text-align: center !important;

  }

  #Contact-section1 .img-section
  {
    margin-top: 20px;
  }

  #clean_water_section3 .sector-image
  {
    margin-bottom: 50px;
  }

  .about-us .content {

    text-align: justify;

  }

  .dropdown-content {

    width: 100%;

    background: #fff;

  }

  #banner-slider {

    padding-bottom: 0px !important;

  }

  .footer-area .footer-heading::after,#clean_water_section3 .heading::after,
  #Swimming_section3 .heading::after,#About-us-section1 .heading::after
  /*#About-us-section3 .heading::after*/
   {

    margin-left: auto;

    margin-right: auto;

  }
  #About-us-section2 .count-up
  {
    margin-bottom: 25px;
  }
  .about-us .contact-btn
  {
    margin-bottom: 20px;
  }
}

@media(min-width: 768px) {

  .mobile-view-indicators, .mobile_view_footer, .about-break-word,#key_areas .slick-dots {

    display: none !important;

  }

  .web-view-indicators,

  .web_view_footer {

    display: block;

  }

  #Swimming_section2 .boxes-row-2
  {
    margin-top: 33px;
  }
  #Swimming_section3 .bg-image
  {
    margin: 50px 0px;
  }
  #Swimming_section_para .desc
  {
    text-align: center !important;
  }
  .ul-list-section .col-2
  {
    flex: 0 0 5% !important;
    max-width: 5% !important;
  }
  .ul-list-section .col-10
  {
    flex: 0 0 95% !important;
    max-width: 95% !important;
  }
  

}

.home_banner_area {

  min-height: unset !important;

}

#banner-slider .slick-dotted.slick-slider {

  margin-bottom: 0px !important;

}

@media(max-width: 320px) {

  .navbar .logo-img {

    width: 190px;

  }
  #policy_desc p
  {
    text-align: unset !important;
  }

}

.myaccordion {

  max-width: 500px;

  margin: 50px auto;

}

.myaccordion .card-header {

  border-bottom: none;

}

.myaccordion .card-body {

  padding-top: 0px;

}

.myaccordion .card {

  margin-bottom: 1rem;

  border: none;

}

.myaccordion .card:last-child {

  margin-bottom: 0px;

}

.myaccordion .card-header {

  cursor: pointer;

  display: block;

  padding: 5px 15px;

  color: #000;

  font-size: 16px;

  font-weight: 700;

  position: relative;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  background: #fff;

  border-radius: 5px;

  background: #FFFFFF 0% 0% no-repeat padding-box;

}

.myaccordion .fa-stack {

  font-size: 18px;

}

.myaccordion .btn {

  width: 100%;

  color: #000;

  padding: 0;

  font-size: 16px;

  font-weight: 700;

}

.myaccordion .btn-link:hover,

.myaccordion .btn-link:focus {

  text-decoration: none;

}

.myaccordion li + li {

  margin-top: 5px;

}

.myaccordion a {

  color: #000;

  font-size: 13px;

}

.myaccordion .card:hover {

  box-shadow: 0px 0px 5px #0D5BB980;

}

.myaccordion .card-body a:hover
{
  color: #2595A1 !important;
}

.footer-area .myaccordion .divider {

  border-bottom: 1px solid #0000001A;

}

/* index page css start */

.heading {

  color: #2595A1;

  font-weight: 600;

}

.about-us .img-section {

  text-align: center;

}

/* slick slider css start */

.slick-slide {

  margin: 0px 20px;

}

.slick-slide img {

  width: 100%;

}

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}

.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-list:focus {

  outline: none;

}

.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}

.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-track:before,

.slick-track:after {

  display: table;

  content: '';

}

.slick-track:after {

  clear: both;

}

.slick-loading .slick-track {

  visibility: hidden;

}

.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}

[dir='rtl'] .slick-slide {

  float: right;

}

.slick-slide img {

  display: block;

}

.slick-slide.slick-loading img {

  display: none;

}

.slick-slide.dragging img {

  pointer-events: none;

}

.slick-initialized .slick-slide {

  display: block;

}

.slick-loading .slick-slide {

  visibility: hidden;

}

.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

  display: none;

}

.our_clients .contents {

  margin-bottom: 60px;

}

.our_projects {

  background: #1C3551;

}

.our_projects .project-title {

  color: #fff;

  margin-top: 10px;

  font-weight: 600;

}

.our_projects .slick-next:before,

.our_projects .slick-prev:before {

  color: #fff;

}

#banner-slider .card-image {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  height: 550px;

  width: 100% !important;

}

#banner-slider .card-image.image1 {

  background: url('../img/banner/banner-2.jpg');

}

#banner-slider .card-image.image2 {

  background: url('../img/banner/banner-1.jpg');

}

.zoom-effect {

  -webkit-animation: zoomin 15s ease-in;

  animation: zoomin 15s ease-in;

}

/* Zoom in Keyframes */

@-webkit-keyframes zoomin {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.2);

  }

  100% {

    transform: scale(1);

  }

}

@keyframes zoomin {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.2);

  }

  100% {

    transform: scale(1);

  }

}

/*End of Zoom in Keyframes */

#banner-slider .banner-content {

  margin-top: 256px !important;

  color: #fff;

  opacity: 0;

}

.margin-top-img {

  margin-top: 256px !important;

}

#banner-slider .slick-dots {

  bottom: 13px;

}

#banner-slider .slick-dots li {

  border-radius: 50%;

  border: 1px solid #fff;

  width: 12px;

  height: 12px;

}

#banner-slider .slick-dots .slick-active {

  background: #fff;

}

.fadeInUp {

  animation-name: fadeInUp;

  opacity: 1;

}

#banner-slider .slick-slide {

  margin: 0px !important;

}

@keyframes fadeInUp {

  from {

    opacity: 0.8;

    transform: translate3d(0, 100%, 0)

  }

  to {

    opacity: 1;

    transform: none

  }

}

.animated {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}

.about-us .content p {

  margin-bottom: 28px;

}

.about-us .about-us-image {

  width: 460px;

}

.about-us .content {

  margin-top: 45px;

}

/* slick slider css end */

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

  .about-break-word {

    display: block;

  }

}

/* index page css end */

/* Hoverable dropdown start*/

.dropdown {

  position: relative;

  display: inline-block;

}

.dropdown-content {

  display: none;

  position: absolute;

  /*background-color: #f7f7f7;*/
  background-color: #fff;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  z-index: 1;

}

.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

  font-weight: 600;

  font-size: 13px;

}

.dropdown-content a:hover,#mySidenav .dropdown-item:focus,
 #mySidenav .dropdown-item:hover,
.dropdown-content a:active,
#mySidenav .dropdown-menu .dropdown-item:hover
  {

  /*color: #2595A1 !important;
  background-color: #f8f9fa !important;*/
  background-color: #2595A1;
  color: #fff;


}
.dropdown-item:active
{
  color: #fff !important;
}

.dropdown:hover .dropdown-content {

  display: block;

  top: 52 !important;

}
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link
{
  line-height: unset!important;
}

#clean_water_section4
{
  background: #F1FBFC;
}
#clean_water_section4 .contact-btn,.about-us .contact-btn
{
    color: #2595A1;
    font-weight: 600;
    padding: 10px 35px;
    border: 1px solid #2595A1;
    background: #fff;
    margin-top: 20px;
}
#clean_water_section4 .contact-btn:hover,.about-us .contact-btn:hover
{
  background: #2595A1;
  color: #fff;
}

/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/

/* Hoverable dropdown end */

/* clean treated water css start */

#clean_water_section3 .heading,.common-banner-section .heading
{
  font-family: 'Zoika font', sans-serif !important;
}
#clean_water_section3 .heading
{
  margin-bottom: 90px;
}
#clean_water_section3 .heading::after
{
  content: '';

  display: block;

  width: 111px;

  height: 3px;

  border-radius: 5px;

  margin-top: 10px;

  background: #000000;
}

.common-banner-section .parent,.clean_water_section2 .block1
{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.common-banner-section .child
{
  position: absolute;
  background: #fff;
  top: 250px;
  padding:25px 25px 25px 25px;
  width: 400px;
  right: 0px;
  box-shadow: 0px 3px 6px #00000029;
  z-index: 2;
}

.clean_water_section2 .block2 .child-content
{
  padding: 30px;
}
.clean_water_section2.right-section .block1,
.clean_water_section2.left-section .block1
{
 z-index: 1;
 width: 85%;
 height: 560px;
}
.clean_water_section2.right-section .block2,
.clean_water_section2.left-section .block2
{
  z-index: 2;
  background-color: #fff;
  /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;*/
  box-shadow: 0px 0px 12px #00000047;
  position: absolute;
  width: 40%;
      
}

#clean_water_section3 .sector-image
{
  text-align: center;
}
#clean_water_section3 .sector-image .img-desc
{
  text-align: center;
  font-weight: 600;
  font-size: 17px;
}

#clean_water_section3 .sector-image img 
{
  width: 90px;
}



/* clean treated water css end */

@media(min-width: 768px)
{
  .clean_water_section2.right-section .block1
  {
      top: 10px;
      left: 0px;
  }
  .clean_water_section2.right-section .block2
  {
      top: 200px;
      right: -33px;
  }
  .clean_water_section2.left-section .block2 {
    top: 200px;
    left: 10px;
  }
  .clean_water_section2.left-section .block1
  {
    top: 10px;
    right: 0px;
    float: right;
  }

}
@media(min-width: 992px) and (max-width: 1199px)
{
 .clean_water_section2.right-section .block2
  {
    top: 173px !important;
    right: 14px;
  } 
  .clean_water_section2.left-section .block2
  {
    top: 170px;
  }
  .common-banner-section .child
  {
    top: 550px;
  }
  #fountain3 .fountain-box
  {
    padding: 38px !important;
  }
}

@media(min-width: 768px) and (max-width: 991px)
{
 .clean_water_section2.right-section .block2
  {
    top: 118px !important;
    right: 2px !important;
  } 
  .clean_water_section2.left-section .block2
  {
    top: 120px;
  }
  .common-banner-section .child
  {
    top: 340px;
  }
  #Swimming_section2 .boxex
  {
    padding: 50px !important;
  }
  #Contact-section1 .img-section 
  {
    margin-top: 25px;
  }
  #fountain3 .fountain-box
  {
    padding: 20px !important;
  }
}

@media(max-width: 767px)
{
  #Swimming_section2 .boxex,#fountain3 .fountain-box
  {
    margin:0px 0px 50px 0px !important;
  }
  #Swimming_section2 .boxes-row-2:last-child .boxex,#fountain3 .main-box:last-child .fountain-box
  {
    margin: 0px !important;
  }

  .clean_water_section2.right-section .block1 {
    width: 100%  !important;
    height: 450px;
    top: 10px;
  }
  .clean_water_section2.left-section .block2 {
    width: 75%;
    left: 12%;
    top: 70%;
  }
  .clean_water_section2.left-section .block1
  {
    width: 100%  !important;
    height: 450px;
    top: 10px;
    right: 0px;
    float: right;
  }
  .clean_water_section2.right-section .block2 {
    width: 75%;
    left: 12%;
    top: 70%;
  }
  .common-banner-section .child
  {
    width: 75%;
    left: 12%;
    top: 74%;
  }
  .common-banner-section p,.clean_water_section2 p
  {
    text-align: justify !important;
  }
  #Swimming_section3 .bg-image
  {
    margin: 20px 0px;
  }
  .ul-list-section .col-2
  {
    flex: 0 0 10% !important;
    max-width: 10% !important;
  }
  .ul-list-section .col-10
  {
    flex: 0 0 90% !important;
    max-width: 90% !important;
  }

}

@media(min-width: 420px) and (max-width: 575px)
{
  .common-banner-section .child
  {
    top: 84%;
  }
  .common-banner-section
  {
    margin-bottom: 106px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 35px !important;
  }
  #waste_water_left-section1
  {
    margin-bottom: 150px !important;
  }
  #clean_water_left-section1
  {
    margin-bottom: 110px !important;
  }
}

@media(min-width: 682px) and (max-width: 767px)
{
  .common-banner-section .child
  {
    top: 87%;
  }
  .common-banner-section
  {
    margin-bottom: 88px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 33px !important;
  }
}
@media(min-width: 576px) and (max-width: 681px)
{
  .common-banner-section .child
  {
    top: 84%;
  }
  .common-banner-section
  {
    margin-bottom: 88px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 33px !important;
  }
}

@media(min-width: 381px) and (max-width: 420px)
{
  .common-banner-section
  {
    margin-bottom: 130px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 125px !important;

  }
  #clean_water_left-section1
  {
    margin-bottom: 225px !important;
  }
   .common-banner-section .child 
    {
      top: 81% !important;
    }
    #waste_water_section1
    {
          margin-bottom: 175px !important;
    }
    #waste_water_right-section1
    {
      margin-bottom: 84px !important;
    }
    #waste_water_left-section1
    {
      margin-bottom: 223px !important;
    }

}

@media(min-width: 363px) and (max-width: 380px)
{
  .common-banner-section
  {
    margin-bottom: 153px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 140px !important;

  }
  #waste_water_right-section1
  {
    margin-bottom: 100px !important;
  }
   .common-banner-section .child 
    {
      top: 80% !important;
    }
    #waste_water_section1 .child {
      top: 74% !important;
    }
    #waste_water_left-section1
    {
      margin-bottom: 247px !important;
    }
    #waste_water_section1 .child {
      top: 77% !important;
    }
    #waste_water_section1
    {
      margin-bottom: 175px !important;
    }
    #clean_water_left-section1
    {
      margin-bottom: 255px !important;
    }

}

@media(min-width: 339px) and (max-width: 362px)
{
  .common-banner-section
  {
    margin-bottom: 196px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 170px !important;
  }
  .clean_water_section2.left-section .block2
  {
    top: 62%;
  }
  .common-banner-section .child
  {
    top: 72%;
  }
  #waste_water_right-section1
  {
    margin-bottom: 170px !important;
  }
  #waste_water_left-section1
  {
    margin-bottom: 250px !important;
  }
  #waste_water_section1
  {
    margin-bottom: 168px !important;
  }
  #clean_water_left-section1
  {
    margin-bottom: 257px !important;
  }
  #clean_water_section1
  {
    margin-bottom: 177px !important;
  }

}
  


@media(min-width: 320px) and (max-width: 338px)
{
  .common-banner-section
  {
    margin-bottom: 240px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 200px !important;
  }
}

@media(min-width: 300px) and (max-width: 320px)
{
  .common-banner-section
  {
    margin-bottom: 170px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 140px !important;
  }
  .common-banner-section .child
  {
    top: 65%;
  }
  .clean_water_section2.right-section .block2,
  .clean_water_section2.left-section .block2
  {
    top: 50%;
  }
  #waste_water_right-section1
  {
    margin-bottom: 90px !important;
  }
  #waste_water_left-section1
  {
        margin-bottom: 240px !important;
  }
  #clean_water_left-section1
  {
    margin-bottom: 210px !important;
  }
}

@media(max-width: 300px)
{
  .common-banner-section
  {
    margin-bottom: 195px !important;
  }
  .clean_water_section2
  {
    margin-bottom: 258px !important;
  }
  .common-banner-section .child
  {
    top: 61%;
  }
  .clean_water_section2.right-section .block2,
  .clean_water_section2.left-section .block2
  {
    top: 50%;
  }
  #Swimming_section2 .boxes-row-2,#Swimming_section2 .boxes-row-1,#fountain3 .main-box
  {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .footer-area .contact-details span,.footer-area .contact-details a,.footer-area .footer-bottom p
  {
    font-size: 13px;
  }
  #waste_water_left-section1
  {
    margin-bottom: 290px !important;
  }
  #clean_water_section3 .image-divider
  {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ul-list-section .col-10 {
    flex: 0 0 85% !important;
    max-width: 85% !important;
  }
  .ul-list-section .col-2 {
    flex: 0 0 15% !important;
    max-width: 15% !important;
   }
   #clean_water_left-section1
   {
    margin-bottom: 350px !important;
   }
   #fountain3 .fountain-box 
   {
    padding: 35px!important;
   }

}
@media(max-width: 420px)
{
  #Swimming_section2 .boxex
  {
    padding: 30px !important;
  }
}

/* side nab bar css */


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  /*transition: 0.5s;*/
  /*padding-top: 60px;*/
  /*margin-top: 10px;*/

}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 15px;
  color: #000;
  display: block;
  font-weight: 600;
  /*transition: 0.3s;*/
}
.sidenav .dropdown-item:active
{
  background:#fff;
}
#mySidenav .dropdown-toggle::after
{
  display: none !important;
}
#mySidenav .material-icons
{
  vertical-align: middle;
}

#mySidenav .dropdown-menu
{
  border:none !important;
}
#mySidenav .dropdown-divider {
    height: 0;
    margin: 0.5rem 0px;
    margin-left: 8px;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.sidenav .dropdown-item
{
 font-size: 13px !important;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  margin-top: 28px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

#mySidenav.sidenav .dropdown-menu.show
{
  position: unset !important;
  transform: unset !important;
  will-change: unset !important; 
}

.text-animated {
  animation-delay: 0.5s; 
  /*background-image: url(/css/images/logo.png);*/
  background-repeat: no-repeat;
  background-position: left top;
  padding-top:95px;
  margin-bottom:60px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
0% {
   opacity: 0;
   -webkit-transform: translateY(20px);
}
100% {
   opacity: 1;
   -webkit-transform: translateY(0);
}
}

@keyframes fadeInRight {
0% {
   opacity: 0;
   transform: translateY(20px);
}
100% {
   opacity: 1;
   transform: translateY(0);
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

/* banner background images for submenu of services start */

#clean_water_section1 .parent
{
  background-image: url('../img/clean_treated_water/banner.png');
  height: 100vh;
  z-index: 1;
}
#waste_water_section1 .parent
{
  background-image: url('../img/clean_treated_water/banner.png');
  height: 100vh;
  z-index: 1;
}
/* banner background images for submenu of services end */

/* sub section images for submenu of services css start*/

#clean_water_right-section1 .block1
{
    background-image: url('../img/clean_treated_water/image1.png');
}
#clean_water_left-section1 .block1
{
  background-image: url('../img/clean_treated_water/image2.png');
}
#waste_water_right-section1 .block1
{
    background-image: url('../img/clean_treated_water/image1.png');
}
#waste_water_left-section1 .block1
{
  background-image: url('../img/clean_treated_water/image2.png');
}
/* sub section images for submenu of services css end */


/* swimming section css start */
#Swimming_section2
{
  background: #F6F6F6;
  /*border: 1px solid #707070;*/
}
#Swimming_section2 .boxex
{
    padding: 60px;
    background: #fff;
    box-shadow: 0px 2px 5px #00000024;
    border-radius: 15px;
    /*margin: 0px 30px;*/
}
#Swimming_section2 .boxex p
{
  text-align: center;
  font-weight: 600;
}

#Swimming_section2 .heading1
{
  color: #3C374D;
  letter-spacing: 3.1px;
  line-height: 24px;
}
#Swimming_section2 .heading2
{
  letter-spacing: 2.95px;
  font-weight: 600;
}
#Swimming_section3 .heading::after
{
    content: '';
    display: block;
    width: 111px;
    height: 3px;
    border-radius: 5px;
    margin-top: 10px;
    background: #000000;
}

#Swimming_section3 .heading
{
  margin-bottom: 42px;
}
#Swimming_section3 .sub-heading
{
  margin-bottom: 25px;
}
#Swimming_section3 .description
{
  margin-bottom: 30px;
  text-align: justify;
}
#Swimming_section1
{
  position: relative;
  background: url('../img/swimming_pool/swimming_pool3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 550px;
}
#Swimming_section1 .heading,#fountain1 .heading
{
  padding-top: 280px;
}

/* swimming section css end */


@media(max-width: 261px)
{
  .navbar .logo-img {
     width: 155px;
  }
}

@media(min-width: 240px) and (max-width: 261px)
{
  .common-banner-section {
    margin-bottom: 245px !important;
  }
  #clean_water_left-section1{
    margin-bottom: 220px !important;
  }
  #waste_water_right-section1
  {
    margin-bottom: 195px !important;
  }
  #waste_water_left-section1
  {
    margin-bottom: 240px !important;
  }
  #waste_water_section1
  {
    margin-bottom: 240px !important;
  }
}

@media(max-width: 240px)
{
  .common-banner-section {
    margin-bottom: 315px !important;
  }
  #clean_water_left-section1,#clean_water_right-section1{
    margin-bottom: 230px !important;
  }
  #waste_water_right-section1
  {
    margin-bottom: 260px !important;
  }
  #waste_water_left-section1
  {
    margin-bottom: 360px !important;
  }
  #waste_water_section1
  {
    margin-bottom: 300px !important;
  }
}

#privacypolicy_header {
    background: url(../img/policy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    padding: 60px 0px;

}
#privacypolicy_header h1
{
  padding: 20px;
  font-weight: 600;
  font-size: 30px;
}
.para-content .sub-heading
{
  font-weight: 600;
  margin-bottom: 1rem;
}
.para-content .para-heading
{
  font-weight: 600;
  margin-bottom: 1rem;
  color: #000;
}
.para-content .icon-section
{
  /*max-width: 20px !important;*/
}
.para-content .material-icons
{
  font-size: 12px;
}
.para-content a
{
  word-wrap: break-word;
  cursor: pointer;
}
@media(min-width: 1200px)
{
  .ul-list-section .col-2
  {
    flex: 0 0 3% !important;
    max-width: 3% !important;
  }
  .ul-list-section .col-10
  {
    flex: 0 0 97% !important;
    max-width: 97% !important;
  }
}
#contact-us-form .inputs
{
    border:none;
    color: #737373;
    border-bottom: 1px solid #707070;
    border-radius: 0px;
    height: 50px;
}
#contact-us-form .submit-btn
{
    background: #000000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 0px;
}
#Contact-section1 .para
{
  font-size: 16px;
  font-weight: 500;
}
@media(max-width: 1200px)
{
  #Contact-section1 .break-words
  {
    display: none;
  }
}

/* About Us start */

#About-us-section1 .heading::after,#About-us-section3 .heading::after {
    content: '';
    display: block;
    width: 110px;
    height: 3px;
    border-radius: 5px;
    margin-top: 10px;
    background: #000;
}

#About-us-section2 .counter
{
  padding: 30px;
  background:  #2662A6;
}
#About-us-section2 .counter-text
{
  font-size: 30px;
  font-weight: 600;
}
#About-us-section2 .count-up
{
  color: #fff;
}
#About-us-section2 .desc
{
  font-size: 16px;
}
#About-us-section3 .list-para-section .para-text
{
 font-weight: 400;
 font-size: 18px;
}
#About-us-section3 .list-para-section .icons
{
  font-size: 16px;
  vertical-align: middle;
}
#About-us-section3 .list-para-section .icon-section
{
  max-width: 20px
}

#about-us-banner .bg-image
{
    background: url(../img/about-us/about-us-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
}

/* About Us End */

/* Key Areas start */

#key_areas .slick-slide
{
  /*margin: 0px;*/
  overflow: hidden;
}
#key_areas .caption-copy
{
    opacity: 0;
    color: #fff;
    display: none;
    padding: 0 20px;
    padding-top: 20px;
    font-size: 18px;
}
#key_areas .area-items:hover .area-image {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#key_areas .area-items:hover .area-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #00000000 0, #000 100%) 0 0 no-repeat padding-box;
    transition: all .5s ease-in-out;
}
#key_areas .area-items {
    position: relative;
    width: 100%;
    display: block;
}
#key_areas .area-caption {
    position: absolute;
    bottom: 4em;
    text-align: center;
    width: 100%;
    padding: 10px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    
}
#key_areas .area-items:hover .area-caption {
    position: absolute;
    bottom: 20%;
}
#key_areas .area-items .area-caption-heading {
    color: #fff;
    text-align: center;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 600;
}
#key_areas .area-items:hover p.caption-copy {
    opacity: 1;
    display: block;
}
#key_areas .area-items .area-image img {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1;
  }
  #key_areas .area-image {
    /*background-repeat: no-repeat;
    background-size: cover;*/
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


 #key_areas .slick-dots li {

  border-radius: 50%;

  border: 1px solid #2595A1;

  width: 12px;

  height: 12px;

}

#key_areas .slick-dots
{
  bottom: -30px;
}

 #key_areas .slick-dots .slick-active {

  background: #2595A1;

}
#key_areas .slick-slide
{
  margin: 0px;
}

@media(max-width:200px )
{
  #key_areas .area-items:hover .area-caption
  {
    bottom: 1%;
  }
}
/* key areas end*/

/* Fountain css start */

#fountain1 {
    position: relative;
    background: url(../img/fountain/fountain_banner.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 550px;
}
#fountain4 .heading::after 
{
    content: '';
    display: block;
    width: 111px;
    height: 3px;
    border-radius: 5px;
    margin-top: 10px;
    background: #000000;
    margin-left: auto;
    margin-right: auto;
}

#fountain3 .fountain-box 
{
  background: #2662A6;
  padding: 45px;
}

#fountain3 .fountain-box .head-text
{
  font-weight: 600;
  font-size: 20px;
}


/* Fountain css end */

@media(max-width: 335px)
{
  #our_project_section .slick-next,#our_project_section .slick-prev
   {
    top: 38%;
   }
}