/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: "Montserrat", Sans-serif !important;
    color: #444444;
  }
  
  a {
    color: #fff;
    text-decoration: none;
  }
  
  a:hover {
    color: #fdd067;
    text-decoration: underline;
  }
  /*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
  @media screen and (max-width: 768px) {
    [data-aos-delay] {
      transition-delay: 0 !important;
    }
  }
  /*--------------------------------------------------------------
  # Hero Section
  --------------------------------------------------------------*/
  #hero h1 {
    font-size: 52px;
    color: #d2e0ed;
  }
  h6.slide-cnt {
    color: #fff;
    margin: 24px 0px 36px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
    font-family: "Montserrat", Sans-serif;
  }
  a.btn-get-started.gets {
    border: 2px solid #005b9b;
    color: #005b9b;
    padding: 8px 18px;
    border-radius: 13px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    margin-left: 24px;
}
  h2.eqnw {
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 14px;
    font-family: 'Montserrat';
  }
  label {
    color: #fff;
    font-size: 1.2rem;
    width: 100%;
  }
  input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    padding: 0.6rem;
}
  @media (max-width: 768px) {
    #hero {
      -moz-text-align-last: center;
      text-align-last: center;
    }
  }

  p.aos-init.aos-animate {
    font-family: "Montserrat", Sans-serif;
    text-align: justify;
    line-height: 28px;
    font-size: 17px;
    margin: 8px 2px;
  }

  /*--------------------------------------------------------------
  # Contact
  --------------------------------------------------------------*/
  .contact .php-email-form {
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 30px;
    background: #fff;
  }
  h2.banner-head span {
    color: #005b9b;
}
h2.banner-head {
  font-size: 2.4rem;
  margin: -30px 0px 0px 0px;
  font-family: Montserrat;
  text-align: center;
}
  .contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600;
  }
  
  .contact .php-email-form .error-message br+br {
    margin-top: 25px;
  }
  
  .contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600;
  }
  
  .contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
  }
  
  .contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    -webkit-animation: animate-loading 1s linear infinite;
    animation: animate-loading 1s linear infinite;
  }
  
  .contact .php-email-form input,
  .contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
  }
  
  .contact .php-email-form input::focus,
  .contact .php-email-form textarea::focus {
    background-color: #fdc134;
  }
  
  .contact .php-email-form input {
    padding: 10px 15px;
  }
  
  .contact .php-email-form textarea {
    padding: 12px 15px;
  }
  
  .contact .php-email-form button[type=submit] {
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
  }
  
  .contact .php-email-form button[type=submit]:hover {
    background: #fdd067;
  }
  
  ul.aco-ul {
    list-style: none;
      margin: 0;
      padding: 0;
      font-family: inherit;
      font-weight: 600;
  }
  .about .content p {
    font-size: 17px;
    font-family: "Montserrat", Sans-serif;
    margin: 4px 0px;
    line-height: 27px;
  }
  button {
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
  }
  .form-sld {
    background-color: #0062a5;
    padding: 16px 30px;
    position: relative;
    z-index: 4;
    border-radius: 6px;
}
textarea.wpcf7-form-control.wpcf7-textarea { height: 120px;}
.wpcf7 form .wpcf7-response-output{background: none;}
  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  #footer {
    color: #fff;
    position: relative;
  }
  #footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1a1c28;
    z-index: 1;
  }
  #footer .footer-top {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 80px 0;
  }
  #footer .footer-top h3 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    position: relative;
    font-family: "Montserrat", Sans-serif;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #footer .footer-top .social-links {
    margin-top: 50px;
  }
  #footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #284864;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
  }
  
  #footer .footer-top .social-links a:hover {
    color: #fff;
    text-decoration: none;
  }
  
  #footer .footer-bottom {
    z-index: 2;
    position: relative;
  }
  .social-links {
    float: right;
    font-size: 30px;
  }
.hero-banner {
    background: url('https://spcaqua.com/wp-content/uploads/2023/06/extended-new-4.jpg');
    background-position: top;
    background-size: cover;
}
  .hero-banner + div {
    padding-top: 0px;
    padding-bottom: 32px;
  }
  button.btn.btn-lg.btn-block {
    width: 100%;
    padding: 4px;
    margin: 32px auto;
    border-radius: unset;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
  }
  input[type='submit'], button.btn-lg.btn-block {
    width: 100%;
    margin: 10px auto;
    background-color: #0073bc;
    color: #fff;
    border: none;
      padding: 10px 20px;
      border-radius: 4px;
  }
  .screen-reader-response p {
    font-size: 14px;
    color: #f32727;
  }
  .wpcf7-response-output {
    font-size: 14px;
    color: #f32727;
  }
  .wpcf7-not-valid-tip, .screen-reader-response ul{display:none!important;}
  .row.top-cnt {
    margin-top: -470px;
  }
  .col-xl-4.bl-bg {
    background-color: #000000;
  }
  h3.u-text.u-text-1 {
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 3rem;
    text-transform: capitalize;
  }
  p.u-text.text-center.u-text-3 {
    color: #fff;
    padding: 0px 40px;
    font-size: 1.125rem;
    margin: -10px 32px 0px;
    line-height: 1.7;
    font-family: "Montserrat", Sans-serif;
  }
  .col-xl-4.gr-bg {
    background-color: #f2f2f2;
  }
  p.u-text.u-text-4 {
    font-size: 1.125rem;
    margin: 46px 32px 20px;
    text-align: center;
    line-height: 1.7;
    color: #333;
    font-family: "Montserrat", Sans-serif;
  }
  p.link {
    text-align: center;
  }
  a.hre {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
  }
  .col-xl-6.col-md-6.ovr-img {
    position: relative;
  }
  .rdmr {
    background: linear-gradient(138deg, #43cea2 0%, #185a9d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 16px;
    color: #fff;
    text-align: center;
    font-weight: 700;
  }
  a.hov:hover {
    color: #fff;
    text-decoration: none;
  }
  .bg-overlay {
    z-index: 0;
    background-image: linear-gradient(315deg, #43cea2 0%, #185a9d 74%);
  }
  .ovr-img:hover .bg-overlay {
    background: rgb(67,206,162);
    background: linear-gradient(90deg, rgba(67,206,162,0.8) 0%, rgba(24,90,157,0.8) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .pos {
    position: relative;
  }
  .bg-cnt {
    position: relative;
  }
  ul.gal-ul {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
  }
  ul.gal-ul2 {
    font-size: 17px;
    font-weight: 400;
  }
  h3.u-text.u-text-2 {
    font-family: "Montserrat", Sans-serif;
    font-size: 3.125rem;
    margin: 22px 10px 10px;
    font-weight: 700;
  }
  .header_top {
    background: linear-gradient(90deg,rgb(2 34 52) 0%,rgb(2 34 52) 100%);
    position: fixed;
    float: left;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 9999;
  }
  ul.contat_infoma {
    list-style: none;
    margin: 10px 0px;
  }
  ul.contat_infoma.rgt {
    float: right;
    color: #fff;
  }
  ul.contat_infoma > li > a:hover {
    color: #fff;
    text-decoration: none;
  }
  p.ptest { color: #fff; }

  /* Iphone 12 pro */
  @media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) { 
   .copyright {
      font-size: 14px;
      text-align: center;
  }
  .col-xl-6.col-md-6.col-sm-12.cover-img {
    padding: 120px;
}
.hero-banner + div {
  padding-bottom: 0px;
}
  h3.u-text.u-text-1 {
    margin: 28px 24px 28px;
  }
  .col-xl-4.bl-bg {
    padding: 48px 0px;
  }
  .col-xl-4.gr-bg {
    padding: 48px 0px;
  }
  p.u-text.u-text-4 {
    margin: 20px 32px 20px;
  }
  .social-links {
    text-align: center;
    float: none;
    margin: 0px;
  }
  section#about {
    padding: 0;
  }
  .py-5 {
    padding-bottom: 6rem!important;
    padding-top: 6rem!important;
  }
  /* img.img-fluid.gall-img {
      width: 20%;
  } */
  button.action_btn {
      margin: 5px 4px !important;
  }
  h2.banner-head {
      font-size: 1.6rem;
  }
  .card-img img {
    height: auto;
  }
  .hero-banner + div {
    padding-top: 0px;
  }
  .hero-banner img {
    height: 72vh;
    width: 100%;
    object-fit: cover;
  }
  .form-sld {
    margin:38px -12px;
  }
  .sol-div.u-valign-middle.u-container-layout {
    margin: 0px;
  }
  .sol-wht.col-xl-5 {
    height: auto;
  }
  .row.top-cnt {
    margin-top: -402px;
  }
  .u-border-palette-2-base, .u-separator-palette-2-base:after {
    border: 0;
    height: 408px;
  }
  h2.solso {
    margin-top: 20px;
  }
  .col-xl-4.bl-bg {
    padding: 10px 10px 20px;
  }
  h3.u-text.u-text-1 {
    margin: 28px 6px 12px;
  }
  h3.u-text.u-text-2 {
    margin: 0px 14px 13px;
  }
  .col-xl-4.gr-bg {
    padding: 32px 0px 16px;
  }
  ul.contat_infoma.rgt {
    float: none;
    font-size: 14px;
  }
  .ovr-img:hover .bg-overlay {
    height: 79%;
  }
  ul.contat_infoma {
      margin: 0px 0px 10px;
  }
  p.aqtxt {
      color: #ffffff;
      text-align: justify;
      padding: 0px 6px;
  }
  img.cl-logo {
    margin: 0 auto;
    display: block;
}
.col-md-6.col-sm-6.cntrht {
  padding: 0px 28px 0px 28px !important;
}
section#solarplan {
  margin-top: 0px !important;
}
h2.banner-head {
  font-size: 1.6rem !important;
  margin: 28px 0px 0px;
}
.col-xl-6.col-md-6.col-sm-12.nxt-img {
  padding: 120px;
}
.row.reverse-mob {
  display: flex;
  flex-wrap: wrap-reverse;
}
p.banner-cnt {
  padding: 16px 0px !important;
}
a.btn-get-started.gets {
  margin-left: 0px !important;
}
.btn-pop a {
  font-size: 13px !important;
}
h3.u-text.u-text-1 {
  font-size: 2.1rem;
}
.hero-banner img {
  opacity: .5;
}
  }
  /* Media Query for Iphone XR */
  @media only screen 
      and (device-width : 414px) 
      and (device-height : 896px) 
      and (-webkit-device-pixel-ratio : 2) { 
        .copyright {
          font-size: 14px;
          text-align: center;
      }
      .col-xl-6.col-md-6.col-sm-12.cover-img {
        padding: 130px;
    }
      .social-links {
        text-align: center;
        float: none;
        margin: -12px 0px 0px;
      }
      section#about {
        padding: 0;
      }
      .py-5 {
          padding-bottom: 6rem!important;
          padding-top: 6rem!important;
      }
      .card-img img {
        height: auto;
      }
      .hero-banner + div {
        padding-top: 0px;
        padding-bottom: 0px;
      }
      .hero-banner img {
        height: 100vh;
        width: 100%;
        object-fit: cover;
      }
      .form-sld {
        margin: 42px -12px;
      }
      h3.u-text.u-text-1 {
        margin: 28px 6px 12px;
      }
      h3.u-text.u-text-2 {
        margin: 28px 6px 12px;
      }
      .col-xl-4.gr-bg {
        padding: 10px 0px 20px;
      }
      .col-xl-4.bl-bg {
        padding: 10px 0px 20px;
      }
      p.u-text.u-text-4 {
        margin: 20px 32px 20px;
      }
      .sol-div.u-valign-middle.u-container-layout {
        margin: 0px;
      }
     .row.top-cnt {
      margin-top: -402px;
     }
     .sol-wht.col-xl-5 {
      height: auto;
    }
    .u-border-palette-2-base, .u-separator-palette-2-base:after {
      border: 0;
      height: 408px;
    }
    h2.solso {
      margin-top: 20px;
    }
    ul.contat_infoma.rgt {
      float: none;
      font-size: 14px;
    }
    .ovr-img:hover .bg-overlay {
      height: 79%;
    }
    img.img-fluid.gall-img {
        width: 50%;
    }
    h2.banner-head {
        font-size: 1.6rem;
    }
    button.action_btn {
        margin: 5px 4px !important;
    }
    ul.contat_infoma {
        margin: 0px 0px 10px;
    }
    p.aqtxt {
        color: #ffffff;
        text-align: justify;
        padding: 0px 6px;
    }
    img.cl-logo {
      margin: 0 auto;
      display: block;
  }
  .col-md-6.col-sm-6.cntrht {
    padding: 0px 32px 0px 32px !important;
  }
  .col-xl-6.col-md-6.col-sm-12.cover-bg {
    padding: 32px 24px 32px 24px !important;
}
section#solarplan {
  margin-top: 0px !important;
}
h2.banner-head {
  font-size: 1.6rem !important;
  margin: 28px 0px 28px;
}
.col-xl-6.col-md-6.col-sm-12.nxt-img {
  padding: 150px;
}
.row.reverse-mob {
  display: flex;
  flex-wrap: wrap-reverse;
}
a.btn-get-started.gets {
  margin-left: 0px;
}
p.banner-cnt {
  padding: 0px !important;
  margin-bottom: 42px;
}
.hero-banner img {
  opacity: .5;
}
  }
  /* Media Query for iphone SE(375*667) */
      @media only screen 
      and (device-width : 375px) 
      and (device-height : 667px) 
      and (-webkit-device-pixel-ratio : 2) { 
        .copyright {
          font-size: 14px;
          text-align: center;
      }
      .hero-banner + div {
        padding-bottom: 0px;
      }
      .social-links {
        text-align: center;
        float: none;
        margin: -12px 0px 0px;
      }
      section#about {
        padding: 0;
      }
      .py-5 {
        padding-bottom: 6rem!important;
        padding-top: 6rem!important;
      }
  img.img-fluid.gall-img {
      width: 40%;
       }
  h2.banner-head {
      font-size: 1.6rem;
      margin: 28px 0px 16px;
    }
  button.action_btn {
      margin: 5px 4px !important;
  }
  .card-img img {
        height: auto;
      }
  .hero-banner + div {
        padding-top: 0px;
        padding-bottom: 0px;
      }
  .hero-banner img {
        height: 90vh;
        width: 100%;
        object-fit: cover;
      }
  .form-sld {
        margin: 42px -12px;
      }
  .sol-wht.col-xl-5 {
        height: auto;
      }
      .sol-div.u-valign-middle.u-container-layout {
        margin: 0px;
      }
      .col-xl-4.bl-bg {
        padding: 0px 10px 20px 10px;
      }
      .col-xl-4.gr-bg {
        padding: 0px 10px 20px 10px;
      }
      h3.u-text.u-text-2 {
        margin: 30px 14px 13px;
      }
      .row.top-cnt {
       margin-top: -400px;
      }
      .u-border-palette-2-base, .u-separator-palette-2-base:after {
        border: 0;
        height: 408px;
      }
      h2.solso {
        margin-top: 20px;
      }
      ul.contat_infoma.rgt {
        float: none;
        font-size: 14px;
      }
      .ovr-img:hover .bg-overlay {
        height: 79%;
      }
  ul.contat_infoma {
      margin: 0px 0px 10px;
  }
  p.aqtxt {
      color: #ffffff;
      text-align: justify;
      padding: 0px 6px;
  }
  img.cl-logo {
    margin: 0 auto;
    display: block;
}
/* .col-md-6.col-sm-6.cntrht {
  padding: 0px 18px 0px 18px;
} */
.col-xl-6.col-md-6.col-sm-12.cover-bg {
  padding: 32px 24px 32px 24px;
}
section#solarplan {
  margin-top: 0px !important;
}
h2.banner-head {
  font-size: 1.6rem !important;
  margin: 28px 0px 0px;
}
.col-xl-6.col-md-6.col-sm-12.cover-img {
  padding: 130px;
}
.col-xl-6.col-md-6.col-sm-12.nxt-img {
  padding: 150px;
}
.row.reverse-mob {
  display: flex;
  flex-wrap: wrap-reverse;
}
p.banner-cnt {
  padding: 0px !important;
  margin: 32px 0px;
}
a.btn-get-started.gets {
  margin-left: 0px;
  font-size: 14px;
}
h3.u-text.u-text-1 {
  font-size: 2.1rem;
}
.btn-pop a {
  font-size: 13px !important;
}
p.cntt {
  padding: 0px 30px 0px 0px;
}
.col-md-6.col-sm-6.cntrht {
  padding: 18px 0px 18px 32px !important;
}
.top-link a {
  font-size: 12px !important;
  margin-left: 4px !important;
}
.top-link i.fa.fa-phone, .top-link i.fa.fa-envelope {
  font-size: 10px !important;
  padding: 5px !important;
  width:25px;
  height:25px;
}
}
  
  /* media query for iphone */
  @media only screen 
  and (device-width : 393px) 
  and (device-height : 851px) 
  and (-webkit-device-pixel-ratio : 2) { 
    .copyright {
      font-size: 14px;
      text-align: center;
  }
  .col-xl-6.col-md-6.col-sm-12.cover-img {
    padding: 130px;
}
  .social-links {
    text-align: center;
    float: none;
    margin: -12px 0px 0px;
  }
  section#about {
    padding: 0;
  }
  /* .bord {
    left: 18px;
  } */
  .py-5 {
    padding-bottom: 6rem!important;
  }
  .card-img img {
    height: auto;
  }
  .hero-banner + div {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .hero-banner img {
    height: 430px;
    width: 100%;
    object-fit: cover;
  }
  .form-sld {
    margin: 42px -12px;
  }
  section#solarplan {
    margin-top: 0px !important;
}
  .u-border-palette-2-base, .u-separator-palette-2-base:after {
    border: 0;
  }
  h2.solso {
    margin-top: 20px;
  }
  ul.contat_infoma.rgt {
    float: none;
    font-size: 14px;
  }
  .ovr-img:hover .bg-overlay {
    height: 79%;
  }
  ul.contat_infoma {
      margin: 0px 0px 10px;
  }
  p.aqtxt {
      color: #ffffff;
      text-align: justify;
      padding: 0px 6px;
  }
  img.cl-logo {
    margin: 0 auto;
    display: block;
}
.col-md-6.col-sm-6.cntrht {
  padding: 0px 18px 0px 18px;
}
.col-xl-6.col-md-6.col-sm-12.cover-bg {
  padding: 32px 24px 32px 24px;
}
h2.banner-head {
  font-size: 1.6rem !important;
  margin: 28px 20px 0px;
}
.col-xl-6.col-md-6.col-sm-12.nxt-img {
  padding: 150px;
}
.row.reverse-mob {
  display: flex;
  flex-wrap: wrap-reverse;
}
.hero-banner img {
  opacity: .5;
}
  }
  /* Ipad Air */
  @media only screen 
    and (device-width: 820px) 
    and (device-height: 1180px) 
    and (-webkit-min-device-pixel-ratio: 2) {
      .py-5 {
        padding-bottom: 5rem!important;
      }
      section#about {
        padding: 140px 0px 80px;
    }
    .card-img img {
      height: auto;
  }
  .py-5 {
    padding-top: 0rem!important;
  }
  h3.u-text.text-center.u-text-1 {
    margin: 32px 24px 28px;
  }
  .col-xl-4.bl-bg {
    padding: 50px;
  }
  p.u-text.u-text-4 {
    margin: 20px 32px 20px;
  }
  .col-xl-4.gr-bg {
    padding: 50px;
  }
  .social-links {
    margin-top: -12px;
  }
  .copyright {
    padding-top: 7px;
}
  .hero-banner img {
    height: 90vh;
    width: 100%;
    object-fit: cover;
  }
  .sol-wht.col-xl-5 {
    height: 45vh;
  }
  .hero-banner + div {
    padding: 0px;
  }
  .form-sld {
    padding: 22px 18px 6px 18px;
    margin-top: 52px;
  }
  h2.banner-head {
    margin: 20px 0px 0px;
}
  h2.eqnw {
    margin-bottom: 14px;
  }
  button.btn-lg.btn-block {
    margin: 24px auto;
  }
  h3.u-text.u-text-1 {
    margin: 16px 0px 16px;
  }
  h3.u-text.u-text-2 {
    margin: 28px 14px 13px;
  }
  .col-md-6.col-sm-6.cntrht {
    padding: 0px 18px 0px 18px;
}
a.btn-get-started.gets {
  margin-left: 0px; 
}
p.banner-cnt {
  padding: 16px 0px 16px 2px !important;
}
h3.u-text.u-text-1 {
  font-size: 32px;
}
.col-md-6.col-sm-6.cntrht {
  padding: 52px 48px 52px 26px !important;
}
.btn-pop a {
  font-size: 13px !important;
}
h3.u-text.u-text-1 {
  font-size: 2.4rem;
}
  }
  
  /* Ipad Mini */
  @media only screen 
    and (device-width: 768px) 
    and (device-height: 1024px) 
    and (-webkit-min-device-pixel-ratio: 2) {
      .py-5 {
        padding-bottom: 5rem!important;
      }
      section#about {
        padding: 140px 0px 80px;
    }
    .card-img img {
      height: auto;
  }
  .py-5 {
    margin-bottom: -20px;
  }
  h3.u-text.text-center.u-text-1 {
    margin: 32px 24px 28px;
  }
  .col-xl-4.bl-bg {
    padding: 50px;
  }
  p.u-text.u-text-4 {
    margin: 20px 32px 20px;
  }
  .col-xl-4.gr-bg {
    padding: 50px;
  }
  .social-links {
    margin-top: -12px;
  }
  .hero-banner img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
  }
  .sol-wht.col-xl-5 {
    height: 52vh;
  }
  .hero-banner + div {
    padding-top: 0px;
  }
  .form-sld {
    padding: 22px 18px 6px 18px;
    margin-top: 52px;
}
a.btn-get-started.gets {
  margin-left: 0px;
}
  h2.eqnw {
    margin-bottom: 0px;
  }
  button.btn-lg.btn-block {
    margin: 24px auto;
  }
  h3.u-text.u-text-1 {
    margin: 16px 0px 13px;
  }
  h3.u-text.u-text-2 {
    margin: 28px 14px 13px;
  }
  .col-xl-6.col-md-6.col-sm-12.nxt-img {
    padding: 150px;
  }
  p.banner-cnt {
    padding: 16px 32px 16px 4px !important;
}
h2.banner-head {
  margin: 0px 0px 0px !important;
  margin-top: 32px !important;
}
.copyright {
  padding-top: 7px !important;
}
.col-md-6.col-sm-6.cntrht {
  padding: 52px 48px 52px 26px !important;
}
.btn-pop a {
  font-size: 13px !important;
}
h3.u-text.u-text-1 {
  font-size: 2.4rem;
}
  }
  
  /* Media Query for small devices */
  @media only screen 
    and (device-width: 393px) 
    and (device-height: 851px) { 
  /* .bord {
        border: none;
    } */
  .form-sld {
      margin: -8px -12px;
  }
  .py-5 {
    padding-top: 0rem!important;
  }
  section#about {
    padding: 110px 0px 100px;
  }
  .sol-wht.col-xl-5 {
    height: auto;
  }
  .sol-div.u-valign-middle.u-container-layout {
    margin: 0px;
  }
  .card-img img {
    height: auto;
  }
  .social-links {
    text-align: center;
    float: none;
    margin: -12px 0px 0px;
  }
  .hero-banner + div {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  p.aqtxt {
      color: #ffffff;
      text-align: justify;
      padding: 0px 6px;
  }
  .col-xl-6.col-md-6.col-sm-12.cover-img {
    padding: 130px;
  }
  .row.reverse-mob {
    display: flex;
    flex-wrap: wrap-reverse;
}
  }
  a.btn.btn-rdmr {
    margin: 30px auto;
    background: linear-gradient(138deg,rgba(30,187,240,1) 0%,rgba(56,222,170,1) 100%)!important;
    color: #fff;
    display: block;
    width: 185px;
    padding: 10px;
  }
  a.btn.btn-rdmr:hover {
    color: #fff;
    text-decoration: none;
  }
  /* New CSS */
  .line:before {
    height: 1px;
    width: auto;
  }
  .line:after {
    width: 1px;
    height: 0;
  }
  .line:after, .line:before {
    content: '';
    background: #fff;
    display: block;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
  }
  .line {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9;
    width: -webkit-calc(50% - 70px);
    width: -moz-calc(50% - 70px);
    width: calc(50% - 70px);
    height: -webkit-calc(50% - 20px);
    height: -moz-calc(50% - 20px);
    height: calc(50% - 20px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
  }
  .line:after {
    height: 100%;
  }
  .line--bottom {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .line:before {
    width: 100%;
  }
  .media__body {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99;
  }
  a.lightbox-image:hover {
    color: #fff;
    text-decoration: none;
  }
  .box1 .title{
    opacity: 0;
  }
  .box1:hover .title{
    opacity: 1;
  }
  .box1:hover .line{
    opacity: 1;
  }
  button.action_btn {
      background-color: #0073bc;
      color: #fff;
      margin: 0px 4px;
  }
  a.mail {
      font-size: 17px;
  }
  .gal-ul li{font-size:1.24em;}
  .footertop h4 {
      font-size: 4em;
      color: #ffffff;
  }
  .copyright {
      padding-top: 14px;
  }
  /* CSS */
  i.fa.fa-angle-right {
    margin-left: 6px;
    border: 2px solid;
    border-radius: 50%;
    padding: 0px 6px;
    font-size: 20px;
}
button[type="submit"] {
    font-weight: 600 !important;
    padding: 8px 36px;
    color: #005b9b;
}
@media (min-width: 1200px) {
#content, .container, .opal-canvas-filter.top, .otf-product-recently-content .widget_recently_viewed_products, ul.elementor-nav-menu--dropdown.mega-containerwidth>li.mega-menu-item>.elementor {
    max-width: 1280px !important;
}
}
@media (max-width: 1600px) {
.col-xl-6.col-md-6.col-sm-12.cover-bg {
  padding: 36px !important;
}
}
@media (min-width: 1600px) {
.col-xl-6.col-md-6.col-sm-12.cover-bg {
  padding: 100px 200px 100px 80px !important;
}
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  border-radius: 3px;
}
button:hover[type=submit] {color: #005b9b;}
p.aqtxt { color: #fff; font-size: 18px;text-align: justify; }
.container.bg-cnt {
  max-width: 100% !important;
}
.col-xl-6.col-md-6.col-sm-12.cover-img {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.row.dark.blue {
  background-color: #26c1f278;
  margin-bottom: 42px;
  padding: 20px 0px 40px 0px;
}
span.counter {
  color: #fff;
  font-size: 64px;
  font-weight: 600;
}
span.counter-text {
  color: #fff;
  font-size: 22px;
}
a.btn-get-started.abtus {
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
/* .col-xl-6.col-md-6.col-sm-12.cover-bg {
  padding: 54px;
} */
.col-xl-4.col-md-4.center {
  text-align: center;
}
img.cl-logo {
  width:100%;
  display: block;
    margin: 0 auto;
}
.fa-linkedin:before {font-size: 15px; color: #fff;}

/* Carousel */
.carousel .carousel-item {
	color: #999;
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
}
.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
}
.carousel .media img {
	width: 64px;
	height: 64px;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial-wrapper {
  padding: 42px 42px;
  background: #fff;
  border-radius: 4px;
}
.carousel .testimonial {
  color: #858b91;
  position: relative;
  padding: 15px;
  margin-bottom: 8px;
  font-family: "Montserrat", Sans-serif;
  font-size: 16px;
}
.carousel .overview {
  padding: 20px 0 0 0px;
}
.carousel .overview .details {
	padding: 5px 0 8px;
}
.carousel .overview b {
  text-transform: capitalize;
  color: #706a6e;
  font-size: 18px;
  font-weight: 600;
}
.carousel .carousel-indicators {
	bottom: -70px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 1px 2px;
	box-sizing: border-box;
}
.carousel-indicators li {	
	background: #e2e2e2;
	border: 4px solid #fff;
}
.carousel-indicators li.active {
	color: #fff;
	background: #005fa0;
	border: 5px double;    
}
div#myCarousel {
  margin: 28px 0px;
}
.carousel-indicators li {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  margin: 1px 2px !important;
  box-sizing: border-box !important;
}
h2.cnt-head {
  font-size: 2.2rem;
  color: #005b9b;
  font-weight: 700;
  font-family: "Montserrat", Sans-serif;
  padding: 15px 0px;
}
p.cntt {
  font-size: 18px;
  text-align: justify;
  color: #4a4a4a;
}
i.fa.fa-phone {
  font-size: 16px;
  border: 2px solid;
  padding: 6px 8px;
  border-radius: 50%;
  color: #3e4357;
}
i.fa.fa-envelope {
  font-size: 16px;
  border: 2px solid;
  padding: 6px;
  border-radius: 50%;
  margin: 15px 0px;
  color: #3e4357;
}
.ftr-link a {
  color: #4a4a4a;
  font-size: 18px;
  margin-left: 10px;
  text-decoration: none !important;
}
.col-md-6.col-sm-6.cntrht {
  padding: 52px 0px 52px 32px;
}
.col-xl-6.col-md-6.col-sm-12.cover-img {
  background-image: url(https://spcaqua.com/wp-content/uploads/2023/03/pool-heat.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.col-xl-6.col-md-6.col-sm-12.nxt-img {
  background-image: url(https://spcaqua.com/wp-content/uploads/2023/03/dwtc.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% auto;
}
p.banner-cnt {
  color: #4a4a4a;
  font-size: 18px;
  text-align: justify;
  padding: 16px 0px 16px 25px;
}
h2.banner-head {
  color: #4a4a4a;
}
.rd-navbar-aside__item {
  background-color: #0062a5;
}
.top-link i.fa.fa-phone {
  font-size: 12px;
  padding: 6px 7px;
  color: #fff;
}
.top-link i.fa.fa-envelope {
  font-size: 12px;
  padding: 6px 7px;
  color: #fff;
  margin: 0px;
}
.top-link a {
  color: #fff;
  margin-left: 10px;
  font-size: 16px;
  letter-spacing: 1px;
}
.top-link a:hover {
  color: #fff !important;
  margin-left: 10px;
}
.top-link {
  margin: 0 auto;
  display: table;
  color: #fff;
  padding: 6px;
}
img.img-fluid.gall-img {
  zoom: 0.8;
  display: block;
  margin: 0 auto;
}
.btn-pop a {
  font-weight: 500;
  font-size: 15px;
}
iframe {
  margin-bottom: 0em !important;
}
button[type="submit"] {
  background: #fff !important;
}
h2.sld-head {
  font-size: 2rem;
  color: #005b9b;
  font-weight: 700;
  font-family: "Montserrat", Sans-serif;
  padding: 0px 0px 0px 25px;
}
ul.slideul li {
  color: #4a4a4a;
  font-size: 18px;
  text-align: justify;
  padding: 4px 0px 0px 0px;
  margin-left: 28px;
}
.col-lg-7.col-sm-12.order-1.order-lg-1 {
  margin-top: 460px;
}
.slideul{
	padding:0;
}
@media screen and (max-width:767px){
	  .top-link {
    text-align: center;
}
h2.banner-head {
    font-size: 1.4rem !important;
    margin: 0px 0px 10px 0px !important;
    text-align: center;
}
	.col-lg-7.col-sm-12.order-1.order-lg-1 {
    margin-top: 345px;
}
	.hero-banner img {
    box-shadow: none;
}
	.hero-height img {
    height: auto;
}
.hero-banner {
    background: url('https://spcaqua.com/wp-content/uploads/2023/05/SPC_Aqua_Pool_Pump_Dubai.jpg');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}
}