:root{
    --spacing:0.25rem;
    }

.btn-white{background-color: white;}
.btn-white:hover{background-color: rgb(222, 220, 220);}
.text-primary{color: #a57c2d;}
.text-secondary{color: #312A86;}
.transform-x-1{transform: scaleX(1.3);}
.commercial_frame {
	.frm-bg {
        padding-top: 2rem;
        padding-bottom: 2rem;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.commercial_frame-desc {
		width: 85%;
        margin-inline:auto;
        font-weight: 300;
        font-size: 15px;
        line-height: 25px;

	}
}

.flex{display: flex;}
.flex-row{flex-flow: row;}
.flex-col{flex-flow: column;}
.pt-3{padding-top: 3rem;}
.pb-3{padding-bottom: 3rem;}
.px-3{padding-left: 3rem;padding-right: 3rem;}
.py-3{padding-top: 3rem;padding-bottom: 3rem;}
.pt-2{padding-top: 2rem;}
.pb-2{padding-bottom: 2rem;}
.px-2{padding-left: 2rem;padding-right: 2rem;}
.py-2{padding-top: 2rem;padding-bottom: 2rem;}
.rounded	{border-radius: 0.25rem;}
.rounded-md	{border-radius: 0.375rem;}
.rounded-lg	{border-radius: 0.5rem;}
.rounded-xl	{border-radius: 0.75rem;}
.justify-center	{justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-evenly {justify-content: space-evenly;}
.justify-around {justify-content: space-around;}
.justify-left {justify-content: left;}

.w-full{width: 100%;}
.w-auto{width: auto;}
.w-1\/2 {width: 50%}
.w-1\/3 {width: 33.3333%}
.w-1\/4 {width: 25%}
.w-1\/5 {width: 20%}
.w-1\/6 {width: 16.6667%}
.w-2\/3 {width: 66.6667%}
.w-2\/5 {width: 40%}
.w-3\/4 {width: 75%}
.w-3\/5 {width: 60%}
.w-4\/5 {width: 80%}
.w-5\/6 {width: 83.3333%}

.h-full{height: 100%;}
.h-auto{height: auto;}
.h-1\/2 {height: 50%}
.h-1\/3 {height: 33.3333%}
.h-1\/4 {height: 25%}
.h-1\/5 {height: 20%}
.h-1\/6 {height: 16.6667%}
.h-2\/3 {height: 66.6667%}
.h-2\/5 {height: 40%}
.h-3\/4 {height: 75%}
.h-3\/5 {height: 60%}
.h-4\/5 {height: 80%}
.h-5\/6 {height: 83.3333%}

.h-2{height: calc(var(--spacing)*2);}
.h-3{height: calc(var(--spacing)*3);}
.h-4{height: calc(var(--spacing)*4);}
.h-6{height: calc(var(--spacing)*6);}
.h-8{height: calc(var(--spacing)*8);}
.h-9 {height: calc(var(--spacing)*9)}
.h-10 {height: calc(var(--spacing)*10)}
.h-12 {height: calc(var(--spacing)*12)}
.h-16 {height: calc(var(--spacing)*16)}
.h-32 {height: calc(var(--spacing)*32)}
.h-46 {height: calc(var(--spacing)*46)}

.w-2{width: calc(var(--spacing)*2);}
.w-3{width: calc(var(--spacing)*3);}
.w-4{width: calc(var(--spacing)*4);}
.w-6{width: calc(var(--spacing)*6);}
.w-8{width: calc(var(--spacing)*8);}
.w-9 {width: calc(var(--spacing)*9)}
.w-10 {width: calc(var(--spacing)*10)}
.w-12 {width: calc(var(--spacing)*12)}
.w-16 {width: calc(var(--spacing)*16)}
.w-32 {width: calc(var(--spacing)*32)}
.w-46 {width: calc(var(--spacing)*46)}

.m-2{margin: calc(var(--spacing)*2);}
.m-3{margin: calc(var(--spacing)*3);}
.m-4{margin: calc(var(--spacing)*4);}
.m-6{margin: calc(var(--spacing)*6);}
.m-8{margin: calc(var(--spacing)*8);}
.m-9 {margin: calc(var(--spacing)*9)}
.m-10 {margin: calc(var(--spacing)*10)}
.m-12 {margin: calc(var(--spacing)*12)}
.m-16 {margin: calc(var(--spacing)*16)}
.m-46 {margin: calc(var(--spacing)*46)}
.mx-auto {margin-inline:auto}
.my-auto {margin-block:auto}

.mb-2{margin-bottom: calc(var(--spacing)*2);}
.mb-3{margin-bottom: calc(var(--spacing)*3);}
.mb-4{margin-bottom: calc(var(--spacing)*4);}
.mb-6 {margin-bottom: calc(var(--spacing)*6)}
.mb-8 {margin-bottom: calc(var(--spacing)*8)}
.mb-9 {margin-bottom: calc(var(--spacing)*9)}
.mb-10 {margin-bottom: calc(var(--spacing)*10)}
.mb-12 {margin-bottom: calc(var(--spacing)*12)}
.mb-16 {margin-bottom: calc(var(--spacing)*16)}
.mb-46 {margin-bottom: calc(var(--spacing)*46)}

.mt-2{margin-top: calc(var(--spacing)*2);}
.mt-3{margin-top: calc(var(--spacing)*3);}
.mt-4{margin-top: calc(var(--spacing)*4);}
.mt-6 {margin-top: calc(var(--spacing)*6)}
.mt-8 {margin-top: calc(var(--spacing)*8)}
.mt-9 {margin-top: calc(var(--spacing)*9)}
.mt-10 {margin-top: calc(var(--spacing)*10)}
.mt-12 {margin-top: calc(var(--spacing)*12)}
.mt-16 {margin-top: calc(var(--spacing)*16)}
.mt-46 {margin-top: calc(var(--spacing)*46)}

.ml-2{margin-left: calc(var(--spacing)*2);}
.ml-3{margin-left: calc(var(--spacing)*3);}
.ml-4{margin-left: calc(var(--spacing)*4);}
.ml-6 {margin-left: calc(var(--spacing)*6)}
.ml-8 {margin-left: calc(var(--spacing)*8)}
.ml-9 {margin-left: calc(var(--spacing)*9)}
.ml-10 {margin-left: calc(var(--spacing)*10)}
.ml-12 {margin-left: calc(var(--spacing)*12)}
.ml-16 {margin-left: calc(var(--spacing)*16)}
.ml-46 {margin-left: calc(var(--spacing)*46)}

.mr-2{margin-right: calc(var(--spacing)*2);}
.mr-3{margin-right: calc(var(--spacing)*3);}
.mr-4{margin-right: calc(var(--spacing)*4);}
.mr-6 {margin-right: calc(var(--spacing)*6)}
.mr-8 {margin-right: calc(var(--spacing)*8)}
.mr-9 {margin-right: calc(var(--spacing)*9)}
.mr-10 {margin-right: calc(var(--spacing)*10)}
.mr-12 {margin-right: calc(var(--spacing)*12)}
.mr-16 {margin-right: calc(var(--spacing)*16)}
.mr-46 {margin-right: calc(var(--spacing)*46)}

.p-2{padding: calc(var(--spacing)*2);}
.p-3{padding: calc(var(--spacing)*3);}
.p-4{padding: calc(var(--spacing)*4);}
.p-6{padding: calc(var(--spacing)*6);}
.p-8{padding: calc(var(--spacing)*8);}
.p-9 {padding: calc(var(--spacing)*9)}
.p-10 {padding: calc(var(--spacing)*10)}
.p-12 {padding: calc(var(--spacing)*12)}
.p-16 {padding: calc(var(--spacing)*16)}
.p-46 {padding: calc(var(--spacing)*46)}

.pb-2{padding-bottom: calc(var(--spacing)*2);}
.pb-3{padding-bottom: calc(var(--spacing)*3);}
.pb-4{padding-bottom: calc(var(--spacing)*4);}
.pb-6 {padding-bottom: calc(var(--spacing)*6)}
.pb-8 {padding-bottom: calc(var(--spacing)*8)}
.pb-9 {padding-bottom: calc(var(--spacing)*9)}
.pb-10 {padding-bottom: calc(var(--spacing)*10)}
.pb-12 {padding-bottom: calc(var(--spacing)*12)}
.pb-16 {padding-bottom: calc(var(--spacing)*16)}
.pb-46 {padding-bottom: calc(var(--spacing)*46)}

.pt-2{padding-top: calc(var(--spacing)*2);}
.pt-3{padding-top: calc(var(--spacing)*3);}
.pt-4{padding-top: calc(var(--spacing)*4);}
.pt-6 {padding-top: calc(var(--spacing)*6)}
.pt-8 {padding-top: calc(var(--spacing)*8)}
.pt-9 {padding-top: calc(var(--spacing)*9)}
.pt-10 {padding-top: calc(var(--spacing)*10)}
.pt-12 {padding-top: calc(var(--spacing)*12)}
.pt-16 {padding-top: calc(var(--spacing)*16)}
.pt-46 {padding-top: calc(var(--spacing)*46)}

.pl-2{padding-left: calc(var(--spacing)*2);}
.pl-3{padding-left: calc(var(--spacing)*3);}
.pl-4{padding-left: calc(var(--spacing)*4);}
.pl-6 {padding-left: calc(var(--spacing)*6)}
.pl-8 {padding-left: calc(var(--spacing)*8)}
.pl-9 {padding-left: calc(var(--spacing)*9)}
.pl-10 {padding-left: calc(var(--spacing)*10)}
.pl-12 {padding-left: calc(var(--spacing)*12)}
.pl-16 {padding-left: calc(var(--spacing)*16)}
.pl-46 {padding-left: calc(var(--spacing)*46)}

.pr-2{padding-right: calc(var(--spacing)*2);}
.pr-3{padding-right: calc(var(--spacing)*3);}
.pr-4{padding-right: calc(var(--spacing)*4);}
.pr-6 {padding-right: calc(var(--spacing)*6)}
.pr-8 {padding-right: calc(var(--spacing)*8)}
.pr-9 {padding-right: calc(var(--spacing)*9)}
.pr-10 {padding-right: calc(var(--spacing)*10)}
.pr-12 {padding-right: calc(var(--spacing)*12)}
.pr-16 {padding-right: calc(var(--spacing)*16)}
.pr-46 {padding-right: calc(var(--spacing)*46)}

.py-2{padding-block: calc(var(--spacing)*2);}
.py-3{padding-block: calc(var(--spacing)*3);}
.py-4{padding-block: calc(var(--spacing)*4);}
.py-6 {padding-block: calc(var(--spacing)*6)}
.py-8 {padding-block: calc(var(--spacing)*8)}
.py-9 {padding-block: calc(var(--spacing)*9)}
.py-10 {padding-block: calc(var(--spacing)*10)}
.py-12 {padding-block: calc(var(--spacing)*12)}
.py-16 {padding-block: calc(var(--spacing)*16)}
.py-46 {padding-block: calc(var(--spacing)*46)}

.px-2{padding-inline: calc(var(--spacing)*2);}
.px-3{padding-inline: calc(var(--spacing)*3);}
.px-4{padding-inline: calc(var(--spacing)*4);}
.px-6 {padding-inline: calc(var(--spacing)*6)}
.px-8 {padding-inline: calc(var(--spacing)*8)}
.px-9 {padding-inline: calc(var(--spacing)*9)}
.px-10 {padding-inline: calc(var(--spacing)*10)}
.px-12 {padding-inline: calc(var(--spacing)*12)}
.px-16 {padding-inline: calc(var(--spacing)*16)}
.px-46 {padding-inline: calc(var(--spacing)*46)}

.w-3xs{width: 16rem;}
.w-2xs{width: 18rem;}
.w-xs{width: 20rem;}
.w-sm{width: 24rem;}
.w-md{width: 28rem;}
.w-lg{width: 32rem;}
.w-xl{width: 36rem;}
.w-2xl{width: 42rem;}
.w-3xl{width: 48rem;}
.w-4xl{width: 56rem;}
.w-5xl{width: 64rem;}
.w-6xl{width: 72rem;}
.w-7xl{width: 80rem;}

.h-3xs{height: 16rem;}
.h-2xs{height: 18rem;}
.h-xs{height: 20rem;}
.h-sm{height: 24rem;}
.h-md{height: 28rem;}
.h-lg{height: 32rem;}
.h-xl{height: 36rem;}
.h-2xl{height: 42rem;}
.h-3xl{height: 48rem;}
.h-4xl{height: 56rem;}
.h-5xl{height: 64rem;}
.h-6xl{height: 72rem;}
.h-7xl{height: 80rem;}


.hidden{display: none;}
.block{display: block;}

.text-xs{
        font-size: 0.75rem; /* 0.75rem (12px) */
        line-height: calc(1 / 0.75); /*  */
}
.text-sm{
        font-size: 0.875rem; /* 0.875rem (14px) */
        line-height: calc(1.25 / 0.875); /* calc(1.25 / 0.875) */
}
.text-base{
        font-size: 1rem; /* 1rem (16px) */
        line-height: calc(1.5 / 1); /* calc(1.5 / 1) */
}
.text-lg{
    font-size: 1.125rem; /* 1.125rem (18px) */
    line-height: calc(1.75 / 1.125); /* calc(1.75 / 1.125) */
}
.text-xl{
    font-size: 1.25rem; /* 1.25rem (20px) */
    line-height: calc(1.75 / 1.25); /* calc(1.75 / 1.25) */
}
.text-2xl{
    font-size: 1.5rem; /* 1.5rem (24px) */
    line-height: calc(2 / 1.5); /* calc(2 / 1.5) */
}
.text-3xl{
    font-size: 1.875rem; /* 1.875rem (30px) */
    line-height: calc(2.25 / 1.875); /* calc(2.25 / 1.875) */
}
.text-4xl{
    font-size: 2.25rem; /* 2.25rem (36px) */
    line-height: calc(2.5 / 2.25); /* calc(2.5 / 2.25) */
}
.text-5xl{
    font-size: 3rem; /* 3rem (48px) */
    line-height: 1; /* 1 */
}
.text-6xl{
    font-size: 3.75rem; /*  (60px) */
    line-height: 1; /* 1 */
}
.text-7xl{
    font-size: 4.5rem; /* (72px) */
    line-height: 1; /* 1 */
}
.text-8xl{
    font-size: 6rem; /*  (96px) */
    line-height: 1; /* 1 */
}
.text-9xl{
    font-size: 8rem; /*  (128px) */
    line-height: 1; /* 1 */
}

.column-2{column-count: 2;}
.bg-repeat{background-repeat: repeat;}
.bg-repeat-x{background-repeat: repeat-x;}
.bg-repeat-y{background-repeat: repeat-y;}
.bg-repeat-space{background-repeat: space;}
.bg-repeat-round{background-repeat: round;}
.bg-no-repeat{background-repeat: no-repeat;}
.bg-top-left{background-position: top left;}
.bg-top{background-position: top;}
.bg-top-right{background-position: top right;}
.bg-left{background-position: left;}
.bg-center{background-position: center;}
.bg-right{background-position: right;}
.bg-bottom-left{background-position: bottom left;}
.bg-bottom{background-position: bottom;}
.bg-bottom-right{background-position: bottom right;}
.bg-auto{background-size: auto;}
.bg-cover{background-size: cover;}
.bg-contain{background-size: contain;}
.text-center{text-align: center;}
.text-end{text-align: end;}
.text-left{text-align: left;}
.text-start{text-align: start;}

.grid{display: grid;}
.gap-3{gap: calc(var(--spacing) * 10);}
.grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr));}

@media only screen and (min-width: 600px) {

    .commercial_frame {
        .frm-bg {
            width: 100%;
            height: 67vh;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        .commercial_frame-desc {
            width: 85%;
            margin-inline:auto;
            font-weight: 300;
            font-size: 15px;
            line-height: 25px;

        }
    }
    .md\:grid{display: grid;}
    .md\:gap-3{gap: calc(var(--spacing) * 10);}
    .md\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr));}

    .md\:flex{display: flex;}
    .md\:flex-row{flex-flow: row;}
    .md\:flex-col{flex-flow: column;}

    .md\:pt-3{padding-top: 3rem;}
    .md\:pb-3{padding-bottom: 3rem;}
    .md\:px-3{padding-left: 3rem;padding-right: 3rem;}
    .md\:py-3{padding-top: 3rem;padding-bottom: 3rem;}
    .md\:pt-2{padding-top: 2rem;}
    .md\:pb-2{padding-bottom: 2rem;}
    .md\:px-2{padding-left: 2rem;padding-right: 2rem;}
    .md\:py-2{padding-top: 2rem;padding-bottom: 2rem;}

    .md\:rounded	{border-radius: 0.25rem;}
    .md\:rounded-md	{border-radius: 0.375rem;}
    .md\:rounded-lg	{border-radius: 0.5rem;}
    .md\:rounded-xl	{border-radius: 0.75rem;}
    .md\:justify-center	{justify-content: center;}
    .md\:justify-between {justify-content: space-between;}
    .md\:justify-evenly {justify-content: space-evenly;}
    .md\:justify-around {justify-content: space-around;}
    .md\:justify-left {justify-content: left;}

    .md\:w-full{width: 100%;}
    .md\:w-1\/2 {width: 50%}
    .md\:w-1\/3 {width: 33.3333%}
    .md\:w-1\/4 {width: 25%}
    .md\:w-1\/5 {width: 20%}
    .md\:w-1\/6 {width: 16.6667%}
    .md\:w-2\/3 {width: 66.6667%}
    .md\:w-2\/5 {width: 40%}
    .md\:w-3\/4 {width: 75%}
    .md\:w-3\/5 {width: 60%}
    .md\:w-4\/5 {width: 80%}
    .md\:w-5\/6 {width: 83.3333%}

    .md\:h-full{height: 100%;}
    .md\:h-1\/2 {height: 50%}
    .md\:h-1\/3 {height: 33.3333%}
    .md\:h-1\/4 {height: 25%}
    .md\:h-1\/5 {height: 20%}
    .md\:h-1\/6 {height: 16.6667%}
    .md\:h-2\/3 {height: 66.6667%}
    .md\:h-2\/5 {height: 40%}
    .md\:h-3\/4 {height: 75%}
    .md\:h-3\/5 {height: 60%}
    .md\:h-4\/5 {height: 80%}
    .md\:h-5\/6 {height: 83.3333%}

    .md\:w-32{width: 32rem;}
    .md\:w-16{width: 16rem;}


    .md\:w-3xs{width: 16rem;}
    .md\:w-2xs{width: 18rem;}
    .md\:w-xs{width: 20rem;}
    .md\:w-sm{width: 24rem;}
    .md\:w-md{width: 28rem;}
    .md\:w-lg{width: 32rem;}
    .md\:w-xl{width: 36rem;}
    .md\:w-2xl{width: 42rem;}
    .md\:w-3xl{width: 48rem;}
    .md\:w-4xl{width: 56rem;}
    .md\:w-5xl{width: 64rem;}
    .md\:w-6xl{width: 72rem;}
    .md\:w-7xl{width: 80rem;}

    .md\:h-3xs{height: 16rem;}
    .md\:h-2xs{height: 18rem;}
    .md\:h-xs{height: 20rem;}
    .md\:h-sm{height: 24rem;}
    .md\:h-md{height: 28rem;}
    .md\:h-lg{height: 32rem;}
    .md\:h-xl{height: 36rem;}
    .md\:h-2xl{height: 42rem;}
    .md\:h-3xl{height: 48rem;}
    .md\:h-4xl{height: 56rem;}
    .md\:h-5xl{height: 64rem;}
    .md\:h-6xl{height: 72rem;}
    .md\:h-7xl{height: 80rem;}

    .md\:m-2{margin: calc(var(--spacing)*2);}
    .md\:m-3{margin: calc(var(--spacing)*3);}
    .md\:m-4{margin: calc(var(--spacing)*4);}
    .md\:m-6{margin: calc(var(--spacing)*6);}
    .md\:m-8{margin: calc(var(--spacing)*8);}
    .md\:m-9 {margin: calc(var(--spacing)*9)}
    .md\:m-10 {margin: calc(var(--spacing)*10)}
    .md\:m-12 {margin: calc(var(--spacing)*12)}
    .md\:m-16 {margin: calc(var(--spacing)*16)}
    .md\:m-46 {margin: calc(var(--spacing)*46)}
    .md\:mx-auto {margin-inline:auto}
    .md\:my-auto {margin-block:auto}

    .md\:mb-2{margin-bottom: calc(var(--spacing)*2);}
    .md\:mb-3{margin-bottom: calc(var(--spacing)*3);}
    .md\:mb-4{margin-bottom: calc(var(--spacing)*4);}
    .md\:mb-6 {margin-bottom: calc(var(--spacing)*6)}
    .md\:mb-8 {margin-bottom: calc(var(--spacing)*8)}
    .md\:mb-9 {margin-bottom: calc(var(--spacing)*9)}
    .md\:mb-10 {margin-bottom: calc(var(--spacing)*10)}
    .md\:mb-12 {margin-bottom: calc(var(--spacing)*12)}
    .md\:mb-16 {margin-bottom: calc(var(--spacing)*16)}
    .md\:mb-46 {margin-bottom: calc(var(--spacing)*46)}

    .md\:mt-2{margin-top: calc(var(--spacing)*2);}
    .md\:mt-3{margin-top: calc(var(--spacing)*3);}
    .md\:mt-4{margin-top: calc(var(--spacing)*4);}
    .md\:mt-6 {margin-top: calc(var(--spacing)*6)}
    .md\:mt-8 {margin-top: calc(var(--spacing)*8)}
    .md\:mt-9 {margin-top: calc(var(--spacing)*9)}
    .md\:mt-10 {margin-top: calc(var(--spacing)*10)}
    .md\:mt-12 {margin-top: calc(var(--spacing)*12)}
    .md\:mt-16 {margin-top: calc(var(--spacing)*16)}
    .md\:mt-46 {margin-top: calc(var(--spacing)*46)}

    .md\:ml-2{margin-left: calc(var(--spacing)*2);}
    .md\:ml-3{margin-left: calc(var(--spacing)*3);}
    .md\:ml-4{margin-left: calc(var(--spacing)*4);}
    .md\:ml-6 {margin-left: calc(var(--spacing)*6)}
    .md\:ml-8 {margin-left: calc(var(--spacing)*8)}
    .md\:ml-9 {margin-left: calc(var(--spacing)*9)}
    .md\:ml-10 {margin-left: calc(var(--spacing)*10)}
    .md\:ml-12 {margin-left: calc(var(--spacing)*12)}
    .md\:ml-16 {margin-left: calc(var(--spacing)*16)}
    .md\:ml-46 {margin-left: calc(var(--spacing)*46)}

    .md\:mr-2{margin-right: calc(var(--spacing)*2);}
    .md\:mr-3{margin-right: calc(var(--spacing)*3);}
    .md\:mr-4{margin-right: calc(var(--spacing)*4);}
    .md\:mr-6 {margin-right: calc(var(--spacing)*6)}
    .md\:mr-8 {margin-right: calc(var(--spacing)*8)}
    .md\:mr-9 {margin-right: calc(var(--spacing)*9)}
    .md\:mr-10 {margin-right: calc(var(--spacing)*10)}
    .md\:mr-12 {margin-right: calc(var(--spacing)*12)}
    .md\:mr-16 {margin-right: calc(var(--spacing)*16)}
    .md\:mr-46 {margin-right: calc(var(--spacing)*46)}

    .md\:p-2{padding: calc(var(--spacing)*2);}
    .md\:p-3{padding: calc(var(--spacing)*3);}
    .md\:p-4{padding: calc(var(--spacing)*4);}
    .md\:p-6{padding: calc(var(--spacing)*6);}
    .md\:p-8{padding: calc(var(--spacing)*8);}
    .md\:p-9 {padding: calc(var(--spacing)*9)}
    .md\:p-10 {padding: calc(var(--spacing)*10)}
    .md\:p-12 {padding: calc(var(--spacing)*12)}
    .md\:p-16 {padding: calc(var(--spacing)*16)}
    .md\:p-46 {padding: calc(var(--spacing)*46)}

    .md\:pb-2{padding-bottom: calc(var(--spacing)*2);}
    .md\:pb-3{padding-bottom: calc(var(--spacing)*3);}
    .md\:pb-4{padding-bottom: calc(var(--spacing)*4);}
    .md\:pb-6 {padding-bottom: calc(var(--spacing)*6)}
    .md\:pb-8 {padding-bottom: calc(var(--spacing)*8)}
    .md\:pb-9 {padding-bottom: calc(var(--spacing)*9)}
    .md\:pb-10 {padding-bottom: calc(var(--spacing)*10)}
    .md\:pb-12 {padding-bottom: calc(var(--spacing)*12)}
    .md\:pb-16 {padding-bottom: calc(var(--spacing)*16)}
    .md\:pb-46 {padding-bottom: calc(var(--spacing)*46)}

    .md\:pt-2{padding-top: calc(var(--spacing)*2);}
    .md\:pt-3{padding-top: calc(var(--spacing)*3);}
    .md\:pt-4{padding-top: calc(var(--spacing)*4);}
    .md\:pt-6 {padding-top: calc(var(--spacing)*6)}
    .md\:pt-8 {padding-top: calc(var(--spacing)*8)}
    .md\:pt-9 {padding-top: calc(var(--spacing)*9)}
    .md\:pt-10 {padding-top: calc(var(--spacing)*10)}
    .md\:pt-12 {padding-top: calc(var(--spacing)*12)}
    .md\:pt-16 {padding-top: calc(var(--spacing)*16)}
    .md\:pt-46 {padding-top: calc(var(--spacing)*46)}

    .md\:pl-2{padding-left: calc(var(--spacing)*2);}
    .md\:pl-3{padding-left: calc(var(--spacing)*3);}
    .md\:pl-4{padding-left: calc(var(--spacing)*4);}
    .md\:pl-6 {padding-left: calc(var(--spacing)*6)}
    .md\:pl-8 {padding-left: calc(var(--spacing)*8)}
    .md\:pl-9 {padding-left: calc(var(--spacing)*9)}
    .md\:pl-10 {padding-left: calc(var(--spacing)*10)}
    .md\:pl-12 {padding-left: calc(var(--spacing)*12)}
    .md\:pl-16 {padding-left: calc(var(--spacing)*16)}
    .md\:pl-46 {padding-left: calc(var(--spacing)*46)}

    .md\:pr-2{padding-right: calc(var(--spacing)*2);}
    .md\:pr-3{padding-right: calc(var(--spacing)*3);}
    .md\:pr-4{padding-right: calc(var(--spacing)*4);}
    .md\:pr-6 {padding-right: calc(var(--spacing)*6)}
    .md\:pr-8 {padding-right: calc(var(--spacing)*8)}
    .md\:pr-9 {padding-right: calc(var(--spacing)*9)}
    .md\:pr-10 {padding-right: calc(var(--spacing)*10)}
    .md\:pr-12 {padding-right: calc(var(--spacing)*12)}
    .md\:pr-16 {padding-right: calc(var(--spacing)*16)}
    .md\:pr-46 {padding-right: calc(var(--spacing)*46)}

    .md\:py-2{padding-block: calc(var(--spacing)*2);}
    .md\:py-3{padding-block: calc(var(--spacing)*3);}
    .md\:py-4{padding-block: calc(var(--spacing)*4);}
    .md\:py-6 {padding-block: calc(var(--spacing)*6)}
    .md\:py-8 {padding-block: calc(var(--spacing)*8)}
    .md\:py-9 {padding-block: calc(var(--spacing)*9)}
    .md\:py-10 {padding-block: calc(var(--spacing)*10)}
    .md\:py-12 {padding-block: calc(var(--spacing)*12)}
    .md\:py-16 {padding-block: calc(var(--spacing)*16)}
    .md\:py-46 {padding-block: calc(var(--spacing)*46)}

    .md\:px-2{padding-inline: calc(var(--spacing)*2);}
    .md\:px-3{padding-inline: calc(var(--spacing)*3);}
    .md\:px-4{padding-inline: calc(var(--spacing)*4);}
    .md\:px-6 {padding-inline: calc(var(--spacing)*6)}
    .md\:px-8 {padding-inline: calc(var(--spacing)*8)}
    .md\:px-9 {padding-inline: calc(var(--spacing)*9)}
    .md\:px-10 {padding-inline: calc(var(--spacing)*10)}
    .md\:px-12 {padding-inline: calc(var(--spacing)*12)}
    .md\:px-16 {padding-inline: calc(var(--spacing)*16)}
    .md\:px-46 {padding-inline: calc(var(--spacing)*46)}

    .md\:hidden{display: none;}
    .md\:block{display: block;}


    .md\:text-xs{
            font-size: 0.75rem; /* 0.75rem (12px) */
            line-height: calc(1 / 0.75); /*  */
    }
    .md\:text-sm{
            font-size: 0.875rem; /* 0.875rem (14px) */
            line-height: calc(1.25 / 0.875); /* calc(1.25 / 0.875) */
    }
    .md\:text-base{
            font-size: 1rem; /* 1rem (16px) */
            line-height: calc(1.5 / 1); /* calc(1.5 / 1) */
    }
    .md\:text-lg{
        font-size: 1.125rem; /* 1.125rem (18px) */
        line-height: calc(1.75 / 1.125); /* calc(1.75 / 1.125) */
    }
    .md\:text-xl{
        font-size: 1.25rem; /* 1.25rem (20px) */
        line-height: calc(1.75 / 1.25); /* calc(1.75 / 1.25) */
    }
    .md\:text-2xl{
        font-size: 1.5rem; /* 1.5rem (24px) */
        line-height: calc(2 / 1.5); /* calc(2 / 1.5) */
    }
    .md\:text-3xl{
        font-size: 1.875rem; /* 1.875rem (30px) */
        line-height: calc(2.25 / 1.875); /* calc(2.25 / 1.875) */
    }
    .md\:text-4xl{
        font-size: 2.25rem; /* 2.25rem (36px) */
        line-height: calc(2.5 / 2.25); /* calc(2.5 / 2.25) */
    }
    .md\:text-5xl{
        font-size: 3rem; /* 3rem (48px) */
        line-height: 1; /* 1 */
    }
    .md\:text-6xl{
        font-size: var(--text-6xl); /* 3.75rem (60px) */
        line-height: 1; /* 1 */
    }
    .md\:text-7xl{
        font-size: var(--text-7xl); /* 4.5rem (72px) */
        line-height: 1; /* 1 */
    }
    .md\:text-8xl{
        font-size: var(--text-8xl); /* 6rem (96px) */
        line-height: 1; /* 1 */
    }
    .md\:text-9xl{
        font-size: var(--text-9xl); /* 8rem (128px) */
        line-height: 1; /* 1 */
    }

    .md\:column-2{column-count: 2;}
    .md\:bg-repeat{background-repeat: repeat;}
    .md\:bg-repeat-x{background-repeat: repeat-x;}
    .md\:bg-repeat-y{background-repeat: repeat-y;}
    .md\:bg-repeat-space{background-repeat: space;}
    .md\:bg-repeat-round{background-repeat: round;}
    .md\:bg-no-repeat{background-repeat: no-repeat;}
    .md\:bg-top-left{background-position: top left;}
    .md\:bg-top{background-position: top;}
    .md\:bg-top-right{background-position: top right;}
    .md\:bg-left{background-position: left;}
    .md\:bg-center{background-position: center;}
    .md\:bg-right{background-position: right;}
    .md\:bg-bottom-left{background-position: bottom left;}
    .md\:bg-bottom{background-position: bottom;}
    .md\:bg-bottom-right{background-position: bottom right;}
    .md\:bg-auto{background-size: auto;}
    .md\:bg-cover{background-size: cover;}
    .md\:bg-contain{background-size: contain;}
    .md\:text-center{text-align: center;}
    .md\:text-end{text-align: end;}
    .md\:text-left{text-align: left;}
    .md\:text-start{text-align: start;}
}

.comm-img
{
    width: 100%;
    height: 17rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}