.elementor-2295 .elementor-element.elementor-element-94f0ee5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2295 .elementor-element.elementor-element-e47bc4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-a7d5389{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-3811b1f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-9153742{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-bd8407a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-c5ed82c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-f65cd6a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-79a649a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-df7cf90{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-e92e8d6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-f02aa84{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-5e77888{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-3ecbe6a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2295 .elementor-element.elementor-element-1dc1ce3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2295 .elementor-element.elementor-element-e47bc4d{--width:50%;}.elementor-2295 .elementor-element.elementor-element-79a649a{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-a7d5389 */#revealButton1 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton1.active,
#revealButton1:active {
    background-color: #BADD00 !important; 
    color: #000000;
}


#revealButton1 .plus-sign1 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated1 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton1:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText1 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3811b1f */#revealButton2 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton2 .plus-sign2 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated2 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton2:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText2 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9153742 */#revealButton3 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton3 .plus-sign3 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated3 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton3:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText3 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd8407a */#revealButton4 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton4 .plus-sign4 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated4 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton4:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText4 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5ed82c */#revealButton5 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton5 .plus-sign5 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated5 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton5:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText5 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f65cd6a */#revealButton6 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton6 .plus-sign6 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated6 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton6:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText6 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47bc4d */.container1 {
    height: auto;
    width: 100%;
}

button#toggleButton1 {
    height: 100%;
    width: 100%;
    background-color: #045B62;
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    font-size: 16px;
    font-family: "Roboto", Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
    position: relative;
}

button#toggleButton1 .toggleIcon1 {
    transition: transform 0.3s;
}

button#toggleButton1.active .toggleIcon1 {
    transform: rotate(45deg);
}

button#toggleButton1:hover {
    background-color: #BADD00;
    color: #000000;
}

button#toggleButton1.active {
    background-color: #BADD00;
    color: #000000;
}

#toggleText1 {
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    text-align: left;
    display: block;
    padding: 10px;
}

#toggleText1.hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.text-container1 {
    max-height: 0;
    overflow: hidden;
    background-color: #FFFFFF;
    transition: max-height 0.5s ease;

}

.text-container1.visible {
    max-height: 500px; 
    transition: max-height 1s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df7cf90 */#revealButton7 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton7 .plus-sign7 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated7 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton7:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText7 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e92e8d6 */#revealButton8 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton8 .plus-sign8 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated8 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton8:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText8 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f02aa84 */#revealButton9 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton9 .plus-sign9 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated9 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton9:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText9 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e77888 */#revealButton10 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton10 .plus-sign10 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated10 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton10:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText10 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ecbe6a */#revealButton11 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton11 .plus-sign11 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated11 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton11:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText11 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dc1ce3 */#revealButton12 {
    background-color: #045B62; /* Dark teal */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between content */
    align-items: center; /* Center align vertically */
    font-size: 16px;
    cursor: pointer;
    border-radius: 0px; /* No border radius */
    width: 100%;
    height: 50px;
    font-family: "Roboto", sans-serif; /* Use Roboto font */
    font-weight: bold; /* Bold font weight */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for background color and text color */
}

#revealButton12 .plus-sign12 {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
}

.rotated12 {
    transform: rotate(45deg); /* Rotate the plus sign 45 degrees */
}

#revealButton12:hover {
    background-color: #BADD00; /* Light yellow on hover */
    color: #000000; /* Black text on hover */
}

#hiddenText12 {
    display: none; /* Hidden by default */
    padding: 10px;
    background-color: #FFFFFF; /* White background */
    border: none;
    border-radius: 0px;
    margin-top: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79a649a */.container1 {
    height: auto;
    width: 100%;
}

button#toggleButton1 {
    height: 100%;
    width: 100%;
    background-color: #045B62;
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    font-size: 16px;
    font-family: "Roboto", Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
    position: relative;
}

button#toggleButton1 .toggleIcon1 {
    transition: transform 0.3s;
}

button#toggleButton1.active .toggleIcon1 {
    transform: rotate(45deg);
}

button#toggleButton1:hover {
    background-color: #BADD00;
    color: #000000;
}

button#toggleButton1.active {
    background-color: #BADD00;
    color: #000000;
}

#toggleText1 {
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    text-align: left;
    display: block;
    padding: 10px;
}

#toggleText1.hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.text-container1 {
    max-height: 0;
    overflow: hidden;
    background-color: #FFFFFF;
    transition: max-height 0.5s ease;

}

.text-container1.visible {
    max-height: 500px; 
    transition: max-height 1s ease;
}/* End custom CSS */