.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a563514:#000000;--e-global-color-07bef95:#FFFFFF;--e-global-color-0ee51af:#279385;--e-global-color-32fc746:#D4E9E7;--e-global-color-8c2b6eb:#93C9C2;--e-global-color-db9d9f4:#161718;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-d60d2d0-font-family:"Almarai";--e-global-typography-d60d2d0-font-size:55px;--e-global-typography-d60d2d0-font-weight:900;--e-global-typography-e326225-font-family:"Almarai";--e-global-typography-e326225-font-size:35px;--e-global-typography-e326225-font-weight:bold;--e-global-typography-1b3d3a5-font-family:"Almarai";--e-global-typography-1b3d3a5-font-size:25px;--e-global-typography-e76172b-font-family:"Almarai";--e-global-typography-e76172b-font-size:18px;--e-global-typography-d90c7fa-font-family:"Almarai";--e-global-typography-d90c7fa-font-size:14px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-0ee51af );font-family:var( --e-global-typography-e76172b-font-family ), Sans-serif;font-size:var( --e-global-typography-e76172b-font-size );color:var( --e-global-color-07bef95 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-0ee51af );border-radius:2px 2px 2px 2px;padding:03px 10px 03px 10px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-0ee51af );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-0ee51af );border-radius:2px 2px 2px 2px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-e76172b-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-e76172b-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Import the Cairo font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');


input,
textarea,
select,
button,
.button, /* Common class for buttons */
h1, h2, h3, h4, h5, h6,
p,
span,
a,
li,
th, /* Added th for table headers */
td
{
    font-family: 'Cairo', sans-serif;
}

.page-header {
    display: none
}


.alignwide {
    margin-inline: 0 !important;
    padding: 80px;
}
@media only screen and (max-width: 600px) {
  .alignwide {
    margin-inline: 0 !important;
    padding: 20px;
}
.woocommerce table.shop_table {
    width:100%;
}
.woocommerce-checkout #payment {
    width:100% !important;
}
}
.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 {
    float: right
}

@media only screen and (min-width: 600px) {
  .alignwide {
    margin-inline: 0 !important;
    padding: 20px;
}
.woocommerce table.shop_table {
    width:100% !important;
}
.woocommerce-checkout #payment {
    width:100% !important;
}
}

.col-1 {
    width: 100% !Important;
    flex-basis: 100%; /* Important if the parent is a flex container */
    flex-grow: 0;    /* Prevents it from growing beyond 100% if flex-grow is set on parent */
    flex-shrink: 0;  /* Prevents it from shrinking below 100% */
    text-align: right;
}

/* Modern Styling for WooCommerce Info Messages */
.woocommerce-info {
    /* Background and Border */
    background-color: #e0f7fa; /* Light cyan - a soft, inviting info color */
    border: 1px solid #b2ebf2; /* Slightly darker cyan border */
    border-radius: 8px; /* Rounded corners for a modern look */
    
    /* Spacing and Layout */
    padding: 18px 25px; /* Ample padding inside the box */
    margin-bottom: 20px; /* Space below the announcement */
    display: flex; /* Use flexbox for easy alignment of icon and text */
    align-items: center; /* Vertically align content in the middle */
    gap: 15px; /* Space between the icon and the text */
    
    /* Text Styling */
    color: #00796b; /* Dark teal - good contrast with light cyan */
    font-size: 1rem; /* Standard readable font size */
    line-height: 1.5; /* Good line height for readability */
    font-family: 'Cairo', sans-serif; /* Changed font to Cairo */
    
    /* Shadow for subtle depth */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Soft, subtle shadow */
}

/* Link styling within the info box (if any) */
.woocommerce-info a {
    color: #004d40; /* Darker teal for links */
    text-decoration: underline; /* Underline links for clarity */
    font-weight: 600; /* Make links slightly bolder */
}

.woocommerce-info a:hover {
    color: #00251a; /* Even darker teal on hover */
    text-decoration: none; /* Remove underline on hover */
}

/* Basic responsiveness for smaller screens */
@media (max-width: 600px) {
    .woocommerce-info {
        padding: 15px 20px; /* Slightly less padding on smaller screens */
        font-size: 0.95rem; /* Slightly smaller font size */
        flex-direction: column; /* Stack icon and text vertically */
        text-align: center; /* Center text when stacked */
    }
}

.woocommerce-info::before {
    content:none;
}
.woocommerce-error {
    display: none;
}

.woocommerce-message {
    background-color: #e6f9ed;
    border: 2px solid #28a745;
    border-radius: 10px;
    padding: 15px;
    color: #155724;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0 0 10px rgba(40, 167, 69, 0.1);
    margin-bottom: 20px;
}
.woocommerce-message::before {
    position: static;
    padding-left: 5px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Almarai';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://harmonyacademy.co/wp-content/uploads/2024/01/Almarai-Regular-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Almarai';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://harmonyacademy.co/wp-content/uploads/2024/01/Almarai-Bold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Almarai';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://harmonyacademy.co/wp-content/uploads/2024/01/Almarai-ExtraBold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Almarai';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://harmonyacademy.co/wp-content/uploads/2024/01/Almarai-Light-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */