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




/*--------------------------------------------------------------
# shine
--------------------------------------------------------------*/

.about_featured_image .about_pic::before,
.our_sponsors_img::before {
    position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

.about_featured_image .about_pic:hover::before,
.our_sponsors_img:hover::before{
    -webkit-animation: circle .75s;
	animation: circle .75s;
}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@media only screen and (max-width: 768px) {
    .owl-prev, .owl-next {
        width: 25px !important;
        height: 30px !important;
        display:flex !important;
        justify-content: center;
        align-items: center;
    }
}


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

.main_site_header::before {
    content: '';
    position: absolute;
    opacity: 0.5;
    z-index: 9999;
}

.main_site_header a, header#masthead p.site-description {
    color: #000000 !important;
}

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

.header_top_bar p{
    color: #000000 !important;
}

.header_top_bar i{
     color: #000000 !important;
}

.contact_info, .email_info, .opening_info{
    padding-left: 0px !important;
    font-family: cursive;
}

@media only screen and (max-width: 768px) {
    .header_social_icon:before {
        left: 54%;
    }

    .main_site_header {
        padding: 0px 10px !important;
    }

    .call_button_info {
        margin-right: 50px !important;
    }
    
}

@media (min-width: 300px){
    .social_icon {
        margin-bottom: 3px !important; 
    }
}

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

.hentry-inner .entry-container {
    align-items: flex-start !important;
}
 
.featured_slider_disc{
    text-align: start;
}

i.fa.fa-angle-right, i.fa.fa-angle-left {
    font-size: 68px !important;
    padding: 23px !important;
    font-weight: bold !important;
    line-height: 15px !important;
}

@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;
    }
}

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

.featured-section_data {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.featured-section_data .featured_content_inner {
    position: relative;
    width: 100%;
    max-width: 350px;
    padding: 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease;
}

.featured-section_data .featured_content_inner::before {
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background:#00a885;
    transition: transform 0.4s ease-in-out;
    z-index: -1;
    border-radius: 50%;
}

.featured-section_data .featured_content_inner:hover::before {
    transform: translate(-50%, -50%) scale(1);
}

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

.section-featured-wrep{
    border-bottom: 2px solid var(--skin-color);
}

.section-featured-wrep:hover .featured-icon i {
    transform: none !important;
}

@keyframes iconBounce {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@media only screen and (max-width: 767px){
    .featured-section_data .featured_content_inner {
        position: relative;
        width: 100%;
        max-width: none !important;
        padding: 25px;
        background: #fff;
        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        transition: transform 0.4s ease-in-out;
    }
}

@media only screen and (max-width: 992px){
    .featured-section_data .featured_content_inner {
        position: relative;
        width: 100%;
        max-width: none !important;
        padding: 25px;
        background: #fff;
        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        transition: transform 0.4s ease-in-out;
    }
}

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

.our_portfolio_info .wrappers .parent{
    /* border: 3px solid var(--skin-color); */
    border-top-left-radius: 15px !important;
    border-top-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 15px  !important;
}

.our_portfolio_info .wrappers .parent{
    width: 300px !important;
    border-bottom: 3px solid #00a885 !important;
}

.our_portfolio_info .wrappers .parent:hover{
    background-color: #00a885;
    transition: 1s;
}

.our_portfolio_info .wrappers .parent:hover .our_portfolio_container h3{
    color:#ffffff;
}

.our_port_containe{
    filter: none !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

i.fa.fa-arrow-right{
    border: none !important;
}

.our_portfolio_btn a{
    transition: all 0.3s ease;
}

.our_portfolio_btn a:hover{
    padding-left: 20px;
}

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

.appointment_data {
    flex-direction: row-reverse;
    position: relative;
    height: 600px;
}

.appointment_fields_data {
    position: absolute;
    top: 50%;
    left: 50%; 
    height: 520px;
    transform: translate(-50%, -50%);
    padding: 20px;
    background:transparent !important;
}

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

.bookan_appoinment_button {
    margin-top: 5px;
}

form.appoinment_reset input[type="text"], 
input[type="email"], 
input[type="number"], 
.af_table_data textarea {
    background: rgba(0, 0, 0, 0.2); 
    border-bottom-color: #ffffff; 
}

@media only screen and (max-width: 768px) {
    body .appointment_data {
        display: block !important;
        padding: 10px;
    }
    
    .appointment_fields_data {
        top: 50%;
        left: 50%;
        padding-left: 20px !important;
        padding-right: 20px !important;
        background-color:transparent !important; 
    }
    
    .appointment_featured_image {
        min-height: 570px !important;
    }
    
    .appointment_section_info .appointment_fields_data {
        background-color: transparent !important; 
    }
    
    .appointment_title h2 {
        line-height: 2;
    }
}


@media only screen and (max-width: 1024px){
    .appointment_title.heading_main_title h2::after{
        background-color: #ffffff !important;
    }

    .appointment_field .validation_error{
        width: 50% !important;
    }
    
    .appointment_field .email_success{
        width: 50% !important;
    }
}

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

.appointment_field .validation_error{
	background-color: #00a885 !important;
	border:2px solid #00a885 !important;
	color:#fff
}

.appointment_field .email_success{
    background-color: #00a885 !important;
	border:2px solid #00a885 !important;
	color:#fff
}

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

.our_team_container{
    border-bottom: 3px solid var(--skin-color);
    border-top-left-radius: 15px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 15px;
}

.our_team_icon_contain .our_teams_contain {
    background-color: transparent !important;
}

.our_team_section .our_team_container_data:hover .our_teams_contain {
    opacity: 1;
    transform: translateY(-20px);
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

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

.revamped-testimonial-card {
    background-color: #ffffff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    max-width: 450px;
    margin: 30px auto;
    position: relative;
    border-bottom: 3px solid #00a885;
}

/* .revamped-testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
} */

.testimonial-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.testimonial-img-wrapper {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background-color: #f0f0f0;
    margin-right: 20px;
}

.testimonial-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-details {
    flex-grow: 1;
}

.testimonial-name {
    font-size: 1.4em;
    font-weight: bold;
    color: #333333;
    margin: 0;
}

.testimonial-role {
    font-size: 1.1em;
    color: #777777;
}

.testimonial-content {
    background: #f9f9f9;
    padding: 6px;
    border-left: 6px solid #00a885;
    border-right: 6px solid #00a885;
    border-radius: 12px;
}

.testimonial-quote {
    font-style: normal;
    font-size: 1.1em;
    color: #555555;
    margin: 0;
}

.testimonial-quote:before, 
.testimonial-quote:after {
    content: '"';
    font-size: 2em;
    color: #00a885;
    vertical-align: middle;
    line-height: 1;
}

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

.our_sponsors_img {
    overflow: hidden;
    border-radius: 10px;
}

.our_sponsors_img img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

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

.our_sponsors_img::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.our_sponsors_img:hover::before {
    -webkit-animation: circle-sponsors .75s;
    animation: circle-sponsors .75s;
}

@-webkit-keyframes circle-sponsors {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%; 
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle-sponsors {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 115%; 
        height: 130%;
        opacity: 0;
    }
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/

.widget_section_one, .widget_section_two, .widget_section_three {
    background-color: #ffffff !important;
    width: 31.3% !important;
    border-bottom: 5px solid #00a885;
}

.widget_section_one, 
.widget_section_two, 
.widget_section_three {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 15px !important;
    box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.3) !important; 
    position: relative; 
    overflow: hidden; 
}

.widget_inner_td_data {
    padding: 20px 50px !important;
}

@media only screen and (max-width: 768px) {
    .widget_section_one, .widget_section_two, .widget_section_three {
        width: 100% !important;
    }
}

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

.goldy_mex_funfact_content {
    border-top-left-radius: 15px;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 15px;
    border-bottom: 5px solid #00a885 !important;
}

.goldy-funfact-title h3 {
    font-size: 22px;
}

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

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

.owl-prev, .owl-next{
    border-radius: 10px;
}

.our_testimonial_section .owl-prev, 
.our_testimonial_section .owl-next,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next{
    background-color: rgba(217, 217, 217, 0.8) !important;
    color: #333 !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 1.6rem !important;
    text-align: center !important;
}

.our_testimonial_section .owl-prev,
.our_testimonial_section .owl-prev:hover,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev:hover{
    box-shadow: inset 12px 0 10px rgba(0, 0, 0, 0.4) !important;
}

.our_testimonial_section .owl-next,
.our_testimonial_section .owl-next:hover,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next:hover{
    box-shadow: inset -12px 0 10px rgba(0, 0, 0, 0.4) !important;
}

.our_testimonial_section .owl-prev:hover , 
.our_testimonial_section .owl-next:hover,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next:hover,
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev:hover{
    background-color: rgba(0, 168, 136, 0.9) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 1.6rem !important;
    text-align: center !important;
}

.our_testimonial_section .owl-prev, .our_testimonial_section .owl-next{
    top: 100% !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;
}

@media only screen and (max-width: 768px) {
    .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-prev, 
    .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-next{
        margin-right: -10px;
        margin-left: -19px;
        margin-top: -15px;
    }
    
    .our_testimonial_section .owl-prev, .our_testimonial_section .owl-next, 
    .our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev, 
    .our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next{
        width: 35px !important;
        height: 35px !important;
    }
    
    .our_testimonial_section .owl-prev:hover, .our_testimonial_section .owl-next:hover, 
    .our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next:hover,
     .our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev:hover{
        width: 35px !important;
        height: 35px !important;
     }
}

@media only screen and (max-width: 992px) {
    .our_testimonial_section button.owl-next {
        right: 42% !important;
    }
}


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

.buttons:hover, .wp-block-search__button:hover, .nav-previous a:hover, .nav-next a:hover {
    background: #fff;
    color: #00a885 !important;
    transform: perspective(600px) rotateX(10deg) rotateY(10deg) scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 15px rgba(130, 255, 130, 0.6);
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s ease !important;
}

.buttons{
    border-radius: 20.5px !important;
    width: 140px;
    text-align: center;
}

.scrolling-btn {
    background-color:rgba(217, 217, 217, 0.8) !important; 
    color: #333;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important; 
    display: flex;
    justify-content: center; 
    box-shadow: inset -12px 0 10px rgba(0, 0, 0, 0.4) ;
}

.scrolling-btn:hover {
    background-color: rgba(0, 168, 136, 0.9);
    color: #fff; 
    box-shadow: inset -12px 0 10px rgba(0, 0, 0, 0.4) ;
    transform: scale(1.1); 
}

.scrolling-btn i {
    font-size: 1.5rem !important;
    transition: color 0.3s ease !important;
}

.scrolling-btn:hover i {
    color: #fff !important; 
}

@keyframes bounceEffect {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

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

.blog main.site-main.content_boxed .main_containor.grid_view article {
    border:2px solid #000000;
    border-bottom:5px solid #00a885;
    background-color:#ffffff !important;
}

.goldy_mex_container_data {
    background: #ffffff !important;
}


.bolg_main_content{
    background-color: #f9f9f9;
    margin-top: 4px;
    border-radius: 25px;
}

.breadcrumb_info {
    background-blend-mode: multiply;
    width: 100%;
    position: relative;
    z-index: 0;
    height: 10px !important;
    display: block;
    min-height: 200px;
}

section#breadcrumb-section a {
    color: #ffffff !important;
}