/*
Theme Name: Goldy electronics Pro
Theme URI: https://www.inverstheme.com/theme/goldy-electronics/
Author: inverstheme
Author URI: https://www.inverstheme.com/
Description: Goldy Electronics is a clean, modern, user friendly, responsive and highly customizable WordPress Theme. you’ll easily find the design of this theme impressive and suitable for your Website. This Goldy Champ WordPress theme, carries an abundance of crucial features and functionalities. For instance, featured slider, featured Section, About Section, Our Portfolio, Our team Section, Testimonial Slider, Our Services, Our Sponsors, Sticky Header, Social Information, Sidebar, Excerpt Options, and many more. All of these highly customizable features and sections are completely responsive and absolutely easy to customize. 
Template: goldy-mex-pro
Version: 1.0.7
Tested up to: 6.3
Requires PHP: 7.0
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: Goldy Electronics
Tags: custom-background, custom-logo, blog, custom-colors, custom-header, custom-menu, two-columns, grid-layout, left-sidebar, news, one-column, right-sidebar, featured-images, threaded-comments, translation-ready
*/


/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/

.header_top_bar {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
  }
  
  .header_top_bar > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }
  
  /* Common styles for each info block (time, contact, email) */
  .opening_time_data,
  .contact_data,
  .email_data {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .opening_icon i,
  .contact_icon i,
  .email_icon i {
    font-size: 16px;
    color: #fff;
  }
  .contact_info, .email_info, .opening_info{
    padding-left: 0px !important;
  }
  
  .opening_info p,
  .contact_info p,
  .email_info p {
    margin: 0;
    color: #fff;
    font-weight: 500;
  }
  
  .opening_info a,
  .contact_info a,
  .email_info a {
    color: #fff;
    text-decoration: none;
  }
  
  /* Social Icons */
  .header_social_icon .social_icon_info {
    display: flex;
    align-items: center;
  }
  
  .social_icon_info .social_data {
    display: flex;
    gap: 12px;
  }
  
  .social_icon i {
    font-size: 16px;
    transition: 0.3s;
  }
  
  .social_icon:hover i {
    color: #ffd700;
  }
  /* Common Icon Style */

.social_icon i {
  background-color: #ffffff;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
  width: 35px !important;
  height: 35px !important;
  text-align: center;
  line-height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Optional hover effect */
.social_icon:hover i {
  background-color: #000000;
  color: #ffffff;
}

  
  /* Responsive Layout */
  @media (max-width: 768px) {
    .header_top_bar {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      padding: 15px;
    }
  
    .header_top_bar > div {
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }
  
    .social_icon_info .social_data {
      gap: 10px;
    }
  }
  
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

.hentry-inner .entry-container {
    align-items: center !important;
}

.featured_slider_disc{
    text-align: start;
}



@media only screen and (max-width: 768px) {
    .featured_slider_disc {
        font-size: 10px;
        width: 70% !important;
    }
    .hentry-inner .entry-container {
        align-items: center !important;
    }

    i.fa.fa-angle-right, i.fa.fa-angle-left{
        padding: 13px !important;
    }
}


/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about_section_container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  padding: 100px 40px;
  background: linear-gradient(135deg, #f0f4f8, #ffffff);
  gap: 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.about_section_container::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle at center, rgba(0, 123, 255, 0.15), transparent);
  border-radius: 50%;
  z-index: 0;
}

.about_featured_image {
  flex: 1 1 40%;
  max-width: 480px;
  z-index: 1;
}

.about_pic {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 20px 60px rgba(0, 123, 255, 0.15);
  transform: rotate(-2deg);
  transition: transform 0.5s ease;
}

.about_pic:hover {
  transform: rotate(0deg) scale(1);
}

.about_pic img {
  width: 100%;
  height: 460px !important;
  border-radius: 30px;
  display: block;
  transition: all 0.4s ease;
  filter: grayscale(0%) brightness(100%);
}

.about_pic:hover img {
  filter: brightness(1.2) contrast(1.1);
}

.about_container_data {
  flex: 1 1 50%;
  max-width: 600px;
  z-index: 1;
}

.goldy_mex_about_main_title h2 {
  font-size: 40px;
  font-weight: 900;
  color: #007BFF !important;
  margin-bottom: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.separator {
  width: 70px;
  height: 5px;
  background: #ff5a5f;
  margin-bottom: 25px;
  border-radius: 5px;
}

.about_title h2 {
  font-size: 26px;
  font-weight: 700;
  color: #222;
  margin-bottom: 12px;
}

.about_sub_heading p {
  font-size: 18px;
  color: #777;
  margin-bottom: 18px;
}

.about_description p {
  font-size: 17px;
  color: #444;
  line-height: 1.75;
  margin-bottom: 28px;
}

.about_btn .buttons {
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(to right, #007bff, #00c6ff);
  color: #fff;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
  transition: all 0.3s ease;
}
.about_section_info{
  padding: 0px !important;
}


/* Responsive Design */
@media (max-width: 768px) {
  .about_section_container {
    flex-direction: column;
    padding: 60px 20px;
    gap: 0px;
  }
  .about_pic{
   transform: rotate(0deg); 
  }
  .about_featured_image,
  .about_container_data {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .goldy_mex_about_main_title h2 {
    font-size: 22px;
  }

  /* .about_title h2 {
    font-size: 22px !important;
  } */

  .about_btn .buttons {
    font-size: 14px;
    padding: 10px 24px;
  }
}
 


/*--------------------------------------------------------------
# Featured Section
--------------------------------------------------------------*/

.featured-section_data .featured_content_inner {
  position: relative;
  width: 100%;
  padding: 80px 20px 40px;
  text-align: center;
  color: #000;
  background-color: transparent;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.featured-section_data .featured_content_inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  width: 100%;
  height: 100%;
  background-color: var(--skin-color); /* your primary hover color */
  transition: transform 0.4s ease-in-out;
  z-index: -1;
}

.featured-section_data .featured_content_inner:hover::before {
  transform: translateX(-50%) scaleY(1);
}

.featured-section_data .featured_content_inner:hover {
  color: #fff;
}

.featured-section_data .featured-thumbnail {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.featured-section_data .featured-thumbnail i {
  font-size: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #f1f1f1;
  border-radius: 50%;
  color: #000;
  display: inline-block;
  transition: all 0.3s ease;
}

.featured-section_data .featured_content_inner:hover .featured-thumbnail i {
  background: #fff;
  color: var(--skin-color);
}

.featured-section_data .featured_content_inner h3,
.featured-section_data .featured_content_inner p {
  margin: 0;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}
.featured-section_data .featured_content .featured-thumbnail:after{
  background:#007BFF !important;
}

.featured-section_data .featured_content .featured-icon {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff; /* adjust as needed */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  /* Remove border and animation from here */
}

/* Spinning dashed border */
.featured-section_data .featured_content .featured-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px dashed #007BFF;
  border-radius: 50%;
  animation: spin-dash 2s linear infinite;
  z-index: -1;
}
  
@keyframes spin-dash {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/

/* Wrapper Styles */
.protfolio_img_main, .our_port_containe {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    overflow: hidden;
    margin: 20px 0;
    padding: 20px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}

.protfolio_img_main:hover, .our_port_containe:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}



/* Image Styles */
.protfolio_images {
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.protfolio_images img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.5s ease, opacity 0.5s ease, box-shadow 0.5s ease;
    border-radius: 20px;
}

.protfolio_images:hover img {
    transform: scale(1.08);
    opacity: 1;
    box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}

/* Content Container */
.our_port_containe {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 20px;
}

/* Sub Title */
.our_portfolio_title p:first-child {
    font-size: 18px;
    font-weight: 600;
    color: #888;
    margin-bottom: 8px;
}

/* Description */
.our_portfolio_desc {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 20px;
}
/* button */
.our_portfolio_btn {
  margin-top: 15px;
}

.our_portfolio_btn a {
  position: relative;
  display: inline-block;
  padding: 7px 25px;
  font-size: 15px;
  font-weight: 600;
  color: #007BFF;
  border: 2px solid transparent;
  background-color: #ffffff;
  border-radius: 50px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, color 0.3s ease;
  z-index: 1;
}

/* .our_portfolio_btn a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px dashed #007BFF;
  border-radius: 50px;
  animation: rotateBorder 3s linear infinite;
  z-index: 0;
  pointer-events: none;
} */

.our_portfolio_btn a:hover {
  transform: translateY(-4px);
  color: #fff;
  background-color: #007BFF;
}

/* Button Icon Movement */

.our_portfolio_btn a i {
  margin-left: 10px;
  transition: transform 0.4s ease;
  position: relative;
  z-index: 2;
}

.our_portfolio_btn a:hover i {
  transform: translateX(5px);
  color: #ffffff !important;
}



@keyframes rotateBorder {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Angled Overlay Background */
.protfolio_img_main::before{
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: var(--skin-color, #025e73);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  transition: left 0.4s ease-in-out;
  z-index: 0;
}

.protfolio_img_main:hover::before,
.our_port_containe:hover::before {
  left: 0;
}
.our_port_containe {
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 24px 20px;
  text-align: left;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  border-top: 1px solid #eee;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}

.our_portfolio_title p:first-child {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--skin-color, #025e73);
  letter-spacing: 1px;
  margin-bottom: 6px;
}

.our_portfolio_title h3 {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  margin: 0 0 12px;
}

.our_portfolio_desc {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 15px;
}

.our_portfolio_btn a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--skin-color, #025e73);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}

.our_portfolio_btn a:hover {
  color: #013945;
  border-bottom: 1px solid #007BFF;
}


/* Title Text */
.our_portfolio_title p:first-child {
  font-size: 18px;
  font-weight: 600;
  color: var(--skin-color, #025e73);
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* Description Text */
.our_portfolio_desc {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* Modern Button */
/* .our_portfolio_btn a {
  display: inline-block;
  padding: 10px 24px;
  background-color: transparent;
  border: 2px solid var(--skin-color, #025e73);
  color: var(--skin-color, #025e73);
  font-weight: 600;
  border-radius: 25px;
  text-decoration: none;
  transition: all 0.3s ease;
} */



/* Responsive */
@media (max-width: 768px) {
    h3 {
        font-size: 26px;
    }
    .our_portfolio_title p:first-child {
        font-size: 16px;
    }
    .our_portfolio_desc {
        font-size: 15px;
    }
    .our_portfolio_btn a {
        font-size: 16px;
    }
}



/*--------------------------------------------------------------
# Appointment Section
--------------------------------------------------------------*/

/* Clean Form Area */
.appointment_fields_data {
  background: #ffffff !important;
  padding: 40px 30px !important;
}

/* Title */
.appointment_title h2 {
  font-size: 26px !important;
  font-weight: bold !important;
  color: #222 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.appointment_title h2::after {
  content: "" !important;
  display: block !important;
  width: 50px !important;
  height: 3px !important;
  margin: 8px auto 0 !important;
  background-color: #025e73 !important;
  border-radius: 2px !important;
}

/* Input Fields & Textarea */
form.appoinment_reset input[type="text"],
form.appoinment_reset input[type="email"],
form.appoinment_reset input[type="number"],
.af_table_data textarea {
  width: 100% !important;
  padding: 12px 15px !important;
  margin-bottom: 18px !important;
  font-size: 15px !important;
  color: #333 !important;
  background-color: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
  transition: border 0.3s ease !important;
}

form.appoinment_reset input:focus,
.af_table_data textarea:focus {
  border-color: #025e73 !important;
  background-color: #fff !important;
  outline: none !important;
}

/* Placeholder */
input::placeholder,
textarea::placeholder {
  color: #aaa !important;
}

/* Submit Button */
.bookan_appoinment_button input[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 14px !important;
  background-color: #025e73 !important;
  color: #fff !important;
  font-size: 16px !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

.bookan_appoinment_button input[type="submit"]:hover {
  background-color: #014e61 !important;
}

/* Validation Messages */
.appointment_field .validation_error,
.appointment_field .email_success {
  background-color: #f8d7da !important;
  border: 1px solid #f5c2c7 !important;
  color: #842029 !important;
  padding: 10px !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
}

/* Responsive */
@media only screen and (max-width: 767px) {
  .appointment_fields_data {
      padding: 25px 15px !important;
      margin-top: 0 !important;
  }

  .appointment_title h2 {
      font-size: 22px !important;
  }
}


/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/

.our_team_section {
  background:#f7fafa;
  padding: 60px 0;
  position: relative;
}

.our_team_section .our_team_container_data {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(14px);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  position: relative;
}

.our_team_section .our_team_container_data:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 16px 40px rgba(2, 94, 115, 0.15);
}

.our_team_section .out_team_pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.6s ease;
  filter: grayscale(30%);
}

.our_team_section .our_team_container_data:hover .out_team_pic img {
  filter: grayscale(0%);
  transform: scale(1.08);
}

.our_teams_contain {
  padding: 22px;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 2;
}

.our_teams_contain h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #003b5c;
}

.our_teams_contain p {
  font-size: 14px;
  color: #5f6f81;
  margin: 0;
}

/* Optional animated social icons */
.our_teams_contain .team-social {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 12px;
}

.our_teams_contain .team-social a {
  color: #007bff;
  background: #e6f0fa;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  font-size: 14px;
}

.our_teams_contain .team-social a:hover {
  background: #007bff;
  color: #fff;
  transform: rotate(8deg) scale(1.1);
}





/*--------------------------------------------------------------
# testimonials Section
--------------------------------------------------------------*/


.testimonial-bubble {
  border-radius: 18px;
  padding: 30px;
  margin: 20px;
  position: relative;
  font-style: italic;
  color: #2d3436;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.testimonial-bubble::before {
  content: "“";
  font-size: 100px;
  color: #d0e6ff;
  position: absolute;
  top: -20px;
  left: 20px;
  font-family: Georgia, serif;
}

.bubble-info {
  display: flex;
  align-items: center;
  margin-top: 25px;
  gap: 15px;
}

.bubble-info img {
  width: 80px !important;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #74b9ff;
}

.bubble-name {
  font-size: 16px;
  font-weight: 600;
  color: #007BFF;
}

.bubble-subtitle {
  font-size: 14px;
  color: #636e72;
}




/*--------------------------------------------------------------
# Sponsors Section
--------------------------------------------------------------*/
.our_sponsors_img {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.our_sponsors_img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  transition: transform 0.5s ease;
}

/* Dark overlay with shimmer */
.our_sponsors_img::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.our_sponsors_img::after {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.1) 100%
  );
  transform: skewX(-20deg);
  transition: none;
  z-index: 2;
  pointer-events: none;
}

/* Hover Effects */
.our_sponsors_img:hover {
  transform: scale(1.03) rotateZ(1deg);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
}

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

.our_sponsors_img:hover::before {
  opacity: 1;
}

.our_sponsors_img:hover::after {
  animation: shimmer 1.5s ease-in-out forwards;
}

@keyframes shimmer {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.widget_section_one,
.widget_section_two,
.widget_section_three {
  padding: 40px 30px;
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
  border-radius: 16px !important;
  color: #ffffff;
  text-align: center;
  transition: all 0.7s ease-in-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* .widget_section_one:hover,
.widget_section_two:hover,
.widget_section_three:hover {
  transform: translateY(-6px) scale(1.02);
  transition: all 0.4s;
  background: linear-gradient(145deg, #4189d7, #7bbbff);
  color: #ffffff;
}  */





.widget_section_one:hover,
.widget_section_two:hover,
.widget_section_three:hover {
  animation: pulseBorder 1.5s infinite;
}

/* Responsive layout */
@media (max-width: 767px) {
  .widget_section_one,
  .widget_section_two,
  .widget_section_three {
    margin-bottom: 24px;
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
  }
}



/*--------------------------------------------------------------
# Funfact Section
--------------------------------------------------------------*/
.goldy_mex_funfact_content {
  background: #fff;
  padding: 40px;
  color: #333;
  font-size: 1.2rem;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.goldy_mex_funfact_content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top left, rgba(2, 94, 115, 0.15), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.goldy_mex_funfact_content:hover {
  transform: translateY(-10px) scale(1.015);
  box-shadow: 0 20px 40px rgba(2, 94, 115, 0.2);
  background: #f9fcfd;
}

.goldy_mex_funfact_content:hover::before {
  opacity: 1;
}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog main.site-main.content_boxed .main_containor.grid_view article {
    border:2px solid #007BFF;
}




/*--------------------------------------------------------------
# Scoling Button
--------------------------------------------------------------*/

.scrolling-btn {
    height: 2.1875rem !important;
    width: 2.1875rem !important;
    text-align: center;
    opacity: 1;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.scrolling-btn i{
    display: flex;
    justify-content: center !important;
}
.scrolling-btn:hover{
    color: #000000 !important;
}

/*--------------------------------------------------------------
# Prev & Next
--------------------------------------------------------------*/

.owl-prev, .owl-next{
    width: 34px !important;
    height: 40px !important;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 30px !important;
}

.owl-prev:hover:after, .owl-next:hover:after {
    -webkit-transform: scale(1);
}

.owl-prev:after, .owl-next:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--skin-color);
    -webkit-transform: scale(0);
    transition-duration: 0.6s;
}

.owl-prev, .owl-next{
    border: 1px solid #000000 !important;
}

.our_testimonial_section .owl-prev, .our_testimonial_section .owl-next{
    top: 97% !important;
}

.our_testimonial_section button.owl-prev {
    left: 45% !important;
}

.our_testimonial_section button.owl-next {
    right: 45% !important
}

.our_testimonial_section{
    padding: 40px 10px 60px !important;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/

button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-search .wp-block-search__button, .nav-previous a, .nav-next a, .buttons, .woocommerce a.button {
    text-align: center;
    padding: 12px 36px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
    color: #fff; 
    border-radius: 4px; 
    transition: all 0.4s ease; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
}

button::before, input[type="button"]::before, input[type="reset"]::before, input[type="submit"]::before, .wp-block-search .wp-block-search__button::before, .wp-block-search .wp-block-search__button::after, .nav-previous a::before, .nav-previous a::after, .nav-next a::before, .nav-next a::after, .buttons::before, .buttons::after, .woocommerce a.button::before {
    content: '';
    position: absolute;
    z-index: -1;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
    background: rgba(255, 255, 255, 0.2); 
    border-radius: 50%;
    transition: all 0.7s ease;
    transform: translate(-100%) scale(0);
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wp-block-search .wp-block-search__button:hover, .nav-previous a:hover, .nav-next a:hover, .buttons:hover, .woocommerce a.button:hover {
    /* background-color: #c5c5c5; */
    color: #fff; 
 
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}


button:hover::before, input[type="button"]:hover::before, input[type="reset"]:hover::before, input[type="submit"]:hover::before, .wp-block-search .wp-block-search__button:hover::before, .nav-previous a:hover::before, .nav-next a:hover::before, .buttons:hover::before, .woocommerce a.button:hover::before {
    height: 300%;
    width: 300%;
    transform: translate(-50%, -50%) scale(1);
}


.featured_slider_image a, .about_section_info a, .appointment_section_info a {
    text-align: center;
    font-weight: 600; 
    text-decoration: none;
    transition: color 0.4s ease;
}

.featured_slider_image a:hover, .about_section_info a:hover, .appointment_section_info a:hover {
    text-decoration: underline; 
}