{"id":2946,"date":"2023-04-09T17:17:11","date_gmt":"2023-04-09T16:17:11","guid":{"rendered":"https:\/\/softovate.com\/?page_id=2946"},"modified":"2023-04-10T06:22:44","modified_gmt":"2023-04-10T05:22:44","slug":"homepage","status":"publish","type":"page","link":"https:\/\/softovate.com\/index.php\/homepage\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2946\" class=\"elementor elementor-2946\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f4644a3 e-con-full e-con\" data-id=\"f4644a3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5cfb00 elementor-widget elementor-widget-html\" data-id=\"c5cfb00\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.main-heading h2 {\r\n    font-size: 35px;\r\n    font-weight: 600;\r\n}\r\n.slidecontent {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.slidecontent {\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: 84vh;\r\n    background: #c6e1ff;\r\n}\r\n.slidecontent .slideimg {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 50%;\r\n}\r\n.clip-mask {\r\n    font-family: sans-serif;\r\n    font-size: 36em;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    background-image: url('http:\/\/softovate.com\/wp-content\/uploads\/2021\/01\/3-7-2.jpg');\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    color: transparent;\r\n    line-height: 1em;\r\n}\r\n.action-btn a {\r\n    padding: 10px 20px;\r\n    border: 1px solid;\r\n    border-radius: 30px;\r\n}\r\n.slick-slider .slick-dots {\r\n    position: absolute;\r\n    bottom: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    left: 0;\r\n    width: 50px;\r\n    padding: 0;\r\n    height: 100%;\r\n    margin: 0;\r\n    list-style: none;\r\n    text-align: center;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    align-items: center;\r\n}\r\n.slidetext {\r\n    width: 70%;\r\n    padding-right: 9%;\r\n}\r\n.slick-dots li button:before {\r\n    width: 50px;\r\n    height: 5px;\r\n    font-size: 0;\r\n    border-radius: 5px;\r\n    background-color: #000;\r\n}\r\n.clip-mask {\r\n    font-family: sans-serif;\r\n    font-size: 36em;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    background-image: url('http:\/\/softovate.com\/wp-content\/uploads\/2021\/01\/2-2-2.jpg');\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    color: transparent;\r\n    line-height: 1em;\r\n    background-size: contain;\r\n    background-position: -90px 0;\r\n}\r\n.slick-vertical .slick-slide:nth-child(2) .slidecontent {\r\n    background: #fa8b26;\r\n}\r\n.slick-vertical .slick-slide:nth-child(3) .slidecontent {\r\n    background: #A284F5;\r\n}\r\n.slick-vertical .slick-slide:nth-child(4) .slidecontent {\r\n    background: #07C28E;\r\n}\r\n.slick-vertical .slick-slide:nth-child(5) .slidecontent {\r\n    background: #6060EB;\r\n}\r\n.slick-vertical .slick-slide:nth-child(2) .slidecontent h2,\r\n.slick-vertical .slick-slide:nth-child(2) .slidecontent h5,\r\n.slick-vertical .slick-slide:nth-child(2) .slidecontent p,\r\n.slick-vertical .slick-slide:nth-child(2) .slidecontent a{\r\n    color: #fff;\r\n}\r\n.slick-vertical .slick-slide:nth-child(3) .slidecontent h2,\r\n.slick-vertical .slick-slide:nth-child(3) .slidecontent h5,\r\n.slick-vertical .slick-slide:nth-child(3) .slidecontent p,\r\n.slick-vertical .slick-slide:nth-child(3) .slidecontent a{\r\n    color: #fff;\r\n}\r\n.slick-vertical .slick-slide:nth-child(4) .slidecontent h2,\r\n.slick-vertical .slick-slide:nth-child(4) .slidecontent h5,\r\n.slick-vertical .slick-slide:nth-child(4) .slidecontent p,\r\n.slick-vertical .slick-slide:nth-child(4) .slidecontent a{\r\n    color: #fff;\r\n}\r\n.slick-vertical .slick-slide:nth-child(5) .slidecontent h2,\r\n.slick-vertical .slick-slide:nth-child(5) .slidecontent h5,\r\n.slick-vertical .slick-slide:nth-child(5) .slidecontent p,\r\n.slick-vertical .slick-slide:nth-child(5) .slidecontent a{\r\n    color: #fff;\r\n}\r\n\r\n.cst-slider.slick-dotted.slick-slider {\r\n    margin-bottom: 0;\r\n}\r\n<\/style>\r\n<div class=\"slick-slider cst-slider\">\r\n      <div class=\"slick-slide-img\">\r\n        <div class=\"slidecontent\">\r\n\t\t\t<div class=\"slideimg animate__animated  animate__fadeInLeft\">\r\n\t\t\t\t<!-- <img decoding=\"async\" src=\"http:\/\/softovate.com\/wp-content\/uploads\/2021\/01\/3-7-2.jpg\" alt=\"Slide 1\"> -->\r\n\t\t\t\t<div class=\"clip-mask\">U<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slidetext animate__animated  animate__fadeInRight\">\r\n\t\t\t\t<div class=\"small-heading\"><h5>Digital Transformation<\/h5><\/div>\r\n\t\t\t\t<div class=\"main-heading\"><h2>Unlock Your Digital Transformation with Softovate<\/h2><\/div>\r\n\t\t\t\t<div class=\"sub-heading\">\r\n\t\t\t\t\t<p>Softovate\u2019s soft innovation approach combines creativity and\r\n\t\t\t\t\tinnovation to deliver custom software solutions that cater to your\r\n\t\t\t\t\tunique business needs, helping you stay ahead of the\r\n\t\t\t\t\tcompetition.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"action-btn\">\r\n\t\t\t\t\t<a href=\"#\">Explore Digital Transformation<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n      <\/div>\r\n      <div class=\"slick-slide-img\">\r\n        <div class=\"slidecontent\">\r\n\t\t\t<div class=\"slideimg animate__animated  animate__fadeInLeft\">\r\n\t\t\t\t<div class=\"clip-mask\">H<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slidetext animate__animated  animate__fadeInRight\">\r\n\t\t\t\t<div class=\"small-heading\"><h5>Hire Remote Engineers<\/h5><\/div>\r\n\t\t\t\t<div class=\"main-heading\"><h2>Hire Our Highly Skilled Remote Engineers<\/h2><\/div>\r\n\t\t\t\t<div class=\"sub-heading\">\r\n\t\t\t\t\t<p>Save time and money on recruitment. Our remote engineers bring\r\n\t\t\t\t\ta wealth of experience and knowledge to tackle complex projects\r\n\t\t\t\t\tand provide innovative solutions.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"action-btn\">\r\n\t\t\t\t\t<a href=\"#\">\"Expertise On-Demand<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n      <\/div>\r\n\t  <div class=\"slick-slide-img\">\r\n        <div class=\"slidecontent\">\r\n\t\t\t<div class=\"slideimg animate__animated  animate__fadeInLeft\">\r\n\t\t\t\t<div class=\"clip-mask\">E<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slidetext animate__animated  animate__fadeInRight\">\r\n\t\t\t\t<div class=\"small-heading\"><h5>Helping Startups<\/h5><\/div>\r\n\t\t\t\t<div class=\"main-heading\"><h2>Experience Digital Excellence: \r\n\t\t\t\tLet Us Be Your Startup's Digital Partner.<\/h2><\/div>\r\n\t\t\t\t<div class=\"sub-heading\">\r\n\t\t\t\t\t<p>Softovate combines the latest technology with proven best\r\n\t\t\t\t\tpractices to ensure your startup stays ahead of the competition\r\n\t\t\t\t\tand reaches its full potential.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"action-btn\">\r\n\t\t\t\t\t<a href=\"#\">Explore Our Digital Services for Your Startups<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n      <\/div>\r\n\t  <div class=\"slick-slide-img\">\r\n        <div class=\"slidecontent\">\r\n\t\t\t<div class=\"slideimg animate__animated  animate__fadeInLeft\">\r\n\t\t\t\t<div class=\"clip-mask\">P<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slidetext animate__animated  animate__fadeInRight\">\r\n\t\t\t\t<div class=\"small-heading\"><h5>Product Engineering<\/h5><\/div>\r\n\t\t\t\t<div class=\"main-heading\"><h2>Product Excellence: Let Us Help You \r\n\t\t\t\tBring Your Vision to Life<\/h2><\/div>\r\n\t\t\t\t<div class=\"sub-heading\">\r\n\t\t\t\t\t<p>Our product engineering services are designed to help you turn\r\n\t\t\t\t\tyour ideas into reality. From ideation and design to development\r\n\t\t\t\t\tand deployment, we offer end-to-end product engineering services\r\n\t\t\t\t\tthat are tailored to your unique needs and requirements.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"action-btn\">\r\n\t\t\t\t\t<a href=\"#\">Discover Our End-to-End Product Engineering Services<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n      <\/div>\r\n\t  <div class=\"slick-slide-img\">\r\n        <div class=\"slidecontent\">\r\n\t\t\t<div class=\"slideimg animate__animated  animate__fadeInLeft\">\r\n\t\t\t\t<div class=\"clip-mask\">P<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"slidetext animate__animated  animate__fadeInRight\">\r\n\t\t\t\t<div class=\"small-heading\"><h5>IT Outsourcing<\/h5><\/div>\r\n\t\t\t\t<div class=\"main-heading\"><h2>Partner with Our Trusted Team for Secure and Scalable IT\r\nOutsourcing Services<\/h2><\/div>\r\n\t\t\t\t<div class=\"sub-heading\">\r\n\t\t\t\t\t<p>With our proven expertise and innovative solutions, we can help\r\n\t\t\t\t\tyou streamline your IT operations, improve your productivity, and\r\n\t\t\t\t\treduce your costs.\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"action-btn\">\r\n\t\t\t\t\t<a href=\"#\">Button title<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n      <\/div>\r\n<\/div>\r\n\r\n<script>\r\njQuery(document).ready(function($){\r\n  $('.slick-slider').slick({\r\n    autoplay: true,\r\n    autoplaySpeed: 5000,\r\n    arrows: true,\r\n    dots: true,\r\n    slidesToShow: 1,\r\n    vertical: true,\r\n\tdraggable: true,\r\n\tswipe: true,\r\n  });\r\n});\r\n\r\n<\/script>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-557f696 e-con-boxed e-con\" data-id=\"557f696\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83c6ff5 elementor-widget elementor-widget-heading\" data-id=\"83c6ff5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.12.0 - 29-03-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Assisting clients from diverse domains with our services.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbc6a03 elementor-widget elementor-widget-html\" data-id=\"bbc6a03\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \r\n    \/* Typography =======================*\/\r\n    \r\n    \/* Headings *\/\r\n    \r\n    \/* Main heading for card's front cover *\/\r\n    .card-front__heading {\r\n      font-size: 1.5rem;\r\n      margin-top: .25rem;\r\n    }\r\n    \r\n    \/* Main heading for inside page *\/\r\n    .inside-page__heading { \r\n      padding-bottom: 1rem; \r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Mixed *\/\r\n    \r\n    \/* For both inside page's main heading and 'view me' text on card front cover *\/\r\n    .inside-page__heading,\r\n    .card-front__text-view {\r\n      font-size: 1.3rem;\r\n      font-weight: 800;\r\n      margin-top: .2rem;\r\n    }\r\n    \r\n    .inside-page__heading--city,\r\n    .card-front__text-view--city { color: #ff62b2; }\r\n    \r\n    .inside-page__heading--ski,\r\n    .card-front__text-view--ski { color: #2aaac1; }\r\n    \r\n    .inside-page__heading--beach,\r\n    .card-front__text-view--beach { color: #fa7f67; }\r\n    \r\n    .inside-page__heading--camping,\r\n    .card-front__text-view--camping { color: #00b97c; }\r\n    \r\n    \/* Front cover *\/\r\n    \r\n    .card-front__tp { color: #fafbfa; }\r\n    \r\n    \r\n    \/* Back cover *\/\r\n    \r\n    \/* For inside page's body text *\/\r\n    .inside-page__text {\r\n      color: #333;\r\n    }\r\n    \r\n    \/* Icons ===========================================*\/\r\n    \r\n    .card-front__icon {\r\n      fill: #fafbfa;\r\n      font-size: 3vw;\r\n      height: 3.25rem;\r\n      margin-top: -.5rem;\r\n      width: 3.25rem;\r\n    }\r\n    \r\n    \/* Buttons =================================================*\/\r\n    \r\n    .inside-page__btn {\r\n      background-color: transparent;\r\n      border: 3px solid;\r\n      border-radius: .5rem;\r\n      font-size: 1.2rem;\r\n      font-weight: 600;\r\n      margin-top: 2rem;\r\n      overflow: hidden;\r\n      padding: .7rem .75rem;\r\n      position: relative;\r\n      text-decoration: none;\r\n      transition: all .3s ease;\r\n      width: 90%;\r\n      z-index: 10;\r\n    }\r\n    \r\n    .inside-page__btn::before { \r\n      content: \"\";\r\n      height: 100%;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      transform: scaleY(0);\r\n      transition: all .3s ease;\r\n      width: 100%;\r\n      z-index: -1;\r\n    }\r\n    \r\n    .inside-page__btn--city { \r\n      border-color: #ff40a1;\r\n      color: #ff40a1;\r\n    }\r\n    \r\n    .inside-page__btn--city::before { \r\n      background-color: #ff40a1;\r\n    }\r\n    \r\n    .inside-page__btn--ski { \r\n      border-color: #279eb2;\r\n      color: #279eb2;\r\n    }\r\n    \r\n    .inside-page__btn--ski::before { \r\n      background-color: #279eb2;\r\n    }\r\n    \r\n    .inside-page__btn--beach { \r\n      border-color: #fa7f67;\r\n      color: #fa7f67;\r\n    }\r\n    \r\n    .inside-page__btn--beach::before { \r\n      background-color: #fa7f67;\r\n    }\r\n    \r\n    .inside-page__btn--camping { \r\n      border-color: #00b97d;\r\n      color: #00b97d;\r\n    }\r\n    \r\n    .inside-page__btn--camping::before { \r\n      background-color: #00b97d;\r\n    }\r\n    \r\n    .inside-page__btn:hover { \r\n      color: #fafbfa;\r\n    }\r\n    \r\n    .inside-page__btn:hover::before { \r\n      transform: scaleY(1);\r\n    }\r\n    \r\n    \/* Layout Structure=========================================*\/\r\n    \r\n    .main_start {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Container to hold all cards in one place *\/\r\n    .card-area {\r\n      align-items: center;\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      height: 100%;\r\n      justify-content: space-evenly;\r\n      padding: 1rem;\r\n    }\r\n    \r\n    \/* Card ============================================*\/\r\n    \r\n    \/* Area to hold an individual card *\/\r\n    .card-section {\r\n      align-items: center;\r\n      display: flex;\r\n      height: 100%;\r\n      justify-content: center;\r\n      width: 100%;\r\n    }\r\n    \r\n    \/* A container to hold the flip card and the inside page *\/\r\n    .cst_card {\r\n      background-color: rgba(0,0,0, .05);\r\n      box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);\r\n      height: 15rem;\r\n      position: relative;\r\n      transition: all 1s ease;\r\n      width: 15rem;\r\n    }\r\n    \r\n    \/* Flip card - covering both the front and inside front page *\/\r\n    \r\n    \/* An outer container to hold the flip card. This excludes the inside page *\/\r\n    .flip-card {\r\n      height: 15rem;\r\n      perspective: 100rem;\r\n      position: absolute;\r\n      right: 0;\r\n      transition: all 1s ease;\r\n      visibility: hidden;\r\n      width: 15rem;\r\n      z-index: 100;\r\n    }\r\n    \r\n    \/* The outer container's visibility is set to hidden. This is to make everything within the container NOT set to hidden  *\/\r\n    \/* This is done so content in the inside page can be selected *\/\r\n    .flip-card > * {\r\n      visibility: visible;\r\n    }\r\n    \r\n    \/* An inner container to hold the flip card. This excludes the inside page *\/\r\n    .flip-card__container {\r\n      height: 100%;\r\n      position: absolute;\r\n      right: 0;\r\n      transform-origin: left;\r\n      transform-style: preserve-3d;\r\n      transition: all 1s ease;\r\n      width: 100%;\r\n    }\r\n    \r\n    .card-front,\r\n    .card-back {\r\n      backface-visibility: hidden;\r\n      height: 100%;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Styling for the front side of the flip card *\/\r\n    \r\n    \/* container for the front side *\/\r\n    .card-front {\r\n      background-color: #fafbfa;\r\n      height: 15rem;\r\n      width: 15rem;\r\n    }\r\n    \r\n    \/* Front side's top section *\/\r\n    .card-front__tp {\r\n      align-items: center;\r\n      clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 12rem;\r\n      justify-content: center;\r\n      padding: .75rem;\r\n    }\r\n    \r\n    .card-front__tp--city {\r\n      background: linear-gradient(\r\n        to bottom,\r\n        #ff73b9,\r\n        #ff40a1\r\n      );\r\n    }\r\n    \r\n    .card-front__tp--ski {\r\n      background: linear-gradient(\r\n        to bottom,\r\n        #47c2d7,\r\n        #279eb2\r\n      );\r\n    }\r\n    \r\n    .card-front__tp--beach {\r\n      background: linear-gradient(\r\n        to bottom,\r\n        #fb9b88,\r\n        #f86647\r\n      );\r\n    }\r\n    \r\n    .card-front__tp--camping {\r\n      background: linear-gradient(\r\n        to bottom,\r\n        #00db93,\r\n        #00b97d\r\n      );\r\n    }\r\n    \r\n    \/* Front card's bottom section *\/\r\n    .card-front__bt {\r\n      align-items: center;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n    \r\n    \/* Styling for the back side of the flip card *\/\r\n    \r\n    .card-back {\r\n      background-color: #fafbfa;\r\n      transform: rotateY(180deg);\r\n    }\r\n    \r\n    \/* Specifically targeting the <video> element *\/\r\n    .video__container {\r\n      clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%);\r\n      height: auto;\r\n      min-height: 100%;\r\n      object-fit: cover;\r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Inside page *\/\r\n    \r\n    .inside-page {\r\n      background-color: #fafbfa;\r\n      box-shadow: inset 20rem 0px 5rem -2.5rem rgba(0,0,0,0.25);\r\n      height: 100%;\r\n      padding: 1rem;\r\n      position: absolute;\r\n      right: 0;\r\n      transition: all 1s ease;\r\n      width: 15rem;\r\n      z-index: 1;\r\n    }\r\n    \r\n    .inside-page__container {\r\n      align-items: center;\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n      text-align: center; \r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Functionality ====================================*\/\r\n    \r\n    \/* This is to keep the card centered (within its container) when opened *\/\r\n    .cst_card:hover {\r\n      box-shadow:\r\n      -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);\r\n      width: 30rem;\r\n    }\r\n    \r\n    \/* When the card is hovered, the flip card container will rotate *\/\r\n    .cst_card:hover .flip-card__container {\r\n      transform: rotateY(-180deg);\r\n    }\r\n    \r\n    \/* When the card is hovered, the shadow on the inside page will shrink to the left *\/\r\n    .cst_card:hover .inside-page {\r\n      box-shadow: inset 1rem 0px 5rem -2.5rem rgba(0,0,0,0.1);\r\n    }\r\n    \r\n    .main_start .inside-page__text {\r\n        line-height: normal;\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .card-front__tp--Utilities {\r\n    background: linear-gradient(\r\n        to bottom,\r\n        #add,\r\n        #add\r\n  \r\n      );\r\n}\r\n\r\n.card-front__text-view--Utilities {\r\n    color: #add;\r\n}\r\n.inside-page__heading--Utilities {\r\n    color: #add;\r\n}\r\n    <\/style>\r\n    \r\n    \r\n    \r\n    <div class=\"main_start\">\r\n    \r\n            <section class=\"card-area\">\r\n    \r\n                <!-- Card: City -->\r\n                <section class=\"card-section\">\r\n                    <div class=\"cst_card\">\r\n                        <div class=\"flip-card\">\r\n                            <div class=\"flip-card__container\">\r\n                                <div class=\"card-front\">\r\n                                    <div class=\"card-front__tp card-front__tp--city\">\r\n                                        <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n                                        viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\" class=\"card-front__icon\">\r\n                                   <g>\r\n                                       <path d=\"M49.7,22c-1.1,0-2,0.9-2,2v32.2c0,1.1,0.9,2,2,2s2-0.9,2-2V24C51.7,22.9,50.8,22,49.7,22z\"\/>\r\n                                       <path d=\"M13,29.5c1.1,0,2-0.9,2-2s-0.9-2-2-2H5.7v-3h20.8c1.1,0,2-0.9,2-2s-0.9-2-2-2H5.7v-3h20.8c1.1,0,2-0.9,2-2s-0.9-2-2-2H5.7\r\n                                           V7.1h24.8v15.3c0,1.1,0.9,2,2,2s2-0.9,2-2V5.1c0-1.1-0.9-2-2-2H3.7c-1.1,0-2,0.9-2,2v51c0,1.1,0.9,2,2,2s2-0.9,2-2V36.5H13\r\n                                           c1.1,0,2-0.9,2-2s-0.9-2-2-2H5.7v-3H13z\"\/>\r\n                                       <path d=\"M58,11.9c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1-0.1-0.2c0-0.1,0-0.1-0.1-0.2c0-0.1-0.1-0.1-0.1-0.2c0,0,0-0.1-0.1-0.1c0,0,0,0,0,0\r\n                                           c0-0.1-0.1-0.1-0.1-0.2c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1-0.1-0.2-0.1c0,0-0.1-0.1-0.2-0.1\r\n                                           c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.2,0c0,0,0,0,0,0\r\n                                           c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0.1c-0.1,0-0.1,0.1-0.2,0.1c0,0-0.1,0-0.1,0.1l-12.6,7.8\r\n                                           c0,0,0,0,0,0c-0.1,0-0.1,0.1-0.2,0.1c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.2c0,0.1-0.1,0.1-0.1,0.2\r\n                                           c0,0.1-0.1,0.1-0.1,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0v5.4H22.1\r\n                                           c-1.1,0-2,0.9-2,2v28.9c0,1.1,0.9,2,2,2s2-0.9,2-2V29.3h17.3v26.9c0,1.1,0.9,2,2,2s2-0.9,2-2V21l8.6-5.3v40.5c0,1.1,0.9,2,2,2\r\n                                           s2-0.9,2-2V12.1C58,12,58,12,58,11.9z\"\/>\r\n                                       <path d=\"M28,31L28,31c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S29.1,31,28,31z\"\/>\r\n                                       <path d=\"M33.5,31L33.5,31c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S34.6,31,33.5,31z\"\/>\r\n                                       <path d=\"M28,36L28,36c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S29.1,36,28,36z\"\/>\r\n                                       <path d=\"M33.5,36L33.5,36c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S34.6,36,33.5,36z\"\/>\r\n                                   <\/g>\r\n                                   <\/svg>\r\n    \r\n                                   <h2 class=\"card-front__heading\">\r\n                                    E-commerce\r\n                                <\/h2>\r\n                                    <\/div>\r\n    \r\n                                    <div class=\"card-front__bt\">\r\n                                        <p class=\"card-front__text-view card-front__text-view--city\">\r\n                                            View me\r\n                                        <\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"card-back\">\r\n                                    <video class=\"video__container\" autoplay muted loop>\r\n                                        <source class=\"video__media\" src=\"https:\/\/player.vimeo.com\/external\/370331493.sd.mp4?s=e90dcaba73c19e0e36f03406b47bbd6992dd6c1c&profile_id=139&oauth2_token_id=57447761\" type=\"video\/mp4\">\r\n                                    <\/video>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n    \r\n                        <div class=\"inside-page\">\r\n                            <div class=\"inside-page__container\">\r\n                                <h3 class=\"inside-page__heading inside-page__heading--city\">\r\n                                    E-commerce\r\n                                <\/h3>\r\n                                <p class=\"inside-page__text\">\r\n                                   Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui, sint!\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n    \r\n                <!-- Card: Ski -->\r\n                <section class=\"card-section\">\r\n                    <div class=\"cst_card\">\r\n                        <div class=\"flip-card\">\r\n                            <div class=\"flip-card__container\">\r\n                                <div class=\"card-front\">\r\n                                    <div class=\"card-front__tp card-front__tp--ski\">\r\n                                        <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n                                        viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\" class=\"card-front__icon\">\r\n                                   <g>\r\n                                       <path d=\"M58.8,54.5L38.5,19.3c-0.4-0.6-1-1-1.7-1s-1.4,0.4-1.7,1L14.8,54.5c-0.4,0.6-0.4,1.4,0,2c0.4,0.6,1,1,1.7,1h40.6\r\n                                           c0.7,0,1.4-0.4,1.7-1C59.2,55.9,59.2,55.1,58.8,54.5z M36.8,24.3l5.8,10c-0.5-0.2-1.1-0.3-1.7-0.3c-2.5,0-3.7,1.5-4.6,2.5\r\n                                           c-0.7,0.9-1,1.1-1.5,1.1s-0.8-0.2-1.5-1.1c-0.6-0.7-1.3-1.5-2.4-2.1L36.8,24.3z M20,53.5l8.9-15.4c0.5,0,0.7,0.3,1.4,1.1\r\n                                           c0.8,1,2.1,2.5,4.6,2.5s3.7-1.5,4.6-2.5c0.7-0.9,1-1.1,1.5-1.1c0.5,0,0.8,0.2,1.5,1.1c0.8,1,2.1,2.5,4.5,2.5l6.8,11.8H20z\"\/>\r\n                                       <path d=\"M14.7,51.5c1.1,0,2-0.9,2-2s-0.9-2-2-2H6.4l9.1-15.7c0.6,0.6,1.5,1.3,2.9,1.3c1.8,0,2.8-1.2,3.3-1.8\r\n                                           c0.1-0.1,0.2-0.2,0.3-0.3c0.1,0.1,0.2,0.2,0.3,0.3c0.5,0.6,1.5,1.8,3.3,1.8c1.1,0,2-0.9,2-2c0-1.1-0.9-2-1.9-2\r\n                                           c-0.1-0.1-0.2-0.2-0.3-0.4c-0.5-0.6-1.5-1.8-3.3-1.8c-1.8,0-2.8,1.2-3.3,1.8c-0.1,0.1-0.2,0.2-0.3,0.3c-0.1-0.1-0.2-0.2-0.3-0.3\r\n                                           c-0.1-0.2-0.3-0.4-0.5-0.6l5.7-9.9l3.8,6.6c0.6,1,1.8,1.3,2.7,0.7c1-0.6,1.3-1.8,0.7-2.7L25,13.2c-0.4-0.6-1-1-1.7-1\r\n                                           s-1.4,0.4-1.7,1l-8.4,14.5c-0.1,0.1-0.2,0.3-0.3,0.4L1.2,48.5c0,0,0,0.1,0,0.1c0,0.1-0.1,0.1-0.1,0.2c0,0.1,0,0.1-0.1,0.2\r\n                                           c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0,0,0.1,0,0.1c0,0,0,0,0,0.1c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2C1,50,1,50,1,50.1\r\n                                           c0,0.1,0,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2c0,0,0.1,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1\r\n                                           c0.1,0,0.1,0.1,0.2,0.1c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0.1,0.1,0.2,0.1,0.3,0.1c0,0,0.1,0,0.1,0c0.1,0,0.3,0.1,0.5,0.1c0,0,0,0,0,0\r\n                                           c0,0,0,0,0,0c0,0,0,0,0,0H14.7z\"\/>\r\n                                       <path d=\"M40.7,12.3h3.1l-2.2,2.2c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l2.2-2.2v3.1\r\n                                           c0,0.8,0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5v-3.1l2.2,2.2c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1l-2.2-2.2h3.1\r\n                                           c0.8,0,1.5-0.7,1.5-1.5s-0.7-1.5-1.5-1.5h-3.1l2.2-2.2c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0L49,7.2V4\r\n                                           c0-0.8-0.7-1.5-1.5-1.5S46,3.2,46,4v3.1l-2.2-2.2c-0.6-0.6-1.5-0.6-2.1,0c-0.6,0.6-0.6,1.5,0,2.1l2.2,2.2h-3.1\r\n                                           c-0.8,0-1.5,0.7-1.5,1.5S39.9,12.3,40.7,12.3z\"\/>\r\n                                   <\/g>\r\n                                   <\/svg>\r\n                                                   <h2 class=\"card-front__heading\">\r\n                                                    E-Social Media\r\n                                                   <\/h2>\r\n                                    <\/div>\r\n    \r\n                                    <div class=\"card-front__bt\">\r\n                                        <p class=\"card-front__text-view card-front__text-view--ski\">\r\n                                            View me\r\n                                        <\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n    \r\n                                <div class=\"card-back\">\r\n                                    <video class=\"video__container\" autoplay muted loop>\r\n                                        <source class=\"video__media\" src=\"https:\/\/player.vimeo.com\/external\/195913085.sd.mp4?s=7c12f7a83de62a8900fd2ae049297070b9bc8a54&profile_id=164&oauth2_token_id=574477611\" type=\"video\/mp4\">\r\n                                    <\/video>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n    \r\n                        <div class=\"inside-page\">\r\n                            <div class=\"inside-page__container\">\r\n                                <h3 class=\"inside-page__heading inside-page__heading--ski\">\r\n                                    E-Social Media\r\n                                <\/h3>\r\n                                <p class=\"inside-page__text\">\r\n                                   Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores, vel.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n    \r\n                <!-- Card: Beach -->\r\n                <section class=\"card-section\">\r\n                    <div class=\"cst_card\">\r\n                        <div class=\"flip-card\">\r\n                            <div class=\"flip-card__container\">\r\n                                <div class=\"card-front\">\r\n                                    <div class=\"card-front__tp card-front__tp--beach\">\r\n                                        <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n                                        viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\" class=\"card-front__icon\">\r\n                                   <path d=\"M57.2,28h-7.4c-0.4-4-2-7.7-4.4-10.6l3.2-3.2c0.8-0.8,0.8-2,0-2.8c-0.8-0.8-2-0.8-2.8,0l-3.2,3.2c-3-2.4-6.6-4-10.6-4.4V2.8\r\n                                       c0-1.1-0.9-2-2-2s-2,0.9-2,2v7.4c-4,0.4-7.7,2-10.6,4.4l-3.2-3.2c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l3.2,3.2\r\n                                       c-2.4,3-4,6.6-4.4,10.6H2.8c-1.1,0-2,0.9-2,2s0.9,2,2,2h7.4c0.4,4,2,7.7,4.4,10.6l-3.2,3.2c-0.8,0.8-0.8,2,0,2.8\r\n                                       c0.4,0.4,0.9,0.6,1.4,0.6s1-0.2,1.4-0.6l3.2-3.2c3,2.4,6.6,4,10.6,4.4v7.4c0,1.1,0.9,2,2,2s2-0.9,2-2v-7.4c4-0.4,7.7-2,10.6-4.4\r\n                                       l3.2,3.2c0.4,0.4,0.9,0.6,1.4,0.6s1-0.2,1.4-0.6c0.8-0.8,0.8-2,0-2.8l-3.2-3.2c2.4-3,4-6.6,4.4-10.6h7.4c1.1,0,2-0.9,2-2\r\n                                       S58.3,28,57.2,28z M30,45.9c-8.8,0-15.9-7.2-15.9-15.9c0-8.8,7.2-15.9,15.9-15.9c8.8,0,15.9,7.2,15.9,15.9\r\n                                       C45.9,38.8,38.8,45.9,30,45.9z\"\/>\r\n                                   <\/svg>\r\n                                   \r\n                                                   <h2 class=\"card-front__heading\">\r\n                                                    E-Food and Restaurants\r\n    \r\n                                                   <\/h2>\r\n                                    <\/div>\r\n    \r\n                                    <div class=\"card-front__bt\">\r\n                                        <p class=\"card-front__text-view card-front__text-view--beach\">\r\n                                            View me\r\n                                        <\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"card-back\">\r\n                                    <video class=\"video__container\" autoplay muted loop>\r\n                                        <source class=\"video__media\" src=\"https:\/\/player.vimeo.com\/external\/332588783.sd.mp4?s=cab1817146dd72daa6346a1583cc1ec4d9e677c7&profile_id=139&oauth2_token_id=57447761\" type=\"video\/mp4\">\r\n                                    <\/video>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n    \r\n                        <div class=\"inside-page\">\r\n                            <div class=\"inside-page__container\">\r\n                                <h3 class=\"inside-page__heading inside-page__heading--beach\">\r\n                                    E-Food and Restaurants\r\n                                <\/h3>\r\n                                <p class=\"inside-page__text\">\r\n                                  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt, explicabo!\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n    \r\n                <!-- Card: Camping -->\r\n                <section class=\"card-section\">\r\n                    <div class=\"cst_card\">\r\n                        <div class=\"flip-card\">\r\n                            <div class=\"flip-card__container\">\r\n                                <div class=\"card-front\">\r\n                                    <div class=\"card-front__tp card-front__tp--camping\">\r\n                                        <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n                                        viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\" class=\"card-front__icon\">\r\n                                   <path d=\"M57,52.1c0-0.4-0.1-0.7-0.3-1.1l-6.3-10.8L32.4,9l2.3-4c0.6-1,0.2-2.2-0.7-2.7c-1-0.6-2.2-0.2-2.7,0.7L30,5.2L28.7,3\r\n                                       c-0.6-1-1.8-1.3-2.7-0.7c-1,0.6-1.3,1.8-0.7,2.7l2.3,4l-18,31.1L3.3,51C3.1,51.3,3,51.7,3,52.1c0,0.4,0.1,0.7,0.3,1\r\n                                       c0.4,0.6,1,1,1.7,1h50c0.7,0,1.4-0.4,1.7-1C56.9,52.8,57,52.4,57,52.1z M34.7,49.8C34.2,50,32.1,50,30,50s-4.2,0-4.7-0.2\r\n                                       c-0.2-0.5-0.2-2.1-0.2-3.6l0-4.3c0-2.7,2.2-4.9,4.9-4.9s4.9,2.2,4.9,4.9l0,4.3C34.9,47.7,34.9,49.3,34.7,49.8z M13.1,42.1L28,16.5\r\n                                       v16.7c-3.9,0.9-6.9,4.4-6.9,8.6l0,4.3c0,1.7,0,2.9,0.2,4H8.5L13.1,42.1z M38.7,50.1c0.2-1,0.2-2.3,0.2-4l0-4.3\r\n                                       c0-4.2-2.9-7.7-6.9-8.6V16.5l15,25.7l4.6,7.9H38.7z\"\/>\r\n                                   <\/svg>\r\n                                                   <h2 class=\"card-front__heading\">\r\n                                                    E-Custom Enterprise\r\n    \r\n                                                   <\/h2>\r\n                                    <\/div>\r\n    \r\n                                    <div class=\"card-front__bt\">\r\n                                        <p class=\"card-front__text-view card-front__text-view--camping\">\r\n                                            View me\r\n                                        <\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"card-back\">\r\n                                    <video class=\"video__container\" autoplay muted loop>\r\n                                        <source class=\"video__media\" src=\"https:\/\/player.vimeo.com\/external\/180185916.sd.mp4?s=c893e4770f87b00e0d6b5a1de138b01b02aaa085&profile_id=164&oauth2_token_id=57447761\" type=\"video\/mp4\">\r\n                                    <\/video>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n    \r\n                        <div class=\"inside-page\">\r\n                            <div class=\"inside-page__container\">\r\n                                <h3 class=\"inside-page__heading inside-page__heading--camping\">\r\n                                    E-Custom Enterprise\r\n    \r\n                                <\/h3>\r\n                                <p class=\"inside-page__text\">\r\n                                   Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veritatis, provident!\r\n                                <\/p>\r\n                 \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n    \r\n                <!-- Card: Camping -->\r\n                <section class=\"card-section\">\r\n                    <div class=\"cst_card\">\r\n                        <div class=\"flip-card\">\r\n                            <div class=\"flip-card__container\">\r\n                                <div class=\"card-front\">\r\n                                    <div class=\"card-front__tp card-front__tp--Utilities\">\r\n                                        <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n                                        viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\" class=\"card-front__icon\">\r\n                                   <path d=\"M57,52.1c0-0.4-0.1-0.7-0.3-1.1l-6.3-10.8L32.4,9l2.3-4c0.6-1,0.2-2.2-0.7-2.7c-1-0.6-2.2-0.2-2.7,0.7L30,5.2L28.7,3\r\n                                       c-0.6-1-1.8-1.3-2.7-0.7c-1,0.6-1.3,1.8-0.7,2.7l2.3,4l-18,31.1L3.3,51C3.1,51.3,3,51.7,3,52.1c0,0.4,0.1,0.7,0.3,1\r\n                                       c0.4,0.6,1,1,1.7,1h50c0.7,0,1.4-0.4,1.7-1C56.9,52.8,57,52.4,57,52.1z M34.7,49.8C34.2,50,32.1,50,30,50s-4.2,0-4.7-0.2\r\n                                       c-0.2-0.5-0.2-2.1-0.2-3.6l0-4.3c0-2.7,2.2-4.9,4.9-4.9s4.9,2.2,4.9,4.9l0,4.3C34.9,47.7,34.9,49.3,34.7,49.8z M13.1,42.1L28,16.5\r\n                                       v16.7c-3.9,0.9-6.9,4.4-6.9,8.6l0,4.3c0,1.7,0,2.9,0.2,4H8.5L13.1,42.1z M38.7,50.1c0.2-1,0.2-2.3,0.2-4l0-4.3\r\n                                       c0-4.2-2.9-7.7-6.9-8.6V16.5l15,25.7l4.6,7.9H38.7z\"\/>\r\n                                   <\/svg>\r\n                                                   <h2 class=\"card-front__heading\">\r\n                                                    E-Utilities\r\n    \r\n                                                   <\/h2>\r\n                                    <\/div>\r\n    \r\n                                    <div class=\"card-front__bt\">\r\n                                        <p class=\"card-front__text-view card-front__text-view--Utilities\">\r\n                                            View me\r\n                                        <\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"card-back\">\r\n                                    <video class=\"video__container\" autoplay muted loop>\r\n                                        <source class=\"video__media\" src=\"https:\/\/player.vimeo.com\/external\/180185916.sd.mp4?s=c893e4770f87b00e0d6b5a1de138b01b02aaa085&profile_id=164&oauth2_token_id=57447761\" type=\"video\/mp4\">\r\n                                    <\/video>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n    \r\n                        <div class=\"inside-page\">\r\n                            <div class=\"inside-page__container\">\r\n                                <h3 class=\"inside-page__heading inside-page__heading--Utilities\">\r\n                                    E-Utilities\r\n    \r\n                                <\/h3>\r\n                                <p class=\"inside-page__text\">\r\n                                   Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veritatis, provident!\r\n                                <\/p>\r\n                 \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/section>\r\n    \r\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1a6e27 e-con-full e-con\" data-id=\"d1a6e27\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beb5cfb elementor-widget elementor-widget-html\" data-id=\"beb5cfb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>.c-section ul {\r\n    padding: 0 50px;\r\n}\r\n.c-section ul li:nth-child(7) {\r\n    grid-column: span 5;\r\n}\r\n.c-section ul li:nth-child(8) {\r\n    grid-column: span 2;\r\n}\r\n.c-section ul li:nth-child(9) {\r\n    grid-column: span 4;\r\n}\r\n.c-section ul li:nth-child(10) {\r\n    grid-column: span 3;\r\n}\r\n<\/style>\r\n<section class=\"c-section\">\r\n    <h2 class=\"c-section__title\"><span>Our Services<\/span><\/h2>\r\n    <ul class=\"c-services\">\r\n        <li class=\"c-services__item\">\r\n        <h3>API Development<\/h3>\r\n        <p>We leverage the concept of mobile-first design. Through our work, we focus on designing an experience that works across different screen sizes.<\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>CMS Development<\/h3>\r\n        <p>If you are unsure of how your app behaves, we can help by doing a detailed UX audit that will highlight most of the issues in your product. From there, we can take it further and fix all issues.<\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>DevOps Engineering<\/h3>\r\n        <p>We are Front End masters with a deep focus on HTML, CSS. The result of our work is a responsive, accessible, and performant websites. Either you have the design ready and want us to code it, or you want us to do both design and code, we&rsquo;re happy to do so.<\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>IoT Development<\/h3>\r\n        <p>If you don&rsquo;t know what kind of service to request from us, don&rsquo;t worry. We can help and see what fits your business and your budget.<\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>IT Consulting<\/h3>\r\n        <p>To reach more customers and the goals of your business, a mobile application is necessary these days. We will work on the app design from scratch to final tested prototype.<\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>Mobile Application Development<\/h3>\r\n        <p>It&rsquo;s important to research deeply for the product you want to build. We help in that by defining the user audience, working on user stories, competitive analysis and much more. <\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>Quality Assurance Engineering<\/h3>\r\n        <p>It&rsquo;s important to research deeply for the product you want to build. We help in that by defining the user audience, working on user stories, competitive analysis and much more. <\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>Support and Maintenance<\/h3>\r\n        <p>It&rsquo;s important to research deeply for the product you want to build. We help in that by defining the user audience, working on user stories, competitive analysis and much more. <\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>UI\/UX Designing<\/h3>\r\n        <p>It&rsquo;s important to research deeply for the product you want to build. We help in that by defining the user audience, working on user stories, competitive analysis and much more. <\/p>\r\n        <\/li>\r\n        <li class=\"c-services__item\">\r\n        <h3>Web Development<\/h3>\r\n        <p>It&rsquo;s important to research deeply for the product you want to build. We help in that by defining the user audience, working on user stories, competitive analysis and much more. <\/p>\r\n        <\/li>\r\n    <\/ul>\r\n    <\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4020f23 e-con-boxed elementor-invisible e-con\" data-id=\"4020f23\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-649daaa elementor-widget elementor-widget-html\" data-id=\"649daaa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .cards-section {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n}\n.cards-section .card {\n    padding: 20px;\n    box-shadow: 0px 0px 20px #d5eaff;\n    width: 100%;\n    border: 0;\n    border-radius: 10px;\n}\n.cards-section .card a {\n    padding: 10px 20px;\n    border: 1px solid #ccc;\n    border-radius: 20px;\n    display: inline-block;\n    margin-top: 10px;\n}\n.cards-section .card .cardtitle {\n    font-size: 18px;\n    line-height: 30px;\n    font-weight: 600;\n}\n<\/style>\n<div class=\"cards-section\">\n    <div class=\"card\">\n        <div class=\"inner-card\">\n            <small>On Hire<\/small>\n            <div class=\"cardtitle\">Streamline Your Development Process with On-Demand Remote\nEngineers: Hire Monthly or Hourly with Our Flexible Engagement\nModel.<\/div>\n<a href=\"#\">Expertise On-Demand<\/a>\n        <\/div>\n    <\/div>\n        <div class=\"card\">\n        <div class=\"inner-card\">\n            <small>Fixed Cost\n<\/small>\n            <div class=\"cardtitle\">Predictable Pricing and Quality Results: Our Fixed Cost\nModel for Software Services.<\/div>\n<a href=\"#\">Get a Free Consultation<\/a>\n        <\/div>\n    <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0eb57b1 e-con-full e-con\" data-id=\"0eb57b1\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-422d863 elementor-widget elementor-widget-html\" data-id=\"422d863\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Testimonial Section -->\r\n\t<style>\r\n\t    .testimonial-section .testimonial-carousel {\r\n    margin: 0 auto;\r\n}\r\n.testimonial-section .sec-title {\r\n    margin-bottom: 0;\r\n    text-align: center;\r\n}\r\n\t<\/style>\r\n\t<section class=\"testimonial-section\">\r\n\t\t<div class=\"large-container\">\r\n\t\t\t<div class=\"sec-title\">\r\n\t\t\t\t<span class=\"title\">Testimonial<\/span>\r\n\t\t\t\t<h2>What Our client say ?<\/h2>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"testimonial-carousel owl-carousel owl-theme\">\r\n\t\t\t\t<!-- Testimonial Block -->\r\n\t\t\t\t<div class=\"testimonial-block\">\r\n\t\t\t\t\t<div class=\"inner-box\">\r\n\t\t\t\t\t\t<div class=\"text\">Why is this important? Because clients want to know the businesses they depend on for advice, are well managed in their own right.  Not only that but this event gives you the chance to give your back-office team<\/div>\r\n\t\t\t\t\t\t<div class=\"info-box\">\r\n\t\t\t\t\t\t\t<div class=\"thumb\"><img decoding=\"async\" src=\"http:\/\/softovate.com\/wp-content\/uploads\/2021\/02\/demo-woman-3.png\" alt=\"\"><\/div>\r\n\t\t\t\t\t\t\t<h4 class=\"name\">Lorem ipsum<\/h4>\r\n\t\t\t\t\t\t\t<span class=\"designation\">Ui Designer<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<!-- Testimonial Block -->\r\n\t\t\t\t<div class=\"testimonial-block\">\r\n\t\t\t\t\t<div class=\"inner-box\">\r\n\t\t\t\t\t\t<div class=\"text\">Why is this important? Because clients want to know the businesses they depend on for advice, are well managed in their own right.  Not only that but this event gives you the chance to give your back-office team<\/div>\r\n\t\t\t\t\t\t<div class=\"info-box\">\r\n\t\t\t\t\t\t\t<div class=\"thumb\"><img decoding=\"async\" src=\"http:\/\/softovate.com\/wp-content\/uploads\/2021\/02\/demo-woman-3.png\" alt=\"\"><\/div>\r\n\t\t\t\t\t\t\t<h4 class=\"name\">Lorem ipsum<\/h4>\r\n\t\t\t\t\t\t\t<span class=\"designation\">Ui Designer<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<!-- Testimonial Block -->\r\n\t\t\t\t<div class=\"testimonial-block\">\r\n\t\t\t\t\t<div class=\"inner-box\">\r\n\t\t\t\t\t\t<div class=\"text\">Why is this important? Because clients want to know the businesses they depend on for advice, are well managed in their own right.  Not only that but this event gives you the chance to give your back-office team<\/div>\r\n\t\t\t\t\t\t<div class=\"info-box\">\r\n\t\t\t\t\t\t\t<div class=\"thumb\"><img decoding=\"async\" src=\"http:\/\/softovate.com\/wp-content\/uploads\/2021\/02\/demo-woman-3.png\" alt=\"\"><\/div>\r\n\t\t\t\t\t\t\t<h4 class=\"name\">Lorem ipsum<\/h4>\r\n\t\t\t\t\t\t\t<span class=\"designation\">Ui Designer<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\t<!--End Testimonial Section -->\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-153a8fa e-con-full e-con\" data-id=\"153a8fa\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>U Digital Transformation Unlock Your Digital Transformation with Softovate Softovate\u2019s soft innovation approach combines creativity and innovation to deliver custom software solutions that cater to your unique business needs, helping you stay ahead of the competition. Explore Digital Transformation H Hire Remote Engineers Hire Our Highly Skilled Remote Engineers Save time and money on recruitment. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/pages\/2946"}],"collection":[{"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/comments?post=2946"}],"version-history":[{"count":291,"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/pages\/2946\/revisions"}],"predecessor-version":[{"id":3308,"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/pages\/2946\/revisions\/3308"}],"wp:attachment":[{"href":"https:\/\/softovate.com\/index.php\/wp-json\/wp\/v2\/media?parent=2946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}