/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}


/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}



/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
/* .content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
 */

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

html {
  scroll-behavior: smooth;
}

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}


/* Lists */

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}

/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */



/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

.header--no-navigation .header__logo { max-width: 260px;  width: 100%;}
.header--no-navigation .header__logo a {  width: 100%; }
.header--no-navigation .header__logo a img { width: 100% !important; height: 100% !important; object-fit: contain;}
header.header.header--no-navigation {  padding: 20px 0; box-shadow: 0px 3px 6px #00000029;position : fixed; top :0; width : 100%; z-index : 999}


@media (max-width : 991px){
.header--no-navigation .header__logo {
    max-width: 180px;
}
}
.LpHeroBannerRightColumn {  max-width: 55%; width: 100%;}
.LpHeroBannerRightColumn img { width: 100%; height: 100%;    object-fit: cover;}
.LpHeroBannerLeftColumn { max-width: 45%; width: 100%;}
.LpHeroBannerTitle h1 { line-height: 1.1;}
.LpHeroBannerCTA  a {  min-width: 400px; position : relative; z-index : 9}
.HeroBoximgshape {position: relative; box-shadow: 0 7px 6px #00000029 !important;}
.LpHeroBannerSection.BannerSectionV1 .LpHeroBannerCTA a {
    white-space: nowrap;
}
.TechRevolutionContentLeftCol > h4 {
    line-height: 1;
}
.AnimationText { opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all ease-in-out 0.3s; display: none;}
.AnimationText.active { opacity: 1; visibility: visible; transform: translateX(0); display: inline;}
/* .HeroBoximgshape:before { position: absolute; content: ''; width: 100%; height: 100%;  clip-path: polygon(50% 22%, 100% 0, 100% 0, 100% 0, 0 0, 0 0); top: 0px; left: 0; z-index: 5;} */
.HeroBoximgshape img {-webkit-clip-path: polygon(50% 18%, 100% 0, 100% 100%, 0 100%, 0 0);  clip-path: polygon(50% 18%, 100% 0, 100% 100%, 0 100%, 0 0);}
.LpHeroBannerInner.LpHeroBannerInnerDirchange { flex-direction: row-reverse;}
.LpHeroBannerInner.LpHeroBannerInnerDirchange .outter-button.LpHeroBannerCTA { justify-content: flex-end;}

.LeftImageRightContentSection .LeftImageCol { max-width: 626px; width: 100%;}
.LeftImageRightContentSection .LeftImageCol.LeftImageColMshape img {-webkit-clip-path: polygon(50% 22%, 100% 0, 100% 100%, 0 100%, 0 0);  clip-path: polygon(50% 22%, 100% 0, 100% 100%, 0 100%, 0 0);}
.LeftImageRightContentSection .LeftImageCol.LeftImageColMshape { box-shadow: 0 7px 6px #00000029 !important; }
.LeftImageRightContentSection .RightContentCol {  max-width: calc(100% - 694px);  width: 100%;}
/* .Section_margin_top {  margin-top: -69px;} */
.LpHeroBannerRightColumn {  margin-bottom: -69px;}
.LeftImageRightContentSection.LeftImageRightContentdirchange  .sectionshapeinner { left : unset; right: 0; }
.LeftImageRightContentSection .sectionshapeinner { position: absolute; width : 100%;height:100%; max-width: 774px; left : 0; background-repeat: no-repeat; background-position: top center; top: 0;}
.LeftImageRightContentSection {  position: relative;}
.LeftImageRightContentSection .LeftImageCol img {  width: 100%; height: 100%; object-fit: contain;}


.LeftImageRightContentSection.LeftImageRightContentdirchange .LeftImageRightContentInner { flex-direction: row-reverse;}
.ContactFormLeftCol {  padding-left: 90px;  padding-right: 90px;}
.ContactFormRightCol { max-width: 801px; width: 100%; padding: 30px;}
.ContactFormRightCol form { max-width: 525px; width: 100%; margin: 0 auto;}
.ContactFormRightCol .form-title {  display: none;}
.ContactFormInnerSection { display: flex; align-items: start;}
.ContactFormLeftColMain  { margin-right: -55px;  position: relative;}
.ContactFormRightCol  .submitted-message { text-align: center;}

.OurPartnerBoxLeftCol { max-width: 60%; width: 100%; min-height: 735px; padding: 117px 114px 118px 111px; display: flex; flex-direction: column;  justify-content: center;}
.OurPartnerBoxRightCol {max-width: 40%;width: 100%; position: relative; z-index : 2}
.OurPartnerBox+* {  margin-top: 78px;}
.OurPartnerBox.ContimgBoxDir { flex-direction : row }
.OurPartnerBox.imgcontBoxDir { flex-direction : row-reverse }
.OurPartnerBox.ContimgBoxDir .OurPartnerBoxRightCol { margin-left: -60px; }
.OurPartnerBox.imgcontBoxDir .OurPartnerBoxRightCol { margin-right: -60px; }

.MeetOurTalentImageBoxMain {  max-width: 811px; width: 100%;    height: 800px;}
.MeetOurTalentImageBoxMain .MeetOurTalentImageBox {background-position: center top ;background-repeat: no-repeat;background-size: cover;}
.MeetOurTalentImageBoxMain .slick-list.draggable { height: 100%;}
.MeetOurTalentImageBoxMain .slick-list.draggable .slick-track { height: 100%;}
.MeetOurTalentImageBoxMain .slick-list.draggable .slick-track .slick-slide div { height: 100%;}
.MeetOurTalentInfoInnerBox:not(:first-child) { display: none;}
.MeetOurTalentSliderTpColumn { display: flex; align-items: center; }
.MeetOurTalentInfoBox {max-width: 742px; width: 100%;  padding: 123px 166px 80px 94px; position: relative;right: 79px;}
.MeetOurTalentSliderBtImg {position : relative;  max-width: 260px; height: 260px; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.MeetOurTalentSliderBtImg img { width: 100%;  height: 100%; object-fit: cover;}
.MeetOurTalentSliderBtColumn .slick-slide { margin-right: 14px;}
.MeetOurTalentSliderBtColumn .slick-slide > div { line-height: 1;}
.MeetOurTalentSliderBtImg:before { position: absolute;  content: ''; width: 100%; height: 100%; top: 0; left: 0; border: 5px solid transparent;  transition: all ease-in-out 0.3s;}
.MeetOurTalentSliderBtColumn .slick-slide.slick-current .MeetOurTalentSliderBtImg:before {  border-color: #FF3F00;}
.MeetOurTalentSliderBtColumn .slick-prev:before { position: absolute; content: '';  background-repeat: no-repeat;  background-size: contain; min-height: 36px;   width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.832' height='36.434' viewBox='0 0 20.832 36.434'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M14.552,18.21.765,4.434a2.593,2.593,0,0,1,0-3.677,2.626,2.626,0,0,1,3.688,0l15.621,15.61a2.6,2.6,0,0,1,.076,3.591L4.464,35.675A2.6,2.6,0,0,1,.776,32Z' transform='translate(20.832 36.434) rotate(180)'/%3E%3C/svg%3E"); }
.MeetOurTalentSliderBtColumn .slick-prev {left: unset;  right: 100px;  top: -20px;}
.MeetOurTalentSliderBtColumn .slick-arrow { width: 20px; height: 20px;  top: -20px;}
.MeetOurTalentSliderBtColumn .slick-prev,.MeetOurTalentSliderBtColumn .slick-next{font-size:0;border:0; z-index : 3; width : 20px;height :36px;}
.MeetOurTalentSliderBtColumn  button.slick-next:before {position: absolute; transform:rotate(180deg); content: "";  background-repeat: no-repeat;  background-size: contain; min-height: 36px;   width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.832' height='36.434' viewBox='0 0 20.832 36.434'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M14.552,18.21.765,4.434a2.593,2.593,0,0,1,0-3.677,2.626,2.626,0,0,1,3.688,0l15.621,15.61a2.6,2.6,0,0,1,.076,3.591L4.464,35.675A2.6,2.6,0,0,1,.776,32Z' transform='translate(20.832 36.434) rotate(180)'/%3E%3C/svg%3E"); }
.MeetOurTalentSliderBtColumn .slick-arrow:before {  font-family: "FOntAwesome"; opacity: 1; color: #000;}
.MeetOurTalentSliderBtColumn button.slick-next.slick-arrow { right: 10px;}
.MeetOurTalentInfoInnerContent span {  color: #9B9B9B;}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before{opacity:1 !important;}



.FutureContactInnerSec {  max-width: 1218px; width: 100%;    margin: 0 auto; }
.FutureContactBoxCTA a {  padding: 14px 41px !important; white-space: unset !important;}
.FutureContactBoxTitle {  max-width: calc(100% - 160px);  width: 100%;}


.twoColInner{gap:50px 131px;}
.twoColInner {  max-width: 92.2%; width: 100%; margin: 0 auto;}
.twoColInner .colCardItem {  max-width: calc(50% - 65.5px); width : 100%}
.cardImgWrap {  height: 399px;}
.cardImgWrap img {  width: 100%; height: 100% !important; object-fit: cover;}

.HomeFaqLeftColumn {  max-width: 690px; width: 100%; }
.HomeFaqRightColumn { max-width: 801px; width: 100%;}
.HomeFaqInnerSection {  justify-content: space-between; gap: 50px;}
.HomeFaqBoxLogo { width: 70px; height: 70px;}
.HomeFaqBoxLogo img {width: 100%; height: 100% !important; object-fit: contain; }
.HomeFaqBoxTitleSec { display: flex; align-items: center; padding: 15px 49px 15px 28px; cursor : pointer}
.HomeFaqBoxTitleSec span {  display: block; width: 43px; height: 43px; background: #fff; border-radius: 50%; position: relative;}
.HomeFaqBoxTitleSec span:before { width: 26px; height: 5px;}
.HomeFaqBoxTitleSec span:after { width: 5px; height: 26px;}
.HomeFaqBoxTitleSec span:after, .HomeFaqBoxTitleSec span:before {  position: absolute; content: ''; background: #000;  top: 50%;  left: 50%; transform: translate(-50%, -50%);  border-radius: 5px; transition : all ease-in-out 0.3s}
.HomeFaqBoxTitle {   padding: 0 10px 0 40px; max-width: calc(100% - 113px); width: 100%;}
.HomeFaqBoxTitle.nologofaq { padding-left : 0 !important;max-width: calc(100% - 50px); }
.HomeFaqBoxContent .HomeFaqBoxtext {  padding: 50px 50px 39px;}
.HomeFaqBox.active .HomeFaqBoxTitleSec span:after {
    transform: translate(-50%, -50%)  rotate(90deg);
}
.HomeFaqBoxtext a { margin-top : 40px; }
.HomeFaqImage {  height: 665px;}
.HomeFaqImage img {  height: 100% !important; object-fit: cover;}

.logofeatured .slick-track{display:flex;align-items:center;}
.featuredContent{width:383px;}
.logofeatured{width: calc(100% - 383px);}
.logofeaturedItem{padding:0 40px; text-align :center}

.logoItem{padding:0 58px; text-align: center}
.logoSliderInner .slick-prev,.logoSliderInner .slick-next{font-size:0;border:0; z-index : 3; width : 20px;height :36px;}
.logoSliderInner .slick-prev:before,.logoSliderInner .slick-next:before{content: "";  left: 0; position: absolute;  top: 0;  background-repeat: no-repeat;  background-size: contain; min-height: 36px;   width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.832' height='36.434' viewBox='0 0 20.832 36.434'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M14.552,18.21.765,4.434a2.593,2.593,0,0,1,0-3.677,2.626,2.626,0,0,1,3.688,0l15.621,15.61a2.6,2.6,0,0,1,.076,3.591L4.464,35.675A2.6,2.6,0,0,1,.776,32Z' transform='translate(20.832 36.434) rotate(180)'/%3E%3C/svg%3E"); }
.logoSliderInner .slick-next:before{transform:rotate(180deg);}
.logoSliderInner .slick-next { right : 10px; } 
.logoSliderInner .slick-prev { left : 10px; } 
.logoItem a {  height: 94px;}
.logoItem a img { height: 100% !important; object-fit: contain;}

.TechRevolutionContentCol {justify-content: flex-end;padding-left: 100px;}
.TechRevolutionContentCol > div {  max-width: 663px; width: 100%;}


.TechRevolutionBox {  padding: 60px 46px 100px; max-width: calc(33.33% - 19px); width: 100% }
.TechRevolutionThreeColBox { flex-wrap: wrap; align-items : stretch}

.WhyUsTwoColSliderRightCol {  max-width: 32.2%;}
.WhyUsTwoColSliderLeftcol {  max-width: 74%;}
.WhyUsTwoColSliderInner {  position: relative; justify-content: flex-end;}
.WhyUsTwoColSliderInner .WhyUsTwoColSliderRightCol {  position: absolute; left: 0; top : 50%; transform : translateY(-50%);    height: 527px;}
.OurPartnerBoxLeftCol.WhyUsTwoColSliderLeftcol { padding: 60px 62px 60px 138px;    margin: 0 0 0 auto;}
.WhyUsTwoColSliderRightCol img { height :100% !important; object-fit : cover; }
.WhyUsTwoColSliderRightCol.mshapeimge img {
    -webkit-clip-path: polygon(50% 25%,100% 0,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 25%,100% 0,100% 100%,0 100%,0 0);

}
.WhyUsTwoColSliderRightCol.mshapeimge { box-shadow: 0 6px 6px #00000029;}
.WhyUsTwoColSlider {  margin-bottom: 0 !important;}
.WhyUsTwoColSlider ul.slick-dots { bottom: -50px;    height: 30px;}
.WhyUsTwoColSlider ul.slick-dots li {  width: 30px; height: 30px; margin: 0 10px;}
.WhyUsTwoColSlider ul.slick-dots li button { padding: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #000000; opacity: 50%;}
.WhyUsTwoColSlider ul.slick-dots li button:before { display: none;}
.WhyUsTwoColSlider ul.slick-dots li.slick-active button { opacity: 1;}

.USPInnerBoxSection { gap: 63px 30px;}
.USPInnerBox {max-width: calc(33.33% - 20px);width: 100%;text-align: center;}
.USPInnerBoxLogo {width: 153px;  height: 115px; margin: 30px auto 0;}
.USPInnerBoxLogo img { width: 100%; height: 100%; object-fit: contain;}

.clientReviewText { text-align : center }
.clientReviewText p{font-size:31px;line-height:1.16;}
.clientReviewSlider .clientItemInner{padding:50px 47px;}
.clientReviewItem{padding:0 13px;}
.clientReviewSlider .slick-dots li{margin:0 9px;}
.clientReviewSlider .slick-dots li button:before{font-size:30px}
.clientReviewSlider .slick-dots {margin-top:49px;bottom:-60px;}

.clientReviewSlider .slick-current.slick-active .clientReviewItem .clientItemInner .clientReviewText p,.clientReviewSlider .slick-current.slick-active .clientReviewItem .clientItemInner .clientDetails p{color: #000;}
.clientReviewItem.mShape{    -webkit-clip-path: polygon(50% 18%,100% 0,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 18%,100% 0,100% 100%,0 100%,0 0);}
.clientReviewItem.mShape .clientItemInner{padding-top:200px;}


.ProfileInnerSection .ProfileBox {  max-width: calc(33.33% - 20px); width: 100%;}
.ProfileInnerSection {  gap: 61px 30px;}

.ProfileFlipbox {  height: 750px; }
.ProfileFlipbox img {  height: 100%;  object-fit: cover; width: 100%;}
.ProfileFlipbox .ProfileFlipFront {  height: 100%;}

.ProfileFlipbox {perspective: 1000px; transform-style: preserve-3d;}

.ProfileFlipbox  {transition: 0.6s;transform-style: preserve-3d;position: relative;}
/* .ProfileFlipbox  {transition: 0.6s;position: relative;cursor: grab;} */
/* hide back of pane during swap */
.ProfileFlipFront, .ProfileFlipBack {backface-visibility: hidden;transition: 0.6s;	transform-style: preserve-3d;	position: absolute;	top: 0;	left: 0;	width: 100%;}
.ProfileFlipFront {z-index: 2;	transform: rotateY(0deg);}
.ProfileFlipBack {transform: rotateY(-180deg); }
.ProfileFlipBack {    padding: 36px 0 36px 46px;    height: 100%;}
.ProfileSimpleBox {  height: 750px; width: 100%; display: flex;  align-items: center; justify-content: center; flex-direction: column; padding: 20px;}
.ProfileSimpleBox:before {    background-repeat: no-repeat; position: absolute; content: ''; width: 100%; height: 100%; z-index: 0; left: 0; bottom: 0; background-size: contain; background-position: bottom -1px right;}
.ProfileSimpleBox {  position: relative;}
.ProfileSimpleBox > div { position: relative;}
.ProfileFlipBack {  overflow: auto;}
.ProfileFlipBack .ProfileFlipBackInner { overflow: auto; padding-right: 46px;height : 100%;   -webkit-overflow-scrolling: auto;   -webkit-overflow-scrolling: touch;}
.ProfileBox.active .ProfileFlipBack {
    backface-visibility: visible;
}
.ProfileFlipBack .ProfileFlipBackInner > * {transform: translateZ(0px);-webkit-transform: translateZ(0px);}
.ProfileFlipBack .ProfileFlipBackInner::-webkit-scrollbar {
    width: 5px;
}
.ProfileFlipBack .ProfileFlipBackInner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.ProfileFlipBack .ProfileFlipBackInner::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #000; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.ProfileFlipBack .ProfileFlipBackInner::-webkit-scrollbar-thumb:window-inactive {
    background: #000; 
}
.ProfileFlipBackInner {  display: flex; flex-direction: column;}
.ProfileFlipbox .ProfileFlipFront {  background-size: cover;  background-repeat: no-repeat; background-position: center center;}

.TimelineBoxMain {  max-width: 468px; width: 100%;  }
.TimelineBox {padding: 48px 17px 38px;}
.TimelineBoxSectionInner { display: flex; align-items: flex-start; justify-content: center; gap: 30px; flex-wrap: wrap; justify-content : space-between}
.TimelineBoxMain { position: relative;}
.TimelineBoxMain:before {  position: absolute;  content: ''; height: 100%; width: 1px;background: #000; top: 0; left: 55px; z-index: -1;}
.TimelineBoxMain span.number { width: 108px; height: 108px; background: #fff; display: flex; border-radius: 50%; align-items: center; justify-content: center; position: absolute; top: calc(-108px / 2); left : 0}
.TimelineBoxMain span.number h2 {  font-weight: 700;}
.TimelineBoxSectionInner .slick-list.draggable { padding-top: 76px;}
.TimelineBoxSection {  position: relative; }
.TimelineBoxSectionfourcol.TimelineBoxSection:before { position: absolute; width: 100%; content: ''; height: 1px;  background: #000;  top: calc(150px /2); left: 0;}
.TimelineBoxSectionInner .slick-list.draggable .TimelineBoxMain {  padding-left: 15px; padding-right : 15px;}

.TimelineBoxSectionInner.TimelineBoxSectionthreecol { gap: 50px 80px; max-width: 1565px; width: 100%; margin: 0 auto;}
.TimelineBoxSectionInner.TimelineBoxSectionthreecol .TimelineBoxMain { max-width: calc(33.33% - 53.3px);}
/* .TimelineBoxSectionInner.TimelineBoxSectionthreecol {  gap: 50px;    max-width: 100%;}
.TimelineBoxSectionInner.TimelineBoxSectionthreecol .TimelineBoxMain {  max-width: calc(33.33% - 33.33px);} */

.LeftContentRightImageBoxRightCol {  max-width: 34.8%; width: 100%;}
.LeftContentRightImageBoxRightCol.Mshapeimg { box-shadow: 0 6px 6px #00000029;}
.LeftContentRightImageLeftcol { max-width: 60.8%; width: 100%;}
.LeftContentRightImageBox {  justify-content: space-between;}
.LeftContentRightImageBoxRightCol.Mshapeimg img {  -webkit-clip-path: polygon(50% 25%,100% 0,100% 100%,0 100%,0 0); clip-path: polygon(50% 25%,100% 0,100% 100%,0 100%,0 0);}
.LeftContentRightImageBoxRightCol img { width: 100%; height: 100% !important; object-fit: cover;}

.ZigZagImgtextBoxContentCol { padding: 20px 47px;}
.ZigZagImgtextBoxContentCol.maxfull {
    padding: 47px !important;
}
.ZigZagImgtextBox:nth-child(even) { flex-direction: row-reverse;}
.ZigZagImgtextBox:nth-child(even) .ZigZagImgtextBoxImg {  max-width: calc(100% - 40.45%); width: 100%;}
.ZigZagImgtextBox:nth-child(even) .ZigZagImgtextBoxContentCol {  width: 100%;  max-width: 40.45%; padding-right: 88px;}
.ZigZagImgtextBox:nth-child(odd) .ZigZagImgtextBoxImg { max-width: 40.45%; width: 100%;}
.ZigZagImgtextBox:nth-child(odd) .ZigZagImgtextBoxImg img {  width: 100%; height: 100%; object-fit: cover;}
.ZigZagImgtextBox:nth-child(odd)  .ZigZagImgtextBoxContentCol { max-width: calc(100% - 40.45%); padding-left: 90px;}
.ZigZagImgtextBox:nth-child(even) .ZigZagImgtextBoxImg img { width: 100%; height: 100%; object-fit: cover;}
.ZigZagImgtextBox {  align-items: stretch;}
.ZigZagImgtextBoxContentCol { display: flex; flex-direction: column; justify-content: center;}


.BannerSectionV1  .LpHeroBannerLeftColumn {  max-width: 45%;}
.BannerSectionV1  .LpHeroBannerRightColumn { max-width: 55%;}
.BannerSectionV1 .LpHeroBannerTitle h1 {  letter-spacing: -1.5px;}

.LeftImageRightContentSectionv3 {  padding-bottom: 370px;}
/* .LeftImageRightContentSectionv3 .LeftImageCol {  height: 626px;} */
.LeftImageRightContentSectionv3 .LeftImageCol img {  height: 100% !important; object-fit: cover;}


.LeftImageRightContentSectionv3  .RightContentContent { margin: 0 !important;  padding-left: 160px;    max-width: 100% !important;}
.LeftImageRightContentSectionv3  .outter-button { margin: 0 !important; padding-left: 160px; max-width: 100% !important;}
.LeftImageRightContentSectionv3.LeftImageRightContentSection .RightContentCol {
    max-width: calc(100% - 811px);
}

.LeftImageRightContentSectionv3 .LeftImageRightContentInner { justify-content: space-between;}
.LeftImageRightContentSectionv3.LeftImageRightContentdirchange   .LeftImageCol { margin-right: 30px;}


/* .BannerSectionV2  .LpHeroBannerRightColumn { max-width: 47%;} */
/* .BannerSectionV2  .LpHeroBannerLeftColumn { max-width: 53%;} */
.BannerSectionV2  .LpHeroBannerCTA a {  min-width: 373px;}


.BannerSectionV3 .LpHeroBannerLeftColumn { max-width: 40%;}
.BannerSectionV3 .LpHeroBannerRightColumn {  max-width: 53%;}

.LeftImageRightContentSectionv4.LeftImageRightContentdirchange .RightContentCol {
    max-width: calc(100% - 760px);
}

.LeftImageRightContentSectionv4.LeftImageRightContentdirchange 
.LeftImageRightContentInner {
    justify-content: space-between;
}
.cardButton {
    max-width: 256px;
    width: 100%;
}

.cardItemHeading {
    max-width: calc(100% - 266px);
    width: 100%;
}

.cardItemInner {
    gap: 10px;
}

.cardButton a {
    width: 100%;
}


/* blog page */
.bloglistingboxtags {  display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.bloglistingboxtagsleft > div { display: flex; align-items: center; gap: 5px;}
.bloglistingboxtagsleft {  display: flex; align-items: center; gap: 10px;}
.Blogpublishdate span { line-height: 0; }
.Blogpublishdate span svg { width: 18px; height: 18px; fill: #9B9B9B;}
.Blogpublishdate time.blog-post__timestamp {  line-height: 1; color: #9B9B9B; font-weight : 500}
.blogreadtime span:first-child { line-height: 0;}
.blogreadtime svg {  width: 18px;height: 18px; fill: #9B9B9B; }
.blogreadtime span { font-size: 18px;  line-height: 1; font-weight: 500; color: #9B9B9B;}
.bloglistingboxRight li a { font-size: 16px; color: #000;  font-weight: 600; padding: 5px 10px;}
.Blogpublishdate span svg path { stroke: #9B9B9B;}
.bloglistingboxBT {  padding: 24px 45px 75px;}
.bloglistingboxTitle {  padding-top: 38px;}
.bloglistingboxTitle a { font-weight: 700; color: #000 !important; line-height: 36px;font-size:31px;}
.bloglistingboxContent {  padding-top: 30px; }
.bloglistingboxContent p { font-weight: 400; line-height: 1.5;}
.bloglistingboxbtn { position: absolute; bottom: -30px;}
.bloglistingboxsection {  align-items: stretch;}
.bloglistingbox {  position: relative;}
.bloglistingbox {  max-width: calc(33.33% - 18px); width: 100%; }

.blogListingWrap{gap:80px 28px;}
.blogItemWrap{max-width:calc(33% - 14px);}
.blogReadMoreLink {margin-bottom: -40px;}
.blogTitleInner {font-size:31px;}
.blogItemContent{ padding:13px 45px;}
.blogItemImg{background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;width:100%;min-height:525px;}
.blogFeaturedImg{position:absolute;top:0;left:0;height:100%;width:100%;}
.blogItemIconText,.blogItemCategoty{font-size:18px;} 
.blogItemIconText img { height: 18px;  width: 18px;}
.bloglistingboxsection {  gap: 60px 27px;}
.bloglistingboxImg {  height: 370px; width: 100%;}
.bloglistingboxImg a {  width: 100%;  height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center right;}

.blogPagination ul { display: flex; align-items: center; justify-content: center;}
.blogPagination ul li { width: 68px; height: 68px; }
.blogPagination ul li a { width: 100%; height: 100%; border: 4px solid transparent; display: flex; align-items: center; justify-content: center; color: #000000; font-weight: 700;    padding: 13px;}
.blogPagination ul li:last-child a {  border: unset;}
.blogPagination ul li:first-child a {  border: unset;}
.blogPagination ul li.disabled {  display: none;}
.blogPagination ul li.active a {  border-color: #FF3F00;}

.blogPagination ul li.arrow:first-child a {  justify-content: flex-end;}
.blogPagination ul li.arrow:last-child a {  justify-content: flex-start;}

.FilterTagSearch li {  display: inline-block; }
.FilterTagSearch li a { color: #000; font-weight: 700; padding: 12px 31px;}
.FilterTagSearch ul { display: flex; align-items: center; gap: 30px; flex-wrap: wrap;}
.FilterSearchBox form input[type='text'] {  font-size: 23px;  padding: 16px 23px !important; line-height: 1;  border: unset;  max-width: 450px; width: 100%; box-shadow: unset;}
.FilterSearchBox form  button { background: #000000; border: unset; outline: unset;  max-width: 75px; width: 100%; line-height: 1; padding: 13.5px 10px; vertical-align: middle;}
.FilterSearchBox form button svg {  width: 30px; height: 30px;}
.FilterSearchBox form { display: flex;  align-items: center; box-shadow: 0 3px 6px rgba(0,0,0,.16); max-width: 525px; width: 100%;}


.BlogListingBannerBoxTagbox { display: flex; align-items: center;  gap: 20px;    padding-top: 28px;}
.BlogListingBannerpublish { display: flex; align-items: center; gap: 10px;}
.BlogListingBannerread { display: flex; align-items: center; gap: 10px; }
.BlogListingBannerpublish span { line-height: 1;}
.BlogListingBannerread a { line-height: 1;}
.BlogListingBannerread span { line-height: 1;}
.BlogListingBannertag a { color: #000; font-weight: 700;  padding: 5px; }
.BlogListingBannerBoxContent { padding-top: 60px;}
.BlogListingBannerBoxbutton {  padding-top: 45px;}
.BlogListingBannerrtBox {  max-width: 663px; width: 100%;}
.BlogListingBannerrtBox a {  width: 100%;  height: 100%;}
.BlogListingBannerrtBox a img {  width: 100%; height: 100% !important;  object-fit: cover;}
.BlogListingBannerBox {  align-items: stretch !important;}
.BlogListingBannerltBox {  padding: 83px 20px 83px 115px; max-width: calc(100% - 690px);  width: 100%;}
/* .blog-post__timestamp {  font-size: 30px;} */
.bloglistingboxTitle a:hover {  color: #000; font-weight: 700;}
.BlogListingBannerTlBox p {  background: #01DEB6;}
.BlogListingBannerTlBox p {  display: inline-block;  font-family: 'Bitter', serif;  font-weight: 300; font-size: 30px;  line-height: 1.1; padding: 9px 15px;  margin-bottom : 15px}

.ContactMapRightCol a:hover { color:#ff5402}


.LeftContentRightImageSection .outter-button a, .ZigZagImgtextSection  .outter-button a {  max-width: 439px; width: 100%}
.TimelineSection  .outter-button a {  max-width: 411px;  width : 100%;}

.clientReviewSlider .clientItemInner {padding: 50px 47px 90px 47px;}
.clientDetails{position:relative;bottom:-30px;}
/* .clientReviewSlider .slick-slide.slick-current .clientReviewItem { transform: scale(1.1);} */


.clientReviewTextcenter {  display: none;}
/* .clientReviewText {  transition: all ease-in-out 0.3s;  overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 9; line-clamp: 9;  -webkit-box-orient: vertical;  text-overflow: unset !important;} */
.clientReviewSlider .slick-current.slick-center .clientReviewText {  height: 100%; -webkit-line-clamp: 14;}
.slick-center .clientReviewTextcenter { display: block;}
.slick-center .clientReviewTextnormal { display: none;}
.logoslidercontent { padding-top: 20px;  }

.LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn {  margin: 0;}
.BannerSectionV4  .LpHeroBannerInner { align-items: stretch;}
.LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn { max-width: 47%;}
.BannerSectionV4  .LpHeroBannerLeftColumn {  max-width: 47.5%; padding-top: 139px;    padding-bottom: 154px;}
.LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn img {  width: 100%; height: 100% !important;    object-fit: cover;    aspect-ratio: 0.68;}
.BannerSectionV4Form h3 { display: none;}
.BannerSectionV4Form form fieldset.form-columns-0 {  max-width: 55% !important; width: 100%; display: inline-block; vertical-align: top;}
.BannerSectionV4Form form  .hs_submit.hs-submit {  max-width: calc(100% - 57%); width: 100%; display: inline-block; vertical-align: top; text-align: end; margin-left: 10px;}
.BannerSectionV4Form form fieldset.form-columns-2, .BannerSectionV4Form form fieldset.form-columns-1 { width: 100%;}
.BannerSectionV4Form form fieldset.form-columns-1 textarea {  width: 100% !important;}
.BannerSectionV4Form form fieldset .input {  margin: 0;}
.ebookcolumnimg {  max-width: 330px; width: 100%;  margin: 0 auto;}
.LpHeroBannerRightColumn.ebookcolumn {  display: flex; align-items: center; justify-content: center;}
/* .ebookcolumnimg img {  box-shadow: 0 3px 6px #00000029;} */
.BannerSectionV4Form.BannerSectionFullWForm fieldset.form-columns-0 {  max-width: 100% !important;}
.BannerSectionV4Form.BannerSectionFullWForm .hs_submit.hs-submit {  text-align: start; margin: 0;}
.BannerSectionV4Form {  max-width: 97%; width: 100%;}
/* .BannerSectionV4Form form input[type="submit"] {  font-weight: 400;} */
.BannerSectionV4  .BannerSectionV4Centercontent {  align-items: center;}
.LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn {  min-height: 900px;}
.ebookcolumnimg img {  aspect-ratio: unset !important;}

.OurPartnerBoxRightCol img {  width: 100%;}
.BlogListingBannerBoxContent p { margin: 0 !important;}


.TechRevolutionContentLeftCol p , .TechRevolutionContentrightCol p {  line-height: 1.4;}

.ContactFormRightCol .submitted-message {  height: 100%;font-size:22px;font-weight:600;}
.ContactFormRightCol { min-height: 700px;  display: flex; flex-direction: column;  justify-content: center;}


.ApplyTwoColumnInnerSec {  gap: 189px 129px; align-items: stretch !important;}
.ApplyTwoColumnBox {  max-width: calc(50% - 64.5px); width: 100%; position: relative;}
.ApplyTwoColumnBoxImg { width: 100%; max-height: 468px;  overflow: hidden;}
.ApplyTwoColumnBoxImg img { width: 100%; height: 100%; object-fit: cover;}
.ApplyTwoColumnBoxBT {  padding-right: 42px;  padding-left: 42px;}
.ApplyTwoColumnBoxBTN {  position: absolute;  bottom: -30px;}


.threeColImage{height:307px;}
.threeColCardInner{gap:70px 25px;}
.threeColImage img{height:100% !important;width:100%;object-fit:cover;}
.threeColItem { max-width: calc(33% - 13.33px); width: 100%;}
.contentListing ul {list-style-type:none;position:relative;margin-top:0;}
.contentListing ul li{margin-bottom:45px;position:relative; color:#000 !important;}
.sectionHeadingWrap{max-width:1076px;width:100%;margin:0 auto;}
.threeColContentInner {padding-left:45px;padding-right:45px;}
.threeColContentInner .button {margin-bottom: -70px;}
.threeColCardInner.threeColDoubleCardInner {  gap: 70px;}
.threeColCardInner.threeColDoubleCardInner .threeColItem { max-width: 37%;}

.threeColContentInner .contentListing li {  display: flex;    padding-left: 0;    gap: 35px;}
.threeColContentInner .contentListing li span {   width: calc(100% - 50px);}
.threeColContentInner .contentListing li svg { margin-top: 7px;}

.applicationFormWrap {  max-width: 40.5%;  width: 100%; background : #fff;    position: sticky;   left: 0; }
.applicationProcessWrap { gap : 50px 90px; }
.applicationProcessStepsWrap { max-width: calc(59.5% - 90px); width: 100%;}
.applicationProcessStepsWrap ol {  margin: 0; padding: 0;  list-style: none;}
.applicationProcessStepsWrap ol li {  position: relative; display: flex;  align-items: stretch;}
.applicationFormWrap iframe {  width: 100%;}
.applicationProcessStepsWrap ol li .formlistboxmain {  padding-right: 97px;}
.applicationProcessStepsWrap ol li .formlistbox .formlistboxinner {  max-width: 663px; width: 100%;}
.applicationProcessStepsWrap ol li .olList_name { width: 108px; height: 108px; border-radius: 50%;  background: #fff; display: flex;
    align-items: center;  justify-content: center; padding: 10px; color: #FF5402; font-weight: 700; font-family: 'Gotham';}
.applicationProcessStepsWrap ol li .formlistbox .formlistboxinner {  background: #fff; padding: 44px 89px 36px 58px;}
.applicationProcessStepsWrap ol li+* {  padding-top: 42px;}
.formlistboxmain {  position: relative;}
.formlistboxmain:before {  position: absolute; content: '';  width: 100%; height: 1px; background: #000;  top: calc(108px/2);  left: 0; }
.applicationProcessStepsWrap ol li .olList_name {  position: relative;    z-index: 3;}
.sectioniframbox {  max-width: 100%;  width: 100%; margin: 0 auto;}
.applicationFormWrap iframe {  border: unset !important;}
.applicationFormWrap {  border: 1px solid #000000; padding: 20px;}
.applicationProcessStepsWrap ol li:not(:last-child)  .formlistboxmain:after { position: absolute; content: ''; width: 1px; height: calc(100% + 42px); background: #000; bottom: -42px; left: calc(108px / 2); }
.applicationProcessStepsWrap ol li:first-child .formlistboxmain:after {  height: 100%;}


.twoCardModuleSection .headingCenter{max-width:1108px;margin:0 auto;}
.twoCardInner{gap:30px 132px;}
.twoCardItem{max-width: calc(50% - 66.5px);width:100%;}
.twoCardItemInner{padding-top:63px;padding-right:37px;padding-left:37px;}
.dateTextWrap,.twoCardDateStart,.twoCardDateStart span, .twoCardDateEnd ,.twoCardDateEnd span,.twoCardItemText,.twoCardItemDuration,.twoCardsUdateInfo p,.twoCardPrizeWrap {font-size:23px;font-family: 'Gotham';}
.twoCardPrizeWrap{padding:30px 26px;}



.BannerSectionV4 .LpHeroBannerLeftColumn { padding: 100px 0 80px;}

.ContactMapTwoCOl svg {  width: 30px;  height: 30px; fill: #ff5402;}
.ContactMapLeftCol { max-width: 45%; width: 100%; }
.ContactMapRightCOl { max-width: 65%; width: 100%; padding: 200px 0; }
.ContactMapLeftCol iframe {  width: 100%;  height: 100%;}
.ContactMapInnerSec {  align-items: stretch !important; gap: 150px !important;}
.ContactMapTwoCOl {  padding-top: 50px; display: flex;  align-items: flex-start; max-width: 92%; margin: 0 0 0 auto;width: 100%; gap: 30px;}
.ContactMapTwoCOl > div { display: flex; align-items: flex-start; gap: 15px;}
.ContactMapRightCol {  flex-direction: column;}
.ContactMapLeftCollocation p {  font-weight: 700;}
.ContactMapRightCol span {  line-height: 1;}
.ContactMapRightCol > div {  display: flex;  align-items: center;  gap: 15px;}
.ContactMapphone {  margin-top: 15px;}
.ContactMapRightCol a {  color: #000; font-weight: 700;}


.LeftContentRightImageBoxRightColvideo { width: 100%;height: 0;  position: relative; padding-top: 56.25%; }
.LeftContentRightImageBoxRightColvideo > iframe { width: 100%; height: 100%; position: absolute; top: 0;left: 0; border: 0;}
.LeftContentRightImageBoxRightColvideo.hubspot video {  position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
button.playvideo {  background: transparent; border: unset; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;    cursor: pointer; width : 100%; height : 100%}
button.playvideo svg {  width: 60px; height: 60px;fill: #ff5402; background: rgb(255 255 255 / 90%); border-radius: 50%; }
video[poster]{object-fit: cover;}
.LeftContentRightImageBoxRightCol.hubspot {  box-shadow: unset;}

.blogBannerImg{background-repeat:no-repeat;background-position:center;background-size:cover;}

.innerPostBanner.blogPostBanner .BlogListingBannerBox{align-items:center !important;}
.innerPostBanner.blogPostBanner .BlogListingBannerltBox{max-width: calc(100% - 658px);padding: 148px 20px 148px 0 !important;}
.blogPostBanner .BlogListingBannerrtBox{max-width:947px;width:100%;}
.blogPostBanner .BlogListingBannerBox{align-items: center !important;}
.blogPostBanner .BlogListingBannerBox{align-items:unset !important;}
.blogPostBanner .BlogListingBannerBoxTitle h1 span{font-size:51px;}
.blogPostBanner .BlogListingBannerrtBox a{height:658px;width:100%;}
.blogPostBanner .BlogListingBannerrtBox .hs-embed-wrapper{height:100%;width:100%;max-height:100% !important;max-width:100% !important;}
.innerPostBanner  .BlogListingBannerBoxTagbox{padding-top:55px;}
.internalPostBannerImgWrap .hs-embed-content-wrapper > div{padding-bottom:76.25% !important;}
.innerPostBanner .BlogListingBannerrtBox a img {  height: 658px!important;}
.videoInnerWrap {background-image: url(https://4083056.fs1.hubspotusercontent-eu1.net/hubfs/4083056/Maker_Sep_2023/images/blogBannerImg.png);
    height: 100%;  width: 100%; background-repeat: no-repeat;  background-size: cover; background-position: center;  min-height: 668px; max-width: 100%;position:relative;}
.videoInnerWrap a{position:absolute;top:40%;left:40%;}
.innerPostBanner .BlogListingBannerrtBox .videoInnerWrap a, .innerPostBanner .BlogListingBannerrtBox .videoInnerWrap a img{height:111px !important;width:111px !important;}
.FooterStikybtnForm .submitted-message {
    color: #fff;
    text-align: center;
}
.clientReviewSlider.clientReviewSlidernotmore {  display: flex; align-items: flex-start; justify-content: center; gap :0 !important }
.clientReviewSlider.clientReviewSlidernotmore .clientReviewItem {  max-width: 40%;width: 100%;}
.clientReviewSlider.clientReviewSlidertwomore .slick-track {  margin: 0;}





@media (min-width : 992px){
    .ProfileFlipbox:hover .ProfileFlipBack {transform: rotateY(0deg);}
    .ProfileFlipbox:hover .ProfileFlipFront {transform: rotateY(180deg);}
}


@media (max-width : 1750px){
    .BannerSectionV1 .LpHeroBannerLeftColumn {
        max-width: 47%;
    }
    .BannerSectionV3 .LpHeroBannerLeftColumn { max-width: 40%;}
    /*     .BannerSectionV2  .LpHeroBannerLeftColumn { max-width: 53%;} */
    .BannerSectionV4Form.BannerSectionFullWForm form .hs-button, form input[type=submit]{padding:14px 7px;font-size:20px;}
}


@media (max-width : 1700px){
    /*     .LpHeroBannerRightColumn {  max-width: 850px;} */
    /*     .LpHeroBannerLeftColumn {  max-width: calc(100% - 880px);} */
    .LpHeroBannerCTA a {  min-width: 350px;}

    .MeetOurTalentInfoBox {  padding: 50px;}

    .MeetOurTalentImageBoxMain {  max-width: 700px; height: 700px;}
    .MeetOurTalentInfoBox { max-width: 650px;}
    .MeetOurTalentSliderBtImg {      width: 220px;  height: 220px;    }


    .ProfileFlipbox {  height: 650px; overflow: hidden;}
    .ProfileSimpleBox {  height: 650px; }

    .LeftImageRightContentSectionv4.LeftImageRightContentdirchange .RightContentCol {
        max-width: calc(100% - 694px);
    }

    .innerPostBanner.blogPostBanner .BlogListingBannerrtBox a{height:100% !important;}
}

@media (max-width : 1600px){
    .BannerSectionV1  .LpHeroBannerLeftColumn {  max-width: 47%;}
    /*  .BannerSectionV2  .LpHeroBannerLeftColumn { max-width: 53%;} */
    .BannerSectionV3 .LpHeroBannerLeftColumn { max-width: 40%;}
}

@media (max-width : 1500px){
    .internalPostBannerImgWrap .hs-embed-content-wrapper>div {
        padding-bottom: 91.25%!important;
    }
    .innerPostBanner.blogPostBanner .BlogListingBannerltBox{padding:115px 20px 115px 0!important;}   
    .innerPostBanner .blogPostBanner .BlogListingBannerrtBox{max-width:100%;}

    .dateTextWrap,.twoCardDateStart,.twoCardDateStart span,.twoCardDateEnd,.twoCardDateEnd span,.twoCardItemText,.twoCardItemDuration,.twoCardsUdateInfo p,.twoCardPrizeWrap {font-size:19px;font-family: 'Gotham';}

    .BannerSectionV1 .LpHeroBannerTitle h1 { line-height: 1.3;}
    .bloglistingboxBT {  padding: 24px 20px 75px;}
    .BannerSectionV1 {  padding-top: 150px !important;}
    .BannerSectionV1 .LpHeroBannerRightColumn {  max-width: 49%;}


    .bloglistingboxtags {  flex-wrap: wrap;}
    /* .bloglistingboxRight.noliststyle { max-width: 100%; width: 100%;} */
    .bloglistingboxTitle {  padding-top: 20px;}
    .bloglistingboxbtn {  bottom: -25px;}
    .TimelineBoxSectionInner.TimelineBoxSectionthreecol { gap: 50px; }
    .TimelineBoxSectionInner.TimelineBoxSectionthreecol .TimelineBoxMain {     max-width: calc(33.33% - 33.33px);    }
    .LpHeroBannerCTA a {  min-width: 300px;}
    .BannerSectionV2 .LpHeroBannerCTA a { min-width : 300px }
    .cardButton {  max-width: max-content;}


    .RightContentCol { max-width: calc(100% - 656px);}

    .LpHeroBannerRightColumn { margin-bottom: -50px;}
    .ContactFormLeftColMain  {  margin-right: -20px;}

    .ContactFormRightCol { padding-left: 50px; padding-right: 50px;}

    .OurPartnerBoxLeftCol {padding: 80px 114px 80px 111px; min-height: auto;}

    .LeftImageRightContentSection .RightContentCol { max-width: calc(100% - 656px);}

    .LeftImageRightContentSection  .RightContentContent { padding-left: 50px;}
    .LeftImageRightContentSection .RightContentCol .outter-button {  padding-left: 50px;}
    .LeftImageRightContentSection .sectionshapeinner { max-width: 50%; background-size: contain !important; }

    .twoColInner {      gap: 50px 80px;  }
    .twoColInner .colCardItem {      max-width: calc(50% - 40px);    }
    .HomeFaqBoxTitle h4 {  font-size: 25px !important;}
    .HomeFaqBoxTitle { padding-left: 10px;}
    .HomeFaqBoxTitleSec {  padding: 15px;}
    .HomeFaqBoxContent .HomeFaqBoxtext { padding: 30px 15px;}

    .logofeaturedItem {      padding: 0 20px;  }
    .TechRevolutionBox {  padding: 40px 30px;}

    .WhyUsTwoColSliderInner .WhyUsTwoColSliderRightCol { max-width: 35%; height: 450px;}

    .clientReviewText p {font-size: 25px;}
    .clientName p, .clientDesigntion p{font-size:20px;}

    .ProfileFlipbox { height: 550px;}
    .ProfileFlipBack {  padding: 30px 0 30px 20px;}
    .ProfileFlipBack .ProfileFlipBackInner {  padding-right: 20px;}

    .ProfileSimpleBox {  height: 550px; }

    .LContentRImageContent  br {display: none; }
    .TimelineContent { max-width: 700px !important; }
    /*     .blog-post__timestamp {  font-size: 20px;} */
    .BlogListingBannerread span {  font-size: 20px;}
    .BlogListingBannerBoxContent {  padding-top: 40px;}
    .BlogListingBannerrtBox {  max-width: 40%;}
    .BlogListingBannerltBox {  max-width: 60%; padding: 50px 20px 50px 50px;}
    .BlogListingBannerpublish svg {  width: 35px; height: 35px;}
    .BlogListingBannerread svg {  width: 35px;  height: 35px;}
    .BlogListingBannerBoxTitle h1 {  font-size: 50px !important;}
    .BlogListingBannertag a {  font-size: 20px;}  

    .BannerSectionV4 .LpHeroBannerLeftColumn {  max-width: 53%;}

    .ApplyTwoColumnInnerSec {  gap: 80px 50px;}
    .ApplyTwoColumnBox {  max-width: calc(50% - 25px);}

    .LeftImageRightContentSectionv3 {  padding-bottom: 250px;}
    .LeftImageRightContentSectionv3.LeftImageRightContentSection .RightContentCol {  max-width: 50%;}
    .LeftImageRightContentSection .LeftImageCol {  max-width: 50%;}
    .LeftImageRightContentSectionv3 .LeftImageRightContentInner {  gap: 80px !important;}
    .MeetOurTalentImageBoxMain {  height: 600px; max-width: 600px;}
    .HomeFaqRightColumn  .outter-button a {  padding: 14px 20px;}
    .bloglistingboxTitle a {  font-size: 25px;}

    .ZigZagImgtextBox:nth-child(odd) .ZigZagImgtextBoxContentCol {  padding-left: 50px;}
    .ZigZagImgtextBox:nth-child(2n) .ZigZagImgtextBoxContentCol { padding-right: 50px;}

    .OurPartnerBoxRightCol {  max-width: 45%;    height: 464px;}
    .OurPartnerBoxRightCol img {  height: 100% !important;    object-fit: cover;}

    .threeColContentInner {  padding-left: 30px; padding-right: 30px;}

    .threeColcontentHeading{padding-bottom:30px;}
    .contentListing ul li{margin-bottom:35px;}
    .threeColCardInner.threeColDoubleCardInner .threeColItem {  max-width: 40%;}

    .applicationProcessStepsWrap ol li .formlistbox .formlistboxinner { padding: 20px;}
    .applicationProcessStepsWrap ol li .formlistboxmain {  padding-right: 50px;}
    .applicationProcessWrap {  gap: 50px;}
    .applicationProcessStepsWrap {  max-width: calc(59.5% - 50px);}

    .LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn { min-height: 700px;}
    .ContactMapRightCOl {  padding: 100px 0;}
    .ContactMapInnerSec { gap: 100px !important;}
    .ContactMapTwoCOl { max-width: 95%;}
    
    .clientReviewSlider.clientReviewSlidernotmore .clientReviewItem .clientItemInner {  padding-left: 20px; padding-right: 20px;}
}

@media (max-width : 1370px){
    .LpHeroBannerCTA a {  min-width: auto;}
    .BannerSectionV2 .LpHeroBannerCTA a { min-width : auto }
    .OurPartnerBox.imgcontBoxDir .OurPartnerBoxLeftCol {  padding: 80px 50px 80px 90px;}
    .OurPartnerBox.ContimgBoxDir .OurPartnerBoxLeftCol { padding: 80px 90px 80px 50px;}

    .ZigZagImgtextBox:nth-child(odd) .ZigZagImgtextBoxContentCol {  padding-left: 40px;}
    .ZigZagImgtextBox:nth-child(2n) .ZigZagImgtextBoxContentCol { padding-right: 40px;}
    .ZigZagImgtextBoxContentCol { padding: 20px;}
    .ZigZagImgtextBoxContentCol.maxfull {
        padding: 40px !important;
    }

    .BannerSectionV1  .LpHeroBannerLeftColumn {  max-width: 50%;}
    .BannerSectionV1  .LpHeroBannerRightColumn { max-width: 50%;}
    .BannerSectionV3 .LpHeroBannerLeftColumn { max-width: 43%;}

    .LeftImageRightContentSectionv3 {  padding-bottom: 150px;}
    .BannerSectionV1 .LpHeroBannerRightColumn { max-width : 51% }
    .BannerSectionV1 .LpHeroBannerLeftColumn { max-width : 46% }

    .ContactMapInnerSec {gap: 80px !important;}
}

@media (max-width : 1300px){
    .LeftImageRightContentSection .sectionshapeinner { max-width: 57%;}

    .MeetOurTalentImageBoxMain { max-width: 600px; height: 600px;}
    .MeetOurTalentInfoBox { max-width: 600px;}

    .MeetOurTalentSliderBtImg {  width: 190px; height: 190px;}

    .featuredLogoInner {  flex-direction: column; gap: 20px;}
    .featuredContent {  width: 100%;}
    .logofeatured {  width: 100%;}
    .logofeatured.logofeaturedless .slick-slide { max-width: 25%;    width: 100% !important;}
    /*     .logofeatured.logofeaturedless .slick-track {  width: 100% !important;    transform: unset !important;} */
    .logofeatured.logofeaturedless .slick-list.draggable {  width: 100% !important;}
    .ContactFormRightCol{min-height:650px;}

    .bloglistingboxTitle a {
        font-size: 23px;
    }
    .twoCardInner {  gap: 30px 50px;}
    .twoCardItem {  max-width: calc(50% - 25px);}


    .ContactMapInnerSec { gap: 30px !important;}
    .ContactMapTwoCOl { max-width: 100%;}
}

@media (max-width : 1280px){

    .LpHeroBannerRightColumn {  max-width: 50%;}
    .LpHeroBannerLeftColumn {  max-width: 50%;}

    /*     .RightContentTitle br {  display: none;} */

    .cardImgWrap {  height: 300px;}

    .HomeFaqImage {  height: 400px;}

    .logoItem { padding: 0 48px;}

    .TimelineBox {  padding: 20px;}

    .LeftContentRightImageBox {  gap: 20px !important;}

    .bloglistingboxtagsleft { max-width: 100%; justify-content: space-between;  width: 100%;}
    .bloglistingboxtagsleft {  max-width: 100%; width: 100%;  justify-content: space-between;}


    .BlogListingBannerBoxTitle h1 {
        font-size: 45px !important;
    }

    .BannerSectionV4Form form fieldset.form-columns-0 {  max-width: 100% !important;}
    .BannerSectionV4Form form .hs_submit.hs-submit { margin-left: 0;  max-width: 100%;  text-align: start;}

    .LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn {  min-height: auto;}
    .BannerSectionV4 .BannerSectionV4Centercontent {  align-items: stretch;}    

    .LeftImageRightContentSection .sectionshapeinner { max-width: 50%;}
    .LpHeroBannerTitle h1{line-height: 1.5;}

    .ApplyTwoColumnBoxBTN a {  padding: 14px 20px !important;}
    .ApplyTwoColumnBoxBT {  padding-left: 20px;  padding-right: 20px;}

    .twoColInner {  max-width: 100%;}
}

@media (max-width : 1230px){
    .innerPostBanner.blogPostBanner .BlogListingBannerltBox {  max-width: 50%;}
    .innerPostBanner.blogPostBanner .BlogListingBannerrtBox { max-width: 50%;}
    .videoInnerWrap {
        min-height: 500px;}
    .blogPosHeaderAuthorNameWrap{flex-direction:column;} 
    .blogPosHeaderAuthorBio{padding-left:0;}
    .postInternalBannerWrap {padding-top:132px;}
    .BlogListingBannerrtBox .hs-responsive-embed-inner-wrapper{padding-bottom:100% !important;}
    .internalPostBannerImgWrap .hs-embed-content-wrapper>div {padding-bottom: 71.25%!important;}
    .innerPostBanner .BlogListingBannerrtBox a img{height:100% !important;}
    .innerPostBanner.blogPostBanner .BlogListingBannerltBox{padding:85px 20px 85px 0!important;}  


    .TimelineTitleSection {  gap: 30px !important;}

    .LpHeroBannerLeftColumn {  max-width: 50%;}
    .LpHeroBannerRightColumn {  max-width: 50%;}

    .LeftImageRightContentSection .LeftImageCol {  max-width: 50%;}
    .LeftImageRightContentSection .RightContentCol {  max-width: 50%;}
    .LeftImageRightContentSection .sectionshape {  max-width: 600px;}

    .OurPartnerBox.imgcontBoxDir .OurPartnerBoxLeftCol { padding: 50px 30px 50px 70px; }
    .OurPartnerBox.imgcontBoxDir .OurPartnerBoxRightCol { margin-right: -40px;}
    .OurPartnerBox.ContimgBoxDir .OurPartnerBoxLeftCol { padding: 50px 70px 50px 30px;}
    .OurPartnerBox.ContimgBoxDir .OurPartnerBoxRightCol { margin-left: -40px;}

    /*     .MeetOurTalentImageBoxMain {  max-width: 500px;} */

    .twoColInner {  gap: 30px;}
    .twoColInner .colCardItem {  max-width: calc(50% - 15px);}

    .HomeFaqImage {  display: none;}
    .HomeFaqInnerSection {  flex-direction: column;}
    .HomeFaqRightColumn { max-width: 100%; padding-top: 0 !important;}
    .HomeFaqTitle {  padding-bottom: 0 !important;}

    .USPInnerBoxLogo { width: 100px; height: 100px; margin: 15px auto 0;}

    .clientReviewSlider .clientItemInner { padding: 47px 47px;}

    .clientReviewSliderSection {padding:130px 0 150px;}
    .clientReviewSliderWrap {padding-top:70px;}

    .ProfileFlipbox { height: 450px;}
    .ProfileInnerSection {  gap: 40px 20px;}
    .ProfileInnerSection .ProfileBox {  max-width: calc(33.33% - 14px);}

    .ProfileSimpleBox {  height: 450px; }

    .TimelineBoxSectionInner.TimelineBoxSectionthreecol .TimelineBoxMain {  max-width: 100%; margin: 0 !important; padding-left: 15px; padding-right: 15px;}
    .TimelineBoxSection {  position: relative; border : unset !important }
    .TimelineBoxSection:before { position: absolute; width: 100%; content: ''; height: 1px;  background: #000;  top: calc(150px /2); left: 0;}
    .TimelineBoxSectionmain {  padding-top: 50px !important;}
    .TimelineBoxMain span.number {  left: 15px;}
    .TimelineBoxMain:before { left: calc(55px + 15px);}

    .LeftContentRightImageBox {  gap: 20px !important;}
    .LContentRImageContent {  flex-direction: column;}
    .LContentRImageContent > div {  width: 100% !important;}

    .LeftImageRightContentSectionv3 {  padding-bottom: 150px;}

    .LeftImageRightContentSectionv4.LeftImageRightContentdirchange .RightContentCol {
        max-width: 50%;
    }

    .LeftImageRightContentSectionv3.LeftImageRightContentSection .RightContentCol {
        max-width: 50%;
    }
    .LeftContentRightImageLeftcol {
        max-width: 55%;
    }

    .LeftContentRightImageBoxRightCol {
        max-width: 45%;
    }
    .BlogListingBannerBoxTitle h1 {  font-size: 40px !important;}
    .BlogListingBannerBoxbutton { padding-top: 30px;}

    .BlogListingBannerTlBox p {
        font-size: 24px;
    }

    .BannerSectionV4 .LpHeroBannerLeftColumn { padding: 100px 0;}

    .ContactFormContent {padding-top:30px !important;}
    .bloglistingboxTitle a { font-weight: 700; color: #000; line-height: 1.3;font-size:23px;}

    .MeetOurTalentImageBoxMain {  height: 500px; max-width: 500px;}
    .LeftImageRightContentSectionv3 .LeftImageRightContentInner {  gap: 30px !important; align-items: center !important;}
    /*     .LeftImageRightContentSectionv3 .LeftImageCol {  height: 500px;} */
    .LeftImageRightContentSectionv3.LeftImageRightContentSection .RightContentCol {   padding-top: 0;}

    .threeColCardInner.threeColDoubleCardInner {  gap: 50px 30px;}
    .threeColCardInner.threeColDoubleCardInner .threeColItem {  max-width: calc(50% - 15px);}
    .contentListing ul li {margin-bottom: 30px;}

    .OurPartnerBoxRightCol {  height: 400px;}

    .WhyUsTwoColSliderInner .WhyUsTwoColSliderRightCol {  height: 380px;}

    .dateTextWrap, .twoCardDateStart, .twoCardDateStart span, .twoCardDateEnd, .twoCardDateEnd span, .twoCardItemText, .twoCardItemDuration, .twoCardsUdateInfo p, .twoCardPrizeWrap{font-size:18px;}
    .twoCardDateInner {padding-bottom:30px;}
    .twoCardsUdateInfo {padding:30px 0;}

    .twoCardDateInner { flex-direction: column;}
/*     .twoCardDateStart {padding-bottom:8px;} */
    .twoCardPrizeWrap { flex-direction: column;}
    .twoCardPrizeInner {padding-bottom:30px;}
    .twoCardItemInner{padding-top:43px;}

    .ContactMapLeftCol { max-width: 40%;}
    .ContactMapTwoCOl { padding-top: 30px;}
    .ContactMapSubTitle { padding-top: 30px !important;}
    .ContactMapTwoCOl > div p,.ContactMapRightCol a { font-size: 20px !important;}
    .ContactMapRightCOl { padding: 80px 0;}
    
    
}

@media (max-width : 1080px){
    .internalPostBannerImgWrap .hs-embed-content-wrapper>div {
        padding-bottom: 81.25%!important;
    }
    .innerPostBanner .BlogListingBannerBoxTagbox{align-items:flex-start;}

    .blogPostBanner .wrapLeft { padding-left: 0 !important;}
    .innerPostBanner.blogPostBanner .BlogListingBannerltBox {padding: 85px 20px 85px 55px!important;}
    .innerPostBanner.blogPostBanner .BlogListingBannerltBox{max-width:100%;}

    .LpHeroBannerCTA { flex-direction: column;    }
    .ContactFormLeftCol { padding-left: 20px; padding-right: 20px;}

    .OurPartnerBox+* {  margin-top: 40px;}

    .MeetOurTalentInfoBox {  right: 0;}
    .MeetOurTalentInfoBox { padding: 20px; right: 0; margin-left: -50px;}
    .MeetOurTalentInner .MeetOurTalentSliderBtColumn {padding-top:55px;}
    .MeetOurTalentSliderBtColumn .slick-arrow{top:3px;}

    .twoColInner .colCardItem {  max-width: 100%;}
    .twoColInner { justify-content: center !important;}

    .TechRevolutionContentCol {  padding-left: 50px;}

    .TechRevolutionBox { max-width: 80%;}
    .TechRevolutionThreeColBox {  justify-content: center;}

    .OurPartnerBoxLeftCol.WhyUsTwoColSliderLeftcol {  padding: 50px 30px 50px 100px;}

    .clientReviewText p{font-size:19px;}
    .clientReviewItem.mShape .clientItemInner { padding-top: 160px;}
    .clientReviewSliderSection {padding: 110px 0;}

    .TimelineTitleSection {gap: 30px !important;}
    .TimelineTitleSection .TimelineTitle { max-width: 40%; width: 100%;}
    .TimelineTitleSection  .TimelineContent {  max-width: 60%;    width: 100%;}

    .LeftContentRightImageBoxRightCol {  max-width: 40%;}

    .BannerSectionV1 .LpHeroBannerLeftColumn {  max-width: 55%;}
    .BannerSectionV1 .LpHeroBannerRightColumn {  max-width: 45%;}
    .BannerSectionV1 .LpHeroBannerCTA { flex-direction: row;}

    .BannerSectionV3 .LpHeroBannerLeftColumn { max-width : 46% }

    /*     .LeftImageRightContentSectionv3 .LeftImageCol {  height: 400px;} */
    /*          .BannerSectionV2  .LpHeroBannerLeftColumn { max-width: 57%;} */
    /*     .BannerSectionV2 .LpHeroBannerRightColumn {  max-width: 43%;} */

    .LeftImageRightContentSectionv4.LeftImageRightContentdirchange .RightContentCol .RightContentTitle br {
        display: none;
    }
    .bloglistingbox {      max-width: calc(50% - 14px);    }

    .BlogListingBannerltBox { padding-right: 0; }
    .TechRevolutionContentCol { max-width: 100% !important; padding-left: 0;}
    .TechRevolutionBox { max-width: 100%;}
    .TechRevolutionBoxTitlemain { padding-top: 20px !important;}
    .LeftImageRightContentSection .RightContentCol .outter-button, .LeftImageRightContentSection .RightContentContent {
        padding-left: 0;}
    .TechRevolutionButton{ padding-top: 70px !important;}
    .USPInnerSection .outter-button { padding-top: 70px !important;}


    .ContactMapSection .wrapRight {padding: 0 !important;}

    .ContactMapSection .ContactMapRightCOl { max-width: 90%; width: 100%; margin: 0 auto; padding: 0 20px 70px;}


    .BannerSectionV4 .LpHeroBannerInner {  flex-direction: column;}
    .BannerSectionV4 .LpHeroBannerLeftColumn {  max-width: 100%; padding: 0 20px 30px 0; order: 2;}
    .LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn {  max-width: 100%; order: 1; }
    .LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn {  max-width: 100%;}
    .LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn img {  aspect-ratio: unset;}
    .BannerSectionV4 .LpHeroBannerLeftColumn .LpHeroBannerContent {  max-width: 100%;}
    .BannerSectionV4Form {  max-width: 100%; width: 100%;}
    .LpHeroBannerSection.BannerSectionV4 .wrapLeft, .LpHeroBannerSection.BannerSectionV4 .wrapRight { max-width: 100%; padding: 0 !important;}
    .LpHeroBannerSection.BannerSectionV4  .LpHeroBannerLeftColumn { max-width: 90%; width: 100%; margin: 0 auto;padding: 0 20px;}


    .ProfileInnerSection .ProfileBox {  max-width: calc(50% - 10px);}
    .ProfileFlipbox {  height: 650px;}


    .ApplyTwoColumnBox {  max-width: 80%;}
    .ApplyTwoColumnInnerSec {  justify-content: center;}

    .FutureContactBoxSection {  flex-direction: column;}
    .FutureContactBox {  width: 80% !important;}

    .threeColItem {max-width: calc(50% - 13.33px);}
    .threeColCardInner{gap:50px 25px;} 

    .WhyUsTwoColSliderInner .WhyUsTwoColSliderRightCol {  height: 330px;}

    .formlistbox {  width: 100%;}

    .applicationProcessWrap { flex-direction: column;}
    .applicationFormWrap {  position: unset;}
    .applicationFormWrap {  max-width: 100%;}
    .applicationProcessStepsWrap {  max-width: 100%;}
    .twoCardItem{max-width:100%;width:100%;}
    .applicationProcessStepsWrap ol li .formlistbox .formlistboxinner {  max-width: 100%;}
    .twoCardDateInner, .twoCardPrizeWrap { flex-direction: row;  flex-wrap: wrap; align-items : center !important; gap : 20px;}
    .twoCardPrizeInner { padding-bottom : 0 !important }

    .ContactMapInnerSec {  flex-direction: column;}
    .ContactMapLeftCol {  max-width: 100%;}
    .ContactMapLeftCol iframe {  height: revert-layer;}
    .ContactMapRightCOl {  padding-top: 0;  padding-bottom: 50px; max-width: 100%; padding-left: 20px;}
    .ContactMapLeftCollocation {  max-width: 50%;  width: 100%;}
    .ContactMapRightCol { max-width: 50%;  width: 100%;}
    
    .clientReviewSlider.clientReviewSlidernotmore .clientReviewItem {
    max-width: 60%;
}
}

@media (max-width : 991px){
    .ProfileInnerSection .ProfileBox.active .ProfileFlipBack {transform: rotateY(0);z-index: 2;}
    .ProfileInnerSection .ProfileBox.active .ProfileFlipFront {  transform: rotateY(180deg);}

    .innerPostBanner.blogPostBanner .BlogListingBannerrtBox {  max-width: 100%;}
    .innerPostBanner .BlogListingBannerBox  {flex-direction:column;}
    .blogPostBanner .BlogListingBannerBoxTitle h1 span{font-size:41px;}
    .blogPostBanner .BlogListingBannerltBox {  max-width: 90% !important;  width: 100%;  margin: 0 auto;  padding: 50px 15px 0;}
    .internalPostBannerImgWrap .hs-embed-content-wrapper>div { padding-bottom: 56.25%!important;}
    .innerPostBanner .BlogListingBannerBoxTagbox { padding-top: 35px;}

    .MeetOurTalentImageBoxMain .MeetOurTalentImageBox {     background-position: center top !important; }

    .LpHeroBannerInner, .LpHeroBannerInner.LpHeroBannerInnerDirchange {  flex-direction: column;}
    .LpHeroBannerLeftColumn, .LpHeroBannerRightColumn { max-width: 100%;}
    .LpHeroBannerLeftColumn {  padding-right: 20px;  padding-bottom: 0;}
    .LpHeroBannerInner.LpHeroBannerInnerDirchange .LpHeroBannerLeftColumn { padding-left: 20px; padding-right : 0  }
    .LpHeroBannerCTA { align-items : flex-start !important }

    .LeftImageRightContentInner, .LeftImageRightContentSection.LeftImageRightContentdirchange .LeftImageRightContentInner{ flex-direction: column;}
    .LeftImageRightContentSection .LeftImageCol {  max-width: 100%; margin : 0 auto}
    .LeftImageRightContentSection .RightContentCol {  max-width: 100%;}
    .LeftImageRightContentSection .sectionshape { display: none;}

    .ContactFormInnerSection {  flex-direction: column; align-items : center}
    .ContactFormLeftColMain {max-width: 600px !important;}
    .ContactFormLeftColMain { margin-right: 0;margin-bottom: -30px; }
    .OurPartnerBox {  flex-direction: column  !important;}
    .OurPartnerBox .OurPartnerBoxRightCol { order: 1; margin: 0 !important;}
    .OurPartnerBox .OurPartnerBoxLeftCol {  order: 2; padding: 30px !important;}
    .OurPartnerBoxLeftCol { max-width : 100% }
    .OurPartnerBoxRightCol { max-width : 100% }

    .LeftImageRightContentSection .RightContentCol .outter-button, .LeftImageRightContentSection .RightContentContent { padding-left : 0 }

    .MeetOurTalentSliderTpColumn { flex-direction: column;}
    .MeetOurTalentImageBoxMain {  max-width: 100%;}
    .MeetOurTalentInfoBox {  margin-left: 0;  margin-top: -50px;}
    .MeetOurTalentSliderBtColumn {  padding-top: 50px !important;}
    .MeetOurTalentSliderBtColumn .slick-arrow { top: 25px;}
    .MeetOurTalentInfoBox {  max-width: 95%;}

    /*     .MeetOurTalentImageBoxMain {  height: 500px;} */

    .FutureContactBoxSection {  flex-direction: column;}

    .logoItem { padding: 0 38px;}
    .TechRevolutionContentCol>div {  max-width: 100%;}
    .TechRevolutionContentCol {  flex-direction: column;}

    .WhyUsTwoColSliderInner .WhyUsTwoColSliderRightCol {  position: unset; transform: unset; max-width: 100%;}
    .WhyUsTwoColSliderInner .WhyUsTwoColSliderRightCol img {  width: 100%;}
    .WhyUsTwoColSlider ul.slick-dots li { width : 20px; height : 20px; } 
    .clientReviewSlider .slick-dots li button:before { font-size : 20px }

    .USPInnerBox { max-width: calc(50% - 15px);}
    .USPInnerBoxSection { gap: 50px 30px;}

    .ProfileInnerSection .ProfileBox { max-width: calc(50% - 10px);}

    .TimelineTitleSection { flex-direction: column;}
    .TimelineTitleSection > div { max-width: 100% !important;}
    .TimelineBoxSection .outter-button {  padding-top: 60px !important;}


    .LeftContentRightImageBox {  flex-direction: column; align-items: center !important;}
    .LeftContentRightImageLeftcol {  max-width: 100%; order: 2;}
    .LeftContentRightImageBoxRightCol { max-width: 80%;}
    .LeftContentRightImageSection  .wrapLeft {  max-width: 90%; width: 100%; margin: 0 auto; padding-left: 15px !important; padding-right: 15px;}

    .ZigZagImgtextBox {  flex-direction: column !important;}
    .ZigZagImgtextBoxImg {  max-width: 100% !important;}
    .ZigZagImgtextBoxContentCol {  max-width: 100% !important;  padding: 30px !important;}
    .ZigZagImgtextBoxContentCol.maxfull {
        padding: 30px !important;
    }
    .BannerSectionV1 .wrapLeft { padding: 0 15px !important;  max-width: 90%; width: 100%; margin: 0 auto;}
    .BannerSectionV1 .LpHeroBannerLeftColumn { max-width: 100%; order: 2; padding-right: 0;}
    .BannerSectionV1 .LpHeroBannerRightColumn {max-width: 90%;order: 1;margin-right: auto;margin-bottom: 0;}


    .BannerSectionV1 .LpHeroBannerLeftColumn .LpHeroBannerTitle br {  display: none;}
    .LeftImageRightContentSectionv4.LeftImageRightContentdirchange .RightContentCol { max-width : 100% }
    .MeetOurTalentSliderBtColumn .slick-arrow {  top: 10px; width: 15px; height: 25px;}
    .MeetOurTalentSliderBtColumn button.slick-next:before {min-height: 25px;}    
    .MeetOurTalentImageBoxMain .MeetOurTalentImageBox {     background-position: top center !important; }
    .LeftImageRightContentSectionv3.LeftImageRightContentdirchange .LeftImageCol { margin: 0 auto;}
    .LeftImageRightContentSectionv3.LeftImageRightContentSection .RightContentCol { max-width: 100%;}
    .BannerSectionV2  .LpHeroBannerInner {  gap: 30px !important;}
    .bloglistingbox {  max-width: 100%;}
    .blogPagination ul li {  width: 50px;  height: 50px;}
    .BlogListingBannerBox {  flex-direction: column;}
    .BlogListingBannerltBox {  max-width: 100%; padding: 30px 15px 0;}
    .BlogListingBannerrtBox {  max-width: 100%;}
    .BannerSectionV1 .LpHeroBannerRightColumn {  max-width: 100%;}
    .BannerSectionV1 {  padding-top: 0 !important; padding-bottom : 70px;}
    .BannerSectionV1 .wrapLeft, .BannerSectionV1 .wrapRight {  max-width: 100%;    padding: 0 !important;}
    .BannerSectionV1 .LpHeroBannerLeftColumn {  padding: 0 15px !important; max-width: 90%; width: 100%;    margin: 0 auto; }
    .RightContentContent {  padding-top: 25px !important; max-width: 100% !important;}
    .twoColInner {  max-width: 100%;}
    .RightContentContent {  padding-left: 0 !important;}
    .LeftImageRightContentSectionv3 .RightContentCol .outter-button, .LeftImageRightContentSectionv3 .RightContentContent { padding-left: 0 !important;}
    .HomeFaqInnerSection {  gap: 30px;}
    .bloglistingboxContent {  padding-top: 25px;}
    .ContactFormRightCol{min-height:330px;}


    .TechRevolutionContentCol {  padding-top: 25px !important;}
    .TechRevolutionButton, .USPInnerSection .outter-button {  padding-top: 40px !important;}

    .clientReviewSlider .slick-dots li button:before{font-size:25px;}
    .ZigZagImgtextInnerSec .outter-button {  padding-top: 20px !important;}
    .ResourcesContent { padding-top : 25px !important }

    .BannerSectionV4Form form .hs-form-field {width: 100% !important;  margin-bottom: 15px;}

    .logofeaturedItem a { width: 100%; text-align: center; text-align: -webkit-center;}
    .logofeaturedItem a img { object-fit: contain;}

/*     .ProfileInnerSection .ProfileBox.active  .ProfileFlipBack {transform: none;} */
/*     .ProfileInnerSection .ProfileBox.active  .ProfileFlipFront {transform: none;} */

    .ProfileFlipbox {  height: 480px;}

    .BannerSectionV4Form.BannerSectionFullWForm form .hs-button, form input[type=submit] {font-size:17px;}

    .LeftImageRightContentSectionv3 .LeftImageCol {  height: 100%;}

    .threeColItem {max-width:100%;}
    .contentListing ul li{margin-bottom:25px;}
    .threeColcontentHeading{padding-bottom:25px;}

    .threeColCardInner.threeColDoubleCardInner .threeColItem {  max-width: 100%;}

    .OurPartnerBoxRightCol {
        height: 100%;
    }
    .EssentialSkillTitle br {
        display: none;
    }


}

@media (max-width : 767px){
    .postInternalBannerWrap { padding-top: 70px !important;}
    .blogPostBanner .BlogListingBannerltBox {  max-width: 100% !important;  padding: 30px 20px 0;}
    .blogPostBanner .BlogListingBannerrtBox a{height:auto;}
    .postPatternBottom img, .postPatternTop img{display:none;}
    .BlogListingBannerrtBox .hs-responsive-embed-inner-wrapper { padding-bottom: 86.25%!important;}
    .innerPostBanner.blogPostBanner .BlogListingBannerltBox{padding: 83px 20px 83px 20px!important;}

    .ContactFormLeftColMain {  max-width: 90% !important; }
    .twoColInner {     max-width: 100%; }
    .HomeFaqRightColumn .outter-button {flex-direction: column;  align-items: flex-start;    }
    .logofeatured.logofeaturedless {  flex-wrap: wrap;  gap: 20px;    justify-content: center;}

    .ebookcolumnimg {  max-width: 300px;}
    /*     .LpHeroBannerSection.BannerSectionV4 .LpHeroBannerRightColumn img {  aspect-ratio: 1;} */
    .EssentialSkillTitle h2 {  font-size: 35px !important ;}
    /*     .EssentialSkillSubTitle h2 {font-size: 33px !important ;} */

    .clientReviewItem.mShape {
        -webkit-clip-path: polygon(50% 18%,100% 0,100% 100%,0 100%,0 0);
        clip-path: polygon(50% 24%,100% 0,100% 100%,0 100%,0 0);
    }
    .clientName,.clientDesigntion {padding-bottom:0;}
    .clientName p, .clientDesigntion p{font-size:18px;}

    .TimelineBoxMain { max-width: 100%;}


    .LeftContentRightImageSection  .wrapLeft {   max-width: 100%;  padding: 0 20px !important;}

    .BannerSectionV1 .LpHeroBannerCTA {  flex-direction: column;}
    /*     .BannerSectionV1 .wrapLeft {  max-width: 100%; padding: 0 20px !important;} */

    .bloglistingbox {  max-width: 100%; }
    .bloglistingboxImg img { object-fit: cover; aspect-ratio: 1.2; }
    .BlogListingBannerTlBox p {     font-size: 22px;     padding : 5px 10px    }
    .BannerSectionV1 .LpHeroBannerLeftColumn { max-width: 100%;  padding: 0 20px !important;}

    .RightContentContent { padding-top: 20px !important;}
    .twoColCardSection  .cardItemInner { padding: 20px !important;}
    .twoColCardSection  .cardContentInner { padding: 0 20px !important;}
    .twoColCardSection  .cardHeading {  padding-top: 20px !important;}
    .twoColCardSection  .cardPara { padding-bottom: 20px !important;}
    .HomeFaqBoxtext a { margin-top: 20px;}
    .HomeFaqRightColumn .outter-button { flex-wrap: wrap;}
    .FutureContactBoxCTA a {  width: 100%;}
    .FutureContactBoxCTA {  max-width: 135px;  width: 100%;}

    .clientReviewSlider .clientItemInner { padding: 37px;}

    .TechRevolutionContentCol {  padding-top: 20px !important; gap: 20px !important;}
    .TechRevolutionButton, .USPInnerSection .outter-button {  padding-top: 20px !important;}
    .LeftImageRightContentSection .RightContentCol .outter-button {  padding-top: 20px !important;}
    .OurPartnerBoxLeftColContent { padding-top: 20px !important;}
    .USPInnerBoxSection { padding-top: 20px !important; gap: 20px;}
    .clientReviewText { text-align: center; -webkit-line-clamp: unset;}
    .clientReviewSlider .slick-current.slick-center .clientReviewText {  -webkit-line-clamp: unset; text-align :center}
    .clientReviewSlider .slick-slide.slick-current .clientReviewItem {  transform: unset;}

    .LContentRImageContent { padding-top: 20px !important;}
    .TimelineBoxSectionmain { padding-top: 0 !important;}

    .ZigZagImgtextBoxContentCol { padding: 20px !important;}
    .ZigZagImgtextBoxContentCol.maxfull {
        padding: 20px !important;
    }
    .ZigZagImgtextBox:last-child .ZigZagImgtextBoxContentCol { padding-bottom: 0 !important;}
    .LeftContentRightImageSection .outter-button a, .ZigZagImgtextSection .outter-button a,.TimelineSection .outter-button a { max-width: unset; width: auto;}

    .ResourcesContent { padding-top : 20px !important }

    .LpHeroBannerSection.BannerSectionV4 .LpHeroBannerLeftColumn { max-width: 100%;}
    .ContactMapSection .ContactMapRightCOl { max-width: 100%; padding-bottom: 50px;}

    .ProfileInnerSection .ProfileBox {  max-width: 70%;}

    .FutureContactBoxCTA a {      padding: 12px 15px !important;    }
    .FutureContactBox { width : 100% !important }

    .twoCardPrizeInner {  padding-bottom: 20px;}
    .twoCardInner {padding-top:82px;}
    
    .clientReviewSlider.clientReviewSlidernotmore .clientReviewItem {
    max-width: 100%;
}
}

@media (max-width : 640px){
    .ProfileInnerSection .ProfileBox.active .ProfileFlipBack {
    display: none;
}

.ProfileInnerSection .ProfileBox.active .ProfileFlipFront {
    transform: rotateY(0) !important;
}
    
    .innerPostBanner .BlogListingBannerBoxTagbox{flex-wrap : wrap}
    .innerPostBanner.blogPostBanner .BlogListingBannerltBox{ padding : 43px 20px 20px !important }
    .twoCardItemInner {  padding: 20px 15px;}
    .twoCardsUdateInfo {   padding-bottom: 0 !important;}
    .twoCardPrizeWrap {  padding: 20px 15px;}

    .sectioniframbox {  max-width: 100%;}
    .applicationProcessStepsWrap ol li {  flex-direction: column;}
    .applicationProcessStepsWrap ol li .formlistboxmain { padding-right: 0; padding-bottom: 50px;}
    .formlistboxmain:before {  display: none;}
    .formlistbox {  position: relative;  z-index: 3;}
    .applicationProcessStepsWrap ol li .formlistboxmain:after { position: absolute;  content: ''; width: 1px; height: calc(100% + 42px); background: #000; bottom: -42px; left: calc(108px / 2);}

    .ContactFormRightCol { padding-left : 30px; padding-right : 30px; }

    .LeftImageRightContentSection .LeftImageCol { max-width :  100%}
    .EssentialSkillTitle h2 { font-size : 30px !important }
    .MeetOurTalentImageBoxMain {  height: 400px;    }
    .cardItemInner {  align-items: flex-start; gap: 10px;}
    .HomeFaqRightColumn .outter-button {  flex-direction: column; align-items: flex-start;}
    .HomeFaqBoxLogo {  display : none}
    .HomeFaqBoxTitleSec span { width: 25px; height: 25px;}
    .HomeFaqBoxTitle { max-width: calc(100% - 25px); padding-left : 0}
    .HomeFaqBoxTitleSec span:before { width: 15px; height: 3px;}
    .HomeFaqBoxTitleSec span:after {  height: 15px; width: 3px;}
    .HomeFaqBoxTitle h4 {  font-size: 21px !important;}
    .HomeFaqInnerSection {  gap: 20px;}
    .HomeFaqBoxtext a {  margin-top: 20px;}

    .FutureContactBox {  flex-direction: column;  align-items: flex-start !important;  gap: 20px;}
    .FutureContactBoxTitle {  max-width: 100%;}
    .TechRevolutionBox { max-width: 90%; }
    .OurPartnerBox .OurPartnerBoxRightCol { height: 350px; }
    .USPInnerBox {  max-width: 100%;}
    .USPInnerBoxSection { gap: 30px;}
    .WhyUsTwoColSlider ul.slick-dots li { width : 15px; height : 15px; } 
    .clientReviewSlider .slick-dots li button:before { font-size : 15px }

    .ProfileInnerSection .ProfileBox {  max-width: 100%;}
    .ProfileBtDis  {background: rgba(226,226,226,1); padding:15px;}
    .Profilebtcontent{display:block !important;}
    .ProfileExcerpt {padding-top:0!important;padding-bottom:20px;}


    .TimelineBoxMain span.number {  width: 80px; height: 80px;top: calc(-80px / 2);}
    .TimelineBoxMain:before {  left: 55px;}
    .TimelineBoxMain { padding-top: 80px !important;}
    .LeftContentRightImageBoxRightCol { max-width: 100%;}

    .ZigZagImgtextBoxContentCol {  padding: 30px 0 !important;}

    .EssentialSkillTitle br { display: none;    }
    .HomeFaqBoxTitle.nologofaq {  max-width: calc(100% - 30px); }
    .cardItemHeading { max-width: 100%;}
    .cardItemInner { align-items: flex-start !important; }
    .bloglistingboxImg { height: 300px; }
    .BlogListingBannerBoxTagbox {      flex-wrap: wrap; }
    .BlogListingBannerBoxTitle h1 { font-size: 35px !important; }
    .BlogListingBannerBoxTagbox {  gap: 10px 20px;}
    .BlogListingBannerBoxContent {  padding-top: 20px;}
    .BlogListingBannerBoxbutton {  padding-top: 20px;}

    /*     .LeftContentRightImageSection .outter-button a {  min-width: auto;} */
    .twoColCardSection .cardItemInner {  gap: 20px;}
    .MeetOurTalentInfoInnerBtnGroup {  padding-top: 20px !important;}
    .RightContentCol  .outter-button {  padding-top: 20px !important;}
    .HomeFaqRightColumn .outter-button, .cardItemInner {  padding-top: 20px !important;    gap: 20px !important;}
    .FutureContactTitle > * {  line-height: 1.3 !important;}
    .FutureContactBoxCTA {  max-width: 100%;}
    .USPInnerBoxSection {  gap: 15px;}

    .OurPartnerBox .OurPartnerBoxRightCol img { object-fit: cover; width: 100%;  height: 100% !important;}
    .ProfileInnerSection .ProfileBox {  max-width: 100%;}

    .ApplyTwoColumnBox {  max-width: 100%;}
    .ApplyTwoColumnInnerSec {  gap: 70px;}

    .bloglistingboxTitle a {      font-size: 23px; }
    .twoCardPrizeWrap {    align-items: flex-start !important; flex-direction: column;}

    .ContactMapTwoCOl { flex-direction: column; gap: 10px;}
    .ContactMapLeftCollocation { max-width: 100%;}
    .ContactMapRightCol { max-width: 100%;}
    .ContactMapphone { margin-top: 10px;}    
    .ContactMapTwoCOl>div { gap : 10px; }
    .ContactMapphone { margin-top : 0  }
}

@media (max-width : 480px){
    .blogPostBanner .BlogListingBannerrtBox a{height:100%;}

    .applicationProcessStepsWrap ol li .olList_name {  width: 80px;  height: 80px;}
    .applicationFormWrap {  padding: 20px 0;}
    .sectioniframbox {  max-width: 100%;}
    .applicationProcessStepsWrap ol li .formlistboxmain:after,  .applicationProcessStepsWrap ol li:not(:last-child) .formlistboxmain:after { height: 100%; left: calc(80px / 2);}


    .EssentialSkillTitle h2 { font-size : 28px !important }
    .ContactFormRightCol {      padding: 20px; }
    .OurPartnerBox .OurPartnerBoxLeftCol { padding: 15px !important;}

    .logofeatured.logofeaturedless { flex-direction: column;}


    .logoSliderInner .logoItem img{max-width:80% !important;margin:0 auto;}

    .TechRevolutionBox { max-width: 100%;    padding: 30px 15px;    }
    .TimelineBoxMain, .TimelineBoxSectionInner.TimelineBoxSectionthreecol .TimelineBoxMain { padding-left : 10px; padding-right : 10px  }

    /*     .BannerSectionV1 { padding-top: 100px !important;} */
    .BannerSectionV1 .LpHeroBannerRightColumn {  max-width: 100%;}
    .BannerSectionV1 .LpHeroBannerLeftColumn .LpHeroBannerTitle h1 { line-height: 1.4;}

    .logofeatured.logofeaturedless .logofeaturedItem a { max-width: 250px; width: 100%; }
    .logofeatured.logofeaturedless .logofeaturedItem a img { width: 100%; height: 100%;   object-fit: scale-down;}
    /*     .TimelineBoxSectionmain {  padding-top: 30px !important; } */
    .bloglistingboxImg {     height: 250px;    }

    .clientReviewSlider .clientItemInner {  padding: 15px;}
    .clientReviewText { -webkit-box-orient: unset !important; overflow: unset !important;}
    .clientDetails {  bottom: 0 !important;}

    .BannerSectionV4Form form input { width: 100% !important;}

    .twoColCardSection .cardItemInner{flex-direction: column;}

    .ContactFormRightCol .submitted-message{font-size:15px;}

    .ApplyTwoColumnBoxBTN a { padding: 12px 12px !important;}
    .ApplyTwoColumnBoxBTN {  position: unset;}
    .ApplyTwoColumnBoxBT {  padding: 20px;}
    .ApplyTwoColumnInnerSec { gap : 30px; }
}

@media (max-width : 400px){
    .ContactFormLeftColMain { max-width: 100% !important; margin : 0 }

    h1 {font-size:28px !important;}
    .blogreadtime span{line-height:1.5;}




}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}