/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
body p {
  text-align: justify !important;
  font-family: "Work Sans", sans-serif !important;
}
body h2 {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 700;
}
/*----------------------------------------------------------------------------
                           navigation
------------------------------------------------------------------------------*/
#g-navigation .g-content {
  padding: 0px !important;
  margin: 0px !important;
}
#g-navigation .logo-bg:before {
  background: rgba(42, 159, 170, 0.7);
  content: "";
  position: absolute;
  top: 0px;
  left: -5%;
  width: 39.5%;
  height: 100%;
  transform: skewX(-30deg);
  z-index: 5 !important;
}
#g-navigation .menu-bg:before {
  background: rgba(255, 255, 255, 0.7);
  content: "";
  position: absolute;
  top: 0px;
  right: -5%;
  width: 69.5%;
  height: 100%;
  transform: skewX(-30deg);
  z-index: 5 !important;
}
#g-navigation img {
  z-index: 9 !important;
  position: relative;
}
#g-navigation .g-main-nav .g-toplevel {
  line-height: 6.125 !important;
  text-align: center !important;
  font-family: Roboto, sans-serif;
  z-index: 9 !important;
  position: relative;
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  background: #2a9faa;
  padding-top: 39px;
  padding-bottom: 42px;
  padding-left: 12px;
  padding-right: 12px;
  color: #ffffff;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #ffffff !important;
}
/*-------------------------------------------------------------------------
                    header
-------------------------------------------------------------------------*/
#g-header .slider-bottom-bg {
  background: #3ca5af !important;
}
#g-header a {
  color: #ffffff !important;
}
/*-------------------------------------------------------------------------
                          intro
-------------------------------------------------------------------------*/
#g-intro .post-8 .entry-title {
  display: none !important;
}
#g-intro .entry-title {
  text-align: center !important;
}
#sp-ea-159.sp-easy-accordion > .sp-ea-single {
  background: #ffffff;
}
/*-------------------------------------------------------------------------
                          features
-------------------------------------------------------------------------*/
#g-features h2 {
  text-align: center !important;
  margin: 0px !important;
}
#g-features h3 {
  margin: 0px !important;
  font-size: 22px !important;
}
#g-features p {
  text-align: center !important;
  margin: 0px !important;
}
#g-features {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('https://catdental.in/wp-content/uploads/2025/10/catdental-smile-expert.png');
  z-index: 5;
}
#g-features a {
  color: #000000 !important;
}
/*-------------------------------------------------------------------------
                          utilities
-------------------------------------------------------------------------*/
#g-utility {
  padding: 3rem !important;
}
#g-utility h2 {
  text-align: center !important;
  margin: 0px !important;
}
#g-utility p {
  text-align: center !important;
  margin-top: 0px !important;
}
#g-utility h4 {
  text-align: center !important;
}
.service-bg {
  border: 1px solid #e5e5e5;
  background: #fff;
}
.service-bg img {
  background: #aceefe;
  border-radius: 40px;
}
#g-utility .service-border {
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
}
.service-bg:hover {
  border: 1px solid #2a9faa;
  background: #aceefe;
}
.service-bg:hover .service-bg img {
  background: #ffffff;
}
/*-------------------------------------------------------------------------
                         above
-------------------------------------------------------------------------*/
#g-above .working-bg {
  background: #aceefe;
}
.dt-working-hours {
  font-family: lato;
}
.hours-s {
  float: right;
}
.dt-working-hours li {
  padding: 10px;
}
.dt-working-hours ul li {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid rgba(52, 52, 52, 0.07);
  padding: 5px 15px 5px 10px;
  line-height: 29px;
}
#g-above h3 {
  text-align: center !important;
}
/*-------------------------------------------------------------------------
                    testimonials
-------------------------------------------------------------------------*/
#g-testimonials {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('https://catdental.in/wp-content/uploads/2025/10/catdental-smile-experts.png');
  z-index: 5;
}
/*-------------------------------------------------------------------------
                    expanded
-------------------------------------------------------------------------*/
#g-expanded .bottom-links ul li {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid rgba(52, 52, 52, 0.07);
  padding: 5px 15px 5px 10px;
  line-height: 29px;
}
.social-links a {
  background-color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
/*-------------------------------------------------------------------------
                    footer
-------------------------------------------------------------------------*/
#g-footer {
  padding: 0px !important;
}
#g-mainbar {
  padding: 10rem 0;
}
/*-----------------media only---------------------*/
@media only screen and (max-width: 47.99rem) {
  .g-home-particles.g-helium-style #g-header {
    margin-top: 0rem !important;
  }
  #g-header h1 {
    font-size: 18px !important;
  }
}
@media only screen and (min-width: 47.99rem) {
  .g-home-particles.g-helium-style #g-header {
    margin-top: -6.5rem !important;
  }
}
/*# sourceMappingURL=custom_home_-_particles.css.map */