/*
Theme Name: Goldy Rain Pro
Theme URI: https://www.inverstheme.com/theme/goldy-rain/
Author: inverstheme
Author URI: https://www.inverstheme.com/
Description: Goldy Rain 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 Rain
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
--------------------------------------------------------------*/

.social_icon i {
    width: 30px !important;
    height: 25px !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 10px !important;
    border-radius: 22% !important;
    transition: 0.5s !important;
    text-align: center !important;
    /* background: #c5c5c5 !important; */
}

.header_topbar_info {
    flex-direction: row !important;
}

.main_site_header, header#masthead p.site-description {
    color: #ffffff !important;
}
.opening_info p {
    font-size: 14px !important;
}
.contact_info p{
    font-size: 14px !important;
}
.email_info p{
    font-size: 14px !important;
}
.contact_info, .email_info, .opening_info{
    padding: 0px !important;
}
.contact_icon, .email_icon, .opening_icon{
    font-size: 15px !important;
}

/*--------------------------------------------------------------
# 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_pic {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    width: 100%;
    max-width: 100%;
}

.about_pic img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
    transition: transform 0.5s ease, box-shadow 0.5s ease, filter 0.5s ease;
    filter: grayscale(0%) brightness(100%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transform: scale(1);
}

/* Elegant Hover: Zoom + brightness + soft overlay */
.about_pic:hover img {
    transform: scale(1.05);
    filter: brightness(1.1) saturate(110%);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.about_pic::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(0,0,0,0.1));
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.about_pic:hover::after {
    opacity: 1;
}

/* Optional: Overlay icon on hover */
.about_pic .hover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    font-size: 32px;
    color: white;
    opacity: 0;
    z-index: 2;
    transition: all 0.4s ease;
    pointer-events: none;
}

.about_pic:hover .hover-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .about_pic img {
        border-radius: 16px;
    }

    .about_pic::after {
        border-radius: 16px;
    }
}



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

.featured-section_data .featured_content_inner {
    position: relative;
    width: 100%;
    /* max-width: 350px; */
    padding: 25px;
    /* border-radius: 20px; */
    transition: transform 0.4s ease-in-out, background 0.4s ease-in-out;
}
.featured-section_data .featured_content_inner:hover{
    color: #ffffff;
}

.featured-section_data .featured_content_inner::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--skin-color);
    bottom: 0;
    left: 0;
    transform: scaleY(0);
    transition: transform .4s ease-in-out;
    z-index: -1;
}

.featured-section_data .featured_content_inner:hover::after, 
.featured-section_data .featured_content_inner:focus-within::after {
    transform: scaleY(1) !important; 
}


.featured-section_data .featured_content .featured-thumbnail:after {
    content: none !important;
}

.featured-section_data .card-container {
    gap:40px !important; 
}

.fa-facebook-f:before, .fa-facebook:before {
    margin-top: 5px;
    margin-right: 3px;
}

/*--------------------------------------------------------------
# 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 i {
    margin-left: 10px;
    transition: transform 0.4s ease;
}

.our_portfolio_btn a:hover i {
    /* transform: translateX(5px); */
    color: #ffffff;
    background-color: #025e73;
    /* border: #ffffff; */
    transition: 1s;
}

/* 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
--------------------------------------------------------------*/

/* .appointment_data {
    flex-direction: row-reverse;
    position: relative;
    height: 550px;
} */

/* .appointment_fields_data {
    background:transparent !important;
} */

.appointment_featured_image {
    width: 50% !important;
    height: 550px;
    margin: auto;
    object-fit: cover; 
}

.bookan_appoinment_button {
    margin-top: 5px !important;
}

form.appoinment_reset input[type="text"], input[type="email"], input[type="number"], .af_table_data textarea {
    border-bottom-color: #c1baba !important;
}

form.appoinment_reset input[type="text"], input[type="email"], input[type="number"], .af_table_data textarea, input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, .af_table_data textarea::placeholder {
    color: #958e8e !important;
}

.appointment_field .validation_error{
	background-color: #c5c5c5 !important;
	border:2px solid #c5c5c5 !important;
	color:#000000;
}

.appointment_field .email_success{
    background-color: #c5c5c5 !important;
	border:2px solid #c5c5c5 !important;
	color:#000000;
}

@media only screen and (max-width: 767px) {
    .appointment_fields_data{
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: -533px !important;
    }

    .appointment_title h2 {
        color: #ffffff !important;
    }

    .appointment_title h2:after{
        background-color: #ffffff !important;
    }

    .appointment_featured_image {
        width: 100% !important;
    } 
}

@media only screen and (max-width: 991px) {
    .appointment_fields_data {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -533px;
    }

    .appointment_title h2 {
        color: #ffffff !important;
    }

    .appointment_title h2:after{
        background-color: #ffffff !important;
    }

    .appointment_featured_image {
        width: 100% !important;
    }
}

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

.our_team_section {
    background: linear-gradient(135deg, #f6f6f6, #e9e9e9);
    padding: 60px 0;
    position: relative;
  }
  
  /* Team container hover effects */
  .our_team_section .our_team_container_data {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
  }
  
  /* Card hover lifting */
  .our_team_section .our_team_container_data:hover {
    /* transform: translateY(-10px) scale(1.02); */
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
  }
  
  /* Image hover animation */
  .our_team_section .our_team_container_data:hover .out_team_pic img {
    opacity: 0.9;
    transform: scale(1.05) rotate(2deg);
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  
  /* Content show on hover */
  .our_team_section .our_team_container_data .our_teams_contain {
    width: 100%;
    padding: 15px 20px 0px;
    opacity: 0;
    transform: translateY(30px);
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    z-index: 2;
    transition: all 0.5s ease;
  }
  
  .our_team_section .our_team_container_data:hover .our_teams_contain {
    opacity: 1;
    transform: translateY(-10px);
  }
  
  /* Corner border animation */
  .our_team_section .our_team_container_data::before,
  .our_team_section .our_team_container_data::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: transparent;
    border: 3px solid var(--skin-color);
    transition: all 0.5s ease;
    opacity: 0;
  }
  
  

  /* Optional shine effect */
  .our_team_section .our_team_container_data:hover::after {
    animation: shineMove 2s ease infinite;
  }
  
  @keyframes shineMove {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(5px, -5px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  
  /* No special clip-path on tablet */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .our_team_section {
      clip-path: none !important;
    }
  }
  




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


.testimonial-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px 20px;
    margin: 20px;
    position: relative;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    text-align: center;
}

.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.testimonial-quote-icon {
    font-size: 40px;
    color: var(--skin-color, #6c5ce7);
    margin-bottom: 15px;
}

.testimonial-text {
    font-size: 18px;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.7;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonial-author-image img {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    object-fit: cover;
    border: 3px solid var(--skin-color, #6c5ce7);
    margin-bottom: 10px;
}

.testimonial-author-name {
    font-size: 20px;
    font-weight: bold;
    color: #025e73;
    margin-bottom: 5px;
}

.testimonial-author-subtitle {
    font-size: 16px;
    color: #777;
}

/* Responsive */
@media (max-width: 767px) {
    .testimonial-card {
        padding: 25px 15px;
    }
    .testimonial-text {
        font-size: 16px;
    }
}



/*--------------------------------------------------------------
# Sponsors Section
--------------------------------------------------------------*/

.our_sponsors_img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 12px;
}

/* Create animated corner borders on hover */
.our_sponsors_img::before,
.our_sponsors_img::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

.our_sponsors_img::before {
    border-top: 3px solid #025e73;
    border-right: 3px solid #025e73;
    top: 10px;
    right: 10px;
    transform: scale(0.8) rotate(5deg);
}

.our_sponsors_img::after {
    border-left: 3px solid #025e73;
    border-bottom: 3px solid #025e73;
    bottom: 14px;
    left: 14px;
    transform: scale(0.8) rotate(-5deg);
}

.our_sponsors_img:hover::before,
.our_sponsors_img:hover::after {
    opacity: 1;
    transform: scale(1) rotate(0);
}

/* Optional: Add a soft glowing effect behind image */
.our_sponsors_img:hover img {
    transform: scale(1.06);
    box-shadow: 0 10px 30px rgba(2, 94, 115, 0.25);
    filter: brightness(1.05);
}


/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
/* Base Styles */
.widget_section_one,
.widget_section_two,
.widget_section_three {

    padding: 30px;
    background: #025e7329;


    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
    animation: fadeInUp 0.8s ease both;
    text-align: center;
    
    /* Unique card shape */
    clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
    border-radius: 0px !important;
}


/* On Hover */
.widget_section_one:hover,
.widget_section_two:hover,
.widget_section_three:hover {
    background: #025e73;
    color: #ffffff !important   ;
    transform: translateY(-10px) scale(1.02);

}

/* Add Specific Hover Variations if Needed */
.widget_section_one:hover {
    background: #025e73;
    color: #ffffff;
}

.widget_section_two:hover {
    background: #025e73;
}

.widget_section_three:hover {
    background: #025e73;
}

/* Hover effect for icons or inner elements */
.widget_section_one:hover i,
.widget_section_two:hover i,
.widget_section_three:hover i {
    color: #ffffff;
}

/* Animation */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Tweaks */
@media (max-width: 767px) {
    .widget_section_one,
    .widget_section_two,
    .widget_section_three {
        margin-bottom: 20px;
    }
}


/*--------------------------------------------------------------
# Funfact Section
--------------------------------------------------------------*/

.goldy_mex_funfact_content {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    color: #333;
    font-size: 1.2rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    animation: bounceIn 0.8s ease-out forwards;
    transform: scale(0.8);
    opacity: 0;
  }
  
  /* Animation when loading */
  @keyframes bounceIn {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    60% {
      transform: scale(1.1);
      opacity: 1;
    }
    100% {
      transform: scale(1);
    }
  }
  
  /* Colorful border animation */
  .goldy_mex_funfact_content:hover:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ffffff, #ffffff, #025e73, #ffffff);
    background-size: 300% 300%;
    border-radius: 22px;
    z-index: -1;
    animation: moveGradient 4s ease infinite;
  }
  
  /* Moving gradient effect */
  @keyframes moveGradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  

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

.blog main.site-main.content_boxed .main_containor.grid_view article {
    border:2px solid #000000;
    /* background-color: var(--skin-color) !important; */
}
.goldy_mex_container_data{
    background-color: #025e7329 !important;
}



/*--------------------------------------------------------------
# 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.6s ease;
    transform: translate(-50%, -50%) 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; 
}