@use '../../utils' as *;

/*----------------------------------------*/
/*  4.30 privacy policy css
/*----------------------------------------*/

.policy {
    &-wrapper {
        padding: 50px 50px 50px 50px;
		background-color: var(--rs-white);
		box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.12);
        @media #{$sm} {
            padding: 40px 40px;
        }
        @media #{$xs} {
            padding: 30px 20px;
        }
    }
    &-meta {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -0.02em;
        margin-bottom: 12px;
    }
    &-title {
		margin-bottom: 10px;
        font-size: 28px;
        @media #{$xs} {
            font-size: 22px;
        }
    }
    &-item {
		&:not(:last-child) {
			margin-bottom: 25px;
		}
        ul {
            li {
                font-size: 16px;
                position: relative;
                padding-inline-start: 15px;
                list-style: none;
                &::after {
                    position: absolute;
                    content: "";
                    inset-inline-start: 0;
                    top: 8px;
                    width: 6px;
                    height: 6px;
                    background-color: var(--rs-theme-blue);
                    border-radius: 50%;
                }
                &:not(:last-child) {
                    margin-bottom: 5px;
                }
                b{
                    color: var(--rs-black);
                }
            }
        }
    }
    &-contact {
        ul {
            margin-bottom: 10px;
            li {
                list-style: none;
                font-size: 16px;
                color: var(--rs-black);
                a{
                    &:hover{
                        color:var(--rs-theme-primary);
                    }
                }
            }
        }
    }
    &-address {
        p {
            font-size: 16px;
            line-height: 1.5;
        }
    }
}