<?php
/**
 * Title: Media Text LR with Offset BG Section
 * Slug: x-t9/pr-contents-media-txt-lr-offset-bg
 * Categories: pr-contents
 * Description: Media and Text Menu LR with Offset BG Section.
 * keywords : Media and Text,Service Menu
 *
 * @package WordPress
 * @subpackage x-t9
 * @since X-T9 1.41.0
 */

?>
<!-- wp:spacer {"height":"var:preset|spacing|60","className":"is-style-spacer-lg"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer is-style-spacer-lg"></div>
<!-- /wp:spacer -->

<!-- wp:cover {"isUserOverlayColor":true,"customGradient":"linear-gradient(270deg,rgb(245,245,245) 72%,rgb(255,255,255) 72%)","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="padding-top:0;padding-bottom:0"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(270deg,rgb(245,245,245) 72%,rgb(255,255,255) 72%)"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|60","className":"is-style-spacer-lg"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer is-style-spacer-lg"></div>
<!-- /wp:spacer -->

<!-- wp:group {"className":"vk_block-margin-0\u002d\u002dmargin-top","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"backgroundColor":"white","textColor":"black","layout":{"type":"constrained"}} -->
<div class="wp-block-group vk_block-margin-0--margin-top has-black-color has-white-background-color has-text-color has-background has-link-color" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:spacer {"height":"var:preset|spacing|50","className":"is-style-spacer-md"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer is-style-spacer-md"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png","dimRatio":0,"minHeight":100,"minHeightUnit":"%","isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:100%"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"250px","className":"is-style-default"} -->
<div style="height:250px" aria-hidden="true" class="wp-block-spacer is-style-default"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"className":"is-style-vk-heading-plain"} -->
<h2 class="wp-block-heading is-style-vk-heading-plain">Company</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"vk_block-margin-0\u002d\u002dmargin-bottom","style":{"elements":{"link":{"color":{"text":"var:preset|color|vk-color-primary"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"vk-color-primary"} -->
<p class="vk_block-margin-0--margin-bottom has-vk-color-primary-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0">About Us</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"className":"is-style-spacer-xs"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xs"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"className":"vk_block-margin-0\u002d\u002dmargin-bottom"} -->
<p class="vk_block-margin-0--margin-bottom">We are a web production company that creates compelling digital experiences through the power of design and technology. By staying close to our clients’ goals and challenges, we deliver thoughtful work that captures the essence of each project. We aim to remain a trusted partner by flexibly responding to a wide range of needs with care and precision.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"var:preset|spacing|30","className":"is-style-spacer-sm"} -->
<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer is-style-spacer-sm"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"className":"vk_block-margin-0\u002d\u002dmargin-top","layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons vk_block-margin-0--margin-top"><!-- wp:button {"textColor":"text-normal","className":"is-style-outline","style":{"border":{"radius":"0px"},"elements":{"link":{"color":{"text":"var:preset|color|text-normal"}}}},"fontSize":"small"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-normal-color has-text-color has-link-color has-small-font-size has-custom-font-size wp-element-button" style="border-radius:0px"><?php echo esc_html__( 'Read more', 'x-t9' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"var:preset|spacing|50","className":"is-style-spacer-md"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer is-style-spacer-md"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"var:preset|spacing|60","className":"is-style-spacer-lg"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer is-style-spacer-lg"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->

<!-- wp:spacer {"height":"var:preset|spacing|60","className":"vk_block-margin-0\u002d\u002dmargin-bottom is-style-spacer-lg"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer vk_block-margin-0--margin-bottom is-style-spacer-lg"></div>
<!-- /wp:spacer -->

<!-- wp:cover {"isUserOverlayColor":true,"customGradient":"linear-gradient(90deg,rgb(245,245,245) 72%,rgb(255,255,255) 72%)","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="padding-top:0;padding-bottom:0"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(90deg,rgb(245,245,245) 72%,rgb(255,255,255) 72%)"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|60","className":"is-style-spacer-lg"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer is-style-spacer-lg"></div>
<!-- /wp:spacer -->

<!-- wp:group {"className":"vk_block-margin-0\u002d\u002dmargin-top","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"backgroundColor":"white","textColor":"black","layout":{"type":"constrained"}} -->
<div class="wp-block-group vk_block-margin-0--margin-top has-black-color has-white-background-color has-text-color has-background has-link-color" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:spacer {"height":"var:preset|spacing|50","className":"is-style-spacer-md"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer is-style-spacer-md"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"className":"is-style-vk-heading-plain"} -->
<h2 class="wp-block-heading is-style-vk-heading-plain">Company</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"vk_block-margin-0\u002d\u002dmargin-bottom","style":{"elements":{"link":{"color":{"text":"var:preset|color|vk-color-primary"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"vk-color-primary"} -->
<p class="vk_block-margin-0--margin-bottom has-vk-color-primary-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0">About Us</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"className":"is-style-spacer-xs"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xs"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"className":"vk_block-margin-0\u002d\u002dmargin-bottom"} -->
<p class="vk_block-margin-0--margin-bottom">We are a web production company that creates compelling digital experiences through the power of design and technology. By staying close to our clients’ goals and challenges, we deliver thoughtful work that captures the essence of each project. We aim to remain a trusted partner by flexibly responding to a wide range of needs with care and precision.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"var:preset|spacing|30","className":"is-style-spacer-sm"} -->
<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer is-style-spacer-sm"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"className":"vk_block-margin-0\u002d\u002dmargin-top","layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons vk_block-margin-0--margin-top"><!-- wp:button {"textColor":"text-normal","className":"is-style-outline","style":{"border":{"radius":"0px"},"elements":{"link":{"color":{"text":"var:preset|color|text-normal"}}}},"fontSize":"small"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-normal-color has-text-color has-link-color has-small-font-size has-custom-font-size wp-element-button" style="border-radius:0px"><?php echo esc_html__( 'Read more', 'x-t9' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png","dimRatio":0,"minHeight":100,"minHeightUnit":"%","isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:100%"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"250px","className":"is-style-default"} -->
<div style="height:250px" aria-hidden="true" class="wp-block-spacer is-style-default"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"var:preset|spacing|50","className":"is-style-spacer-md"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer is-style-spacer-md"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"var:preset|spacing|60","className":"is-style-spacer-lg"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer is-style-spacer-lg"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->

<!-- wp:spacer {"height":"var:preset|spacing|60","className":"is-style-spacer-lg"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer is-style-spacer-lg"></div>
<!-- /wp:spacer -->
