/* ===================================================================================

* Theme Name: Sunnyaid Child
* Theme URI: https://themeforest.net/user/xpressbuddy
* Author: XpressBuddy
* Author URI: https://wp.xpressbuddy.com/techco/
* Description: NDIS Disability & Elderly Care Service WordPress Theme
* Version: 1.0.0
* Template: sunnyaid
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* New css */
img.custom-logo {
    height: 120px;
    width: 120px;
    object-fit: contain;
    border-radius: 0%;
    border: 2px solid #fff;
}
/* 


.banenr-section .hero-right-two {
    right: 0 !important;
    text-align: right;
    width: 50%;
}

.banenr-section .hero-right-two img {
    height: 600px;
    width: 100%;
    border-radius: 61% 0 20% 0;
    object-fit: cover;
    max-width: none;
    object-position: top;
} 
*/

/* 
header.header-area {
    position: absolute;
    width: 96%;
    padding: 10px 0;
    z-index: 9;
    top: 20px;
    background: #fff;
    border: navajowhite;
    max-width: 1400px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 15px;
} */
/* a.thm-btn:hover {
    background-color: #1C1F32 !important;
}
.get-started img {
    height: 200px !important;
    width: 200px;
    border-radius: 100% !important;
    object-fit: cover;
    object-position: left;
}
.breadcrumb {
    background-position: top;
}
.breadcrumb.page-banner::after {
    content: "";
    background: linear-gradient(45deg, #1C1F32, transparent);
    position: absolute;
    height: 100%;
    width: 100%;
}
.breadcrumb__content {
    z-index: 99;
    position: relative;
}
.values-item img {
    height: 500px !important;
    object-fit: cover;
}
.site-footer.default-footer {
    background: #9a6ea3 !important;
    color: #fff;
}
.contactform input, .contactform textarea {
    padding: 12px;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #9a6ea373;
    border-radius: 10px;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 20px;
}
.contactform textarea {
	height: 130px !important;
	min-height: 130px;
}
.contactform  input[type = "submit"] {
    background: #1C1F32;
    color: #fff;
}
.contactform  label {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #1C1F32;
} */


/* end */

    body, html {
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;
    }

    /* Container for centering the content */
    .announcement-bar {
     display: flex;
     justify-content: center; /* Center items horizontally */
     align-items: center; /* Center items vertically */
     height: 50px; /* Height of the bar */
     width: 100%; /* Full width */
     background-color: #9A6EA3; /* Set the background color */
     color: #fff; /* White text */
     padding: 0 20px; /* Some padding to the left and right */
     overflow: hidden;
    }

    /* Styling for the list items */
    .elementor-icon-list-items {
     list-style: none;
     padding: 0;
     margin: 0;
     height: 50px; /* Height of one list item */
     display: flex;
     align-items: center; /* Vertically align items */
    }

    .elementor-icon-list-item {
     display: none; /* Hide all items initially */
     font-size: 16px;
     line-height: 1.5;
     padding: 10px;
     transition: opacity 0.5s ease-in-out;
    }

    .elementor-icon-list-item.active {
     display: flex; /* Show the active item */
     opacity: 1; /* Fade in the active item */
    }

    .elementor-icon-list-item i {
     font-size: 20px; /* Set the font size for the icons */
     margin-right: 10px; /* Space between icon and text */
     color: black; /* Set icon color to black */
    }