/*
Theme Name:		 Masco child
Theme URI:       https://mthemeus.com/demos/wp/masco
Description:	 A premium WordPress theme for Digital Agency, Software, App, Services and many more
Author:			 mthemeus
Author URI:      https://themeforest.net/user/mthemeus
Template:		 masco
Version:		 1.0.0
Text Domain:	 masco-child
*/


/*
    Add your custom styles here
*/
a.masco-portfolio-item.style-two:before{
	background: unset !important;
}
.casestudy_template .hello{display:none !important;}
.masco-portfolio-title{
	min-height: 90px !important;
}
h1.elementor-heading-title{
	font-size: 50px !important;
}
.wpcf7-form {
    max-width: 500px;
    margin: auto;
    padding: 20px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

/* Styling inputs, select, and textarea */
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 15px;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Add a hover and focus effect */
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    border-color: #0073e6;
    box-shadow: 0 0 8px rgba(0, 115, 230, 0.2);
}

/* Style labels */
.wpcf7 label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #333;
}

/* Submit button */
.wpcf7-submit {
    background-color: #0073e6;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s ease-in-out;
}

.wpcf7-submit:hover {
    background-color: #005bb5;
}

/* Responsive design */
@media (max-width: 600px) {
    .wpcf7-form {
        padding: 15px;
        max-width: 100%;
    }

    .wpcf7 input, .wpcf7 select, .wpcf7 textarea {
        font-size: 14px;
        padding: 10px;
    }

    .wpcf7-submit {
        font-size: 16px;
        padding: 10px;
    }
}
/* Apply to all select fields */
.wpcf7 select {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 15px;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    max-height: 45px;
    overflow: hidden;
}

/* Wrap container for styling */
.dropdown-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Make the dropdown scrollable */
.dropdown-container select {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    appearance: none; /* Removes default dropdown styles */
    background-color: white;
}

/* Force dropdown to be scrollable when open */
.dropdown-container select:focus {
    height: auto;
    max-height: 200px; /* Adjust dropdown height */
    overflow-y: auto; /* Enable scrolling */
    display: block;
}

/* Custom Scrollbar for WebKit browsers */
.dropdown-container select::-webkit-scrollbar {
    width: 8px;
}

.dropdown-container select::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dropdown-container select::-webkit-scrollbar-thumb {
    background: #0073e6;
    border-radius: 5px;
}

.dropdown-container select::-webkit-scrollbar-thumb:hover {
    background: #005bb5;
}
/* Nice Select Container */
.nice-select {
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    font-size: 16px;
    background-color: white;
}

/* Dropdown list */
.nice-select .list {
    max-height: 200px; /* Scrollable */
    overflow-y: auto;
}

/* Hover effect */
.nice-select:hover, .nice-select:focus {
    border-color: #0073e6;
}

/* Scrollbar styling */
.nice-select .list::-webkit-scrollbar {
    width: 8px;
}

.nice-select .list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.nice-select .list::-webkit-scrollbar-thumb {
    background: #0073e6;
    border-radius: 5px;
}

.nice-select .list::-webkit-scrollbar-thumb:hover {
    background: #005bb5;
}
.elementor-10433 .elementor-element.elementor-element-98368a3 .mas-addons-pricing-table-price.mas-addons-discount-price-yes p.mas-addons-pricing-table-regular-price{
	margin-right:0px !important;
}
.elementor-16933 .elementor-element.elementor-element-4a4d3f8 .main-navigation ul.navbar-nav>li>a{
	padding: 10px 14px !important;
}
.main-navigation ul.navbar-nav>li>a{
	padding: 10px 14px !important;
}