@charset "utf-8";
/* CSS Document */



.table{
	width:100%;
}
.accordian_header {
	text-align: center;
	padding-top: 2rem;
	padding-bottom: .75rem;
	color: #F9BAA4;
	background-color: #FFF3F3;
}

.banner {
    background-image: linear-gradient(to bottom, rgba(231, 227, 237, 0.10), rgba(219, 208, 238, 0.10));
    /* Set your desired background color */
    padding: 0rem;
    /* Add padding for spacing */
    margin: 0rem;

}

.text-content {
    margin-left: 0rem;
    margin-bottom: 0rem;
    margin: 0;
    padding-top: 0rem;
    padding-right: 3.2rem;
    padding-left: 3.2rem;
    margin-top: 0rem;
    text-align: justify;
    background-image: linear-gradient(to bottom, rgba(241, 237, 248, 0.10), rgba(157, 192, 177, 0.10));

}

.privacy img {
    width: 100%;
    height: auto;
    /* Maintain the image's aspect ratio */
    margin: 0 auto;
    /* Center the image horizontally within its container */
    display: block;
    /* Remove any extra spacing around the image */
}

.logo_about {
    float: left;
    margin-left: 0px;
    border-radius: 3.2rem;

}

/* Style for the flex container */
.flex-container2 {
    display: flex;
}

/* Style for the flex boxes */
.flex-box2 {
    flex: 1;
    /* Each flex box takes up 50% of the screen width */
    padding: 1.4rem;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

/* Style for the flex container */
.flex-container {
    display: flex;
}

/* Style for the flex boxes */
.flex-box {
    flex: 1;
    /* Each flex box takes up 50% of the screen width */
    padding: 1.4rem;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.special-div{
	padding-left: .2rem;
	padding-right: .2rem;
}
.flex-box-pay {
	flex: 1;
	/* Each flex box takes up 50% of the screen width */
	padding: 1.2rem;
	text-align: justify;
	background-color: #FFF6F6;
	margin-bottom: 1.2rem;
	margin-left: 5rem;
	margin-right: 5rem;
}

body-pay{
	margin: .2rem;
}
*{
	margin:0;
	padding:0;
	}

.flex-box-pay-text {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.button-container {
    text-align: left;
	margin-bottom: 1.2rem;
}

.download-button {
    display: inline-block;
    padding: .75rem 1.2rem;
    margin-top: .75rem;
    background-color: #3498db;
    /* Set your desired button color */
    color: #fff;
    text-decoration: none;
    border-radius: .2rem;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.download-button:hover {
    background-color: #2077c8;
    /* Set your desired button color on hover */
}

.image-container img {
    transition: transform 0.3s ease;
    /* Transition without delay */
}

.image-container img:hover {
    transform: scale(3.2);
}

.image-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Align images vertically in the center */
    margin-top: 1.2rem;
    /* Adjust margin or remove as needed */
}
.image-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Align images vertically in the center */
    margin-top: 1.2rem;
    /* Adjust margin or remove as needed */
}

.image-container img {
    width: 15%;
    /* Adjust the width as needed */
    max-width: 100%;
    /* Ensure images don't exceed their natural size */
    padding-right: .2rem;
    /* Adjust the right padding as needed */
}

*{
	box-sizing: border-box;
	color: undefined;
}
.column{float:left;
width: 20%;
padding:.2rem;
}
.row:after{
	content:"";
	display: table;
	clear:both;
}


.image-row {
    display: flex;
    justify-content: space-between;
    /* Adjust spacing between images */
    align-items: center;
    /* Align images vertically in the center */
}

.image-row img {
    max-width: auto;
    /* Ensure images don't exceed the width of the container */
    height: auto;
    /* Maintain aspect ratio */
    margin: 2.5rem;
}

.flex-box-inner {
    width: 100%;
    background-color: #ffffff;
    clear: both;
    /* Clear the float property to start a new line */
    margin-bottom: 1.2rem;
}

.flex-box-inner img {
    float: left;
    margin-right: .75rem;
    /* Adjust the margin as needed */
}

.flex-box-inner p {
    /* You can style the paragraph as needed */
}

.footer {
    /* Add necessary styling to your footer */
    clear: both;
    /* Ensure the footer clears both floated content above */
}