*,


::after,


::before {


    box-sizing: border-box;


    /* border: 0px solid rgb(0, 0, 0); */


}





::after,


::before {


    --tw-content: "";


}





:host,


html {


    line-height: 1.5;


    text-size-adjust: 100%;


    tab-size: 4;


    font-feature-settings: normal;


    font-variation-settings: normal;


    -webkit-tap-highlight-color: transparent;


    font-family: Barlow, sans-serif;


}





body {


    margin: 0px;


    line-height: inherit;


    font-family: Barlow, sans-serif;


}





hr {


    height: 0px;


    color: inherit;


    border-top-width: 1px;


}





abbr:where([title]) {


    text-decoration: underline dotted;


}





h1,


h2,


h3,


h4,


h5,


h6 {


    font-size: inherit;


    font-weight: inherit;


}





a {


    color: inherit;


    text-decoration: inherit;


}





b,


strong {


    font-weight: bolder;


}





code,


kbd,


pre,


samp {


    font-feature-settings: normal;


    font-variation-settings: normal;


    font-size: 1em;


    font-family: Barlow, sans-serif;


}





small {


    font-size: 80%;


}





sub,


sup {


    font-size: 75%;


    line-height: 0;


    position: relative;


    vertical-align: baseline;


}





sub {


    bottom: -0.25em;


}





sup {


    top: -0.5em;


}





table {


    text-indent: 0px;


    border-color: inherit;


    border-collapse: collapse;


}





button,


input,


optgroup,


select,


textarea {


    font-feature-settings: inherit;


    font-variation-settings: inherit;


    font-size: 100%;


    font-weight: inherit;


    line-height: inherit;


    color: inherit;


    margin: 0px;


    padding: 0px;


    font-family: Barlow, sans-serif;


}





button,


select {


    text-transform: none;


}





[type="button"],


[type="reset"],


[type="submit"],


button {


    appearance: button;


    background-color: rgba(255, 255, 255, 0);


    background-image: none;


}





progress {


    vertical-align: baseline;


}





::-webkit-inner-spin-button,


::-webkit-outer-spin-button {


    height: auto;


}





[type="search"] {


    appearance: textfield;


    outline-offset: -2px;


}





::-webkit-search-decoration {


    appearance: none;


}





::-webkit-file-upload-button {


    appearance: button;


    font: inherit;


}





summary {


    display: list-item;


}





blockquote,


dd,


dl,


figure,


h1,


h2,


h3,


h4,


h5,


h6,


hr,


p,


pre {


    margin: 0px;


}





fieldset {


    margin: 0px;


}





fieldset,


legend {


    padding: 0px;


}





menu,


ol,


ul {


    list-style: none;


    margin: 0px;


    padding: 0px;


}





dialog {


    padding: 0px;


}





textarea {


    resize: vertical;


}





input::placeholder,


textarea::placeholder {


    opacity: 1;


    color: rgb(156, 163, 175);


}





[role="button"],


button {


    cursor: pointer;


}





:disabled {


    cursor: default;


}





audio,


canvas,


embed,


iframe,


img,


object,


svg,


video {


    display: block;


    vertical-align: middle;


}





img,


video {


    max-width: 100%;


    height: auto;


}





[hidden] {


    display: none;


}





*,


::after,


::before {


    --tw-border-spacing-x: 0;


    --tw-border-spacing-y: 0;


    --tw-translate-x: 0;


    --tw-translate-y: 0;


    --tw-rotate: 0;


    --tw-skew-x: 0;


    --tw-skew-y: 0;


    --tw-scale-x: 1;


    --tw-scale-y: 1;


    --tw-pan-x: ;


    --tw-pan-y: ;


    --tw-pinch-zoom: ;


    --tw-scroll-snap-strictness: proximity;


    --tw-gradient-from-position: ;


    --tw-gradient-via-position: ;


    --tw-gradient-to-position: ;


    --tw-ordinal: ;


    --tw-slashed-zero: ;


    --tw-numeric-figure: ;


    --tw-numeric-spacing: ;


    --tw-numeric-fraction: ;


    --tw-ring-inset: ;


    --tw-ring-offset-width: 0px;


    --tw-ring-offset-color: #fff;


    --tw-ring-color: rgba(59, 130, 246, .5);


    --tw-ring-offset-shadow: 0 0 #0000;


    --tw-ring-shadow: 0 0 #0000;


    --tw-shadow: 0 0 #0000;


    --tw-shadow-colored: 0 0 #0000;


    --tw-blur: ;


    --tw-brightness: ;


    --tw-contrast: ;


    --tw-grayscale: ;


    --tw-hue-rotate: ;


    --tw-invert: ;


    --tw-saturate: ;


    --tw-sepia: ;


    --tw-drop-shadow: ;


    --tw-backdrop-blur: ;


    --tw-backdrop-brightness: ;


    --tw-backdrop-contrast: ;


    --tw-backdrop-grayscale: ;


    --tw-backdrop-hue-rotate: ;


    --tw-backdrop-invert: ;


    --tw-backdrop-opacity: ;


    --tw-backdrop-saturate: ;


    --tw-backdrop-sepia: ;


}





::backdrop {


    --tw-border-spacing-x: 0;


    --tw-border-spacing-y: 0;


    --tw-translate-x: 0;


    --tw-translate-y: 0;


    --tw-rotate: 0;


    --tw-skew-x: 0;


    --tw-skew-y: 0;


    --tw-scale-x: 1;


    --tw-scale-y: 1;


    --tw-pan-x: ;


    --tw-pan-y: ;


    --tw-pinch-zoom: ;


    --tw-scroll-snap-strictness: proximity;


    --tw-gradient-from-position: ;


    --tw-gradient-via-position: ;


    --tw-gradient-to-position: ;


    --tw-ordinal: ;


    --tw-slashed-zero: ;


    --tw-numeric-figure: ;


    --tw-numeric-spacing: ;


    --tw-numeric-fraction: ;


    --tw-ring-inset: ;


    --tw-ring-offset-width: 0px;


    --tw-ring-offset-color: #fff;


    --tw-ring-color: rgba(59, 130, 246, .5);


    --tw-ring-offset-shadow: 0 0 #0000;


    --tw-ring-shadow: 0 0 #0000;


    --tw-shadow: 0 0 #0000;


    --tw-shadow-colored: 0 0 #0000;


    --tw-blur: ;


    --tw-brightness: ;


    --tw-contrast: ;


    --tw-grayscale: ;


    --tw-hue-rotate: ;


    --tw-invert: ;


    --tw-saturate: ;


    --tw-sepia: ;


    --tw-drop-shadow: ;


    --tw-backdrop-blur: ;


    --tw-backdrop-brightness: ;


    --tw-backdrop-contrast: ;


    --tw-backdrop-grayscale: ;


    --tw-backdrop-hue-rotate: ;


    --tw-backdrop-invert: ;


    --tw-backdrop-opacity: ;


    --tw-backdrop-saturate: ;


    --tw-backdrop-sepia: ;


}





.container {


    width: 100%;


    margin-right: auto;


    margin-left: auto;


    padding-right: 1.5rem;


    padding-left: 1.5rem;


}





@media (min-width: 550px) {


    .container {


        max-width: 550px;


    }


}





@media (min-width: 640px) {


    .container {


        max-width: 640px;


    }


}





@media (min-width: 768px) {


    .container {


        max-width: 768px;


    }


}





@media (min-width: 1024px) {


    .container {


        max-width: 1024px;


    }


}





@media (min-width: 1280px) {


    .container {


        max-width: 1280px;


    }


}





@media (min-width: 1540px) {


    .container {


        max-width: 1540px;


    }


}





.pointer-events-none {


    pointer-events: none;


}





.visible {


    visibility: visible;


}





.invisible {


    visibility: hidden;


}





.fixed {


    position: fixed;


}





.absolute {


    position: absolute;


}





.relative {


    position: relative;


}





.sticky {


    position: sticky;


}





.inset-0 {


    inset: 0px;


}





.inset-x-0 {


    left: 0px;


    right: 0px;


}





.-bottom-10 {


    bottom: -2.5rem;


}





.-bottom-16 {


    bottom: -4rem;


}





.-bottom-20 {


    bottom: -5rem;


}





.-bottom-64 {


    bottom: -16rem;


}





.-left-\[300px\] {


    left: -300px;


}





.-left-\[99\%\] {


    left: -99%;


}





.-left-full {


    left: -100%;


}





.-right-2 {


    right: -0.5rem;


}





.-right-3 {


    right: -0.75rem;


}





.-right-5 {


    right: -1.25rem;


}





.-right-\[12px\] {


    right: -12px;


}





.-right-\[300px\] {


    right: -300px;


}





.-top-2 {


    top: -0.5rem;


}





.-top-20 {


    top: -5rem;


}





.-top-24 {


    top: -6rem;


}





.-top-3 {


    top: -0.75rem;


}





.-top-44 {


    top: -11rem;


}





.-top-5 {


    top: -1.25rem;


}





.-top-\[12px\] {


    top: -12px;


}





.bottom-0 {


    bottom: 0px;


}





.bottom-10 {


    bottom: 2.5rem;


}





.bottom-24 {


    bottom: 6rem;


}





.bottom-3 {


    bottom: 0.75rem;


}





.bottom-5 {


    bottom: 1.25rem;


}





.bottom-56 {


    bottom: 14rem;


}





.bottom-8 {


    bottom: 2rem;


}





.bottom-\[-100px\] {


    bottom: -100px;


}





.bottom-\[-2px\] {


    bottom: -2px;


}





.bottom-\[-55px\] {


    bottom: -55px;


}





.bottom-\[-80px\] {


    bottom: -80px;


}





.left-0 {


    left: 0px;


}





.left-10 {


    left: 2.5rem;


}





.left-2 {


    left: 0.5rem;


}





.left-20 {


    left: 5rem;


}





.left-5 {


    left: 1.25rem;


}





.left-8 {


    left: 2rem;


}





.left-\[10\%\] {


    left: 10%;


}





.left-\[23\%\] {


    left: 23%;


}





.right-0 {


    right: 0px;


}





.right-2 {


    right: 0.5rem;


}





.right-5 {


    right: 1.25rem;


}





.right-8 {


    right: 2rem;


}





.right-\[-100px\] {


    right: -100px;


}





.top-0 {


    top: 0px;


}





.top-1 {


    top: 0.25rem;


}





.top-1\/2 {


    top: 50%;


}





.top-10 {


    top: 2.5rem;


}





.top-20 {


    top: 5rem;


}





.top-24 {


    top: 6rem;


}





.top-28 {


    top: 7rem;


}





.top-4 {


    top: 1rem;


}





.top-5 {


    top: 1.25rem;


}





.top-52 {


    top: 13rem;


}





.top-6 {


    top: 1.5rem;


}





.top-\[-150px\] {


    top: -150px;


}





.top-\[110px\] {


    top: 110px;


}





.top-\[20\%\] {


    top: 20%;


}





.top-\[60px\] {


    top: 60px;


}





.top-\[90px\] {


    top: 90px;


}





.-z-0 {


    z-index: 0;


}





.-z-10 {


    z-index: -10;


}





.z-0 {


    z-index: 0;


}





.z-10 {


    z-index: 10;


}





.z-20 {


    z-index: 20;


}





.z-30 {


    z-index: 30;


}





.z-40 {


    z-index: 40;


}





.z-50 {


    z-index: 50;


}





.z-\[-1\] {


    z-index: -1;


}





.z-\[99999999999999\] {


    z-index: 2147483647;


}





.order-1 {


    order: 1;


}





.order-2 {


    order: 2;


}





.order-3 {


    order: 3;


}





.col-span-1 {


    grid-column: span 1 / span 1;


}





.col-span-2 {


    grid-column: span 2 / span 2;


}





.col-span-5 {


    grid-column: span 5 / span 5;


}





.row-span-2 {


    grid-row: span 2 / span 2;


}





.m-2 {


    margin: 0.5rem;


}





.-mx-3 {


    margin-left: -0.75rem;


    margin-right: -0.75rem;


}





.-mx-5 {


    margin-left: -1.25rem;


    margin-right: -1.25rem;


}





.-mx-\[10px\] {


    margin-left: -10px;


    margin-right: -10px;


}





.-mx-\[20px\] {


    margin-left: -20px;


    margin-right: -20px;


}





.mx-0 {


    margin-left: 0px;


    margin-right: 0px;


}





.mx-1 {


    margin-left: 0.25rem;


    margin-right: 0.25rem;


}





.mx-12 {


    margin-left: 3rem;


    margin-right: 3rem;


}





.mx-2 {


    margin-left: 0.5rem;


    margin-right: 0.5rem;


}





.mx-auto {


    margin-left: auto;


    margin-right: auto;


}





.my-1 {


    margin-top: 0.25rem;


    margin-bottom: 0.25rem;


}





.my-10 {


    margin-top: 2.5rem;


    margin-bottom: 2.5rem;


}





.my-14 {


    margin-top: 3.5rem;


    margin-bottom: 3.5rem;


}





.my-2 {


    margin-top: 0.5rem;


    margin-bottom: 0.5rem;


}





.my-20 {


    margin-top: 5rem;


    margin-bottom: 5rem;


}





.my-3 {


    margin-top: 0.75rem;


    margin-bottom: 0.75rem;


}





.my-5 {


    margin-top: 1.25rem;


    margin-bottom: 1.25rem;


}





.-mb-20 {


    margin-bottom: -5rem;


}





.-ml-5 {


    margin-left: -1.25rem;


}





.mb-0 {


    margin-bottom: 0px;


}





.mb-1 {


    margin-bottom: 0.25rem;


}





.mb-10 {


    margin-bottom: 2.5rem;


}





.mb-12 {


    margin-bottom: 3rem;


}





.mb-14 {


    margin-bottom: 3.5rem;


}





.mb-16 {


    margin-bottom: 4rem;


}





.mb-2 {


    margin-bottom: 0.5rem;


}





.mb-20 {


    margin-bottom: 5rem;


}





.mb-24 {


    margin-bottom: 6rem;


}





.mb-3 {


    margin-bottom: 0.75rem;


}





.mb-32 {


    margin-bottom: 8rem;


}





.mb-4 {


    margin-bottom: 1rem;


}





.mb-5 {


    margin-bottom: 1.25rem;


}





.mb-6 {


    margin-bottom: 1.5rem;


}





.mb-7 {


    margin-bottom: 1.75rem;


}





.mb-8 {


    margin-bottom: 2rem;


}





.mb-\[21px\] {


    margin-bottom: 21px;


}





.mb-\[3px\] {


    margin-bottom: 3px;


}





.mb-\[5px\] {


    margin-bottom: 5px;


}





.ml-10 {


    margin-left: 2.5rem;


}





.ml-2 {


    margin-left: 0.5rem;


}





.ml-5 {


    margin-left: 1.25rem;


}





.ml-auto {


    margin-left: auto;


}





.mr-1 {


    margin-right: 0.25rem;


}





.mr-10 {


    margin-right: 2.5rem;


}





.mr-2 {


    margin-right: 0.5rem;


}





.mr-5 {


    margin-right: 1.25rem;


}





.mr-8 {


    margin-right: 2rem;


}





.mr-auto {


    margin-right: auto;


}





.mt-0 {


    margin-top: 0px;


}





.mt-1 {


    margin-top: 0.25rem;


}





.mt-10 {


    margin-top: 2.5rem;


}





.mt-14 {


    margin-top: 3.5rem;


}





.mt-16 {


    margin-top: 4rem;


}





.mt-2 {


    margin-top: 0.5rem;


}





.mt-20 {


    margin-top: 5rem;


}





.mt-3 {


    margin-top: 0.75rem;


}





.mt-4 {


    margin-top: 1rem;


}





.mt-5 {


    margin-top: 1.25rem;


}





.mt-6 {


    margin-top: 1.5rem;


}





.mt-7 {


    margin-top: 1.75rem;


}





.mt-8 {


    margin-top: 2rem;


}





.mt-\[-115px\] {


    margin-top: -115px;


}





.mt-\[15\%\] {


    margin-top: 15%;


}





.mt-\[21px\] {


    margin-top: 21px;


}





.mt-\[50px\] {


    margin-top: 50px;


}





.line-clamp-2 {


    overflow: hidden;


    display: -webkit-box;


    -webkit-box-orient: vertical;


    -webkit-line-clamp: 2;


}





.block {


    display: block;


}





.inline-block {


    display: inline-block;


}





.inline {


    display: inline;


}





.flex {


    display: flex;


}





.inline-flex {


    display: inline-flex;


}





.table {


    display: table;


}





.table-cell {


    display: table-cell;


}





.\!grid {


    display: grid !important;


}





.grid {


    display: grid;


}





.contents {


    display: contents;


}





.hidden {


    display: none;


}





.h-1\/2 {


    height: 50%;


}





.h-1\/3 {


    height: 33.3333%;


}





.h-10 {


    height: 2.5rem;


}





.h-16 {


    height: 4rem;


}





.h-2 {


    height: 0.5rem;


}





.h-2\/3 {


    height: 66.6667%;


}





.h-20 {


    height: 5rem;


}





.h-4 {


    height: 1rem;


}





.h-5 {


    height: 1.25rem;


}





.h-6 {


    height: 1.5rem;


}





.h-7 {


    height: 1.75rem;


}





.h-8 {


    height: 2rem;


}





.h-\[100px\] {


    height: 100px;


}





.h-\[130px\] {


    height: 130px;


}





.h-\[150px\] {


    height: 150px;


}





.h-\[1px\] {


    height: 1px;


}





.h-\[200px\] {


    height: 200px;


}





.h-\[300px\] {


    height: 300px;


}





.h-\[30px\] {


    height: 30px;


}





.h-\[30vh\] {


    height: 30vh;


}





.h-\[400px\] {


    height: 400px;


}





.h-\[44px\] {


    height: 44px;


}





.h-\[450px\] {


    height: 450px;


}





.h-\[50vh\] {


    height: 50vh;


}





.h-\[52px\] {


    height: 52px;


}





.h-\[60\%\] {


    height: 60%;


}





.h-\[60vh\] {


    height: 60vh;


}





.h-\[66px\] {


    height: 66px;


}





.h-\[80\%\] {


    height: 80%;


}





.h-auto {


    height: auto;


}





.h-full {


    height: 100%;


}





.h-screen {


    height: 100vh;


}





.max-h-\[415px\] {


    max-height: 415px;


}





.max-h-\[450px\] {


    max-height: 450px;


}





.max-h-\[485px\] {


    max-height: 485px;


}





.max-h-\[600px\] {


    max-height: 600px;


}





.max-h-\[800px\] {


    max-height: 800px;


}





.max-h-\[80vh\] {


    max-height: 80vh;


}





.max-h-\[900px\] {


    max-height: 900px;


}





.min-h-\[280px\] {


    min-height: 280px;


}





.min-h-\[400px\] {


    min-height: 400px;


}





.min-h-\[425px\] {


    min-height: 425px;


}





.min-h-\[500px\] {


    min-height: 500px;


}





.min-h-\[600px\] {


    min-height: 600px;


}





.min-h-\[620px\] {


    min-height: 620px;


}





.min-h-\[680px\] {


    min-height: 680px;


}





.\!w-\[100\%\] {


    width: 100% !important;


}





.w-1\/12 {


    width: 8.33333%;


}





.w-1\/2 {


    width: 50%;


}





.w-10 {


    width: 2.5rem;


}





.w-11\/12 {


    width: 91.6667%;


}





.w-14 {


    width: 3.5rem;


}





.w-16 {


    width: 4rem;


}





.w-2 {


    width: 0.5rem;


}





.w-2\/6 {


    width: 33.3333%;


}





.w-20 {


    width: 5rem;


}





.w-3 {


    width: 0.75rem;


}





.w-36 {


    width: 9rem;


}





.w-4 {


    width: 1rem;


}





.w-5 {


    width: 1.25rem;


}





.w-6 {


    width: 1.5rem;


}





.w-60 {


    width: 15rem;


}





.w-7 {


    width: 1.75rem;


}





.w-8 {


    width: 2rem;


}





.w-\[100\%\] {


    width: 100%;


}





.w-\[1024px\] {


    width: 1024px;


}





.w-\[130px\] {


    width: 130px;


}





.w-\[15px\] {


    width: 15px;


}





.w-\[16\%\] {


    width: 16%;


}





.w-\[180px\] {


    width: 180px;


}





.w-\[193px\] {


    width: 193px;


}





.w-\[200px\] {


    width: 200px;


}





.w-\[230px\] {


    width: 230px;


}





.w-\[250px\] {


    width: 250px;


}





.w-\[257px\] {


    width: 257px;


}





.w-\[25px\] {


    width: 25px;


}





.w-\[280px\] {


    width: 280px;


}





.w-\[300px\] {


    width: 300px;


}





.w-\[30px\] {


    width: 30px;


}





.w-\[32px\] {


    width: 32px;


}





.w-\[66px\] {


    width: 66px;


}





.w-\[80px\] {


    width: 80px;


}





.w-\[90\%\] {


    width: 90%;


}





.w-\[calc\(100\%_-_460px\)\] {


    width: calc(100% - 460px);


}





.w-auto {


    width: auto;


}





.w-full {


    width: 100%;


}





.w-screen {


    width: 100vw;


}





.min-w-\[175px\] {


    min-width: 175px;


}





.max-w-3xl {


    max-width: 48rem;


}





.max-w-4xl {


    max-width: 56rem;


}





.max-w-5xl {


    max-width: 64rem;


}





.max-w-6xl {


    max-width: 72rem;


}





.max-w-7xl {


    max-width: 80rem;


}





.max-w-\[1050px\] {


    max-width: 1050px;


}





.max-w-\[1100px\] {


    max-width: 1100px;


}





.max-w-\[1134px\] {


    max-width: 1134px;


}





.max-w-\[145px\] {


    max-width: 145px;


}





.max-w-\[230px\] {


    max-width: 230px;


}





.max-w-\[250px\] {


    max-width: 250px;


}





.max-w-\[300px\] {


    max-width: 300px;


}





.max-w-\[40\%\] {


    max-width: 40%;


}





.max-w-\[450px\] {


    max-width: 450px;


}





.max-w-\[80\%\] {


    max-width: 80%;


}





.max-w-\[900px\] {


    max-width: 900px;


}





.max-w-full {


    max-width: 100%;


}





.max-w-lg {


    max-width: 32rem;


}





.max-w-md {


    max-width: 28rem;


}





.max-w-sm {


    max-width: 24rem;


}





.max-w-xl {


    max-width: 36rem;


}





.max-w-xs {


    max-width: 20rem;


}





.shrink-0 {


    flex-shrink: 0;


}





.grow {


    flex-grow: 1;


}





.basis-1\/12 {


    flex-basis: 8.33333%;


}





.basis-1\/3 {


    flex-basis: 33.3333%;


}





.basis-1\/6 {


    flex-basis: 16.6667%;


}





.basis-10\/12 {


    flex-basis: 83.3333%;


}





.basis-11\/12 {


    flex-basis: 91.6667%;


}





.basis-2\/12 {


    flex-basis: 16.6667%;


}





.basis-2\/3 {


    flex-basis: 66.6667%;


}





.basis-5\/6 {


    flex-basis: 83.3333%;


}





.origin-bottom {


    transform-origin: center bottom;


}





.origin-bottom-left {


    transform-origin: left bottom;


}





.origin-bottom-right {


    transform-origin: right bottom;


}





.rotate-180 {


    --tw-rotate: 180deg;


}





.rotate-180,


.rotate-\[-130deg\] {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.rotate-\[-130deg\] {


    --tw-rotate: -130deg;


}





.scale-100 {


    --tw-scale-x: 1;


    --tw-scale-y: 1;


}





.scale-100,


.scale-50 {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.scale-50 {


    --tw-scale-x: .5;


    --tw-scale-y: .5;


}





.scale-75 {


    --tw-scale-x: .75;


    --tw-scale-y: .75;


}





.scale-75,


.scale-90 {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.scale-90 {


    --tw-scale-x: .9;


    --tw-scale-y: .9;


}





.scale-\[60\%\] {


    --tw-scale-x: 60%;


    --tw-scale-y: 60%;


}





.scale-\[60\%\],


.scale-\[70\%\] {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.scale-\[70\%\] {


    --tw-scale-x: 70%;


    --tw-scale-y: 70%;


}





.transform {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.animate-ping {


    animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping;


}





.cursor-pointer {


    cursor: pointer;


}





.list-disc {


    list-style-type: disc;


}





.\!grid-cols-1 {


    grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;


}





.grid-cols-1 {


    grid-template-columns: repeat(1, minmax(0px, 1fr));


}





.grid-cols-2 {


    grid-template-columns: repeat(2, minmax(0px, 1fr));


}





.grid-cols-7 {


    grid-template-columns: repeat(7, minmax(0px, 1fr));


}





.grid-cols-\[100\%\] {


    grid-template-columns: 100%;


}





.flex-row {


    flex-direction: row;


}





.flex-col {


    flex-direction: column;


}





.flex-wrap {


    flex-wrap: wrap;


}





.flex-nowrap {


    flex-wrap: nowrap;


}





.items-start {


    align-items: flex-start;


}





.items-end {


    align-items: flex-end;


}





.items-center {


    align-items: center;


}





.items-stretch {


    align-items: stretch;


}





.\!justify-start {


    justify-content: flex-start !important;


}





.justify-start {


    justify-content: flex-start;


}





.justify-end {


    justify-content: flex-end;


}





.justify-center {


    justify-content: center;


}





.justify-between {


    justify-content: space-between;


}





.justify-around {


    justify-content: space-around;


}





.justify-items-start {


    justify-items: start;


}





.gap-0 {


    gap: 0px;


}





.gap-1 {


    gap: 0.25rem;


}





.gap-10 {


    gap: 2.5rem;


}





.gap-14 {


    gap: 3.5rem;


}





.gap-16 {


    gap: 4rem;


}





.gap-2 {


    gap: 0.5rem;


}





.gap-20 {


    gap: 5rem;


}





.gap-3 {


    gap: 0.75rem;


}





.gap-4 {


    gap: 1rem;


}





.gap-5 {


    gap: 1.25rem;


}





.gap-6 {


    gap: 1.5rem;


}





.gap-7 {


    gap: 1.75rem;


}





.gap-8 {


    gap: 2rem;


}





.gap-\[1px\] {


    gap: 1px;


}





.gap-x-4 {


    column-gap: 1rem;


}





.gap-y-6 {


    row-gap: 1.5rem;


}





.overflow-hidden {


    overflow: hidden;


}





.overflow-visible {


    overflow: visible;


}





.overflow-y-auto {


    overflow-y: auto;


}





.overflow-x-hidden {


    overflow-x: hidden;


}





.overflow-y-hidden {


    overflow-y: hidden;


}





.overflow-x-visible {


    overflow-x: visible;


}





.whitespace-pre-line {


    white-space: pre-line;


}





.text-nowrap {


    text-wrap: nowrap;


}





.rounded-\[4px\] {


    border-radius: 4px;


}





.rounded-full {


    border-radius: 9999px;


}





.\!border {


    border-width: 1px !important;


}





.border {


    border-width: 1px;


}





.border-2 {


    border-width: 2px;


}





.border-\[1px\] {


    border-width: 1px;


}





.border-b {


    border-bottom-width: 1px;


}





.border-b-2 {


    border-bottom-width: 2px;


}





.border-b-\[1px\] {


    border-bottom-width: 1px;


}





.border-l-2 {


    border-left-width: 2px;


}





.border-l-\[1px\] {


    border-left-width: 1px;


}





.border-r-\[1px\] {


    border-right-width: 1px;


}





.border-t,


.border-t-\[1px\] {


    border-top-width: 1px;


}





.border-solid {


    border-style: solid;


}





.\!border-white {


    --tw-border-opacity: 1 !important;


    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important;


}





.border-\[\#444444\] {


    --tw-border-opacity: 1;


    border-color: rgb(68 68 68/var(--tw-border-opacity));


}





.border-\[\#582979\] {


    --tw-border-opacity: 1;


    border-color: rgb(88 41 121/var(--tw-border-opacity));


}





.border-\[\#898A8A\] {


    --tw-border-opacity: 1;


    border-color: rgb(137 138 138/var(--tw-border-opacity));


}





.border-\[\#F0EAE399\] {


    border-color: rgba(240, 234, 227, 0.6);


}





.border-\[\#ffffff59\] {


    border-color: rgba(255, 255, 255, 0.35);


}





.border-black {


    --tw-border-opacity: 1;


    border-color: rgb(0 0 0/var(--tw-border-opacity));


}





.border-gray-300 {


    --tw-border-opacity: 1;


    border-color: rgb(209 213 219/var(--tw-border-opacity));


}





.border-thmBlack {


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


}





.border-thmBrown {


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





.border-thmLightGray {


    --tw-border-opacity: 1;


    border-color: rgb(217 217 217/var(--tw-border-opacity));


}





.border-transparent {


    border-color: transparent;


}





.border-white {


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


}





.border-opacity-0 {


    --tw-border-opacity: 0;


}





.border-opacity-20 {


    --tw-border-opacity: 0.2;


}





.border-opacity-45 {


    --tw-border-opacity: 0.45;


}





.border-opacity-50 {


    --tw-border-opacity: 0.5;


}





.border-opacity-70 {


    --tw-border-opacity: 0.7;


}





.\!bg-\[\#582979\] {


    --tw-bg-opacity: 1 !important;


    background-color: rgb(88 41 121/var(--tw-bg-opacity)) !important;


}





.\!bg-black {


    --tw-bg-opacity: 1 !important;


    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important;


}





.bg-\[\#0B1216\] {


    --tw-bg-opacity: 1;


    background-color: rgb(11 18 22/var(--tw-bg-opacity));


}





.bg-\[\#1f1f1f\] {


    --tw-bg-opacity: 1;


    background-color: rgb(31 31 31/var(--tw-bg-opacity));


}





.bg-\[\#242424\] {


    --tw-bg-opacity: 1;


    background-color: rgb(36 36 36/var(--tw-bg-opacity));


}





.bg-\[\#363639\] {


    --tw-bg-opacity: 1;


    background-color: rgb(54 54 57/var(--tw-bg-opacity));


}





.bg-\[\#9F9D9880\] {


    background-color: rgb(126, 97, 77);


}





.bg-\[\#AD8B3A\] {


    --tw-bg-opacity: 1;


    background-color: rgb(173 139 58/var(--tw-bg-opacity));


}





.bg-\[\#F9F5EC\] {


    --tw-bg-opacity: 1;


    background-color: rgb(249 245 236/var(--tw-bg-opacity));


}





.bg-\[\#daaf7db3\] {


    background-color: rgb(59, 146, 162);


}





.bg-\[\#e6e5ea\] {


    --tw-bg-opacity: 1;


    background-color: rgb(230 229 234/var(--tw-bg-opacity));


}





.bg-\[\#efefef\] {


    --tw-bg-opacity: 1;


    background-color: rgb(239 239 239/var(--tw-bg-opacity));


}





.bg-\[\#f2f2f2\] {


    --tw-bg-opacity: 1;


    background-color: rgb(242 242 242/var(--tw-bg-opacity));


}





.bg-\[rgba\(250\,_249\,_249\,_0\.02\)\] {


    background-color: rgba(250, 249, 249, 0.02);


}





.bg-black {


    --tw-bg-opacity: 1;


    background-color: rgb(0 0 0/var(--tw-bg-opacity));


}





.bg-gray-100 {


    --tw-bg-opacity: 1;


    background-color: rgb(243 244 246/var(--tw-bg-opacity));


}





.bg-red-100 {


    --tw-bg-opacity: 1;


    background-color: rgb(254 226 226/var(--tw-bg-opacity));


}





.bg-thmBlack {


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


}





.bg-thmBrown {


    --tw-bg-opacity: 1;


    background-color: rgb(41, 110, 123);


}





.bg-thmCream {


    --tw-bg-opacity: 1;


    background-color: rgb(244 234 229/var(--tw-bg-opacity));


}





.bg-thmGold {


    --tw-bg-opacity: 1;


    background-color: rgb(218 175 125/var(--tw-bg-opacity));


}





.bg-thmGreen {


    --tw-bg-opacity: 1;


    background-color: rgb(140 181 187/var(--tw-bg-opacity));


}





.bg-thmLightGreen {


    --tw-bg-opacity: 1;


    background-color: rgb(170 255 63/var(--tw-bg-opacity));


}





.bg-thmPink {


    --tw-bg-opacity: 1;


    background-color: rgb(206 133 117/var(--tw-bg-opacity));


}





.bg-transparent {


    background-color: transparent;


}





.bg-white {


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.bg-opacity-20 {


    --tw-bg-opacity: 0.2;


}





.bg-opacity-40 {


    --tw-bg-opacity: 0.4;


}





.bg-opacity-50 {


    --tw-bg-opacity: 0.5;


}





.bg-opacity-60 {


    --tw-bg-opacity: 0.6;


}





.bg-opacity-80 {


    --tw-bg-opacity: 0.8;


}





.bg-gradient-to-l {


    background-image: linear-gradient(to left, var(--tw-gradient-stops));


}





.bg-gradient-to-r {


    background-image: linear-gradient(to right, var(--tw-gradient-stops));


}





.bg-gradient-to-t {


    background-image: linear-gradient(to top, var(--tw-gradient-stops));


}





.from-\[\#242424\] {


    --tw-gradient-from: #242424 var(--tw-gradient-from-position);


    --tw-gradient-to: rgba(36, 36, 36, 0) var(--tw-gradient-to-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


}





.from-black {


    --tw-gradient-to: transparent var(--tw-gradient-to-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


}





.from-thmBlack {


    --tw-gradient-to: rgba(0, 10, 13, 0) var(--tw-gradient-to-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


}





.via-\[\#242424\] {


    --tw-gradient-to: rgba(36, 36, 36, 0) var(--tw-gradient-to-position);


    --tw-gradient-stops: var(--tw-gradient-from), #242424 var(--tw-gradient-via-position), var(--tw-gradient-to);


}





.via-transparent {


    --tw-gradient-to: transparent var(--tw-gradient-to-position);


    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);


}





.to-\[\#242424\] {


    --tw-gradient-to: #242424 var(--tw-gradient-to-position);


}





.to-transparent {


    --tw-gradient-to: transparent var(--tw-gradient-to-position);


}





.object-contain {


    object-fit: contain;


}





.object-cover {


    object-fit: cover;


}





.object-\[30\%_0\] {


    object-position: 30% 0px;


}





.object-\[50\%_70\%\] {


    object-position: 50% 70%;


}





.object-bottom {


    object-position: center bottom;


}





.object-center {


    object-position: center center;


}





.object-left {


    object-position: left center;


}





.object-left-bottom {


    object-position: left bottom;


}





.object-left-top {


    object-position: left top;


}





.object-right {


    object-position: right center;


}





.object-top {


    object-position: center top;


}





.p-1 {


    padding: 0.25rem;


}





.p-10 {


    padding: 2.5rem;


}





.p-2 {


    padding: 0.5rem;


}





.p-3 {


    padding: 0.75rem;


}





.p-4 {


    padding: 1rem;


}





.p-5 {


    padding: 1.25rem;


}





.p-7 {


    padding: 1.75rem;


}





.p-8 {


    padding: 2rem;


}





.\!px-\[39px\] {


    padding-left: 39px !important;


    padding-right: 39px !important;


}





.px-0 {


    padding-left: 0px;


    padding-right: 0px;


}





.px-10 {


    padding-left: 2.5rem;


    padding-right: 2.5rem;


}





.px-14 {


    padding-left: 3.5rem;


    padding-right: 3.5rem;


}





.px-2 {


    padding-left: 0.5rem;


    padding-right: 0.5rem;


}





.px-20 {


    padding-left: 5rem;


    padding-right: 5rem;


}





.px-3 {


    padding-left: 0.75rem;


    padding-right: 0.75rem;


}





.px-4 {


    padding-left: 1rem;


    padding-right: 1rem;


}





.px-5 {


    padding-left: 1.25rem;


    padding-right: 1.25rem;


}





.px-6 {


    padding-left: 1.5rem;


    padding-right: 1.5rem;


}





.px-7 {


    padding-left: 1.75rem;


    padding-right: 1.75rem;


}





.px-8 {


    padding-left: 2rem;


    padding-right: 2rem;


}





.px-\[10px\] {


    padding-left: 10px;


    padding-right: 10px;


}





.px-\[39px\] {


    padding-left: 39px;


    padding-right: 39px;


}





.py-0 {


    padding-top: 0px;


    padding-bottom: 0px;


}





.py-1 {


    padding-top: 0.25rem;


    padding-bottom: 0.25rem;


}





.py-10 {


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





.py-14 {


    padding-top: 3.5rem;


    padding-bottom: 3.5rem;


}





.py-16 {


    padding-top: 4rem;


    padding-bottom: 4rem;


}





.py-2 {


    padding-top: 0.5rem;


    padding-bottom: 0.5rem;


}





.py-20 {


    padding-top: 5rem;


    padding-bottom: 5rem;


}





.py-3 {


    padding-top: 0.75rem;


    padding-bottom: 0.75rem;


}





.py-4 {


    padding-top: 1rem;


    padding-bottom: 1rem;


}





.py-5 {


    padding-top: 1.25rem;


    padding-bottom: 1.25rem;


}





.py-6 {


    padding-top: 1.5rem;


    padding-bottom: 1.5rem;


}





.py-7 {


    padding-top: 1.75rem;


    padding-bottom: 1.75rem;


}





.py-\[1px\] {


    padding-top: 1px;


    padding-bottom: 1px;


}





.\!pb-10 {


    padding-bottom: 2.5rem !important;


}





.\!pb-20 {


    padding-bottom: 5rem !important;


}





.\!pt-10 {


    padding-top: 2.5rem !important;


}





.pb-0 {


    padding-bottom: 0px;


}





.pb-0\.5 {


    padding-bottom: 0.125rem;


}





.pb-1 {


    padding-bottom: 0.25rem;


}





.pb-10 {


    padding-bottom: 2.5rem;


}





.pb-12 {


    padding-bottom: 3rem;


}





.pb-14 {


    padding-bottom: 3.5rem;


}





.pb-16 {


    padding-bottom: 4rem;


}





.pb-2 {


    padding-bottom: 0.5rem;


}





.pb-20 {


    padding-bottom: 5rem;


}





.pb-24 {


    padding-bottom: 6rem;


}





.pb-3 {


    padding-bottom: 0.75rem;


}





.pb-4 {


    padding-bottom: 1rem;


}





.pb-48 {


    padding-bottom: 12rem;


}





.pb-5 {


    padding-bottom: 1.25rem;


}





.pb-8 {


    padding-bottom: 2rem;


}





.pb-\[30px\] {


    padding-bottom: 30px;


}





.pb-\[56\.25\%\] {


    padding-bottom: 56.25%;


}





.pb-\[600px\] {


    padding-bottom: 600px;


}





.pl-10 {


    padding-left: 2.5rem;


}





.pl-2 {


    padding-left: 0.5rem;


}





.pl-5 {


    padding-left: 1.25rem;


}





.pr-10 {


    padding-right: 2.5rem;


}





.pr-2 {


    padding-right: 0.5rem;


}





.pr-5 {


    padding-right: 1.25rem;


}





.pt-0 {


    padding-top: 0px;


}





.pt-1 {


    padding-top: 0.25rem;


}





.pt-10 {


    padding-top: 2.5rem;


}





.pt-14 {


    padding-top: 3.5rem;


}





.pt-2 {


    padding-top: 0.5rem;


}





.pt-20 {


    padding-top: 5rem;


}





.pt-24 {


    padding-top: 6rem;


}





.pt-3 {


    padding-top: 0.75rem;


}





.pt-4 {


    padding-top: 1rem;


}





.pt-5 {


    padding-top: 1.25rem;


}





.pt-7 {


    padding-top: 1.75rem;


}





.pt-8 {


    padding-top: 2rem;


}





.text-left {


    text-align: left;


}





.\!text-center {


    text-align: center !important;


}





.text-center {


    text-align: center;


}





.text-right {


    text-align: right;


}





.text-justify {


    text-align: justify;


}





.align-top {


    vertical-align: top;


}





.align-bottom {


    vertical-align: bottom;


}





.\!text-lg {


    font-size: 1.125rem !important;


    line-height: 1.75rem !important;


}





.text-2xl {


    font-size: 1.5rem;


    line-height: 2rem;


}





.text-4xl {


    font-size: 2.25rem;


    line-height: 2.5rem;


}





.text-\[10px\] {


    font-size: 10px;


}





.text-\[12px\] {


    font-size: 12px;


}





.text-\[14px\] {


    font-size: 14px;


}





.text-\[15px\] {


    font-size: 15px;


}





.text-\[16px\] {


    font-size: 16px;


    line-height: 29px;


}





.text-\[21\.37px\] {


    font-size: 21.37px;


}





.text-\[22px\] {


    font-size: 22px;


}





.text-\[30px\] {


    font-size: 30px;


}





.text-\[48px\] {


    font-size: 48px;


}





.text-\[8\.45px\] {


    font-size: 8.45px;


}





.text-\[8px\] {


    font-size: 8px;


}





.text-base {


    font-size: 1rem;


    line-height: 1.5rem;


}





.text-lg {


    font-size: 1.125rem;


    line-height: 1.75rem;


}





.text-sm {


    font-size: 0.875rem;


    line-height: 1.25rem;


}





.text-xl {


    font-size: 1.25rem;


    line-height: 1.75rem;


}





.text-xs {


    font-size: 0.75rem;


    line-height: 1rem;


}





.\!font-\[300\] {


    font-weight: 300 !important;


}





.font-\[400\] {


    font-weight: 400;


}





.font-\[700\],


.font-bold {


    font-weight: 500;


}





.font-light {


    font-weight: 300;


}





.font-medium {


    font-weight: 500;


}





.font-normal {


    font-weight: 400;


}





.font-semibold {


    font-weight: 500;


}





.font-thin {


    font-weight: 100;


}





.uppercase {


    text-transform: uppercase;


}





.capitalize {


    text-transform: capitalize;


}





.italic {


    font-style: italic;


}





.leading-4 {


    line-height: 1rem;


}





.leading-8 {


    line-height: 2rem;


}





.leading-\[21\.72px\] {


    line-height: 21.72px;


}





.leading-\[26px\] {


    line-height: 26px;


}





.leading-\[29px\] {


    line-height: 29px;


}





.leading-\[50px\] {


    line-height: 50px;


}





.leading-none {


    line-height: 1;


}





.leading-normal {


    line-height: 1.5;


}





.leading-relaxed {


    line-height: 1.625;


}





.leading-snug {


    line-height: 1.375;


}





.leading-tight {


    line-height: 1.25;


}





.tracking-\[1\.23px\] {


    letter-spacing: 1.23px;


}





.tracking-\[1px\] {


    letter-spacing: 1px;


}





.tracking-wide {


    letter-spacing: 0.025em;


}





.tracking-wider {


    letter-spacing: 0.05em;


}





.tracking-widest {


    letter-spacing: 0.1em;


}





.\!text-\[\#1B1F26B8\] {


    color: rgba(27, 31, 38, 0.72) !important;


}





.\!text-\[\#ffffff95\] {


    color: rgba(255, 255, 255, 0.584) !important;


}





.\!text-white {


    --tw-text-opacity: 1 !important;


    color: rgb(255 255 255/var(--tw-text-opacity)) !important;


}





.text-\[\#000000\] {


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.text-\[\#0e1114\] {


    --tw-text-opacity: 1;


    color: rgb(14 17 20/var(--tw-text-opacity));


}





.text-\[\#1B1F26B8\] {


    color: rgb(0, 0, 0);


    font-weight: 400;


    font-size: 16px !important;


    line-height: 31px !important;


}





.text-\[\#57575E\] {


    --tw-text-opacity: 1;


    color: rgba(14, 14, 14, 0.92);


}





.text-\[\#856535\] {


    --tw-text-opacity: 1;


    color: rgb(133 101 53/var(--tw-text-opacity));


}





.text-\[\#9299A4\] {


    --tw-text-opacity: 1;


    color: rgb(146 153 164/var(--tw-text-opacity));


}





.text-\[\#98BBA0\] {


    --tw-text-opacity: 1;


    color: rgb(152 187 160/var(--tw-text-opacity));


}





.text-\[\#AD8B3A\] {


    --tw-text-opacity: 1;


    color: rgb(173 139 58/var(--tw-text-opacity));


}





.text-\[\#BF9E77\] {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.text-\[\#F0D5F3\] {


    --tw-text-opacity: 1;


    color: rgb(240 213 243/var(--tw-text-opacity));


}





.text-\[\#FFFFFF\] {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.text-\[\#bf9e77\] {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.text-\[\#c7c7c7\] {


    --tw-text-opacity: 1;


    color: rgb(199 199 199/var(--tw-text-opacity));


}





.text-\[\#f5f5f5\] {


    --tw-text-opacity: 1;


    color: rgb(245 245 245/var(--tw-text-opacity));


}





.text-\[\#ffffff30\] {


    color: rgba(255, 255, 255, 0.19);


}





.text-\[\#ffffff80\] {


    color: rgba(255, 255, 255, 0.5);


}





.text-\[\#ffffff8f\] {


    color: rgba(255, 255, 255, 0.56);


}





.text-\[ffffffc2\] {}





.text-black {


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.text-gray-400 {


    --tw-text-opacity: 1;


    color: rgb(156 163 175/var(--tw-text-opacity));


}





.text-gray-500 {


    --tw-text-opacity: 1;


    color: rgb(107 114 128/var(--tw-text-opacity));


}





.text-red-500 {


    --tw-text-opacity: 1;


    color: rgb(239 68 68/var(--tw-text-opacity));


}





.text-thmBlack {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.text-thmBrown {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.text-thmDarkGray {


    --tw-text-opacity: 1;


    color: rgb(30 35 38/var(--tw-text-opacity));


}





.text-thmGold {


    --tw-text-opacity: 1;


    color: rgb(2, 2, 2);


}





.text-thmGray {


    --tw-text-opacity: 1;


    color: rgb(87 87 94/var(--tw-text-opacity));


}





.text-white {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.text-opacity-50 {


    --tw-text-opacity: 0.5;


}





.text-opacity-60 {


    --tw-text-opacity: 0.6;


}





.text-opacity-80 {


    --tw-text-opacity: 0.8;


}





.text-opacity-90 {


    --tw-text-opacity: 0.9;


}





.underline {


    text-decoration-line: underline;


}





.underline-offset-1 {


    text-underline-offset: 1px;


}





.\!placeholder-white::placeholder {


    --tw-placeholder-opacity: 1 !important;


    color: rgb(255 255 255/var(--tw-placeholder-opacity)) !important;


}





.placeholder-white::placeholder {


    --tw-placeholder-opacity: 1;


    color: rgb(255 255 255/var(--tw-placeholder-opacity));


}





.opacity-0 {


    opacity: 0;


}





.opacity-25 {


    opacity: 0.25;


}





.opacity-30 {


    opacity: 0.3;


}





.opacity-40 {


    opacity: 0.4;


}





.opacity-60 {


    opacity: 0.6;


}





.opacity-65 {


    opacity: 0.65;


}





.opacity-70 {


    opacity: 0.7;


}





.opacity-80 {


    opacity: 0.8;


}





.opacity-90 {


    opacity: 0.9;


}





.shadow-lg {


    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);


    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);


    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);


}





.shadow-thmBlack {


    --tw-shadow-color: #000a0d;


    --tw-shadow: var(--tw-shadow-colored);


}





.outline-none {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.filter {


    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}





.transition {


    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


}





.transition-all {


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


}





.transition-colors {


    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


}





.transition-opacity {


    transition-property: opacity;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


}





.transition-transform {


    transition-property: transform;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


}





.duration-1000 {


    transition-duration: 1s;


}





.duration-200 {


    transition-duration: 0.2s;


}





.duration-300 {


    transition-duration: 0.3s;


}





.duration-500 {


    transition-duration: 0.5s;


}





.ease-in {


    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);


}





.ease-in-out {


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


}





.ease-linear {


    transition-timing-function: linear;


}





body,


html {


    scroll-behavior: smooth !important;


}





.h1 {


    display: inline-block;


    font-size: 32px;


}





@media (min-width: 640px) {


    .h1 {


        font-size: 45px;


    }


}





@media (min-width: 1024px) {


    .h1 {


        font-size: 50px;


    }


}





@media (min-width: 1280px) {


    .h1 {


        font-size: 64px;


    }


}





@media (min-width: 1540px) {


    .h1 {


        font-size: 80px;


    }


}





.h1 {


    line-height: 110%;


}





.h1Taj {


    display: inline-block;


    font-size: 32px;


}





@media (min-width: 640px) {


    .h1Taj {


        font-size: 45px;


    }


}





@media (min-width: 1024px) {


    .h1Taj {


        font-size: 50px;


    }


}





@media (min-width: 1280px) {


    .h1Taj {


        font-size: 52px;


    }


}





@media (min-width: 1540px) {


    .h1Taj {


        font-size: 64px;


    }


}





.h1Taj {


    line-height: 110%;


}





.h2 {


    font-size: 28px;


}





@media (min-width: 768px) {


    .h2 {


        font-size: 36px;


    }


}





@media (min-width: 1024px) {


    .h2 {


        font-size: 22px !important;


    }


}





@media (min-width: 1540px) {


    .h2 {


        font-size: 22px;


    }


}





.h2 {


    line-height: 110%;


}





.h2Taj {


    font-size: 28px;


}





@media (min-width: 768px) {


    .h2Taj {


        font-size: 36px;


    }


}





@media (min-width: 1024px) {


    .h2Taj {


        font-size: 42px;


    }


}





@media (min-width: 1540px) {


    .h2Taj {


        font-size: 50px;


    }


}





.h2Taj {


    line-height: 110%;


}





.h3 {


    font-size: 24px;


    line-height: 1.25;


}





@media (min-width: 768px) {


    .h3 {


        font-size: 28px;


    }


}





@media (min-width: 1024px) {


    .h3 {


        font-size: 35px;


    }


}





@media (min-width: 1540px) {


    .h3 {


        font-size: 45px;


    }


}





.h4 {


    font-size: 20px;


}





@media (min-width: 768px) {


    .h4 {


        font-size: 24px;


    }


}





@media (min-width: 1024px) {


    .h4 {


        font-size: 30px;


    }


}





.h4 {


    line-height: 110%;


}





.h5 {


    font-size: 18px;


    line-height: 2rem;


}





@media (min-width: 768px) {


    .h5 {


        font-size: 22px;


    }


}





.h5Taj {


    font-size: 18px;


    line-height: 2rem;


}





@media (min-width: 768px) {


    .h5Taj {


        font-size: 22px;


    }


}





.h6 {


    font-size: 1rem;


    line-height: 1.5rem;


}





@media (min-width: 550px) {


    .h6 {


        font-size: 1.25rem;


        line-height: 1.75rem;


    }


}





.h6 {


    line-height: 110%;


}





.paraOne {


    font-size: 15px;


    line-height: 29px;


    font-family: Barlow, sans-serif;


}





.paraOneTaj {


    font-size: 18px;


}





.paraTwo {


    font-size: 14px;


}





.paraThree {


    font-size: 21px;


}





.paraFour {


    font-size: 20px;


}





.eleganceGradient {


    background: linear-gradient(0deg, rgba(0, 10, 13, 0.65), rgba(0, 10, 13, 0.65) 50%, rgba(0, 10, 13, 0.65));


}





.eleganceGradient,


.imgGradient {


    position: absolute;


    bottom: 0px;


    left: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


}





.imgGradient {


    background: linear-gradient(0deg, rgba(0, 10, 13, 0.5), rgba(0, 10, 13, 0) 50%, rgba(0, 10, 13, 0));


}





.menu-name {


    border-bottom: 1px solid rgba(0, 0, 0, 0.2);


    border-top-style: solid;


    border-right-style: solid;


    border-left-style: solid;


    font-size: 14px;


    color: black;


    text-decoration: none;


    text-transform: uppercase;


    border-top-color: rgba(0, 0, 0, 0.2);


    border-right-color: rgba(0, 0, 0, 0.2);


    border-left-color: rgba(0, 0, 0, 0.2);


    --tw-border-opacity: 0.2;


    padding-top: 0.6rem;


    padding-bottom: 0.6rem;


    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.drop,


.menu-name:hover {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.drop {


    display: flex;


    align-items: center;


    justify-content: space-between;


    fill: rgb(191, 158, 119);


}





.drop .downArrow svg path {


    fill: rgb(255, 255, 255);


    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.drop .menutitle {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.drop:hover .menutitle {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.drop:hover svg path {


    fill: rgb(191, 158, 119);


}





.active {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.BnwBuilding svg path,


.active {


    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.BnwBuilding svg path {


    fill: rgb(255, 255, 255);


}





.closeBtn svg path {


    stroke: rgb(0, 0, 0);


    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.closeBtn:hover svg path {


    stroke: rgb(191, 158, 119);


}





.navBg {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 10;


    height: 90px;


    width: 100%;


}





@media (min-width: 1024px) {


    .navBg {


        height: 130px;


    }


}





.navbarGradient {



z-index: 99;



/* padding: 2px; */



height: 88px;



width: 100%;



background: rgb(86 63 51);
}





.comingSoonGradient {


    background: rgba(0, 10, 12, 0.8);


}





.bannerGradient {


    background: linear-gradient(0deg, rgb(0, 10, 12), rgba(0, 10, 12, 0.8) 60%, rgba(0, 10, 13, 0));


}





.goldGradient {


    background: linear-gradient(rgb(36, 36, 36), rgb(0, 10, 13));


}





.sound-btn {


    position: relative;


    z-index: 0;


    min-width: 100px;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    padding: 0.625rem 1.25rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.sound-btn .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





@media (min-width: 1024px) {


    .sound-btn:hover {


        --tw-bg-opacity: 1;


        background-color: rgb(255 255 255/var(--tw-bg-opacity));


        --tw-text-opacity: 1;


        color: rgb(0 10 13/var(--tw-text-opacity));


    }


}





.holow-btn {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    padding: 0.875rem 3rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.holow-btn .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.holow-btn:hover {


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.thm-btn-1 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    padding: 0.875rem 3rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: white;


}





.thm-btn-1::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%);


}





.thm-btn-1::after,


.thm-btn-1::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-content: "";


    content: var(--tw-content);


}





.thm-btn-1::after {


    z-index: -2;


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgb(255, 255, 255) 0px, rgba(56, 132, 147, 0.57) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0.41) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgb(255, 255, 255) 0px, rgba(59, 146, 162, 0.84) 86.4%) !important;


}





.thm-btn-1 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-1:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.thm-btn-1-sm {


    position: relative;


    z-index: 0;


    overflow: hidden;


    padding: 0.875rem 0.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255, 255, 255);


}





.thm-btn-1-sm::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%);


}





.thm-btn-1-sm::after,


.thm-btn-1-sm::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-content: "";


    content: var(--tw-content);


}





.thm-btn-1-sm::after {


    z-index: -2;


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgb(247, 247, 247) 0px, rgb(59, 146, 162) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0.41) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgb(255, 255, 255) 0px, rgb(223, 181, 105) 86.4%);


}





.thm-btn-1-sm .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-1-sm:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.thm-btn-1-sm-2 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    padding: 0.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.thm-btn-1-sm-2::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%);


}





.thm-btn-1-sm-2::after,


.thm-btn-1-sm-2::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-content: "";


    content: var(--tw-content);


}





.thm-btn-1-sm-2::after {


    z-index: -2;


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.41) 0px, rgba(223, 181, 104, 0.41) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.41) 0px, rgba(223, 181, 104, 0.41) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgb(255, 247, 231) 0px, rgb(223, 181, 105) 86.4%);


}





.thm-btn-1-sm-2 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-1-sm-2:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.thm-btn-4 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    letter-spacing: 0.5px;


    border-color: rgb(124, 89, 64);


    padding: 0.875rem 3rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 500;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.thm-btn-4::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-4::after,


.thm-btn-4::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-bg-opacity: 1;


    --tw-content: "";


    content: var(--tw-content);


}





.thm-btn-4::after {


    z-index: -2;


    background-color: rgb(124, 89, 64);


}





.thm-btn-4 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-4:hover {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.thm-btn-4:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.thm-btn-4-sm {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(63, 63, 63);


    padding: 0.875rem 0.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.thm-btn-4-sm::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-4-sm::after,


.thm-btn-4-sm::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-bg-opacity: 1;


    --tw-content: "";


    content: var(--tw-content);


}





.thm-btn-4-sm::after {


    z-index: -2;


    background-color: rgb(63, 63, 63);


}





.thm-btn-4-sm .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-4-sm:hover {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.thm-btn-4-sm:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.thm-btn-5 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    padding: 0.875rem 1rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-5::before {


    z-index: -1;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


}





.thm-btn-5::after,


.thm-btn-5::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-5::after {


    z-index: -2;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-content: "";


}





.thm-btn-5 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-5:hover {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.thm-btn-5:hover::after {


    --tw-translate-x: -100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 0;


}





.thm-btn-5-sm {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    padding: 0.875rem 0.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-5-sm::before {


    z-index: -1;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


}





.thm-btn-5-sm::after,


.thm-btn-5-sm::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-5-sm::after {


    z-index: -2;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-content: "";


}





.thm-btn-5-sm .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-5-sm:hover {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.thm-btn-5-sm:hover::after {


    --tw-translate-x: -100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 0;


}





.thm-btn-tabs {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    padding: 0.875rem 1rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-tabs::before {


    z-index: -1;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


}





.thm-btn-tabs::after,


.thm-btn-tabs::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-tabs::after {


    z-index: -2;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-content: "";


}





.thm-btn-tabs .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-tabs-sm {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    padding: 0.875rem 0.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-tabs-sm::before {


    z-index: -1;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


}





.thm-btn-tabs-sm::after,


.thm-btn-tabs-sm::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-tabs-sm::after {


    z-index: -2;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-content: "";


}





.thm-btn-tabs-sm .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-6 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    padding: 0.875rem 3rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-6::before {


    z-index: -1;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


}





.thm-btn-6::after,


.thm-btn-6::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-6::after {


    z-index: -2;


    --tw-translate-x: -100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-content: "";


}





.thm-btn-6 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-6:hover {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.thm-btn-6:hover::after {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.thm-btn-6-sm {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 1px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(63, 63, 63);


    padding: 0.875rem 0.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0, 0, 0);


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-6-sm::before {


    z-index: -1;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


}





.thm-btn-6-sm::after,


.thm-btn-6-sm::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-6-sm::after {


    z-index: -2;


    --tw-translate-x: -100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    --tw-content: "";


}





.thm-btn-6-sm .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-6-sm:hover {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.thm-btn-6-sm:hover::after {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.thm-btn-7 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    padding: 0.875rem 3rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-7::before {


    z-index: -1;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-text-opacity: 1;


    --tw-content: "";


}





.thm-btn-7::after,


.thm-btn-7::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-7::after {


    z-index: -2;


    --tw-translate-x: -100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    background-color: rgb(0 0 0/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    --tw-content: "";


}





.thm-btn-7 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-7:hover {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.thm-btn-7:hover::after {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.thm-btn-7-sm {


    position: relative;


    z-index: 0;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    padding: 0.875rem 0.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-7-sm::before {


    z-index: -1;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


}





.thm-btn-7-sm::after,


.thm-btn-7-sm::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    content: var(--tw-content);


}





.thm-btn-7-sm::after {


    z-index: -2;


    --tw-translate-x: -100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-content: "";


}





.thm-btn-7-sm .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-7-sm:hover {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.thm-btn-7-sm:hover::after {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.roleBtn {


    position: relative;


    z-index: 0;


    display: flex;


    align-items: center;


    justify-content: center;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    background-color: transparent;


    padding: 0.75rem 1.25rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.roleBtn,


.roleBtn svg path {


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.roleBtn svg path {


    fill: rgb(191, 158, 119);


    stroke: rgb(191, 158, 119);


    stroke-width: 2px;


}





.roleBtn::before {


    z-index: -1;


    --tw-translate-x: 100%;


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    --tw-content: "";


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%);


}





.roleBtn::after,


.roleBtn::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    content: var(--tw-content);


}





.roleBtn::after {


    z-index: -2;


    --tw-translate-x: 0%;


    --tw-bg-opacity: 0;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.35s;


    --tw-content: "";


}





.roleBtn:hover {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.roleBtn:hover svg path {


    fill: rgb(0, 10, 13);


    stroke: rgb(0, 10, 13);


}





.roleBtn:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.roleBtn:hover::after {


    opacity: 1;


    background-color: rgb(255, 255, 255);


}





.thm-btn-2 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    background-color: transparent;


    padding: 0.75rem 3rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-2 .borderDiv {


    position: absolute;


    left: 0px;


    top: 0px;


    z-index: -2;


    height: 100%;


    width: 100%;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





.thm-btn-2::before {


    z-index: -1;


    opacity: 0;


    background: radial-gradient(18.62% 119.64% at 105.26% 119.64%, rgba(255, 250, 240, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(30.77% 108.93% at -8.5% -33.93%, rgba(255, 255, 255, 0.34) 0px, rgba(203, 152, 61, 0.34) 100%), radial-gradient(32.02% 32.09% at 51.45% 86.93%, rgba(255, 247, 231, 0.38) 0px, rgba(203, 152, 61, 0.38) 86.4%);


}





.thm-btn-2::after,


.thm-btn-2::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    --tw-content: "";


    content: var(--tw-content);


}





.thm-btn-2::after {


    z-index: -2;


}





.thm-btn-2 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-2 .iconOutter svg path {


    fill: rgb(191, 158, 119);


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-2:hover {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.thm-btn-2:hover::after,


.thm-btn-2:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.thm-btn-2:hover::after {


    background-color: rgb(255, 255, 255);


}





.thm-btn-2:hover svg path {


    fill: rgb(0, 10, 13);


}





.thm-btn-3 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    padding: 0.875rem 3rem;


    font-size: 0.75rem;


    line-height: 1rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-3::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.thm-btn-3::after,


.thm-btn-3::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-bg-opacity: 1;


    --tw-content: "";


    content: var(--tw-content);


}





.thm-btn-3::after {


    z-index: -2;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.thm-btn-3 .iconOutter {


    display: flex;


    height: 1.25rem;


    width: 1.25rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    box-shadow: rgb(134, 93, 29) 0px 0px 7px 0px inset;


}





.thm-btn-3:hover {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.thm-btn-3:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.social-link {


    padding: 0.5rem;


}





.social-link svg path {


    fill: rgb(245, 245, 245);


    transition-property: all;


    transition-duration: 0.2s;


    transition-timing-function: linear;


}





.social-link:hover svg path {


    fill: rgb(191, 158, 119);


}





.social-btn-1 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    padding: 0.75rem;


    font-size: 1rem;


    line-height: 1.5rem;


    font-weight: 600;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.social-btn-1::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    background: linear-gradient(90deg, rgb(145, 117, 81), rgb(215, 182, 112) 50%, rgb(145, 117, 81));


}





.social-btn-1::after,


.social-btn-1::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-content: "";


    content: var(--tw-content);


}





.social-btn-1::after {


    z-index: -2;


    background: linear-gradient(90deg, rgb(167, 129, 77), rgb(215, 182, 112) 50%, rgb(192, 145, 82));


}





.social-btn-1:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.social-btn-2 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    padding: 0.75rem;


    font-size: 1rem;


    line-height: 1.5rem;


    font-weight: 600;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.social-btn-2::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    background-color: rgba(86, 86, 86, 0.565);


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


    --tw-content: "";


}





.social-btn-2::after,


.social-btn-2::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    content: var(--tw-content);


}





.social-btn-2::after {


    z-index: -2;


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-content: "";


}





.social-btn-2:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.social-btn-3 {


    position: relative;


    z-index: 0;


    overflow: hidden;


    padding: 0.75rem;


    font-size: 1rem;


    line-height: 1.5rem;


    font-weight: 600;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.social-btn-3::before {


    z-index: -1;


    --tw-translate-x: 100%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    border: 2px solid rgba(86, 86, 86, 0.565);


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    opacity: 0;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.social-btn-3::after,


.social-btn-3::before {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    --tw-content: "";


    content: var(--tw-content);


}





.social-btn-3::after {


    z-index: -2;


    background-color: rgba(86, 86, 86, 0.565);


}





.social-btn-3:hover::before {


    --tw-translate-x: 0%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    opacity: 1;


}





.sliderArrows svg path {


    fill: rgb(255, 255, 255);


}





.height {


    height: 100%;


}





@media (min-width: 1024px) {


    .height {


        height: 100vh;


    }


}





#height,


.height {


    min-height: 500px;


}





@media (min-width: 1024px) {


    #height {


        height: 95vh;


    }





    #heightTaj {


        height: 100vh;


    }


}





#heightTeamNew {


    height: 43vh;


}





@media (min-width: 768px) {


    #heightTeamNew {


        height: 50vh;


    }


}





@media (min-width: 1024px) {


    #heightTeamNew {


        height: 50vh;


    }


}





@media (min-width: 1280px) {


    #heightTeamNew {


        height: 50vh;


    }


}





@media (min-width: 1540px) {


    #heightTeamNew {


        height: 50vh;


    }


}





#privacyHeight {


    height: 30vh;


}





@media (min-width: 768px) {


    #privacyHeight {


        height: 30vh;


    }


}





@media (min-width: 1024px) {


    #privacyHeight {


        height: 40vh;


    }


}





#leaderHeight {


    height: 100%;


}





@media (min-width: 1024px) {


    #leaderHeight {


        min-height: 600px;


    }


}





@media (min-width: 1280px) {


    #leaderHeight {


        height: 80vh;


    }


}





.backToTopBtnOutter .backToTopBtn {


    position: fixed;


    right: 7rem;


    bottom: 2rem;


    z-index: 0;


    cursor: pointer;


    border-width: 2px;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    padding: 0.625rem;


    opacity: 0.8;


    transition-property: opacity;


    transition-duration: 0.3s;


    transition-timing-function: ease;


}





.backToTopBtnOutter .backToTopBtn:hover {


    opacity: 1;


}





.backToTopBtnOutter .backToTopBtn svg {


    --tw-rotate: 180deg;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.backToTopBtnOutter .backToTopBtn svg path {


    fill: rgb(191, 158, 119);


    stroke: rgb(191, 158, 119);


}





header .navbar {


    display: grid;


    grid-template-columns: repeat(3, minmax(0px, 1fr));


    align-items: flex-start;


}





@media (min-width: 1024px) {


    header .navbar {


        grid-template-columns: 40% 20% 40%;


    }


}





header .navbar .callBtn {


    display: none;


}





@media (min-width: 1024px) {


    header .navbar .callBtn {


        display: block;


        color: white;


        text-decoration: none;


        margin-top: 21px;


    }


}





header .navbar .callBtn .dot {


    height: 0.5rem;


    width: 0.5rem;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    background-color: rgb(170 255 63/var(--tw-bg-opacity));


}





header .navbar .callBtn .slogan {


    text-wrap: nowrap;


    font-size: 10px;


}





header .navbar .socialMedia {


    display: block;


}





@media (min-width: 1024px) {


    header .navbar .socialMedia {


        display: none;


    }


}





header .navbar .socialMedia .iconOutter {


    display: flex;


    align-items: center;


    justify-content: flex-start;


    gap: 0.5rem;


}





header .navbar .socialMedia .iconOutter .icon {


    display: flex;


    height: 30px;


    width: 30px;


    align-items: center;


    justify-content: center;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





header .navbar .socialMedia .iconOutter .icon:hover {


    --tw-bg-opacity: 0.7;


}





header .navbar .socialMedia .iconOutter .icon svg {


    height: 18px;


}





header .navbar .socialMedia .iconOutter .icon svg path {


    fill: rgb(255, 255, 255);


}





header .navbar .navLogo {


    position: relative;


    margin-left: auto;


    margin-right: auto;


    height: 60px;


    width: 60px;


}





@media (min-width: 768px) {


    header .navbar .navLogo {


        height: 80px;


        width: 80px;


    }


}





@media (min-width: 1024px) {


    header .navbar .navLogo {


        height: 100px;


        width: 100px;


    }


}





@media (min-width: 1280px) {


    header .navbar .navLogo {


        height: 120px;


        width: 120px;


    }


}





header .navbar .menuOutter {


    display: flex;


    align-items: flex-start;


    justify-content: flex-end;


    gap: 1.25rem;


}





@media (min-width: 1024px) {


    header .navbar .menuOutter .menuIcon {


        margin-top: 25px;


    }


}





header .navbar .menuOutter .menuIcon svg {


    height: 20px;


}





@media (min-width: 1024px) {


    header .navbar .menuOutter .menuIcon svg {


        height: 25px;


    }


}





header .navbar .menuOutter .menuIcon svg path {


    fill: rgb(255, 255, 255);


    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





header .navbar .menuOutter .menuIcon:hover svg path {


    fill: rgb(191, 158, 119);


}





header .navbar .menuOutter .lungBtnCnt .ReactFlagsSelect-module_flagsSelect__2pfa2 {


    padding-bottom: 0px;


}





header .navbar .menuOutter .lungBtnCnt #rfs-btn {


    border-radius: 0px;


    border-width: 2px;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.3;


    background-color: transparent;


    padding: 0px 0.5rem 0px 0.25rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="true"]::after {


    --tw-border-opacity: 1;


    border-bottom-color: rgb(255 255 255/var(--tw-border-opacity));


}





header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="true"]:where([dir="ltr"], [dir="ltr"] *)::after {


    margin-left: 0px;


    margin-top: 0px;


}





header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="false"]::after {


    --tw-border-opacity: 1;


    border-top-color: rgb(255 255 255/var(--tw-border-opacity));


}





header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded="false"]:where([dir="ltr"], [dir="ltr"] *)::after {


    margin-left: 0px;


}





header .navbar .menuOutter .lungBtnCnt #rfs-btn span {


    margin-top: 0.125rem;


    margin-bottom: 0.125rem;


    padding-left: 0.25rem;


    padding-right: 0.25rem;


    text-transform: uppercase;


}





header .navbar .menuOutter .lungBtnCnt ul {


    width: min-content;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





header .navbar .menuOutter .lungBtnCnt ul:where([dir="ltr"], [dir="ltr"] *) {


    left: -0.5rem;


}





header .navbar .menuOutter .lungBtnCnt ul:where([dir="rtl"], [dir="rtl"] *) {


    right: -0.5rem;


}





header .navbar .menuOutter .lungBtnCnt ul .ReactFlagsSelect-module_label__27pw9:where([dir="rtl"], [dir="rtl"] *) {


    padding-right: 0.5rem;


}





header .navbar .menuOutter .lungBtnCnt .lungDropdown {


    position: absolute;


    top: 2.25rem;


    left: 0px;


    width: 100%;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    padding: 0.25rem;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





@media (min-width: 1024px) {


    header .navbar .menuOutter .lungBtnCnt .lungDropdown {


        padding: 0.25rem 0.5rem;


    }


}





header .navbar .menuOutter .lungBtnCnt:hover {


    --tw-border-opacity: 0.8;


}





header .navbar .menuOutter .lungBtnCnt option {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





header .navbar .menuOutter .lungBtnCnt option,


header .navbar .menuOutter .lungBtnCnt option:focus {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





header .navbar .menuOutter .lungBtn {


    background-color: transparent;


}





header .navbar .menuOutter .lungBtn,


header .navbar .menuOutter .lungBtn:active,


header .navbar .menuOutter .lungBtn:focus {


    border-width: 0px;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.logoLoading,


.logoNew {


    position: absolute;


    top: 0px;


    z-index: 20;


}





.logoLoading {


    animation: 4s ease-in-out 0s infinite normal none running loading-crossfade;


}





.logoLoading:first-of-type,


.logoLoading:nth-of-type(2) {


    animation-delay: 0s;


}





.header {


    position: relative;


    z-index: 0;


}





.imgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    display: inline-block;


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));


}





.serviceOutter .slick-slider .slick-slide {


    padding: 0px 10px;


}





.serviceOutter .slick-slider .slide {


    position: relative;


    z-index: 0;


    height: 450px;


    overflow: hidden;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





@media (min-width: 768px) {


    .serviceOutter .slick-slider .slide {


        height: 350px;


    }


}





@media (min-width: 1024px) {


    .serviceOutter .slick-slider .slide {


        height: 450px;


    }


}





.serviceOutter .slick-slider .slide:hover {


    cursor: pointer;


}





.serviceOutter .slick-slider .slide img {


    height: 100%;


    width: 100%;


    object-fit: cover;


}





.serviceOutter .slick-slider .slide .overlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    display: flex;


    align-items: flex-end;


    justify-content: flex-start;


    padding: 1.25rem;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.serviceOutter .slick-slider .slide .overlay .content {


    display: flex;


    width: 100%;


    align-items: center;


    justify-content: space-between;


    background-color: transparent;


    font-size: 0.875rem;


    line-height: 1.25rem;


    letter-spacing: 0.025em;


}





@media (min-width: 640px) {


    .serviceOutter .slick-slider .slide .overlay .content {


        gap: 0.5rem;


    }


}





.serviceOutter .slick-slider .slide .overlay .content span {


    font-weight: 600;


}





.serviceOutter .slick-slider .slide .overlay:hover>.imgHover {


    display: block;


}





.serviceOutter .slick-slider .slide .overlay1 {


    background: linear-gradient(rgba(67, 67, 78, 0), rgba(67, 67, 78, 0) 50%, rgb(34, 34, 88));


}





.serviceOutter .slick-slider .slide .overlay1,


.serviceOutter .slick-slider .slide .overlay2 {


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.serviceOutter .slick-slider .slide .overlay2 {


    background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(10, 56, 56));


}





.serviceOutter .slick-slider .slide .overlay3 {


    background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(169, 133, 87));


}





.serviceOutter .slick-slider .slide .overlay3,


.serviceOutter .slick-slider .slide .overlay4 {


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.serviceOutter .slick-slider .slide .overlay4 {


    background: linear-gradient(rgba(21, 83, 102, 0) 25%, rgba(67, 67, 78, 0) 50%, rgb(2, 35, 74));


}





.serviceOutter .slick-slider .slide .overlay5 {


    background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(97, 12, 12));


}





.serviceOutter .slick-slider .slide .overlay5,


.serviceOutter .slick-slider .slide .overlay6 {


    height: 100%;


    width: 100%;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.serviceOutter .slick-slider .slide .overlay6 {


    background: linear-gradient(rgba(0, 10, 13, 0), rgba(67, 67, 78, 0) 50%, rgb(45, 76, 104));


}





.serviceOutter .slick-slider .slide:hover .overlay1,


.serviceOutter .slick-slider .slide:hover .overlay2,


.serviceOutter .slick-slider .slide:hover .overlay3,


.serviceOutter .slick-slider .slide:hover .overlay4,


.serviceOutter .slick-slider .slide:hover .overlay5,


.serviceOutter .slick-slider .slide:hover .overlay6 {


    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));


}





.ctaOne {


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .ctaOne {


        padding-bottom: 5rem;


    }


}





@media (min-width: 1280px) {


    .ctaOne {


        padding-bottom: 13rem;


    }


}





.ctaForm {


    display: flex;


    flex-direction: column;


    gap: 0.75rem;


}





.ctaForm .input {


    width: 100%;


    border-width: 0px;


    padding: 0.75rem;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.ctaForm .react-tel-input {


    border-style: none;


}





.ctaForm .react-tel-input .flag-dropdown {


    border-width: 0px;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    padding-left: 0.5rem;


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.ctaForm .react-tel-input .flag-dropdown .country-list,


.ctaForm .react-tel-input input {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.ctaForm .react-tel-input input {


    height: 56px;


    width: 100%;


    border-radius: 0px;


    border-width: 0px;


    padding: 0.75rem 0.75rem 0.75rem 3rem;


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.ctaFormSmall {


    display: flex;


    flex-direction: column;


    gap: 0.75rem;


}





.ctaFormSmall .input {


    width: 100%;


    border-width: 0px;


    padding: 0.25rem;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.ctaFormSmall .react-tel-input {


    border-style: none;


}





.ctaFormSmall .react-tel-input .flag-dropdown {


    border-width: 0px;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    padding-left: 0.25rem;


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.ctaFormSmall .react-tel-input .flag-dropdown .country-list,


.ctaFormSmall .react-tel-input input {


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.ctaFormSmall .react-tel-input input {


    height: 30px;


    width: 100%;


    border-radius: 0px;


    border-width: 0px;


    padding: 0.5rem 0.25rem 0.5rem 3rem;


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.logoSection .logoSlider {


    margin-top: 1.25rem;


}





.logoSection .logoSlider .slide {


    padding-left: 1.25rem;


    padding-right: 1.25rem;


}





@media (min-width: 1024px) {


    .logoSection .logoSlider .slide {


        padding-left: 2.5rem;


        padding-right: 2.5rem;


    }


}





.logoSection .logoSlider .slide .logoOutter {


    display: flex;


    flex-direction: column;


    align-items: center;


    justify-content: center;


    opacity: 0.5;


}





.logoSection .logoSlider .slide .logoOutter,


.logoSection .logoSlider .slide .logoOutter img {


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.logoSection .logoSlider .slide:hover .logoOutter {


    opacity: 1;


}





.logoSection .logoSlider .slide:hover .logoOutter img {


    opacity: 1;


    --tw-grayscale: grayscale(0);


    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}





.ctaFormNew {


    display: flex;


    flex-direction: column;


    gap: 0.75rem;


}





.ctaFormNew .input {


    width: 100%;


    --tw-bg-opacity: 1;


    padding: 0.75rem;


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.ctaFormNew .input,


.ctaFormNew .react-tel-input {


    border-width: 2px;


    background-color: rgb(0 0 0/var(--tw-bg-opacity));


}





.ctaFormNew .react-tel-input {


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-bg-opacity: 1;


}





.ctaFormNew .react-tel-input .flag-dropdown {


    border-width: 0px;


    padding-left: 0.5rem;


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.ctaFormNew .react-tel-input .flag-dropdown,


.ctaFormNew .react-tel-input .flag-dropdown .country-list,


.ctaFormNew .react-tel-input .flag-dropdown .selected-flag:hover {


    --tw-bg-opacity: 1;


    background-color: rgb(0 0 0/var(--tw-bg-opacity));


}





.ctaFormNew .react-tel-input .flag-dropdown .country-list .highlight,


.ctaFormNew .react-tel-input .flag-dropdown .country-list li:hover {


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





.ctaFormNew .react-tel-input .flag-dropdown.open,


.ctaFormNew .react-tel-input .flag-dropdown.open .selected-flag,


.ctaFormNew .react-tel-input input {


    --tw-bg-opacity: 1;


    background-color: rgb(0 0 0/var(--tw-bg-opacity));


}





.ctaFormNew .react-tel-input input {


    height: 56px;


    width: 100%;


    border-radius: 0px;


    border-width: 0px;


    padding: 0.75rem 0.75rem 0.75rem 3rem;


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.venturesOutter {


    padding: 0.75rem;


}





.venturesOutter .venturesInner {


    position: relative;


    z-index: 0;


    overflow: hidden;


}





.venturesOutter .venturesInner .imageOutter img {


    --tw-scale-x: 1;


    --tw-scale-y: 1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    transition-property: all;


    transition-duration: 0.2s;


    transition-timing-function: linear;


}





.venturesOutter .venturesInner .overlayText {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background-image: linear-gradient(to top, var(--tw-gradient-stops));


    --tw-gradient-from: #000a0d var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);


    --tw-gradient-to: transparent var(--tw-gradient-to-position);


    padding: 2.5rem;


}





.venturesOutter .venturesInner .overlayText .h6 {


    line-height: 1.5rem;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    font-size: 18px !important;


}





.venturesOutter .venturesInner:hover>.imgHover {


    display: block;


}





.venturesOutter:hover .venturesInner {


    cursor: pointer;


}





.venturesOutter:hover .venturesInner .imageOutter img {


    --tw-scale-x: 1.25;


    --tw-scale-y: 1.25;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.projectOutter {


    display: flex;


    flex-direction: column;


    gap: 2.5rem;


}





.projectOutter .img {


    height: 280px;


    object-fit: cover;


}





@media (min-width: 1024px) {


    .projectOutter .img {


        height: 250px;


    }


}





@media (min-width: 1540px) {


    .projectOutter .img {


        height: 280px;


    }


}





.projectOutter .imgRow {


    display: flex;


    flex-direction: column;


    gap: 2.5rem;


}





@media (min-width: 1024px) {


    .projectOutter .imgRow {


        flex-direction: row;


    }


}





.projectOutter .imgRow .projectImgOutter {


    overflow: hidden;


}





@media (min-width: 1024px) {


    .projectOutter .imgRow:first-child {


        margin-right: 7rem;


    }


}





@media (min-width: 1280px) {


    .projectOutter .imgRow:first-child {


        max-width: 1024px;


        padding-right: 5rem;


    }


}





@media (min-width: 1540px) {


    .projectOutter .imgRow:first-child {


        max-width: 1280px;


    }


}





@media (min-width: 1024px) {


    .projectOutter .imgRow:nth-child(2) {


        margin-right: 4rem;


        margin-left: 4rem;


    }


}





@media (min-width: 1280px) {


    .projectOutter .imgRow:nth-child(2) {


        max-width: 1024px;


    }


}





@media (min-width: 1540px) {


    .projectOutter .imgRow:nth-child(2) {


        max-width: 1280px;


    }


}





@media (min-width: 1024px) {


    .projectOutter .imgRow:nth-child(3) {


        margin-left: 0px;


    }


}





@media (min-width: 1280px) {


    .projectOutter .imgRow:nth-child(3) {


        margin-left: auto;


        max-width: 1024px;


    }


}





@media (min-width: 1540px) {


    .projectOutter .imgRow:nth-child(3) {


        max-width: 1280px;


    }


}





.projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {


    margin-left: auto;


}





@media (min-width: 1024px) {


    .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {


        width: 540px;


    }


}





@media (min-width: 1280px) {


    .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {


        width: 540px;


    }


}





@media (min-width: 1540px) {


    .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {


        width: 555px;


    }


}





.projectOutter .imgRow:nth-child(3) .projectImgOutter:nth-child(2) {


    margin-left: auto;


    max-width: 640px;


}





.projectOutter .projectImgOutter {


    position: relative;


    z-index: 0;


    overflow: hidden;


}





.projectOutter .projectImgOutter:hover {


    cursor: pointer;


}





.projectOutter .projectImgOutter .overlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: center;


    gap: 1.25rem;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.projectOutter .projectImgOutter .overlay svg path {


    fill: rgb(255, 255, 255);


}





.projectOutter .projectImgOutter .overlay .viewBtn {


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.projectOutter .projectImgOutter .overlay1 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(23, 139, 255, .6) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(23, 139, 255, .6) var(--tw-gradient-to-position);


}





.projectOutter .projectImgOutter .overlay2 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(142, 115, 91, 61%) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(142, 115, 91, 61%) var(--tw-gradient-to-position);


}





.projectOutter .projectImgOutter .overlay3 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(20, 92, 83, 51%) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(20, 92, 83, 51%) var(--tw-gradient-to-position);


}





.projectOutter .projectImgOutter .overlay4 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(48, 63, 203, 47%) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(48, 63, 203, 47%) var(--tw-gradient-to-position);


}





.projectOutter .projectImgOutter .overlay5 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(91, 125, 170, .6) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(91, 125, 170, .6) var(--tw-gradient-to-position);


}





.projectOutter .projectImgOutter .overlay6 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(159, 127, 34, .5) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(159, 127, 34, .5) var(--tw-gradient-to-position);


}





.projectOutter .projectImgOutter:hover>.overlay1,


.projectOutter .projectImgOutter:hover>.overlay2,


.projectOutter .projectImgOutter:hover>.overlay3,


.projectOutter .projectImgOutter:hover>.overlay4,


.projectOutter .projectImgOutter:hover>.overlay5,


.projectOutter .projectImgOutter:hover>.overlay6 {


    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));


}





.projectOutter .projectImgOutter:hover>.imgHover {


    display: block;


}





.newDevelopments {


    display: flex;


    flex-direction: column;


    align-items: center;


    gap: 2.5rem;


}





@media (min-width: 768px) {


    .newDevelopments {


        align-items: flex-start;


    }


}





.newDevelopments .img {


    width: 452px;


    object-fit: cover;


}





@media (min-width: 768px) {


    .newDevelopments .img {


        width: 340px;


    }


}





@media (min-width: 1024px) {


    .newDevelopments .img {


        width: 452px;


    }


}





.newDevelopments .imgRow {


    display: flex;


    flex-direction: column;


    gap: 2.5rem;


}





@media (min-width: 768px) {


    .newDevelopments .imgRow {


        flex-direction: row;


    }


}





.newDevelopments .projectImgOutter {


    position: relative;


    max-width: 425px;


    overflow: hidden;


}





.newDevelopments .projectImgOutter:hover {


    cursor: pointer;


}





.newDevelopments .projectImgOutter .overlay {


    position: absolute;


    top: 0px;


    display: flex;


    height: 100%;


    width: 100%;


    align-items: center;


    justify-content: center;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.newDevelopments .projectImgOutter .overlay1 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(30, 96, 115, .6) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(3, 159, 206, .5) var(--tw-gradient-to-position);


}





.newDevelopments .projectImgOutter .overlay2 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(0, 0, 0, .41) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(0, 0, 0, .41) var(--tw-gradient-to-position);


}





.newDevelopments .projectImgOutter .overlay3 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(4, 41, 232, .21) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(4, 41, 232, .21) var(--tw-gradient-to-position);


}





.newDevelopments .projectImgOutter .overlay4 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(48, 63, 203, .47) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(48, 63, 203, .47) var(--tw-gradient-to-position);


}





.newDevelopments .projectImgOutter .overlay5 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: hsla(37, 84%, 95%, .12) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: hsla(37, 84%, 95%, .12) var(--tw-gradient-to-position);


}





.newDevelopments .projectImgOutter .overlay6 {


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: rgba(220, 154, 222, .2) var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: rgba(220, 154, 222, .2) var(--tw-gradient-to-position);


}





.newDevelopments .projectImgOutter:hover>.overlay1,


.newDevelopments .projectImgOutter:hover>.overlay2,


.newDevelopments .projectImgOutter:hover>.overlay3,


.newDevelopments .projectImgOutter:hover>.overlay4,


.newDevelopments .projectImgOutter:hover>.overlay5,


.newDevelopments .projectImgOutter:hover>.overlay6 {


    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));


}





.newDevelopments .projectImgOutter:hover>.imgHover {


    display: block;


}





.officeImage .slick-dots {


    bottom: 2.5rem;


    z-index: 10;


}





.officeImage .slick-dots .slick-active button::before,


.officeImage .slick-dots li button::before {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.officeImage .slick-dots li button::before {


    font-size: 0.875rem;


    line-height: 1.25rem;


}





.headOffice .sliderArrows {


    background: linear-gradient(90deg, rgba(1, 0, 0, 0.6), rgba(1, 0, 0, 0) 8%, rgba(1, 0, 0, 0) 92%, rgba(1, 0, 0, 0.6));


}





.reviewOutter {


    position: relative;


}





@media (min-width: 1280px) {


    .reviewOutter {


        padding-right: 12rem;


    }


}





.reviewOutter .slick-slider .slick-list {


    overflow: visible;


}





.reviewOutter .slick-slider .slick-list .slick-slide {


    padding: 0px 15px 0px 0px;


}





.reviewOutter .reviewBox {


    position: relative;


    height: 100%;


    min-height: 290px;


    width: 100%;


    overflow: hidden;


    background-color: rgba(12, 27, 32, 0.5);


    padding: 1.25rem;


}





@media (min-width: 1024px) {


    .reviewOutter .reviewBox {


        padding: 1.75rem;


    }


}





.reviewOutter .reviewBox:hover>.imgHover {


    display: block;


}





.reviewOutter::before {


    position: absolute;


    left: -100%;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.objextiveOutter {


    position: relative;


    padding-right: 5rem;


}





@media (min-width: 640px) {


    .objextiveOutter {


        padding-right: 0px;


    }


}





@media (min-width: 768px) {


    .objextiveOutter {


        padding-right: 5rem;


    }


}





@media (min-width: 1024px) {


    .objextiveOutter {


        padding-right: 0px;


    }


}





@media (min-width: 1280px) {


    .objextiveOutter {


        padding-right: 5rem;


    }


}





@media (min-width: 1540px) {


    .objextiveOutter {


        padding-right: 0px;


    }


}





.objextiveOutter .slick-slider .slick-list {


    overflow: visible;


}





.objextiveOutter .slick-slider .slick-list .slick-slide {


    padding: 0px 15px 0px 0px;


}





.objextiveOutter .reviewBox {


    position: relative;


    height: 410px;


    min-height: 300px;


    width: 100%;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    border-color: rgb(68 68 68/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    --tw-bg-opacity: 1;


    background-color: rgb(31 31 31/var(--tw-bg-opacity));


    padding: 1.25rem;


}





@media (min-width: 550px) {


    .objextiveOutter .reviewBox {


        height: 100%;


    }


}





@media (min-width: 640px) {


    .objextiveOutter .reviewBox {


        height: 350px;


    }


}





@media (min-width: 768px) {


    .objextiveOutter .reviewBox {


        height: 330px;


    }


}





@media (min-width: 1024px) {


    .objextiveOutter .reviewBox {


        height: 335px;


        padding: 1.75rem;


    }


}





@media (min-width: 1280px) {


    .objextiveOutter .reviewBox {


        height: 315px;


    }


}





@media (min-width: 1540px) {


    .objextiveOutter .reviewBox {


        height: 100%;


    }


}





.objextiveOutter .reviewBox:hover>.imgHover {


    display: block;


}





.progressbar {


    position: relative;


    height: 0.25rem;


    width: 100%;


}





.progressbar::before {


    position: absolute;


    top: 50%;


    left: 0px;


    height: 1px;


    width: 100%;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.progressbar span {


    position: absolute;


    left: 0px;


    display: inline-block;


    height: 0.25rem;


    width: 5rem;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 1.5s;


}





::-webkit-scrollbar {


    height: 10px;


    width: 5px;


}





::-webkit-scrollbar-track {


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 0 0/var(--tw-border-opacity));


    --tw-bg-opacity: 1;


    background-color: rgb(223 233 235/var(--tw-bg-opacity));


}





::-webkit-scrollbar-thumb,


::-webkit-scrollbar-thumb:active {


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





.newsUpdate {


    overflow: hidden;


}





.breadcrum a {


    position: relative;


}





.breadcrum a:nth-child(2)::before,


.breadcrum a:nth-child(3)::before,


.breadcrum a:nth-child(4)::before {


    position: absolute;


    left: -13px;


    color: rgba(255, 255, 255, 0.6);


    --tw-content: "/";


    content: var(--tw-content);


}





.breadcrum p {


    position: relative;


}





.breadcrum p:nth-child(2)::before,


.breadcrum p:nth-child(3)::before,


.breadcrum p:nth-child(4)::before {


    position: absolute;


    left: -13px;


    color: rgba(255, 255, 255, 0.6);


    --tw-content: "/";


    content: var(--tw-content);


}





.companyBrief .thumbnail {


    position: relative;


    overflow: hidden;


}





.companyBrief .thumbnail img {


    --tw-scale-x: 1;


    --tw-scale-y: 1;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.7s;


}





.companyBrief .thumbnail img,


.companyBrief .thumbnail:hover img {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.companyBrief .thumbnail:hover img {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


}





.companyBrief .view {


    position: relative;


}





.companyBrief .view .vierOverlay {


    background: linear-gradient(0deg, rgb(78, 45, 6), rgba(3, 3, 3, 0));


}





.companyBrief .consultant,


.companyBrief .view .vierOverlay {


    position: absolute;


    top: 0px;


    display: flex;


    height: 100%;


    width: 100%;


    align-items: flex-end;


    justify-content: flex-start;


    padding: 1.25rem;


}





.contactSection {


    padding-top: 2.5rem;


    padding-bottom: 5rem;


}





@media (min-width: 1024px) {


    .contactSection {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.contactSection .formBox {


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .contactSection .formBox {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.contactSection .formBox .formMain {


    background-color: rgba(30, 35, 38, 0.57);


    padding: 1.25rem;


}





.contactSection .formBox .formMain .gridOutter {


    display: grid;


    grid-template-columns: 100%;


    border-width: 1px;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





@media (min-width: 1024px) {


    .contactSection .formBox .formMain .gridOutter {


        grid-template-columns: 40% 60%;


    }


}





.contactSection .formBox .formMain .gridOutter>div {


    padding: 30px;


}





@media (min-width: 1024px) {


    .contactSection .formBox .formMain .gridOutter>div {


        padding: 50px;


    }


}





@media (min-width: 1280px) {


    .contactSection .formBox .formMain .gridOutter>div {


        padding: 80px;


    }


}





.contactSection .formBox .formMain .gridOutter .formOutter {


    position: relative;


    z-index: 0;


}





.contactSection .formBox .formMain .gridOutter .formOutter form {


    margin-left: auto;


    margin-right: auto;


    display: flex;


    flex-direction: column;


    gap: 1.25rem;


}





@media (min-width: 1024px) {


    .contactSection .formBox .formMain .gridOutter .formOutter form {


        max-width: 80%;


    }


}





.contactSection .formBox .formMain .gridOutter .formOutter form input,


.contactSection .formBox .formMain .gridOutter .formOutter form textarea {


    width: 100%;


    border-width: 1px;


    --tw-border-opacity: 1;


    border-color: rgb(79 79 79/var(--tw-border-opacity));


    background-color: transparent;


    padding: 0.75rem;


    font-size: 1rem;


    line-height: 1.5rem;


}





.contactSection .formBox .formMain .gridOutter .formOutter form input:focus,


.contactSection .formBox .formMain .gridOutter .formOutter form textarea:focus {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





@media (min-width: 1024px) {





    .contactSection .formBox .formMain .gridOutter .formOutter form input,


    .contactSection .formBox .formMain .gridOutter .formOutter form textarea {


        padding: 1.25rem;


    }


}





.contactSection .formBox .formMain .gridOutter .formOutter form input[type="button"] {


    width: min-content;


}





.gallery-wraper .galleryImage {


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    grid-template-rows: repeat(1, minmax(0px, 1fr));


    gap: 1.25rem;


}





@media (min-width: 1024px) {


    .gallery-wraper .galleryImage {


        display: grid;


        grid-template-columns: repeat(3, minmax(0px, 1fr));


        grid-template-rows: repeat(2, minmax(0px, 1fr));


    }


}





.gallery-wraper .galleryImage .image-grid {


    position: relative;


    overflow: hidden;


}





.gallery-wraper .galleryImage .image-grid:nth-child(4) {


    width: 100%;


}





@media (min-width: 1024px) {


    .gallery-wraper .galleryImage .image-grid:nth-child(4) {


        grid-column: span 2 / span 2;


        max-height: 385px;


    }


}





.gallery-wraper .galleryImage .image-grid img {


    height: 100%;


    width: 100%;


    object-fit: cover;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.7s;


}





.gallery-wraper .galleryImage .image-grid:hover img {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.gallery-wraper .galleryImage .image-grid:hover .imgHover {


    display: block;


}





.containers-wraper .image-time {


    position: relative;


    overflow: hidden;


}





.containers-wraper .image-time img {


    --tw-scale-x: 1;


    --tw-scale-y: 1;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.7s;


}





.containers-wraper .image-time img,


.containers-wraper:hover .image-time img {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.containers-wraper:hover .image-time img {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


}





.containers-wraper:hover .image-time .imgHover {


    display: block;


}





.Modal {


    position: fixed;


    top: 0px;


    left: 0px;


    --tw-bg-opacity: 0.85;


}





.Modal,


.Modal .menuModalInner {


    z-index: 50;


    height: 100%;


    width: 100%;


    background-color: white;


}





.Modal .menuModalInner {


    position: absolute;


    right: 0px;


    display: flex;


    flex-direction: column;


    align-items: flex-start;


    justify-content: space-between;


    --tw-bg-opacity: 1;


}





@media (min-width: 768px) {


    .Modal .menuModalInner {


        width: 460px;


    }


}





.animateBounce {


    animation: 1.5s ease 0s infinite normal none running animateBounce;


}





@keyframes animateBounce {


    0% {


        transform: translateY(-10px);


    }





    50% {


        transform: translateY(0px);


    }





    100% {


        transform: translateY(-10px);


    }


}





@keyframes spin2 {


    0% {


        transform: rotate(0deg);


    }





    100% {


        transform: rotate(1turn);


    }


}





@keyframes spin {


    0% {


        transform: rotate(0deg);


    }





    50% {


        transform: rotate(1turn);


    }





    100% {


        transform: rotate(0deg);


    }


}





@keyframes two-image-crossfade {


    0% {


        opacity: 1;


    }





    50% {


        opacity: 0;


    }





    100% {


        opacity: 1;


    }


}





@keyframes loading-crossfade {


    0% {


        opacity: 0.25;


    }





    50% {


        opacity: 1;


    }





    100% {


        opacity: 0.25;


    }


}





.leftText {


    animation: 0.5s linear 0s 1 normal forwards running leftText;


}





@keyframes leftText {


    0% {


        transform: translateX(-50%);


        opacity: 0;


    }





    100% {


        transform: translateX(0px);


        opacity: 1;


    }


}





.rightText {


    animation: 0.5s linear 0s 1 normal forwards running rightText;


}





@keyframes rightText {


    0% {


        transform: translateX(50%);


        opacity: 0;


    }





    100% {


        transform: translateX(0px);


        opacity: 1;


    }


}





.rightIn {


    animation: 0.5s linear 0s 1 normal forwards running rightIn;


}





@keyframes rightIn {


    0% {


        transform: translateX(460px);


    }





    100% {


        transform: translateX(0px);


    }


}





.leftDivIn {


    animation: 0.5s linear 0s 1 normal forwards running leftDivIn;


    transform: translateX(0px);


}





@keyframes leftDivIn {


    0% {


        transform: translateX(-100%);


    }





    100% {


        transform: translateX(0px);


    }


}





.rightDivIn {


    animation: 0.5s linear 0s 1 normal forwards running rightDivIn;


    transform: translateX(100%);


}





@keyframes rightDivIn {


    0% {


        transform: translateX(100%);


    }





    100% {


        transform: translateX(0px);


    }


}





.rightOut {


    animation: 0.5s linear 0s 1 normal forwards running rightOut;


}





@keyframes rightOut {


    0% {


        transform: translateX(0px);


    }





    100% {


        transform: translateX(460px);


    }


}





.fadeIn {


    animation: 0.5s linear 0s 1 normal forwards running fadeIn;


}





.fadeOut {


    animation: 0.5s linear 0s 1 normal forwards running fadeOut;


}





@keyframes fadeOut {


    0% {


        opacity: 1;


    }





    100% {


        opacity: 0;


    }


}





.onloadHidden {


    animation: 1s linear 0s 1 normal forwards running onloadHidden;


}





@keyframes onloadHidden {


    0% {


        transform: translateY(50px);


    }





    100% {


        transform: translateY(0px);


    }


}





.imgHover {


    position: absolute;


    left: 0px;


    top: 0px;


    z-index: 50;


    display: none;


    height: 100%;


    width: 15%;


    --tw-skew-x: -15deg;


    --tw-skew-y: 0deg;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    animation: 0.8s ease 0s 1 normal none running move;


    opacity: 0;


    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0));


}





@keyframes move {


    0% {


        left: 0px;


        opacity: 0;


    }





    5% {


        opacity: 0;


    }





    48% {


        opacity: 0.2;


    }





    80% {


        opacity: 0;


    }





    100% {


        left: 110%;


    }


}





.commnuityBanner,


.leadershipBannerNew {


    position: relative;


    z-index: 0;


}





.leadershipBannerNew .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


    opacity: 0.5;


}





.leadershipBannerNew .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.55;


    padding-top: 5rem;


}





.leadershipBannerNew .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: flex-end;


    padding-bottom: 3.5rem;


}





.teamBanner {


    position: relative;


    z-index: 0;


}





.teamBanner .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


    opacity: 0.5;


}





.teamBanner .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgba(0, 10, 13, 0.28);


    padding-top: 5rem;


}





.teamBanner .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: flex-end;


    padding-bottom: 1.75rem;


}





.privacyBanner {


    position: relative;


    z-index: 0;


}





.privacyBanner .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


    opacity: 0.5;


}





.privacyBanner .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgba(0, 10, 13, 0.28);


}





.privacyBanner .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: flex-end;


    padding-bottom: 1.75rem;


}





.blog-section {


    padding-top: 5rem;


    padding-bottom: 5rem;


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.blog-section .blogDiv {


    margin-bottom: 2.5rem;


}





.blog-section h1 {


    margin-bottom: 1.75rem;


    font-weight: 600;


}





.blog-section h2 {


    margin-bottom: 1.25rem;


    font-weight: 500;


}





.blog-section h3 {


    margin-bottom: 0.75rem;


    font-weight: 500;


}





.blog-section h4 {


    margin-bottom: 0.25rem;


    font-weight: 500;


}





.blog-section p {


    margin-bottom: 1.25rem;


}





.blog-section ol,


.blog-section p,


.blog-section ul {


    --tw-text-opacity: 1;


    color: rgb(87 87 94/var(--tw-text-opacity));


}





.blog-section a:link,


.blog-section a:visited {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.blog-section a:active,


.blog-section a:hover {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


    text-decoration-line: underline;


}





.blog-section table,


.blog-section td,


.blog-section th {


    border-width: 2px;


    --tw-text-opacity: 1;


    color: rgb(87 87 94/var(--tw-text-opacity));


}





.blog-section td {


    padding-left: 1.25rem;


    padding-right: 1.25rem;


}





.linkCntNew a:link,


.linkCntNew a:visited {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.linkCntNew a:active,


.linkCntNew a:hover {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


    text-decoration-line: underline;


}





.blogContactSection .gridOutter {


    display: grid;


    grid-template-columns: 100%;


}





.blogContactSection .gridOutter .formOutter {


    position: relative;


    z-index: 0;


    padding: 1.25rem;


}





@media (min-width: 1024px) {


    .blogContactSection .gridOutter .formOutter {


        padding-left: 2.5rem;


        padding-right: 2.5rem;


    }


}





.blogContactSection .gridOutter .formOutter form {


    margin-left: auto;


    margin-right: auto;


    display: flex;


    flex-direction: column;


    gap: 1.25rem;


}





.blogContactSection .gridOutter .formOutter form input,


.blogContactSection .gridOutter .formOutter form textarea {


    width: 100%;


    border-width: 1px;


    --tw-border-opacity: 1;


    border-color: rgb(79 79 79/var(--tw-border-opacity));


    background-color: transparent;


    padding: 0.75rem;


    font-size: 1rem;


    line-height: 1.5rem;


}





.blogContactSection .gridOutter .formOutter form input:focus,


.blogContactSection .gridOutter .formOutter form textarea:focus {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





@media (min-width: 1024px) {





    .blogContactSection .gridOutter .formOutter form input,


    .blogContactSection .gridOutter .formOutter form textarea {


        padding: 1.25rem;


    }


}





.blogContactSection .gridOutter .formOutter form .react-tel-input {


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.blogContactSection .gridOutter .formOutter form .react-tel-input input {


    width: 100%;


    border-width: 0px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1rem 1rem 1rem 3.5rem;


}





.blogContactSection .gridOutter .formOutter form .react-tel-input .country {


    background-color: rgb(255, 255, 255);


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.blogContactSection .gridOutter .formOutter form .react-tel-input .highlight {


    --tw-bg-opacity: 1;


    background-color: rgb(223 180 105/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.blogContactSection .gridOutter .formOutter form input[type="button"] {


    width: min-content;


}





.newsBanner {


    position: relative;


    z-index: 0;


}





.newsBanner .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


    opacity: 0.5;


}





.newsBanner .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgba(0, 10, 13, 0.28);


    padding-top: 5rem;


}





.newsBanner .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: flex-end;


    padding-bottom: 3.5rem;


}





.amenityCard {


    transition-property: all;


    transition-duration: 0.2s;


    transition-timing-function: linear;


}





@media (min-width: 550px) {


    .amenityCard {


        border-width: 2px;


        border-style: solid;


        border-color: rgb(191 158 119/var(--tw-border-opacity));


        --tw-border-opacity: 0.2;


    }


}





.amenityCard amenityicon svg {


    width: 3rem;


}





.amenityCard amenityicon svg path {


    fill: rgb(191, 158, 119);


}





.amenityCard2 {


    transition-property: all;


    transition-duration: 0.2s;


    transition-timing-function: linear;


}





@media (min-width: 550px) {


    .amenityCard2 {


        border-width: 2px;


        border-style: solid;


        border-color: rgb(156 163 175/var(--tw-border-opacity));


        --tw-border-opacity: 0.2;


    }


}





.amenityCard2 amenityicon svg {


    width: 3rem;


}





.amenityCard2 amenityicon svg path {


    fill: rgb(0, 0, 0);


}





.singleProperty {


    margin-bottom: 4rem;


}





.singleProperty .singleBanner {


    position: relative;


    z-index: 0;


}





.singleProperty .singleBanner .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


    opacity: 0.5;


}





.singleProperty .singleBanner .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgba(0, 10, 13, 0.28);


}





.singleProperty .singleBanner .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: center;


}





.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo {


    margin-left: auto;


    margin-right: auto;


    width: 100%;


    max-width: 450px;


}





.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo svg path {


    fill: rgb(255, 255, 255);


}





.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo2 {


    margin-left: auto;


    margin-right: auto;


    width: 100%;


    max-width: 550px;


}





.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo2 svg path {


    fill: rgb(255, 255, 255);


}





.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogoTaj {


    margin-left: auto;


    margin-right: auto;


}





.singleProperty .singleBanner .contentOutter .contentOverlay .projectLogoTaj svg path {


    fill: rgb(255, 255, 255);


}





.singleProperty .singleBanner .contentOutterNo {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


}





.singleProperty .singleBanner .contentOutterNo .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: center;


}





.singleProperty .singleBanner .contentOutterNo .contentOverlay .projectLogo {


    margin-left: auto;


    margin-right: auto;


    width: 100%;


    max-width: 450px;


}





.singleProperty .singleBanner .contentOutterNo .contentOverlay .projectLogo svg path {


    fill: rgb(255, 255, 255);


}





.singleProperty .singleBanner .contentOutterNo .contentOverlay .projectLogo2 {


    margin-left: auto;


    margin-right: auto;


    width: 100%;


    max-width: 550px;


}





.singleProperty .singleBanner .contentOutterNo .contentOverlay .projectLogo2 svg path {


    fill: rgb(255, 255, 255);


}





.singleProperty .singleBanner .contentOutterNo .contentOverlay .projectLogoTaj {


    margin-left: auto;


    margin-right: auto;


}





.singleProperty .singleBanner .contentOutterNo .contentOverlay .projectLogoTaj svg path {


    fill: rgb(255, 255, 255);


}





.singleProperty .singalAbout {


    position: relative;


    z-index: 10;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.singleProperty .singalAbout .rightContent {


    position: relative;


    z-index: 10;


    height: 100%;


    width: 100%;


}





@media (min-width: 1540px) {


    .singleProperty .singalAbout .rightContent {


        padding-right: 2.5rem;


    }


}





.singleProperty .singalAbout .rightContent .folderBorder {


    width: 100%;


    max-width: 30rem;


}





.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td,


.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child {


    position: relative;


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child span {


    margin-right: 0.75rem;


    display: inline-block;


    height: 0.5rem;


    width: 0.5rem;


    --tw-bg-opacity: 1;


    background-color: rgb(255 0 0/var(--tw-bg-opacity));


    vertical-align: middle;


}





.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child::before {


    position: absolute;


    left: 0.125rem;


    bottom: -0.25rem;


    z-index: 50;


    display: inline-block;


    width: 105%;


    border-top-width: 10px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child::after {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    border-width: 2px 2px 0px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:nth-child(2)::before {


    position: absolute;


    left: -2px;


    bottom: -2px;


    z-index: 50;


    display: inline-block;


    height: 50%;


    width: 50%;


    border-bottom-width: 2px;


    border-left-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.singleProperty .singalAbout .rightContent .folderBorder tr:nth-child(2) td {


    position: relative;


    z-index: 10;


    height: 100%;


    width: 100%;


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.singleProperty .singalAbout .rightContent .folderBorder tr:nth-child(2) td::after {


    position: absolute;


    left: 0px;


    top: 0px;


    z-index: -10;


    display: inline-block;


    height: 100%;


    width: 100%;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.singleProperty .infrastructure {


    --tw-bg-opacity: 1;


    background-color: rgb(242 242 242/var(--tw-bg-opacity));


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





@media (min-width: 1024px) {


    .singleProperty .infrastructure {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.singleProperty .infrastructure .tabOutter {


    display: flex;


    align-items: center;


    justify-content: center;


}





.singleProperty .infrastructure .tabOutter .tab {


    cursor: pointer;


    border-bottom: 2px solid transparent;


    border-top-color: transparent;


    border-right-color: transparent;


    border-left-color: transparent;


    border-top-style: solid;


    border-right-style: solid;


    border-left-style: solid;


    padding: 0.25rem 1.25rem;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.singleProperty .infrastructure .tabOutter .active {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.singleProperty .infrastructure .clickToZoomContainer {


    cursor: none;


}





.singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter {


    display: none;


}





.singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter .clickToZoomOutline {


    pointer-events: none;


    position: fixed;


    top: 0px;


    left: 0px;


    z-index: 50;


    display: flex;


    height: 7rem;


    width: 7rem;


    --tw-translate-x: -50%;


    --tw-translate-y: -50%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    align-items: center;


    justify-content: center;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





.singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter .clickToZoomOutline .clickToZoomDot {


    display: flex;


    height: 5rem;


    width: 5rem;


    align-items: center;


    justify-content: center;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .perv {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 10;


    display: flex;


    height: 100%;


    align-items: center;


    justify-content: space-between;


    padding-left: 1.25rem;


}





.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .perv button {


    width: 2.5rem;


}





.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .next {


    position: absolute;


    top: 0px;


    right: 0px;


    z-index: 10;


    display: flex;


    height: 100%;


    align-items: center;


    justify-content: space-between;


    padding-right: 1.25rem;


}





.singleProperty .infrastructure .clickToZoomContainer .sliderArrows .next button {


    width: 2.5rem;


}





.singleProperty .amenities {


    overflow: hidden;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.singleProperty .aboutDeveloper {


    position: relative;


    z-index: 0;


    padding-top: 5rem;


    padding-bottom: 5rem;


}





@media (min-width: 1024px) {


    .singleProperty .aboutDeveloper {


        padding-top: 8rem;


        padding-bottom: 8rem;


    }


}





.singleProperty .aboutDeveloper .mobOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    display: block;


    height: 100%;


    width: 100%;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.3;


}





@media (min-width: 1024px) {


    .singleProperty .aboutDeveloper .mobOverlay {


        display: none;


    }


}





.singleProperty .aboutDeveloper .logoOutter {


    display: inline-block;


    --tw-bg-opacity: 1;


    background-color: rgb(6 45 91/var(--tw-bg-opacity));


    padding: 1.25rem 2.5rem;


}





@media (min-width: 1024px) {


    .singleProperty .aboutDeveloper .logoOutter {


        margin-bottom: 1.25rem;


    }


}





.singleProperty .aboutDeveloper .playOutter {


    position: relative;


    margin-left: auto;


    margin-right: auto;


    display: flex;


    height: 5rem;


    width: 5rem;


    align-items: center;


    justify-content: center;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


}





.singleProperty .aboutDeveloper .playOutter::before {


    position: absolute;


    top: 0px;


    left: 0px;


    height: 5rem;


    width: 5rem;


    animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.singleProperty .paymentPlan {


    position: relative;


    z-index: 10;


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .singleProperty .paymentPlan {


        padding-top: 5rem;


        padding-bottom: 13rem;


    }


}





.singleProperty .paymentPlan table {


    margin-top: 2.5rem;


    width: 100%;


}





.singleProperty .paymentPlan table tbody tr:nth-child(2n+1) td {


    --tw-bg-opacity: 1;


    background-color: rgb(30 35 38/var(--tw-bg-opacity));


}





.singleProperty .paymentPlan table tbody tr td {


    padding: 1.25rem;


}





@media (min-width: 1024px) {


    .singleProperty .paymentPlan table tbody tr td {


        padding-left: 2.5rem;


        padding-right: 2.5rem;


    }


}





.singleProperty .paymentPlan table tbody tr td:first-child {


    width: 41.6667%;


}





@media (min-width: 1280px) {


    .singleProperty .paymentPlan table tbody tr td:first-child {


        width: 50%;


    }


}





.singleProperty .paymentPlan table tbody tr td:nth-child(2) {


    width: 25%;


    text-align: right;


}





.singleProperty .floorPlan {


    overflow: hidden;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .singleProperty .floorPlan {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.singleProperty .floorPlan .tabOutter {


    display: flex;


    cursor: pointer;


    align-items: center;


    justify-content: center;


    gap: 1.25rem;


    border-bottom-width: 2px;


    border-style: solid;


    padding: 0.75rem;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);


}





@media (min-width: 550px) {


    .singleProperty .floorPlan .tabOutter {


        padding-left: 0.5rem;


        padding-right: 0.5rem;


    }


}





@media (min-width: 1024px) {


    .singleProperty .floorPlan .tabOutter {


        width: 180px;


        justify-content: space-between;


    }


}





.singleProperty .floorPlan .tabOutter .arrowOutter {


    display: flex;


    height: 2rem;


    width: 2rem;


    align-items: center;


    justify-content: center;


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);


}





.singleProperty .floorPlan .iconOutter {


    display: flex;


    height: 2.5rem;


    width: 2.5rem;


    align-items: center;


    justify-content: center;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.2;


}





.singleProperty .location .switch {


    display: inline-block;


}





.singleProperty .location .switch input {


    display: none;


}





:is(.singleProperty .location .switch input):checked~label::after {


    --tw-translate-x: 20px;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





@media (min-width: 1024px) {


    :is(.singleProperty .location .switch input):checked~label::after {


        --tw-translate-x: 30px;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }


}





.singleProperty .location .switch label {


    display: block;


    height: 20px;


    width: 40px;


    cursor: pointer;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    padding: 0.125rem;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


}





@media (min-width: 1024px) {


    .singleProperty .location .switch label {


        height: 30px;


        width: 60px;


        padding: 3px;


    }


}





.singleProperty .location .switch label::after {


    display: inherit;


    height: 0.75rem;


    width: 0.75rem;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1024px) {


    .singleProperty .location .switch label::after {


        height: 1.25rem;


        width: 1.25rem;


    }


}





.singleProperty .location .cardOutter {


    margin-top: 1.25rem;


    display: grid;


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    gap: 1.25rem;


}





@media (min-width: 550px) {


    .singleProperty .location .cardOutter {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }


}





@media (min-width: 1024px) {


    .singleProperty .location .cardOutter {


        grid-template-columns: repeat(3, minmax(0px, 1fr));


    }


}





@media (min-width: 1280px) {


    .singleProperty .location .cardOutter {


        grid-template-columns: repeat(5, minmax(0px, 1fr));


    }


}





.singleProperty .location .cardOutter .card {


    height: 100%;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 0.3;


}





.singleProperty .location .cardOutter .card .cardInner {


    padding: 1.25rem;


}





.singleProperty .location .cardOutter .card .cardInner .iconOutter {


    margin-left: auto;


    margin-right: auto;


    margin-bottom: 0.5rem;


    display: flex;


    height: 4rem;


    width: 4rem;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    padding: 1rem;


}





.singleProperty .location .cardOutter .card .cardInner .iconOutter svg path {


    fill: rgb(255, 255, 255);


}





.singleProperty .location .cardOutter .card .distance {


    width: 100%;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.3;


    padding: 0.5rem 1.25rem;


    text-align: center;


}





.singleProperty .whyInvest {


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .singleProperty .whyInvest {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.singleProperty .whyInvest .cardRow {


    margin-top: 2.5rem;


    margin-bottom: 2.5rem;


    display: grid;


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    gap: 2.5rem;


}





@media (min-width: 768px) {


    .singleProperty .whyInvest .cardRow {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }


}





@media (min-width: 1280px) {


    .singleProperty .whyInvest .cardRow {


        grid-template-columns: repeat(4, minmax(0px, 1fr));


    }


}





.singleProperty .whyInvest .cardRow .card .iconOutter {


    position: relative;


    height: 5rem;


    width: 5rem;


}





.singleProperty .whyInvest .cardRow .card .iconOutter .count {


    position: absolute;


    bottom: -0.5rem;


    right: 0.125rem;


    z-index: 10;


    border-radius: 9999px;


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: #b6b6b6 var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position);


    background-clip: text;


    font-size: 64px;


    color: transparent;


}





.singleProperty .whyInvest .cardRow .card .iconOutter .tickOutter {


    position: absolute;


    top: 20%;


    right: -25%;


    z-index: 0;


    height: 2.5rem;


    width: 2.5rem;


    border-radius: 9999px;


    background: linear-gradient(rgb(36, 36, 36), rgb(0, 10, 13));


}





.singleProperty .whyInvest .cardRow .card .iconOutter .tickInner {


    position: absolute;


    top: 28%;


    right: -17%;


    z-index: 50;


    display: flex;


    height: 1.75rem;


    width: 1.75rem;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





.singleProperty .whyInvest .cardRow .card .iconBg {


    display: flex;


    height: 5rem;


    width: 5rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));


    --tw-gradient-from: #4c4c4c var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position);


}





.singleProperty .whyInvest .cardRow .card .iconBg svg {


    width: 3rem;


}





@media (min-width: 1280px) {





    .singleProperty .whyInvest .cardRow .card:nth-child(2),


    .singleProperty .whyInvest .cardRow .card:nth-child(3) {


        margin-top: -2.5rem;


    }


}





.react-tel-input {


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.react-tel-input input {


    padding-left: 3.5rem;


}





.registerPopup {


    position: fixed;


    top: 0px;


    left: 0px;


    z-index: 9999;


    height: 100vh;


    width: 100vw;


}





.registerPopup .downloadPopupInner {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 999999;


    display: flex;


    height: 100vh;


    width: 100vw;


    align-items: center;


    justify-content: center;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.9;


}





.registerPopup .downloadPopupInner .inner {


    position: relative;


    z-index: 0;


    margin: 2.5rem;


    max-width: 32rem;


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


    padding: 1.25rem;


}





@media (min-width: 768px) {


    .registerPopup .downloadPopupInner .inner {


        --tw-scale-x: 80%;


        --tw-scale-y: 80%;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }


}





@media (min-width: 1024px) {


    .registerPopup .downloadPopupInner .inner {


        padding: 2.5rem;


    }


}





@media (min-width: 1540px) {


    .registerPopup .downloadPopupInner .inner {


        --tw-scale-x: 1;


        --tw-scale-y: 1;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }


}





.registerPopup .downloadPopupInner .inner .formOutter input {


    width: 100%;


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.registerPopup .downloadPopupInner .inner .formOutter input[type="checkbox"] {


    margin-bottom: 0px;


    height: 1rem;


    width: 1rem;


}





.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input {


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input input {


    width: 100%;


    border-width: 0px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1rem 1rem 1rem 3.5rem;


}





.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,


.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open {


    background-color: transparent;


}





:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,


:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,


:is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {


    border-top-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.downloadPopup {


    position: fixed;


    top: 0px;


    left: 0px;


    z-index: 9999;


    height: 100vh;


    width: 100vw;


}





.downloadPopup .downloadPopupInner {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 999999;


    display: flex;


    height: 100vh;


    width: 100vw;


    align-items: center;


    justify-content: center;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.9;


}





.downloadPopup .downloadPopupInner .inner {


    position: relative;


    z-index: 0;


    margin: 2.5rem;


    max-width: 80rem;


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


    padding: 1.75rem 0px;


}





@media (min-width: 768px) {


    .downloadPopup .downloadPopupInner .inner {


        --tw-scale-x: 80%;


        --tw-scale-y: 80%;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }


}





@media (min-width: 1024px) {


    .downloadPopup .downloadPopupInner .inner {


        padding: 3.5rem;


    }


}





@media (min-width: 1280px) {


    .downloadPopup .downloadPopupInner .inner {


        padding: 4rem;


    }


}





@media (min-width: 1540px) {


    .downloadPopup .downloadPopupInner .inner {


        --tw-scale-x: 1;


        --tw-scale-y: 1;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }


}





@media (min-width: 1024px) {


    .downloadPopup .downloadPopupInner .inner .formOutter {


        padding-left: 2.5rem;


        padding-right: 2.5rem;


    }


}





.downloadPopup .downloadPopupInner .inner .formOutter input {


    width: 100%;


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.downloadPopup .downloadPopupInner .inner .formOutter input[type="checkbox"] {


    margin-bottom: 0px;


    height: 1rem;


    width: 1rem;


}





.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input {


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input input {


    width: 100%;


    border-width: 0px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1rem 1rem 1rem 3.5rem;


}





.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,


.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open {


    background-color: transparent;


}





:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,


:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,


:is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {


    border-top-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.downloadPopup .downloadPopupInner .inner .popupImgOutter {


    display: none;


}





@media (min-width: 1024px) {


    .downloadPopup .downloadPopupInner .inner .popupImgOutter {


        display: block;


    }


}





.downloadPopup .downloadPopupInner .inner .popupImgOutter img {


    max-height: 500px;


}





.registerPopup2 .downloadPopupInner {


    position: fixed;


    top: 1rem;


    right: 1rem;


    z-index: 999999;


}





.registerPopup2 .downloadPopupInner .inner {


    position: relative;


    z-index: 0;


    max-width: 32rem;


    transform-origin: right top;


    --tw-scale-x: 60%;


    --tw-scale-y: 60%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


    padding: 1.25rem;


}





@media (min-width: 1024px) {


    .registerPopup2 .downloadPopupInner .inner {


        padding: 2.5rem;


    }


}





.registerPopup2 .downloadPopupInner .inner .formOutter input {


    width: 100%;


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.registerPopup2 .downloadPopupInner .inner .formOutter input[type="checkbox"] {


    margin-bottom: 0px;


    height: 1rem;


    width: 1rem;


}





.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input {


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input input {


    width: 100%;


    border-width: 0px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1rem 1rem 1rem 3.5rem;


}





.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,


.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open {


    background-color: transparent;


}





:is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,


:is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,


:is(:is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup2 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {


    border-top-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.registerPopup3 .downloadPopupInner {


    position: fixed;


    bottom: 90px;


    right: 1rem;


    z-index: 999999;


}





.registerPopup3 .downloadPopupInner .inner {


    position: relative;


    z-index: 0;


    width: 260px;


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


    padding: 1.25rem;


}





@media (min-width: 768px) {


    .registerPopup3 .downloadPopupInner .inner {


        width: 300px;


    }


}





.registerPopup3 .downloadPopupInner .inner .formOutter input {


    width: 100%;


    border-width: 1px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 0.5rem 0.75rem;


    font-size: 0.75rem;


    line-height: 1rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.registerPopup3 .downloadPopupInner .inner .formOutter input[type="checkbox"] {


    margin-bottom: 0px;


    height: 1rem;


    width: 1rem;


}





.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input {


    border-width: 1px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input input {


    width: 100%;


    border-width: 0px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 0.5rem 0.75rem 0.5rem 3.5rem;


    font-size: 0.75rem;


    line-height: 1rem;


}





.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,


.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open {


    background-color: transparent;


}





:is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,


:is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {


    --tw-bg-opacity: 1;


    background-color: rgb(19 20 20/var(--tw-bg-opacity));


}





:is(:is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,


:is(:is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag, :is(.registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown, .registerPopup3 .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {


    border-top-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.applyNowPopup {


    position: fixed;


    top: 0px;


    left: 0px;


    z-index: 9999;


    display: flex;


    height: 100%;


    width: 100%;


    align-items: center;


    justify-content: center;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.9;


}





.applyNowPopup .inner {


    position: relative;


    z-index: 0;


    margin-left: auto;


    margin-right: auto;


    max-width: 1100px;


    --tw-scale-x: .75;


    --tw-scale-y: .75;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    background-color: rgb(24 24 24/var(--tw-bg-opacity));


    padding: 1.75rem;


}





@media (min-width: 1024px) {


    .applyNowPopup .inner {


        --tw-scale-x: .75;


        --tw-scale-y: .75;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


        padding: 3.5rem;


    }


}





@media (min-width: 1540px) {


    .applyNowPopup .inner {


        --tw-scale-x: 0.85;


        --tw-scale-y: 0.85;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }


}





@media (min-width: 1024px) {


    .applyNowPopup .inner .formOutter {


        padding-right: 2.5rem;


    }


}





.applyNowPopup .inner .formOutter form {


    display: flex;


    flex-direction: column;


    gap: 1rem;


}





.applyNowPopup .inner .formOutter form .input-feild:first-child label {


    display: flex;


    width: 100%;


    cursor: pointer;


    flex-direction: column;


    align-items: center;


    justify-content: center;


    border-width: 2px;


    border-style: dashed;


    border-color: rgb(87 87 94/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 1.25rem;


}





.applyNowPopup .inner .formOutter form .input-feild:first-child label:focus {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.applyNowPopup .inner .formOutter form .input-feild input {


    width: 100%;


    cursor: pointer;


    border-width: 2px;


    border-style: solid;


    border-color: rgb(87 87 94/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 0.75rem;


    font-size: 1rem;


    line-height: 1.5rem;


}





.applyNowPopup .inner .formOutter form .input-feild input:focus {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.applyNowPopup .inner .formOutter form .input-feild input::-webkit-inner-spin-button,


.applyNowPopup .inner .formOutter form .input-feild input::-webkit-outer-spin-button {


    margin: 0px;


    appearance: none;


}





.applyNowPopup .inner .formOutter form .input-feild input[type="number"] {}





.applyNowPopup .inner .formOutter form .input-feild .react-tel-input {


    border-width: 2px;


    border-style: solid;


    border-color: rgb(87 87 94/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.applyNowPopup .inner .formOutter form .input-feild .react-tel-input input {


    min-height: 52px;


    width: 100%;


    border-width: 0px;


    border-style: solid;


    border-color: rgb(87 87 94/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    background-color: transparent;


    padding: 0.75rem 0.75rem 0.75rem 3.5rem;


    font-size: 1rem;


    line-height: 1.5rem;


}





.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,


.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open {


    border-style: none;


    background-color: transparent;


}





:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag,


:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open {


    --tw-bg-opacity: 1;


    background-color: rgb(24 24 24/var(--tw-bg-opacity));


}





:is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag, :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {


    --tw-bg-opacity: 1;


    background-color: rgb(24 24 24/var(--tw-bg-opacity));


}





:is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag, :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,


:is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag, :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown, .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {


    border-top-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.applyNowPopup .inner .jobBtn {


    width: 100%;


    --tw-bg-opacity: 1;


    background-color: rgb(33 33 34/var(--tw-bg-opacity));


    padding: 1.25rem;


}





.applyNowPopup .inner .jobBtn svg path {


    fill: rgb(255, 255, 255);


    stroke: rgb(255, 255, 255);


}





.applyNowPopup .inner .responsibilityOutter {


    padding: 0px;


}





@media (min-width: 1024px) {


    .applyNowPopup .inner .responsibilityOutter {


        --tw-bg-opacity: 1;


        background-color: rgb(33 33 34/var(--tw-bg-opacity));


        padding: 3.5rem;


    }


}





.applyNowPopup .inner .responsibilityOutter ul {


    margin-left: 1.25rem;


    list-style-type: disc;


}





.applyNowPopup .inner .responsibilityOutter ul li {


    margin-top: 1.25rem;


    margin-bottom: 1.25rem;


    font-size: 0.875rem;


    font-weight: 300;


    line-height: 1.25;


    color: rgb(255 255 255/var(--tw-text-opacity));


    --tw-text-opacity: 0.6;


}





.communityAbout {


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.communityAbout .rightContent {


    position: relative;


    z-index: 10;


    height: 100%;


    width: 100%;


}





@media (min-width: 1540px) {


    .communityAbout .rightContent {


        padding-right: 2.5rem;


    }


}





.communityAbout .rightContent .folderBorder {


    width: 100%;


    max-width: 30rem;


}





.communityAbout .rightContent .folderBorder tr:first-child td,


.communityAbout .rightContent .folderBorder tr:first-child td:first-child {


    position: relative;


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.communityAbout .rightContent .folderBorder tr:first-child td:first-child span {


    margin-right: 0.75rem;


    display: inline-block;


    height: 0.5rem;


    width: 0.5rem;


    --tw-bg-opacity: 1;


    background-color: rgb(255 0 0/var(--tw-bg-opacity));


    vertical-align: middle;


}





.communityAbout .rightContent .folderBorder tr:first-child td:first-child::before {


    position: absolute;


    left: 0.125rem;


    bottom: -0.25rem;


    z-index: 50;


    display: inline-block;


    width: 105%;


    border-top-width: 10px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityAbout .rightContent .folderBorder tr:first-child td:first-child::after {


    position: absolute;


    left: 0px;


    top: 0px;


    display: inline-block;


    height: 100%;


    width: 100%;


    border-width: 2px 2px 0px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityAbout .rightContent .folderBorder tr:first-child td:nth-child(2)::before {


    position: absolute;


    left: -2px;


    bottom: -2px;


    z-index: 50;


    display: inline-block;


    height: 50%;


    width: 50%;


    border-bottom-width: 2px;


    border-left-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityAbout .rightContent .folderBorder tr:nth-child(2) td {


    position: relative;


    z-index: 10;


    height: 100%;


    width: 100%;


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.communityAbout .rightContent .folderBorder tr:nth-child(2) td::after {


    position: absolute;


    left: 0px;


    top: 0px;


    z-index: -10;


    display: inline-block;


    height: 100%;


    width: 100%;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityProjects {


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.communityNabouring {


    overflow: hidden;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





@media (min-width: 768px) {


    .communityNabouring .callFolder {


        padding-right: 2.5rem;


    }


}





@media (min-width: 1024px) {


    .communityNabouring .callFolder {


        padding-right: 1.5rem;


    }


}





.communityNabouring .callFolder table {


    width: 100%;


    max-width: 30rem;


}





@media (min-width: 1024px) {


    .communityNabouring .callFolder table {


        margin-left: auto;


    }


}





.communityNabouring .callFolder table tr:first-child td:first-child {


    position: relative;


    z-index: 10;


    width: 100%;


    padding: 1rem;


    text-align: left;


}





@media (min-width: 1024px) {


    .communityNabouring .callFolder table tr:first-child td:first-child {


        padding: 1.25rem;


    }


}





.communityNabouring .callFolder table tr:first-child td:first-child::before {


    position: absolute;


    left: 0px;


    top: 0px;


    z-index: 0;


    display: inline-block;


    height: 100%;


    width: 100%;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityNabouring .callFolder table tr:nth-child(2) td:first-child {


    position: relative;


    z-index: 10;


    width: 50%;


    padding-left: 1rem;


    padding-right: 1rem;


    padding-bottom: 1rem;


}





@media (min-width: 1024px) {


    .communityNabouring .callFolder table tr:nth-child(2) td:first-child {


        padding-left: 1.25rem;


        padding-right: 1.25rem;


        padding-bottom: 1.25rem;


    }


}





.communityNabouring .callFolder table tr:nth-child(2) td:first-child::before {


    position: absolute;


    left: 0px;


    top: 0px;


    z-index: -20;


    display: inline-block;


    height: 100%;


    width: 100%;


    border-width: 0px 2px 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityNabouring .callFolder table tr:nth-child(2) td:first-child::after {


    position: absolute;


    top: -3px;


    left: 0.125rem;


    z-index: -10;


    display: inline-block;


    height: 100%;


    width: 100%;


    border-top-width: 8px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityNabouring .callFolder table tr:nth-child(2) td:nth-child(2) {


    position: relative;


    z-index: 10;


    width: 50%;


}





.communityNabouring .callFolder table tr:nth-child(2) td:nth-child(2)::before {


    position: absolute;


    left: -0.125rem;


    top: -0.125rem;


    z-index: 0;


    display: inline-block;


    height: 50%;


    width: 50%;


    border-width: 2px 0px 0px 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(240 234 227/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.communityNabouring .dragContainer {


    cursor: none;


    padding-top: 1.25rem;


}





.communityNabouring .dragContainer .cursorOutter {


    display: none;


}





.communityNabouring .dragContainer .cursorOutter .cursorOutline {


    pointer-events: none;


    position: fixed;


    top: 0px;


    left: 0px;


    z-index: 50;


    display: flex;


    height: 5rem;


    width: 5rem;


    --tw-translate-x: -50%;


    --tw-translate-y: -50%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





.communityNabouring .dragContainer .cursorOutter .cursorOutline .cursorDot {


    display: flex;


    height: 3.5rem;


    width: 3.5rem;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.communityNabouring .dragContainer .slick-slider {


    margin: 0px -9px;


}





.communityNabouring .dragContainerTaj {


    cursor: none;


    padding-top: 1.25rem;


}





.communityNabouring .dragContainerTaj .cursorOutter {


    display: none;


}





.communityNabouring .dragContainerTaj .cursorOutter .cursorOutline {


    pointer-events: none;


    position: fixed;


    top: 0px;


    left: 0px;


    z-index: 50;


    display: flex;


    height: 5rem;


    width: 5rem;


    --tw-translate-x: -50%;


    --tw-translate-y: -50%;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(173 139 58/var(--tw-border-opacity));


}





.communityNabouring .dragContainerTaj .cursorOutter .cursorOutline .cursorDot {


    display: flex;


    height: 3.5rem;


    width: 3.5rem;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    background-color: rgb(173 139 58/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.communityNabouring .dragContainerTaj .slick-slider {


    margin: 0px -9px;


}





.communityWhyInvest {


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .communityWhyInvest {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.communityWhyInvest .cardRow {


    margin-top: 2.5rem;


    margin-bottom: 2.5rem;


    display: grid;


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    gap: 2.5rem;


}





@media (min-width: 768px) {


    .communityWhyInvest .cardRow {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }


}





@media (min-width: 1280px) {


    .communityWhyInvest .cardRow {


        grid-template-columns: repeat(4, minmax(0px, 1fr));


    }


}





.communityWhyInvest .cardRow .card .iconOutter {


    position: relative;


    height: 5rem;


    width: 5rem;


}





.communityWhyInvest .cardRow .card .iconOutter .count {


    position: absolute;


    bottom: -0.5rem;


    right: 0.125rem;


    z-index: 0;


    border-radius: 9999px;


    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));


    --tw-gradient-from: #b6b6b6 var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position);


    background-clip: text;


    font-size: 64px;


    color: transparent;


}





.communityWhyInvest .cardRow .card .iconOutter .tickOutter {


    position: absolute;


    top: 20%;


    right: -25%;


    z-index: 0;


    height: 2.5rem;


    width: 2.5rem;


    border-radius: 9999px;


    background: linear-gradient(rgb(36, 36, 36), rgb(0, 10, 13));


}





.communityWhyInvest .cardRow .card .iconOutter .tickInner {


    position: absolute;


    top: 28%;


    right: -17%;


    z-index: 0;


    display: flex;


    height: 1.75rem;


    width: 1.75rem;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





.communityWhyInvest .cardRow .card .iconBg {


    display: flex;


    height: 5rem;


    width: 5rem;


    flex-shrink: 0;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));


    --tw-gradient-from: #4c4c4c var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


    --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position);


}





.communityWhyInvest .cardRow .card .iconBg svg {


    width: 3rem;


}





@media (min-width: 1280px) {





    .communityWhyInvest .cardRow .card:nth-child(2),


    .communityWhyInvest .cardRow .card:nth-child(3) {


        margin-top: -2.5rem;


    }


}





.communityLocation {


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .communityLocation {


        padding-bottom: 5rem;


    }


}





.communityLocation .switch {


    display: inline-block;


}





.communityLocation .switch input {


    display: none;


}





:is(.communityLocation .switch input):checked~label::after {


    --tw-translate-x: 20px;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





@media (min-width: 1024px) {


    :is(.communityLocation .switch input):checked~label::after {


        --tw-translate-x: 30px;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }


}





.communityLocation .switch label {


    display: block;


    height: 20px;


    width: 40px;


    cursor: pointer;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    padding: 0.125rem;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


}





@media (min-width: 1024px) {


    .communityLocation .switch label {


        height: 30px;


        width: 60px;


        padding: 3px;


    }


}





.communityLocation .switch label::after {


    display: inherit;


    height: 0.75rem;


    width: 0.75rem;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.15s;


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1024px) {


    .communityLocation .switch label::after {


        height: 1.25rem;


        width: 1.25rem;


    }


}





.communityLocation .cardOutter {


    margin-top: 1.25rem;


    display: grid;


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    gap: 1.25rem;


}





@media (min-width: 550px) {


    .communityLocation .cardOutter {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }


}





@media (min-width: 1024px) {


    .communityLocation .cardOutter {


        grid-template-columns: repeat(3, minmax(0px, 1fr));


    }


}





@media (min-width: 1280px) {


    .communityLocation .cardOutter {


        grid-template-columns: repeat(5, minmax(0px, 1fr));


    }


}





.communityLocation .cardOutter .card {


    height: 100%;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 0.1;


}





.communityLocation .cardOutter .card:first-child svg path {


    fill: rgb(191, 158, 119);


}





.communityLocation .cardOutter .card .cardInner {


    padding: 1.25rem;


}





.communityLocation .cardOutter .card .cardInner .iconOutter {


    margin-left: auto;


    margin-right: auto;


    margin-bottom: 0.5rem;


    display: flex;


    height: 3.5rem;


    width: 3.5rem;


    align-items: center;


    justify-content: center;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





.communityLocation .cardOutter .card .distance {


    width: 100%;


    background-color: rgb(170 170 172/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.3;


    padding: 0.5rem 1.25rem;


    text-align: center;


}





.communityLocation .cardOutter .card .distance svg path {


    fill: rgb(255, 255, 255);


}





.serviceBanner {


    position: relative;


    z-index: 0;


}





.serviceBanner .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


    opacity: 0.5;


}





.serviceBanner .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgba(0, 10, 13, 0.28);


    padding-top: 5rem;


}





.serviceBanner .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: flex-end;


    padding-bottom: 3.5rem;


}





.serviceBanner .contentOutter .contentOverlay .logo {


    display: flex;


    height: 100px;


    width: 150px;


    align-items: center;


    justify-content: center;


    padding: 1.25rem;


}





.serviceBanner .contentOutter .contentOverlay .logo svg path {


    fill: rgb(0, 0, 0);


}





.servicesOutter {


    position: relative;


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .servicesOutter {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.servicesOutter .servicesGrid {


    display: grid;


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    gap: 2.5rem;


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }


}





@media (min-width: 1024px) {


    .servicesOutter .servicesGrid {


        gap: 5rem;


    }


}





.servicesOutter .servicesGrid .serviceCardOutter {


    position: relative;


    height: 100%;


    padding-bottom: 4rem;


}





.servicesOutter .servicesGrid .serviceCardOutter .serviceContent {


    display: flex;


    flex-wrap: nowrap;


    gap: 1.25rem;


    padding-top: 1.25rem;


}





.servicesOutter .servicesGrid .serviceCardOutter .serviceContent .h4 {


    margin-bottom: 0.75rem;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 1024px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {


        min-height: 6rem;


    }


}





@media (min-width: 1540px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 1024px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {


        min-height: 6rem;


    }


}





@media (min-width: 1540px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 {


        min-height: 6rem;


    }


}





@media (min-width: 1540px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .h4 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .h4 {


        min-height: 4rem;


    }


}





.innerServiceAbout {


    position: relative;


    z-index: 0;


    padding-top: 2.5rem;


    padding-bottom: 8rem;


}





@media (min-width: 1024px) {


    .innerServiceAbout {


        padding-top: 5rem;


    }


}





.innerServiceAboutNew {


    position: relative;


    z-index: 0;


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .innerServiceAboutNew {


        padding-top: 5rem;


    }


}





.careerBanner,


.innerServiceCard {


    position: relative;


    z-index: 0;


}





.careerBanner .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


}





.careerBanner .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgba(0, 10, 13, 0.28);


    padding-top: 5rem;


}





.careerBanner .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: flex-end;


    padding-bottom: 3.5rem;


}





.globalCompany {


    position: relative;


    z-index: 0;


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .globalCompany {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.benefits {


    margin-top: 2.5rem;


    margin-bottom: 2.5rem;


    overflow: hidden;


}





@media (min-width: 1024px) {


    .benefits {


        margin-top: 5rem;


        margin-bottom: 5rem;


    }


}





.benefits .objextiveOutter {


    position: relative;


    padding-right: 5rem;


}





@media (min-width: 640px) {


    .benefits .objextiveOutter {


        padding-right: 0px;


    }


}





@media (min-width: 768px) {


    .benefits .objextiveOutter {


        padding-right: 5rem;


    }


}





@media (min-width: 1024px) {


    .benefits .objextiveOutter {


        padding-right: 0px;


    }


}





@media (min-width: 1280px) {


    .benefits .objextiveOutter {


        padding-right: 5rem;


    }


}





@media (min-width: 1540px) {


    .benefits .objextiveOutter {


        padding-right: 0px;


    }


}





.benefits .objextiveOutter .slick-slider .slick-list {


    overflow: visible;


}





.benefits .objextiveOutter .slick-slider .slick-list .slick-slide {


    padding: 0px 15px 0px 0px;


}





.benefits .objextiveOutter .reviewBox {


    position: relative;


    min-height: 270px;


    width: 100%;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    border-color: rgb(68 68 68/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    --tw-bg-opacity: 1;


    background-color: rgb(31 31 31/var(--tw-bg-opacity));


    padding: 1.25rem;


}





@media (min-width: 550px) {


    .benefits .objextiveOutter .reviewBox {


        height: 100%;


    }


}





@media (min-width: 640px) {


    .benefits .objextiveOutter .reviewBox {


        height: 450px;


    }


}





@media (min-width: 768px) {


    .benefits .objextiveOutter .reviewBox {


        height: 370px;


    }


}





@media (min-width: 1024px) {


    .benefits .objextiveOutter .reviewBox {


        height: 390px;


        padding: 1.75rem;


    }


}





@media (min-width: 1280px) {


    .benefits .objextiveOutter .reviewBox {


        height: 315px;


    }


}





@media (min-width: 1540px) {


    .benefits .objextiveOutter .reviewBox {


        height: 100%;


    }


}





.benefits .objextiveOutter .reviewBox:hover>.imgHover {


    display: block;


}





.team-wrapper {


    border-width: 2px;


    border-style: solid;


    border-color: rgb(87 87 94/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.latestJobOpenings {


    margin-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .latestJobOpenings {


        margin-top: 5rem;


        padding-bottom: 5rem;


    }


}





.latestJobOpenings .openingListOutter {


    border-bottom-width: 2px;


    border-style: solid;


    border-color: rgb(87 87 94/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





.latestJobOpenings .openingListOutter:last-child {


    border-style: none;


}





.latestJobOpenings .openingListOutter .openingList {


    display: grid;


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    gap: 2.5rem;


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    padding-right: 2.75rem;


}





@media (min-width: 1024px) {


    .latestJobOpenings .openingListOutter .openingList {


        grid-template-columns: 70% 30%;


    }


}





.latestJobOpenings .openingListOutter .openingList ul {


    margin-top: 0.5rem;


    display: flex;


    flex-wrap: wrap;


    gap: 0.5rem;


}





@media (min-width: 550px) {


    .latestJobOpenings .openingListOutter .openingList ul {


        display: grid;


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }


}





@media (min-width: 1280px) {


    .latestJobOpenings .openingListOutter .openingList ul {


        grid-template-columns: repeat(4, minmax(0px, 1fr));


    }


}





.latestJobOpenings .openingListOutter .openingList ul li {


    width: 200px;


    flex-shrink: 0;


}





@media (min-width: 550px) {


    .latestJobOpenings .openingListOutter .openingList ul li {


        width: 100%;


    }


}





.latestJobOpenings .openingListOutter .aboutRole {


    margin-top: 1.25rem;


    display: grid;


    grid-template-columns: repeat(1, minmax(0px, 1fr));


    gap: 1.25rem;


}





@media (min-width: 1024px) {


    .latestJobOpenings .openingListOutter .aboutRole {


        grid-template-columns: 70% 30%;


    }


}





@media (min-width: 1280px) {


    .latestJobOpenings .openingListOutter .aboutRole {


        grid-template-columns: 65% 35%;


    }


}





.latestJobOpenings .openingListOutter .aboutRole ul {


    margin-left: 1.25rem;


    margin-top: 0.5rem;


    list-style-type: disc;


}





.latestJobOpenings .openingListOutter .aboutRole ul li {


    font-size: 0.875rem;


    font-weight: 300;


    line-height: 1.25;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.hotspotDots {


    position: absolute;


    z-index: 0;


    height: 25px;


    width: 25px;


    cursor: pointer;


}





@media (min-width: 1280px) {


    .hotspotDots {


        height: 30px;


        width: 30px;


    }


}





.hotspotDots .outterOutline {


    position: relative;


    z-index: 0;


    height: 100%;


    width: 100%;


}





.hotspotDots .outterOutline::before {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: -10;


    display: inline-block;


    height: 100%;


    width: 100%;


    animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping;


    border-radius: 9999px;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.hotspotDots .spotCard {


    z-index: 50;


    width: 280px;


    --tw-bg-opacity: 1;


    padding: 0.5rem;


}





.hotspotDots .spotCard,


.hotspotDots .spotCard::before {


    position: absolute;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.hotspotDots .spotCard::before {


    z-index: -10;


    display: inline-block;


    height: 1.75rem;


    width: 1.75rem;


    --tw-rotate: 45deg;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-bg-opacity: 1;


    --tw-content: "";


    content: var(--tw-content);


}





.hotspotDots::before {


    top: 0px;


    left: 0px;


    height: 100%;


    width: 100%;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.hotspotDots::after,


.hotspotDots::before {


    position: absolute;


    z-index: -10;


    display: inline-block;


    border-radius: 9999px;


    --tw-bg-opacity: 1;


    --tw-content: "";


    content: var(--tw-content);


}





.hotspotDots::after {


    top: 0.375rem;


    left: 0.375rem;


    height: 50%;


    width: 50%;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


}





@media (min-width: 1280px) {


    .hotspotDots::after {


        top: 0.5rem;


        left: 0.5rem;


    }


}





.companyMotive .slick-slider .slick-list {


    overflow: visible;


}





.companyMotive .companyMotive_card {


    position: relative;


    z-index: 0;


    margin-left: 0.75rem;


    margin-right: 0.75rem;


    cursor: pointer;


    overflow: hidden;


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.companyMotive .companyMotive_card .imgBorder {


    overflow: hidden;


    border-width: 1px;


    border-style: solid;


    border-color: rgb(87 87 94/var(--tw-border-opacity));


    --tw-border-opacity: 0.5;


}





.companyMotive .companyMotive_card .imgBorder img {


    min-height: 500px;


    --tw-scale-x: 1;


    --tw-scale-y: 1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-grayscale: grayscale(100%);


    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}





.companyMotive .companyMotive_card .imgBorder img,


.companyMotive .companyMotive_card .title {


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.companyMotive .companyMotive_card .title {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.companyMotive .companyMotive_card .contextOverlay {


    left: 0px;


    bottom: 0px;


    z-index: 10;


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    justify-content: flex-end;


    background-color: transparent;


    padding: 1.25rem;


}





@media (min-width: 1024px) {


    .companyMotive .companyMotive_card .contextOverlay {


        position: absolute;


    }





    .companyMotive .companyMotive_card .para {


        display: none;


    }


}





.companyMotive .companyMotive_card:hover {


    box-shadow: rgba(191, 159, 119, 0.27) 0px 0px 100px 0px;


}





.companyMotive .companyMotive_card:hover img {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    --tw-grayscale: grayscale(0);


    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}





.companyMotive .companyMotive_card:hover .title {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.companyMotive .companyMotive_card:hover .contextOverlay {


    justify-content: space-between;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-bg-opacity: 0.7;


}





@media (min-width: 1024px) {


    .companyMotive .companyMotive_card:hover .contextOverlay .para {


        display: block;


    }


}





.aboutBanner {


    position: relative;


    z-index: 0;


}





.aboutBanner .bgOverlay {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


    background: linear-gradient(transparent, transparent 50%, rgb(0, 10, 13));


    opacity: 0.5;


}





.aboutBanner .contentOutter {


    position: absolute;


    bottom: 0px;


    z-index: 30;


    height: 100%;


    width: 100%;


    background-color: rgba(0, 10, 13, 0.28);


    padding-top: 5rem;


}





.aboutBanner .contentOutter .contentOverlay {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: center;


    justify-content: flex-end;


    padding-bottom: 3.5rem;


}





.communityFloorCount .communityCountCard {


    grid-column: span 1 / span 1;


    border-top-width: 1px;


    border-style: solid;


    padding-top: 0.5rem;


    padding-bottom: 0.5rem;


    padding-left: 1.25rem;


}





@media (min-width: 640px) {


    .communityFloorCount .communityCountCard {


        grid-column: span 2 / span 2;


        border-left-width: 1px;


        border-top-width: 0px;


    }


}





@media (min-width: 1024px) {


    .communityFloorCount .communityCountCard {


        grid-column: span 1 / span 1;


    }


}





.communityFloorCount .communityCountCardTaj {


    grid-column: span 1 / span 1;


    border-top-width: 1px;


    border-style: solid;


    padding-top: 0.5rem;


    padding-bottom: 0.5rem;


    padding-left: 1.25rem;


}





@media (min-width: 640px) {


    .communityFloorCount .communityCountCardTaj {


        grid-column: span 2 / span 2;


        border-left-width: 1px;


        border-top-width: 0px;


    }


}





@media (min-width: 1024px) {


    .communityFloorCount .communityCountCardTaj {


        grid-column: span 1 / span 1;


    }


}





.communityFloorCount .communityCountCardTajFirst {


    grid-column: span 1 / span 1;


    padding-top: 0.5rem;


    padding-bottom: 0.5rem;


    padding-left: 1.25rem;


}





@media (min-width: 640px) {


    .communityFloorCount .communityCountCardTajFirst {


        grid-column: span 2 / span 2;


    }


}





@media (min-width: 1024px) {


    .communityFloorCount .communityCountCardTajFirst {


        grid-column: span 1 / span 1;


    }


}





.communityCount .communityCountCard {


    grid-column: span 1 / span 1;


    border-top-width: 1px;


    border-style: solid;


    padding-top: 1.25rem;


    padding-bottom: 1.25rem;


    padding-left: 1.25rem;


}





@media (min-width: 640px) {


    .communityCount .communityCountCard {


        grid-column: span 2 / span 2;


        border-left-width: 1px;


        border-top-width: 0px;


        padding-top: 0px;


        padding-bottom: 0px;


    }


}





@media (min-width: 1024px) {


    .communityCount .communityCountCard {


        grid-column: span 1 / span 1;


    }


}





.realEstateCount .communityCountCard {


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    padding-left: 1.25rem;


    padding-top: 1.25rem;


}





@media (min-width: 768px) {


    .realEstateCount .communityCountCard {


        padding-top: 0px;


    }


}





.realEstateCount .communityCountCard .h2 {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.realEstateCount .communityCountCard .h2 span sup {


    top: -1.75rem;


    font-size: 0.875rem;


    line-height: 1.25rem;


}





.realEstateCount .communityCountCard:first-child {


    border-top-width: 1px;


}





@media (min-width: 768px) {


    .realEstateCount .communityCountCard:first-child {


        border-left-width: 1px;


        border-top-width: 0px;


    }


}





.realEstateCount .communityCountCard:nth-child(2) {


    border-top-width: 1px;


}





@media (min-width: 768px) {


    .realEstateCount .communityCountCard:nth-child(2) {


        border-left-width: 1px;


        border-top-width: 0px;


    }


}





.realEstateCount .communityCountCard:nth-child(3) {


    border-top-width: 1px;


}





@media (min-width: 768px) {


    .realEstateCount .communityCountCard:nth-child(3) {


        border-left-width: 1px;


        border-top-width: 0px;


    }


}





.realEstateCount .communityCountCard:nth-child(4) {


    border-top-width: 1px;


}





@media (min-width: 768px) {


    .realEstateCount .communityCountCard:nth-child(4) {


        border-left-width: 1px;


        border-top-width: 0px;


    }


}





.realEstateCount .communityCountCard:nth-child(4) .h2 {


    padding-top: 0.75rem;


}





@media (min-width: 768px) {


    .realEstateCount .communityCountCard:nth-child(4) .h2 {


        padding-top: 0px;


    }


}





.realEstateCount .communityCountCard:nth-child(4) .h2 span sup {


    top: -1.75rem;


    font-size: 0.875rem;


    line-height: 1.25rem;


}





.aboutNew {


    position: relative;


    z-index: 0;


}





.aboutNew .objectiveOutter {


    overflow: hidden;


}





.aboutNew .objectiveOutter .slick-slider .slick-list {


    overflow: visible;


}





.aboutNew .objectiveOutter .objectiveCardOutter {


    padding-left: 1.25rem;


    padding-right: 1.25rem;


}





.aboutNew .objectiveOutter .objectiveCardOutter .contextOutter {


    display: flex;


    min-height: 300px;


    flex-direction: column;


    justify-content: space-between;


    --tw-bg-opacity: 1;


    background-color: rgb(239 239 239/var(--tw-bg-opacity));


    padding: 2.5rem;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





.aboutNew .ankurSection {


    position: relative;


    z-index: 0;


}





.benefits .objectiveOutter {


    margin-top: 2.5rem;


    margin-bottom: 2.5rem;


    overflow: hidden;


}





.benefits .objectiveOutter .slick-slider .slick-list {


    overflow: visible;


}





.benefits .objectiveOutter .objectiveCardOutter {


    padding-left: 1.25rem;


    padding-right: 1.25rem;


}





.benefits .objectiveOutter .objectiveCardOutter .contextOutter {


    display: flex;


    min-height: 375px;


    flex-direction: column;


    justify-content: space-between;


    gap: 2.5rem;


    --tw-bg-opacity: 1;


    background-color: rgb(31 31 31/var(--tw-bg-opacity));


    padding: 2.5rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





@media (min-width: 768px) {


    .benefits .objectiveOutter .objectiveCardOutter .contextOutter {


        min-height: 300px;


    }


}





@media (min-width: 1024px) {


    .benefits .objectiveOutter .objectiveCardOutter .contextOutter {


        min-height: 355px;


    }


}





@media (min-width: 1280px) {


    .benefits .objectiveOutter .objectiveCardOutter .contextOutter {


        min-height: 300px;


    }


}





.communityProjectCardNew .communityProjectCardOutter {


    position: relative;


    z-index: 0;


    overflow: hidden;


}





.communityProjectCardNew .communityProjectCardOutter .communityImg {


    height: 400px;


    width: 100%;


    object-fit: cover;


    transition-property: transform;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .communityImg {


        height: 500px;


    }


}





.communityProjectCardNew .communityProjectCardOutter .imgOverlay {


    position: absolute;


    inset: 0px;


    z-index: 0;


    background-image: linear-gradient(to top, var(--tw-gradient-stops));


    --tw-gradient-from: #000a0d var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);


    --tw-gradient-to: transparent var(--tw-gradient-to-position);


    opacity: 0.25;


    transition-property: opacity;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.5s;


}





.group:hover .communityProjectCardNew .communityProjectCardOutter .imgOverlay {


    opacity: 0.25;


}





.communityProjectCardNew .communityProjectCardOutter .logoOutter {


    position: absolute;


    top: 0px;


    right: 0px;


    z-index: 10;


}





.communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner {


    display: flex;


    height: 100px;


    width: 150px;


    align-items: center;


    justify-content: center;


    padding: 1.25rem;


}





.communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner svg path {


    fill: rgb(255, 255, 255);


}





.communityProjectCardNew .communityProjectCardOutter .projectNameOutter {


    bottom: 0px;


    right: 0px;


    z-index: 10;


    display: flex;


    height: 100%;


    width: 100%;


    align-items: flex-end;


    background-image: linear-gradient(to top, var(--tw-gradient-stops));


    --tw-gradient-from: #000a0d var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);


    --tw-gradient-to: transparent var(--tw-gradient-to-position);


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .projectNameOutter {


        position: absolute;


    }


}





.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner {


    display: flex;


    width: 100%;


    flex-direction: column;


    align-items: flex-start;


    justify-content: space-between;


    gap: 1.75rem;


    padding-top: 2.5rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner {


        gap: 0px;


        padding: 1.75rem;


    }


}





.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .apartments {


    margin-bottom: 1.25rem;


    display: inline-block;


    padding: 0.5rem 1rem;


}





.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location {


    margin-bottom: 0.5rem;


    display: flex;


    align-items: center;


    justify-content: flex-start;


    gap: 0.5rem;


}





.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location svg path {


    fill: rgb(255, 255, 255);


}





.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn {


    position: relative;


    z-index: 0;


    width: 100%;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    padding: 0.875rem 3rem;


    font-size: 1rem;


    line-height: 1.5rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn {


        --tw-border-opacity: 1;


        border-color: rgb(0 10 13/var(--tw-border-opacity));


        --tw-text-opacity: 1;


        color: rgb(0 10 13/var(--tw-text-opacity));


    }


}





.communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover {


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover {


        --tw-bg-opacity: 1;


        background-color: rgb(0 10 13/var(--tw-bg-opacity));


        --tw-text-opacity: 1;


        color: rgb(255 255 255/var(--tw-text-opacity));


    }


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter {


    top: 0px;


    right: 0px;


    z-index: 20;


    height: 100%;


    width: 100%;


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter {


        position: absolute;


        opacity: 0;


    }


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner {


    display: flex;


    height: 100%;


    width: 100%;


    flex-direction: column;


    align-items: flex-start;


    justify-content: space-between;


    gap: 1.75rem;


    padding-top: 2.5rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner {


        gap: 0px;


        --tw-bg-opacity: 1;


        background-color: rgb(217 217 217/var(--tw-bg-opacity));


        padding: 1.75rem;


        --tw-text-opacity: 1;


        color: rgb(0 10 13/var(--tw-text-opacity));


    }


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .apartments {


    margin-bottom: 1.25rem;


    display: inline-block;


    --tw-bg-opacity: 1;


    background-color: rgb(249 249 249/var(--tw-bg-opacity));


    padding: 0.5rem 1rem;


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .location {


    margin-bottom: 0.75rem;


    display: flex;


    align-items: center;


    justify-content: flex-start;


    gap: 0.5rem;


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo {


    position: relative;


    z-index: 0;


    width: 100%;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(0 10 13/var(--tw-border-opacity));


    padding: 0.875rem 3rem;


    font-size: 1rem;


    line-height: 1.5rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo:hover {


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn {


    position: relative;


    z-index: 0;


    width: 100%;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    padding: 0.875rem 3rem;


    font-size: 1rem;


    line-height: 1.5rem;


    font-weight: 600;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn {


        --tw-border-opacity: 1;


        border-color: rgb(0 10 13/var(--tw-border-opacity));


        --tw-text-opacity: 1;


        color: rgb(0 10 13/var(--tw-text-opacity));


    }


}





.communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover {


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


    --tw-text-opacity: 1;


    color: rgb(0 10 13/var(--tw-text-opacity));


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover {


        --tw-bg-opacity: 1;


        background-color: rgb(0 10 13/var(--tw-bg-opacity));


        --tw-text-opacity: 1;


        color: rgb(255 255 255/var(--tw-text-opacity));


    }


}





.communityProjectCardNew .communityProjectCardOutter:hover .communityImg {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





@media (min-width: 1024px) {


    .communityProjectCardNew .communityProjectCardOutter:hover .logoAnimate {


        animation: 0.5s ease-in-out 0s 1 normal forwards running logoAnimate;


    }





    .communityProjectCardNew .communityProjectCardOutter:hover .textAnimate {


        animation: 0.5s ease-in-out 0s 1 normal forwards running textAnimate;


    }


}





@keyframes logoAnimate {


    0% {


        opacity: 1;


    }





    100% {


        opacity: 0;


    }


}





@keyframes textAnimate {


    0% {


        opacity: 0;


    }





    100% {


        opacity: 1;


    }


}





.menuSection a .menuCardOutter {


    position: relative;


    z-index: 0;


}





.menuSection a .menuCardOutter .menuCardInner {


    border: 1px solid transparent;


    --tw-bg-opacity: 1;


    background-color: rgb(20 20 20/var(--tw-bg-opacity));


    padding: 1.75rem;


}





.menuSection a .menuCardOutter .menuCardInner,


.menuSection a .menuCardOutter .menuCardInner .h5 {


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.menuSection a .menuCardOutter .menuCardInner .h5 {


    margin-left: auto;


    margin-right: auto;


    max-width: 150px;


    text-align: center;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.menuSection a:first-child .menuCardOutter .menuCardInner::after {


    position: absolute;


    top: 25%;


    right: -20px;


    display: none;


    height: 50%;


    width: 1px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 640px) {


    .menuSection a:first-child .menuCardOutter .menuCardInner::after {


        display: block;


    }


}





.menuSection a:first-child .menuCardOutter .menuCardInner::before {


    position: absolute;


    left: 25%;


    bottom: -20px;


    display: block;


    height: 1px;


    width: 50%;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1024px) {


    .menuSection a:first-child .menuCardOutter .menuCardInner::before {


        display: none;


    }


}





.menuSection a:nth-child(2) .menuCardOutter .menuCardInner::after {


    position: absolute;


    top: 25%;


    right: -20px;


    display: none;


    height: 50%;


    width: 1px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1024px) {


    .menuSection a:nth-child(2) .menuCardOutter .menuCardInner::after {


        display: block;


    }


}





.menuSection a:nth-child(2) .menuCardOutter .menuCardInner::before {


    position: absolute;


    left: 25%;


    bottom: -20px;


    display: block;


    height: 1px;


    width: 50%;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1024px) {


    .menuSection a:nth-child(2) .menuCardOutter .menuCardInner::before {


        display: none;


    }


}





.menuSection a:nth-child(3) .menuCardOutter .menuCardInner::after {


    position: absolute;


    top: 25%;


    right: -20px;


    display: none;


    height: 50%;


    width: 1px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 640px) {


    .menuSection a:nth-child(3) .menuCardOutter .menuCardInner::after {


        display: block;


    }


}





.menuSection a:nth-child(3) .menuCardOutter .menuCardInner::before {


    position: absolute;


    left: 25%;


    bottom: -20px;


    display: block;


    height: 1px;


    width: 50%;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 640px) {


    .menuSection a:nth-child(3) .menuCardOutter .menuCardInner::before {


        display: none;


    }


}





.menuSection a:hover .menuCardOutter .menuCardInner {


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





.menuSection a:hover .menuCardOutter .menuCardInner .h5 {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.investmentSectionNew .bgOverlay {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 20;


    height: 100%;


    width: 100%;


    background: linear-gradient(0deg, rgba(0, 0, 0, 0.494), transparent);


}





.aceLogo svg {


    margin-bottom: 1.25rem;


    width: 400px;


}





.aceLogo svg path {


    fill: rgb(255, 255, 255);


}





.footerTwo {


    --tw-bg-opacity: 1;


    padding-top: 37px;


    background: rgb(124, 89, 64);


    padding-bottom: 18px;


}





.footerTwo .footerMenuTitle {


    position: relative;


    z-index: 0;


    margin-bottom: 1.75rem;


    display: inline-block;


    font-weight: 600;


    text-transform: uppercase;


}





@media (min-width: 1024px) {


    .footerTwo .footerMenuTitle {


        margin-bottom: 2.5rem;


        font-family: Barlow, sans-serif;


    }


}





.footerTwo .line-footer {


    display: block;


    height: 1px;


    width: 100%;


    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));


}





.footerTwo .footerLink {


    padding-top: 5px;


    padding-bottom: 10px;


    font-size: 15px;


    text-transform: capitalize;


    line-height: 22px;


    font-family: Barlow, sans-serif;


    color: white;


    --tw-text-opacity: 0.7;


}





.footerTwo .footerLink:hover {


    color: rgb(191 158 119/var(--tw-text-opacity));


    --tw-text-opacity: 1;


}





.footerTwo .foooterLogo {


    margin-bottom: 30px;


}





.footerTwo .foooterLogo svg path {


    fill: rgb(255, 255, 255);


}





.footerTwo .subscribeUs form label {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.footerTwo .subscribeUs form .imputOutter {


    position: relative;


    z-index: 0;


    margin-top: 0.75rem;


    border-bottom-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.1;


    padding-bottom: 0.5rem;


}





.footerTwo .subscribeUs form .imputOutter input {


    width: 100%;


    background-color: transparent;


    padding: 0.5rem 0.75rem;


}





.footerTwo .subscribeUs form .imputOutter input:focus {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.footerTwo .subscribeUs form .imputOutter button {


    position: absolute;


    top: 0px;


    right: 0px;


    z-index: 10;


    display: flex;


    height: 2.5rem;


    align-items: center;


    justify-content: flex-end;


    padding-right: 0.75rem;


}





.NewLaunch,


.footerTwo .footerBottom {


    /* margin-top: 2.5rem; */


}





.NewLaunch {


    position: relative;


    z-index: 0;


}





.NewLaunch img {


    --tw-scale-x: 1;


    --tw-scale-y: 1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    transition-property: all;


    transition-duration: 0.3s;


    transition-timing-function: linear;


}





.NewLaunch .imgOverlay {


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-bg-opacity: 0;


}





.NewLaunch .contextOutter,


.NewLaunch .imgOverlay {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 10;


    height: 100%;


    width: 100%;


}





.NewLaunch .contextOutter {


    display: flex;


    align-items: center;


    justify-content: center;


    padding: 1.25rem;


}





.NewLaunch .contextOutter .contextInner {


    width: 100%;


}





.NewLaunch .contextOutter .contextInner .overlayLogo {


    width: 50%;


}





@media (min-width: 1024px) {


    .NewLaunch .contextOutter .contextInner .overlayLogo {


        width: 40%;


    }


}





.NewLaunch .contextOutter .contextInner .overlayLogo svg path {


    fill: rgb(255, 255, 255);


}





.NewLaunch:hover img {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.backgroundImageTeam {


    background-image: url("/_next/static/media/bnw-developments-team.63ef9f47.jpg");


    background-size: cover;


    background-position: 50% center;


    background-repeat: no-repeat;


}





.accordion-content {


    transition: max-height 0.2s ease-in-out;


    overflow: hidden;


    max-height: 0px;


}





.accordion-content.open {


    max-height: 200px;


}





#privacyPolicy h3.h4 {


    margin-top: 40px;


}





.formErrorMsg {


    margin-top: 0px !important;


    margin-bottom: 0px !important;


    font-size: 0.75rem !important;


    line-height: 1rem !important;


    --tw-text-opacity: 1 !important;


    color: rgb(185 28 28/var(--tw-text-opacity)) !important;


}





.whatsappBtnFloatingOutter .whatsappBtnFloating {


    position: fixed;


    right: 2rem;


    bottom: 1.5rem;


    z-index: 0;


    cursor: pointer;


    padding: 0.625rem;


    opacity: 0.8;


    transition-property: opacity;


    transition-duration: 0.3s;


    transition-timing-function: ease;


}





.whatsappBtnFloatingOutter .whatsappBtnFloating:hover {


    opacity: 1;


}





.link-class a:link,


.link-class a:visited {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.link-class a:active,


.link-class a:hover {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


    text-decoration-line: underline;


}





.blog-section2 {


    padding-top: 5rem;


    padding-bottom: 5rem;


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.blog-section2 h1 {


    margin-bottom: 1.75rem;


    font-weight: 600;


    font-size: 28px;


    font-family: Barlow, sans-serif;


}





@media (min-width: 768px) {


    .blog-section2 h1 {


        font-size: 36px;


    }


}





@media (min-width: 1024px) {


    .blog-section2 h1 {


        font-size: 45px;


    }


}





@media (min-width: 1540px) {


    .blog-section2 h1 {


        font-size: 50px;


    }


}





.blog-section2 h1 {


    line-height: 110%;


}





.realEstateCount .communityCountCard .blog-section2 h1 {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.realEstateCount .communityCountCard .blog-section2 h1 span sup {


    top: -1.75rem;


    font-size: 0.875rem;


    line-height: 1.25rem;


}





.realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 {


    padding-top: 0.75rem;


}





@media (min-width: 768px) {


    .realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 {


        padding-top: 0px;


    }


}





.realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 span sup {


    top: -1.75rem;


    font-size: 0.875rem;


    line-height: 1.25rem;


}





.blog-section2 h2 {


    margin-top: 1.75rem;


    font-weight: 500;


    font-size: 24px;


    line-height: 1.25;


    font-family: Barlow, sans-serif;


}





@media (min-width: 768px) {


    .blog-section2 h2 {


        font-size: 28px;


    }


}





@media (min-width: 1024px) {


    .blog-section2 h2 {


        font-size: 35px;


    }


}





@media (min-width: 1540px) {


    .blog-section2 h2 {


        font-size: 45px;


    }


}





.blog-section2 h3 {


    margin-top: 1.25rem;


    font-weight: 500;


    font-size: 20px;


    font-family: Barlow, sans-serif;


}





@media (min-width: 768px) {


    .blog-section2 h3 {


        font-size: 24px;


    }


}





@media (min-width: 1024px) {


    .blog-section2 h3 {


        font-size: 30px;


    }


}





.blog-section2 h3 {


    line-height: 110%;


}





.servicesOutter .servicesGrid .serviceCardOutter .serviceContent .blog-section2 h3 {


    margin-bottom: 0.75rem;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 1024px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {


        min-height: 6rem;


    }


}





@media (min-width: 1540px) {


    .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 1024px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {


        min-height: 6rem;


    }


}





@media (min-width: 1540px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 {


        min-height: 6rem;


    }


}





@media (min-width: 1540px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 768px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





@media (min-width: 1280px) {


    .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .blog-section2 h3 {


        min-height: 4rem;


    }


}





#privacyPolicy h3.blog-section2 h3 {


    margin-top: 40px;


}





.blog-section2 h4 {


    margin-top: 0.75rem;


    font-weight: 500;


    font-size: 18px;


    line-height: 2rem;


    font-family: Barlow, sans-serif;


}





@media (min-width: 768px) {


    .blog-section2 h4 {


        font-size: 22px;


    }


}





.menuSection a .menuCardOutter .menuCardInner .blog-section2 h4 {


    margin-left: auto;


    margin-right: auto;


    max-width: 150px;


    text-align: center;


    text-transform: uppercase;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


    transition-property: all;


    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


    transition-duration: 0.3s;


}





.menuSection a:hover .menuCardOutter .menuCardInner .blog-section2 h4 {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.blog-section2 p {


    margin-top: 0.75rem;


    --tw-text-opacity: 1;


    color: rgb(87 87 94/var(--tw-text-opacity));


    font-family: Barlow, sans-serif;


}





.blog-section2 img {


    margin-bottom: 1.75rem;


    margin-top: 2.5rem;


}





.blog-section2 ul {


    margin-top: 0.75rem;


    margin-left: 1.75rem;


    list-style-type: disc;


    --tw-text-opacity: 1;


    color: rgb(87 87 94/var(--tw-text-opacity));


}





.blog-section2 a:link,


.blog-section2 a:visited {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.blog-section2 a:active,


.blog-section2 a:hover {


    background-color: transparent;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


    text-decoration-line: underline;


}





.blog-section2 table,


.blog-section2 td,


.blog-section2 th {


    margin-top: 0.75rem;


    border-width: 2px;


    --tw-text-opacity: 1;


    color: rgb(87 87 94/var(--tw-text-opacity));


}





.blog-section2 td {


    padding-left: 1.25rem;


    padding-right: 1.25rem;


}





.react-tel-input {


    font-size: 15px;


    position: relative;


    width: 100%;


    font-family: Barlow, sans-serif;


}





.react-tel-input:disabled {


    cursor: not-allowed;


}





.react-tel-input .flag {


    width: 16px;


    height: 11px;


    background-image: url("/_next/static/media/flags.f9da76b9.png");


}





.react-tel-input .ad {


    background-position: -16px 0px;


}





.react-tel-input .ae {


    background-position: -32px 0px;


}





.react-tel-input .af {


    background-position: -48px 0px;


}





.react-tel-input .ag {


    background-position: -64px 0px;


}





.react-tel-input .ai {


    background-position: -80px 0px;


}





.react-tel-input .al {


    background-position: -96px 0px;


}





.react-tel-input .am {


    background-position: -112px 0px;


}





.react-tel-input .ao {


    background-position: -128px 0px;


}





.react-tel-input .ar {


    background-position: -144px 0px;


}





.react-tel-input .as {


    background-position: -160px 0px;


}





.react-tel-input .at {


    background-position: -176px 0px;


}





.react-tel-input .au {


    background-position: -192px 0px;


}





.react-tel-input .aw {


    background-position: -208px 0px;


}





.react-tel-input .az {


    background-position: -224px 0px;


}





.react-tel-input .ba {


    background-position: -240px 0px;


}





.react-tel-input .bb {


    background-position: 0px -11px;


}





.react-tel-input .bd {


    background-position: -16px -11px;


}





.react-tel-input .be {


    background-position: -32px -11px;


}





.react-tel-input .bf {


    background-position: -48px -11px;


}





.react-tel-input .bg {


    background-position: -64px -11px;


}





.react-tel-input .bh {


    background-position: -80px -11px;


}





.react-tel-input .bi {


    background-position: -96px -11px;


}





.react-tel-input .bj {


    background-position: -112px -11px;


}





.react-tel-input .bm {


    background-position: -128px -11px;


}





.react-tel-input .bn {


    background-position: -144px -11px;


}





.react-tel-input .bo {


    background-position: -160px -11px;


}





.react-tel-input .br {


    background-position: -176px -11px;


}





.react-tel-input .bs {


    background-position: -192px -11px;


}





.react-tel-input .bt {


    background-position: -208px -11px;


}





.react-tel-input .bw {


    background-position: -224px -11px;


}





.react-tel-input .by {


    background-position: -240px -11px;


}





.react-tel-input .bz {


    background-position: 0px -22px;


}





.react-tel-input .ca {


    background-position: -16px -22px;


}





.react-tel-input .cd {


    background-position: -32px -22px;


}





.react-tel-input .cf {


    background-position: -48px -22px;


}





.react-tel-input .cg {


    background-position: -64px -22px;


}





.react-tel-input .ch {


    background-position: -80px -22px;


}





.react-tel-input .ci {


    background-position: -96px -22px;


}





.react-tel-input .ck {


    background-position: -112px -22px;


}





.react-tel-input .cl {


    background-position: -128px -22px;


}





.react-tel-input .cm {


    background-position: -144px -22px;


}





.react-tel-input .cn {


    background-position: -160px -22px;


}





.react-tel-input .co {


    background-position: -176px -22px;


}





.react-tel-input .cr {


    background-position: -192px -22px;


}





.react-tel-input .cu {


    background-position: -208px -22px;


}





.react-tel-input .cv {


    background-position: -224px -22px;


}





.react-tel-input .cw {


    background-position: -240px -22px;


}





.react-tel-input .cy {


    background-position: 0px -33px;


}





.react-tel-input .cz {


    background-position: -16px -33px;


}





.react-tel-input .de {


    background-position: -32px -33px;


}





.react-tel-input .dj {


    background-position: -48px -33px;


}





.react-tel-input .dk {


    background-position: -64px -33px;


}





.react-tel-input .dm {


    background-position: -80px -33px;


}





.react-tel-input .do {


    background-position: -96px -33px;


}





.react-tel-input .dz {


    background-position: -112px -33px;


}





.react-tel-input .ec {


    background-position: -128px -33px;


}





.react-tel-input .ee {


    background-position: -144px -33px;


}





.react-tel-input .eg {


    background-position: -160px -33px;


}





.react-tel-input .er {


    background-position: -176px -33px;


}





.react-tel-input .es {


    background-position: -192px -33px;


}





.react-tel-input .et {


    background-position: -208px -33px;


}





.react-tel-input .fi {


    background-position: -224px -33px;


}





.react-tel-input .fj {


    background-position: -240px -33px;


}





.react-tel-input .fk {


    background-position: 0px -44px;


}





.react-tel-input .fm {


    background-position: -16px -44px;


}





.react-tel-input .fo {


    background-position: -32px -44px;


}





.react-tel-input .bl,


.react-tel-input .fr,


.react-tel-input .mf {


    background-position: -48px -44px;


}





.react-tel-input .ga {


    background-position: -64px -44px;


}





.react-tel-input .gb {


    background-position: -80px -44px;


}





.react-tel-input .gd {


    background-position: -96px -44px;


}





.react-tel-input .ge {


    background-position: -112px -44px;


}





.react-tel-input .gf {


    background-position: -128px -44px;


}





.react-tel-input .gh {


    background-position: -144px -44px;


}





.react-tel-input .gi {


    background-position: -160px -44px;


}





.react-tel-input .gl {


    background-position: -176px -44px;


}





.react-tel-input .gm {


    background-position: -192px -44px;


}





.react-tel-input .gn {


    background-position: -208px -44px;


}





.react-tel-input .gp {


    background-position: -224px -44px;


}





.react-tel-input .gq {


    background-position: -240px -44px;


}





.react-tel-input .gr {


    background-position: 0px -55px;


}





.react-tel-input .gt {


    background-position: -16px -55px;


}





.react-tel-input .gu {


    background-position: -32px -55px;


}





.react-tel-input .gw {


    background-position: -48px -55px;


}





.react-tel-input .gy {


    background-position: -64px -55px;


}





.react-tel-input .hk {


    background-position: -80px -55px;


}





.react-tel-input .hn {


    background-position: -96px -55px;


}





.react-tel-input .hr {


    background-position: -112px -55px;


}





.react-tel-input .ht {


    background-position: -128px -55px;


}





.react-tel-input .hu {


    background-position: -144px -55px;


}





.react-tel-input .id {


    background-position: -160px -55px;


}





.react-tel-input .ie {


    background-position: -176px -55px;


}





.react-tel-input .il {


    background-position: -192px -55px;


}





.react-tel-input .in {


    background-position: -208px -55px;


}





.react-tel-input .io {


    background-position: -224px -55px;


}





.react-tel-input .iq {


    background-position: -240px -55px;


}





.react-tel-input .ir {


    background-position: 0px -66px;


}





.react-tel-input .is {


    background-position: -16px -66px;


}





.react-tel-input .it {


    background-position: -32px -66px;


}





.react-tel-input .je {


    background-position: -144px -154px;


}





.react-tel-input .jm {


    background-position: -48px -66px;


}





.react-tel-input .jo {


    background-position: -64px -66px;


}





.react-tel-input .jp {


    background-position: -80px -66px;


}





.react-tel-input .ke {


    background-position: -96px -66px;


}





.react-tel-input .kg {


    background-position: -112px -66px;


}





.react-tel-input .kh {


    background-position: -128px -66px;


}





.react-tel-input .ki {


    background-position: -144px -66px;


}





.react-tel-input .xk {


    background-position: -128px -154px;


}





.react-tel-input .km {


    background-position: -160px -66px;


}





.react-tel-input .kn {


    background-position: -176px -66px;


}





.react-tel-input .kp {


    background-position: -192px -66px;


}





.react-tel-input .kr {


    background-position: -208px -66px;


}





.react-tel-input .kw {


    background-position: -224px -66px;


}





.react-tel-input .ky {


    background-position: -240px -66px;


}





.react-tel-input .kz {


    background-position: 0px -77px;


}





.react-tel-input .la {


    background-position: -16px -77px;


}





.react-tel-input .lb {


    background-position: -32px -77px;


}





.react-tel-input .lc {


    background-position: -48px -77px;


}





.react-tel-input .li {


    background-position: -64px -77px;


}





.react-tel-input .lk {


    background-position: -80px -77px;


}





.react-tel-input .lr {


    background-position: -96px -77px;


}





.react-tel-input .ls {


    background-position: -112px -77px;


}





.react-tel-input .lt {


    background-position: -128px -77px;


}





.react-tel-input .lu {


    background-position: -144px -77px;


}





.react-tel-input .lv {


    background-position: -160px -77px;


}





.react-tel-input .ly {


    background-position: -176px -77px;


}





.react-tel-input .ma {


    background-position: -192px -77px;


}





.react-tel-input .mc {


    background-position: -208px -77px;


}





.react-tel-input .md {


    background-position: -224px -77px;


}





.react-tel-input .me {


    background-position: -112px -154px;


    height: 12px;


}





.react-tel-input .mg {


    background-position: 0px -88px;


}





.react-tel-input .mh {


    background-position: -16px -88px;


}





.react-tel-input .mk {


    background-position: -32px -88px;


}





.react-tel-input .ml {


    background-position: -48px -88px;


}





.react-tel-input .mm {


    background-position: -64px -88px;


}





.react-tel-input .mn {


    background-position: -80px -88px;


}





.react-tel-input .mo {


    background-position: -96px -88px;


}





.react-tel-input .mp {


    background-position: -112px -88px;


}





.react-tel-input .mq {


    background-position: -128px -88px;


}





.react-tel-input .mr {


    background-position: -144px -88px;


}





.react-tel-input .ms {


    background-position: -160px -88px;


}





.react-tel-input .mt {


    background-position: -176px -88px;


}





.react-tel-input .mu {


    background-position: -192px -88px;


}





.react-tel-input .mv {


    background-position: -208px -88px;


}





.react-tel-input .mw {


    background-position: -224px -88px;


}





.react-tel-input .mx {


    background-position: -240px -88px;


}





.react-tel-input .my {


    background-position: 0px -99px;


}





.react-tel-input .mz {


    background-position: -16px -99px;


}





.react-tel-input .na {


    background-position: -32px -99px;


}





.react-tel-input .nc {


    background-position: -48px -99px;


}





.react-tel-input .ne {


    background-position: -64px -99px;


}





.react-tel-input .nf {


    background-position: -80px -99px;


}





.react-tel-input .ng {


    background-position: -96px -99px;


}





.react-tel-input .ni {


    background-position: -112px -99px;


}





.react-tel-input .bq,


.react-tel-input .nl {


    background-position: -128px -99px;


}





.react-tel-input .no {


    background-position: -144px -99px;


}





.react-tel-input .np {


    background-position: -160px -99px;


}





.react-tel-input .nr {


    background-position: -176px -99px;


}





.react-tel-input .nu {


    background-position: -192px -99px;


}





.react-tel-input .nz {


    background-position: -208px -99px;


}





.react-tel-input .om {


    background-position: -224px -99px;


}





.react-tel-input .pa {


    background-position: -240px -99px;


}





.react-tel-input .pe {


    background-position: 0px -110px;


}





.react-tel-input .pf {


    background-position: -16px -110px;


}





.react-tel-input .pg {


    background-position: -32px -110px;


}





.react-tel-input .ph {


    background-position: -48px -110px;


}





.react-tel-input .pk {


    background-position: -64px -110px;


}





.react-tel-input .pl {


    background-position: -80px -110px;


}





.react-tel-input .pm {


    background-position: -96px -110px;


}





.react-tel-input .pr {


    background-position: -112px -110px;


}





.react-tel-input .ps {


    background-position: -128px -110px;


}





.react-tel-input .pt {


    background-position: -144px -110px;


}





.react-tel-input .pw {


    background-position: -160px -110px;


}





.react-tel-input .py {


    background-position: -176px -110px;


}





.react-tel-input .qa {


    background-position: -192px -110px;


}





.react-tel-input .re {


    background-position: -208px -110px;


}





.react-tel-input .ro {


    background-position: -224px -110px;


}





.react-tel-input .rs {


    background-position: -240px -110px;


}





.react-tel-input .ru {


    background-position: 0px -121px;


}





.react-tel-input .rw {


    background-position: -16px -121px;


}





.react-tel-input .sa {


    background-position: -32px -121px;


}





.react-tel-input .sb {


    background-position: -48px -121px;


}





.react-tel-input .sc {


    background-position: -64px -121px;


}





.react-tel-input .sd {


    background-position: -80px -121px;


}





.react-tel-input .se {


    background-position: -96px -121px;


}





.react-tel-input .sg {


    background-position: -112px -121px;


}





.react-tel-input .sh {


    background-position: -128px -121px;


}





.react-tel-input .si {


    background-position: -144px -121px;


}





.react-tel-input .sk {


    background-position: -160px -121px;


}





.react-tel-input .sl {


    background-position: -176px -121px;


}





.react-tel-input .sm {


    background-position: -192px -121px;


}





.react-tel-input .sn {


    background-position: -208px -121px;


}





.react-tel-input .so {


    background-position: -224px -121px;


}





.react-tel-input .sr {


    background-position: -240px -121px;


}





.react-tel-input .ss {


    background-position: 0px -132px;


}





.react-tel-input .st {


    background-position: -16px -132px;


}





.react-tel-input .sv {


    background-position: -32px -132px;


}





.react-tel-input .sx {


    background-position: -48px -132px;


}





.react-tel-input .sy {


    background-position: -64px -132px;


}





.react-tel-input .sz {


    background-position: -80px -132px;


}





.react-tel-input .tc {


    background-position: -96px -132px;


}





.react-tel-input .td {


    background-position: -112px -132px;


}





.react-tel-input .tg {


    background-position: -128px -132px;


}





.react-tel-input .th {


    background-position: -144px -132px;


}





.react-tel-input .tj {


    background-position: -160px -132px;


}





.react-tel-input .tk {


    background-position: -176px -132px;


}





.react-tel-input .tl {


    background-position: -192px -132px;


}





.react-tel-input .tm {


    background-position: -208px -132px;


}





.react-tel-input .tn {


    background-position: -224px -132px;


}





.react-tel-input .to {


    background-position: -240px -132px;


}





.react-tel-input .tr {


    background-position: 0px -143px;


}





.react-tel-input .tt {


    background-position: -16px -143px;


}





.react-tel-input .tv {


    background-position: -32px -143px;


}





.react-tel-input .tw {


    background-position: -48px -143px;


}





.react-tel-input .tz {


    background-position: -64px -143px;


}





.react-tel-input .ua {


    background-position: -80px -143px;


}





.react-tel-input .ug {


    background-position: -96px -143px;


}





.react-tel-input .us {


    background-position: -112px -143px;


}





.react-tel-input .uy {


    background-position: -128px -143px;


}





.react-tel-input .uz {


    background-position: -144px -143px;


}





.react-tel-input .va {


    background-position: -160px -143px;


}





.react-tel-input .vc {


    background-position: -176px -143px;


}





.react-tel-input .ve {


    background-position: -192px -143px;


}





.react-tel-input .vg {


    background-position: -208px -143px;


}





.react-tel-input .vi {


    background-position: -224px -143px;


}





.react-tel-input .vn {


    background-position: -240px -143px;


}





.react-tel-input .vu {


    background-position: 0px -154px;


}





.react-tel-input .wf {


    background-position: -16px -154px;


}





.react-tel-input .ws {


    background-position: -32px -154px;


}





.react-tel-input .ye {


    background-position: -48px -154px;


}





.react-tel-input .za {


    background-position: -64px -154px;


}





.react-tel-input .zm {


    background-position: -80px -154px;


}





.react-tel-input .zw {


    background-position: -96px -154px;


}





.react-tel-input * {


    box-sizing: border-box;


}





.react-tel-input .hide {


    display: none;


}





.react-tel-input .v-hide {


    visibility: hidden;


}





.react-tel-input .form-control {


    position: relative;


    font-size: 14px;


    letter-spacing: 0.01rem;


    padding-left: 48px;


    margin-left: 0px;


    background: rgb(255, 255, 255);


    border: 1px solid rgba(24, 24, 24, 0.698);


    border-radius: 5px;


    line-height: 25px;


    height: 35px;


    width: 300px;


    outline: none;


    margin-top: 0px !important;


    margin-bottom: 0px !important;


}





.react-tel-input .form-control.invalid-number,


.react-tel-input .form-control.invalid-number:focus {


    background-color: rgb(250, 240, 240);


    border-width: 1px;


    border-style: solid;


    border-color: rgb(215, 159, 159) rgb(215, 159, 159) rgb(215, 159, 159) rgba(24, 24, 24, 0.698);


    border-image: initial;


}





.react-tel-input .flag-dropdown {


    position: absolute;


    top: 0px;


    bottom: 0px;


    padding: 0px;


    background-color: rgb(245, 245, 245);


    border-right: 1px solid rgba(24, 24, 24, 0.698);


    border-radius: 3px 0px 0px 3px;


}





.react-tel-input .flag-dropdown:focus,


.react-tel-input .flag-dropdown:hover {


    cursor: pointer;


}





.react-tel-input .flag-dropdown.invalid-number {


    border-color: rgb(215, 159, 159);


}





.react-tel-input .flag-dropdown.open {


    z-index: 2;


}





.react-tel-input .flag-dropdown.open,


.react-tel-input .flag-dropdown.open .selected-flag {


    background: rgb(255, 255, 255);


    border-radius: 3px 0px 0px;


}





:is(.react-tel-input input[disabled])+.flag-dropdown:hover {


    cursor: default;


}





:is(.react-tel-input input[disabled])+.flag-dropdown:hover .selected-flag {


    background-color: transparent;


}





.react-tel-input .selected-flag {


    outline: none;


    position: relative;


    width: 38px;


    height: 100%;


    padding: 0px 0px 0px 8px;


    border-radius: 3px 0px 0px 3px;


}





.react-tel-input .selected-flag .flag {


    position: absolute;


    top: 50%;


    margin-top: -5px;


}





.react-tel-input .selected-flag .arrow {


    position: relative;


    top: 50%;


    margin-top: -2px;


    left: 20px;


    width: 0px;


    height: 0px;


    border-left: 3px solid transparent;


    border-right: 3px solid transparent;


    border-top: 4px solid rgb(85, 85, 85);


}





.react-tel-input .selected-flag .arrow.up {


    border-top: none;


    border-bottom: 4px solid rgb(85, 85, 85);


}





.react-tel-input .country-list {


    outline: none;


    z-index: 1;


    list-style: none;


    position: absolute;


    padding: 0px;


    margin: 10px 0px 10px -1px;


    box-shadow: rgba(0, 0, 0, 0.35) 1px 2px 10px;


    background-color: rgb(255, 255, 255);


    width: 300px;


    max-height: 200px;


    overflow-y: scroll;


    border-radius: 0px 0px 3px 3px;


}





.react-tel-input .country-list .flag {


    display: inline-block;


    margin-right: 7px;


    margin-top: 2px;


}





.react-tel-input .country-list .divider {


    padding-bottom: 5px;


    margin-bottom: 5px;


    border-bottom: 1px solid rgb(204, 204, 204);


}





.react-tel-input .country-list .country {


    padding: 7px 9px;


}





.react-tel-input .country-list .country .dial-code {


    color: rgb(107, 107, 107);


}





.react-tel-input .country-list .country.highlight,


.react-tel-input .country-list .country:hover {


    background-color: rgb(241, 241, 241);


}





.react-tel-input .country-list .country-name {


    margin-right: 6px;


}





.react-tel-input .country-list .search {


    position: sticky;


    top: 0px;


    background-color: rgb(255, 255, 255);


    padding: 10px 0px 6px 10px;


}





.react-tel-input .country-list .search-emoji {


    font-size: 15px;


}





.react-tel-input .country-list .search-box {


    border: 1px solid rgb(202, 202, 202);


    border-radius: 3px;


    font-size: 15px;


    line-height: 15px;


    margin-left: 6px;


    padding: 3px 8px 5px;


    outline: none;


}





.react-tel-input .country-list .no-entries-message {


    padding: 7px 10px 11px;


    opacity: 0.7;


}





.react-tel-input .invalid-number-message {


    color: rgb(222, 0, 0);


}





.react-tel-input .invalid-number-message,


.react-tel-input .special-label {


    position: absolute;


    z-index: 1;


    font-size: 13px;


    left: 46px;


    top: -8px;


    background: rgb(255, 255, 255);


    padding: 0px 2px;


}





.react-tel-input .special-label {


    display: none;


    white-space: nowrap;


}





.before\:-left-3::before {


    content: var(--tw-content);


    left: -0.75rem;


}





.before\:-right-3::before {


    content: var(--tw-content);


    right: -0.75rem;


}





.before\:top-2::before {


    content: var(--tw-content);


    top: 0.5rem;


}





.before\:top-20::before {


    content: var(--tw-content);


    top: 5rem;


}





.before\:top-44::before {


    content: var(--tw-content);


    top: 11rem;


}





.after\:absolute::after {


    content: var(--tw-content);


    position: absolute;


}





.after\:top-0::after {


    content: var(--tw-content);


    top: 0px;


}





.after\:-z-10::after {


    content: var(--tw-content);


    z-index: -10;


}





.after\:h-20::after {


    content: var(--tw-content);


    height: 5rem;


}





.after\:w-20::after {


    content: var(--tw-content);


    width: 5rem;


}





@keyframes ping {





    75%,


    100% {


        content: var(--tw-content);


        transform: scale(2);


        opacity: 0;


    }


}





.after\:animate-ping::after {


    content: var(--tw-content);


    animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping;


}





.after\:border-8::after {


    content: var(--tw-content);


    border-width: 8px;


}





.after\:border-thmBrown::after {


    content: var(--tw-content);


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





.after\:bg-transparent::after {


    content: var(--tw-content);


    background-color: transparent;


}





.hover\:scale-100:hover {


    --tw-scale-x: 1;


    --tw-scale-y: 1;


}





.hover\:scale-100:hover,


.hover\:scale-105:hover {


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.hover\:scale-105:hover {


    --tw-scale-x: 1.05;


    --tw-scale-y: 1.05;


}





.hover\:scale-110:hover {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.hover\:cursor-pointer:hover {


    cursor: pointer;


}





.hover\:border-thmBrown:hover {


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


}





.hover\:border-white:hover {


    --tw-border-opacity: 1;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


}





.hover\:\!bg-black:hover {


    --tw-bg-opacity: 1 !important;


    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important;


}





.hover\:bg-thmBlack:hover {


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


}





.hover\:bg-thmGold:hover {


    --tw-bg-opacity: 1;


    background-color: rgb(218 175 125/var(--tw-bg-opacity));


}





.hover\:text-thmBrown:hover {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.hover\:text-white:hover {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.hover\:text-opacity-100:hover {


    --tw-text-opacity: 1;


}





.focus\:\!bg-black:focus {


    --tw-bg-opacity: 1 !important;


    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important;


}





.focus\:\!outline-none:focus {


    outline: transparent solid 2px !important;


    outline-offset: 2px !important;


}





.focus\:outline-none:focus {


    outline: transparent solid 2px;


    outline-offset: 2px;


}





.active\:\!bg-black:active {


    --tw-bg-opacity: 1 !important;


    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important;


}





.group:hover .group-hover\:bottom-0 {


    bottom: 0px;


}





.group:hover .group-hover\:left-0 {


    left: 0px;


}





.group:hover .group-hover\:top-0 {


    top: 0px;


}





.group:hover .group-hover\:flex {


    display: flex;


}





.group:hover .group-hover\:grid {


    display: grid;


}





.group:hover .group-hover\:w-full {


    width: 100%;


}





.group:hover .group-hover\:scale-105 {


    --tw-scale-x: 1.05;


    --tw-scale-y: 1.05;


    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}





.group:hover .group-hover\:bg-\[\#f0eae3de\] {


    background-color: rgba(240, 234, 227, 0.87);


}





.group:hover .group-hover\:text-\[\#000\] {


    --tw-text-opacity: 1;


    color: rgb(0 0 0/var(--tw-text-opacity));


}





.group:hover .group-hover\:text-\[\#bf9e77\],


.group:hover .group-hover\:text-thmBrown {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.group:hover .group-hover\:text-white {


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.group:hover .group-hover\:opacity-25 {


    opacity: 0.25;


}





@media (min-width: 550px) {


    .xs\:mb-10 {


        margin-bottom: 2.5rem;


    }





    .xs\:block {


        display: block;


    }





    .xs\:hidden {


        display: none;


    }





    .xs\:h-\[350px\] {


        height: 350px;


    }





    .xs\:\!grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;


    }





    .xs\:grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }





    .xs\:grid-cols-3 {


        grid-template-columns: repeat(3, minmax(0px, 1fr));


    }





    .xs\:gap-10 {


        gap: 2.5rem;


    }





    .xs\:px-8 {


        padding-left: 2rem;


        padding-right: 2rem;


    }


}





@media (min-width: 640px) {


    .sm\:left-10 {


        left: 2.5rem;


    }





    .sm\:right-10 {


        right: 2.5rem;


    }





    .sm\:mt-5 {


        margin-top: 1.25rem;


    }





    .sm\:block {


        display: block;


    }





    .sm\:min-h-\[620px\] {


        min-height: 620px;


    }





    .sm\:w-10 {


        width: 2.5rem;


    }





    .sm\:w-14 {


        width: 3.5rem;


    }





    .sm\:max-w-xl {


        max-width: 36rem;


    }





    .sm\:grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }





    .sm\:grid-cols-3 {


        grid-template-columns: repeat(3, minmax(0px, 1fr));


    }





    .sm\:grid-cols-4 {


        grid-template-columns: repeat(4, minmax(0px, 1fr));


    }





    .sm\:gap-x-10 {


        column-gap: 2.5rem;


    }





    .sm\:gap-y-16 {


        row-gap: 4rem;


    }





    .sm\:px-0 {


        padding-left: 0px;


        padding-right: 0px;


    }





    .sm\:px-24 {


        padding-left: 6rem;


        padding-right: 6rem;


    }





    .sm\:text-base {


        font-size: 1rem;


        line-height: 1.5rem;


    }





    .sm\:text-sm {


        font-size: 0.875rem;


        line-height: 1.25rem;


    }





    .sm\:text-xl {


        font-size: 1.25rem;


        line-height: 1.75rem;


    }


}





@media (min-width: 768px) {


    .md\:-left-10 {


        left: -2.5rem;


    }





    .md\:-right-10 {


        right: -2.5rem;


    }





    .md\:left-\[40\%\] {


        left: 40%;


    }





    .md\:top-10 {


        top: 2.5rem;


    }





    .md\:top-28 {


        top: 7rem;


    }





    .md\:top-\[140px\] {


        top: 140px;


    }





    .md\:top-\[200px\] {


        top: 200px;


    }





    .md\:my-20 {


        margin-top: 5rem;


        margin-bottom: 5rem;


    }





    .md\:my-28 {


        margin-top: 7rem;


        margin-bottom: 7rem;


    }





    .md\:mb-0 {


        margin-bottom: 0px;


    }





    .md\:mb-10 {


        margin-bottom: 2.5rem;


    }





    .md\:mb-12 {


        margin-bottom: 3rem;


    }





    .md\:mb-16 {


        margin-bottom: 4rem;


    }





    .md\:mb-2 {


        margin-bottom: 0.5rem;


    }





    .md\:mb-28 {


        margin-bottom: 7rem;


    }





    .md\:mb-4 {


        margin-bottom: 1rem;


    }





    .md\:mb-5 {


        margin-bottom: 1.25rem;


    }





    .md\:mb-6 {


        margin-bottom: 1.5rem;


    }





    .md\:ml-10 {


        margin-left: 2.5rem;


    }





    .md\:ml-auto {


        margin-left: auto;


    }





    .md\:mr-0 {


        margin-right: 0px;


    }





    .md\:mr-3 {


        margin-right: 0.75rem;


    }





    .md\:mr-4 {


        margin-right: 1rem;


    }





    .md\:mt-0 {


        margin-top: 0px;


    }





    .md\:mt-10 {


        margin-top: 2.5rem;


    }





    .md\:mt-14 {


        margin-top: 3.5rem;


    }





    .md\:mt-16 {


        margin-top: 4rem;


    }





    .md\:mt-5 {


        margin-top: 1.25rem;


    }





    .md\:mt-8 {


        margin-top: 10px;


    }





    .md\:block {


        display: block;


    }





    .md\:flex {


        display: flex;


    }





    .md\:grid {


        display: grid;


    }





    .md\:hidden {


        display: none;


    }





    .md\:h-28 {


        height: 30px;


    }





    .md\:h-\[250px\] {


        height: 250px;


    }





    .md\:h-\[400px\] {


        height: 400px;


    }





    .md\:h-\[44px\] {


        height: 44px;


    }





    .md\:h-\[48px\] {


        height: 48px;


    }





    .md\:h-\[58px\] {


        height: 58px;


    }





    .md\:h-\[70vh\] {


        height: 70vh;


    }





    .md\:min-h-\[350px\] {


        min-height: 350px;


    }





    .md\:min-h-\[400px\] {


        min-height: 400px;


    }





    .md\:min-h-\[500px\] {


        min-height: 500px;


    }





    .md\:min-h-\[650px\] {


        min-height: 650px;


    }





    .md\:w-\[1px\] {


        width: 2px;


    }





    .md\:w-\[250px\] {


        width: 250px;


    }





    .md\:w-\[350px\] {


        width: 350px;


    }





    .md\:w-\[70\%\] {


        width: 70%;


    }





    .md\:max-w-2xl {


        max-width: 42rem;


    }





    .md\:max-w-3xl {


        max-width: 48rem;


    }





    .md\:max-w-4xl {


        max-width: 56rem;


    }





    .md\:max-w-\[50\%\] {


        max-width: 50%;


    }





    .md\:max-w-lg {


        max-width: 32rem;


    }





    .md\:max-w-md {


        max-width: 28rem;


    }





    .md\:max-w-xl {


        max-width: 36rem;


    }





    .md\:scale-100 {


        --tw-scale-x: 1;


        --tw-scale-y: 1;


    }





    .md\:scale-100,


    .md\:scale-75 {


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }





    .md\:scale-75 {


        --tw-scale-x: .75;


        --tw-scale-y: .75;


    }





    .md\:scale-\[90\%\] {


        --tw-scale-x: 90%;


        --tw-scale-y: 90%;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }





    .md\:grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }





    .md\:grid-cols-3 {


        grid-template-columns: repeat(3, minmax(0px, 1fr));


    }





    .md\:grid-cols-4 {


        grid-template-columns: repeat(4, minmax(0px, 1fr));


    }





    .md\:grid-cols-\[60\%__35\%\] {


        grid-template-columns: 60% 35%;


    }





    .md\:grid-cols-\[88\%_7\%\] {


        grid-template-columns: 88% 7%;


    }





    .md\:flex-row {


        flex-direction: row;


    }





    .md\:flex-nowrap {


        flex-wrap: nowrap;


    }





    .md\:items-start {


        align-items: flex-start;


    }





    .md\:items-center {


        align-items: center;


    }





    .md\:justify-center {


        justify-content: center;


    }





    .md\:justify-between {


        justify-content: space-between;


    }





    .md\:gap-0 {


        gap: 0px;


    }





    .md\:gap-10 {


        gap: 2.5rem;


    }





    .md\:gap-4 {


        gap: 1rem;


    }





    .md\:gap-5 {


        gap: 1.25rem;


    }





    .md\:gap-x-6 {


        column-gap: 1.5rem;


    }





    .md\:gap-y-6 {


        row-gap: 1.5rem;


    }





    .md\:object-\[0\%_70\%\] {


        object-position: 0px 70%;


    }





    .md\:p-2 {


        padding: 0.5rem;


    }





    .md\:p-5 {


        padding: 1.25rem;


    }





    .md\:px-0 {


        padding-left: 0px;


        padding-right: 0px;


    }





    .md\:px-44 {


        padding-left: 11rem;


        padding-right: 11rem;


    }





    .md\:px-5 {


        padding-left: 1.25rem;


        padding-right: 1.25rem;


    }





    .md\:px-\[10px\] {


        padding-left: 10px;


        padding-right: 10px;


    }





    .md\:py-0 {


        padding-top: 0px;


        padding-bottom: 0px;


    }





    .md\:py-2 {


        padding-top: 0.5rem;


        padding-bottom: 0.5rem;


    }





    .md\:py-20 {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }





    .md\:py-8 {


        padding-top: 2rem;


        padding-bottom: 2rem;


    }





    .md\:pb-10 {


        padding-bottom: 2.5rem;


    }





    .md\:pb-8 {


        padding-bottom: 2rem;


    }





    .md\:pl-24 {


        padding-left: 6rem;


    }





    .md\:pr-20 {


        padding-right: 5rem;


    }





    .md\:pt-0 {


        padding-top: 0px;


    }





    .md\:pt-10 {


        padding-top: 2.5rem;


    }





    .md\:pt-16 {


        padding-top: 4rem;


    }





    .md\:pt-24 {


        padding-top: 6rem;


    }





    .md\:pt-28 {


        padding-top: 7rem;


    }





    .md\:pt-3 {


        padding-top: 0.75rem;


    }





    .md\:pt-4 {


        padding-top: 0px;


    }





    .md\:pt-5 {


        padding-top: 1.25rem;


    }





    .md\:text-left {


        text-align: left;


    }





    .md\:text-right {


        text-align: right;


    }





    .md\:text-\[14px\] {


        font-size: 15px;


        color: rgb(37, 37, 37);


    }





    .md\:text-\[18px\] {


        font-size: 17px;


        line-height: 29px;


    }





    .md\:text-\[20px\] {


        font-size: 17px;


        margin-bottom: 5px;


        font-weight: 500;


    }





    .md\:text-\[28px\] {


        font-size: 28px;


    }





    .md\:text-\[65px\] {


        font-size: 30px;


    }





    .md\:text-\[9px\] {


        font-size: 9px;


    }





    .md\:text-xl {


        font-size: 18px;


        line-height: 29px;


        font-weight: 400 !important;


    }





    .md\:text-xs {


        font-size: 0.75rem;


        line-height: 1rem;


    }





    .md\:font-light {


        font-weight: 300;


    }





    .md\:font-normal {


        font-weight: 400;


    }


}





@media (min-width: 1024px) {


    .lg\:visible {


        visibility: visible;


    }





    .lg\:invisible {


        visibility: hidden;


    }





    .lg\:absolute {


        position: absolute;


    }





    .lg\:relative {


        position: relative;


    }





    .lg\:-top-32 {


        top: -8rem;


    }





    .lg\:bottom-16 {


        bottom: 4rem;


    }





    .lg\:bottom-20 {


        bottom: 5rem;


    }





    .lg\:bottom-auto {


        bottom: auto;


    }





    .lg\:left-0 {


        left: 0px;


    }





    .lg\:left-auto {


        left: auto;


    }





    .lg\:right-0 {


        right: 0px;


    }





    .lg\:right-\[-45px\] {


        right: -45px;


    }





    .lg\:top-0 {


        top: 0px;


    }





    .lg\:top-32 {


        top: 8rem;


    }





    .lg\:top-36 {


        top: 9rem;


    }





    .lg\:top-\[-47px\] {


        top: -47px;


    }





    .lg\:top-\[160px\] {


        top: 160px;


    }





    .lg\:-z-10 {


        z-index: -10;


    }





    .lg\:order-1 {


        order: 1;


    }





    .lg\:order-2 {


        order: 2;


    }





    .lg\:order-3 {


        order: 3;


    }





    .lg\:col-span-3 {


        grid-column: span 3 / span 3;


    }





    .lg\:col-span-4 {


        grid-column: span 4 / span 4;


    }





    .lg\:col-span-7 {


        grid-column: span 7 / span 7;


    }





    .lg\:mx-0 {


        margin-left: 0px;


        margin-right: 0px;


    }





    .lg\:my-0 {


        margin-top: 0px;


        margin-bottom: 0px;


    }





    .lg\:my-10 {


        margin-top: 2.5rem;


        margin-bottom: 2.5rem;


    }





    .lg\:my-14 {


        margin-top: 3.5rem;


        margin-bottom: 3.5rem;


    }





    .lg\:my-20 {


        margin-top: 5rem;


        margin-bottom: 5rem;


    }





    .lg\:my-3 {


        margin-top: 0.75rem;


        margin-bottom: 0.75rem;


    }





    .lg\:my-32 {


        margin-top: 8rem;


        margin-bottom: 8rem;


    }





    .lg\:my-36 {


        margin-top: 9rem;


        margin-bottom: 9rem;


    }





    .lg\:my-5 {


        margin-top: 1.25rem;


        margin-bottom: 1.25rem;


    }





    .lg\:-ml-16 {


        margin-left: -4rem;


    }





    .lg\:-mt-\[100px\] {


        margin-top: -100px;


    }





    .lg\:-mt-\[400px\] {


        margin-top: -400px;


    }





    .lg\:mb-0 {


        margin-bottom: 0px;


    }





    .lg\:mb-10 {


        margin-bottom: 2.5rem;


    }





    .lg\:mb-16 {


        margin-bottom: 4rem;


    }





    .lg\:mb-20 {


        margin-bottom: 5rem;


    }





    .lg\:mb-32 {


        margin-bottom: 8rem;


    }





    .lg\:mb-4 {


        margin-bottom: 1rem;


    }





    .lg\:mb-5 {


        margin-bottom: 1.25rem;


    }





    .lg\:mb-6 {


        margin-bottom: 1.5rem;


    }





    .lg\:mb-8 {


        margin-bottom: 2rem;


    }





    .lg\:ml-auto {


        margin-left: auto;


    }





    .lg\:mr-10 {


        margin-right: 2.5rem;


    }





    .lg\:mr-16 {


        margin-right: 4rem;


    }





    .lg\:mr-32 {


        margin-right: 8rem;


    }





    .lg\:mr-5 {


        margin-right: 1.25rem;


    }





    .lg\:mt-0 {


        margin-top: 0px;


    }





    .lg\:mt-10 {


        margin-top: 2.5rem;


    }





    .lg\:mt-16 {


        margin-top: 4rem;


    }





    .lg\:mt-20 {


        margin-top: 5rem;


    }





    .lg\:mt-36 {


        margin-top: 9rem;


    }





    .lg\:mt-40 {


        margin-top: 10rem;


    }





    .lg\:mt-5 {


        margin-top: 1.25rem;


    }





    .lg\:block {


        display: block;


    }





    .lg\:inline-block {


        display: inline-block;


    }





    .lg\:hidden {


        display: none;


    }





    .lg\:h-10 {


        height: 2.5rem;


    }





    .lg\:h-\[100vh\] {


        height: 100vh;


    }





    .lg\:h-\[200px\] {


        height: 200px;


    }





    .lg\:h-\[300px\] {


        height: 300px;


    }





    .lg\:h-\[350px\] {


        height: 350px;


    }





    .lg\:h-\[400px\] {


        height: 400px;


    }





    .lg\:h-\[500px\] {


        height: 500px;


    }





    .lg\:h-\[600px\] {


        height: 600px;


    }





    .lg\:h-\[67vh\] {


        height: 67vh;


    }





    .lg\:h-\[70vh\] {


        height: 70vh;


    }





    .lg\:h-\[80vh\] {


        height: 80vh;


    }





    .lg\:h-full {


        height: 100%;


    }





    .lg\:max-h-full {


        max-height: 100%;


    }





    .lg\:min-h-\[500px\] {


        min-height: 500px;


    }





    .lg\:min-h-\[750px\] {


        min-height: 750px;


    }





    .lg\:min-h-\[900px\] {


        min-height: 900px;


    }





    .lg\:w-10 {


        width: 2.5rem;


    }





    .lg\:w-2\/3 {


        width: 66.6667%;


    }





    .lg\:w-3\/12 {


        width: 25%;


    }





    .lg\:w-3\/5 {


        width: 60%;


    }





    .lg\:w-\[1280px\] {


        width: 1280px;


    }





    .lg\:w-\[400px\] {


        width: 400px;


    }





    .lg\:w-\[50\%\] {


        width: 50%;


    }





    .lg\:w-\[60\%\] {


        width: 60%;


    }





    .lg\:w-\[80\%\] {


        width: 80%;


    }





    .lg\:w-\[90\%\] {


        width: 90%;


    }





    .lg\:w-auto {


        width: auto;


    }





    .lg\:w-full {


        width: 100%;


    }





    .lg\:max-w-2xl {


        max-width: 42rem;


    }





    .lg\:max-w-3xl {


        max-width: 48rem;


    }





    .lg\:max-w-6xl {


        max-width: 72rem;


    }





    .lg\:max-w-\[400px\] {


        max-width: 400px;


    }





    .lg\:max-w-full {


        max-width: 100%;


    }





    .lg\:max-w-lg {


        max-width: 32rem;


    }





    .lg\:max-w-md {


        max-width: 28rem;


    }





    .lg\:max-w-screen-2xl {


        max-width: 1540px;


    }





    .lg\:max-w-sm {


        max-width: 24rem;


    }





    .lg\:max-w-xl {


        max-width: 36rem;


    }





    .lg\:scale-\[60\%\] {


        --tw-scale-x: 60%;


        --tw-scale-y: 60%;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }





    .lg\:\!grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;


    }





    .lg\:grid-cols-1 {


        grid-template-columns: repeat(1, minmax(0px, 1fr));


    }





    .lg\:grid-cols-11 {


        grid-template-columns: repeat(11, minmax(0px, 1fr));


    }





    .lg\:grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }





    .lg\:grid-cols-3 {


        grid-template-columns: repeat(3, minmax(0px, 1fr));


    }





    .lg\:grid-cols-4 {


        grid-template-columns: repeat(4, minmax(0px, 1fr));


    }





    .lg\:grid-cols-7 {


        grid-template-columns: repeat(7, minmax(0px, 1fr));


    }





    .lg\:grid-cols-\[20\%_40\%_40\%\] {


        grid-template-columns: 20% 40% 40%;


    }





    .lg\:grid-cols-\[30\%_30\%_40\%\] {


        grid-template-columns: 30% 30% 40%;


    }





    .lg\:grid-cols-\[30\%_70\%\] {


        grid-template-columns: 30% 70%;


    }





    .lg\:grid-cols-\[35\%_65\%\] {


        grid-template-columns: 35% 65%;


    }





    .lg\:grid-cols-\[45\%_25\%_30\%\] {


        grid-template-columns: 45% 25% 30%;


    }





    .lg\:grid-cols-\[50\%_50\%\] {


        grid-template-columns: 50% 50%;


    }





    .lg\:grid-cols-\[65\%_35\%\] {


        grid-template-columns: 65% 35%;


    }





    .lg\:grid-cols-\[70\%_30\%\],


    .lg\:grid-cols-\[70\%__30\%\] {


        grid-template-columns: 70% 30%;


    }





    .lg\:grid-cols-\[93\%_7\%\] {


        grid-template-columns: 93% 7%;


    }





    .lg\:flex-row {


        flex-direction: row;


    }





    .lg\:flex-col {


        flex-direction: column;


    }





    .lg\:items-start {


        align-items: flex-start;


    }





    .lg\:justify-start {


        justify-content: flex-start;


    }





    .lg\:justify-end {


        justify-content: flex-end;


    }





    .lg\:justify-between {


        justify-content: space-between;


    }





    .lg\:gap-0 {


        gap: 0px;


    }





    .lg\:gap-10 {


        gap: 2.5rem;


    }





    .lg\:gap-14 {


        gap: 3.5rem;


    }





    .lg\:gap-20 {


        gap: 5rem;


    }





    .lg\:gap-24 {


        gap: 6rem;


    }





    .lg\:gap-5 {


        gap: 1.25rem;


    }





    .lg\:gap-7 {


        gap: 1.75rem;


    }





    .lg\:border-b-\[0px\] {


        border-bottom-width: 0px;


    }





    .lg\:border-r-\[1px\] {


        border-right-width: 1px;


    }





    .lg\:object-cover {


        object-fit: cover;


    }





    .lg\:px-0 {


        padding-left: 0px;


        padding-right: 0px;


    }





    .lg\:px-10 {


        padding-left: 2.5rem;


        padding-right: 2.5rem;


    }





    .lg\:px-14 {


        padding-left: 3.5rem;


        padding-right: 3.5rem;


    }





    .lg\:px-16 {


        padding-left: 4rem;


        padding-right: 4rem;


    }





    .lg\:px-3 {


        padding-left: 0.75rem;


        padding-right: 0.75rem;


    }





    .lg\:px-40 {


        padding-left: 10rem;


        padding-right: 10rem;


    }





    .lg\:px-5 {


        padding-left: 1.25rem;


        padding-right: 1.25rem;


    }





    .lg\:px-6 {


        padding-left: 1.5rem;


        padding-right: 1.5rem;


    }





    .lg\:px-7 {


        padding-left: 1.75rem;


        padding-right: 1.75rem;


    }





    .lg\:px-\[200px\] {


        padding-left: 200px;


        padding-right: 200px;


    }





    .lg\:py-0 {


        padding-top: 0px;


        padding-bottom: 0px;


    }





    .lg\:py-10 {


        padding-top: 2.5rem;


        padding-bottom: 2.5rem;


    }





    .lg\:py-16 {


        padding-top: 4rem;


        padding-bottom: 4rem;


    }





    .lg\:py-20 {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }





    .lg\:py-32 {


        padding-top: 8rem;


        padding-bottom: 8rem;


    }





    .lg\:py-36 {


        padding-top: 9rem;


        padding-bottom: 9rem;


    }





    .lg\:py-6 {


        padding-top: 1.5rem;


        padding-bottom: 1.5rem;


    }





    .lg\:py-7 {


        padding-top: 1.75rem;


        padding-bottom: 1.75rem;


    }





    .lg\:pb-0 {


        padding-bottom: 0px;


    }





    .lg\:pb-10 {


        padding-bottom: 2.5rem;


    }





    .lg\:pb-14 {


        padding-bottom: 3.5rem;


    }





    .lg\:pb-16 {


        padding-bottom: 4rem;


    }





    .lg\:pb-20 {


        padding-bottom: 5rem;


    }





    .lg\:pb-40 {


        padding-bottom: 10rem;


    }





    .lg\:pb-8 {


        padding-bottom: 2rem;


    }





    .lg\:pb-\[600px\] {


        padding-bottom: 600px;


    }





    .lg\:pb-\[80px\] {


        padding-bottom: 80px;


    }





    .lg\:pl-10 {


        padding-left: 2.5rem;


    }





    .lg\:pl-12 {


        padding-left: 3rem;


    }





    .lg\:pl-14 {


        padding-left: 3.5rem;


    }





    .lg\:pl-5 {


        padding-left: 1.25rem;


    }





    .lg\:pr-0 {


        padding-right: 0px;


    }





    .lg\:pr-10 {


        padding-right: 2.5rem;


    }





    .lg\:pr-14 {


        padding-right: 3.5rem;


    }





    .lg\:pr-5 {


        padding-right: 1.25rem;


    }





    .lg\:pr-6 {


        padding-right: 1.5rem;


    }





    .lg\:pt-0 {


        padding-top: 0px;


    }





    .lg\:pt-10 {


        padding-top: 2.5rem;


    }





    .lg\:pt-12 {


        padding-top: 3rem;


    }





    .lg\:pt-16 {


        padding-top: 4rem;


    }





    .lg\:pt-20 {


        padding-top: 5rem;


    }





    .lg\:pt-36 {


        padding-top: 9rem;


    }





    .lg\:pt-40 {


        padding-top: 10rem;


    }





    .lg\:pt-8 {


        padding-top: 2rem;


    }





    .lg\:pt-\[23px\] {


        padding-top: 23px;


    }





    .lg\:text-left {


        text-align: left;


    }





    .lg\:text-center {


        text-align: center;


    }





    .lg\:text-right {


        text-align: right;


    }





    .lg\:text-justify {


        text-align: justify;


    }





    .lg\:text-2xl {


        font-size: 1.5rem;


        line-height: 2rem;


    }





    .lg\:text-\[12px\] {


        font-size: 12px;


    }





    .lg\:text-lg {


        font-size: 1.125rem;


        line-height: 1.75rem;


    }





    .lg\:text-sm {


        font-size: 0.875rem;


        line-height: 1.25rem;


    }





    .lg\:text-xl {


        font-size: 1.25rem;


        line-height: 1.75rem;


    }





    .lg\:text-xs {


        font-size: 0.75rem;


        line-height: 1rem;


    }





    .lg\:text-thmBlack {


        --tw-text-opacity: 1;


        color: rgb(0 10 13/var(--tw-text-opacity));


    }


}





@media (min-width: 1280px) {


    .xl\:top-10 {


        top: 2.5rem;


    }





    .xl\:top-36 {


        top: 9rem;


    }





    .xl\:order-1 {


        order: 1;


    }





    .xl\:order-2 {


        order: 2;


    }





    .xl\:mx-auto {


        margin-left: auto;


        margin-right: auto;


    }





    .xl\:my-5 {


        margin-top: 1.25rem;


        margin-bottom: 1.25rem;


    }





    .xl\:-mr-20 {


        margin-right: -5rem;


    }





    .xl\:mb-10 {


        margin-bottom: 2.5rem;


    }





    .xl\:mb-6 {


        margin-bottom: 1.5rem;


    }





    .xl\:mb-8 {


        margin-bottom: 2rem;


    }





    .xl\:ml-0 {


        margin-left: 0px;


    }





    .xl\:ml-10 {


        margin-left: 2.5rem;


    }





    .xl\:mr-10 {


        margin-right: 2.5rem;


    }





    .xl\:mr-32 {


        margin-right: 8rem;


    }





    .xl\:mt-0 {


        margin-top: 0px;


    }





    .xl\:mt-36 {


        margin-top: 9rem;


    }





    .xl\:mt-4 {


        margin-top: 1rem;


    }





    .xl\:block {


        display: block;


    }





    .xl\:h-\[550px\] {


        height: 550px;


    }





    .xl\:h-screen {


        height: 100vh;


    }





    .xl\:min-h-\[850px\] {


        min-height: 850px;


    }





    .xl\:w-\[400px\] {


        width: 400px;


    }





    .xl\:w-\[70\%\] {


        width: 70%;


    }





    .xl\:w-auto {


        width: auto;


    }





    .xl\:w-full {


        width: 100%;


    }





    .xl\:max-w-4xl {


        max-width: 56rem;


    }





    .xl\:max-w-sm {


        max-width: 24rem;


    }





    .xl\:scale-\[70\%\] {


        --tw-scale-x: 70%;


        --tw-scale-y: 70%;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }





    .xl\:\!grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;


    }





    .xl\:grid-cols-2 {


        grid-template-columns: repeat(2, minmax(0px, 1fr));


    }





    .xl\:grid-cols-3 {


        grid-template-columns: repeat(3, minmax(0px, 1fr));


    }





    .xl\:grid-cols-4 {


        grid-template-columns: repeat(4, minmax(0px, 1fr));


    }





    .xl\:grid-cols-\[15\%_35\%_50\%\] {


        grid-template-columns: 15% 35% 50%;


    }





    .xl\:grid-cols-\[25\%_75\%\] {


        grid-template-columns: 25% 75%;


    }





    .xl\:grid-cols-\[35\%_65\%\] {


        grid-template-columns: 35% 65%;


    }





    .xl\:grid-cols-\[40\%_60\%\] {


        grid-template-columns: 80% 50%;


    }





    .xl\:grid-cols-\[60\%_40\%\] {


        grid-template-columns: 60% 40%;


    }





    .xl\:flex-row {


        flex-direction: row;


    }





    .xl\:items-end {


        align-items: flex-end;


    }





    .xl\:justify-center {


        justify-content: center;


    }





    .xl\:gap-20 {


        gap: 5rem;


    }





    .xl\:overflow-x-auto {


        overflow-x: auto;


    }





    .xl\:object-cover {


        object-fit: cover;


    }





    .xl\:px-20 {


        padding-left: 5rem;


        padding-right: 5rem;


    }





    .xl\:px-8 {


        padding-left: 2rem;


        padding-right: 2rem;


    }





    .xl\:py-10 {


        padding-top: 2.5rem;


        padding-bottom: 2.5rem;


    }





    .xl\:py-14 {


        padding-top: 3.5rem;


        padding-bottom: 3.5rem;


    }





    .xl\:py-20 {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }





    .xl\:pb-10 {


        padding-bottom: 2.5rem;


    }





    .xl\:pb-\[800px\] {


        padding-bottom: 800px;


    }





    .xl\:pl-14 {


        padding-left: 3.5rem;


    }





    .xl\:pl-44 {


        padding-left: 11rem;


    }





    .xl\:pr-10 {


        padding-right: 2.5rem;


    }





    .xl\:pr-20 {


        padding-right: 5rem;


    }





    .xl\:pr-44 {


        padding-right: 11rem;


    }





    .xl\:text-right {


        text-align: right;


    }





    .xl\:text-lg {


        font-size: 1.125rem;


        line-height: 1.75rem;


    }





    .xl\:text-sm {


        font-size: 0.875rem;


        line-height: 1.25rem;


    }


}





@media (min-width: 1540px) {


    .\32 xl\:top-20 {


        top: 5rem;


    }





    .\32 xl\:-mr-28 {


        margin-right: -7rem;


    }





    .\32 xl\:mb-\[-4\] {}





    .\32 xl\:h-\[400px\] {


        height: 400px;


    }





    .\32 xl\:h-\[500px\] {


        height: 500px;


    }





    .\32 xl\:h-full {


        height: 100%;


    }





    .\32 xl\:w-auto {


        width: auto;


    }





    .\32 xl\:w-full {


        width: 100%;


    }





    .\32 xl\:max-w-lg {


        max-width: 32rem;


    }





    .\32 xl\:scale-\[80\%\] {


        --tw-scale-x: 80%;


        --tw-scale-y: 80%;


        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


    }





    .\32 xl\:items-center {


        align-items: center;


    }





    .\32 xl\:gap-10 {


        gap: 2.5rem;


    }





    .\32 xl\:px-3 {


        padding-left: 0.75rem;


        padding-right: 0.75rem;


    }





    .\32 xl\:pb-32 {


        padding-bottom: 8rem;


    }





    .\32 xl\:pb-6 {


        padding-bottom: 1.5rem;


    }





    .\32 xl\:pl-20 {


        padding-left: 5rem;


    }





    .\32 xl\:pr-0 {


        padding-right: 0px;


    }





    .\32 xl\:pr-20 {


        padding-right: 5rem;


    }


}





.ltr\:-right-10:where([dir="ltr"], [dir="ltr"] *) {


    right: -2.5rem;


}





@media (min-width: 1024px) {


    .ltr\:lg\:mr-20:where([dir="ltr"], [dir="ltr"] *) {


        margin-right: 5rem;


    }





    .ltr\:lg\:pr-0:where([dir="ltr"], [dir="ltr"] *) {


        padding-right: 0px;


    }


}





@media (min-width: 1280px) {


    .ltr\:xl\:right-10:where([dir="ltr"], [dir="ltr"] *) {


        right: 2.5rem;


    }


}





.rtl\:-left-10:where([dir="rtl"], [dir="rtl"] *) {


    left: -2.5rem;


}





.rtl\:order-1:where([dir="rtl"], [dir="rtl"] *) {


    order: 1;


}





.rtl\:order-2:where([dir="rtl"], [dir="rtl"] *) {


    order: 2;


}





@media (min-width: 1024px) {


    .rtl\:lg\:pr-14:where([dir="rtl"], [dir="rtl"] *) {


        padding-right: 3.5rem;


    }


}





@media (min-width: 1280px) {


    .rtl\:xl\:-right-28:where([dir="rtl"], [dir="rtl"] *) {


        right: -7rem;


    }


}





.teamleader-wrper {


    position: relative;


    overflow: hidden;


    border-width: 2px;


    border-style: solid;


    border-color: rgb(255 255 255/var(--tw-border-opacity));


    --tw-border-opacity: 0.1;


}





.teamleader-wrper .team-name {


    padding-bottom: 0.25rem;


    font-size: 0.875rem;


    line-height: 1.25rem;


    letter-spacing: 1.21px;


}





.teamleader-wrper .team-post {


    font-size: 8px;


    letter-spacing: 1.21px;


}





.teamleader-wrper::before {


    position: absolute;


    top: 0px;


    left: 0px;


    height: 100%;


    width: 100%;


    --tw-content: "";


    content: var(--tw-content);


    background: linear-gradient(rgba(65, 65, 82, 0), rgba(65, 65, 82, 0) 60%, rgb(6, 6, 10));


}





.teamleader-wrper:hover>.imgHover {


    display: block;


}





.leadership {


    position: relative;


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .leadership {


        padding-top: 0px;


        padding-bottom: 5rem;


    }


}





.leadership::before {


    position: absolute;


    top: 0px;


    z-index: 10;


    height: 100%;


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1024px) {


    .leadership::before {


        width: 20%;


    }


}





.leadership:where([dir="ltr"], [dir="ltr"] *)::before {


    left: 0px;


}





.leadership:where([dir="rtl"], [dir="rtl"] *)::before {


    right: 0px;


}





@media (min-width: 1024px) {


    .leadership .slick-list {


        overflow: visible;


    }


}





.leadership .item1 {


    position: relative;


    z-index: 10;


    order: 2;


}





@media (min-width: 1024px) {


    .leadership .item1 {


        order: 1;


        --tw-bg-opacity: 1;


        background-color: rgb(0 10 13/var(--tw-bg-opacity));


    }


}





@media (min-width: 768px) {


    .leadership .item1:where([dir="ltr"], [dir="ltr"] *) {


        padding-right: 4rem;


    }





    .leadership .item1:where([dir="rtl"], [dir="rtl"] *) {


        padding-left: 4rem;


    }


}





.leadership .item1::before {


    top: 0px;


    z-index: 10;


    height: 100%;


    width: 360px;


    --tw-bg-opacity: 1;


    background-color: rgb(0 10 13/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1024px) {


    .leadership .item1::before {


        position: absolute;


    }


}





.leadership .item1:where([dir="ltr"], [dir="ltr"] *)::before {


    left: -360px;


}





.leadership .item1:where([dir="rtl"], [dir="rtl"] *)::before {


    right: -360px;


}





.footer {


    --tw-bg-opacity: 1;


    background-color: rgb(30 35 38/var(--tw-bg-opacity));


    padding-top: 10px;


    padding-bottom: 1.25rem;


}





@media (min-width: 1024px) {


    .footer {


        padding-bottom: 10rem;


    }


}





.footer .line-footer {


    display: block;


    height: 1px;


    width: 100%;


    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));


}





.timeline-section {


    padding-top: 2.5rem;


}





@media (min-width: 1024px) {


    .timeline-section {


        padding-top: 5rem;


    }


}





.timeline-section .timeline {


    position: relative;


}





.timeline-section .timeline::after {


    position: absolute;


    top: 18px;


    bottom: 10%;


    left: 0px;


    margin-left: -3px;


    width: 3px;


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1280px) {


    .timeline-section .timeline::after {


        left: 50%;


    }


}





.containers-wraper {


    position: relative;


    width: 100%;


    padding-top: 10px;


    padding-bottom: 10px;


    padding-left: 60px;


}





@media (min-width: 1280px) {


    .containers-wraper {


        width: 50%;


        padding-right: 60px;


        padding-left: 0px;


    }


}





.containers-wraper::after {


    position: absolute;


    left: -17px;


    top: 13px;


    z-index: 10;


    height: 36px;


    width: 36px;


    border-width: 6px;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    --tw-bg-opacity: 1;


    background-color: rgb(217 217 217/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1280px) {


    .containers-wraper::after {


        right: -17px;


        left: auto;


    }


}





.containers-wraper.right {


    padding: 10px 0px 10px 60px;


}





.containers-wraper.right .pcolor {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.containers-wraper.right .pcolor a {


    display: flex;


    align-items: center;


    justify-content: flex-start;


    gap: 1.25rem;


}





.containers-wraper.left h2 {


    margin-top: 3px;


    margin-bottom: 10px;


    font-size: 26px;


    font-weight: 500;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





@media (min-width: 1280px) {


    .containers-wraper.left h2 {


        text-align: right;


    }


}





.containers-wraper.right h2 {


    margin-top: 3px;


    margin-bottom: 10px;


    text-align: left;


    font-size: 26px;


    font-weight: 500;


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.left,


.right {


    left: 0px;


}





@media (min-width: 1280px) {


    .right {


        left: 50%;


    }


}





.left::before {


    position: absolute;


    top: 32px;


    left: 0px;


    z-index: 10;


    height: 3.1px;


    width: 50px;


    border-width: 2px;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





@media (min-width: 1280px) {


    .left::before {


        right: 0px;


        left: auto;


    }


}





.right::before {


    position: absolute;


    top: 32px;


    left: 0px;


    z-index: 10;


    height: 3.1px;


    width: 50px;


    border-width: 2px;


    --tw-border-opacity: 1;


    border-color: rgb(191 158 119/var(--tw-border-opacity));


    --tw-bg-opacity: 1;


    background-color: rgb(191 158 119/var(--tw-bg-opacity));


    --tw-content: "";


    content: var(--tw-content);


}





.right::after {


    left: -18px;


}





.content {


    position: relative;


}





.time-cont {


    padding: 1.25rem;


}





@media (min-width: 1280px) {


    .time-cont {


        padding: 1.75rem;


    }


}





.time-cont h4 {


    line-height: 1.5rem;


    --tw-text-opacity: 1;


    color: rgb(255 255 255/var(--tw-text-opacity));


}





.time-cont p {


    line-height: 18px;


    color: rgba(255, 255, 255, 0.7);


}





.time-cont .pcolor {


    --tw-text-opacity: 1;


    color: rgb(191 158 119/var(--tw-text-opacity));


}





.time-cont .pcolor a {


    display: flex;


    align-items: center;


    justify-content: flex-start;


    gap: 1.25rem;


}





@media (min-width: 1280px) {


    .time-cont .pcolor a {


        justify-content: flex-end;


    }


}





.onloadform {


    position: fixed;


    inset: 0px;


    z-index: 2147483647;


    display: flex;


    flex-direction: column;


    align-items: center;


    justify-content: center;


    background: rgba(0, 0, 0, 0.898);


}





@keyframes fadeIn {


    0% {


        opacity: 0;


        transform: translate3d(100%, 0px, 0px);


    }





    100% {


        opacity: 1;


        transform: translateZ(0px);


    }


}





.gallery-section button.slick-arrow {


    position: absolute;


    inset: auto auto -85px 53%;


    height: 40px;


    width: 40px;


    background-image: url("/_next/static/media/right-arrow.c697e5ac.png");


    background-repeat: no-repeat;


}





@media (min-width: 768px) {


    .gallery-section button.slick-arrow {


        left: 51%;


    }


}





.gallery-section button.slick-arrow.slick-prev {


    left: 39%;


    background-image: url("/_next/static/media/left-arrow.c2951cc9.png");


}





@media (min-width: 768px) {


    .gallery-section button.slick-arrow.slick-prev {


        left: 45%;


    }


}





@media (min-width: 1280px) {


    .gallery-section button.slick-arrow.slick-prev {


        left: 47%;


    }


}





.gallery-section .slick-next::before,


.gallery-section .slick-prev::before {


    visibility: hidden;


}





.galleryPopup .sliderArrows .perv {


    position: absolute;


    top: 0px;


    left: 0px;


    z-index: 10;


    display: flex;


    height: 100%;


    align-items: center;


    justify-content: space-between;


    padding-left: 1.25rem;


}





.galleryPopup .sliderArrows .perv button {


    width: 2.5rem;


}





.galleryPopup .sliderArrows .next {


    position: absolute;


    top: 0px;


    right: 0px;


    z-index: 10;


    display: flex;


    height: 100%;


    align-items: center;


    justify-content: space-between;


    padding-right: 1.25rem;


}





.galleryPopup .sliderArrows .next button {


    width: 2.5rem;


}





.gallery-section {


    padding-top: 2.5rem;


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .gallery-section {


        padding-top: 5rem;


        padding-bottom: 5rem;


    }


}





.ceo-section {


    padding-top: 2.5rem;


}





@media (min-width: 1024px) {


    .ceo-section {


        padding-top: 5rem;


    }


}





.ceo-section {


    background: linear-gradient(rgba(69, 67, 60, 0), rgba(0, 0, 0, 0.5));


}





.infrastructure-section {


    padding-top: 4rem;


    padding-bottom: 5rem;


}





@media (min-width: 1024px) {


    .infrastructure-section {


        padding-top: 10rem;


        padding-bottom: 2rem;


    }


}





.news-section {


    padding-top: 2.5rem;


    padding-bottom: 5rem;


}





@media (min-width: 1024px) {


    .news-section {


        padding-bottom: 2.5rem;


    }


}





a.social-box {


    margin-top: -4px;


    display: block;


    height: 60px;


    width: 60px;


    place-content: center;


    border-width: 1px;


    --tw-border-opacity: 1;


    border-color: rgb(61 62 62/var(--tw-border-opacity));


    padding: 1.25rem;


}





@media (min-width: 768px) {


    a.social-box {


        margin-top: 1.25rem;


    }


}





.news-wraper {


    padding-bottom: 8rem;


}





@media (min-width: 1024px) {


    .news-wraper {


        padding-top: 5rem;


        padding-bottom: 10rem;


    }


}





.team-section {


    padding-bottom: 2.5rem;


}





@media (min-width: 1024px) {


    .team-section {


        padding-bottom: 5rem;


    }


}





.team-section .team-wrper::before {


    display: none;


    --tw-bg-opacity: 1;


    background-color: rgb(255 255 255/var(--tw-bg-opacity));


}





.team-section a.social-box {


    display: flex;


    height: 30px;


    width: 30px;


    place-items: center;


    --tw-border-opacity: 1;


    border-color: rgb(185 188 192/var(--tw-border-opacity));


    padding: 6px;


}





.team-colmn .img-wrp::after {


    position: absolute;


    top: 0px;


    left: 0px;


    height: 100%;


    width: 100%;


    background-image: linear-gradient(to top, var(--tw-gradient-stops));


    --tw-gradient-from: #000a0d var(--tw-gradient-from-position);


    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);


    --tw-gradient-to: transparent var(--tw-gradient-to-position);


    --tw-content: "";


    content: var(--tw-content);


}





.team-wrper.team-colmn {


    --tw-bg-opacity: 1;


    background-color: rgb(30 35 38/var(--tw-bg-opacity));


}





.contactMap .gm-fullscreen-control,


.contactMap .gmnoprint {


    display: none;


}





.details {


    text-align: left !important;


}





.details h1 {


    font-size: 20px;


    color: white;


}





h2,


h3,


h1,


h4,


h5,


h6 {


    font-family: Barlow, sans-serif;


}





h1 {


    margin-top: 0px;


    margin-bottom: 0.5rem;


    color: black;


    font-weight: 400 !important;


    line-height: 20px !important;


    font-size: 20px !important;


}





.h1,


.h2,


.h3,


.h4,


.h5,


.h6,


h1,


h2,


h3,


h4,


h5,


h6 {


    margin-top: 0px;


    margin-bottom: 0.5rem;


    font-weight: 410 !important;


    line-height: 21px !important;


}





.para {


    padding: 0px 80px;


    line-height: 29px;


}





.h3,


h3 {


    font-size: 24px !important;


}





.counteres {


    font-weight: 450;


    padding-bottom: 0px !important;


    font-size: 25px !important;


}





.health p {


    font-weight: 400;


    font-family: Barlow, sans-serif;


    font-size: 19px !important;


}





@media (max-width: 576px) {


    .para {


        padding: 0px;


    }





    .h1,


    .h2,


    .h3,


    .h4,


    .h5,


    .h6,


    h1,


    h2,


    h3,


    h4,


    h5,


    h6 {


        margin-top: 0px;


        margin-bottom: 0.5rem;


        font-weight: 400 !important;


        line-height: 29px !important;


    }





    .paraThree {


        font-size: 18px;


    }





    .h1,


    .h2,


    .h3,


    .h4,


    .h5,


    .h6,


    h1,


    h2,


    h3,


    h4,


    h5,


    h6 {


        margin-top: 0px;


        margin-bottom: 0.5rem;


        font-size: 20px !important;


        font-weight: 420 !important;


        line-height: 30px !important;


    }





    .footerTwo {


        --tw-bg-opacity: 1;


        padding-bottom: 55px;


        padding-top: 19px;


    }





    .signature {


        width: 100% !important;


    }





    .text-\[\#1B1F26B8\] {


        color: rgb(30, 30, 30);


        font-size: 15px !important;


        line-height: 31px !important;


    }





    .paraOne {


        font-size: 15px;


        line-height: 29px;


        font-family: Barlow, sans-serif;


    }





    .paraThree {


        font-size: 15px !important;


    }





    .menu-name {


        border-bottom: 1px solid rgba(0, 0, 0, 0.2);


        border-top-style: solid;


        border-right-style: solid;


        border-left-style: solid;


        color: black;


        text-decoration: none;


        text-transform: uppercase;


        border-top-color: rgba(0, 0, 0, 0.2);


        border-right-color: rgba(0, 0, 0, 0.2);


        border-left-color: rgba(0, 0, 0, 0.2);


        --tw-border-opacity: 0.2;


        padding-top: 0.6rem;


        padding-bottom: 0.6rem;


        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;


        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


        transition-duration: 0.3s;


        font-size: 12px !important;


    }





    .rights p {


        text-align: center;


    }


}





a {


    text-decoration: none !important;


}





.swiper-slide h1 {


    text-transform: uppercase;


    top: 5px;


    left: 0px;


    color: white;


    background-color: rgb(31, 97, 111);


    padding: 9px 30px;


    font-weight: 300;


    border-radius: 0px 16px 16px 0px;


    letter-spacing: 0.5px;


    font-size: 15px !important;


}





.signature {


    width: 35%;


}





.border-thmBrown {


    font-family: Barlow, sans-serif;


}





.footerLink {


    margin-bottom: 0px !important;


}





.icon img {


    width: 50px;


    object-fit: contain;


    height: 50px;


}





.services-two__single {


    margin-bottom: 20px;


}





.services-two__single {


    padding: 20px;


    height: 180px;


    background: rgb(245, 245, 245);


}





.services-two__single .inner {


    position: relative;


    display: block;


    padding-left: 116px;


}





.services-two__single .inner .img-box {


    position: absolute;


    display: flex;


    place-content: center;


    align-items: center;


    top: 8px;


    left: 0px;


    width: 80px;


    height: 80px;


    border-radius: 50%;


    background: rgb(255, 255, 255);


    border: 2px solid rgb(124, 89, 64);


    box-shadow: rgba(9, 24, 84, 0.08) 0px 2px 20px 0px;


}





.content-box p {


    color: rgb(49, 49, 49);


    font-size: 15px;


    margin-top: 9px;


    letter-spacing: 0px;


}





.services-two__single .inner .content-box h2 a {


    color: rgb(22, 19, 19);


    transition: 200ms linear 0.1s;


    font-size: 18px;


    font-weight: 410;


    margin: 0px !important;


}





.contact-feature {


    display: flex;


    gap: 25px;


    border-radius: 0px;


    border: 1px solid rgba(236, 236, 236, 0);


    background: var(--white-color);


    padding: 15px;


    -webkit-box-align: center;


    align-items: center;


}





.social-icon i {


    background-color: rgb(34, 34, 34);


    padding: 12px;


    color: rgb(162, 128, 79);


}





.social-icon i {


    background-color: rgb(255 255 255 / 45%);


    padding: 12px;


    margin: 0px 2px;


    color: rgb(162, 128, 79);


}





.qodef-main-contact span input {


    margin: 0px 0px 14px;


    font-family: Muli, sans-serif;


    font-size: 15px;


    font-weight: 400;


    letter-spacing: 0px;


    line-height: 40px;


    padding: 9px 24px;


    color: rgb(255, 255, 255);


    background-color: rgb(255, 255, 255);


    border: 1px solid rgb(231, 231, 231);


    border-radius: 4px;


}





input[type="date"],


input[type="email"],


input[type="number"],


input[type="password"],


input[type="search"],


input[type="tel"],


input[type="text"],


input[type="url"],


select,


textarea {


    background-color: rgb(255, 255, 255);


    border-color: rgb(247, 247, 247);


    color: rgb(255, 255, 255);


}





input[type="date"],


input[type="email"],


input[type="number"],


input[type="password"],


input[type="search"],


input[type="tel"],


input[type="text"],


input[type="url"],


select,


textarea {


    position: relative;


    display: inline-block;


    width: 100%;


    vertical-align: top;


    border-radius: 4px;


    border-style: solid;


    border-width: 1px;


    border-color: rgb(225, 225, 225);


    box-sizing: border-box;


    cursor: pointer;


    font-family: inherit;


    font-size: 15px;


    font-weight: inherit;


    line-height: 40px;


    margin: 0px 0px 26px;


    outline: 0px;


    padding: 9px 24px;


    transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;


}





textarea {


    height: 130px;


}





.wellness {


    font-size: 19px !important;


}





@media (max-width: 576px) {


    .services-two__single {


        padding: 20px;


        height: auto;


        background: rgb(245, 245, 245);


    }





    .content-box p {


        color: rgb(49, 49, 49);


        font-size: 15px;


        margin-top: 9px;


        line-height: 29px;


        letter-spacing: 0px;


    }





    .room-section {


        text-align: center;


        padding: 24px 0px !important;


    }


}





.swiper-container {


    width: 100%;





}





.swiper-slide img {


    width: 100%;


    height: 100%;


}





@media (max-width: 576px) {


    .swiper-container {


        width: 100%;


        /* margin-top: 90px; */


    }


}





nav ul li a.active-link,


.menubar ul li a.active-link {


    color: rgb(214, 196, 175);


}





nav {


    /* margin-top: 9px; */


    padding-top: 10px;


    display: flex;


    justify-content: space-between;


    align-items: center;


    z-index: 1;


}





nav .logo {


    display: flex;


    align-items: center;


}





nav .logo img {


    height: 65px;


}





nav .logo h1 {


    font-size: 1.1rem;


    background: linear-gradient(to right, rgb(185, 39, 252) 0%, rgb(44, 100, 252) 100%) text;


    -webkit-text-fill-color: transparent;


}





nav ul {


    list-style: none;


    display: flex;


}





nav ul li {


    position: relative;


    top: 10px;


    margin-left: 30px;


}





nav ul li a {


    text-decoration: none;


    color: rgb(255, 255, 255);


    font-size: 14px;


    padding: 8px 8px;


    border-radius: 5px;


}





nav ul li a:hover {


    color: rgb(214, 196, 175);


}





.hamburger {


    display: none;


    cursor: pointer;


}





.hamburger .line {


    width: 25px;


    height: 1px;


    background-color: rgb(255, 255, 255);


    display: block;


    margin: 7px auto;


    transition: 0.3s ease-in-out;


}





.hamburger-active {


    transition: 0.3s ease-in-out 0.6s;


    transform: rotate(45deg);


}





.hamburger-active .line:nth-child(2) {


    width: 0px;


}





.hamburger-active .line:nth-child(1),


.hamburger-active .line:nth-child(3) {


    transition-delay: 0.3s;


}





.hamburger-active .line:nth-child(1) {


    transform: translateY(12px);


}





.hamburger-active .line:nth-child(3) {


    transform: translateY(-5px) rotate(90deg);


}





.menubar {


    position: absolute;


    top: 0px;


    left: -60%;


    display: flex;


    justify-content: center;


    align-items: flex-start;


    width: 60%;


    height: 100vh;


    padding: 20% 0px;


    background: rgb(255, 255, 255);


    transition: 0.5s ease-in;


    z-index: 2;


}





.active {


    left: 0px;


    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;


}





.menubar ul {


    padding: 0px;


    list-style: none;


}





.menubar ul li {


    margin-bottom: 32px;


}





.menubar ul li a {


    font-family: poppins, sans-serif;


    text-decoration: none;


    color: rgb(0, 0, 0);


    font-size: 95%;


    font-weight: 400;


    padding: 5px 10px;


    border-radius: 5px;


}





.menubar ul li a:hover {


    background-color: rgb(245, 245, 245);


}





@media screen and (max-width: 790px) {


    .hamburger {


        display: block;


    }





    nav ul {


        display: none;


    }


}





.features-list-two__item {


    padding: 12px 0px;


    display: flex;


    -webkit-box-pack: justify;


    justify-content: space-between;


    -webkit-box-align: center;


    align-items: center;


    font-size: 14px;


    font-weight: 500;


    border-bottom: 1px dotted rgb(15, 15, 15);


}





.features-list-two__title {


    color: rgb(50, 52, 59);


}





.features-list-two__title .features-list-two__value {


    color: var(--e-global-color-primary);


}





.room-section {


    padding: 60px 20px;


    text-align: center;


}





.room-section h5 {


    color: rgb(136, 168, 168);


    letter-spacing: 1px;


}





.room-section h2 {


    font-size: 36px;


    font-weight: bold;


    margin-bottom: 40px;


}





.tab-menu {


    display: flex;


    justify-content: center;


    flex-wrap: wrap;


    gap: 10px;


    margin-bottom: 40px;


}





.tab {


    background: rgb(251, 251, 251);


    color: black;


    cursor: pointer;


    align-content: center;


    position: relative;


    transition: 0.35s;


    margin-bottom: 15px;


    padding: 15px 12px 17px !important;


}





.tab.active {


    background-color: rgb(124, 89, 64);


    color: rgb(255, 255, 255);


    cursor: pointer;


}





.tab img {


    width: 40px;


    height: auto;


    margin-bottom: 10px;


}





.tab span {


    display: block;


    font-weight: 430;


    font-size: 15px;


}





.tab-content {


    display: none;


}





.tab-content.active {


    display: block;


}





.content-grid {


    display: flex;


    flex-wrap: wrap;


    justify-content: space-between;


    align-items: center;


    gap: 50px;


    padding: 30px;


    margin: 0px auto;


    text-align: left;


}





.text-content {


    flex: 1 1 47%;


}





.text-content h3 {


    font-size: 20px !important;


    margin-bottom: 15px;


}





.text-content p {


    font-size: 16px;


    color: rgb(85, 85, 85);


}





.features {


    list-style: none;


    padding: 0px;


    display: grid;


    grid-template-columns: repeat(2, minmax(150px, 1fr));


    gap: 10px 30px;


    margin-top: 20px;


}





.features li {


    font-weight: bold;


    color: rgb(51, 51, 51);


}





.image-content {


    flex: 1 1 45%;


}





.image-content img {


    width: 100%;


    border-radius: 10px;


}





@media (max-width: 768px) {


    .features {


        grid-template-columns: 1fr;


    }





    .content-grid {


        display: flex;


        flex-wrap: wrap;


        justify-content: space-between;


        align-items: center;


        margin: 0px auto;


        text-align: left;


        gap: 34px !important;


        padding: 18px !important;


    }


}





.rera {


    margin-left: 10px;


}





.d-flex1 {


    display: flex !important;


}





.tabs-content-one__nav {


    margin-bottom: 10px;


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    -webkit-box-pack: justify;


    -ms-flex-pack: justify;


    justify-content: center;


    row-gap: 10px;


    margin: 0 -10px


}





.tabs-content-one__nav-item {


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    padding: 0 10px


}





.tabs-content-one__nav-item.cols-1 {


    width: 100%;


    -webkit-box-flex: 0;


    -ms-flex: 0 0 100%;


    flex: 0 0 100%


}





.tabs-content-one__nav-item.cols-2 {


    width: 50%;


    -webkit-box-flex: 0;


    -ms-flex: 0 0 50%;


    flex: 0 0 50%


}





.tabs-content-one__nav-item.cols-3 {


    width: calc(100% / 3);


    -webkit-box-flex: 0;


    -ms-flex: 0 0 calc(100% / 3);


    flex: 0 0 calc(100% / 3)


}





@media (max-width:768px) {


    .tabs-content-one__nav-item.cols-3 {


        width: 100%;


        -webkit-box-flex: 0;


        -ms-flex: 0 0 100%;


        flex: 0 0 100%


    }


}





.tabs-content-one__nav-item.cols-4 {


    width: calc(100% / 4);


    -webkit-box-flex: 0;


    -ms-flex: 0 0 calc(100% / 4);


    flex: 0 0 calc(100% / 4)


}





@media (max-width:768px) {


    .tabs-content-one__nav-item.cols-4 {


        width: calc(100% / 2);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 2);


        flex: 0 0 calc(100% / 2)


    }


}





.tabs-content-one__nav-item.cols-5 {


    width: calc(100% / 5);


    -webkit-box-flex: 0;


    -ms-flex: 0 0 calc(100% / 5);


    flex: 0 0 calc(100% / 5)


}





@media (max-width:768px) {


    .tabs-content-one__nav-item.cols-5 {


        width: calc(100% / 3);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 3);


        flex: 0 0 calc(100% / 3)


    }


}





@media (max-width:460px) {


    .tabs-content-one__nav-item.cols-5 {


        width: calc(100% / 2);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 2);


        flex: 0 0 calc(100% / 2)


    }


}





.tabs-content-one__nav-item.cols-6 {


    width: calc(100% / 6);


    -webkit-box-flex: 0;


    -ms-flex: 0 0 calc(100% / 6);


    flex: 0 0 calc(100% / 6)


}





@media (max-width:768px) {


    .tabs-content-one__nav-item.cols-6 {


        width: calc(100% / 3);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 3);


        flex: 0 0 calc(100% / 3)


    }


}





@media (max-width:460px) {


    .tabs-content-one__nav-item.cols-6 {


        width: calc(100% / 2);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 2);


        flex: 0 0 calc(100% / 2)


    }


}





.tabs-content-one__nav-item.cols-7 {


    width: calc(100% / 7);


    -webkit-box-flex: 0;


    -ms-flex: 0 0 calc(100% / 7);


    flex: 0 0 calc(100% / 7)


}





@media (max-width:768px) {


    .tabs-content-one__nav-item.cols-7 {


        width: calc(100% / 2);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 2);


        flex: 0 0 calc(100% / 2)


    }


}





.tabs-content-one__nav-item.cols-8 {


    width: calc(100% / 8);


    -webkit-box-flex: 0;


    -ms-flex: 0 0 calc(100% / 8);


    flex: 0 0 calc(100% / 8)


}





@media (max-width:768px) {


    .tabs-content-one__nav-item.cols-8 {


        width: calc(100% / 4);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 4);


        flex: 0 0 calc(100% / 4)


    }


}





@media (max-width:460px) {


    .tabs-content-one__nav-item.cols-8 {


        width: calc(100% / 2);


        -webkit-box-flex: 0;


        -ms-flex: 0 0 calc(100% / 2);


        flex: 0 0 calc(100% / 2)


    }


}





.tabs-content-one__nav-link {


    padding: 30px 10px 20px !important;


    background: #ffffff;


    width: 100%;


    position: relative;


    -webkit-transition: all .35s;


    transition: all .35s;


    margin-bottom: 15px


}





@media (max-width:1024px) {


    .tabs-content-one__nav-link {


        padding: 18px 10px 18px !important


    }


}





.tabs-content-one__nav-link:before {


    content: '';


    border-top: 10px solid #f0f6f8;


    border-left: 20px solid transparent;


    border-right: 20px solid transparent;


    position: absolute;


    top: 100%;


    left: 50%;


    margin-left: -20px;


    margin-top: -20px;


    -webkit-transition: all .35s;


    transition: all .35s;


    opacity: 0


}





.tabs-content-one__nav-link.active {


    background: #f2ece0


}





.tabs-content-one__nav-link.active:before {


    border-top-color: #f2ece0;


    opacity: 1;


    margin-top: 0


}





.tabs-content-one__nav-link.active .tabs-content-one__nav-icon i {


    color: #fff


}





.tabs-content-one__nav-link.active .tabs-content-one__nav-icon svg {


    fill: #fff


}





.tabs-content-one__nav-link.active .tabs-content-one__nav-title {


    color: #000000


}





.tabs-content-one__nav-icon {


    text-align: center;


    display: block;


    font-weight: 400


}





.tabs-content-one__nav-icon i {


    font-size: 64px;


    color: var(--e-global-color-primary)


}





@media (max-width:1024px) {


    .tabs-content-one__nav-icon i {


        font-size: 48px


    }


}





.tabs-content-one__nav-icon svg {


    width: 64px;


    fill: var(--e-global-color-primary)


}





@media (max-width:1024px) {


    .tabs-content-one__nav-icon svg {


        width: 48px


    }


}





.tabs-content-one__nav-title {


    display: block;


    font-size: 15px;


    font-weight: 500;


    text-align: center;


    text-transform: uppercase;


    margin-top: 0px;


    line-height: 23px;


    color: var(--e-global-color-accent)


}





@media (max-width:1024px) {


    .tabs-content-one__nav-title {


        font-size: 16px;


        margin-top: 5px


    }


}





.tabs-content-one__tab-content {


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    -ms-flex-wrap: wrap;


    flex-wrap: wrap;


    -webkit-box-pack: justify;


    -ms-flex-pack: justify;


    justify-content: space-between;


    padding-top: 50px


}





@media (max-width:1024px) {


    .tabs-content-one__tab-content {


        padding-top: 20px


    }


}





.tabs-content-one__left {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 50%;


    flex: 0 0 50%;


    width: 50%;


    padding-right: 20px


}





@media (max-width:860px) {


    .tabs-content-one__left {


        -webkit-box-flex: 0;


        -ms-flex: 0 0 100%;


        flex: 0 0 100%;


        width: 100%;


        padding-right: 0


    }


}





.tabs-content-one__right {


    -webkit-box-flex: 0;


    -ms-flex: 0 0 50%;


    flex: 0 0 50%;


    width: 50%;


    text-align: right


}





@media (max-width:860px) {


    .tabs-content-one__right {


        -webkit-box-flex: 0;


        -ms-flex: 0 0 100%;


        flex: 0 0 100%;


        width: 100%;


        text-align: left;


        padding-top: 20px


    }


}





.tabs-content-one__title {


    font-size: 21px;


    color: white;


    text-transform: uppercase;


}





@media (max-width:1024px) {


    .tabs-content-one__title {


        font-size: 22px;


        margin: 0 0 10px


    }


}





.tabs-content-one__desc ul {


    color: #32343b;


    display: -webkit-box;


    display: -ms-flexbox;


    display: flex;


    -ms-flex-wrap: wrap;


    flex-wrap: wrap;


    list-style: none;


    padding: 5px 0


}





.tabs-content-one__desc ul>li {


    font-size: 18px;


    font-weight: 800;


    -webkit-box-flex: 0;


    -ms-flex: 0 0 50%;


    flex: 0 0 50%;


    width: 50%;


    margin-top: 10px;


    padding-left: 35px;


    position: relative;


    line-height: 26px


}





@media (max-width:1024px) {


    .tabs-content-one__desc ul>li {


        font-size: 16px;


        padding-left: 20px;


        line-height: 24px


    }


}





@media (max-width:480px) {


    .tabs-content-one__desc ul>li {


        -webkit-box-flex: 0;


        -ms-flex: 0 0 100%;


        flex: 0 0 100%;


        width: 100%


    }


}





.tabs-content-one__desc ul>li:after {


    content: "\f058";


    font-family: "Font Awesome 5 Free";


    font-weight: 900;


    position: absolute;


    top: 0;


    left: 0;


    z-index: 1;


    color: var(--e-global-color-primary)


}





.tabs-content-one__image {


    display: inline-block;


    position: relative;


    padding-left: 20px


}











.video-container {


    position: relative;


    width: 100%;


    height: 100vh;


}





.responsive-video {


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    object-fit: cover;


}





@media (max-width: 768px) {


    .video-container {


        width: 100%;


        height: 82vh;


    }





    .responsive-video {





        width: 100%;





        height: 82vh;





    }





    .firm-grids {


        display: grid;


        grid-template-columns: repeat(auto-fit, minmax(122px, 2fr));


        gap: 24px;


    }





}























.floorplan1-wrapper {


    /* background: white; */


    /* max-width: 1200px; */


    margin: 40px auto;


    /* text-align: center; */


    /* padding: 40px 20px; */


    border-radius: 6px;


}





.floorplan1-title {


    font-size: 28px;


    font-weight: 300;


    margin-bottom: 20px;


}





.floorplan1-title span {


    color: #f26722;


    font-weight: 600;


}





.floorplan1-tabs {


    display: flex;


    gap: 20px;


    justify-content: center;


    flex-wrap: wrap;


    margin-bottom: 23px;


}





.floorplan1-tab {


    padding: 15px 30px;


    border-radius: 3px;


    background: #f9f9f9;


    cursor: pointer;


    font-size: 15px;


    /* width: 160px; */


    text-align: center;


    color: black;


    font-weight: 500;


}





.floorplan1-tab.active {


    background: #4f3726;


    color: white;


}





.floorplan1-content {


  


padding: 20px;


}





.floorplan1-info {width: 50%;}





.floorplan1-table {


    width: 100%;


    border-collapse: collapse;


    margin-bottom: 20px;


}





.floorplan1-table td {


    padding: 15px 13px;


    color: black;


    font-size: 15px;


    font-weight: 500;


    text-align: left;


    border-bottom: 1px solid #ddd;


}





.floorplan1-table td:last-child {


    color: #7c5940;


    font-weight: bold;


    text-align: right;


}





.floorplan1-btn {


    margin-top: 26px;


    display: inline-block;


    border: 1px solid #4f3726;


    padding: 14px 30px;


    color: #4f3726;


    font-weight: 580;


    font-size: 13px;


    align-items: center;


    /* font-weight: bold; */


    text-transform: uppercase;


    transition: 0.3s;


    /* text-align: center; */


    cursor: pointer;


}





.floorplan1-btn:hover {


    background-color: #4f3726;


    color: white;


}





.floorplan1-image {


    text-align: center;


    width: 60%;


    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;


    background: white;


    padding: 30px;


    margin-left: auto;


    margin-right: auto;


}





.floorplan1-image img {


    width: 100%;


    /* max-width: 500px; */


    margin-left: 0px;


    margin-right: 0px;


    border-radius: 5px;


}





/* Popup */


.floorplan1-popup {


    position: fixed;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


    background: rgba(0, 0, 0, 0.6);


    display: none;


    justify-content: center;


    align-items: center;


    z-index: 999;


}





.floorplan1-popup-content {


    background: #4f3726;


    padding: 30px;


    max-width: 500px;


    width: 90%;


    border-radius: 6px;


    position: relative;


}





.floorplan1-popup-content h2 {


    margin-top: 0;


}





.floorplan1-popup-content input,


.floorplan1-popup-content textarea {


    width: 100%;


    padding: 3px 10px;


    background: #4f3726;


    margin-bottom: 15px;


    border: 1px solid #dddddd4d;


}





.floorplan1-popup-content button {


    padding: 13px 48px;


    background: #ffffff;


    color: #000000;


    border: none;


    text-transform: uppercase;


    font-weight: 500;


    font-size: 14px;


    border: 1px solid #7c5940;


    cursor: pointer;


    margin-left: auto;


}





.floorplan1-close {


    position: absolute;


    top: 10px;


    right: 15px;


    font-size: 20px;


    padding: 1px 10px;


    cursor: pointer;


    /* background: #7c5940; */


    color: #ffffff;


}





@media (max-width: 768px) {


    .floorplan1-content {


        /* flex-direction: column; */


        padding: 0px;


    }





    .floorplan1-tabs {


        display: ruby-text;


        gap: 9px;


        justify-content: center;


        flex-wrap: wrap;


        margin-bottom: 55px;


    }





    .floorplan1-tab {


        padding: 15px 13px;


        border-radius: 3px;


        background: #ffffff;


        cursor: pointer;


        font-size: 12px;


        margin: 0px 3px;


        /* width: 160px; */


        text-align: center;


        color: black;


        font-weight: 500;


    }





}











input::placeholder {


    color: rgb(230, 230, 230);


    font-size: 14px;


}





textarea::placeholder {


    color: rgb(230, 230, 230);


    font-size: 14px;


}











@media(max-width:576px){


    .floorplan1-popup-content {


    background: #4f3726;


    padding: 30px;


    /* max-width: 500px; */


    width: 90%;


    margin-top: 30px;


    border-radius: 6px;


    position: relative;


}





.tab span {


    display: block;


    font-weight: 430;


    font-size: 13px;


}


.floor-popup-content {


    position: relative;


    max-width: 100%;


    max-height: 100%;


    background: white;


    overflow: auto;


    padding: 8px;


    border-radius: 5px;


    transform: scale(0.8);


    transition: transform 0.4s ease;


}


.tab-menu {


    display: flex


;


    justify-content: center;


    flex-wrap: wrap;


    gap: 10px;


    margin-bottom: 16px;


}


.maha-rera img{


    width: 70%;


}











}





body{


    background-color: white !important;


}