@font-face {


    font-style: italic;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/a2970b42b7763231-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: italic;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/6394bb2874e9ab14-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: italic;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/e1f7e44c431afcc8-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: italic;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/67f22ac847ad892f-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: italic;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d357fe0e2c77b00d-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: italic;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/ffd389404919a601-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/8e17a785cf14d548-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 100;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 200;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 500;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 600;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 800;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/74ac08bf4fae811b-s.woff2") format("woff2");


    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;


}





@font-face {


    font-style: normal;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/853d8c1dce628ba4-s.woff2") format("woff2");


    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;


}





@font-face {


    font-style: normal;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/de18a1b48e61c532-s.woff2") format("woff2");


    unicode-range: U+1F00-1FFF;


}





@font-face {


    font-style: normal;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/5c065d4d218a33c9-s.woff2") format("woff2");


    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;


}





@font-face {


    font-style: normal;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/d59cb38f58804abd-s.woff2") format("woff2");


    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;


}





@font-face {


    font-style: normal;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/7c6dc7c1745e6759-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 900;


    font-stretch: 100%;


    font-display: swap;


    src: url("../media/cb28285c336b8221-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-family: __Noto_Serif_Display_Fallback_d6fb98;


    src: local("Times New Roman");


    ascent-override: 90.57%; descent-override: 24.82%; line-gap-override: 0%; size-adjust: 118.03%; }





.__className_d6fb98 {


    font-family: Barlow, sans-serif;


}





.__variable_d6fb98 {


    font-family: Barlow, sans-serif;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-display: swap;


    src: url("../media/2f9f484c332ee5de-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 300;


    font-display: swap;


    src: url("../media/b5215411e8ce7768-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-display: swap;


    src: url("../media/1c6f4cbc58bf1b54-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 400;


    font-display: swap;


    src: url("../media/756f9c755543fe29-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-display: swap;


    src: url("../media/18663a228a3c9261-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: italic;


    font-weight: 700;


    font-display: swap;


    src: url("../media/25460892714ab800-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-display: swap;


    src: url("../media/6ec89c3f4265bc9b-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 300;


    font-display: swap;


    src: url("../media/155cae559bbd1a77-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-display: swap;


    src: url("../media/f1df658da56627d0-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 400;


    font-display: swap;


    src: url("../media/4de1fea1a954a5b6-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-display: swap;


    src: url("../media/162938472036e0a8-s.woff2") format("woff2");


    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;


}





@font-face {


    font-style: normal;


    font-weight: 700;


    font-display: swap;


    src: url("../media/6d664cce900333ee-s.p.woff2") format("woff2");


    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;


}





@font-face {


    font-family: __Lato_Fallback_2296cb;


    src: local("Arial");


    ascent-override: 101.32%; descent-override: 21.87%; line-gap-override: 0%; size-adjust: 97.42%; }





.__className_2296cb {


    font-family: Barlow, sans-serif;


}





.__variable_2296cb {


    font-family: Barlow, sans-serif;


}





.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);


}





.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;


}





*, ::after, ::before {


    box-sizing: border-box;


    border: 0px solid rgb(229, 231, 235);


}





::after, ::before {


    --tw-content: "";


}





:host, html {


    line-height: 1.5;


    text-size-adjust: 100%;


    tab-size: 4;


    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";


    font-feature-settings: normal;


    font-variation-settings: normal;


    -webkit-tap-highlight-color: transparent;


}





body {


    margin: 0px;


    line-height: inherit;


}





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-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;


    font-feature-settings: normal;


    font-variation-settings: normal;


    font-size: 1em;


}





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-family: inherit;


    font-feature-settings: inherit;


    font-variation-settings: inherit;


    font-size: 100%;


    font-weight: inherit;


    line-height: inherit;


    color: inherit;


    margin: 0px;


    padding: 0px;


}





button, select {


    text-transform: none;


}





[type="button"], [type="reset"], [type="submit"], button {


    appearance: button;


    background-color: transparent;


    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;


    }


}





.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-3 {


    right: -0.75rem;


}





.-right-5 {


    right: -1.25rem;


}





.-right-\[300px\] {


    right: -300px;


}





.-top-20 {


    top: -5rem;


}





.-top-24 {


    top: -6rem;


}





.-top-3 {


    top: -0.75rem;


}





.-top-44 {


    top: -11rem;


}





.-top-5 {


    top: -1.25rem;


}





.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%;


}





.left-\[90px\] {


    left: 90px;


}





.right-0 {


    right: 0px;


}





.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-5 {


    top: 1.25rem;


}





.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-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-1 {


    margin-bottom: 0.25rem;


}





.mb-10 {


    margin-bottom: 2.5rem;


}





.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;


}





.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-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-7 {


    margin-top: 1.75rem;


}





.mt-\[-115px\] {


    margin-top: -115px;


}





.mt-\[21px\] {


    margin-top: 21px;


}





.mt-\[50px\] {


    margin-top: 50px;


}





.block {


    display: block;


}





.inline-block {


    display: inline-block;


}





.flex {


    display: flex;


}





.inline-flex {


    display: inline-flex;


}





.table {


    display: table;


}





.table-cell {


    display: table-cell;


}





.grid {


    display: grid;


}





.contents {


    display: contents;


}





.hidden {


    display: none;


}





.h-1\/2 {


    height: 50%;


}





.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-5 {


    height: 1.25rem;


}





.h-7 {


    height: 1.75rem;


}





.h-8 {


    height: 2rem;


}





.h-\[130px\] {


    height: 130px;


}





.h-\[1px\] {


    height: 1px;


}





.h-\[200px\] {


    height: 200px;


}





.h-\[300px\] {


    height: 300px;


}





.h-\[450px\] {


    height: 450px;


}





.h-\[50vh\] {


    height: 50vh;


}





.h-\[52px\] {


    height: 52px;


}





.h-\[60vh\] {


    height: 60vh;


}





.h-\[700px\] {


    height: 700px;


}





.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-\[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-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-7 {


    width: 1.75rem;


}





.w-8 {


    width: 2rem;


}





.w-\[1024px\] {


    width: 1024px;


}





.w-\[130px\] {


    width: 130px;


}





.w-\[15px\] {


    width: 15px;


}





.w-\[16\%\] {


    width: 16%;


}





.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-\[32px\] {


    width: 32px;


}





.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-\[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-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%;


}





.rotate-\[-130deg\] {


    --tw-rotate: -130deg;


}





.rotate-\[-130deg\], .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;


}





.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));


}





.cursor-pointer {


    cursor: pointer;


}





.list-disc {


    list-style-type: disc;


}





.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;


}





.justify-start {


    justify-content: flex-start;


}





.justify-end {


    justify-content: flex-end;


}





.justify-center {


    justify-content: center;


}





.justify-between {


    justify-content: space-between;


}





.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-7 {


    gap: 1.75rem;


}





.gap-8 {


    gap: 2rem;


}





.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-full {


    border-radius: 9999px;


}





.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-solid {


    border-style: solid;


}





.border-\[\#444444\] {


    --tw-border-opacity: 1;


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


}





.border-\[\#ffffff59\] {


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


}





.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-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-\[\#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-\[\#e6e5ea\] {


    --tw-bg-opacity: 1;


    background-color: rgb(230 229 234/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-thmBlack {


    --tw-bg-opacity: 1;


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


}





.bg-thmBrown {


    --tw-bg-opacity: 1;


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


}





.bg-thmCream {


    --tw-bg-opacity: 1;


    background-color: rgb(244 234 229/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-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-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-4 {


    padding: 1rem;


}





.p-5 {


    padding: 1.25rem;


}





.p-7 {


    padding: 1.75rem;


}





.p-8 {


    padding: 2rem;


}





.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-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-\[10px\] {


    padding-left: 10px;


    padding-right: 10px;


}





.px-\[39px\] {


    padding-left: 39px;


    padding-right: 39px;


}





.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-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-7 {


    padding-top: 1.75rem;


    padding-bottom: 1.75rem;


}





.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-\[30px\] {


    padding-bottom: 30px;


}





.pb-\[600px\] {


    padding-bottom: 600px;


}





.pl-10 {


    padding-left: 2.5rem;


}





.pl-2 {


    padding-left: 0.5rem;


}





.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-7 {


    padding-top: 1.75rem;


}





.pt-8 {


    padding-top: 2rem;


}





.text-left {


    text-align: left;


}





.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-\[10px\] {


    font-size: 10px;


}





.text-\[12px\] {


    font-size: 12px;


}





.text-\[15px\] {


    font-size: 15px;


}





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


    font-size: 21.37px;


}





.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-bold {


    font-weight: 700;


}





.font-light {


    font-weight: 300;


}





.font-medium {


    font-weight: 500;


}





.font-normal {


    font-weight: 400;


}





.font-semibold {


    font-weight: 600;


}





.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-\[\#0e1114\] {


    --tw-text-opacity: 1;


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


}





.text-\[\#856535\] {


    --tw-text-opacity: 1;


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


}





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


    --tw-text-opacity: 1;


    color: rgb(152 187 160/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-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-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;


}





.opacity-0 {


    opacity: 0;


}





.opacity-25 {


    opacity: 0.25;


}





.opacity-60 {


    opacity: 0.6;


}





.opacity-65 {


    opacity: 0.65;


}





.opacity-70 {


    opacity: 0.7;


}





.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%;


}





.h2 {


    font-size: 28px;


}





@media (min-width: 768px) {


    .h2 {


        font-size: 36px;


    }


}





@media (min-width: 1024px) {


    .h2 {


        font-size: 45px;


    }


}





@media (min-width: 1540px) {


    .h2 {


        font-size: 50px;


    }


}





.h2 {


    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;


    }


}





.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: 16px;


}





.paraTwo {


    font-size: 14px;


}





.paraThree {


    font-size: 12px;


}





.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-width: 1px;


    border-style: solid;


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


    --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(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;


}





.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 {


    background: linear-gradient(rgba(0, 10, 13, 0.6), rgba(0, 10, 13, 0));


}





.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: rgb(0 10 13/var(--tw-text-opacity));


}





.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%, 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 .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-4 {


    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));


}





.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(0 10 13/var(--tw-bg-opacity));


}





.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-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 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-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-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));


}





.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;


    }


}





#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;


    }


}





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: 1024px) {


    header .navbar .navLogo {


        height: 130px;


        width: 130px;


    }


}





header .navbar .menuOutter {


    display: flex;


    align-items: center;


    justify-content: flex-end;


    gap: 1.25rem;


}





header .navbar .menuOutter .menuIcon {


    margin-top: 0.625rem;


}





@media (min-width: 1024px) {


    header .navbar .menuOutter .menuIcon {


        margin-top: 0px;


    }


}





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;


}





.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 .logoOutter img {


    --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);


}





.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);


}





.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 {


    font-size: 1rem;


    line-height: 1.5rem;


    text-transform: uppercase;


    letter-spacing: 0.1em;


    --tw-text-opacity: 1;


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


}





.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: rgb(0 10 13/var(--tw-bg-opacity));


}





.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);


    }


}





.spin {


    animation: 20s ease 0s infinite normal none running spin;


}





.spin2 {


    animation: 2s linear 0s infinite normal none running spin2;


}





@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;


}





@keyframes fadeIn {


    0% {


        opacity: 0;


    }





    100% {


        opacity: 1;


    }


}





.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);


}





.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 .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: 100%;


        --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;


}





.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;


}





.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;


    }


}





.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;


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


    padding-top: 5rem;


    padding-bottom: 5rem;


}





.footerTwo .footerMenuTitle {


    margin-bottom: 1.75rem;


    display: inline-block;


    font-weight: 600;


    text-transform: uppercase;


}





@media (min-width: 1024px) {


    .footerTwo .footerMenuTitle {


        margin-bottom: 2.5rem;


    }


}





.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: 0.75rem;


    padding-bottom: 0.75rem;


    font-size: 0.875rem;


    line-height: 1.25rem;


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


    --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: 2.5rem;


    width: 90%;


}





.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 {


}





.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;


}





.blog-section2 {


    padding-top: 5rem;


    padding-bottom: 5rem;


    --tw-text-opacity: 1;


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


}





.blog-section2 h1 {


    font-family: Barlow, sans-serif;


    margin-bottom: 1.75rem;


    font-weight: 600;


    font-size: 28px;


}





@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 {


    font-family: Barlow, sans-serif;


    margin-top: 1.75rem;


    font-weight: 500;


    font-size: 24px;


    line-height: 1.25;


}





@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 {


    font-family: Barlow, sans-serif;


    margin-top: 1.25rem;


    font-weight: 500;


    font-size: 20px;


}





@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 {


    font-family: Barlow, sans-serif;


    margin-top: 0.75rem;


    font-weight: 500;


    font-size: 18px;


    line-height: 2rem;


}





@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 {


    font-family: Barlow, sans-serif;


    margin-top: 0.75rem;


    --tw-text-opacity: 1;


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


}





.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-family: Barlow, sans-serif;


    font-size: 15px;


    position: relative;


    width: 100%;


}





.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;


}





.iti__dial-code {


    color: rgb(0, 0, 0) !important;


}





.iti__country-name, .iti__flag-box {


    color: black !important;


    margin-right: 6px;


}





.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-110: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-110:hover {


    --tw-scale-x: 1.1;


    --tw-scale-y: 1.1;


}





.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-thmBlack:hover {


    --tw-bg-opacity: 1;


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


}





.hover\:text-thmBrown:hover {


    --tw-text-opacity: 1;


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


}





.hover\:text-opacity-100:hover {


    --tw-text-opacity: 1;


}





.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));


    }





    .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-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-\[40\%\] {


        left: 40%;


    }





    .md\:top-\[140px\] {


        top: 140px;


    }





    .md\:top-\[200px\] {


        top: 200px;


    }





    .md\:mb-0 {


        margin-bottom: 0px;


    }





    .md\:ml-auto {


        margin-left: auto;


    }





    .md\:mt-10 {


        margin-top: 2.5rem;


    }





    .md\:grid {


        display: grid;


    }





    .md\:h-\[250px\] {


        height: 250px;


    }





    .md\:h-\[400px\] {


        height: 400px;


    }





    .md\:h-\[70vh\] {


        height: 70vh;


    }





    .md\:min-h-\[350px\] {


        min-height: 350px;


    }





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


        min-height: 500px;


    }





    .md\:min-h-\[650px\] {


        min-height: 650px;


    }





    .md\:w-\[350px\] {


        width: 350px;


    }





    .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\: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-\[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\:gap-0 {


        gap: 0px;


    }





    .md\:gap-10 {


        gap: 2.5rem;


    }





    .md\:gap-5 {


        gap: 1.25rem;


    }





    .md\:object-\[0\%_70\%\] {


        object-position: 0px 70%;


    }





    .md\:px-44 {


        padding-left: 11rem;


        padding-right: 11rem;


    }





    .md\:pt-0 {


        padding-top: 0px;


    }





    .md\:pt-10 {


        padding-top: 2.5rem;


    }





    .md\:pt-28 {


        padding-top: 7rem;


    }





    .md\:pt-3 {


        padding-top: 0.75rem;


    }





    .md\:text-right {


        text-align: right;


    }





    .md\:text-\[14px\] {


        font-size: 14px;


    }


}





@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-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\:block {


        display: block;


    }





    .lg\:inline-block {


        display: inline-block;


    }





    .lg\:hidden {


        display: none;


    }





    .lg\:h-10 {


        height: 2.5rem;


    }





    .lg\:h-\[300px\] {


        height: 300px;


    }





    .lg\:h-\[350px\] {


        height: 350px;


    }





    .lg\:h-\[500px\] {


        height: 500px;


    }





    .lg\:h-\[67vh\] {


        height: 67vh;


    }





    .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-2\/3 {


        width: 66.6667%;


    }





    .lg\:w-3\/12 {


        width: 25%;


    }





    .lg\:w-\[1280px\] {


        width: 1280px;


    }





    .lg\:w-\[60\%\] {


        width: 60%;


    }





    .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\: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-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\: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-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\: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\: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: 40% 60%;


    }





    .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-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\: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;


    }


}





@media (max-width: 576px) {


    .container {


        width: 100%;


        margin-right: auto;


        margin-left: auto;


        padding-right: 10px !important;


        padding-left: 10px !important;


    }





    .bg-thmCream {


        padding: 30px;


    }





    .paraTwo {


        font-size: 15px;


        line-height: 25px;


        letter-spacing: 0.5px;


    }





    .h3 {


        font-size: 22px !important;


        line-height: 32px !important;


    }





    .closeBtn {


        width: 20px !important;


    }


}





.submenu-toggle {


    display: flex;


    align-items: center;


    justify-content: space-between;


    cursor: pointer;


    user-select: none;


}





.submenu-icon {


    margin-left: 8px;


    font-size: 19px;


    transition: transform 0.3s;


}





.submenu-toggle.open .submenu-icon {


    transform: rotate(180deg);


}





.submenu {


    margin-top: 10px;


    display: none;


    flex-direction: column;


}





.submenu-item {


    padding: 10px 0px;


    color: rgb(202, 202, 202);


    text-decoration: none;


}





.hiddenes {


    display: none;


}





.visibles {


    display: flex;


}





.single-featured-services-box {


    margin-bottom: 25px;


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


    padding: 35px 10px;


    height: 190px;


    text-align: center;


    transition: 0.5s;


    position: relative;


    z-index: 1;


}





.single-featured-services-box .bar::before, .single-featured-services-box .bar::after {


    content: "";


    position: absolute;


    height: 100%;


    width: 3px;


    top: 0px;


    background: rgb(17, 17, 17);


    transition: 0.5s;


}





.single-featured-services-box .bar::before {


    right: 15px;


}





.single-featured-services-box .bar::before, .single-featured-services-box .bar::after {


    content: "";


    position: absolute;


    height: 100%;


    width: 3px;


    top: 0px;


    background: rgb(255, 255, 255);


    transition: 0.5s;


}





.single-featured-services-box .icon {


    color: rgb(204, 153, 51);


    transition: 0.5s;


    width: 60px;


    height: 60px;


    line-height: 60px;


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


    border-radius: 50%;


    margin-bottom: 18px;


    margin-left: auto;


    margin-right: auto;


}





.single-featured-services-box .bar {


    position: relative;


    z-index: 1;


    background: rgb(117, 69, 34);


    width: 46px;


    height: 2px;


    margin: 12px auto 20px;


}





.single-featured-services-box .bar::after {


    left: 15px;


}





.single-featured-services-box h6 {


    font-size: 14px;


    word-spacing: 3px;


    color: black !important;


}





.qodef-h5, h5 {


    font-family: Khand, sans-serif;


    text-transform: uppercase;


    color: var(--qode-main-color);


    font-size: 18px;


    line-height: 1.2em;


    font-weight: 500;


    letter-spacing: 0.1em;


    margin: 25px 0px;


    overflow-wrap: break-word;


}





.Specification-icons img {


    width: 10%;


    margin-top: 10px;


}





.contact-feature .contact-feature-icon {


    height: 40px;


    width: 40px;


    -webkit-box-flex: 0;


    flex: 0 0 auto;


    border-radius: 0px;


    line-height: 42px;


    background: rgb(124, 89, 64);


    text-align: center;


    color: var(--theme-color);


    transition: 0.4s;


}





.img-box img {


    width: 42px;


    transition: transform 0.3s;


}





.img-box img:hover {


    transform: scale(1.2);


}





.img-box {


    cursor: pointer;


}





.media-body p {


    color: black;


    text-transform: uppercase;


    font-size: 16px;


    font-weight: 500;


    margin-bottom: 5px;


}





.media-body span a {


    color: black !important;


    font-size: 14px;


}





.chat-icon {


    position: fixed;


    z-index: 999;


    right: 20px;


    bottom: 20px;


}





.social-icon i:hover {


    background-color: rgb(134, 93, 29);


    color: white;


}





@media (max-width: 576px) {


    .single-featured-services-box h6 {


        font-size: 13px !important;


        line-height: 22px !important;


    }





    .floorplan1-info {


        width: 100% !important;


    }





    .floorplan1-image {


        text-align: center;


        width: 100% !important;


    }


}





@media only screen and (max-width: 767px) {


    .sec-eq {


        display: none;


    }





    .sec-eq form {


        flex-direction: column;


    }





    .formControl {


        width: 100%;


        margin: 0px 0px 15px;


    }





    .sec-eqMobile {


        display: flex;


        position: fixed;


        bottom: 0px;


        left: 0px;


        font-size: 20px;


        color: rgb(0, 0, 0);


        background: rgb(79, 55, 38);


        width: 100%;


        text-align: center;


        z-index: 99;


    }





    .vl {


        border-left: 2px solid rgb(255, 255, 255);


        height: 50px;


    }





    .poweredby {


        display: flex;


        position: fixed;


        bottom: 0px;


        left: 0px;


        font-size: 20px;


        color: rgb(255, 255, 255);


        background: rgb(247, 147, 29);


        width: 100%;


        text-align: center;


        z-index: 99;


    }





    .mobContact img {


        margin-right: 5px;


    }





    .sec-eqMobile a {


        padding: 0px;


        width: 50%;


        color: rgb(255, 255, 255);


        display: flex;


        align-items: center;


        justify-content: center;


        font-weight: 500;


    }





    a.mobEqNow {


    }





    .closeIcon {


        display: flex;


    }





    .popup-overlay {


        position: fixed;


        top: 0px;


        left: 0px;


        width: 100%;


        height: 100%;


        background: rgba(0, 0, 0, 0.7);


        display: flex;


        justify-content: center;


        align-items: center;


        z-index: 9999;


    }





    .popup-content {


        background: rgb(255, 255, 255);


        padding: 30px;


        border-radius: 8px;


        width: 90%;


        max-width: 400px;


        position: relative;


    }





    .popup-content .close-btn {


        position: absolute;


        top: 10px;


        right: 15px;


        font-size: 20px;


        cursor: pointer;


    }


}





@media only screen and (max-width: 520px) {


    .sec-eqMobile {


        font-size: 15px;


    }





    .mission_top_part {


        margin-bottom: 15px;


    }





    .project-details .post-header .post-title {


        font-size: 20px;


        font-weight: 500;


        text-align: left;


        margin-right: 0rem;


        margin-bottom: 1.25rem;


        margin-left: 0rem;


        color: rgb(32, 55, 61);


        line-height: 29px !important;


        margin-top: 20px !important;


    }





    .project-details .fulltext p {


        margin-bottom: 10px;


        font-size: 15px;


    }





    .contact_us {


        padding: 10px !important;


    }


}





@media screen and (max-width: 768px) {


    .home-featured-section .featured-background-mobile {


        width: 100%;


        height: 100vh;


        background-attachment: fixed;


        background-position: center center;


        background-size: 100vw 100vh;


        padding-left: 0px !important;


    }


}


    .logo-video {
    width: 100%;
    max-width: 170px;     /* desktop logo size */
    height: auto;object-fit: contain;
    display: block;
}

/* Tablet */
@media (max-width: 992px) {
    .logo-video {
              max-width: 183px;
        object-fit: contain;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .logo-video {
               max-width: 183px;
        object-fit: contain;
    }
}