{"id":2524,"date":"2024-04-09T05:51:12","date_gmt":"2024-04-09T05:51:12","guid":{"rendered":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/?page_id=2524"},"modified":"2025-01-29T06:58:08","modified_gmt":"2025-01-29T06:58:08","slug":"contact","status":"publish","type":"page","link":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/contact\/","title":{"rendered":"Contact Us"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top-small:40px;--awb-padding-right-small:15px;--awb-padding-bottom-small:40px;--awb-padding-left-small:15px;--awb-margin-top:100px;--awb-margin-bottom:100px;--awb-margin-top-small:0px;--awb-margin-bottom-small:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-center\" style=\"--awb-overflow:hidden;--awb-bg-size:cover;--awb-border-color:#035775;--awb-border-top:4px;--awb-border-right:4px;--awb-border-bottom:4px;--awb-border-left:4px;--awb-border-style:solid;--awb-border-radius:20px 20px 20px 20px;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column\"><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-0 fusion_builder_column_inner_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch get_in_touch_contact_form get_in_touch_contact_us\" style=\"--awb-padding-top:71px;--awb-padding-right:80px;--awb-padding-bottom:95px;--awb-padding-left:80px;--awb-padding-top-small:40px;--awb-padding-right-small:20px;--awb-padding-bottom-small:40px;--awb-padding-left-small:20px;--awb-bg-image:url(&#039;https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2024\/05\/contact-form-bg.png&#039;);--awb-bg-position:center center;--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column fusion-column-has-bg-image\" data-bg-url=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2024\/05\/contact-form-bg.png\"><div class=\"fusion-title title fusion-title-1 fusion-no-small-visibility fusion-sep-none fusion-title-text fusion-title-size-one get_in_touch_heading\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-bottom:20px;--awb-font-size:40px;\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:52px;\"><h1>Ready to witness next-gen connectivity with X2? Contact us!<\/h1><\/h1><\/div><div class=\"fusion-title title fusion-title-2 fusion-no-medium-visibility fusion-no-large-visibility fusion-sep-none fusion-title-text fusion-title-size-one get_in_touch_heading\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-bottom:20px;--awb-font-size:25px;\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:34px;\">Ready to witness next-gen connectivity with X2? Contact us!<\/h1><\/div><div class=\"fusion-text fusion-text-1 fusion-no-small-visibility fusion-text-no-margin\" style=\"--awb-font-size:18px;--awb-line-height:28px;--awb-text-color:#dcddde;--awb-margin-bottom:40px;--awb-text-font-family:&quot;Assistant&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>Unleash the full potential of your Cloud infrastructure with our diverse product offerings.<\/p>\n<\/div><div class=\"fusion-text fusion-text-2 fusion-no-medium-visibility fusion-no-large-visibility\" style=\"--awb-font-size:14px;--awb-line-height:20px;--awb-text-color:#dcddde;--awb-text-font-family:&quot;Assistant&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>Unleash the full potential of your Cloud infrastructure with our diverse product offerings.<\/p>\n<\/div><div class=\"fusion-content-boxes content-boxes columns row fusion-columns-1 fusion-columns-total-2 fusion-content-boxes-1 content-boxes-icon-with-title content-left has-flex-alignment get_in_touch_contact\" style=\"--awb-backgroundcolor:#000000;--awb-border-radius-top-left:10px;--awb-border-radius-top-right:10px;--awb-border-radius-bottom-right:10px;--awb-border-radius-bottom-left:10px;--awb-alignment:center;--awb-title-color:#dcddde;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-hover-accent-color:#ffffff;--awb-circle-hover-accent-color:#ffffff;--awb-item-margin-bottom:40px;\" data-animationOffset=\"top-into-view\"><div style=\"--awb-backgroundcolor:#000000;\" class=\"fusion-column content-box-column content-box-column content-box-column-1 col-lg-12 col-md-12 col-sm-12 fusion-content-box-hover content-box-column-last-in-row\"><div class=\"col content-box-wrapper content-wrapper-background link-area-link-icon content-icon-wrapper-yes icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><div aria-hidden=\"true\" class=\"image\"><img decoding=\"async\" src=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2024\/04\/Vector.png\" width=\"30\" height=\"24.71\" alt=\"\" \/><\/div><p class=\"content-box-heading\" style=\"--body_typography-font-size:24px;line-height:29px;\">sales@xsightlabs.com<\/p><\/div><\/div><\/div><div style=\"--awb-backgroundcolor:#000000;\" class=\"fusion-column content-box-column content-box-column content-box-column-2 col-lg-12 col-md-12 col-sm-12 fusion-content-box-hover content-box-column-last content-box-column-last-in-row\"><div class=\"col content-box-wrapper content-wrapper-background link-area-link-icon link-type-text content-icon-wrapper-yes icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" style=\"float:left;\" href=\"https:\/\/www.linkedin.com\/company\/xsightlabs\/\" target=\"_self\"><div aria-hidden=\"true\" class=\"image\"><img decoding=\"async\" src=\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2024\/05\/linkdin.png\" width=\"30\" height=\"30\" alt=\"\" \/><\/div><p class=\"content-box-heading\" style=\"--body_typography-font-size:24px;line-height:29px;\">Follow us on LinkedIn<\/p><\/a><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-1 fusion_builder_column_inner_1_2 1_2 fusion-flex-column contact-us-fields\" style=\"--awb-padding-top:40px;--awb-padding-right:40px;--awb-padding-bottom:40px;--awb-padding-left:40px;--awb-padding-top-small:40px;--awb-padding-right-small:20px;--awb-padding-bottom-small:40px;--awb-padding-left-small:20px;--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-margin-top-small:0;--awb-spacing-right-small:1.92%;--awb-margin-bottom-small:0;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f180-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/xsightlabs\/wp-json\/wp\/v2\/pages\/2524#wpcf7-f180-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"180\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.8\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f180-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<div class=\"contact_form\">\n\t<div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes spacer\">\n\t\t<p>FULL NAME * <span class=\"wpcf7-form-control-wrap\" data-name=\"first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"first-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"fusion-one-half fusion-layout-column fusion-spacing-yes spacer\">\n\t\t<p>EMAIL * <span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"fusion-one-half fusion-layout-column fusion-column-last fusion-spacing-yes spacer\">\n\t\t<p>COMPANY * <span class=\"wpcf7-form-control-wrap\" data-name=\"company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"company\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"contact_checkbox\">\n\t\t<p>I\u2019M INTERESTED IN *\n\t\t<\/p>\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"checkbox-304\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><span class=\"wpcf7-list-item first\"><label><input type=\"checkbox\" name=\"checkbox-304[]\" value=\"General Information\" \/><span class=\"wpcf7-list-item-label\">General Information<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"checkbox\" name=\"checkbox-304[]\" value=\"Talking With Sales\" \/><span class=\"wpcf7-list-item-label\">Talking With Sales<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<p><label>MESSAGE *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"100\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n\t<\/p>\n\t<div class=\"contact_form_submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"fusion-alert alert custom alert-custom fusion-alert-center wpcf7-response-output awb-alert-native-link-color alert-dismissable awb-alert-close-boxed\" style=\"--awb-border-size:1px;--awb-border-top-left-radius:0px;--awb-border-top-right-radius:0px;--awb-border-bottom-left-radius:0px;--awb-border-bottom-right-radius:0px;\" role=\"alert\"><div class=\"fusion-alert-content-wrapper\"><span class=\"fusion-alert-content\"><\/span><\/div><button type=\"button\" class=\"close toggle-alert\" data-dismiss=\"alert\" aria-label=\"Close\">&times;<\/button><\/div>\n<\/form>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background fusion-parallax-none nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:95px;--awb-padding-right:15px;--awb-padding-bottom:95px;--awb-padding-left:15px;--awb-padding-top-small:40px;--awb-padding-right-small:15px;--awb-padding-bottom-small:40px;--awb-padding-left-small:15px;--awb-background-image:url(&quot;https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/uploads\/2024\/04\/Rectangle-34624245.png&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column contact_us-location_section\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-no-small-visibility fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-two our_locations\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-right:auto;--awb-margin-bottom:27px;--awb-margin-left:auto;--awb-font-size:40px;\"><h2 class=\"fusion-title-heading title-heading-center\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:52px;\">Our Locations<\/h2><\/div><div class=\"fusion-title title fusion-title-4 fusion-no-medium-visibility fusion-no-large-visibility fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-two our_locations\" style=\"--awb-text-color:#ffffff;--awb-margin-top:0px;--awb-margin-right:auto;--awb-margin-bottom:27px;--awb-margin-left:auto;--awb-margin-top-small:0px;--awb-margin-bottom-small:20px;--awb-font-size:22px;\"><h2 class=\"fusion-title-heading title-heading-center\" style=\"font-family:&quot;Kelson Bold&quot;;font-style:normal;font-weight:400;margin:0;font-size:1em;line-height:28px;\">Our Locations<\/h2><\/div><style>\r\n    .map-section-outer .map-container {\r\n        display: flex;\r\n        gap: 0 24px;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .map-section-outer .map {\r\n        flex: 0 0 100%;\r\n        position: relative;\r\n        background-image: url(\"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-content\/themes\/avada-child\/assets\/images\/Vector-1.svg\");\r\n        cursor: pointer;\r\n        background-repeat: no-repeat;\r\n        \/* background-size: 145%; *\/\r\n        background-position: 12% 0%;\r\n        min-height: 520px;\r\n        border: 1px solid #77CFE0;\r\n        border-radius: 20px;\r\n        \/* transition: background-position 0.5s cubic-bezier(0.4, 0, 0.2, 1); *\/\r\n    }\r\n\r\n    .our_locations h2 {\r\n        position: relative;\r\n    }\r\n\r\n    .our_locations h2:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        border: 1px solid #77cfe0;\r\n        width: 50px;\r\n        top: 50%;\r\n        margin: 0;\r\n        left: -25%;\r\n    }\r\n\r\n    .our_locations h2:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        border: 1px solid #77cfe0;\r\n        width: 50px;\r\n        top: 50%;\r\n        margin: 0;\r\n        right: -25%;\r\n    }\r\n\r\n    .map-section-outer .point {\r\n        width: 8px;\r\n        height: 8px;\r\n        background-color: #FAAC18;\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        cursor: pointer;\r\n        transition: transform 0.2s ease-in-out;\r\n        box-shadow: 0 0 0 rgba(250, 172, 84, 0.4);\r\n        animation: pulse 1s infinite;\r\n    }\r\n\r\n    @keyframes pulse {\r\n        0% {\r\n            -moz-box-shadow: 0 0 0 0 rgba(250, 172, 84, 0.7);\r\n            box-shadow: 0 0 0 0 rgba(250, 172, 84, 0.7);\r\n        }\r\n\r\n        70% {\r\n            -moz-box-shadow: 0 0 0 10px rgba(250, 172, 84, 0.1);\r\n            box-shadow: 0 0 0 7px rgba(250, 172, 84, 0);\r\n        }\r\n\r\n        100% {\r\n            -moz-box-shadow: 0 0 0 0 rgba(250, 172, 84, 0);\r\n            box-shadow: 0 0 0 0 rgba(250, 172, 84, 0);\r\n        }\r\n    }\r\n\r\n    .map-section-outer .point:hover {\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    .map-section-outer .place-names {\r\n        flex: 0 0 25%;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .map-section-outer .place-name {\r\n        cursor: pointer;\r\n        margin-bottom: 10px;\r\n        padding: 20px 30px;\r\n        border-radius: 10px;\r\n        transition: background-color 0.3s ease;\r\n        border: 1px solid white;\r\n        background: #012d3c;\r\n        color: #FFFFFF;\r\n        display: flex;\r\n        align-items: center;\r\n        width: 360px;\r\n        height: 66px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .map-section-outer .place-name:hover,\r\n    .map-section-outer .place-name.active {\r\n        background-color: #000000;\r\n        border-color: #ffffff;\r\n        border: 3px solid white;\r\n    }\r\n\r\n    #icon {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        transition: top 0.5s, left 0.5s;\r\n        margin-left: -5px;\r\n        margin-top: -43px;\r\n    }\r\n\r\n    #icon svg {\r\n        width: 25px;\r\n    }\r\n\r\n    @media screen and (max-width:1199px) {\r\n        .map-section-outer .map-container {\r\n            flex-wrap: wrap;\r\n            gap: 24px 0;\r\n        }\r\n\r\n        .map-section-outer .map,\r\n        .map-section-outer .place-names {\r\n            flex: 0 0 100%;\r\n        }\r\n\r\n        .map-section-outer .place-names {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .map-section-outer .place-name {\r\n            gap: 0 15px;\r\n\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .location-container {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .get_in_touch_contact p.content-box-heading {\r\n            font-size: 18px !important;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width:767px) {\r\n        .map-section-outer .point {\r\n            width: 7px;\r\n            height: 7px;\r\n        }\r\n\r\n        .loc-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .loc-logo img {\r\n            max-width: 100px;\r\n        }\r\n\r\n        .map-section-outer .place-name {\r\n            flex: 0 0 100%;\r\n        }\r\n\r\n        .map-section-outer .map {\r\n            min-height: 400px;\r\n        }\r\n\r\n        .location-container {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .our_locations h2:before {\r\n            content: \"\";\r\n            width: 90.5px;\r\n            top: 50%;\r\n            left: 15%;\r\n        }\r\n\r\n        .our_locations h2:after {\r\n            content: \"\";\r\n            width: 90.5px;\r\n            top: 50%;\r\n            right: 15%;\r\n        }\r\n\r\n        .get_in_touch_contact p.content-box-heading {\r\n            font-size: 18px !important;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width:480px) {\r\n        .get_in_touch_contact p.content-box-heading {\r\n            font-size: 18px !important;\r\n        }\r\n\r\n        .map-section-outer .map {\r\n            background-size: 450px;\r\n            min-height: 270px;\r\n        }\r\n\r\n        .location-container {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .our_locations h2:before {\r\n            content: \"\";\r\n            width: 90.5px;\r\n            top: 50%;\r\n            left: 0%;\r\n        }\r\n\r\n        .our_locations h2:after {\r\n            content: \"\";\r\n            width: 90.5px;\r\n            top: 50%;\r\n            right: 0%;\r\n        }\r\n\r\n    }\r\n\r\n    .location {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-content: center;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .location-address {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n        font-family: Assistant;\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n\r\n    }\r\n\r\n    .location-title {\r\n        border-right: 1px solid #77CFE0;\r\n        align-items: center;\r\n        display: flex;\r\n        font-family: Assistant;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        line-height: 24px;\r\n        text-align: left;\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n        height: 56px;\r\n    }\r\n\r\n    .map-section-outer .place-name:hover .location-title,\r\n    .map-section-outer .place-name.active .location-title {\r\n        color: #77CFE0;\r\n    }\r\n<\/style>\r\n\r\n\r\n<div class=\"map-section-outer\">\r\n    <div class=\"row\">\r\n        <!-- Map Container -->\r\n        <div class=\"col-12 col-md-8 col-sm-12\">\r\n            <div class=\"map-container\">\r\n                <div class=\"map\">\r\n                    <div class=\"icon_point\" id=\"icon\" style=\"top: 30%;left: 20.5%;\">\r\n                        <svg width=\"45\" height=\"56\" viewBox=\"0 0 45 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M22.0234 0C16.1908 0.00688094 10.599 2.32694 6.4747 6.45125C2.3504 10.5756 0.0303418 16.1673 0.0234609 22C0.0164751 26.7664 1.57342 31.4036 4.45546 35.2C4.45546 35.2 5.05546 35.99 5.15346 36.104L22.0234 56L38.9014 36.094C38.9894 35.988 39.5914 35.2 39.5914 35.2L39.5934 35.194C42.474 31.3992 44.0303 26.7643 44.0234 22C44.0165 16.1673 41.6965 10.5756 37.5722 6.45125C33.4479 2.32694 27.8561 0.00688094 22.0234 0ZM22.0234 30C20.4412 30 18.8945 29.5308 17.5789 28.6518C16.2633 27.7727 15.2379 26.5233 14.6324 25.0615C14.0269 23.5997 13.8685 21.9911 14.1772 20.4393C14.4858 18.8874 15.2478 17.462 16.3666 16.3431C17.4854 15.2243 18.9109 14.4624 20.4627 14.1537C22.0146 13.845 23.6231 14.0035 25.0849 14.609C26.5467 15.2145 27.7961 16.2398 28.6752 17.5554C29.5542 18.871 30.0234 20.4177 30.0234 22C30.0208 24.1209 29.1771 26.1542 27.6774 27.6539C26.1776 29.1536 24.1444 29.9974 22.0234 30Z\" fill=\"#09B5EA\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <a href=\"#loc-title1\" class=\"point\" style=\"top: 30%; left: 21%;\"><\/a>\r\n                    <a href=\"#loc-title2\" class=\"point\" style=\"top: 24%; left: 25%;\"><\/a>\r\n                    <a href=\"#loc-title3\" class=\"point\" style=\"top: 28%; left: 6%;\"><\/a>\r\n                    <a href=\"#loc-title4\" class=\"point\" style=\"top: 33%; left: 66%;\"><\/a>\r\n                    <a href=\"#loc-title5\" class=\"point\" style=\"top: 67%; left: 83%;\"><\/a>\r\n                    <a href=\"#loc-title7\" class=\"point\" style=\"top: 63%; left: 82%;\"><\/a>\r\n\r\n                    <a href=\"#loc-title6\" class=\"point\" style=\"top: 56%; left: 87%;\"><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Place Names Container -->\r\n        <div class=\"col-12 col-sm-12 col-md-4 location-container\">\r\n            <div class=\"place-names\">\r\n                <div class=\"place-name\">\r\n                    <div class=\"loc-title\" id=\"loc-title1\">\r\n                        <div class=\"location\" data-country=\"1\">\r\n                            <div class=\"location-title\">\r\n                                USA                            <\/div>\r\n                            <div class=\"location-address\">Durham, NC<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"place-name\">\r\n                    <div class=\"loc-title\" id=\"loc-title2\">\r\n                        <div class=\"location\" data-country=\"2\">\r\n                            <div class=\"location-title\">USA<\/div>\r\n                            <div class=\"location-address\"> Billerica, MA<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"place-name\">\r\n                    <div class=\"loc-title\" id=\"loc-title3\">\r\n                        <div class=\"location\" data-country=\"3\">\r\n                            <div class=\"location-title\">USA<\/div>\r\n                            <div class=\"location-address\">Silicon Valley, CA<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"place-name\">\r\n                    <div class=\"loc-title\" id=\"loc-title4\">\r\n                        <div class=\"location\" data-country=\"4\">\r\n                            <div class=\"location-title\">Israel<\/div>\r\n                            <div class=\"location-address\">Tel Aviv<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"place-name\">\r\n                    <div class=\"loc-title\" id=\"loc-title5\">\r\n                        <div class=\"location\" data-country=\"5\">\r\n                            <div class=\"location-title\">Israel<\/div>\r\n                            <div class=\"location-address\">Kiryat Gat <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"place-name\">\r\n                    <div class=\"loc-title\" id=\"loc-title7\">\r\n                        <div class=\"location\" data-country=\"7\">\r\n                            <div class=\"location-title\">Israel<\/div>\r\n                            <div class=\"location-address\">Haifa<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"place-name\">\r\n                    <div class=\"loc-title\" id=\"loc-title6\">\r\n                        <div class=\"location\" data-country=\"6\">\r\n                            <div class=\"location-title\">Armenia <\/div>\r\n                            <div class=\"location-address\">Yerevan  <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const points = document.querySelectorAll('.point');\r\n    const placeNames = document.querySelectorAll('.place-name');\r\n    document.querySelectorAll('.point')[4].style.display = 'none';\r\n    document.querySelectorAll('.point')[5].style.display = 'none';\r\n    document.querySelectorAll('.point')[6].style.display = 'none';\r\n\r\n    function checkPhoneSize() { \r\n        \/\/alert(window.innerWidth);\r\n        console.log(points.length);\r\n        \/\/console.log(points);\r\n        if (window.innerWidth <= 700 && window.innerWidth > 360) {\r\n            document.querySelector('.icon_point').style.display = 'none';\r\n            document.querySelectorAll('.point')[0].style.top = '35%';\r\n            document.querySelectorAll('.point')[0].style.left = '22%';\r\n            document.querySelectorAll('.point')[1].style.top = '28%';\r\n            document.querySelectorAll('.point')[1].style.left = '27%';\r\n            document.querySelectorAll('.point')[2].style.top = '34%';\r\n            document.querySelectorAll('.point')[2].style.left = '5%';\r\n            document.querySelectorAll('.point')[3].style.top = '37%';\r\n            document.querySelectorAll('.point')[3].style.left = '79%';\r\n            \/\/alert(\"yeah\");\r\n        }\r\n       \r\n        if(window.innerWidth >= 700 && window.innerWidth <= 800){\r\n            document.querySelector('.icon_point').style.display = 'none';\r\n            document.querySelectorAll('.point')[0].style.top = '39%';\r\n            document.querySelectorAll('.point')[0].style.left = '21%';\r\n            document.querySelectorAll('.point')[1].style.top = '32%';\r\n            document.querySelectorAll('.point')[1].style.left = '25%';\r\n            document.querySelectorAll('.point')[2].style.top = '34%';\r\n            document.querySelectorAll('.point')[2].style.left = '7%';\r\n            document.querySelectorAll('.point')[3].style.top = '44%';\r\n            document.querySelectorAll('.point')[3].style.left = '70%';\r\n        }\r\n        \r\n        if (window.innerWidth <= 360) {\r\n            document.querySelector('.icon_point').style.display = 'none';\r\n            document.querySelectorAll('.point')[0].style.top = '35%';\r\n            document.querySelectorAll('.point')[0].style.left = '22%';\r\n            document.querySelectorAll('.point')[1].style.top = '28%';\r\n            document.querySelectorAll('.point')[1].style.left = '30%';\r\n            document.querySelectorAll('.point')[2].style.top = '32%';\r\n            document.querySelectorAll('.point')[2].style.left = '5%';\r\n            document.querySelectorAll('.point')[3].style.top = '37%';\r\n            document.querySelectorAll('.point')[3].style.left = '87%';\r\n        }\r\n    }\r\n    checkPhoneSize();\r\n    \r\n\r\n\r\n    if (window.innerWidth > 1000 && window.innerWidth < 1050) {\r\n        document.querySelectorAll('.point')[3].style.top = '33%';\r\n        document.querySelectorAll('.point')[3].style.left = '76%';\r\n    }\r\n\r\n    \/\/ Add event listeners for points only for desktop views\r\n    if (window.innerWidth > 767) {\r\n        points.forEach((point, index) => {\r\n            point.addEventListener('click', (event) => {\r\n                event.preventDefault();\r\n                var endPos = point.getAttribute('style');\r\n                activatePoint(index, endPos);\r\n            });\r\n        });\r\n    }\r\n\r\n    placeNames.forEach((placeName, index) => {\r\n        placeName.addEventListener('click', () => {\r\n            var endPos = points[index].getAttribute('style');\r\n           \/\/ alert(index)\r\n            activatePoint(index, endPos);\r\n        });\r\n    });\r\n\r\n    function activatePoint(index, endPos) {\r\n\r\n        const map = document.querySelector('.map');\r\n        const points = document.querySelectorAll('.point');\r\n        const placeNames = document.querySelectorAll('.place-name');\r\n        const iconPoint = document.querySelector('.icon_point');\r\n\r\n\r\n        points.forEach(p => p.classList.remove('active'));\r\n        points[index].classList.add('active');\r\n        placeNames.forEach(pn => pn.classList.remove('active'));\r\n        placeNames[index].classList.add('active');\r\n\r\n        if (window.innerWidth > 800) {\r\n            markicon(endPos, index);\r\n        }\r\n       \r\n        if (index === 3 || index === 4 || index === 5 || index === 6) {\r\n            map.style.backgroundPosition = 'top center';\r\n            map.style.backgroundSize = '200%';\r\n            map.style.transition = 'background-position 0.5s ease 0s, background-size 0.5s ease 0s';\r\n\r\n            points[3].style.display = 'block';\r\n            points[4].style.display = 'block';\r\n            points[5].style.display = 'block';\r\n            points[6].style.display = 'block';\r\n            points[0].style.display = 'none';\r\n            points[1].style.display = 'none';\r\n            points[2].style.display = 'none';\r\n\r\n\r\n            \/\/ 3 dots condition\r\n        \r\n            if (window.innerWidth <= 700 && window.innerWidth > 360) {\r\n                setPointStyle([3, 4, 6, 5], '58%', '81%', '61%', '82%', '49%', '88%','56%', '81%');\r\n            } else if (window.innerWidth <= 360) {\r\n                setPointStyle([3, 4, 6, 5], '55%', '81%', '58%', '82%', '47%', '88%','53%', '81%');\r\n            } else if(window.innerWidth >= 700 && window.innerWidth <= 800){\r\n                setPointStyle([3, 4, 6, 5], '78%', '81%', '81%', '82%', '63%', '87%','75%', '81%');\r\n            }\r\n            else {\r\n                setPointStyle([3, 4, 6, 5], '65%', '82%', '67%', '83%', '56%', '87%','63%', '82%');\r\n            }\r\n        } else {\r\n            \/\/ iconPoint.style.display = 'none';\r\n            map.style.backgroundPosition = '12% 0%';\r\n            map.style.backgroundSize = '';\r\n\r\n            points[4].style.display = 'none';\r\n            points[5].style.display = 'none';\r\n            points[6].style.display = 'none';\r\n            points[0].style.display = 'block';\r\n            points[1].style.display = 'block';\r\n            points[2].style.display = 'block';\r\n\r\n            if (window.innerWidth <= 700 && window.innerWidth > 360) {\r\n                iconPoint.style.display = 'none';\r\n                setPointStyle([0, 1, 2, 3], '35%', '22%', '28%', '27%', '34%', '5%','37%', '79%');\r\n               \/\/ setPointStyle([3], '37%', '79%');\r\n            } else if (window.innerWidth <= 360) {\r\n                iconPoint.style.display = 'none';\r\n                setPointStyle([0, 1, 2, 3], '35%', '22%', '28%', '30%', '32%', '5%','37%', '87%');\r\n            } else if(window.innerWidth >= 700 && window.innerWidth < 800) {       \r\n                setPointStyle([3], '44%', '70%');  \r\n            }\r\n            else {\r\n                setPointStyle([3], '33%', '66%');\r\n                \r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    function setPointStyle(indices, ...styles) {\r\n        for (let i = 0; i < indices.length; i++) { \r\n            const index = indices[i];      \r\n            const top = styles[i * 2];\r\n            const left = styles[i * 2 + 1];\r\n            document.querySelectorAll('.point')[index].style.top = top;\r\n            document.querySelectorAll('.point')[index].style.left = left;\r\n        }\r\n    }\r\n\r\n\r\n    function markicon(endPos, index) {\r\n        var icon = document.getElementById('icon');\r\n        var points = endPos.split(\" \", 4);\r\n\r\n        setTimeout(function() {\r\n            if (index === 3) {\r\n                icon.style.top = \"65%\";\r\n                icon.style.left = \"81.5%\";\r\n            } else {\r\n                var leftPosition = parseFloat(points[3].replace(';', '')) - 0.5;\r\n                icon.style.left = leftPosition + '%';\r\n                \/\/ icon.style.left = points[3].replace(';', '');\r\n                icon.style.top = points[1].replace(';', '');\r\n                document.querySelector('.icon_point').style.display = 'block';\r\n            }\r\n\r\n        }, 100);\r\n    }\r\n\r\n    \/\/ Scroll to location for mobile only\r\n    if (window.innerWidth <= 767) {\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n\r\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        });\r\n    }\r\n<\/script><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-2524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages\/2524"}],"collection":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/comments?post=2524"}],"version-history":[{"count":83,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages\/2524\/revisions"}],"predecessor-version":[{"id":4625,"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/pages\/2524\/revisions\/4625"}],"wp:attachment":[{"href":"https:\/\/grzdemo.grazitti.com\/xsightlabs\/wp-json\/wp\/v2\/media?parent=2524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}