{"id":1289,"date":"2024-10-28T16:07:04","date_gmt":"2024-10-28T16:07:04","guid":{"rendered":"https:\/\/avas.live\/construction-two\/?page_id=2"},"modified":"2026-09-22T10:41:38","modified_gmt":"2026-09-22T10:41:38","slug":"home","status":"publish","type":"page","link":"https:\/\/otriokidswear.com\/demo\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1289\" class=\"elementor elementor-1289\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c3129e e-flex e-con-boxed e-con e-parent\" data-id=\"6c3129e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ec902 elementor-widget elementor-widget-html\" data-id=\"80ec902\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   AMENITIES SECTION\r\n========================================= *\/\r\n\r\n.amenities-section {\r\n    width: 100%;\r\n    background: #fff;\r\n    font-family: \"DM Sans\", Arial, sans-serif;\r\n    color: #172238;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.amenities-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   TITLE BAR\r\n========================================= *\/\r\n\r\n.amenities-title {\r\n    background: #f3f3f3;\r\n    height: 49px;\r\n    position: relative;\r\n}\r\n\r\n.amenities-title-inner {\r\n    max-width: 930px;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.amenities-title h2 {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    color: #172238;\r\n}\r\n\r\n.amenities-title h2::after {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 1px;\r\n    background: #ff6338;\r\n    display: block;\r\n}\r\n\r\n\/* Small triangle under heading *\/\r\n.amenities-title::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: calc(50% - 465px);\r\n    bottom: -7px;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 8px solid transparent;\r\n    border-right: 8px solid transparent;\r\n    border-top: 8px solid #f3f3f3;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CONTENT\r\n========================================= *\/\r\n\r\n.amenities-content {\r\n    margin: 0 auto;\r\n    padding: 48px 0 34px;\r\n}\r\n\r\n\/* =========================================\r\n   AMENITIES GRID\r\n   DESKTOP = 4 ITEMS TOP + 3 ITEMS BOTTOM\r\n========================================= *\/\r\n\r\n.amenities-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    column-gap: 20px;\r\n    row-gap: 16px;\r\n}\r\n\r\n\/* Individual item *\/\r\n.amenity-item {\r\n    min-height: 48px;\r\n    border: 1px solid #ffb7a3;\r\n    border-radius: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0 15px;\r\n    gap: 13px;\r\n    background: #fff;\r\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.07);\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.amenity-item:hover {\r\n    border-color: #ff6338;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 22px rgba(255, 99, 56, 0.12);\r\n}\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.amenity-icon {\r\n    width: 27px;\r\n    height: 27px;\r\n    min-width: 27px;\r\n    color: #ff6338;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.amenity-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.amenity-text {\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 400;\r\n    color: #25304a;\r\n}\r\n\r\n\/* =========================================\r\n   LANGUAGES\r\n========================================= *\/\r\n\r\n.languages {\r\n    margin-top: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 7px;\r\n    color: #293149;\r\n    font-size: 13px;\r\n}\r\n\r\n.languages-title {\r\n    margin-right: 3px;\r\n}\r\n\r\n.language {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-right: 3px;\r\n}\r\n\r\n.language-dot {\r\n    width: 19px;\r\n    height: 19px;\r\n    min-width: 19px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n}\r\n\r\n.language-dot.blue {\r\n    background: #2384bd;\r\n}\r\n\r\n.language-dot.red {\r\n    background: #d9343b;\r\n}\r\n\r\n.language-dot.green {\r\n    background: #24833b;\r\n}\r\n\r\n.language-dot.dark {\r\n    background: #253475;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .amenities-title-inner {\r\n        padding: 0 30px;\r\n    }\r\n\r\n    .amenities-title::after {\r\n        left: 30px;\r\n    }\r\n\r\n    .amenities-content {\r\n        padding: 40px 30px 30px;\r\n    }\r\n\r\n    .amenities-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .amenities-title {\r\n        height: 48px;\r\n    }\r\n\r\n    .amenities-title-inner {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .amenities-title h2 {\r\n        font-size: 20px;\r\n        gap: 15px;\r\n    }\r\n\r\n    .amenities-title::after {\r\n        left: 20px;\r\n    }\r\n\r\n    .amenities-content {\r\n        padding: 30px 18px 28px;\r\n    }\r\n\r\n    .amenities-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n    }\r\n\r\n    .amenity-item {\r\n        min-height: 48px;\r\n        padding: 0 17px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .amenity-text {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .languages {\r\n        margin-top: 35px;\r\n        gap: 8px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .language {\r\n        margin-right: 0;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   VERY SMALL SCREENS\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .amenities-content {\r\n        padding-left: 14px;\r\n        padding-right: 14px;\r\n    }\r\n\r\n    .amenity-item {\r\n        padding-left: 14px;\r\n        gap: 13px;\r\n    }\r\n\r\n    .languages {\r\n        justify-content: flex-start;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"amenities-section\">\r\n\r\n    <!-- TITLE -->\r\n    <div class=\"amenities-title\">\r\n        <div class=\"amenities-title-inner\">\r\n            <h2>Amenities<\/h2>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"amenities-content\">\r\n\r\n        <div class=\"amenities-grid\">\r\n\r\n            <!-- WIFI -->\r\n            <div class=\"amenity-item\">\r\n                <div class=\"amenity-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 8.5C8 4.2 16 4.2 21 8.5\"\/>\r\n                        <path d=\"M6.5 12c3.2-2.7 7.8-2.7 11 0\"\/>\r\n                        <path d=\"M10 15.5c1.2-1 2.8-1 4 0\"\/>\r\n                        <circle cx=\"12\" cy=\"19\" r=\"1\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"amenity-text\">\r\n                    Wifi on the premises\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- CARDS -->\r\n            <div class=\"amenity-item\">\r\n                <div class=\"amenity-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1\"\/>\r\n                        <path d=\"M3 10h18\"\/>\r\n                        <path d=\"M6 15h4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"amenity-text\">\r\n                    Debit &amp; Credit Cards<br>\r\n                    accepted\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- CONSULTATION -->\r\n            <div class=\"amenity-item\">\r\n                <div class=\"amenity-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5h13a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H10l-5 4v-4H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z\"\/>\r\n                        <path d=\"M17 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-1v3l-3-3\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"amenity-text\">\r\n                    Free consultation\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- WHEELCHAIR -->\r\n            <div class=\"amenity-item\">\r\n                <div class=\"amenity-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"9\" cy=\"4\" r=\"2\"\/>\r\n                        <path d=\"M9 7v5l4 1\"\/>\r\n                        <path d=\"M9 9l-3 4\"\/>\r\n                        <path d=\"M13 13l3 5h4\"\/>\r\n                        <circle cx=\"9\" cy=\"18\" r=\"4\"\/>\r\n                        <path d=\"M9 14v-3\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"amenity-text\">\r\n                    Wheelchair accessible\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- BIKE -->\r\n            <div class=\"amenity-item\">\r\n                <div class=\"amenity-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"6\" cy=\"17\" r=\"3.5\"\/>\r\n                        <circle cx=\"18\" cy=\"17\" r=\"3.5\"\/>\r\n                        <path d=\"M6 17l4-8h4l4 8\"\/>\r\n                        <path d=\"M10 9l2 8\"\/>\r\n                        <path d=\"M13 9h3\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"amenity-text\">\r\n                    Bike parking available\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- PARKING -->\r\n            <div class=\"amenity-item\">\r\n                <div class=\"amenity-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\"\/>\r\n                        <path d=\"M9 17V7h4a3 3 0 0 1 0 6H9\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"amenity-text\">\r\n                    Parking available\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- APPOINTMENT -->\r\n            <div class=\"amenity-item\">\r\n                <div class=\"amenity-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\"\/>\r\n                        <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\r\n                        <path d=\"M7 14h3M14 14h3M7 18h3\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"amenity-text\">\r\n                    By appointment only\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- LANGUAGES -->\r\n        <div class=\"languages\">\r\n\r\n            <span class=\"languages-title\">\r\n                Spoken languages:\r\n            <\/span>\r\n\r\n            <span class=\"language\">\r\n                <span class=\"language-dot blue\">AR<\/span>\r\n                Arabic\r\n            <\/span>\r\n\r\n            <span class=\"language\">\r\n                <span class=\"language-dot red\">EN<\/span>\r\n                English\r\n            <\/span>\r\n\r\n            <span class=\"language\">\r\n                <span class=\"language-dot green\">PT<\/span>\r\n                Portuguese\r\n            <\/span>\r\n\r\n            <span class=\"language\">\r\n                <span class=\"language-dot blue\">SO<\/span>\r\n                Somali\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p class=\"tx-excerpt\">Amenities Wifi on the premises Debit &amp; Credit Cards accepted Free consultation Wheelchair accessible Bike parking available Parking available By appointment only Spoken languages: AR Arabic EN English PT Portuguese SO Somali\n<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1289","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/pages\/1289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/comments?post=1289"}],"version-history":[{"count":123,"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/pages\/1289\/revisions"}],"predecessor-version":[{"id":1890,"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/pages\/1289\/revisions\/1890"}],"wp:attachment":[{"href":"https:\/\/otriokidswear.com\/demo\/wp-json\/wp\/v2\/media?parent=1289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}