body {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
}

body.no-scroll {
    overflow: hidden;
}

header {
    position: unset;
}

.body {
    margin-bottom: 0px;
    width:100%;
}

.background-top {
	width:100%;
	height:100%;
    gap:12px;
    margin-bottom: 12px;
}

.color-text {
    color: var(--Neutral-800, #272727)!important;
}

.title-background-top {
	background: linear-gradient(180deg, #4A4D4F 2.17%, #AAB0B5 78.12%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.svg-box-top-right {
	border-radius: 100px;
	border: 1px solid var(--Neutral-5, #C3C0C0);
	display: flex;
	padding: 8px;
	align-items: center;
	gap: 4px;
}
/*-------------body---------------*/
.chinh-sach {
	width:100vw;
	height:100%;
}

.menu-body {
    display: flex;
    width: 100%;
    height:100%;
    justify-content: space-between;
    align-items: center;
}

.button-down {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 9.714px;
    border-radius: 8px;
    background: var(--Primary-500, #ED1B34);
}

.text-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.in-text-button {
    color: var(--Neutral-50, #F7F7F7);
    font-family: Calibri;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.content {
    width: 100%;
    height: 100%;
    margin-bottom: 48px;
}

.in-content {
    color: var(--Neutral-700, #4A4D4F);
    text-align: justify;
    font-family: Calibri;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.button-down-mobile {
	display:none
}

/*------------------mobile----------------------*/
@media screen and (max-width: 768px) {
    body {
        background: var(--Neutral-100, #EFF0F0);
    }

    header {
        position: unset;
        background: #272727;
        backdrop-filter: blur(18.70967674255371px);
        -webkit-backdrop-filter: blur(18.70967674255371px);
    }

    .safe-area {
        padding: 0px 16px;
        width:100%;
    }

    .box-phone {
        background: none;
        padding: 0px;
    }

    .number-menu {
        display: none;
    }

    .icon-menu-deck {
        display: none;
    }

    .icon-menu-mobile {
        display: block;
    }

    .box-footer-1 {
        margin-bottom: 16px;
    }

    .box-footer-2 {
        margin-bottom: 16px;
    }

    .column-footer {
        margin-bottom: 16px;
    }

    .text-in-box {
        display: none;
    }

    .box-icon-footer .in-box-icon-footer {
        display: none;
    }

    .column-footer:nth-child(4) {
        display: flex;
    }

    .menu-decktop {
        padding: 0px;
    }

    .menu-box {
        width: 100%;
        gap: 8px;
        padding: 32px 16px;
    }

    .menu-icon-top {
        width: 100%;
        justify-content: space-between;
    }

    .in-menu-icon-top {
        width: 100%;
    }

    .menu-bottom {
        gap: 6px;
    }

    .box-content-menu {
        gap: 6px;
    }
    
    .background-top {
		gap: 32px;
		margin-bottom:32px;
	}
	
	.box-title-background-top {
		gap:8px;
	}
	
	.title-background-top {
		background: linear-gradient(194deg, #F5F5F5 8.93%, #8F8F8F 92.76%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
    
    .button-down {
		display:none;
	}
	
	.color-text {
		color: var(--Neutral-50, #F7F7F7)!important;
	}
	
	.button-down-mobile {
		display:flex;
		justify-content: center;
		align-items: center;
	}
	
	.chinh-sach {
		background: var(--Neutral-800, #272727);
	}
	
	.in-content {
		color: var(--Neutral-400, #B0B2B5);
	}
		
	.box-background-top-left {
		width:100%;
	}
	
	.content {
		margin-bottom:0px;
	}
	
	p {
		margin-bottom:0px;
	}
}