/*
Theme Name: Child Hello Elementor
Author: Aspire Dev Team
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
ul.flex-direction-nav {
    display: none;
}
.home_address_box .elementor-icon {
    position: absolute;
    top: -25px;
    border-radius: 100%;
    width: 70px !important;
    height: 70px !important;
    left: 0;
    right: 0;
    margin: auto !important;
}

.home_address_box .elementor-icon svg {
    margin: -6px 0 0 -8px;
}

.row.contactuspage-row {
    padding-bottom: 6px;
}


.wpcf7-form .select2-container--default .select2-selection--single, .wpcf7-form input[type=color], .wpcf7-form input[type=datetime-local], .wpcf7-form input[type=datetime], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form select, input[type=date], input[type=month], input[type=time], input[type=week],.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    color: #000000;
    border: 1px solid #93a9bf;
    padding: 4px 20px;
    border-radius: 5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: no-repeat padding-box #fffFFF00;
    height: 40px !important;
    width: 100%;
    font-weight: 300;
    outline: 0;
}
.contactuspage-row .col-md-6 {
    width: 45%;
    float: left;
    margin-right: 30px;
}
.wpcf7-form textarea {
    color: #fff;
    border: 1px solid #93a9bf;
    background: no-repeat padding-box #fffFFF00;
    font-weight: 300;
    color: #93a9bf;
    width: 93%;
}
.msg_area textarea {
	margin-top:-20px;
}
.col-md-12.submit_btn {
    text-align: center;
}

.woocommerce ul.products li.product .button,.woocommerce div.product form.cart .button,
a.checkout-button.button {
    background-color: #000000;
    color: #ffffff;
    font-weight: 400;
    padding: 12px 30px 12px 30px;
    float: none;
    text-align: center;
    width: 100%;
    border:1px solid #000000;
}
a.checkout-button.button {
    background-color: #000000 !important;
}
.woocommerce-info {
    border-top-color: #dfa82d;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover {
    background-color: #000000;
    color: #ffffff;
    border:1px solid #ffffff;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    float: left;
    margin: 0 2.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    border: 1px solid #ededed;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px #00000017;
}
nav.woocommerce-breadcrumb {
    display: none;
}
.woocommerce div.product form.cart .button {
    width: auto !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    color: #000000;
}
.product_meta {
    display: none;
}
.woocommerce-tabs h2, .related.products h2 {
    font-size: 26px;
}
.site-main .woocommerce div.product {
    margin-top: 50px;
}
.woocommerce table.shop_table {
    border-collapse: collapse;
}
.woocommerce div.product {
    margin-top: 50px;
}
/* portfolio css start */
.portfolio-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}
.portfolio-item {position: relative;overflow: hidden;height: 300px;}
.portfolio-image {background-size: cover;background-position: center;height: 100%;position: relative;}
.portfolio-label {position: absolute;color: #fff;padding: 5px 5px;font-weight: bold;border-radius: 4px;font-size: 14px;z-index: 2;}
.portfolio-label {margin: 20px 20px 0px 20px;}
span.portfolio-title {font-size: 20px;width: fit-content;}
.portfolio-title-sec {background: #ffb203;padding: 5px 10px;}
.portfolio-type {font-size: 18px;}
.portfolio-category-sec {background: #f1a801;padding: 5px 10px;width: fit-content;}
.portfolio-meta {position: absolute;bottom: 12%;width: 90%;}
a.portfolio-type {display: block;font-size: 17px;font-weight: 500;margin-top: 2px;opacity: 0.9;color:#fff;}
a.portfolio-type:hover{color:#fff;}

.portfolio-meta ul {list-style: none;margin: 0;padding: 0;display: block;flex-wrap: wrap;}
.portfolio-meta ul li {font-size: 18px;margin: 5px 0;padding: 5px 2px;display: flex;align-items: baseline;width: 100%;display: flex;margin: 1px 0px;font-weight: 500;}
.portfolio-meta li i {margin-right: 8px;width: 20px;text-align: center;}
.portfolio-meta .fas{color:#ffb203;}
.portfolio-meta .right-arrow-link .fas {color: #fff;font-size: 20px;}
.right-arrow-link {background: #ffb203;padding: 8px 12px;position: absolute;right: 0px;bottom: 0px;}
.portfolio_link_color{color:#fff;}
.portfolio_link_color:hover{color:#fff;}
span.feature_text {font-size: 14px;font-weight: 400;}
/* portfolio css close */


.portfolio-item:hover{transform: translateY(0%);opacity: 1;}
.portfolio-overlay {
    opacity: 0;
    padding-left: 5px;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
	margin: 0px 20px;
}
.portfolio-item:hover .portfolio-overlay {
    opacity: 1;
}
.portfolio-item:hover .portfolio-overlay-new {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    transition: opacity .3s ease-in-out;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
.portfolio-overlay-new {
   transition: background-color 0.6s ease-in-out;	
}

@keyframes fadeInUpSlow {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.portfolio-label {
  opacity: 0;
  animation: fadeInUpSlow 1.2s ease-out forwards;
  animation-delay: 0.3s; /* Optional delay */
}
.three_D_ani .wp-caption-text {
  animation: fadeInUpSlow 1.2s ease-out forwards;
  animation-delay: 0.3s; /* Optional delay */
}
table.variations {
    text-align: left;
}

@media screen and (max-width: 948px) and (min-width: 828px){
    .col-md-6.pr-10.drop_file {
		margin-top: -13% !important;
	}
	.m_files h3 {
		font-size: 18px !important;
	} 
}

@media screen and (max-width: 827px) and (min-width: 768px){
    .contactuspage-row .col-md-6 {
        width: 100%;
        margin-right: 0px;
    }
    .wpcf7-form textarea {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .contactuspage-row .col-md-6 {
        width: 100%;
        margin-right: 0px;
    }
    .wpcf7-form textarea {
        width: 100%;
    }
	.msg_area textarea {
		margin-top: 0px;
	}
	.portfolio-label {margin: 7px;}
	.portfolio-overlay {margin: 0px 7px;}
}