/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ibm-plex-sans-300 - latin */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/ibm/ibm-plex-sans-v13-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/ibm/ibm-plex-sans-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
  }
  /* ibm-plex-sans-regular - latin */
  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ibm/ibm-plex-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/ibm/ibm-plex-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-regular.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
  }
  /* ibm-plex-sans-500 - latin */
  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/ibm/ibm-plex-sans-v13-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/ibm/ibm-plex-sans-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-500.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
  }
  /* ibm-plex-sans-600 - latin */
  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/ibm/ibm-plex-sans-v13-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/ibm/ibm-plex-sans-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-600.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
  }
  /* ibm-plex-sans-700 - latin */
  @font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/ibm/ibm-plex-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/ibm/ibm-plex-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/ibm/ibm-plex-sans-v13-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
  }
  
  
  /* inria-serif-300 - latin */
  @font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/inria/inria-serif-v12-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/inria/inria-serif-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/inria/inria-serif-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/inria/inria-serif-v12-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/inria/inria-serif-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/inria/inria-serif-v12-latin-300.svg#InriaSerif') format('svg'); /* Legacy iOS */
  }
  /* inria-serif-regular - latin */
  @font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inria/inria-serif-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/inria/inria-serif-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/inria/inria-serif-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/inria/inria-serif-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/inria/inria-serif-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/inria/inria-serif-v12-latin-regular.svg#InriaSerif') format('svg'); /* Legacy iOS */
  }
  /* inria-serif-700 - latin */
  @font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inria/inria-serif-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/inria/inria-serif-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/inria/inria-serif-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/inria/inria-serif-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/inria/inria-serif-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/inria/inria-serif-v12-latin-700.svg#InriaSerif') format('svg'); /* Legacy iOS */
  }
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/roboto-slab/RobotoSlab-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/roboto-slab/RobotoSlab-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/roboto-slab/RobotoSlab-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/roboto-slab/RobotoSlab-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/roboto-slab/RobotoSlab-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Medium.ttf');
    font-weight: 600;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.ttf');
    font-weight: 700;
}
  
  @font-face {
    font-family: 'TA Icons';
    src:  url('../fonts/icons/icomoon-v1.eot?lvt570');
    src:  url('../fonts/icons/icomoon-v1.eot?lvt570#iefix') format('embedded-opentype'),
      url('../fonts/icons/icomoon-v1.ttf?lvt570') format('truetype'),
      url('../fonts/icons/icomoon-v1.woff?lvt570') format('woff'),
      url('../fonts/icons/icomoon-v1.svg?lvt570#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* Fonts */
    font-family: 'TA Icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-facebook:before {
    content: "\e905";
  }
  .icon-instagram:before {
    content: "\e906";
  }
  .icon-linkedin:before {
    content: "\e907";
  }
  .icon-medium:before {
    content: "\e909";
  }
  .icon-twitter:before {
    content: "\e921";
  }

/* Import fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Inria+Serif:wght@300;400;700&display=swap');*/

/* Variables */
:root {
    /* font variables */
    --inria: 'Inria Serif', serif;
    --ibm: 'IBM Plex Sans', sans-serif;
    --roboto-slab: 'Roboto Slab', serif;
    --roboto: 'Roboto', sans-serif;

    /* text color variables */
    --black: #000;
    --black-regular: #0e0f14;
    --black-medium: #2d2e37;
    --black-light: #383940;
    --black-dark: #1c1c1f;
    --white: #fff;
    --orange: #ef5a2a;
    --text-black: #32364b;
    --text-light: #e2e2e2;
    --blue-medium: #353546;
    
    /* background variables */
    --bg-white: #fff;
    --bg-black: #0e0f14;
    --bg-grey: #efefef;
    --bg-grey-light: #f8f8f8;
    --bg-orange-light: #fff8f0;
    --bg-orange: #ef5a2a;
    --bg-transparent: transparent;
    --bg-skyblue: #88e0ef;
    --bg-yellow: #ffd292;

    /* border variables */
    --border-black: #000;
    --border-black-regular: #0e0f14;
    --border-black-medium: #32364b;
    --border-black-xmedium: #353546;
    --border-black-light: #383940;
    --border-gray: #C5C5C6;
    --border-grey: #dbdbdb;
    --border-grey-medium: #707070;
    --border-grey-light: #454964;
    --border-grey-xlight: #E6E6E8;
    --border-orange: #ef5a2a;
    --border-white: #fff;

    /* transition variables */
    --primary-transition: all 0.3s ease-in-out;

    /* rgba */
    --primary-rgba: rgba(53, 53, 70, 0.24);
    --secondary-rgba: rgba(14, 15, 20, 0.32);
    --secondary-rgba-light: rgba(14, 15, 20, 0.24);
    --secondary-rgba-xlight: rgba(14, 15, 20, 0.16);
    --tertiary-rgba: rgba(53, 53, 70, 0.32);
}

/* Common css */
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {    
    font-family: var(--roboto);
    color: var(--black-regular);
    font-weight: 400;
    font-variant-ligatures: none;
    background: var(--bg-white);
    margin: 0;
    overflow-x: hidden;    
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--roboto-slab);
    font-weight: 600;
    padding: 0;
    margin: 0;
}
p, ul, figure {
    padding: 0;
    margin: 0;
}
*:focus, a, a:hover, a:focus, button, button:hover, button:focus {
    text-decoration: none;
    outline: 0 none;
    transition: var(--primary-transition);
}
ul, li {
    list-style: none;
}
img {
    max-width: 100%;
    height: auto;
}
.container {
    max-width: 100%;
    padding: 0 20px;
}
.row {
    margin: 0 -20px;
}
.row > * {
    padding: 0 20px;
}
.bg-black {
    background: var(--bg-black);
}
.bg-grey {
    background: var(--bg-grey);
}
.bg-grey-light {
    background: var(--bg-grey-light);
}
.bg-orange {
    background: var(--bg-orange-light);
}
.bg-yellow {
    background: var(--bg-yellow);
}
section:not(.wrapper) {
    padding: 96px 0;
}
h1 {
    font-size: 56px;
    line-height: 72px;
    color: var(--black-regular);
}
h1.small {
    font-size: 40px;
    line-height: 52px;
}
h2 {
    font-size: 48px;
    line-height: 56px;
}
h2.medium {
    font-size: 36px;
    line-height: 48px;
}
h2.small {
    font-size: 32px;
    line-height: 48px;
}
h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
}
h4,
.h-4 h6,
.contact-banner .country-list h3 > span {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}
h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;    
}
h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;    
}
p {
    font-size: 18px;
    line-height: 28px;
    color: var(--black-medium);
}
p.small,
.banner p.small {
    font-size: 16px;
    line-height: 20px;    
}
.font-20 {
    font-size: 20px;
    line-height: 32px;
    color: var(--black-medium);
    padding-top: 16px;
}
a, button {
    text-decoration: none;
    cursor: pointer;
}
.btn {
    font-weight: 500;
    border-radius: 0;
    border: 0;
    padding: 16px 24px;
    box-shadow: none !important;
    cursor: pointer;
}
.btn-primary {
    font-size: 20px;
    line-height: 32px;
    color: var(--white);
    background: var(--bg-orange);    
    min-width: 248px;    
}
.btn-primary-2 {
    font-size: 20px;
    background: var(--bg-black);
}
.btn-secondary {
    font-size: 20px;
    line-height: 27px;
    color: var(--black);
    background: var(--bg-transparent); 
    min-width: 250px;
    border: 1px solid var(--border-black);
}
.btn span {
    padding-right: 60px;
    position: relative;
}
.btn span:before {
    font-family: 'TA Icons';
    content: "\e902";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: right 0.3s ease-in-out;
    margin-top: 1px;
}
.btn:hover,
.btn:focus {
    background: var(--bg-black);
}
.btn-primary-2:hover,
.btn-primary-2:focus {
    background: var(--bg-orange);
}
.btn:hover span:before {
    background-position: 0 0;
    right: -10px;
}
.learn-more,
header a.learn-more {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--orange);
    padding-right: 18px;
    position: relative;
    display: inline-block;
}
.learn-more:hover {
    color: var(--orange);
}
.learn-more:before {
    font-size: 11px;
    font-family: 'TA Icons';
    content: "\e903";
    position: absolute;
    right: 0;
    top: 1.5px;
    transition: var(--primary-transition);
}
.learn-more:hover:before {
    right: -5px;
}
.form-control {
    font-size: 18px;
    color: var(--black-regular);
    height: 64px;
    border: 1px solid var(--border-black-medium) !important;
    border-radius: 0;
    background: var(--bg-transparent) !important;
    padding: 10px 25px 10px 50px;
    box-shadow: none !important;
    transition: none;
}
.form-control:focus,
.form-control:active {
    border-color: #2196f3 !important;
}
.form-control::placeholder {
    color: rgba(14, 15, 20, 0.64);
}
.fields-set:before {
    font-size: 18px;
    font-family: 'TA Icons';
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
}
.mail-input:before {    
    content: "\e908";    
    margin-top: 2px;
}
.name-input:before {
    content: "\e90b";
}
.company-input:before {    
    content: "\e910";    
}
.phone-input:before {
    content: "\e911";
}
.file-input:before {
    content: "\e912";
}
.country-input:before {
    content: "\e918";
    pointer-events: none;
}
.experience-input:before {
    content: "\e91c";
    pointer-events: none;
}
.additional-info-input:before {
    content: "\e91b";
}
.contact-mail-input:before {
    content: "\e908";
    margin-top: 1px;
}
.column-count-2,
.column-count-3,
.column-count-4 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px !important;
    margin-right: -10px !important;
}
.column-count-2 li,
.column-count-3 li,
.column-count-4 li {
    width: calc(50% - 20px);
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.column-count-3 li {
    width: calc(33.33333% - 20px);
}
.column-count-4 li {
    width: calc(25% - 20px);
}
.minh-auto {
    min-height: auto !important;
}
.font-ibm {
    font-family: var(--roboto) !important;
}
.font-inria {
    font-family: var(--roboto-slab) !important;
}
.color-inherit {
    color: inherit;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-text {
    cursor: text;
}
textarea {
    resize: none;
}
.transform-none {
    transform: none !important;
}

/* Keyframes */
@keyframes jump {
    0% {bottom: 0;} 
    50% {bottom: -10px;} 
    100% {bottom: 0;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes slideIn {
    from {transform: translate3d(0, 0, 0);}
    to {transform: translate3d(-100%, 0, 0);}
}
@keyframes dashIn {
    from {stroke-dashoffset: 1000;}
    to {stroke-dashoffset: 0;}
}
@keyframes grow {
    0%, 40%, 100% {transform: scale(0);}
    40% {transform: scale(1);}
}
@keyframes widthProgress {
    0% {width: 0;}
    100% {width: 100%;}
}
@keyframes pulse {
    0% {stroke-width: 1; stroke: rgba(239, 90, 42, 0.8);}
    to {stroke-width: 35; stroke: transparent;}
}
@keyframes pulse-dot {
    0% {transform: translate(10.606px, 10.046px) scale(.8);}
    50% {transform: translate(10.606px, 10.046px) scale(1);}
    100% {transform: translate(10.606px, 10.046px) scale(.8);}
}

/* Loader */
.loader { 
    position: fixed;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.dot-loader {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: var(--orange);
    position: relative;    
    animation: 1.5s grow ease-in-out infinite;
}  
.dot-loader-2 {
    animation: 1.5s grow ease-in-out infinite 0.2s;   
}
.dot-loader-3 {
    animation: 1.5s grow ease-in-out infinite 0.4s;    
}

/* Header */
header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: var(--bg-white);
    z-index: 1001;
}
.header-bar {
    padding: 12px 0;
    transition: var(--primary-transition);
}
.header-sticky .header-bar,
.header-hide .header-bar {
    padding: 6px 0 7px;
    margin-top: -34px;
}
.header-bar p {
    font-size: 18px;
    line-height: 20px;    
}
.header-bar p.text-black {
    font-weight: 500;
}
.header-bar .learn-more {
    padding-left: 5px;
}
.header-bar p.text-black .learn-more {
    font-weight: 700;
}
.header-bar .learn-more:before {
    font-size: 12px;
    top: 1px;
}
.header-menu {
    padding: 12px 0;
    border-bottom: 1px solid rgba(14, 15, 20, 0.1);
    transition: var(--primary-transition);
}
.header-sticky .header-menu {
    padding: 5px 0;
}
.header-hide .header-menu {
    margin-top: -94px;
}
.header-show .header-menu {
    margin-top: 0;
}
.header-logo {
    width: 229px;
    height: 50px;   
}
.header-sticky .header-logo {
    width: 210px;
    height: 45px;
}
.header-menu nav {
    margin: 0 -16px;
    padding: 0;
}
.header-menu nav.top-navbar {
    padding-bottom: 12px;
}
.header-menu li {
    padding: 0 16px;
    position: relative;
    cursor: pointer;
}
.header-menu a,
.header-inner-menu a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--black-regular);
    position: relative;
    display: block;
    z-index: 1;
}
.header-menu a:not(.btn):hover,
.header-menu a.view-btn {
    color: var(--orange);
}
.top-navbar a {
    font-size: 14px !important;
    line-height: 18px;
    font-weight: 400;
}
.header-menu .btn-secondary {
    padding: 8px 10px;
    min-width: 120px;    
    min-height: 40px;
    line-height: 23px;
}
.btn-secondary:hover {
    border-color: var(--border-black-regular);
}
.header-menu a .icon-arrow-right-vsmall:before {
    font-size: 11px;
    content: "\e90c";
    position: relative;
    right: -3px;
    top: 0.5px;
    transition: var(--primary-transition);
}
.header-menu a:hover .icon-arrow-right-vsmall:before {
    right: -8px;
}
.dropdown-navbar .nav-item:not(.btn-group):before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: scaleX(5) translateX(-10%) rotate(45deg);
    z-index: 0;
    pointer-events: none;
}
.dropdown-navbar .nav-item:not(.btn-group):hover:before {
    pointer-events: auto;
}
.dropdown-navbar .sub-menu {    
    width: 100%;
    position: fixed;
    left: 0;
    top: 139px;
    padding: 32px 0;  
    /* transform: rotateX(-15deg); */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: var(--bg-grey-light);
    z-index: 10;
    /* transition: transform 250ms ease 0s, opacity 250ms ease 0s, top 0.3s ease-in-out; */
    transition: top 0.3s ease-in-out;
    max-height: calc(100vh - 139px);
    overflow-y: auto;
}
.header-sticky .dropdown-navbar .sub-menu {
   top: 81px; 
   max-height: calc(100vh - 81px);
}
.dropdown-navbar .sub-inner-menu {
    padding-top: 15px;
}
.dropdown-navbar .sub-inner-menu a {
    color: rgba(0, 0, 0, 0.5);
}
.header-menu .hamburger {
    width: 30px;
    cursor: pointer;
    z-index: 1;
    right: 12px;
    top: 18px;
}
.header-menu .hamburger span {
    width: 30px;
    height: 2.5px;
    background: var(--bg-black);
    display: block;
    margin: 5px 0;
    transition: var(--primary-transition);
}
.menu-open .hamburger {
    transition: var(--primary-transition);
    transition-delay: 0.3s;
    transform: rotate(45deg);
}
.menu-open .hamburger span:first-child {
    transform: translateY(7px);
    transition-delay: 0.3s;
}
.menu-open .hamburger span:nth-child(2) {
    width: 0;
}
.menu-open .hamburger span:last-child {
    transform: translateY(-8px) rotate(90deg);
    transition-delay: 0.3s;
}
.header-menu .dropdown:after {
    content: '';
    width: 23px;
    height: 2px;
    background: var(--bg-orange);
    position: absolute;
    left: 50%;
    top: 41px;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center center;
    transition: 250ms ease 0s, top 0.3s ease-in-out;
    z-index: 10;
}
.header-sticky .header-menu .dropdown:after {
    top: 33px;
}
.header-menu .expand.dropdown:after {
    transform: translateX(-50%) scaleX(1);
}
.header-menu .expand.dropdown > a {
    color: var(--orange);
}
.sub-menus {
    width: calc(100% - 395px);
    border-right: 1px solid var(--primary-rgba);
    margin-right: 45px;
    padding-right: 45px;
}
.sub-menus ul {
    margin: 0 -25px;
    position: relative;
}
.sub-menus li {
    padding: 0 25px;
    margin: 0 !important;
}
.sub-menu h5 {
    padding-bottom: 12px;
}
.sub-menus li h5 {
    font-size: 18px;
    font-weight: 600;    
    padding-right: 0;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-black-medium);    
}
.sub-menus li a:hover h5 {
    color: var(--orange);
    border-bottom: 1px solid var(--border-orange);
}
/* .sub-menus li h5:after {
    font-size: 16px;
    font-family: 'TA Icons';
    font-weight: 400;
    content: '\e903';
    position: absolute;
    right: 0;
    top: 0;
    transition: var(--primary-transition);
} */
.sub-menu p {
    font-size: 15px;
    line-height: 24px;
    color: var(--text-black);
    font-weight: 400;
    padding-bottom: 24px;    
}
.sub-menu a:hover p {
    color: var(--orange);
}
.sub-menu-spotlight {
    width: 350px;
}
.sub-menu-spotlight p {
    padding: 5px 0 0;   
    border-width: 1px 0;
}
.sub-menu-spotlight .btn-primary {
    font-size: 18px;
    line-height: 23px;
    color: var(--white);
    display: inline-block;
    margin-top: 32px;
    min-width: 247px;
}
.sub-menu .main-carousel h5 {
    padding: 16px 0 0;
}
.sub-menu-spotlight .main-carousel p {
    padding: 8px 0 0;
    margin-bottom: 20px;
    border: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow : hidden;
}
.menu-open:before {
    content: '';
    width: 100%;
    height: 1000%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.header-hide:before {
    content: none;
    display: none;
}
.header-show:before {
    content: '';
    display: block;
}
.sub-menus li.openings-usa {
    min-height: 75px;
}

/* Banner */
.banner {
    margin-top: 134px;
    transition: var(--primary-transition);
    overflow: hidden;
}
.header-sticky .banner {
    margin-top: 76px;
}
.banner .container {
    min-height: calc(100vh - 134px);
    transition: var(--primary-transition);
}
.header-sticky .banner .container {
    min-height: calc(100vh - 76px);
}
.banner .container > .row.w-100 {
    width: calc(100% + 40px) !important;
}
.banner-content {
    width: 100%;
    padding: 30px 0;
}
.home-banner h1 {
    max-width: 1005px;
    margin: 0 auto;
}
.banner p {
    font-size: 24px;
    line-height: 36px;
    margin: 24px 0 0;
}
.home-banner p {
    max-width: 915px;
    margin: 24px auto 48px;
}
.ecommerce-banner p {
    margin-top: 32px;
}
.form-banner .container:before {
    content: '';
    background: var(--bg-orange-light);
    width: 50%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: -56px;
    pointer-events: none;    
}

/* Content */
.partners-list {
    padding: 39px 0;
    border: 1px solid var(--secondary-rgba-xlight);
    border-width: 1px 0;
}
.best-practices .font-20 {
    padding-bottom: 56px;
    max-width: 90%;
}
.best-practices .row {
    margin-top: -29px;
    margin-bottom: -29px;
}
.best-practices .col-12 {
    margin: 29px 0;
}
.best-practices .col-12 h4 {
    max-width: 80%;
}
.best-practices .col-sm-6 p {
    margin: 15px 0 32px;
    max-width: 95%;
}
.dynamic-web-mobile-solutions .heading {
    max-width: 615px;
}
.dynamic-web-mobile-solutions .font-20 {
    padding-bottom: 35px;
}
.dynamic-web-mobile-solutions li {   
    border-top: 1px solid var(--border-black-regular);
}
.dynamic-web-mobile-solutions li a {
    position: relative;
    display: block;
    padding: 32px 50px 32px 0;
    left: 0;
}
.dynamic-web-mobile-solutions li a:after {
    font-size: 30px;
    color: var(--black);
    font-family: 'TA Icons';
    content: "\e901";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--primary-transition);    
}
.dynamic-web-mobile-solutions li a:hover {
    left: 15px;
}
.full-stack-development .container:before,
.case-studies .container:before {
    content: '';
    background: var(--bg-grey);
    width: 50%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: -56px;
    pointer-events: none;
    z-index: 1;
}
.slick-track {
    display: flex;
}
.dynamic-web-mobile-solutions li h4 {
    color: var(--black);
}
.dynamic-web-mobile-solutions li p {
    margin-top: 2px;
}
.full-stack-development .d-flex {
    padding-bottom: 65px;
    border-bottom: 1px dashed var(--border-grey-light);
}
.full-stack-development .main-carousel {    
    padding: 64px 0 108px;
    margin-left: -28px;
}
.full-stack-development .main-carousel .slick-list {
    overflow: visible;
}
.full-stack-development .main-carousel .carousel-cell {
    margin: 0 28px;    
}
.full-stack-development .main-carousel h3 {
    min-height: 76px;
    display: flex;
    align-items: flex-end;
}
.full-stack-development .main-carousel p {
    padding: 35px 0 24px;
    margin-top: 24px;
    border-top: 1px solid var(--border-grey-light);  
}
.full-stack-development .main-carousel .slick-arrow,
.sub-menu-spotlight .main-carousel .slick-arrow {
    font-size: 0;
    width: 48px;
    height: 48px;
    border: 1px solid var(--border-orange);
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.full-stack-development .main-carousel .slick-prev,
.sub-menu-spotlight .main-carousel .slick-prev {    
    right: 72px;
    transform: rotate(180deg);
}
.full-stack-development .main-carousel .slick-disabled,
.sub-menu-spotlight .main-carousel .slick-disabled {
    border: 1px solid var(--border-black-light);    
}
.full-stack-development .main-carousel .slick-arrow:before,
.sub-menu-spotlight .main-carousel .slick-arrow:before {
    font-size: 10px;
    font-family: 'TA Icons';
    color: var(--orange);
    content: "\e903";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: var(--primary-transition);
}
.full-stack-development .main-carousel .slick-disabled:before,
.sub-menu-spotlight .main-carousel .slick-disabled:before {
    color: var(--black-light);
}
.heading.position-sticky {
    top: 0;
    transition: var(--primary-transition);
}
.header-show .heading.position-sticky {
    top: 81px;
}
.we-helps-businesses .row .row {
    padding-left: 65px;
}
.we-helps-businesses h4 {
    font-weight: 400;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-black-regular);
    max-width: 300px;
}
.we-helps-businesses strong {
    font-size: 64px;
    line-height: 84px;
    font-weight: 400;
    padding-bottom: 45px;
    display: block;
}
.case-studies .col-lg-4 {
    background: var(--bg-grey);
    z-index: 1;
}
.case-studies h2 {
    padding-bottom: 20px;
}
.case-studies .heading p {
    max-width: 75%;
}
.yellow-label {
    font-size: 12px;
    line-height: 15px;
    color: var(--black-regular);
    font-weight: 600;
    text-transform: uppercase;
    background: var(--bg-yellow);
    padding: 5px 6px;
    margin-bottom: 10px;
    border-radius: 2px;
}
.case-studies .main-carousel {
    margin: 0 -20px;
}
.case-studies .main-carousel .slick-list {
    overflow: visible;
}
.case-studies .carousel-cell {
    margin: 0 20px;
    position: relative;
}
.case-studies .carousel-cell:before {
    content: '';
    background: var(--bg-white);
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.case-studies .carousel-cell.slick-active:before {
    content: none;
    display: none;
}
.hover-element {
    position: relative;
    display: block;
    overflow: hidden;
}
.hover-element > .bg-hover {
    content: '';
    background: var(--bg-orange);	
	position: absolute;
	width: 0;
	height: 0;	
	border-radius: 100%;	
	transform: translate(-50%, -50%);
	transition: width 0.3s, padding-top 0.3s;
}
.hover-element:hover > .bg-hover {
	width: calc(100% * 5);
	padding-top: calc(100% * 5);
}
.case-studies .carousel-cell img {
    width: 100%;
}
.case-studies .main-carousel figcaption,
.case-studies .main-carousel p {
    width: 100%;
    padding: 24px;
    position: absolute;
    left: 0;   
}
.case-studies .main-carousel figcaption {
    font-size: 28px;
    line-height: 37px;
    color: var(--white);
    font-weight: 500;    
    transition: var(--primary-transition);
    top: 100%;
    margin-top: -110px;
    z-index: 1;
}
.case-studies .main-carousel figcaption span {
    position: relative;
    display: block;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-white);
}
.case-studies .main-carousel figcaption span:before {
    font-size: 16px;
    font-family: 'TA Icons';
    content: "\e904";
    position: absolute;
    right: 0;
    top: 2px;
}
.case-studies .main-carousel p {
    color: var(--white);
    opacity: 0;
    visibility: hidden;
    transition: var(--primary-transition);
    bottom: 0;
    z-index: 1;
}
.case-studies .main-carousel a:hover figcaption {
    top: 0;
    margin-top: 0;
}
.case-studies .main-carousel a:hover p {
    opacity: 1;
    visibility: visible;
}
.case-studies .main-carousel .slick-arrow {
    font-size: 0;
    width: 80px;
    height: 80px;
    background: var(--bg-white);
    border: 0;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    right: -24px;
    top: 50%;    
    transform: translateY(-50%);
    z-index: 2;
    transition: var(--primary-transition);
}
.case-studies .main-carousel .slick-arrow:before {
    font-size: 24px;
    font-family: 'TA Icons';
    font-weight: 600;
    color: var(--orange);
    content: "\e901";
    position: absolute;
    left: 50%;    
    top: 50%;
    transform: translate(-50%, -50%);
    transition: var(--primary-transition);
}
.case-studies .main-carousel .slick-prev {
    right: auto;
    left: 5px;
    transform: translateY(-50%) rotate(180deg);
}
.case-studies .main-carousel .slick-disabled {
    display: none !important;
}
.customers-say-content {
    max-width: 985px;
    position: relative;
}
.customers-say-content .heading .font-20 {
    padding-top: 8px;
    padding-bottom: 40px;
}
.customers-say-content h3,
.customers-say-content h4 {
    font-family: var(--roboto);
    line-height: 36px;
    color: var(--black-regular);
    font-weight: 400;    
    padding: 24px 0;
    border: 1px solid var(--border-black-xmedium);
    border-width: 1px 0;
    margin-bottom: 5px;
}
.customers-say-content h4 {    
    line-height: 40px;
}
.customers-say-content .customer-info {
    padding-bottom: 36px;    
    padding-right: 100px;
}
.customers-say-content .customer-info figure {
    margin-right: 24px;
}
.customers-say-content .customer-info h5 {
    font-family: var(--roboto);
    font-size: 24px;
    line-height: 30px;
    color: var(--black-regular);    
    margin-bottom: 4px;
}
.customers-say-content .customer-info h5 > span {
    font-size: 18px;
    font-weight: 400;
}
.customers-say-content .slick-dots {
    position: absolute;
    right: 0;
    top: 28px;
    display: flex;
    z-index: 1000;
}
.customers-say-content .slick-dots li button {
    font-size: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--secondary-rgba);
    margin-left: 8px;
    padding: 0;
    border: 0;
    outline: 0;
    transition: var(--primary-transition);
}
.customers-say-content .slick-dots li.slick-active button,
.customers-say-content .slick-dots li button:hover {
    background: var(--orange);
}
section.awards-recognitions {
    padding-bottom: 60px;
}
.awards-recognitions .container:before,
.awards-recognitions .container:after,
.awards-recognitions .row:before,
.awards-recognitions .row:after {
    content: '';
    background: var(--bg-white);
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.awards-recognitions .container:before,
.awards-recognitions .container:after {
    width: 20px;
}
.awards-recognitions .container:after {
    left: auto;
    right: 0;
}
.awards-recognitions h2 {
    margin-bottom: 15px;
}
.awards-recognitions .row:before,
.awards-recognitions .row:after {
    width: 100%;
    height: 80px;    
}
.awards-recognitions .row:after {
    height: 55px;
    top: auto;
    bottom: 0;
}
.awards-recognitions .col-6 {
    padding-top: 85px;
    padding-bottom: 60px;
    text-align: center;
    border: 1px dashed rgba(69, 73, 100, 0.16);
}
.awards-recognitions figure {
    min-height: 37px;
    margin-bottom: 32px;
}
.awards-recognitions img {
    transition: var(--primary-transition);
}
.awards-recognitions .col-6:hover img {
    transform: scale(1.1);
}
.awards-recognitions h5 {
    font-family: var(--roboto);
    color: var(--black-regular);
}
.contact-us-mail {
    max-width: 784px;
}
.contact-us-mail .font-20 {
    padding-bottom: 32px;
    margin-bottom: 75px;
    border-bottom: 1px solid var(--border-black-medium);
}
.contact-us-mail .btn-primary {
    min-width: 240px;
    margin-left: -10px;
}
.contact-us-mail .btn span {
    padding-right: 95px;
}
.contact-us-mail .mail-input .form-control {
    width: 512px; 
}

/* Footer  */
.footer-bottom {
    background-color: var(--bg-black);
    color: var(--bg-white);
    font-family: var(--roboto-slab);
}
.footer-menu {
    padding-top: 96px;
    padding-bottom: 96px;
}
.footer-menu h5 {
    color: var(--black-regular);
    line-height: 30px;
    padding-bottom: 18px;    
}
.footer-menu li {
    padding-bottom: 16px;
}
.footer-menu li:last-child {
    padding-bottom: 0;
}
.footer-menu li a span {
    color: var(--black-regular);
    font-size: 12px;
    font-weight: 500;
    padding: 4px 6px;
    margin-left: 5px;
    background-color: var(--bg-skyblue);
    border-radius: 2px;
    position: relative;
    z-index: 1;
}
.footer-menu li a {
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-black);
    position: relative;
    padding-bottom: 3px;
}
.footer-menu li a:after {
    content: '';
    background: var(--text-light);
    width: 100%;
    height: 2px;
    border-radius: 15px;
    position: absolute;
    left: 0;
    bottom: 1px;
    transform: scaleX(0);
    transform-origin: right bottom;
    transition: transform .3s;
}
.footer-menu li a:hover:after {
    transform: scale(1);
    transform-origin: left bottom;
}
.footer-menu li .learn-more {
    color: var(--orange);
    margin-top: 15px;
    display: inline-block;
}
.footer-menu li .learn-more:hover {
    color: var(--orange);
}
.footer-menu li .learn-more:before {
    top: 1.5px;
}
.footer-locations h4 {   
    font-size: 24px;
    font-weight: 400;
    padding: 34px 0;
    color: var(--white);
    border-bottom: 1px solid var(--border-black-xmedium);
}
.tawk-img {
    display: inline-block;
    margin-top: 24px;
    max-width: 143px;
}
.footer-locations .location-header {
    display: block;
    padding-top: 23px;
    padding-bottom: 23px;
    font-size: 20px;
    font-family: var(--roboto);
    color: var(--white);
    border-bottom: 1px solid var(--border-black-xmedium);
}
[data-bs-toggle="collapse"].location-header {
    justify-content: space-between;
    display: flex;
}
.address-block address {
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-light);
    padding-bottom: 25px;
    padding-top: 25px;
    margin-bottom: 0;
}
.address-block address a {
    display: block;
    font-size: 18px;
    margin-top: 16px;
    color: var(--text-light);
}
.address-block address a:hover {
    color: var(--orange);
}
.address-block {
    font-family: var(--roboto);
    border-bottom: 1px solid var(--border-black-xmedium);
}
[data-bs-toggle="collapse"].location-header:after {
    font-size: 24px;
    font-family: 'TA Icons';
    content: "\e90a";
}
[data-bs-toggle="collapse"].location-header.collapsed:after {
    content: "\e90c";
}
.copy-rights {
    color: var(--white);
    font-size: 14px;
    font-family: var(--roboto);
    padding-top: 23px;
    padding-bottom: 23px;
    margin-top: 72px;
}
.copy-rights span, .copy-rights a {
    color: var(--orange);
    text-decoration: none;
}
.copy-rights a:hover {
    text-decoration: underline;
}
.footer-social {
    padding-top: 72px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--border-black-xmedium);
    margin-bottom: 42px;
}
.footer-social ul {
    display: flex;
}
.footer-social ul li {
    margin-left: 24px;
}
.footer-social ul li:first-child {
    margin-left: 0;
}
.footer-social a{
    display: block;
}
.footer-social [class^="icon-"], 
.footer-social [class*=" icon-"] {
    font-size: 24px;
    transition: var(--primary-transition);
    vertical-align: middle;
    color: var(--white);
}
.footer-social [class^="icon-"]:hover, 
.footer-social [class*=" icon-"]:hover {
    color: var(--orange);
}
.col-c-1,
.col-c-2,
.col-c-3,
.col-c-4 {
    flex: 0 0 auto;
    width: 100%;
}

/* Web page */
/* Banner */
.banner-form-section {
    padding: 40px 25px 40px 55px;     
}
.banner-form-section .form-head h2,
.banner-form-section .form-head h3,
.banner-form-section .form-head h4 {
    display: block;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed var(--border-black-regular);
    position: relative;
    z-index: 1;
}
.banner-form-section .fields-set {
    margin-bottom: 20px;
}
.banner-form-section .submit-btn {
    padding-top: 5px;
}
.banner-form-section .btn-primary {
    min-width: 100%;
    padding: 12px 32px;
}
.banner-form-section .btn-primary span {
    display: block;
}

/* Choice to Partner */
section.choice-to-partner .d-flex {
    flex-wrap: wrap;
}
section.choice-to-partner .heading {
    top: 165px;
}
.accordion-choice-partner .accordion-item {
    background: transparent;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important;    
}
.accordion-choice-partner .accordion-button:not(.collapsed) {
    color: var(--black);
    box-shadow: none;
}
.accordion-choice-partner .accordion-button {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    font-family: var(--roboto);
    padding: 32px 40px 32px 0;
    background: transparent;
    border-radius: 0 !important;
}
.accordion-choice-partner .accordion-button:focus {
    border: none;
    box-shadow: none;
}
.accordion-choice-partner .accordion-body {
    padding: 0;
    padding-bottom: 32px;
}
.accordion-choice-partner .accordion-button:after {
    font-size: 29px;
    font-family: 'TA Icons';
    content: "\e90c";
    color: var(--black);
    font-weight: 500;
    width: 29px;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: none;
}
.accordion-choice-partner .accordion-button:not(.collapsed):after {
    content: "\e90a";
}
/* Web Interoperability */
.web-interoperability .heading {
    padding-bottom: 55px;
    margin-bottom: 64px;
    border-bottom: 1px dashed var(--border-black-xmedium);
}
.web-interoperability .row:before,
.cutting-edge-mobile-lab ul:after {
    content: '';
    border: 0.5px solid rgba(53, 53, 70, 0.48);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
/* Core Offerings */
.core-offering .heading p {
    color: var(--blue-medium);
    max-width: 360px;
}
.core-offering .row .row {
    margin: -45px -12px;
}
.core-offering .row .row .col-6 {
    margin: 45px 0;
}
.core-offering-block h3 {
    padding-bottom: 8px;
    font-weight: 500;
}
.core-offering-block ul.core-offering-list li,
.aim-to-run li {   
    position: relative;
    margin-top: 16px;
    padding-left: 25px;
}
.core-offering-block ul.core-offering-list li:before,
.aim-to-run li:before {
    content: '';
    width: 15px;
    height: 2px;
    background: var(--bg-black);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--primary-transition);
}
.core-offering-block ul.core-offering-list li:hover:before,
.aim-to-run li:hover:before {
    left: -5px;
}
/* Forte Architectures */
.forte-architectures .font-20 {
    max-width: 85%;
}
.forte-architectures-list li {
    padding: 32px 25px;
    padding-right: 0 !important;
    position: relative;
    border-bottom: 1px dashed var(--border-black-xmedium);
}
.forte-architectures-list li:first-child {
    border-top: 1px dashed var(--border-black-xmedium);
}
.forte-architectures-list li:before,
.pricing-banner .row li a:before {
    font-size: 8px;
    font-family: 'TA Icons';
    content: '\e90d';
    color: var(--orange);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--primary-transition);
}
.forte-architectures-list li:hover:before,
.pricing-banner .row li a:hover:before {
    left: 5px;
}
/* Technologies List */
.technologies-tab-list .d-md-block {
    padding-right: 40px;
}
.technologies-tab-list .technologies-tab-title {
    padding: 34px 24px;
}
.technologies-tab-list .nav-pills .nav-link {
    color: var(--black-regular);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 12px 35px 12px 12px;
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    position: relative;
    transition: none;          
}
.technologies-tab-list .nav-pills .nav-link.active, .nav-pills .show >.nav-link {
    color: var(--white);
}
.technologies-tab-list .nav-pills .nav-link:before {
    content: '';
    background: var(--bg-orange);
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: var(--primary-transition);
    z-index: -1;
}
.technologies-tab-list .nav-pills .nav-link.active:before, .nav-pills .show >.nav-link:before {
    width: 100%;
}
.technologies-tab-list .nav-pills .nav-link:after {
    font-size: 12px;
    font-family: 'TA Icons';
    content: "\e903";
    position: absolute;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: right 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
    transition-delay: 0.5s;
    margin-top: 2px;
}
.technologies-tab-list .nav-pills .nav-link.active:after {
    color: var(--white);
    right: 16px;
    opacity: 1;
    visibility: visible;
}
ul.techno-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 9px 0 40px; 
}
ul.techno-list li {
    width: 33.33333%;
    position: relative;
    padding-left: 19px;
    padding-right: 5px;
    margin: 9px 0;  
}
.technologies-tab-list ul.techno-list h5 {
    font-family: var(--roboto);
    font-weight: 400;
}
ul.techno-list li:before,
.our-digital-marketing-service li > h4:before,
.dynamic-business-solutions ul h5:before {
    font-size: 8px;
    font-family: 'TA Icons';
    content: '\e90d';
    color: var(--orange);
    position: absolute;
    left: 0;
    top: 9px;
    transition: var(--primary-transition);
}
ul.techno-list li:hover:before {
    left: 5px;
}
.technologies-tab-content {
   padding-top: 24px; 
}

/* Other Services */
.other-services .heading,
.technologies-list .heading {
    padding-bottom: 56px;
    margin-bottom: 80px;
    border-bottom: 1px solid var(--tertiary-rgba);
}
.technologies-list .heading {
    margin-bottom: 30px;
}
.other-services .heading {
    border-bottom-style: dashed;
}
.other-services-block {
    padding-bottom: 10px;    
}
.other-services-block-inner {
    padding-bottom: 62px;
}
.other-services a:not(.btn-primary) {
    position: relative;
    display: block;
    color: var(--blue-medium);
}
.other-services .other-services-block-inner h4 {
    padding-bottom: 35px;
    padding-right: 25px;
    min-height: 80px;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid var(--border-black-xmedium);
    transition: var(--primary-transition);
}
.other-services .other-services-block-inner h4:after {
    font-size: 16px;
    font-family: 'TA Icons';
    content: '\e904';
    position: absolute;
    right: 0;
    top: 3px;
    transform: rotate(45deg);
}
.other-services-block-inner a:hover h4 {
    color: var(--bg-orange);
    border-bottom: 1px solid var(--border-orange);
}
.other-service-bottom-block {
    padding-top: 56px;
    border-top: 1px dashed var(--tertiary-rgba);
}
.other-service-bottom-block.border-solid {
    border-top: 1px solid var(--primary-rgba);
}
.other-services .other-service-bottom-block {
    border-top: 0;
}
.other-service-bottom-block .service-btn {
    min-width: 279px;
    padding: 16px 32px;
}
.other-service-bottom-block .service-btn span {
    display: block;
}
.transform-animate > span {
    display: inline-flex;
    overflow: hidden;
}
.home-banner h1.large > span:first-child,
.openings-in-usa h2 > span:first-child {
    display: block;
}
.transform-animate > span > span {
    display: inline-block;
    transform: translate3d(0, 100px, 0);
}
.transform-animate.animated > span > span {
    transform: translate3d(0, 0, 0);
    transition: transform 0.8s;
}
.transform-animate.animated > span:nth-child(2) > span {
    transition-delay: 0.05s;
}
.transform-animate.animated > span:nth-child(3) > span {
    transition-delay: 0.1s;
}
.transform-animate.animated > span:nth-child(4) > span {
    transition-delay: 0.15s;
}
.transform-animate.animated > span:nth-child(5) > span {
    transition-delay: 0.2s;
}
.transform-animate.animated > span:nth-child(6) > span {
    transition-delay: 0.25s;
}
.transform-animate.animated > span:nth-child(7) > span {
    transition-delay: 0.3s;
}
.transform-animate.animated > span:nth-child(8) > span {
    transition-delay: 0.35s;
}
.transform-animate.animated > span:nth-child(9) > span {
    transition-delay: 0.4s;
}
.transform-animate.animated > span:nth-child(10) > span {
    transition-delay: 0.45s;
}
.transform-animate.animated > span:nth-child(11) > span {
    transition-delay: 0.5s;
}
.transform-animate.animated > span:nth-child(12) > span {
    transition-delay: 0.55s;
}
.transform-animate.animated > span:nth-child(13) > span {
    transition-delay: 0.6s;
}
.transform-animate.animated > span:nth-child(14) > span {
    transition-delay: 0.65s;
}
.transform-animate.animated > span:nth-child(15) > span {
    transition-delay: 0.7s;
}
.page-fast-animations .transform-animate.animated > span > span {
    transition: transform 0.5s;
}

/* Split animation */
.split-anim {
    position: relative;
}
.split-anim:before, 
.split-anim:after {
    width: 0%;
    height: 100%;
    content: ""; 
    z-index: 1;
    top: 0;
    background-color: var(--bg-grey);
    position: absolute;
    transition: all ease 0.5s 0.5s;
}
.split-anim:before {
    left: 0;
} 
.split-anim:after {
    right: 0;
}
.split-anim.animate_fadeInUp:before {
    width: 50%;
}
.split-anim.animate_fadeInUp:after {
    width: 50%;
}
.split-anim > div {
    z-index:2;
    position:relative;
}

/* Company page */
.company-banner .row .row {
    max-width: 676px;
    padding-top: 55px;
}
.company-banner h5 {
    font-weight: 400;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--border-black-regular);
}
.company-banner strong {
    font-size: 45px;
    line-height: 52px;
    font-weight: 400;
    display: block;
    margin-bottom: 30px;
}
.scroll-down,
.banner-scroll-btn {
    animation: jump 1s infinite;
}
.fade-dot {
    animation: fadeIn 1s infinite;
}
.scroll-down:before {
    font-size: 23px;
    font-family: 'TA Icons';
    content: '\e900';
    color: var(--orange);    
}
.dynamic-business-solutions ul {
    position: relative;
}
.dynamic-business-solutions ul:first-child {
    margin-top: 55px;
    padding-top: 16px;
    border-top: 1px solid var(--border-black-regular);
}
.dynamic-business-solutions ul:after {
    content: '';
    background: var(--bg-black);
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width 1s;
}
.dynamic-business-solutions ul:hover:after {
    width: 100%;
}
.dynamic-business-solutions ul li {
    margin-top: 48px;
    border-bottom: 1px solid var(--secondary-rgba-light);
}
.dynamic-business-solutions ul li .d-flex {
    align-items: flex-end;
}
.dynamic-business-solutions ul h5:before {
    display: none;
}
.company-engagement-models .row {
    padding-top: 65px;
}
.company-engagement-models .row li {
    padding-bottom: 32px;
    margin-bottom: 38px;
    border-bottom: 1px solid var(--border-grey-light);
}
.company-engagement-models .row p {
    margin-top: 16px;
    max-width: 95%;
}
.company-engagement-models .row p > a {
    background: var(--bg-grey-light);
}
.company-global-locations .heading {
   margin-bottom: 24px;
}
.company-global-locations .nav-item {
    border-bottom: 1px solid var(--secondary-rgba);
}
.company-global-locations .nav-link {
    font-size: 24px;
    line-height: 32px;
    color: var(--black-regular);
    border: 0;
    border-radius: 0 !important;
    background: transparent !important;
    margin: 0;
    padding: 0 0 16px;
    position: relative;
    transition: var(--primary-transition);
}
.company-global-locations .nav-link.active {
    color: var(--orange);
    border-color: transparent;
}
.company-global-locations .nav-item:last-child .nav-link {
    margin-left: 24px;
}
.company-global-locations .nav-link:after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--bg-orange);
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center center;
    transition: var(--primary-transition);
}
.company-global-locations .nav-link.active:after {
    transform: translateX(-50%) scaleX(1);
}
.company-location-map h2 {
    font-size: 56px;
    line-height: 66px;
}
.company-location-map h4 {
    padding: 24px 0 0;    
}
.company-location-map .row .location-img {
    min-height: 148px;
}

/* CMS page */
.cms-banner h1 {
    max-width: 695px;
}
.cms-banner p {
    max-width: 80%;
    margin: 24px 0 0;   
}
.banner .group-count {
    max-width: 100%;
    margin-top: 32px;
}
.banner-form-section .form-control {
    height: 56px;
}
.make-your-digital-life h2 {
    padding-right: 82px;
}
.make-your-digital-life p {
    padding: 40px 0 32px;
    margin-bottom: 32px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.24);
}
.our-service-offerings .heading {
    max-width: 735px;
    margin: 0 auto;
}
.our-service-offerings .heading .font-20 {    
    padding: 35px 0 40px;
}
.cms-accordion .accordion-list {
    border: 1px dashed var(--primary-rgba);
    border-width: 0 0 1px;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}
.cms-accordion .accordion-header {
    width: 50%;
    cursor: pointer;
}
.cms-accordion h2 {    
    letter-spacing: -0.64px;         
    padding: 0 0 0 50px;
    position: relative;    
}
.cms-accordion h2:after {
    font-size: 32px;
    font-family: 'TA Icons';
    content: "\e90c";
    font-weight: 500;
    width: 32px;
    height: 32px;
    background: none;
    position: absolute;
    left: 0;
    top: 0;   
    transition: none;
}
.cms-accordion .open h2:after {
    content: "\e90a";
}
.cms-accordion .accordion-contents {
    width: 50%;
    display: none;
}
.cms-accordion .font-20 {
    padding-top: 0;
}
.cms-accordion .v-ellipsis {
    margin-bottom: 0;
}
.cms-accordion .b-morelines_section_button {
    display: none;
}
.solution-types-list ul {
    border-top: 1px dashed var(--primary-rgba);
    margin: 60px -12px 40px;
}
.solution-types-list ul li {
    width: calc(25% - 24px);
    margin: 0 12px;
    padding: 55px 0 32px;
    border-bottom: 1px solid var(--border-black-regular);
}
.cms-types .row {
    padding: 80px 0;
    border-bottom: 1px dashed var(--primary-rgba);
}
.cms-types .row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.cms-types .row .col-lg-7 {
    padding-right: 85px;
}
.cms-types .row:nth-child(even) .col-lg-7 {
    order: 2;
    padding-right: 20px;
    padding-left: 85px;
}
.cms-types ul {
    padding: 32px 0 45px;
}
.cms-types li {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 16px 0;
    padding-left: 40px;
    position: relative;
}
.cms-types li:before {
    font-size: 24px;
    font-family: 'TA Icons';
    content: "\e90f";
    color: var(--orange);
    position: absolute;
    left: 0;
    top: 0;
}
.cms-types .btn-primary-2.text-start {
    min-width: 240px;    
}

/* Mobile application page */
.cutting-edge-solution .heading h2,
.cutting-edge-mobile-lab .heading h2 {
    max-width: 605px;
    margin: 0 auto;
}
.cutting-edge-solution .font-20 {
    padding-top: 0;  
    margin-top: 24px;
}
.cutting-edge-solution .font-20:not(.v-ellipsis) {
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 24px;
}
.cutting-edge-solution .learn-more {
    margin-top: 25px;
}
.cutting-edge-mobile-lab ul {
    margin-top: 45px;
    overflow: hidden;
}
.cutting-edge-mobile-lab ul:after {    
    border-style: dotted;
    top: 35px;
}
.cutting-edge-mobile-lab li {
    display: flex;
    padding: 55px 20px 0;
}
.cutting-edge-mobile-lab li h2 {
    font-size: 56px;
    line-height: 72px;    
    font-family: var(--roboto);
    font-weight: 400;
    padding-right: 30px;
    margin-top: -10px;
}
.cutting-edge-mobile-lab li p {
    padding: 0 0 25px;
    border-bottom: 1px solid var(--border-grey-light);
}
.mobile-architectures .forte-architectures-list,
.tag-page-lists .forte-architectures-list {
    margin-top: -30px;
}
.mobile-architectures .forte-architectures-list:after {
    content: '';
    background: var(--bg-grey);
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.our-breakthrough .forte-architectures-list:after {
    content: none;
    display: none;
}
.our-breakthrough .forte-architectures-list h2 {
    font-weight: 700;
}
.mobile-technologies .container:before {
    content: none;
    display: none;
}
.mobile-technologies .heading {
    padding-bottom: 60px;
    border-bottom: 1px solid var(--primary-rgba);
}
.mobile-technologies .main-carousel {
    margin: 0 -10px;
}
.mobile-technologies .main-carousel .carousel-cell {
    margin: 0 10px;
}
.mobile-technologies .carousel-cell-list {
    margin-bottom: 55px;
}
.mobile-technologies .carousel-cell-list:last-child {
    margin-bottom: 0;
}
.mobile-technologies .main-carousel h3 {
    min-height: auto;
}
.b-morelines_section_ellipsis {    
    position: relative;
}
.b-morelines_section_ellipsis:after {
    content: '';
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75%;
    height: 25px;
    display: none;
}
.bg-grey .b-morelines_section_ellipsis:after {
    background: linear-gradient(to right, rgba(239, 239, 239, 0), rgba(239, 239, 239, 1) 75%);
}
.bg-grey-light .b-morelines_section_ellipsis:after {
    background: linear-gradient(to right, rgba(248, 248, 248, 0), rgba(248, 248, 248, 1) 75%);
}
.bg-orange .b-morelines_section_ellipsis:after {
    background: linear-gradient(to right, rgba(255, 248, 240, 0), rgba(255, 248, 240, 1) 75%);
}
.b-morelines_section_button {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--orange);
    display: inline-block;
    margin-top: 16px;
    cursor: pointer;    
}
.our-breakthrough-mobility ul {
    margin: -24px -12px;
}
.our-breakthrough-mobility li {
    width: 50%;
    padding: 0 12px;
}
.our-breakthrough-mobility h4 {
    padding-bottom: 32px;
    margin: 24px 0;
    border-bottom: 1px solid var(--primary-rgba);
}
.our-breakthrough-mobility h4 > span:first-child {
    font-family: var(--roboto);
    font-weight: 400;
    margin-bottom: 24px;
    display: block;
}

/* Contact us */
.banner.border-bottom-solid,
.awards-recognitions.border-bottom-solid {
    border-bottom: 1px solid var(--secondary-rgba-xlight);
}
.contact-banner h1 {
    max-width: 650px;
    padding-bottom: 32px;
}
.contact-banner li {
    margin-top: 40px;
}
.contact-banner li h4 {
    width: calc(100% - 62px);    
}
.contact-banner .location-icon {
    width: 62px;
    display: flex;
    align-items: flex-end;
    min-height: 90px;
}
.locations-list,
.cookie-policy.border-bottom-solid {
    border-bottom: 1px solid var(--secondary-rgba-xlight);
}
.locations-list .heading h2 {
    padding-bottom: 65px;
}
.locations-list .locations-tab-list .location-details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
}
.locations-list .locations-tab-list .location-details .location-image-block {
    margin-right: 15px;
    width: 46px;
    height: 46px;
}
.locations-list .locations-tab-list .location-details .location-content-block {
    width: calc(100% - 46px);
}
.locations-list .locations-tab-list .l.locations-list .locations-tab-list .nav-pills .show>.nav-link, .locations-list .locations-tab-list .nav-pills .nav-linkocation-details .location-content-block {
    text-align: left;
    position: relative;
    display: block;
}
.locations-list .locations-tab-list .nav-pills .show>.nav-link, 
.locations-list .locations-tab-list .nav-pills .nav-link {
    background-color: transparent;
    border: 1px solid var(--border-grey);
    color: var(--black-dark);
    margin-bottom: 16px;
    position: relative;
    padding: 20px 16px;
    width: 100%;
    height: 102px;
    display: flex;
    align-items: center;
    border-radius: 0 !important;
}
.locations-list .locations-tab-list .nav-pills .nav-link.active {
    border: 1px solid var(--orange);
}
.locations-list .locations-tab-list .location-details .location-content-block h4 {
    font-size: 22px;
    line-height: 32px;
    color: var(--black-dark);
}
.locations-list .locations-tab-list li:last-child .location-details .location-content-block h4 {
    line-height: 26px;
}
.locations-list .locations-tab-list .location-details .location-content-block p {
    font-size: 16px;
    line-height: 28px;
    color: var(--text-black);
}
.locations-list .locations-tab-list .form-select {
    font-size: 20px;
    color: var(--black-regular);
    height: 50px;
    border-color: var(--border-black-regular);
    box-shadow: none !important;
}
.locations-list .locations-tab-list .form-select:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.locations-list .locations-tab-list .locations-tab-content .tab-pane.fade.active.show {
    pointer-events: auto;
}
.locations-list .locations-tab-list .locations-tab-content .tab-pane {
    width: 100%;
    height: 100%;
    pointer-events: none;    
}
.locations-list .locations-tab-list .locations-tab-content a:not(.learn-more) {
    color: inherit;
}
.locations-list .locations-tab-list .locations-tab-content a:hover {
    color: var(--orange);
}
.form-control.form-select {
    padding-right: 40px;
}
.country-input:after,
.experience-input:after {
    content: "\e900";
    font-size: 16px;
    font-family: 'TA Icons';
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    pointer-events: none;
}
.locations-list .nav-pills li {
    width: calc(25% - 12px);
    margin-right: 16px;
}
.locations-list .locations-tab-content .tab-content {
    height: calc(100% - 71px);
    border: 1px solid var(--border-grey);
}
.locations-list .locations-tab-content h4 {
    padding: 16px 16px 24px 16px;
    border: 1px solid var(--border-grey);
    border-width: 1px 1px 0;
}
.locations-list .location-contact-detail {
    padding: 8px 16px 24px 16px;
}
.locations-list .location-contact-detail p {
    font-size: 16px;
    line-height: 24px;
    padding-top: 16px;
}
.locations-list .location-contact-detail p:first-child {
    padding-top: 0;
}
.locations-list .location-contact-detail p span {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--roboto-slab);
    margin: 10px 0 6px;
    display: block;
}
.locations-list .locations-tab-content .col-lg-8 {
    min-height: 500px;
}
.fade-active .pulse {
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
    transform: translate(11.606px, 11.046px) scale(.8);
}
.fade-active .pulse-dot {
    -webkit-animation: pulse-dot 1.5s infinite;
    animation: pulse-dot 1.5s infinite;
    transform-origin: 6.606px 6.046px;
}

/* Mega menu */
.sub-menu-spotlight .main-carousel .slick-arrow {
    width: 32px;
    height: 32px;
    bottom: -30px;
}

/* Page scroll animation */
.animate_animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(1s);
    animation-duration: var(1s);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    transition: opacity 2s;
}
.page-fast-animations .animate_animated {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-duration: var(0.6s);
    animation-duration: var(0.6s);
    transition: opacity 1s;
}

@keyframes fadeInUp {
    from {       
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }  
    to {        
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
    }  
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
    }  
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
    }  
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes scaleUp {
    from {
        transform: scale(0, 0);
    }  
    to {
        transform: scale(1, 1);
    }
}
@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.animate_fadeInUp {
    animation-name: fadeInUp;
}
.animate_fadeInDown {
    animation-name: fadeInDown;
}
.animate_fadeInLeft {
    animation-name: fadeInLeft;
}
.animate_fadeInRight {
    animation-name: fadeInRight;
}
.animate_scaleUp {
    animation-name: scaleUp;
}
.animate_bounceIn {
    animation-name: bounceIn;
}

/* Heading animation 2 */
.transform-animate-2 .line_wrap {
    position: relative;
    display: inline-block;
    opacity: 0;
    overflow: hidden;
    line-height: initial;
}
.transform-animate-2 .line_wrap::before,
.transform-animate-2 .line_wrap::after {
    content: '';
}
.transform-animate-2.animated .line_wrap {
    opacity: 1;
}
.transform-animate-2.animated .line_wrap::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: white;
    animation: a-ltr-after 1s cubic-bezier(.77,0,.18,1) forwards;
    transform: translateX(-101%);
}
.transform-animate-2 .line_wrap::before {
    background: var(--bg-grey);
}
.transform-animate-2.animated .line_wrap::before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    animation: a-ltr-before 1s cubic-bezier(.77,0,.18,1) forwards;
    transform: translateX(0);
}
.transform-animate-2.animated .line_wrap:nth-of-type(2)::before,
.transform-animate-2.animated .line_wrap:nth-of-type(2)::after {
    animation-delay: 0.3s;
}
.transform-animate-2 .line_wrap span {
    transform: translate3d(0, 100px, 0);
    display: inline-block;
    margin-right: 8px;
}
.transform-animate-2.animated .line_wrap span {
    transform: translate3d(0, 0, 0);
    transition: transform 1s;
    transition-delay: 0.3s;
}
.transform-animate-2.animated .line_wrap:nth-of-type(2) span {
    transition-delay: 0.5s;
}
.page-fast-animations .transform-animate-2.animated .line_wrap::after {
    animation: a-ltr-after 0.6s cubic-bezier(.77,0,.18,1) forwards;
}
.page-fast-animations .transform-animate-2.animated .line_wrap::before {
    animation: a-ltr-before 0.6s cubic-bezier(.77,0,.18,1) forwards;
}
.page-fast-animations .transform-animate-2.animated .line_wrap:nth-of-type(2)::before,
.page-fast-animations .transform-animate-2.animated .line_wrap:nth-of-type(2)::after {
    animation-delay: 0.1s;
}
.page-fast-animations .transform-animate-2.animated .line_wrap span {
    transition: transform 0.6s;
    transition-delay: 0.1s;
}
.page-fast-animations .transform-animate-2.animated .line_wrap:nth-of-type(2) span {
    transition-delay: 0.3s;
}
@keyframes a-ltr-after {
    0% {transform: translateX(-100%)}
    100% {transform: translateX(101%)}
}
@keyframes a-ltr-before {
    0% {transform: translateX(0)}
    100% {transform: translateX(200%)}
}

/* IOS page */
.ios-banner h1 {
    max-width: 705px;
}
.ios-technologies .heading {
    padding-bottom: 45px;
}
.ios-technologies h4 {
    font-weight: 400;
    padding: 30px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--primary-rgba);
}
.industries-we-serve h4 {
    font-weight: 400;
}
.industries-we-serve .forte-architectures-list li,
.tag-page-lists .forte-architectures-list li {
    border-color: var(--primary-rgba);
}
.industries-we-serve .forte-architectures-list:after {
    background: var(--bg-grey-light);
}
.ios-who-we-are .heading {
    padding-bottom: 80px;
}
.ios-who-we-are .col-lg-5 h4 {
    max-width: 380px;
}
.ios-who-we-are strong {
    padding: 15px 0 60px;
}
.steps-app-development .heading {
    padding-bottom: 40px;
}
.steps-app-development .col-lg-4 {
    position: relative;
    padding-top: 20px;
    animation-delay: 0.5s;
    transition-delay: 0.5s;
}
.steps-app-development .row h2:not(.position-static) {
    font-size: 56px;
    line-height: 72px;
    font-family: var(--roboto);
    font-weight: 400;
    display: inline-block;
    transition-delay: 0.5s;  
}
.steps-app-development .col-lg-4 h2 {
    position: absolute;
    top: 50px;
    right: -75px;
    animation-delay: 1s;  
}
.steps-app-development .col-lg-4:nth-child(3) h2,
.steps-app-development .col-lg-4:nth-child(6) h2 {
    right: auto;
    left: -75px;
}
.steps-app-development .col-lg-4:nth-child(4) h2,
.steps-app-development .col-lg-4:nth-child(6) h2 {
    top: auto;
    bottom: 25px;
}
.steps-app-development h4 {
    padding: 24px 0 32px;
    border-bottom: 1px solid var(--border-grey-light);
}
.steps-app-development p {
    padding: 24px 0 50px;
}
.development-cycle-circle {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.development-cycle-circle .outer-circle {
    width: 312px;
    height: 312px;
    border: 1px dashed var( --border-black-regular);
}
.development-cycle-circle .inner-circle {
    width: 210px;
    height: 210px;
    background: var(--bg-yellow);
}
.development-cycle-circle .inner-circle h5 {
    font-family: var(--roboto);
    margin-top: 15px;
    max-width: 135px;
}

/* Android page */
.our-execution-cycle .heading {
    padding-bottom: 75px;
}

/* Hybrid page */
.ionic-cross-platform li {
    padding: 0 0 48px;
    position: relative;
}
.ionic-cross-platform h4,
.ionic-cross-platform .border-bottom-initial {
    font-weight: 400;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border-grey-light);
}
.your-cross-platform .heading {
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--primary-rgba);
}
.your-cross-platform h2 {
    max-width: 615px;
}
.your-cross-platform-list .content {
    padding: 40px 0 36px;
    min-height: 217px;
    border-bottom: 1px solid var(--border-grey-light);
}
.your-cross-platform-list .content.mh-auto {
    min-height: auto;
}
.your-cross-platform-list h4 {
    padding-bottom: 24px;
}
.hire-cross-platform-developers .row {
    padding-bottom: 56px;
}
.react-cross-platform h2 {
    max-width: 715px;
}
.react-cross-platform .heading p {
    max-width: 985px;
    padding-bottom: 32px;
}
.react-cross-platform .row {
    padding: 32px 0;
    border-bottom: 1px dotted var(--primary-rgba);
}
.react-cross-platform .row.border-solid {
    border-bottom: 1px solid var(--border-black-regular);
}
.flutter-cross-platform .b-morelines_section_wrapper {
    margin: 24px 0 64px;
}

/* WooCommerce page */
.woocommerce-banner.banner p {
    margin: 24px 0 0;
}
.cms-types.open-source-ecommerce li {
    padding-left: 27px;
}
.cms-types.open-source-ecommerce li:before {
    font-size: 8px;
    content: '\e90d';
} 
.rounded-circle-animation .outer-circle {
    width: 430px;
    height: 430px;
    border: 1px solid var(--border-black-regular);
}
.rounded-circle-animation .inner-circle {
    width: 300px;
    height: 300px;
    border: 1px solid var(--border-black-regular);
}
.rounded-circle-animation h5 {
    max-width: 175px;
    font-weight: 400;
}
.rounded-circle-animation h5 > span {
    font-size: 80px;
    line-height: 104px;
    font-family: var(--roboto);
    margin-bottom: 16px;
}
.woocommerce-development-services .accordion-body p {
    padding-right: 65px;
}
.services-partner-features {
    border: 1px solid var(--border-grey);
    height: 100%;
}
.services-partner-features h4 {
    padding-bottom: 16px;
}
.hire-woocommerce-developers .heading {
    max-width: 950px;
}

/* eCommerce page */
.omnichannel-ecommerce-marketing .row.mt-4 {
    padding: 24px 0 32px;
    border-top: 1px dashed var(--border-black-xmedium);
}
.unified-content {
    max-width: 985px;
}
.unified-offering h2 {
    margin: 60px 0 40px;
    border-bottom: 1px solid var(--border-black-regular);
}
.unified-offering .forte-architectures-list {
    max-width: 760px;
}
.unified-offering .forte-architectures-list li {    
    padding-top: 16px;
    padding-bottom: 16px;
    border: 0;
}
.unified-offering .forte-architectures-list h4 {
    font-family: var(--roboto);
    font-weight: 500;
}
.amplified-experience .row {
    margin: -20px;
}
.amplified-experience .row div {
    margin: 20px 0;
    padding-left: 25px;
    position: relative;
    font-weight: 500;
}
.amplified-experience .row p:before {
    font-size: 8px;
    font-family: 'TA Icons';
    content: '\e90d';
    color: var(--orange);
    position: absolute;
    left: 0;
    top: 2px;
}
.our-edge-retail .heading {
    border-bottom: 1px solid var(--primary-rgba);
}
.our-edge-retail .col-lg-4 {
    padding-top: 52px;
}
.our-edge-retail h4 {
    padding-bottom: 24px;
}

/* IT staffing */
.animate_fadeInUp .stroke-dash,
.animate_fadeInLeft .stroke-dash,
.animate_fadeInRight .stroke-dash {
    stroke-dasharray: 1000; 
    animation: dashIn 5s linear;
}
.it-staffing-advantage-content {
    max-width: 995px;
}
.it-staffing-advantage ul.techno-list li {
    max-width: 282px;
    padding-left: 32px;
    margin: 16px 0;
}
.it-techaffinity-benefits .heading p {
    max-width: 445px;
}
.openings-in-usa .font-20 {
    padding-bottom: 40px;
}

/* Dedicated teams */
.on-demand-list.pb-4,
.make-your-digital-life.why-techaffinity p {
    border-bottom: 1px solid var(--secondary-rgba-light);
}
.aim-to-run .row h2 {
    font-size: 40px;
    line-height: 52px;
    font-family: var(--roboto);
    font-weight: 400;
    width: 112px;
    height: 112px;
    background: var(--bg-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.aim-to-run .row h4 {
    padding: 40px 0 8px;
}
.benefits-of-dedicated-teams .heading h2 {
    max-width: 395px;
}
.benefits-of-dedicated-teams ul.techno-list li {
    width: 100%;
    margin: 16px 0;
}
.benefits-of-dedicated-teams ul.techno-list h4 {
    font-weight: 400;
}
.benefits-of-dedicated-teams .nav-tabs li {
    width: 50%;
}
.benefits-of-dedicated-teams .nav-tabs .nav-link {
    font-size: 18px;
    line-height: 24px;
    color: var(--black-regular);
    text-align: left;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid var(--border-black-regular);
    border-width: 1px 0 0;
    border-radius: 0;
    padding: 16px 0 0;
    transition: var(--primary-transition);    
}
.benefits-of-dedicated-teams .nav-tabs .nav-item.show .nav-link, 
.benefits-of-dedicated-teams .nav-tabs .nav-link.active {
    font-size: 19px;
    color: var(--orange);
    border-color: var(--border-orange);
}

/* Microsoft */
.cms-banner p.initial {
    font-size: 18px;
    line-height: 28px;
    max-width: 725px;
}
.form-head h2,
.form-head-2 h2 {
    text-transform: capitalize;
}
.form-head-2 h2 {
    line-height: 40px;
    margin-bottom: 11px;
}
.banner .form-head-2 p {
    font-size: 16px;
    line-height: 24px;
}
div.microsoft-technology-list {
    opacity: 0;
    visibility: hidden;
}
.slick-dots.microsoft-technology-list {
    width: calc(100% + 40px);
    position: absolute;
    left: 0;
    top: 0;    
}
.microsoft-technology-list {
    margin-top: 40px;
}
.microsoft-technology-list h4 {    
    font-weight: 400;
    border-bottom: 1px solid var(--border-grey-xlight);
    cursor: pointer;
    transition: var(--primary-transition);
}
.microsoft-technology-list h4 > .tech-no {
    font-size: 64px;
    line-height: 84px;
    font-family: var(--roboto);
    display: block;
    margin-right: 16px;
}
.microsoft-technology-list .slick-active h4 {
    color: var(--orange);
}
.microsoft-technology-list .slick-active .line-progress-bar {
    background: var(--bg-black);
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0; 
    animation: widthProgress 5s linear;
}
#ourMicrosoft-slider .carousel-cell p {
    max-width: 950px;
}
.microsoft-services-partner h2 {
    max-width: 705px;
}
.microsoft-services-partner .col-lg-4 > div {
    margin-top: 64px;
    padding-left: 56px;
}
.microsoft-services-partner .col-lg-4 > div > img {
    position: absolute;
    left: 0;
    top: 0;
}
.microsoft-services-partner .v-ellipsis a {
    background: var(--bg-orange-light);
}
.microsoft-management-systems h2 {
    max-width: 960px;
}
.microsoft-management-systems .v-ellipsis a {
    background: var(--bg-grey-light);
}
.microsoft-management-systems figure {
    padding-bottom: 74px;
}
.microsoft-management-systems figure:before,
.microsoft-management-systems figure:after {
    content: '';
    background: var(--black-medium);
    width: 500%;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 30px;    
    transform: translateX(-50%) scale(0);    
    transition: all 1s 1s;    
}
.microsoft-management-systems figure:before {    
    width: 1px;
    height: 54px;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: var(--primary-transition) 0.5s;
}
.microsoft-management-systems figure.animate_scaleUp:before {
    bottom: 20px;
    opacity: 1;    
}
.microsoft-management-systems figure.animate_scaleUp:after {
    transform: translateX(-50%) scale(1);    
}
.microsoft-management-systems .col-lg-3:first-child figure:after,
.microsoft-management-systems .col-lg-3:last-child figure:after {
    content: none;
    display: none;
}
.microsoft-management-systems .col-lg-3:first-child figure,
.microsoft-management-systems .col-lg-3:last-child figure {
    z-index: 1;
}
.microsoft-management-systems figcaption {
    content: '';
    background: var(--bg-grey-light);
    width: 100%;
    height: 10px;
    position: absolute;
    left: -50%;
    bottom: 26px;
    margin: 0 0 0 -1px; 
}
.microsoft-management-systems .col-lg-3:last-child figcaption {
    left: auto;
    right: -50%;
    margin: 0 -1px 0 0; 
}

/* Pricing page */
.pricing-banner .row li a {
    color: inherit;
    padding: 20px 0 20px 20px;
    display: block;  
    position: relative;  
}
.pricing-banner .row li a:hover {
    color: var(--orange);
}
.pricing-banner .forte-architectures-list h4 > a {
    color: inherit;
}
.pricing-banner.banner p.small {    
    font-weight: 500;
    word-break: break-all;
    position: relative;
    padding-right: 30px;
}
.pricing-banner .form-label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 40px !important;
}
.pricing-banner .form-label:before {
    content: "\e914";
    font-size: 18px;
    font-family: 'TA Icons';
    position: absolute;
    left: 12px;
    top: 1px;
}
.our-estimation-process-steps li {
    width: 180px;
    height: 180px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-black-regular);
    border-radius: 50%;
    margin: 15px auto 0;
}
.pricing-why-us .mx-auto {
    max-width: 960px;
}
.pricing-why-us .why-us li {
    width: 50%;
}
.why-us-box {
    min-height: 295px;
    padding: 34px;
    padding-top: 70px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    border: 1px solid var(--border-black-regular);
    border-radius: 20px;
    position: relative;
}
.why-us-box:before {
    content: "\e913";
    font-size: 34px;
    font-family: 'TA Icons';
    position: absolute;
    right: 24px;
    top: 20px;
}
.why-us-box h2 {
    line-height: 40px;
}
.why-us-box p {
    color: var(--black-regular);
    font-weight: 500;
}

/* Sitemap */
.tag-page-lists .row {
    color: var(--black-regular);
    padding: 56px 0;
    border-bottom: 1px solid var(--border-black-regular);
}
.tag-page-lists h6 {    
    padding-top: 32px;
}
.tag-page-lists a {
    color: inherit;
}
.tag-page-lists a:hover {
    color: var(--orange);
}
.tag-page-lists li {
    padding-top: 16px;
}

/* Ruby on rails */
.ror-our-offerings .cms-accordion {
    border-top: 1px dashed var(--primary-rgba);
}
.ror-our-value-proposition .row {
    padding: 0 20px;    
}
.ror-our-value-proposition .row:before,
.ror-our-value-proposition .row:after {
    content: '';
    background: var(--secondary-rgba-xlight);
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    left: 20px;
    top: 24px;
}
.ror-our-value-proposition .row:after {
    width: 1px;
    height: calc(100% - 24px);    
}
.ror-our-value-proposition .col-lg-3,
.ror-our-value-proposition .col-md-4 {
    border: 1px solid var(--secondary-rgba-xlight);
    border-width: 0 1px 1px 0;
    position: relative;
}
.ror-our-value-proposition .col-lg-3:after,
.ror-our-value-proposition .col-md-4:after {
    content: '';
    background: var(--bg-yellow);
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: var(--primary-transition);    
}
.ror-our-value-proposition .col-lg-3:hover:after,
.ror-our-value-proposition .col-md-4:hover:after {
    height: 100%;
}
.ror-our-value-proposition h4 {
    position: relative;
    z-index: 1;
}
.ror-our-value-proposition h4.font-ibm {
    color: rgba(14, 15, 20, 0.56);
    margin-bottom: 40px;
}
.ror-our-value-proposition .col-lg-3:hover h4.font-ibm {
   color: var(--black-regular);
}
.ror-tools-used figure {
    height: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Digital marketing */
.digital-marketing-service-list {
    border-top: 1px solid var(--secondary-rgba);
}
.why-digital-marketing .col-sm-6 {    
    border-bottom: 1px solid var(--border-grey);
}
.why-digital-marketing h4 {
    max-width: 265px;
    padding: 40px 0;
}
.our-digital-marketing-strategies .row.p-0:before,
.our-digital-marketing-strategies .row.p-0:after {
    content: none;
    display: none;
}
.our-digital-marketing-service li > h4 {
    position: relative;
    padding-left: 23px;
}
.our-digital-marketing-service li > h4:before {
    top: 0;
}

/* Case study hercules */
.case-study-banner .banner-content h1 {
    max-width: 615px;
    padding-bottom: 145px;
}
.case-study-banner .banner-content p {
    font-size: 18px;
    line-height: 28px;
}
.banner-text-section h4 {
    border-bottom: 1px solid #9a9aa4;
}
.hercules-business-need .nav-tabs-content {
    border: 1px solid var(--border-grey);
    padding: 50px;
    margin-top: 70px;
}
.hercules-business-need .nav-tabs {
    border-bottom: 1px solid var(--border-grey);
}
.hercules-business-need .nav-tabs li {
    width: 26%;
}
.hercules-business-need .nav-tabs .nav-link {
    color: var(--black-regular);
    background: transparent;
    border: 0;
    height: 100%;
    padding: 0 0 50px;
}
.hercules-business-need .nav-tabs .nav-link:hover {
    color: var(--orange);
}
.hercules-business-need .nav-tabs .nav-link.active {
    color: var(--orange);
    border-bottom: 1px solid var(--border-orange);
}
.hercules-business-need ul.techno-list {
    padding: 40px 50px;
    border: 1px solid var(--border-grey);
}
.hercules-business-need ul.techno-list li {
    width: 100%;
}
.hercules-solution-accordion .accordion-list {
    border: 1px solid var(--border-grey-medium);
    padding: 24px 48px;
    border-radius: 10px;
}
.hercules-solution-accordion a > p {
    padding-right: 32px;
}
.hercules-solution-accordion a > span {
    font-size: 80px;
    line-height: 80px;
    color: var(--black-regular);
    width: 140px;
    padding-right: 45px;
    top: -5px;
}
.hercules-solution-accordion .accordion-arrow {
    color: var(--black-regular);
    width: 32px;
    height: 32px;
    right: 22px;
    bottom: 27px;
    transition: var(--primary-transition);
}
.hercules-solution-accordion .expand .accordion-arrow {
    transform: rotateX(180deg);
}
.hercules-solution-accordion .accordion-arrow:before {
    font-size: 32px;
    font-family: 'TA Icons';
    content: '\e917';    
}
.hercules-solution-accordion .accordion-body {
    display: none;
}
.hercules-solution-accordion .techno-list {    
    padding: 20px 32px 0 140px;
}
.hercules-solution-accordion .techno-list li {
    width: 47%;
}
.hercules-solution-accordion .techno-list li > p {
    color: var(--black-light);
}
.hercules-aftermath .cms-types li:before {
    top: 4px;
}
.other-case-studies.full-stack-development .main-carousel {
    margin-left: -10px;
}
.other-case-studies.full-stack-development .main-carousel .carousel-cell {
    margin: 0 10px;
}
.other-case-studies .main-carousel a {
    color: var(--black-regular);
    height: 322px;    
    border: 1px solid #848484;
    padding: 63px 33px 33px;
    border-radius: 11px;    
}
.other-case-studies .main-carousel a p {
    transition: var(--primary-transition);
}
.other-case-studies .main-carousel a:hover,
.other-case-studies .main-carousel a:hover p {
    color: var(--orange);
    border-color: var(--border-orange);
}
.other-case-studies .main-carousel a:after {
    font-size: 20px;
    font-family: 'TA Icons';
    content: "\e903";
    position: absolute;
    right: 33px;
    top: 30px;
    transition: var(--primary-transition);
}
.other-case-studies .main-carousel a:hover:after {
    color: var(--orange);
    right: 23px;
}
.other-case-studies .main-carousel .slick-arrow {
    right: 10px;
}
.other-case-studies .main-carousel .slick-prev {
    right: 77px;
}
.hercules-aftermath .cms-types li {
    font-weight: 400;
}
.hercules-business-need-heading h4 {
    padding-top: 40px;
}

/* Cloud */
.cloud-services .heading {
    max-width: 924px;
}
.cloud-services .row h4 {    
    padding: 0 0 30px 60px;
    margin-top: 70px;
    border-bottom: 1px solid var(--border-black-regular);
}
.cloud-services .row h4 > span {
    left: 0;
}
.cloud-types-of-services figure {
    width: 33.33333%;    
}
.cloud-expertise ul a {
    padding: 25px 60px 25px 0;
    border-top: 1px solid var(--border-black-regular);    
}
.cloud-expertise ul li:last-child a,
.cloud-expertise ul li:nth-child(8) a {
    border-bottom: 1px solid var(--border-black-regular);
}
.cloud-expertise ul a > span {
    width: 48px;
    height: 48px;
    border: 1px solid var(--border-grey-xlight);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--primary-transition);
}
.cloud-expertise ul a > span:before {
    font-family: 'TA Icons';
    content: "\e901";
    font-size: 14px;
    color: var(--black-regular);
    font-weight: 600;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: var(--primary-transition);
}
.cloud-expertise ul a:hover,
.cloud-expertise ul a:hover > span:before {
    color: var(--orange);
}
.cloud-expertise ul a:hover > span {
    border-color: var(--border-orange);
}

/* Microsoft Ads */
.microsoft-advertising-management h2 {
    font-size: 80px;
    line-height: 104px;
}
.microsoft-advertising-management h5 {
    line-height: 36px;
    border-top: 1px solid var(--border-black-regular);
}
.box-contain-wrapper:before {
    content: '';
    background: var(--bg-orange-light);
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.box-contain-wrapper .box-container {
    padding: 52px 66px;
    border: 1px solid var(--border-grey);
    z-index: 1;
}
.we-support-google-ads .heading {
    max-width: 935px;
}
.we-support-google-ads .btn-primary {
    padding-left: 32px;
    padding-right: 32px;
}

/* Front-End */
.frontend-banner p {
    max-width: 986px;
}
.our-frontend-approach .row h2 {
    width: 164px;
    height: 164px;
}
.frontend-components h2 {
    max-width: 885px;
}
.why-us-frontend h4 {
    font-weight: 500;
    max-width: 519px;
}

/* Java */
.java-banner p {
    max-width: 784px;
}
.development-services-accordion .accordion-item {
    border: 1px dashed var(--secondary-rgba-light);
    border-width: 0 0 1px;
}
.development-services-accordion .accordion-item:first-child {
    border-width: 1px 0;
}
.development-services-accordion .accordion-button {
    font-size: inherit;
    color: var(--black-regular);
    min-height: 84px;
    box-shadow: none !important;
}
.development-services-accordion .accordion-button:after {
    font-size: 30px;
    color: var(--black);
    font-family: 'TA Icons';
    content: "\e901";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: var(--primary-transition);
    width: auto;
    height: auto;
    background: none;
}
.development-services-accordion .accordion-button:not(.collapsed):after {
    transform: translateY(-50%) rotate(-90deg);  
}
.java-technology-stacks ul {
    display: none;
}
.java-our-expertise .main-carousel {
    margin-right: -24px;
}
.java-our-expertise .carousel-cell-box {
    height: 180px;
    border: 1px solid var(--border-grey);
}
.java-our-expertise .main-carousel .slick-arrow {
    font-size: 0;
    width: 64px;
    height: 64px;
    background: var(--bg-orange);
    border: 0;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    right: 14px;
    top: 50%;    
    transform: translateY(-50%);
    z-index: 2;
    margin-top: 6px;
    transition: var(--primary-transition);
}
.java-our-expertise .main-carousel .slick-arrow:hover {
    background: var(--bg-black);
}
.java-our-expertise .main-carousel .slick-arrow:before {
    font-size: 20px;
    font-family: 'TA Icons';
    color: var(--white);
    content: "\e901";
    position: absolute;
    left: 50%;    
    top: 50%;
    transform: translate(-50%, -50%);
    transition: var(--primary-transition);
}
.java-our-expertise .main-carousel .slick-prev {
    right: auto;
    left: -10px;
    transform: translateY(-50%) rotate(180deg);
}
.java-our-expertise .main-carousel .slick-disabled {
    display: none !important;
}
.java-technology-stacks ul.techno-list {
    font-size: 0;
    padding: 20px 0;
    border-bottom: 1px solid var(--border-black-regular);
}
.java-technology-stacks ul.techno-list:first-child {
    border-top: 1px solid var(--border-black-regular);
}
.java-technology-stacks ul.techno-list li {
    width: 15%;
    display: inline-block;
    vertical-align: middle;
}
.java-technology-stacks ul.techno-list li:first-child {
    width: 25%;    
}
.java-technology-stacks ul.techno-list li h5 {
    font-size: 24px;
    line-height: 28px;
    max-width: 235px;    
    text-transform: capitalize;
    font-variant: small-caps;
}
.java-technology-stacks ul.techno-list li p {
    line-height: 26px;
    padding: 0;
}
.java-technology-stacks .btn span:before {
    content: '\e903';
    font-size: 14px;
    font-weight: 700;
    right: 10px;
    transform: translateY(-50%) rotate(90deg);
}

/* Our services */
.our-services-banner h1 {
    max-width: 1186px;
}
.our-services-offered .row {
    margin: 0 -12px;
}
.our-services-offered .row > * {
    padding: 0 12px;
}
.our-services-box {
    padding: 32px;
    border: 1px solid var(--border-grey);
    border-radius: 2px;
    transition: all 0.2s;
}
.our-services-box:hover {
    border-color: transparent;
    box-shadow: 8px 8px 16px #00000029;
}
.our-services-box:hover > a {
    color: inherit;
}
.our-services-box p > a {
    color: var(--orange);
}

/* Modal */
.modal {
    background: rgba(18, 21, 28, 0.65);
}
.modal-dialog {
    margin: 0 20px;
}
.modal-content {
    padding: 36px 32px;
}
.modal-header {
    border-bottom: 1px dotted var(--border-gray);
}
.modal .btn-close {
    background: transparent;
    opacity: 1;
    box-shadow: none !important;
}
.modal .btn-close:before {
    content: '\e919';
    font-size: 23px;
    font-family: 'TA Icons';
    color: var(--black-regular);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.modal .banner-form-section .btn-primary {
    min-width: 100%;
}

/* Web enterprise portal */
.web-enterprise-banner h1 {
    max-width: 885px;
}
.pioneers-on-both .row {
    padding: 48px 0;
    border-bottom: 1px solid var(--border-grey);
}
.pioneers-on-both ul.techno-list {
    margin-top: -9px;
}
.pioneers-on-both ul.techno-list li {
    width: calc(50% - 20px);
}
.web-enterprise-technologies li {
    padding-top: 56px;
}
.web-enterprise-technologies a {
    color: inherit;
}
.web-enterprise-technologies a:hover {
    color: var(--orange);
}
.web-enterprise-technologies h3 {    
    padding-left: 24px;
    transition-delay: 1s;
}
.web-enterprise-technologies figure.position-relative {
    top: -10px;
}
.web-enterprise-technologies li:first-child img {
    width: 82px;
}
.web-enterprise-technologies figure > img,
.web-enterprise-technologies figure > svg {
    transition: var(--primary-transition);
}
.web-enterprise-technologies a:hover figure > img,
.web-enterprise-technologies a:hover figure > svg {
    transform: scale(1.15);
}

/* Freshworks partners */
.freshworks-our-history h3 > strong {
    font-weight: 600;
}
.freshworks-our-history .col-md-4 > svg .stroke-dash {
    animation-delay: 1s;
}
.freshworks-key-customers .mx-auto {
    max-width: 1186px;   
}
.flip-card {
    width: 278px;
    height: 111px;
    perspective: 1000px;
    transform-style: preserve-3d;
    transition: transform 1s;
    position: relative;
}
.animate_fadeInUp .flip-card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-card-front, 
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--white);
}
.flip-card-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.freshworks-apps ul {
    padding: 18px 0;
    border-bottom: 1px solid var(--border-gray);
}
.freshworks-apps ul:first-child {
    border-top: 1px solid var(--border-gray);
}
.freshworks-apps ul figure {
    width: 178px;
}
.freshworks-apps ul p {
    width: calc(100% - 356px);
    padding: 0 86px 0 64px;
}
.freshworks-apps ul .btn-secondary {
    font-size: 16px;
    line-height: 20px;
    min-width: 178px;
    padding: 10px;
}
.techaffinity-at-refresh .main-carousel {
    margin: 0 -20px;
}
.techaffinity-at-refresh .carousel-cell {
    padding: 0 20px;
}
.techaffinity-at-refresh .carousel-cell figure {
    min-height: 295px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.techaffinity-at-refresh .carousel-cell p {
    padding-right: 20px;
}
.techaffinity-at-refresh .main-carousel .slick-arrow {
    right: 10px;
}
.techaffinity-at-refresh .main-carousel .slick-prev {
    left: 10px;
}
.freshworks-success-card {
    padding: 32px 42px 32px 32px;
    border: 1px solid var(--border-black-regular);
    border-radius: 6px;
}

/* Google Ads */
.take-advantage-google-ads .heading h2 {
    max-width: 455px;
}
.promote-google-network .row {
    border-bottom: 1px dashed var(--primary-rgba);
}
.get-most-google-ads .heading p {
    max-width: 1000px;
}
.get-most-google-ads.box-contain-wrapper:before {
    background: var(--bg-grey);
}
.get-most-google-ads.box-contain-wrapper .box-container {
    border: 1px dashed var(--border-black-xmedium);
}
.benefits-working-with-techaffinity .heading {
    padding-bottom: 64px;
    border-bottom: 1px solid var(--primary-rgba);
}
.benefits-working-with-techaffinity .container:before,
.cx-service-advantages .container:before {
    background: var(--bg-white);
}
.benefits-working-with-techaffinity .b-morelines_section_button,
.cx-service-advantages .b-morelines_section_button {
    transform: none !important;
    opacity: 1 !important;
}
.benefits-working-with-techaffinity .b-morelines_section_ellipsis:after {
    height: 35px;
}
.techaffinity-for-google-ads .heading {
    max-width: 834px;
}
.techaffinity-for-google-ads ul {
    margin: -12px -28px;
}
.techaffinity-for-google-ads li {
    width: 260px;
    height: 260px;
    margin: 12px 28px;
    border: 1px dashed var(--border-black-xmedium);
}
.techaffinity-for-google-ads li > div {
    width: 198px;
    height: 198px;
}
.techaffinity-for-google-ads li h4 {
    width: 154px;
}

/* SEO */
.seo-services .rounded-circle {
    background: rgba(214, 214, 214, 0.29);
    left: 5px;
}
.seo-services .rounded-circle:last-child {
    left: auto;
    right: 25px;
}
.seo-services .rounded-circle > div {
    padding: 80px 75px;
}

/* DevOps & Cloud */
.devops-cloud-banner h1,
.hire-devops-cloud-developers h2 {
    max-width: 590px;
}
.our-devops-services .main-carousel h3 {
    max-width: 295px;
}
.our-cloud-services h2 {
    max-width: 230px;
}
.our-cloud-services .row > div:nth-child(8) .b-morelines_section_wrapper {
    margin-bottom: 0;
}
.devops-partner-inner {
    max-width: 1062px;
}

/* CRM */
.crm-technology-expertise ul {
    margin: -16px -27px;
}
.crm-technology-expertise li {
    margin: 16px 27px;
}
.crm-industry-experience .mx-auto {
    max-width: 959px;
}
.crm-implementation-process ul,
.crm-industry-experience ul {
    margin: 0 -10px;
}
.crm-implementation-process li,
.crm-industry-experience li {
    padding: 0 10px;
}
.crm-implementation-process li {
    padding-bottom: 10px;
}
.crm-implementation-process li h5 {
    height: 125px;
    border: 1px dashed var(--border-black-regular);
    border-radius: 20px;    
}
.crm-implementation-process li h5 > span {
    width: 100%;
    height: 100%;
    padding: 15px;
    background: var(--bg-grey);
    border-radius: 10px;    
}
.crm-industry-experience li {
    width: 245px; 
    height: 195px;
    margin: 0 auto;   
}
.crm-industry-experience li h5 {
    width: 100%;
    height: 100%;
    background: url('../images/crm-industry-experience-hexagon.webp') no-repeat center center;
    background-size: 100% 100%;
}
.crm-industry-experience li h5 > span {
    padding: 15px;
}

/* Software Modernization */
.software-modernization-banner h1 {
    max-width: 665px;
}

/* Case Study */
.case-study-container {
    max-width: 986px;
}
.case-study-container .banner-content {
    padding: 120px 0;
}
.case-study-home-banner p {
    max-width: 682px;
}
.banner-scroll-btn {
    width: 56px;
    height: 56px;
    background: url('../images/banner-scroll-arrow.svg') no-repeat 0 0;
    background-size: 100% 100%;
}
.case-study-container a > .d-flex {
    padding: 56px;
}
.case-study-container a > .d-flex div.pe-3 {
    width: calc(100% - 64px);
}
.case-study-container a .arrow > span,
.case-study-container a .arrow > span:before {
    transition: var(--primary-transition);
}
.case-study-container a p {
    color: rgba(255, 255, 255, 0.72);    
}
.case-study-container a h4 {
    color: var(--white);
}
.case-study-container a .arrow {
    width: 64px;
    height: 64px;    
}
.case-study-container a .arrow > span {
    border: 1px solid var(--border-white);
}
.case-study-container a .arrow > span:before {
    font-size: 14px;
    font-family: 'TA Icons';
    content: "\e903";
    color: var(--white);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.case-study-container a:hover .arrow > span:before {
    color: var(--orange);
}
.case-study-container a:hover .arrow > span {
    background: var(--bg-white);
    border-color: var(--border-white);
}
.case-study-container figure > img {
    object-fit: cover;
}
.case-studies-information h2 {
    max-width: 489px;
}
.case-studies-information .fields-set {
    margin-bottom: 20px;
}
.case-studies-information .recaptcha-fields-set {
    width: 252px;
}
.case-studies-information .recaptcha-fields-set .g-recaptcha {
    transform: scale(0.83);
    transform-origin: left top;
}
.case-studies-information .btn-primary {
    min-width: 215px;
}

/* Customer Experience */
.accelerate-digital-transformation {
    padding: 64px;
}
.why-cx .row {
    border-bottom: 1px solid var(--secondary-rgba-light);
}
.why-cx .row:first-child {
    border-top: 1px solid var(--secondary-rgba-light);
}
.full-stack-development.cx-service-advantages .main-carousel {
    margin-left: -24px;
}
.full-stack-development.cx-service-advantages .main-carousel .carousel-cell {
    margin: 0 0 0 24px;
}
.full-stack-development.cx-service-advantages .d-flex {
    border: 1px solid var(--border-grey-medium);
    border-radius: 10px;
    padding: 32px;
    min-height: 310px;
}

/* Platform Integration */
.our-edge-platform-integration .row {
    padding-top: 34px;
}
.our-edge-platform-integration .row .col-md-4 {
    margin-top: -34px;
}

/* Python */
.python-tools .bg-orange {
    padding: 64px 56px;
}

/* Case Study Weintraub */
.weintraub-banner .container {
    z-index: 1;
}
.banner-background {
    background: var(--bg-yellow);    
}
.banner-background:after {
    content: '';
    background: url(../images/case-study-weintraub-banner-bg.webp) no-repeat;
    background-size: cover !important;
    width: 670px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.banner-logo {
    margin-bottom: 48px;
}
.about-the-customer.weintraub .heading {
    max-width: 825px;
    margin: 0 auto;
}
.case-study-block {
    padding: 24px 10px;
    margin: 0;
}
.case-study-block-item {
    margin: 17px 33px;
}
.case-study-block-item:nth-child(2) {
    max-width: 265px;
}
.case-study-item h4 {
    padding-bottom: 16px;
}
.case-study-item p {
    color: #2e2f38cc;
}
.our-solution .content-block {
    margin-bottom: 34px;
}
.our-solution .cms-types li {
    display: inline-block;
}
.our-solution .cms-types li:last-child {
    margin-bottom: 0
}
.aftermath .content-block h2 {
    margin-bottom: 4px;
}
.aftermath .techno-list li {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    margin: 12px 0;
}
.aftermath .cms-types li:last-child {
    margin-bottom: 0
}
.aftermath .image-section img {
    position: relative;
    top: -20px;
    right: -82px;
}
.technology-stack .heading h2 {
    padding-bottom: 20px;
}
.application-block-inner-items {
    padding: 20px 0;
    margin: 0 -12px;
}
.application-block-inner-items img {
    margin: 0 12px 16px;
}
.application-block h4 {
    font-family: var(--roboto);
    font-weight: normal;
}

/* Cookie Policy */
.cookie-policy-content {
    max-width: 985px;
}
.cookie-policy .banner-content {
    padding: 59px 0 24px;
}
.policy-list {
    margin: 24px 0;
    display: inline-block;
}
.policy-list h2 {
    font-weight: 600;
}
.policy-list a {
    color: var(--orange);
    text-decoration: underline;
}
.policy-list a:hover {
    text-decoration: none;
}
.policy-list ul.techno-list li {
    width: 100%;
    font-size: 20px;
    margin: 5px 0;
}
.policy-list ul.techno-list li strong {
    font-weight: 600;
}
.policy-list .table {
    margin: 0;
    margin-top: 20px;
    border-color: #0E0F14;
}
.policy-list .table>:not(caption)>*>* {
    padding: 24px;
}
.policy-list .table th {
   padding-top: 38px;
}
.policy-list .table td h4 {
    font-family: var(--roboto);
    font-weight: 400;
}
.policy-list .table td p {
    padding: 0;
}
.policy-list .table td:not(:last-child) {
    text-align: left;
    vertical-align: middle;
}

/* Thank You */
.thank-you-banner a,
.thank-you-banner #thankTimer {
    color: var(--orange);
}

/* Talk to Us */
.talk-us-our-services a:hover {
    color: inherit;
    border-color: transparent;
    box-shadow: 8px 8px 16px #00000029;
}
.talk-us-our-services a:hover .learn-more:before {
    right: -5px;
}

/* Press */
.press-banner .banner-content {
    padding: 72px 0;
}
.events-banner .banner-content {
    max-width: 898px;
}
.press-container a {
    padding: 40px;
    border: 1px solid var(--border-grey-medium);
    border-radius: 10px;    
    height: 100%;
}
.press-container a:hover {
    color: inherit;
    box-shadow: 8px 8px 16px #00000029;
}
.press-container a:not(.pe-none):after {
    content: '\e91a';
    font-size: 24px;
    font-family: 'TA Icons';
    color: var(--black-regular);
    position: absolute;
    right: 16px;
    top: 12px;
}
.press-container a .col-auto span {
    font-size: 14px;
    line-height: 18px;
    padding: 4px 11px;
    border: 1px solid var(--border-grey-xlight);
    border-radius: 2px;
    margin-bottom: 20px;
}

/* Javascript */
.javascript-banner p {
    max-width: 986px;
}
.technologies-block-row {
    text-align: center;
    padding-top: 45px;
}
.technologies-block-row .technologies-logo {
    width: 124px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.technologies-block-row .technologies-logo:before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px dashed var(--border-black-regular);
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    transform-origin: center center;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
}
.technologies-block-row .technologies-logo:hover:before {
    transform: scale(1);
}
.technologies-block-row .technologies-logo img.logo-active,
.technologies-block-row .technologies-logo:hover img.logo-gray {
    display: none;
}
.technologies-block-row .technologies-logo:hover img.logo-active {
    display: block;
}
.technologies-block-row .technologies-logo:hover a {
    color: inherit;
}
.javascript-expertise ul.techno-list li {
    width: 50%;
}

/* Automation Services */
.business-automation .heading {
    max-width: 986px;
}
.automation-list .col-lg-4 {
    padding-top: 55px;
    padding-bottom: 55px;
}
.business-automation-bottom-block {
    margin-top: 10px;
}
.accordion .techno-list {
    padding: 0;
}
.accordion .techno-list li {
    width: 100%;
}
.approach-in-automation-bottom-block {
    margin-top: 35px;
}

/* Digital Assurance Service */
.digital-assurance-service-banner h1 {
    max-width: 580px;
}
.benefits-performance-testing .row {
    border-bottom: 1px solid var(--black-regular);
}
.benefits-performance-testing .row:last-child {
    border-bottom: none;
}
.why-test-automation .heading {
    margin-bottom: 40px;
}
.usability-testing-list {
    padding: 32px;
    border: 1px solid var(--border-grey-medium);    
    height: 100%;
}
.test-advisory-consulting-partner .techno-list {
    padding: 0;
}
.test-advisory-consulting-partner .techno-list li {
    width: 100%;
    margin: 0;
    padding: 12px 0 12px 19px;
}
.test-advisory-consulting-partner .techno-list li:before {
    top: 50%;
    margin-top: -5px;
}
.advisory-partner .heading h4 {
    border-bottom: 1px solid var(--border-grey-medium);
    padding-bottom: 24px;
}

/* PHP */
.php-our-services ul li h4 {
    font-weight: 500;
}
.php-our-services ul li:nth-child(9) a {
    border-bottom: 1px solid var(--border-black-regular);
}
.php-tools-used ul.core-offering-list li:before {
    background: var(--bg-orange);
}
.php-why-techaffinity .row,
.benefits-usability-testing .row,
.related-pages .row {
    margin: 0 -10px;
}
.php-why-techaffinity .row > *,
.benefits-usability-testing .row > *,
.related-pages .row > * {
    padding: 0 10px;
}
.php-why-box {
    border-radius: 8px;
    border: 1px solid var(--border-black-regular);
    padding: 48px;
    height: 136px;
    transition: height 0.5s, padding 0.5s;
}
.php-why-box.expand {
    height: 236px;
}
.php-why-box.next {    
    height: 35px;
    padding: 10px 48px;
    background: #C5C5C6;
    border-color: transparent;
}
.php-why-box.next h3 {
    font-size: 0;
}
.php-why-box h3 {
    transition: padding 0.5s;
}
.php-why-box.expand h3 {
    padding-bottom: 16px;
}
.php-why-box p {
    opacity: 0;    
}
.php-why-box.expand p {
    opacity: 1;
    transition: all 0.5s;
}

/* Magento eCommerce Development */
.magento-ecommerce-platform .magento-list li {
    display: inline-block;
}
.magento-ecommerce-platform .count-block {
    text-align: center;
}
.magento-ecommerce-bottom-block {
    margin-top: 35px;
}

/* Backend */
.mobile-backend .col-lg-4.col-md-6 h4 {
   padding: 12px 0 18px;
}
.our-service-offerings-progress > div {
    max-width: 960px;
}
.service-offerings-block {
    margin-right: 15px;
}
.service-offerings-block-item {
    border: 2px solid var(--border-grey-medium);
    border-radius: 50%;
    padding: 5px;
    width: 220px;
    height: 220px;
    text-align: center;
}
.service-offerings-block-item-inner {
    border: 1px solid var(--border-grey-medium);
    border-radius: 50%;
    width: 205px;
    height: 205px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Testing & QA */
.types-of-testing div.microsoft-technology-list,
.types-of-testing .slick-dots.microsoft-technology-list {
    border: 0;
    padding-top: 1rem !important;
}
.types-of-testing .microsoft-technology-list .slick-active .line-progress-bar {
    background: var(--bg-orange);
}
.our-platform-coverage .service-offerings-block-item {
    border-style: dashed;
}

/* Operations Intelligence */
.operations-intelligence-benefits .heading {
    max-width: 605px;
}
.operations-intelligence-benefits .d-flex {
    margin: 0 -8px;
}
.operations-intelligence-benefits .d-flex h4 {
    width: 201px;
    height: 201px;
}
.operations-intelligence-experience .row:after {
    height: 187px;
}

/* UI UX */
.ui-ux-banner .banner-content-inner p {
    max-width: 565px;
}
.between-ui-ux .row {
    padding: 32px 0;
    border-bottom: 1px dotted var(--border-gray);
}
.why-ui-ux .heading h2 {
    max-width: 380px;
}
.quote-msg {
    padding: 40px;
    background-color: var(--white);
    border-radius: 8px;
}
.quote-msg img {
    margin-bottom: 16px;
}
.quote-msg h2 {
    margin-bottom: 32px;
}
.quote-author {
    padding-top: 29px;
    border-top: 1px dotted var(--border-gray);
}
.quote-author h4 {
    font-family: var(--roboto);
}
.coverage-ui-ux .development-cycle-circle {
    top: 43%;
    transform: translate(-50%, -57%);
}
.ui-ux-technologies ul.techno-list {
    padding: 8px 0;
}
.ui-ux-technologies ul.techno-list li {
    padding: 12px 0;
}
.ui-ux-technologies ul.techno-list li:nth-child(7) {
    width: 25%;
}
.process-wrapper .value {
    position: relative;
    z-index: 10;
}
.process-wrapper .content {
    position: relative;
    border-left: 3px solid var(--border-gray);
    min-height: 120px;
}
.process-wrapper.active .content {
    border-left: 3px solid var(--border-orange);
}
.process-wrapper .value:before {
    content: '';
    width: 18px;
    height: 18px;
    background: var(--border-gray);
    position: absolute;
    right: -10px;
    top: 40px;
    border-radius: 100%;
    cursor: pointer;
}
.process-wrapper:first-child .value:before {
    top: 18px;
}
.process-wrapper .process-list h4 {
    margin-bottom: 16px;
}
.process-wrapper p {
    display: none;
}
.process-wrapper.active .value:before {
    background: var(--bg-orange);
}
.process-wrapper .content .process-title {
    margin-top: 12px;
    position: relative;
    top: -10px;
    z-index: 10;
}
.process-wrapper {
    position: relative;
}
.process-wrapper:first-child:before {
    content: '';
    width: 100%;
    height: 18px;
    background-color: var(--bg-white);
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 10;
}
.process-wrapper .value, .process-wrapper .content {
    padding: 24px 20px;
}
.process-wrapper:first-child .value, .process-wrapper:first-child .content {
    padding-top: 0;
}
.process-wrapper:last-child .content:before {
    content: '';
    background: var(--bg-white);
    width: 3px;
    height: 235px;
    position: absolute;
    top: 55px;
    left: -3px;
}
.coverage-ui-ux {
    z-index: 1;
}

/* Case Study Journey */
.gradient-bg {
    background: linear-gradient(#fff8f0 70%, #ffffff 30%);
}
.journey-business-need .key-expectations {
    border: 1px solid var(--border-grey);
    margin-top: 24px;
    padding: 50px;
}
.journey-business-need .main-list li {
    padding-bottom: 40px;
}
.submenu-list p {
    padding: 0;
}
.journey-business-need .submenu-list li {
    padding: 6px 0 !important;
}
.journey-solution-accordion .techno-list li {
    width: 100%;
}
.journey-aftermath .cms-types li {
    margin-bottom: 24px;
}

/* Case Study JCD */
.jcd-business-need ul.techno-list {
    padding: 0;
    border: none;
    width: 40%;
}
.jcd-business-need ul.techno-list:first-child {
    width: 60%;
}

/* WordPress */
.wordpress-solutions h6 {
    border-bottom: 1px solid var(--border-grey-light);
}
.features-wordpress h2 {
    max-width: 1025px;
}

/* Umbraco */
.umbraco-cms-banner .banner-content-inner h1 {
    max-width: 685px;
}
.umbraco-cms .heading h2 {
    max-width: 472px;
}
.umbraco-cms-services .key-expectations {
    border: 1px solid var(--border-grey);
    margin-top: 56px;
    padding: 14px 40px;
}
.umbraco-cms-services ul.techno-list {
    padding: 0;
    border: none;
    width: 33.33%;
}
.umbraco-cms-services ul.techno-list li {
    width: 100%;
    margin: 24px 0;
}
.umbraco-cms-development-partner .heading {
    max-width: 840px;
    margin: 0 auto;
}
.umbraco-cms-development-partner-list {
    padding: 48px 0;
}
.steps {
    width: 100%;
    display: table;
    text-align: left;
}
.steps li {
    display: table-cell;
    padding: 29px 10px;
    padding-left: 0;
    position: relative;
    border-top: 2px dashed var(--border-black-xmedium);
    font-weight: bold;
    width: 1%;
}
.steps li:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: var(--bg-orange);
    border:  4px solid var(--bg-orange-light);
    color: #fff;
    border-radius: 50%;
    z-index: 2;
    font-size: 1rem;
    text-align: center;
}
.steps li:first-child:after {
    left: 0;
}

/* Drupal */
.why-drupal .heading {
    max-width: 884px;
}

/* .Net */
.our-service-offerings.dotnet .heading {
    max-width: 892px;
    margin: 0 auto;
}
.potential-explore .heading {
    max-width: 903px;
    margin-bottom: 45px;
}
.explore-blocks {
    border: 1px solid var(--border-grey-medium);
    height: 100%;
    border-radius: 10px;
    padding: 32px;
}
.explore-blocks img,
.explore-blocks svg {
    margin-bottom: 32px;
}
.explore-blocks img {
    max-width: 269px;
}
.breakthrough-mobile .heading h2 {
    max-width: 392px;
}
.list-items {
    padding-top: 22px;
}
.list-items h4 {
    margin-bottom: 24px;
}
.list-items .cms-types li {
    margin-bottom: 24px;
}
.stack-list ul.techno-list li {
    vertical-align: top;
}
.stack-list ul.techno-list li:nth-child(7) {
    width: 25%;
}
.stack-list ul.techno-list li h5 {
    max-width: 100%;
}

/* Marketing intelligence */
.full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
    min-height: 328px;
}
.gain-competitive-edge .d-flex h4 {
    padding-bottom: 24px;
}
.stack-list-items li {
    padding: 15px 10px;
}

/* Career */
.career-banner .banner-content {
    padding: 70px 0;
}
.career-banner .banner-content p {
    max-width: 785px;    
}
.live-jobs {
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    width: 40px;
    height: 40px;
    background: var(--bg-orange);
    right: -40px;
}
.location-list .accordion-button {
    font-size: inherit;
    color: var(--black-regular);
    padding: 18px 16px;
    box-shadow: none !important;   
}
.location-list .accordion-button::after {
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    margin-right: 4px;
}
.location-list .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.location-list input[type="radio"] {
    display: none;
}
.location-list .card-body {
    padding: 14px 16px 18px;
    border-top: 1px solid rgba(0,0,0,.125) ;
}
.location-list .card-body label {    
    margin: 4px 0;
    cursor: pointer;
    transition: var(--primary-transition);
}
.location-list .card-body label:hover,
.location-list .card-body input[type="radio"]:checked ~ label {
    color: var(--orange);
}
.search-job-field:after {
    font-family: 'TA Icons';
    content: "\e916";
    font-size: 14px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 1px;
}
.jla-header input[type=text] {
    font-size: 18px;
    line-height: 24px;
    color: var(--black-regular);
    border: 1px solid var(--border-black-regular);
    border-radius: 2px;
    padding: 10px 16px;
    padding-right: 40px;
    width: 321px;
    height: 48px;
}
.jla-container {
    align-items: center;
    min-height: 75px;
    padding: 5px 0;   
}
.jla-col,
.card-block {
    padding-left: 35px;
}
[data-bs-toggle="collapse"].collapsed .jla-col:after {
    font-size: 22px;
    font-family: 'TA Icons';
    content: "\e90c";
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 1px;
}
[data-bs-toggle="collapse"] .jla-col:after {    
    font-size: 22px;
    font-family: 'TA Icons';
    content: "\e90a";
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 1px;
}
.foreach_items {
    border-bottom: 1px dashed var(--border-gray);
}
.foreach_items a:not(.btn):hover {
    color: inherit;
}
.no-result {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.foreach_items a:not(.collapsed) .hide-on-open,
.technology-list div:last-child {
    display: none;
}
.job-description-block {
    padding-top: 8px;
}
.job-description-block:last-child {
    padding: 28px 0 56px;
}
.job-description-block h4,
.job-description-block h6 {
    padding-top: 32px;
}
.job-description-block p {
    padding-top: 16px;
}
.job-description-block li {
    font-size: 18px;
    line-height: 28px;
    margin: 12px 0;
    padding-left: 19px;
    position: relative;
}
.job-description-block li:before {
    font-size: 8px;
    font-family: 'TA Icons';
    content: '\e90d';
    color: var(--orange);
    position: absolute;
    left: 0;
    top: 0;
    transition: var(--primary-transition);
}
.job-list-accordion,
.foreach_items {
    transition: var(--primary-transition);
}
.job-list-accordion.smooth,
.foreach_items.smooth {
    opacity: 0;
}
.smooth_out {
    display: none;
}
.jla-technology {
    font-size: 14px;
    line-height: 26px;
    color: var(--white);
    background: var(--bg-orange);
    border-radius: 25px;
    padding: 0 10px;
    margin-left: 10px;    
    top: -2px;
}
[data-bs-toggle="collapse"].collapsed .jla-technology {
    display: none !important;
}
.upload-resume-modal .contact-form-field {
    margin: 0 -12px;
}
.upload-resume-modal .fields-set,
.upload-resume-modal .col-md-6 {
    padding: 0 12px;
}
.upload-resume-modal .fields-set:before {
    left: 30px;
}
.upload-resume-modal .additional-info-input:before {
    top: 19px;
    transform: none;   
}
.upload-resume-modal .experience-input:after {
    right: 30px;
}
.upload-resume-modal .additional-info-input .form-control {
    height: 150px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.upload-resume-modal #dragResume {
    width: calc(100% - 24px);
    height: 72px;
    left: 12px;
    top: 0;
    opacity: 0;
}
.upload-resume-modal .form-control {
    border-radius: 2px;
    border-color: var(--border-gray);
}
.upload-resume-modal .img-upload-wrapper {
    height: 72px;
    border-radius: 2px;
    border: 1px dashed var(--border-gray);
    pointer-events: none;
}
.upload-resume-modal .img-upload-wrapper a {
    color: var(--orange);
}
.upload-resume-modal .resume-update {
    display: none;
}
.upload-resume-wrapper .btn span:before {
    content: '\e91d';
    font-size: 16px;
}
.upload-resume-wrapper .btn:hover span:before {
    right: 0;
}

/* Header inner menu */
.header-inner-menu {
    background: #F5F5F5;
    padding: 14px 0;
    transition: var(--primary-transition);
}
.header-hide .header-inner-menu {
    margin-top: 14px;
}
.header-show .header-inner-menu {
    margin-top: 0 !important;
}
.header-inner-menu ul {
    margin: 0 -16px;
}
.header-inner-menu li {
    padding: 0 16px;
}
.header-inner-menu a:hover {
    color: var(--orange);
}
.header-inner-menu a:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(100% - 5px);
    width: 100%;
    height: 20px;
}
.header-inner-menu a:after {
    content: '';
    background: var(--bg-orange);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -14px;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center center;
    transition: var(--primary-transition);
}
.header-inner-menu .active a:after,
.header-inner-menu a:hover:after {
    transform: translateX(-50%) scale(1);
}
.banner.header-menu-banner {
    margin-top: 186px;
}
.header-sticky .banner.header-menu-banner {
    margin-top: 110px;
}
.banner.header-menu-banner .container {
    min-height: calc(100vh - 186px);
}
.header-sticky .banner.header-menu-banner .container {
    min-height: calc(100vh - 110px);
}
.address-block address a[href="mailto:info@techaffinity.com"] {
    margin-top: 0;
}
.header-inner-menu .back-btn a:after {
    font-size: 15px;
    font-family: 'TA Icons';
    font-weight: 700;
    content: "\e900";
    width: auto;
    height: auto;
    background: transparent;
    position: absolute;
    left: -3px;
    bottom: auto;
    top: 0;
    transform: rotate(90deg);
    transition: none;
}

/* InterDesign */
.interdesign-banner .banner-content h1 {
    max-width: 530px;
}
.technical-advantage-post-transformation .container:before {
    background: var(--bg-ornge-light);
}
.advantage-post-transformation h4 {
    border-bottom: 1px solid var(--border-grey-light);
}
.interdesign-scroll-wrapper {    
    padding: 34px 80px 50px 50px;
    border-radius: 10px;
    border: 1px solid var(--border-grey-medium);
}
.interdesign-scroll-content .tab-pane-content {
    height: 480px;
    overflow-y: auto;
    -webkit-overflow-style: none;
    -moz-overflow-style: none;
    -o-overflow-style: none; 
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.interdesign-scroll-content .tab-pane-content::-webkit-scrollbar {
    display: none;
}
.interdesign-scroll-content li {
    padding-top: 32px;
}
.interdesign-scroll-content li:first-child {
    padding-top: 16px;
}
.interdesign-scroll-content h4 {
    opacity: 0.45;
    transition: opacity 0.5s;
}
.interdesign-scroll-content h4.active {
    opacity: 1;
}
.interdesign-scroll-content h4 > sup {
    font-size: 14px;
    margin-right: 16px;
}
.interdesign-scroll-content .tab-pane:before {
    content: '';
    background: transparent linear-gradient(180deg, #FFFFFFEB 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 1000%;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}
.interdesign-scroll-content .next:before {
    opacity: 1;
}
.common-technologies .container {
    max-width: 1200px;
}
.events-archives .row div > a:first-child,
.events-archives .row div > a:first-child:hover {
    color: inherit;
}
.hercules-business-need .font-20,
.hercules-our-solution .font-20,
.hercules-aftermath .font-20,
.about-the-journey .font-20,
.weintraub-our-solution li {
    max-width: 1200px;
}
.techaffinity-at-refresh .carousel-cell a.color-inherit:hover {
    color: inherit;
}

/* Related pages */
.related-pages .main-box-cell {
    margin-top: 20px;
}
.related-pages .main-box-cell a {
    height: 322px;
    border: 1px solid #848484;
    padding: 32px;
    border-radius: 11px;
    transition: border-color 0.3s;
}
.related-pages .main-box-cell a:after {
    font-size: 20px;
    font-family: 'TA Icons';
    content: "\e903";
    position: absolute;
    right: 40px;
    top: 38px;
}
.related-pages .main-box-cell a > div,
.related-pages .main-box-cell a figure,
.related-pages .main-box-cell a svg {
    position: relative;
    z-index: 1;
}
.related-pages .main-box-cell a:hover,
.related-pages .main-box-cell a:hover .font-20 {
    color: var(--white);
    border-color: transparent;
}
.related-pages .main-box-cell a:hover .hover-icon {
    fill: var(--bg-white);
}
.related-pages .main-box-cell a:hover .hover-icon-orange {
    fill: var(--bg-orange);
}
.related-pages .main-box-cell a .white-icon,
.related-pages .main-box-cell a:hover .grey-icon {
    display: none;
}
.related-pages .main-box-cell a:hover .white-icon {
    display: block;
}

/* Footer contact us */
.footer-contact-form-block .split-anim {
    padding-left: 96px;
    padding-right: 96px;
}
.footer-contact-us-form form,
.footer-contact-form-block form {
    z-index: 2;
}
.footer-contact-us-form .form-fields-set,
.footer-contact-us-form .fields-set {
    width: 100%;
}
.footer-contact-us-form form .btn span:before {
    content: "\e91e";
    font-size: 17px;
}
.footer-contact-form-block {
    margin-bottom: 20px;
}
.footer-contact-form-block .form-control {
    background: var(--bg-white) !important;
}

/* Forms */
.fields-set label.error,
span#captcha-error-message,
span.captcha-error,
span.captcha-error-bottom,
span#cs-captcha-error-message {
    color: var(--orange) !important;
    position: absolute;
    font-size: 13px;
    line-height: 13px;
    bottom: -15px;
}
span#extension-error {
    color: var(--orange) !important;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 5px;
}
p.resume-update {
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    color: var(--orange);    
    margin: 0 0 5px 0;
}
.choosefile-label,
.pricing-banner .contact-form-field input[type="file"] {
    width: 60%;
}
.pricing-banner .img-upload-wrapper {
    width: 40%;
}
.pricing-banner .img-upload-wrapper:before {
    content: '';
    background: transparent;
    width: 150%;
    height: 200%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

/* Ads javascript page */
.ads-wrapper .banner .container {
    min-height: 100vh !important;
}
.full-stack-development.vuejs-app-development-services .container:before {
    background: var(--bg-grey);
}
.full-stack-development.vuejs-app-development-services .d-flex {
    min-height: 285px;
}
.full-stack-development.vuejs-app-development-services h4 {
    max-width: 245px;
}
.full-stack-development.vuejs-app-development-services p {
    max-width: 340px;
}
.ads-footer-menu {
    background: var(--bg-black);
    padding: 72px 0;
}
.ads-footer-menu .d-flex {
    margin: 0 -24px;
}
.ads-footer-menu .d-flex div {
    padding: 0 24px;
}
.ads-footer-menu p {
    color: var(--text-light);
    padding-top: 16px;
}
.ads-footer-menu a {
    color: var(--text-light);
    padding-left: 30px;
    position: relative;
    background: url('../images/icon-feather-phone-call.svg') no-repeat left center;
}
.ads-footer-menu .mail-address-block a {
    background: url('../images/icon-feather-mail.svg') no-repeat left center;
}
.ads-footer-menu a:hover {
    color: var(--orange);
}
.ads-wrapper .copy-rights {
    background: #08090C;
    border-top: 1px solid #3b3c3f;
}
.ads-footer-menu.ads-footer-menu-2  a {
    padding-left: 0;
    background: none;
}
.ads-footer-menu.ads-footer-menu-2 h5 {
    display: block !important;
    color: var(--text-light);
    border-bottom: 1px solid var(--text-light);
}
.nodejs-app-development-block .main-carousel {
    padding-bottom: 60px;
}
div.nodejs-app-development-list {
    opacity: 0;
    visibility: hidden;
}
.slick-dots.nodejs-app-development-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;    
}
.nodejs-app-development-list h5 {
    color: rgba(14, 15, 20, 0.72);
    cursor: pointer;
}
.nodejs-app-development-list .slick-active h5 {
    color: var(--orange);
}
.nodejs-app-development-list h5 > span {
    font-size: 0;
    transition: var(--primary-transition);
}
.nodejs-app-development-list .slick-active h5 > span {
    font-size: inherit;
}

/* Ads ios and android page */
.ads-ios-technologies h4 {
    border-color: var(--border-grey-light);
}
.ios-android-our-execution-cycle img {
    width: 723px;
}
.ads-wrapper .box-contain-grey-wrapper:before {
    display: none;
}
.ios-android-list-of-technologies .mx-auto {
    max-width: 896px;
}
.ios-android-list-of-technologies .mx-auto ul {
    margin: 0 -16px;
}
.ios-android-list-of-technologies li img {
    max-width: 200px;
}
.customized-mobile-apps-for-every-need .container:before {
    background: var(--bg-white);
}
.customized-mobile-apps-for-every-need .carousel-cell-box {
    border: 1px solid var(--border-grey-medium);
    border-radius: 10px;
    padding: 32px;
    min-height: 266px;
}

/* Ads ios and android page v2 */
.ads-our-various-industry-offerings h2 {
    max-width: 410px;
}
.ads-our-various-industry-offerings .forte-architectures-list:after {
    background: var(--bg-white);
    height: 2px;
}
.ads-our-various-industry-offerings .forte-architectures-list li {
    border-bottom: 1px solid var(--primary-rgba);
    width: calc(48% - 20px);
}

/* Ads our offerings */
.read-case-studies-modal {
    background: rgba(29, 29, 29, 0.7);
}
.read-case-studies-modal span#cs-captcha-error-message {
    bottom: -15px;
}
.read-case-studies-modal .modal-dialog {
    max-width: 978px;
    background: #FFD292;
    margin: 20px;
}
.read-case-studies-modal > div {
    max-width: 978px;
    margin: 0 auto;
}
.read-case-studies-modal .modal-heading {
    width: 47%;
}
.read-case-studies-modal .modal-content {
    width: 53%;
}
.read-case-studies-modal .btn-close {
    right: 30px;
    top: 30px;
}

/* Ads web app */
.ads-web-app-banner h1 {
    max-width: 658px;
}
.ads-web-app-case-studies .container:before {
    background: var(--bg-white);
}

/* Ads all services */
.ads-all-services-banner .banner-content p {
    max-width: 594px;
}
.ads-all-our-services h4 {
    max-width: 300px;
}

/* Cookie */
.cookie-mob-btn {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: transparent;
    border: 0;
    z-index: 999;
    padding: 0;
    cursor: pointer;
} 
.cc-window {
    position: fixed;
    font-size: 13px;
    line-height: 22px;
    color: var(--white);
    display: flex;
    z-index: 20001;
    padding: 24px;
    padding-top: 32px;
    width: 305px;
    bottom: 16px;
    left: 16px;
    border-radius: 5px;
    background: var(--bg-black);
    display: none;
}
.cc-window.cc-invisible {
    display: none !important;
}
.cc-link {
    color: var(--orange) !important;
    font-weight: 500;
    display: block;
    margin-top: 6px;
}
.cc-link:hover,
.cc-link:active {
    text-decoration: underline;
}
.cc-btn.cc-dismiss {
    font-size: 0;
    position: absolute;
    right: 16px;
    top: 10px;
    background: transparent !important;
}
.cc-btn.cc-dismiss:before {
    content: '\e919';
    font-size: 20px;
    font-family: 'TA Icons';
    color: var(--orange);   
}

/* Testing bug fix */
.full-stack-development .main-carousel p.v-ellipsis {
    padding-bottom: 0;
}
.transform-animate {
    opacity: 0;
}
.transform-animate.animated {
    opacity: 1;
}
.locations-list .location-contact-detail .tag-mail-address a {
    display: block;
}
::-moz-selection {
    color: var(--white) !important;
    background: var(--orange) !important;
}
::selection {
    color: var(--white) !important;
    background: var(--orange) !important;
}
.domain-expertise li h4 {
    font-weight: 400;
}
.home-page-banner p {
    max-width: 810px;
}
.full-stack-development .main-carousel .slick-arrow:not(.slick-disabled):hover,
.sub-menu-spotlight .main-carousel .slick-arrow:not(.slick-disabled):hover {
    background: var(--orange);
}
.full-stack-development .main-carousel .slick-arrow:not(.slick-disabled):hover:before, 
.sub-menu-spotlight .main-carousel .slick-arrow:not(.slick-disabled):hover:before {
    color: var(--white);
}
.functional-testing-process .accordion-body p {
    max-width: 987px;
}
.pioneers-on-both .row h6 {
    font-family: var(--roboto);
    color: var(--black-light);
    font-weight: 400;
}
.job-description-block .row .col {
    width: 50%;
    flex: auto;
    margin-top: 12px;
}
.job-description-block .row .col:first-child,
.job-description-block .row .col:nth-child(2) {
    margin-top: 0;
}
.operational-departments li h4 {
    font-family: var(--roboto);
    font-weight: 500;
}
/* .sub-menu .sub-menus p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
} */
.crm-implementation-process-mobile-img {
    width: 355px;
}
.sub-menu-spotlight .main-carousel h5,
.sub-menu-spotlight .main-carousel a:hover h5 {
    color: var(--black-regular);
}
.sub-menu-spotlight .main-carousel a:hover p {
    color: var(--text-black);
}
.sub-menu-spotlight .main-carousel .slick-prev {
    right: 45px;
}
.footer-menu li .learn-more:after {
    display: none;
}
.mail-address-block a {
    display: block;
}
.sub-menu-spotlight .main-carousel a figure {
    overflow: hidden;
}
.sub-menu-spotlight .main-carousel a img {
    transition: var(--primary-transition);
    transform-origin: center center;
}
.sub-menu-spotlight .main-carousel a:hover img {
    transform: scale(1.02);    
}
.freshworks-success-card img {
    width: 180px;
}
span.tooltip-custom {
    position: absolute;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1;
    left: -55px;
    top: 4px;
}
span.tooltip-custom:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    right: -5px;
    border-width: 0.3rem 0 0.3rem 0.3rem;
    border-left-color: #000;
    top: 7px;
}
button.btn-close.position-relative .tooltip-custom {display: none;}
button.btn-close.position-relative:hover .tooltip-custom {display: block;}
.events-archives .row > div a > p:not(.v-ellipsis) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.events-archives .row > div .b-morelines_section_button {
    margin-top: 0;
}
.icon-medium {
    position: relative;
    top: 1px;
}
.icon-medium:before {
    content: "\e920";
}

/* Super App Development */
.why-super-apps ul.techno-list li {
    width: calc(50% - 20px);
}
.super-apps-section .quote-msg {
    background: #F5F5F5;
    border-radius: 8px;
    min-height: 100%;
    padding: 30px;
}
.super-apps-section .heading h2 {
    padding-bottom: 32px;
}
section.super-apps-section {
    padding: 96px 0px;
}
.why-super-apps h4 {
    font-size: 20px;
    line-height: 32px;
    color: #2D2E37;
    padding-bottom: 16px;
}
.super-apps-section .quote-msg h2 {
    font-size: 28px;
    line-height: 40px;
    max-width: 100%;
    margin-bottom: 16px;
}
section.we-chat-section {
    padding: 96px 0px 40px;
}
.we-chat-section .we-shat-content {
    background: #F5F5F5;
    padding: 55px;
    text-align: center;
}
.we-chat-section .we-shat-content p {
    font-size: 26px;
    line-height: 40px;
    color: #0E0F14;
    max-width: 1015px;
    margin: 44px auto 0;
    font-weight: 500;
}
.super-app-banner ul.banner-images li {
    display: inline-block;
    padding-right: 60px;
    padding-top: 36px;
}
.customers-super-app .super-app-list {
    margin-top: 56px;
    margin-bottom: 32px;
    display: flex;
    flex-wrap: wrap;
}
.customers-super-app .super-app-list li {
    display: inline-block;
    width: 25%;
    border: 1px solid #EFEFEF;
    padding: 25px 24px 27px;
    min-height: 100%;
}
.customers-super-app .super-app-list li span {
    color: #77787B;
    font-size: 24px;
    line-height: 32px;
    display: inline-block;
    padding-bottom: 41px;
}
.customers-super-app .super-app-list li p {
    color: #0E0F14;
    font-size: 24px;
    line-height: 32px;
    font-family: var(--roboto-slab) !important;
}
.customers-super-app .description p {
    color: #2D2E37;
    font-size: 20px;
    line-height: 32px;
}
.super-app-contact.footer-contact-form-block .form-control {
    background-color: #efefef !important;
}
.super-apps-section .quote-author {
    border-top: 1px solid var(--border-gray);
    padding-top: 16px;
}
.super-apps-section .quote-msg img {
    width: 30px;
}
.super-apps-section .row {
    border-bottom: 1px dashed var(--secondary-rgba-light);
}
.header-bar p {
    transform: translateY(-300%);
    transition: all 0.5s ease-in-out;
    z-index: 1;
}
.header-bar p.position-absolute {
    padding: 0 20px;
}
.header-bar p.active {
    transform: translateY(0);
}
.header-bar.active {
    background: linear-gradient(90deg, #FFE45C 0%, #D7E399 19.06%, #B6E2CD 35.21%, #95E1FF 50.73%, #BFF6FF 68.54%, #A9EADB 83.65%, #B1EDCC 97.84%), linear-gradient(90deg, #56AFD7 0%, #9ABE81 22.71%, #F4D10F 52.60%, #ACAA1E 76.35%, #64842C 100%);
    position: relative;
}
.header-bar:before,
.header-bar:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);    
    opacity: 0; 
    display: none;  
}
.header-bar:before {    
    background: url('../images/hello-bar-logo.png') no-repeat;
    background-size: 100% 100%;
    width: 116px;
    height: 40px;
    left: 20px;    
}
.header-bar:after {
    background: url('../images/hello-bar-bg.png') no-repeat;
    background-size: 100% auto;
    width: 987px;
    height: 100%;
    right: 20px;
}
.header-bar.active:before,
.header-bar.active:after {
    opacity: 1;
    transition: opacity 0.5s;
}
.banner .event-blurb h1 {
    font-size: 35px;
    line-height: 42px;
}
.banner .event-blurb p {
    font-size: 18px;
    line-height: 30px;
}
.events-banner .event-blurb .btn {
    font-size: 18px;
    line-height: 24px;
    padding: 12px 20px;
    min-height: 42px;
    min-width: 175px;
}
.events-banner .event-blurb .btn span {
    padding-right: 40px;
}
.object-fit-cover {
    object-fit: cover;
}
.fw-medium {
    font-weight: 500;
}
.cybertech-africa-banner {
    background: url('../images/cybertech-banner.png') no-repeat center/cover fixed;
}
.cybertech-africa-banner .banner-content {
    padding: 40px 0;
}
.cybertech-africa-banner h1 > span:before {
    content: '';
    background: url('../images/cybertech-banner-rainbow.svg') no-repeat;
    background-size: 100% 100%;
    width: 1005px;
    height: 217px;
    position: absolute;
    right: -46px;
    top: -27px;
    z-index: -1;
}
.cybertech-africa-banner h1 > span:after {
    content: '';
    background: url('../images/cybertech-banner-arrow.svg') no-repeat;
    background-size: 100% 100%;
    width: 93px;
    height: 93px;
    position: absolute;
    right: -44px;
    top: -3px;
}
.cybertech-africa-banner p > span {
    padding-left: 40px;
}
.cybertech-africa-banner p > span:before {
    content: '';
    background: url('../images/cybertech-banner-map-pin.svg') no-repeat;
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
}
.cybertech-africa-banner .banner-content .btn {
    min-width: 210px;
    padding: 12px 24px;
}

/* Rwanda */
.rwanda-beyond-expectations .heading {
    max-width: 808px;
}
.rwanda-our-continuous-growth .service-offerings-block-item {
    border-color: var(--border-black-regular);
}
.rwanda-our-continuous-growth .service-offerings-block-item h2 {
    font-size: 64px;
    line-height: 84px;
}
.ellipsis-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ellipsis-text-2 {
    -webkit-line-clamp: 2;
}
.ellipsis-text-3 {
    -webkit-line-clamp: 3;
}
.rwanda-latest-updates img {
    max-height: 185px;
    transition: var(--primary-transition);
}
.rwanda-latest-updates a:hover img {
    transform: scale(1.05);
}
.rwanda-job-openings .live-jobs {
    color: var(--black-regular);
    background: var(--bg-skyblue);
}
.rwanda-job-openings .heading {
    max-width: 940px;
}
.rwanda-job-openings-list {
    max-width: 885px;
}
.rwanda-job-openings-list .no-result {
    margin-top: 24px;
    transform: none;
}
.rwanda-our-training-program .cms-types {
    margin-right: -16px;
}
.rwanda-latest-updates .learn-more {
    padding-right: 20px !important;
}
.rwanda-latest-updates.full-stack-development .container:before {
    display: none;
}
.rwanda-latest-updates.full-stack-development .main-carousel {
    margin: 0 -20px;
}
.rwanda-latest-updates.full-stack-development .main-carousel .carousel-cell {
    margin: 0 20px;
}
.rwanda-latest-updates.full-stack-development .main-carousel .slick-list {
    overflow: hidden;
}
.rwanda-latest-updates.full-stack-development .main-carousel .slick-arrow {    
    border: 1px solid var(--black-medium);
    background:  var(--black-medium);
    right: 20px;
    left: auto;
}
.rwanda-latest-updates.full-stack-development .main-carousel .slick-prev {
    right: 88px;
}
.rwanda-latest-updates.full-stack-development .main-carousel .slick-arrow:before {
    color: var(--white);
}
.rwanda-latest-updates.full-stack-development .main-carousel .slick-arrow:hover {
    border: 1px solid var(--bg-orange);
}
.rwanda-latest-updates.full-stack-development .main-carousel .slick-disabled,
.rwanda-latest-updates.full-stack-development .main-carousel .slick-disabled:hover {
    border: 1px solid var(--black-medium);
    background: transparent;
}
.rwanda-latest-updates.full-stack-development .main-carousel .slick-disabled:before {
    color: var(--black-medium);
}
.rwanda-solutions .forte-architectures-list li {
    border-bottom: 1px solid var(--border-gray);
}
.rwanda-banner-content .form-control {
    background: var(--bg-white) !important;
    width: 100%;
    height: 56px;
}
.rwanda-banner-content .btn-primary {
    min-width: 210px;
    height: 56px;
    padding: 12px 24px;
}
.rwanda-solutions .forte-architectures-list:after {
    display: none;
}
.rwanda-banner-content h1 > span {
    color: #1F603D;
}
.rwanda-form {
    margin-top: 32px;
}
.dynamic-web-mobile-solutions li h4,
.we-helps-businesses h4,
.other-services .other-services-block-inner h4,
.country-list h3, 
.country-list h3 span,
.locations-list .locations-tab-content h4,
.company-count h4,
.cx-service-advantages .d-flex h2,
.process-wrapper .content .process-title,
.types-of-testing .microsoft-technology-list h4,
.fw-bold {
    font-weight: 600 !important;
}
.locations-list .location-contact-detail p span,
.ionic-cross-platform h4,
.development-services-accordion .accordion-button {
    font-weight: 600;
}
.rwanda-banner-thumb {
    margin-right: -30px;
}
.rwanda-get-in-touch-form-row {
    width: calc(100% - 242px);
}
.rwanda-get-in-touch-form-row .row {
    margin: 0 -16px;
}
.rwanda-get-in-touch-form-row .row > * {
    padding: 0 16px;
}
.rwanda-get-in-touch-form-row .fields-set {
    margin-bottom: 20px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
input::-ms-clear {
    display: none;
}
span#rw-captcha-error-message {
    color: var(--orange) !important;
    position: absolute;
    font-size: 13px;
    line-height: 13px;
    bottom: -15px;
}
.make-education-elearning.react-cross-platform .row {
    border-bottom: 1px solid var(--border-black-regular);
}
.make-education-elearning .other-service-bottom-block {
    max-width: 986px;
}
.plethora-of-elearning .heading {    
    padding-bottom: 40px;
    border-bottom: 1px solid var(--border-gray);
}
.plethora-of-elearning .heading p { 
    max-width: 1044px;
}
.plethora-of-elearning .solution-types-list ul li {
    width: calc(33.33333% - 24px);
}
.company-count strong {
    font-family: var(--roboto) !important;
}
.accordion .techno-list.accordion-body {
    padding-bottom: 8px;
}
.why-javascript-application-development  .accordion-body p {
    max-width: 700px;
}
.angular-application-development.cutting-edge-mobile-lab ul:after {
    border: 1px solid var(--border-gray);
}
.angular-application-development.cutting-edge-mobile-lab li div.border-bottom-solid {
    border-bottom: 1px solid var(--border-gray);
}
b, strong {
    font-weight: 600;
}
.upload-resume-wrapper .title-h1 {
    font-weight: 500;
}
.app-store-results p {
    max-width: 275px;
}
.app-store-results h2 {
    line-height: 54px;
    border-top: 1px solid var(--border-black-regular);
}
.app-store-service-provider .heading,
.app-store-service-provider .row h4 {
    border-bottom: 1px solid var(--border-black-regular);
}
.why-app-store-optimization .heading {
    max-width: 1138px;
}
.why-app-store-optimization .heading h2:first-child {
    max-width: 772px;
}
.app-store-aso-program img {
    max-height: 572px;
}
.app-store-publishing-to-aso .heading {
    max-width: 868px;
}
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
    z-index: 10;
}
.grecaptcha-badge:hover {
    width: 256px !important;
}
.web-app-web-interoperability .web-interoperability-block p {
    width: calc(100% - 96px);
}
.our-services-offered-section .our-services-box p > a {
    width: 40px;
    height: 40px;
    font-size: 0;
    color: var(--black-regular);
    position: relative;
    display: block;
    border-radius: 50%;
    border: 2px solid var(--border-black-regular);    
}
.our-services-offered-section .our-services-box p > a:hover {
    color: var(--white);
    background: var(--bg-orange);
    border-color: var(--border-orange);
}
.our-services-offered-section .our-services-box p > a:after {
    font-size: 12px;
    font-weight: 600;
    font-family: 'TA Icons';
    content: "\e903";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.pricing-banner .contact-form-field .row,
.pricing-banner .contact-form-field .drag-n-drop-wrapper {
    margin: 0 -12px;
}
.pricing-banner .contact-form-field .row > *,
.pricing-banner .contact-form-field .drag-n-drop-wrapper > * {
    padding: 0 12px;
}
.pricing-banner.banner p.small > span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icon-file-cancel.svg') no-repeat center center;
    position: absolute;
    right: 3px;
    top: -2px;
    cursor: pointer;
}
.pricing-banner.banner .banner-form-section .btn-primary {
    min-width: calc(60% + 12px);
}
.pricing-banner.banner .banner-form-section textarea {
    height: 114px;
    padding-left: 20px;
}
.pricing-banner.banner .banner-form-section p.resume-update,
.pricing-banner.banner .banner-form-section span#extension-error {
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    bottom: -15px;
    margin: 0;
}
.full-stack-development .main-carousel h3.content-to-right {
    width: calc(100% - 56px);
    align-items: center;
}
.icon-to-left-45 {
    width: 45px !important;
}
.content-to-right-45 {
    width: calc(100% - 45px) !important;
}
.icon-to-left-40 {
    width: 40px !important;
}
.content-to-right-40 {
    width: calc(100% - 40px) !important;
}
.icon-to-left-35 {
    width: 35px !important;
}
.content-to-right-35 {
    width: calc(100% - 35px) !important;
}
.icon-to-left-30 {
    width: 30px !important;
}
.content-to-right-30 {
    width: calc(100% - 30px) !important;
}
.list-style-none li:before,
.list-style-none p:before,
.list-style-none h4:before,
.list-style-none.accordion-header h2:after {
    display: none !important;
}
.ios-technologies.ios-technologies-with-icons .border-bottom-initial {
    border-bottom: 1px solid var(--primary-rgba);
    padding: 24px 0 16px;
    min-height: 83px;
}
.ios-technologies.ios-technologies-with-icons h4 {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.ror-our-value-proposition svg {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
.our-software-modernization-row > * {
    padding-left: 80px;
    position: relative;
}
.our-software-modernization-row > * svg {
    position: absolute;
    left: 20px;
    top: -5px;
}
.our-services-offered-section .our-services-box svg {
    min-height: 48px;
}
.content-to-ps-60 {
    padding-left: 60px !important;
}
.php-why-box svg {
    transition: margin 0.5s;
}
.php-why-box.next svg {
    display: none;
}
.php-why-box.expand svg {
    margin-bottom: 16px;
}
.accordion-item svg {
    cursor: pointer;
    position: relative;
}
.accordion-item .accordion-header.content-to-right-40.ps-3,
.accordion-item .accordion-header.content-to-right-45.ps-3 {
    width: calc(100% - 56px) !important;
    padding-left: 0 !important;
}
.accordion-item .accordion-header.content-to-right-45.ps-3 {
    width: calc(100% - 61px) !important;
}
.accordion-item svg.icon-to-left-40,
.accordion-item svg.icon-to-left-45 {
    width: 56px !important;
    padding-right: 16px !important;
}
.accordion-item svg.icon-to-left-45 {
    width: 61px !important;
}
.pricing-why-us .why-us-box:before {
    display: none;
}
.pricing-why-us .why-us-box svg {
    position: absolute;
    right: 24px;
    top: 20px;
}
.web-app-web-interoperability {
    background: #eff0f2;
}
.full-stack-development .main-carousel p.v-ellipsis {
    padding-top: 28px;
}
.techaffinity-at-refresh .carousel-cell p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}
.company-engagement-models .row p {
    max-width: max-content;
}
.customers-say-content .customer-info img {
    margin-left: 1px;
}
.freshworks-apps ul .btn-secondary:hover,
.freshworks-apps ul .btn-secondary:focus {
    color: var(--white);
}
.freshworks-apps ul .btn-secondary:active {
    background: var(--bg-black);
    border-color: var(--border-black-regular);
}
.ui-ux-technologies ul.techno-list li {
    padding-right: 10px;
}
.dynamic-web-mobile-solutions .icon-to-left {
    width: 60px;
}
.dynamic-web-mobile-solutions .content-to-right {
    width: calc(100% - 60px);
}
.case-study-container .heading p.col-lg-8 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.partner-item {
    opacity: 0;
    transition: var(--primary-transition);
}
.partner-item.show-item {
    opacity: 1;
}

/* Responsive css */
@media (max-width: 1599px) {    
    h2 {
        font-size: 44px;
        line-height: 52px;
    }
    h2.medium {
        font-size: 32px;
        line-height: 42px;
    }
    h2.small {
        font-size: 28px;
        line-height: 42px;
    }
    h3 {
        font-size: 26px;
        line-height: 38px;
    }
    h4,
    .h-4 h6,
    .contact-banner .country-list h3 > span {
        font-size: 22px;
        line-height: 30px;
    }    
    .best-practices .row {
        margin-top: -20px;
        margin-bottom: -20px;
    }
    .best-practices .col-12 {
        margin: 20px 0;
    }
    .best-practices .col-sm-6 p {
        margin: 15px 0;
    }
    .dynamic-web-mobile-solutions .font-20 {
        padding-bottom: 24px;
    }
    .dynamic-web-mobile-solutions li a {       
        padding: 24px 50px 24px 0;
    }
    .full-stack-development .main-carousel {
        padding: 40px 0 78px;
    }
    .full-stack-development .main-carousel p {
        padding: 20px 0 16px;
        margin-top: 16px;
    }
    .awards-recognitions .col-6 {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .awards-recognitions .row:before {
        height: 45px;
    }
    .awards-recognitions .row:after {
        height: 35px;
    }
    .contact-us-mail .font-20 {
        margin-bottom: 50px;
        padding-bottom: 24px;
    }    
    .footer-social {
        padding-top: 48px;
        padding-bottom: 30px;
        margin-bottom: 24px;
    }
    .company-banner .row .row {
        padding-top: 30px;
    }  
    .dynamic-business-solutions ul:first-child {
        margin-top: 35px;
    }
    .dynamic-business-solutions ul li {
        margin-top: 36px;
    }
    .company-engagement-models .row {
        padding-top: 32px;
    }
    .company-engagement-models .row li {
        padding-bottom: 15px;
        margin-bottom: 18px;
    }
    .banner-form-section .form-head h2,
    .banner-form-section .form-head h3, 
    .banner-form-section .form-head h4 {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }    
    .partners-list {
        padding: 30px 0;
    }
    .forte-architectures-list li {
        padding: 25px;
    }
    .mobile-architectures .forte-architectures-list, 
    .tag-page-lists .forte-architectures-list {
        margin-top: -25px;
    }
    .our-execution-cycle .heading {
        padding-bottom: 40px;
    }
    .steps-app-development .row h2:not(.position-static) {
        font-size: 48px;
        line-height: 60px;        
    }
    .steps-app-development h4 {
        padding: 14px 0 20px;
    }
    .steps-app-development p {
        padding: 16px 0 24px;
    }
    .make-your-digital-life p {
        padding: 24px 0 20px;
        margin-bottom: 20px;
    }
    .other-services .heading, 
    .technologies-list .heading {
        padding-bottom: 30px;
        margin-bottom: 45px;
    }
    .other-services-block {
        padding-bottom: 0;
    }
    .other-service-bottom-block {
        padding-top: 30px;
    }
    .other-services-block-inner {
        padding-bottom: 40px;
    }
    .other-services .other-services-block-inner h4 {
        padding-bottom: 24px;
        min-height: 65px;
    }    
    .cloud-services .row h4 {
        margin-top: 50px;
    }
    .cms-accordion .accordion-list {
        padding: 30px 0;
    }
    .our-service-offerings .heading .font-20 {
        padding: 20px 0 24px;
    }
    .solution-types-list ul {
        margin: 45px -12px 30px;
    }
    .solution-types-list ul li {
        padding: 40px 0 25px;
    }
    .cms-types .row {
        padding: 50px 0;
    }    
    .flutter-cross-platform .b-morelines_section_wrapper {
        margin: 16px 0 32px;
    }
    .ionic-cross-platform li {
        padding: 0 0 24px;
    }
    .ionic-cross-platform h4,
    .ionic-cross-platform .border-bottom-initial {
        margin-bottom: 16px;
    }
    .react-cross-platform .row {
        padding: 24px 0;
    }
    .your-cross-platform .heading {
        padding-bottom: 24px;
        margin-bottom: 0;
    }
    .your-cross-platform-list .content {
        padding: 24px 0;
        min-height: auto;
    }
    .hire-cross-platform-developers .row {
        padding-bottom: 36px;
    }
    .aim-to-run .row h4 {
        padding: 32px 0 8px;
    }
    .why-digital-marketing h4 {
        padding: 30px 0;
    }    
    .omnichannel-ecommerce-marketing .row.mt-4 {
        padding: 16px 0 24px;
    }
    .unified-offering h2 {
        margin: 32px 0 16px;
    }    
    .web-interoperability .heading {
        padding-bottom: 32px;
        margin-bottom: 38px;
    }
    .our-edge-retail .col-lg-4 {
        padding-top: 40px;
    }
    .our-edge-retail h4 {
        padding-bottom: 16px;
    }
    .ios-technologies .heading {
        padding-bottom: 24px;
    }
    .ios-technologies h4 {
        padding: 24px 0;
        margin-bottom: 20px;
    }
    .steps-app-development .heading {
        padding-bottom: 24px;
    }
    .steps-app-development .col-lg-4 {
        padding-top: 15px;
    }
    .accordion-choice-partner .accordion-button {
        padding: 22px 40px 22px 0;
    }
    .it-staffing-advantage ul.techno-list li {
        margin: 10px 0;
    }
    .microsoft-technology-list {
        margin-top: 32px;
    }
    .microsoft-services-partner .col-lg-4 > div {
        margin-top: 40px;
    }
    .cutting-edge-solution .font-20 {
        margin-top: 16px;
    }
    .cutting-edge-solution .font-20:not(.v-ellipsis) {
        padding-top: 16px;
    }
    .cutting-edge-mobile-lab ul {
        margin-top: 20px;
    }
    .cutting-edge-mobile-lab li {
        padding: 24px 20px 0;
    }
    .cutting-edge-mobile-lab li p {
        padding: 0 0 16px;
    }
    .our-breakthrough-mobility h4 {
        padding-bottom: 24px;
        margin: 20px 0;
    }
    .mobile-technologies .heading {
        padding-bottom: 16px;
    }
    .mobile-technologies .carousel-cell-list {
        margin-bottom: 30px;
    }
    .banner-form-section {
        padding: 30px 25px 30px 55px;
    }
    .why-us-box {
        min-height: 245px;
    }
    .ror-tools-used figure {
        height: 135px;
    }
    .tag-page-lists .row {
        padding: 30px 0;
    }
    .tag-page-lists h6 {
        padding-top: 24px;
    }
    .tag-page-lists li {
        padding-top: 10px;
    }
    .core-offering-block ul.core-offering-list li, 
    .aim-to-run li {
        margin-top: 12px;
    }
    ul.techno-list {
        padding: 9px 0 30px;
    }
    .banner .group-count {
        margin-top: 24px;
    }
    .cms-types ul {
        padding: 24px 0 28px;
    }    
    .we-helps-businesses h4 {
        padding-bottom: 16px;
    }
    .we-helps-businesses strong {
        padding-bottom: 35px;
    }
    .customers-say-content .customer-info {
        padding-bottom: 24px;
    }
    .company-banner h1 {
        font-size: 48px;
        line-height: 62px;
    }
    .company-engagement-models .row p {
        margin-top: 10px;        
    }
    .contact-banner h1 {
        padding-bottom: 16px;
    }
    .contact-banner li {
        margin-top: 24px;
    }
    .locations-list .heading h2 {
        padding-bottom: 32px;
    }
    .pioneers-on-both .row {
        padding: 24px 0;
    }
    .freshworks-key-implementations .development-cycle-circle {
        margin-top: -10px;
    }
    .freshworks-apps ul {
        padding: 12px 0;
    }
    .benefits-working-with-techaffinity .heading {
        padding-bottom: 40px;
    }
    .case-study-container figure > img {
        height: 480px;
    }
    .case-study-container .banner-content {
        padding: 85px 0;
    }
    .python-tools .bg-orange {
        padding: 44px 36px;
    }
    .process-wrapper .content .process-title {
        top: -8px;
    } 
    .b-morelines_section_button {
        margin-top: 12px;
    } 
    .php-why-box {
        padding: 48px 40px;
    }
    .super-apps-section .quote-msg {
        padding: 24px;
    }
    .super-apps-section .quote-msg h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .super-apps-section .quote-author h4 {
        font-size: 20px;
    }
}
@media (max-width: 1199px) {
    h1 {
        font-size: 52px;
        line-height: 64px;
    }
    h2 {
        font-size: 36px;
        line-height: 48px;
    }
    h2.medium {
        font-size: 30px;
        line-height: 42px;
    }
    h2.small {
        font-size: 26px;
        line-height: 40px;
    }
    h3 {
        font-size: 24px;
        line-height: 32px;
    }
    h4,
    .h-4 h6,
    .contact-banner .country-list h3 > span {
        font-size: 20px;
        line-height: 30px;
    }
    h5 {
        font-size: 18px;
        line-height: 24px;
    }
    h6, p {
        font-size: 17px;
    }
    .font-20 {
        font-size: 18px;
        line-height: 28px;
    }    
    .header-menu .container {
        display: block !important;
    }
    .header-nav {
        margin-top: -30px;
    }
    .header-menu nav {
        margin: 0 -10px;
    }
    .header-menu li {
        padding: 0 10px;
    }
    .header-menu a,
    .header-inner-menu a {
        font-size: 15px;
    }
    .header-menu .btn-secondary {
        min-width: 100px;
        min-height: auto;
    }    
    .banner {
        margin-top: 153px;
    }
    .header-sticky .banner {
        margin-top: 90px;
    }
    .banner .container {
        min-height: calc(100vh - 153px);
    }
    .header-sticky .banner .container {
        min-height: calc(100vh - 90px);
    }
    .banner p {
        font-size: 21px;
        max-width: 90%;
    }
    .banner-content-inner p {
        max-width: 100%;
    }    
    .btn-primary {        
        min-width: 240px;
    }
    .btn-primary-2 {
        font-size: 20px;
    }
    .btn-secondary {
        font-size: 18px;       
        min-width: 230px;
    }
    .partners-list {
        padding: 25px 0;
    }
    section:not(.wrapper) {
        padding: 48px 0;
    }
    .best-practices .col-sm-6 p{
        margin: 15px 0 20px;
        max-width: 100%;
    }
    .dynamic-web-mobile-solutions li a {
        padding: 16px 50px 16px 0;
    }
    .dynamic-web-mobile-solutions .font-20 {
        padding-bottom: 20px;
    }
    .full-stack-development .d-flex {
        padding-bottom: 40px;
    }      
    .full-stack-development .main-carousel .slick-arrow {
        right: 28px;
    }
    .full-stack-development .main-carousel .slick-prev {
        right: 100px;
    }
    .footer-menu {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .footer-social {
        padding-top: 35px;
        padding-bottom: 24px;
    }
    .copy-rights {
        margin-top: 55px;
    }
    .case-studies .main-carousel figcaption {
        font-size: 24px;
    }
    .contact-us-mail .font-20 {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .footer-locations .location-header {
        font-size: 19px;
    }
    .address-block address {
        font-size: 17px;
    }
    .banner-form-section {
        padding: 30px 0;        
    }
    .accordion-choice-partner .accordion-button {
        font-size: 22px;
    }
    .web-interoperability .heading {
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .core-offering .heading {
        margin-bottom: 40px;
    }
    .core-offering .heading p {
        max-width: 100%;
    }
    .core-offering .row .row {
        margin: -25px -12px;
    }
    .core-offering .row .row .col-6 {
        margin: 16px 0;
    }
    .other-services .heading, 
    .technologies-list .heading {
        padding-bottom: 25px;
        margin-bottom: 30px;
    }       
    ul.techno-list li {
        width: 50%;        
    }
    .dynamic-business-solutions ul:first-child {        
        margin-top: 24px;
    }
    .dynamic-business-solutions ul li {
        margin-top: 24px;
    }
    .company-engagement-models .row {
        padding-top: 24px;
    }  
    .make-your-digital-life h2 {
        padding-right: 0;
    }    
    .solution-types-list ul {
        margin: 35px -12px 25px;
    }
    .cms-types .row {
        padding: 40px 0;
    }
    .cms-types .row .col-lg-7 {
        padding-right: 20px;
    }
    .cms-types .row:nth-child(even) .col-lg-7 {
        padding-left: 20px;
    }
    .cms-types .font-20 {
        padding-top: 15px;
    }
    .cms-types ul {
        padding: 15px 0 20px;
    }    
    .cutting-edge-solution .learn-more {
        margin-top: 15px;
    }      
    .sub-menus ul {
        margin: 0 -20px;
    }
    .sub-menus li {
        padding: 0 20px;
    }
    .dropdown-navbar .sub-menu {
        top: 157px;
        max-height: calc(100vh - 157px);
    }
    .header-sticky .dropdown-navbar .sub-menu {
        top: 94px;
        max-height: calc(100vh - 94px);
    }    
    .ios-technologies h4 {
        padding: 20px 0;
    }
    .ios-who-we-are .heading {
        padding-bottom: 40px;
    }    
    .technologies-tab-list .d-md-block {
        padding-right: 20px;
    }
    .technologies-tab-list .technologies-tab-title {
        padding: 18px 12px;
    }
    .technologies-tab-list .nav-pills .nav-link {
        font-size: 19px;
    }
    .company-global-locations .nav-link {
        font-size: 20px;
        line-height: 24px;
    }
    .company-location-map h2 {
        font-size: 46px;
        line-height: 54px;
    }
    .company-location-map h4 {
        padding: 16px 0 0;
    }
    .btn-primary.mt-5 {
        margin-top: 28px !important;
    }
    .rounded-circle-animation .outer-circle {
        width: 345px;
        height: 345px;
    }
    .rounded-circle-animation .inner-circle {
        width: 250px;
        height: 250px;
    }
    .rounded-circle-animation h5 > span {
        font-size: 65px;
        line-height: 72px;
        margin-bottom: 10px;
    }    
    .your-cross-platform-list h2, 
    .your-cross-platform-list h4 {
        padding-bottom: 16px;
    }
    .full-stack-development .container:before, 
    .case-studies .container:before {
        margin-right: -20px;
    }
    .header-show .heading.position-sticky {
        top: 94px;
    }      
    .ecommerce-banner p {
        margin-top: 16px;
    }
    ul.techno-list li:before {
        top: 6.5px;
    }       
    .services-partner-features h4 {
        padding-bottom: 10px;
    }    
    .contact-us-mail .mail-input .form-control {
        height: 56px;
    }
    .case-study-banner .banner-content h1 {
        padding-bottom: 70px;
    }
    .hercules-business-need .nav-tabs-content {
        padding: 35px;
        margin-top: 35px;
    }
    .hercules-business-need .nav-tabs li {
        width: 30%;
    }
    .hercules-business-need .nav-tabs .nav-link {
        padding-bottom: 30px;
    }
    .hercules-business-need ul.techno-list {
        padding: 25px 35px;
    }
    .hercules-solution-accordion .accordion-list {
        padding: 16px 24px;
    }
    .hercules-solution-accordion .accordion-list:last-child {
        padding-bottom: 30px;
    }
    .hercules-solution-accordion a > span {
        font-size: 60px;
        line-height: 65px;
        padding-right: 28px;
    }
    .hercules-solution-accordion .techno-list {
        padding: 20px 32px 0 100px;
    }
    .microsoft-advertising-management h2 {
        font-size: 68px;
        line-height: 82px;
    }
    .box-contain-wrapper .box-container {
        padding: 32px 42px;
    }
    .microsoft-technology-list h4 {
        min-height: 169px;
    }
    .our-frontend-approach .row h2 {
        width: 125px;
        height: 125px;
    }
    .company-banner h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .company-banner .row .row {
        padding-top: 24px;
    }
    .company-banner h5 {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .company-banner strong {
        margin-bottom: 24px;
    }
    .our-services-box {
        padding: 24px;
    }    
    .web-enterprise-technologies li {
        padding-top: 40px;        
    }
    .freshworks-key-implementations .development-cycle-circle {
        width: 320px;
    }
    .flip-card {
        width: 220px;
        height: 88px;
    }
    .techaffinity-at-refresh .carousel-cell figure {
        min-height: 230px;
    }
    .seo-services .rounded-circle > div {
        padding: 20px;
    }
    .seo-services .rounded-circle > div p {
        font-size: 16px;
    }    
    .full-stack-development.cx-service-advantages .d-flex {
        padding: 24px;
        min-height: 275px;
    }
    .accelerate-digital-transformation {
        padding: 32px;
    }
    .our-edge-platform-integration .row {
        padding-top: 24px;
    }
    .our-edge-platform-integration .row .col-md-4 {
        margin-top: -24px;
    }
    .aftermath .image-section img {
        right: -20px;
    }
    .case-study-block-item {
        max-width: 100%;
        width: 42%;
    }
    .case-study-block-item:nth-child(2) {
        max-width: 100%;
    }
    .automation-list .col-lg-4 {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .php-why-box {
        padding: 32px 28px;
    }
    .php-why-box h3 {
        min-height: 64px;
        display: flex;
        align-items: center;
    }
    .types-of-testing .microsoft-technology-list h4 {
        min-height: auto;
    }
    .operations-intelligence-benefits .d-flex h4 {
        width: 161px;
        height: 161px;
    }
    .ui-ux-technologies ul.techno-list li {
        width: 25%;
    }
    .ui-ux-technologies ul.techno-list li:nth-child(7) {
        display: none;
    }
    .hercules-business-need.jcd-business-need ul.techno-list {
        padding: 0; 
    }
    .steps {
        width: 96%;
        margin: 0 auto;
    }
    .umbraco-cms-services ul.techno-list li {
        margin: 16px 0;
    }
    .locations-list .locations-tab-content .col-lg-8 {
        min-height: 525px;
    }
    .job-description-block li {
        font-size: 17px;
    }
    .banner.header-menu-banner {
        margin-top: 204px;
    }
    .header-sticky .banner.header-menu-banner {
        margin-top: 123px;
    }
    .banner.header-menu-banner .container {
        min-height: calc(100vh - 204px);
    }
    .header-sticky .banner.header-menu-banner .container {
        min-height: calc(100vh - 123px);
    }
    .interdesign-scroll-wrapper {
        padding: 34px;
    }
    .interdesign-scroll-content li {
        padding-top: 24px;
    }
    .interdesign-scroll-content .tab-pane-content {
        height: 424px;
    }
    .hercules-business-need-heading h4 {
        padding-top: 28px;
    }
    .locations-list .nav-pills li {
        width: calc(25% - 6px);
        margin-right: 8px;
    }
    .locations-list .locations-tab-list .nav-pills .nav-link {
        padding: 20px 8px;
    }
    .locations-list .locations-tab-list .location-details .location-image-block {
        margin-right: 10px;
    }
    .related-pages .main-box-cell a {
        height: 302px;
        padding: 24px;
    }
    .related-pages .main-box-cell a svg {
        height: 52px;
    }
    .header-menu .dropdown:after {
        top: 39px;
    }
    .case-studies-information .btn-primary {
        min-width: 200px;
    }
    .footer-contact-form-block .split-anim {
        padding-left: 48px;
        padding-right: 48px;
    }
    .ads-footer-menu {
        padding: 48px 0;
    }
    .banner-background:after {
        width: 580px;
    }
    .application-block-inner {
        margin-bottom: 16px;
    }
    .application-block-inner-items {
        padding: 16px 0 0;
    } 
    .header-hide .header-inner-menu {
        margin-top: 0;
    }
    .we-chat-section .we-shat-content {
        padding: 40px;
    }
    .we-chat-section .we-shat-content p {
        font-size: 24px;
        line-height: 36px;
    }
    .header-bar:after {
        width: 650px;
    }  
    .rwanda-banner-thumb {
        margin-right: -20px;
    }     
    .why-app-store-optimization .automation-list .col-lg-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}
@media (max-width: 991px) {    
    .we-helps-businesses .font-20 {
        padding-bottom: 40px;
    }
    .we-helps-businesses .row .row {
        padding-left: 0;
    }
    .we-helps-businesses strong {
        font-size: 55px;
        line-height: 70px;        
    }
    .case-studies .heading {       
        padding-bottom: 36px;
    }
    .case-studies .heading p {
        max-width: 100%;
    }
    .case-studies .main-carousel .slick-arrow {
        right: 17px;
    }
    .case-studies .main-carousel .slick-prev {
        left: 17px;
    }      
    .awards-recognitions .col-6 {
        padding-top: 60px;
        padding-bottom: 45px;
    }    
    .awards-recognitions .row:before {
        height: 55px;
    }
    .awards-recognitions .row:after {
        height: 40px;
    }
    .contact-us-mail .btn-primary {
        min-width: 220px;
    }
    .contact-us-mail .mail-input .form-control {
        width: 465px;
    }
    .customers-say-content .customer-info h5 {
        font-size: 22px;
    }
    .customers-say-content .customer-info h5 > span {
        font-size: 17px;
    }     
    .accordion-choice-partner {
        padding-top: 30px;
    }
    .forte-architectures .heading,
    .mobile-architectures .heading {
        padding-bottom: 30px;
    }    
    .company-startup-enterprises h2 {
        max-width: 100%;
        padding-bottom: 24px;
    }     
    .make-your-digital-life h2 {
        padding-bottom: 36px;
    }
    .make-your-digital-life p {
        padding: 25px 0;
        margin-bottom: 25px;
    }
    .our-service-offerings .heading .font-20 {
        padding: 15px 0 20px;
    }
    .cms-accordion .accordion-list {
        padding: 24px 0;
        display: block;
    }
    .cms-accordion .accordion-header,
    .cms-accordion .accordion-contents {
        width: 100%;
    }
    .cms-accordion .b-morelines_section_wrapper {
        max-width: 100% !important;
    }  
    .cms-accordion .font-20 {
        padding-top: 24px;
    }
    .solution-types-list ul li {
        width: calc(33.33333% - 24px);
        padding: 35px 0 25px;
    }
    .mobile-architectures .forte-architectures-list,
    .tag-page-lists .forte-architectures-list {
        margin-top: -10px;
    }
    .cutting-edge-mobile-lab ul {
        margin-top: 15px;
    }
    .cutting-edge-mobile-lab li {
        padding: 35px 20px 0;
    }
    .cutting-edge-mobile-lab li h2 {
        font-size: 45px;
        line-height: 60px;
        padding-right: 20px;
    }
    .mobile-technologies .main-carousel {
        margin: 0 -20px;
    }
    .mobile-technologies .main-carousel .carousel-cell {
        margin: 0 20px;
    }         
    .sub-menus li:not(.col-lg-4) {
        width: 100%;
    }    
    .ios-who-we-are strong {
        padding: 15px 0 40px;
    }    
    .steps-app-development .col-lg-4 {
        padding-top: 0;
    }
    .steps-app-development .row h2:not(.position-static) {
        font-size: 42px;
        line-height: 50px;        
        animation-delay: 0.5s;         
    }
    .steps-app-development .col-lg-4 h2 {        
        position: static;        
    }
    .steps-app-development h4 {
        padding: 20px 0;
    }
    .steps-app-development p {
        padding: 16px 0 25px;
    }
    .steps-app-development .row .ps-0 {
        padding-left: 20px !important;
    }
    .full-stack-development .main-carousel {       
        margin: 0 -20px;
    }
    .full-stack-development .main-carousel .carousel-cell {
        margin: 0 20px;
    }    
    .column-count-3 li {
       width: calc(50% - 20px);
    }
    .column-count-4 li {
        width: calc(33.33333% - 20px);
    }
    .rounded-circle-animation {
        justify-content: center !important;
        margin-top: 40px;
    }
    .ionic-cross-platform ul {
        padding-top: 32px;
    }
    .full-stack-development .heading h2,
    .your-cross-platform .heading h2 {
        padding-bottom: 16px;
    }
    .unified-offering h2 {
        margin: 36px 0 24px;
    }
    .our-edge-retail .col-lg-4 {
        padding-top: 24px;
    }
    .it-staffing-advantage ul.techno-list li {
        max-width: 100%;
        margin: 10px 0;
        padding-left: 20px;
    }
    .it-techaffinity-benefits .heading p {
        max-width: 100%;
    }
    .aim-to-run .row h4 {
        padding: 24px 0 8px;
    }
    .core-offering-block ul.core-offering-list li, 
    .aim-to-run li {
        margin-top: 10px;
    }    
    .microsoft-technology-list h4 > span {
        display: none;
    }
    .microsoft-technology-list h4 > .tech-no {
        font-size: 54px;
        line-height: 54px;
        display: block;
        margin-right: 0;
    }
    .microsoft-management-systems figure {
        padding-bottom: 52px;
        padding-top: 40px;
    }
    .microsoft-management-systems figure:before {
        height: 46px;
    }
    .microsoft-management-systems figure.animate_scaleUp:before {
        bottom: 6px;
    }
    .microsoft-management-systems figcaption,
    .microsoft-management-systems figure:after {
        display: none;
    }
    .pricing-banner .forte-architectures-list li {
        padding: 20px;
    }           
    .why-digital-marketing h4 {
        max-width: 100%;
        padding: 24px 0;
    }
    .hercules-solution-accordion .techno-list li {
        width: 100%;
    }
    .other-case-studies.full-stack-development .main-carousel {
        margin: 0 -10px;
        padding-top: 24px;
    }
    .other-case-studies .main-carousel a {
        height: 275px;
        padding: 63px 25px 25px;
    }
    .cloud-services .row h4 {
        padding: 0 0 24px 60px;
        margin-top: 35px;
    }
    .microsoft-technology-list h4 {
        min-height: auto;
    }
    .java-technology-stacks ul.techno-list li {
        width: 20%;
    }
    .java-technology-stacks ul.techno-list li:first-child {
        width: 100%;
        padding-left: 0;
    }
    .java-technology-stacks ul.techno-list li:first-child:before {
        display: none;
    }
    .java-technology-stacks ul.techno-list li h5 {       
        font-size: 22px; 
        max-width: 100%;
        padding-bottom: 10px;
    }
    .locations-list .locations-tab-content .col-lg-8 {
        min-height: auto;
    }
    .locations-list .locations-tab-content .col-lg-8 > div {
        width: 100%;
    }
    .freshworks-apps ul figure {
        width: 135px;
    }
    .freshworks-apps ul .btn-secondary {
        font-size: 15px;
        min-width: 135px;
    }
    .freshworks-apps ul p {
        width: calc(100% - 270px);
        padding: 0 30px;
    }
    .techaffinity-at-refresh .main-carousel .slick-arrow {
        margin-top: -16px;
    }
    .techaffinity-for-google-ads ul {
        margin: -12px;
    }
    .techaffinity-for-google-ads li {
        width: 222px;
        height: 222px;
        margin: 12px;
    }
    .techaffinity-for-google-ads li > div {
        width: 175px;
        height: 175px;
    }
    .seo-services {
        background: var(--bg-grey);
    }
    .seo-services .rounded-circle {
        height: auto !important;
        position: relative !important;        
        background: transparent;        
    }
    .seo-services .rounded-circle:last-child {
        right: 0;
    }
    .seo-services .rounded-circle > div {
        padding: 0;
        align-items: flex-start !important;
    }
    .crm-technology-expertise ul {
        flex-wrap: wrap;
    }
    .better-customer-experience img,
    .better-customer-experience svg {
        max-width: 529px;
    }
    .full-stack-development.cx-service-advantages .main-carousel {
        margin: 0 -12px;
    }
    .full-stack-development.cx-service-advantages .main-carousel .carousel-cell {
        margin: 0 12px;
    }   
    .python-tools .bg-orange {
        padding: 32px 24px;
    }
    .aftermath .image-section {
        display: none;
    }
    .our-solution .image-section {
        margin-top: 24px;
    }   
    .why-test-automation .heading {
        margin-bottom: 0;
    }
    .magento-ecommerce-platform .count-block {
        margin: 24px 0;
    }
    .magento-ecommerce-platform .magento-list li {
        display: block;
    }
    .types-of-testing .microsoft-technology-list h4 {
        min-height: 85px;
    } 
    .operations-intelligence-experience .row:after {
        height: 278px;
    }
    .operations-intelligence-benefits .d-flex > div {
        width: 33.33333%;
    }
    .ui-ux-technologies ul.techno-list li {
        padding: 0;
        padding-left: 19px;
        width: 33.33333% !important;
    }
    .ui-ux-technologies ul.techno-list li:first-child {
        width: 100% !important;
    }
    .ui-ux-technologies ul.techno-list li:first-child:before {
        display: none;
    }
    .process-main-content {
        margin: 24px 0;
    }
    .journey-business-need .main-list li {
        padding-bottom: 24px;
    }
    .process-wrapper .value,
    .process-wrapper:first-child {
        padding-left: 0;
    }
    .process-wrapper .content {
        min-height: 90px;
    }
    .cms-services-wrap {
        flex-wrap: wrap;
    }
    .umbraco-cms-services ul.techno-list {
        width: 50%;
    }
    .potential-explore .col-lg-4.col-md-6 {
        margin-bottom: 24px;
    }
    .breakthrough-mobile .heading h2 {
        max-width: 100%;
    }
    .stack-list ul.techno-list li:nth-child(7) {
        display: none;
    }
    .stack-list ul.techno-list li:first-child {
        width: 100% !important;
    }
    .stack-list ul.techno-list li:first-child:before {
        display: none;
    }
    .explore-blocks img,
    .explore-blocks svg {
        margin-bottom: 24px;
    }
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 295px;
    }
    .gain-competitive-edge .d-flex h4 {
        padding-bottom: 16px;
    }
    .jla-header input[type=text] {
        width: 100%;
    }
    .php-why-box,
    .php-why-box.expand {
        height: 225px;
        pointer-events: none;
    }
    .col-lg-8 .php-why-box {
        height: inherit;
    }
    .php-why-box h3 {
        min-height: auto;
        padding-bottom: 16px;
        transition: none;
    }
    .php-why-box p {
        opacity: 1;
    }
    .case-studies-information .d-flex {
        flex-wrap: wrap;
    }
    .case-studies-information .recaptcha-fields-set .g-recaptcha {
        transform: scale(1);
    }
    .case-studies-information .submit-btn {
        width: 100%;
    }
    .footer-contact-form-block .split-anim {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .case-studies-information .btn-primary {
        min-width: 100%;
    }
    .nodejs-app-development-block .main-carousel {
        padding-bottom: 36px;
    }
    .ads-footer-menu .d-flex div {
        width: 50%;
    }
    .ads-footer-menu p {
        padding-top: 24px;
    }
    .ios-android-list-of-technologies .mx-auto ul {
        margin: 0 -8px;
    }
    .customized-mobile-apps-for-every-need .heading h2 {
        padding-right: 200px;
    }
    .banner-background:after {
        width: 420px;
    }
    .footer-menu .col-c-4 .row .col:first-child li:last-child {
        padding-bottom: 16px;
    }
    .jla-technology {
        display: none !important;
    }
    .super-apps-section .quote-msg {
        min-height: inherit;
    }    
    .rwanda-banner-input {
        width: 240px;
    } 
    .rwanda-banner-content .btn-primary {
        min-width: 170px;
    }
    .rwanda-get-in-touch-form-row {
        width: calc(100% - 182px);
    }
    .rwanda-get-in-touch-form-row .row {
        margin: 0 -4px;
    }
    .rwanda-get-in-touch-form-row .row > * {
        padding: 0 4px;
    }
    .plethora-of-elearning .solution-types-list ul li {
        width: calc(50% - 24px);
    }
    .choosefile-label, 
    .pricing-banner .contact-form-field input[type="file"],
    .pricing-banner .img-upload-wrapper {
        width: 50%;
    }
    .pricing-banner.banner .banner-form-section .btn-primary {
        min-width: calc(50% + 12px);
    }
    .umbraco-cms-services ul.techno-list li {
        padding-left: 0;
    }
    .our-devops-services .main-carousel h3 {
        max-width: 100%;
    }
    .rise-of-super-apps-section .col-lg-6.rise-of-super-apps img {
        width: 600px;
    }
    .php-why-box svg {
        margin-bottom: 16px;
    }
    .interdesign-scroll-content .tab-pane-content {
        height: 454px;
    }
}
@media (max-width: 767px) {
    .footer-menu {
        padding-top: 10px !important;
        padding-bottom: 36px !important;
    }
    h1 {
        font-size: 45px;
        line-height: 60px;
    }
    h2 {
        font-size: 32px;
        line-height: 40px;
    }
    h2.medium {
        font-size: 28px;
        line-height: 36px;
    }
    h2.small {
        font-size: 24px;
        line-height: 34px;
    }
    h3 {
        font-size: 22px;
        line-height: 28px;
    }
    h4,
    .h-4 h6,
    .contact-banner .country-list h3 > span {
        font-size: 20px;
        line-height: 28px;
    }
    p {
        font-size: 16px;
        line-height: 24px;
    }
    p.small,
    .banner p.small {
        font-size: 15px;    
    }
    .font-20 {
        font-size: 17px;
        line-height: 24px;
    }   
    .header-bar {
        padding: 8px 0 9px;
    } 
    .menu-open .header-bar {
        margin-top: -36px;
        padding: 6px 0 7px;
    }   
    .header-menu {
        padding: 10px 0;
    }
    .header-logo,
    .header-sticky .header-logo {
        width: 190px;
        height: 41px;
    }
    .header-menu a:not(.btn):hover {
        color: var(--black-regular);
    }
    .header-nav {
        margin-top: -1px;
        padding: 5px 20px;
        padding-bottom: 75px;
        border-top: 1px solid rgba(14, 15, 20, 0.1);
        position: fixed;        
        background: var(--bg-white);
        height: 100%;
        width: 100%;
        left: 0;
        top: 59px;
        overflow-y: auto;
        transition: none;
        z-index: 1002;
    }    
    .header-menu nav {
        margin: 0 -20px;
    }
    .dropdown-navbar {
        padding: 0;
        min-height: 100%;
        flex-direction: column;
        justify-content: space-between !important;
    }
    .dropdown-navbar .d-flex {
        width: 100%;
        flex-wrap: wrap;
    }
    .dropdown-navbar li {
        padding: 0 20px;
        margin: 15px 0;
    }
    .dropdown-navbar li:not(.btn-group) {
        width: 100%;        
    }
    .dropdown-navbar li:not(.nav-item):last-child {
        border-bottom: 0;
        padding-bottom: 0;
    } 
    .dropdown-navbar .nav-item:not(.btn-group):before {
        content: none;
        display: none;
    }
    .header-menu .dropdown {
        position: relative;
    }    
    .header-menu .dropdown:after {
        font-size: 18px;
        font-family: 'TA Icons';
        font-weight: 600;
        content: "\e900";
        color: var(--black-regular);
        background: transparent;
        width: auto;
        height: auto;
        left: auto;
        right: 20px;
        top: -2px !important;
        transform: none;
        pointer-events: none;
    }
    .header-menu .expand.dropdown:after {
        color: var(--orange);
        transform: rotateX(180deg);
    }
    .header-sticky .dropdown-navbar .sub-menu {
        top: 20px;
    }
    .header-menu .nav-btn-group {
        width: 100%;
    }
    .header-menu .nav-btn-group .btn-group {
        display: block;
    }
    .header-menu .btn-secondary {
        margin-top: 10px;
        min-width: 100%;
        padding: 10px;
    }
    .header-menu .hamburger {
        right: 20px;
    }
    .header-sticky .header-menu {
        padding: 10px 0;
    }    
    .banner {
        margin-top: 95px;
    }
    .header-sticky .banner {
        margin-top: 58px;
    }
    .banner .container {
        min-height: auto;
        text-align: left !important;
    }
    .header-sticky .banner .container {
        min-height: auto;
    }    
    .banner p {
        font-size: 19px;
        line-height: 30px;
        max-width: 100%;
        margin: 16px auto 32px;
    }
    .banner-content-inner p {
        margin-bottom: 0;
    }
    .btn {
        padding: 12px 20px;
    }
    .btn-primary,
    .btn-secondary {
        font-size: 18px;        
        min-width: 200px;
    }
    .btn-secondary {
        font-size: 17px;
    }    
    .btn span {
        padding-right: 50px;
    }       
    .partners-list {
        padding: 15px 0;
    }
    section:not(.wrapper) {
        padding: 36px 0 !important;
    }
    section.p-0:not(.wrapper) {
        padding: 0 !important;
    }
    section.pb-0:not(.wrapper) {
        padding: 36px 0 0 !important;
    }
    section.pt-0:not(.wrapper) {
        padding: 0 0 36px !important;
    }
    .best-practices .row {
        margin-top: -20px;
        margin-bottom: -20px;
    }
    .best-practices .col-12 {
        margin: 16px 0;
    }
    .best-practices .col-sm-6 p{
        margin: 10px 0 15px;
    }
    .best-practices .font-20 {
        max-width: 100%;
        padding-bottom: 30px;
    }
    .dynamic-web-mobile-solutions li a:after {
        font-size: 23px;
    }
    .full-stack-development .d-flex {
        display: block !important;
        padding-bottom: 30px;
    }       
    .full-stack-development .main-carousel,
    .case-studies .main-carousel {
        overflow: hidden;
    }
    .full-stack-development .main-carousel .slick-arrow,
    .sub-menu-spotlight .main-carousel .slick-arrow {
        right: auto;
    }
    .full-stack-development .main-carousel .slick-prev {
        left: 20px;
    }
    .full-stack-development .main-carousel .slick-next {
        left: 90px;
    }
    .full-stack-development .main-carousel h3 {
        min-height: auto;
    }    
    .we-helps-businesses h4,
    .ios-who-we-are .col-lg-5 h4 {
        max-width: 100%;
        padding-bottom: 20px;
    }    
    .case-studies .main-carousel a:before {
        content: none;
        display: none;
    }
    .case-studies .main-carousel figcaption {
        font-size: 22px;        
        padding: 15px;
        margin-top: -78px;
        /* top: 0; */    
    }
    .case-studies .main-carousel figcaption span {
        padding-bottom: 10px;
    }
    .case-studies .main-carousel .slick-arrow {
        width: 55px;
        height: 55px;
        background-size: 55px 55px;
    }
    .case-studies .main-carousel .slick-arrow:before {
        font-size: 18px;
    }
    .case-studies .main-carousel p {
        padding: 15px;               
    }
    .customers-say-content .customer-info h5 {
        font-size: 20px;
        line-height: 28px;
    }
    .customers-say-content .customer-info h5 > span {
        font-size: 16px;
        display: block;
    }
    .customers-say-content .customer-info figure {
        margin-right: 15px;
    }
    .customers-say-content h3, 
    .customers-say-content h4 {            
        padding: 20px 0;
    }
    .customers-say-content .customer-info {
        padding-bottom: 24px;
        padding-right: 0;
    }
    .customers-say-content .main-carousel {
        padding-bottom: 45px;
    }
    .customers-say-content .slick-dots {
        right: auto;
        top: auto;
        left: 0;        
        bottom: 5px;
    }
    .customers-say-content .slick-dots li:first-child button {
        margin-left: 0;
    }
    .awards-recognitions .col-6 {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .awards-recognitions .row:before {
        height: 45px;
    }
    .awards-recognitions .row:after {
        height: 35px;
    }
    .contact-us-mail .btn-primary {
        margin-left: 0;
        margin-top: 20px;
        min-width: 200px;
        padding: 12px 20px;
    }
    .footer-menu h5 {
        font-size: 22px;
        padding-top: 45px;
        padding-bottom: 25px;
    }
    .footer-menu li .learn-more {
        margin-top: 10px;
    }
    .footer-social {
        padding: 25px 0;
        margin-bottom: 15px;
    }
    .copy-rights {
        margin-top: 35px;
    }
    .footer-locations .location-header {
        font-size: 17px;
        padding: 15px 0;
    }
    .address-block address {
        font-size: 16px;
        padding: 20px 0;
    }
    .contact-us-mail .col-auto {
        width: 100%;
    }
    .form-control {
        font-size: 16px;
        height: 56px;
        padding: 10px 20px 10px 40px;      
    }
    .fields-set:before {
        left: 14px;
    }
    .other-services-block-inner {
        padding-bottom: 35px;
    }
    .other-service-bottom-block {        
        padding-top: 30px;
    }
    .other-service-bottom-block .font-20,
    .other-service-bottom-block div {
        text-align: left !important;
    } 
    .service-btn {
        margin-top: 25px;
    }
    .web-interoperability-block {
        margin-bottom: 30px;
    }
    .col-md-5:last-child .web-interoperability-block {
        margin-bottom: 0;
    }
    .accordion-choice-partner {
        padding-left: 0;
    }
    .banner-form-section .contact-form-field {
        overflow: hidden;
    }
    .form-banner .container:before {
        content: none;
        display: none;
    }    
    .banner-form-section .btn-primary {       
        padding: 12px 20px;
    }
    .banner-form-section .submit-btn {
        padding-top: 0;
        width: 100%;
    }
    .banner-form-section .form-head h2,
    .banner-form-section .form-head h3,
    .banner-form-section .form-head h4 {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }    
    .accordion-choice-partner .accordion-button {
        font-size: 20px;
        padding: 16px 40px 16px 0;      
    }
    .accordion-choice-partner .accordion-body {
        padding-bottom: 24px;
    }
    .web-interoperability .row:before,
    .technologies-list .technologies-tab-list:before,
    .cutting-edge-mobile-lab ul:after {
        content: none;
        display: none;
    }
    .forte-architectures-list li {
        padding: 20px;
    }
    .forte-architectures .font-20 {
        max-width: 100%;
    }    
    .other-services .heading, 
    .technologies-list .heading {
        padding-bottom: 20px;
        margin-bottom: 35px;
    }
    .technologies-tab-list .form-select {
        font-size: 20px;
        color: var(--black-regular);
        height: 50px;
        border-color: var(--border-black-regular);
        margin-bottom: 10px;
        box-shadow: none !important;
    }
    ul.techno-list {
        padding: 9px 0 24px;
    }
    .other-service-bottom-block .service-btn {
        min-width: 200px;
        padding: 10px 20px;
    }    
    .scroll-down {
        display: block;
        text-align: center;
    }   
    .solution-types-list ul li {
        width: calc(50% - 24px);
    }
    .cms-types li {
        font-size: 17px;
    }    
    .cutting-edge-solution .heading h2, 
    .cutting-edge-mobile-lab .heading h2 {
        max-width: 100%;
    }
    .cutting-edge-mobile-lab li p {
        width: 100%;
    }    
    .mobile-technologies .main-carousel {
        margin-left: -20px;
        margin-right: -20px;
    }            
    .contact-banner li p {
        font-size: 17px;
    }    
    .locations-list .heading h2 {
        padding-bottom: 24px;
    }        
    .custom-pane h3 {
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: solid 1px rgb(69, 73, 100);
        margin-bottom: 10px;
    }
    .custom-pane a {
        color:#ef5a2a;
    }    
    .locations-list .locations-tab-list .locations-tab-content .tab-pane:not(.active) {
        display: none;
    }    
    #responsiveSelect {
        margin-bottom: 24px;
    }
    .dropdown-navbar .sub-menu {
        width: auto;
        position: relative;
        padding: 20px 0;
        transform: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        margin: 0 -20px 20px;
        max-height: 100% !important;
        top: 20px;
        display: none;
    }
    .sub-menus {
        width: 100%;
    }
    .sub-menus {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }    
    .sub-menu p {
        padding-bottom: 16px;
        margin-bottom: 12px;
    }
    .sub-menu-spotlight { 
        width: 100%;
        margin: 24px 0 8px;
    }
    .sub-menu-spotlight p {
        padding: 8px 0;
    }
    .sub-menu-spotlight .btn-primary {
        min-width: 100%;
        margin-top: 0;
    }
    .dropdown-navbar .sub-menus li {
        width: 50%;
    }    
    .sub-menu-spotlight .main-carousel .slick-prev {
        right: 45px;
    }
    .sub-menu-spotlight .main-carousel .slick-next {
        left: auto;
        right: 0;
    }
    .sub-menu .main-carousel h5 {
        padding: 20px 0 0;
    }
    .our-execution-cycle .heading {
        padding-bottom: 30px;
    }
    .our-execution-cycle .steps-app-development h4 {
        margin-bottom: 30px;
    }
    .menu-open {
        overflow: hidden;
        background: transparent;
    }
    .company-global-locations .nav-link {
        font-size: 18px;
    }
    .company-global-locations .heading {
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }
    .company-global-locations .nav-tabs {
        width: 100%;
        padding-top: 32px;
    }
    .company-location-map .col-md-4 {
        text-align: center;
    }
    .company-location-map h2 {
        font-size: 36px;
        line-height: 44px;       
    }
    .company-location-map h4 {
        padding: 10px 0 0;
    }
    .company-engagement-models .row p {
        max-width: 100%;
    } 
    .company-engagement-models .row .text-end {
        margin-top: 40px;
        text-align: center !important;
    }
    .company-engagement-models .row svg {
        width: 350px;
    }    
    .form-banner .row.w-100 {
        width: auto !important;
    }
    .our-breakthrough-mobility ul {
        margin: -15px -12px;
    }
    .our-breakthrough-mobility h4 {
        padding-bottom: 20px;
        margin: 15px 0;
    }    
    .banner .group-count {
        margin-top: 16px;
    }
    .cms-banner p {
        margin: 16px 0 0;
    }  
    .cutting-edge-solution .font-20 {
        margin-top: 16px;
    }
    .cutting-edge-solution .font-20:not(.v-ellipsis) {
        padding-top: 16px;
    }
    .hire-cross-platform-developers .row {
        padding-bottom: 24px;
    }
    .hire-cross-platform-developers .col-md-5 {
        margin: 0 0 24px;        
    }
    .hire-cross-platform-developers .col-md-5 svg {
        width: 345px;
    }    
    .cms-types .btn-primary-2.text-start {
        min-width: 200px;        
    }
    .react-cross-platform .heading p {
        padding-bottom: 20px;
    }
    .react-cross-platform .row {
        padding: 16px 0;
    }
    .your-cross-platform-list .content {
        max-width: 100%;
    }        
    .amplified-experience .row {
        margin: 0 -10px;
    }
    .amplified-experience .row div {
        margin: 10px 0;
    }
    .our-edge-retail h4 {
        padding-bottom: 16px;
    }
    .slide-infinite .slick-slide img {
        width: 100%;
    }
    .it-testimonials .customers-say-content h3 {
        font-weight: 400;
    }
    .openings-in-usa svg {
        max-width: 300px;
    }
    .openings-in-usa .font-20 {
        padding-bottom: 30px;
    }
    .aim-to-run .row h2 {
        font-size: 34px;
        line-height: 40px;
        width: 90px;
        height: 90px;
    }
    .tag-page-lists .forte-architectures-list li:before {
        top: 30px;
    }    
    .pricing-banner.banner p.small {
        width: auto;
    }       
    .tag-page-lists h6 {
        padding-top: 16px;
    }
    .tag-page-lists li {
        padding-top: 8px;
    }
    .ror-our-value-proposition h4.font-ibm,
    .ror-our-value-proposition svg {
        margin-bottom: 30px;
    }
    .ror-tools-used figure {
        height: 132px;
    }
    .our-digital-marketing-process .col-sm-6 {
        text-align: left !important;
    }
    .case-study-banner .banner-content h1 {
        max-width: 100%;
        padding-bottom: 35px;
    }
    .case-study-banner .banner-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .hercules-business-need ul.techno-list {
        padding: 20px;
    }
    .hercules-business-need .form-select {
        font-size: 18px;
        color: var(--black-regular);
        border-color: var(--border-grey) !important;
        box-shadow: none !important;
        padding: 15px 40px 15px 20px;
        white-space: inherit;
    }
    .hercules-business-need ul.techno-list p {
        padding: 0;
    }
    .other-case-studies .main-carousel a {
        display: flex !important;
    }
    .sub-menus li.openings-usa {
        min-height: auto;
        margin-bottom: 12px !important;
        align-items: center !important;
    }
    .pricing-banner .row li a {
        padding: 15px 0 15px 20px;
    }
    .b-morelines_section_button {
        font-size: 15px;
    }    
    .microsoft-advertising-management h2 {
        font-size: 55px;
        line-height: 65px;
    }
    .microsoft-advertising-management h5 {
        line-height: 30px;
    }
    .box-contain-wrapper .box-container {
        padding: 24px;
    }
    .why-us-frontend ul.techno-list li {
        width: 100% !important;
    }
    .cloud-expertise ul li:nth-child(8) a {
        border-bottom: 0;
    }
    .development-services-accordion .accordion-button:after {
        font-size: 24px;
    }
    .java-our-expertise .main-carousel .slick-arrow {
        width: 50px;
        height: 50px;
    }
    .java-our-expertise .main-carousel .slick-arrow:before {
        font-size: 16px;
    }
    .java-technology-stacks ul.techno-list {
        padding: 10px 0;
    }
    .java-technology-stacks ul.techno-list li {
        width: 25%;
    }
    .company-banner svg.w-100{
        width: auto !important;
    }
    .pioneers-on-both ul.techno-list li {
        width: 100%;
    }
    .web-enterprise-technologies li {       
        padding-top: 32px;
    }
    .freshworks-our-history .col-md-4 > svg {
        height: 340px;
    }
    .techaffinity-at-refresh .main-carousel {
        margin: 0 -10px;
    }
    .techaffinity-at-refresh .carousel-cell {
        padding: 0 10px;
    }
    .techaffinity-at-refresh .main-carousel .slick-arrow {
        right: 0;
    }
    .techaffinity-at-refresh .main-carousel .slick-prev {
        left: 0;
    }
    .freshworks-success-card {
        padding: 20px;
    }
    .freshworks-success-card img {
        width: 135px;
    }
    .techaffinity-for-google-ads ul {
        flex-wrap: wrap;
    }
    .full-stack-development .main-carousel {
        padding: 24px 0 70px;
    }
    .benefits-working-with-techaffinity .heading {
        padding-bottom: 24px;
    }
    .accordion-choice-partner .accordion-button:after {
        font-size: 24px;
        width: 24px;
    }
    .seo-services .rounded-circle > div p {
        min-height: auto !important;
    }
    .seo-process-steps li > div {
        border-radius: 60px;
        border: 1px dashed var(--border-black-regular);
    }
    .seo-process-steps li h2 {
        width: 60px;
        height: 60px;
        background: #ffefd8;        
    }
    .seo-process-steps li p {
        width: calc(100% - 76px);
    }
    .case-studies-information .contact-form-field {
        flex-wrap: wrap;
    }
    .case-study-container a > .d-flex {
        padding: 24px;
    }
    .case-study-container figure > img {
        height: auto;
    }
    .case-study-container .banner-content {
        padding: 45px 0;
    }
    .banner-scroll-btn {
        width: 36px;
        height: 36px;
    }
    .full-stack-development.cx-service-advantages .d-flex {
        min-height: 245px;
    }
    .our-edge-platform-integration .row {
        padding-top: 0;
    }
    .our-edge-platform-integration .row .col-md-4 {
        margin-top: 0;
    }    
    .case-study-banner .banner-content h1 {
        max-width: 100%;
        text-shadow: 1px 0px 0px #FFFFFF;
    }
    .banner-logo {
        margin-bottom: 35px;
    }
    .case-study-block-item {
        max-width: 100%;
        width: 100%;
    }
    .cookie-policy .banner-content {
        padding: 32px 0 16px;
    }
    .policy-list {
        margin: 16px 0;
    }
    .press-container a {
        padding: 24px;
    }      
    .automation-list .col-lg-4 {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .business-automation .heading h2, .business-automation .heading p {
        text-align: left;
    }
    .php-our-services ul li:nth-child(9) a {
        border-bottom: 0;
    }
    .usability-testing-list {
        padding: 24px;
    }
    .customers-say-content .heading .font-20 {
        padding-bottom: 32px;
    }
    .mobile-backend .col-lg-4.col-md-6 h4 {
        padding: 18px 0;
    }
    .service-offerings-block-item {
        width: 165px;
        height: 165px;
    }
    .service-offerings-block-item-inner {
        width: 150px;
        height: 150px; 
    }
    .types-of-testing .microsoft-technology-list h4 {
        min-height: auto;
    }
    .types-of-testing div.microsoft-technology-list, 
    .types-of-testing .slick-dots.microsoft-technology-list {
        padding-top: 0 !important;
    }
    .operational-departments .cms-types li {
        width: calc(50% - 20px);
    }
    .operations-intelligence-experience .row:after {
        height: calc(100% - 24px);
    }
    .journey-business-need .key-expectations {
        padding: 36px;
    }
    .asset-management-system-branding {
        flex-wrap: wrap;
    }
    .jcd-business-need ul.techno-list {
        width: 100% !important;
    }
    .quote-msg {
        padding: 28px;
    }
    .quote-msg h2 {
        margin-bottom: 24px;
    }
    .quote-author {
        padding-top: 20px;
    }
    .process-wrapper .value:before {
        top: 37px;
    }
    .process-wrapper:first-child .value:before {
        top: 14px;
    }
    .process-wrapper .content .process-title {
        top: -7px;
    }
    .umbraco-cms-development-partner-list {
        padding: 24px 0;
    }
    .umbraco-cms-development-partner-list .techno-list {
        width: 100%;
        padding: 0 20px;
    }
    .steps li {
        padding: 0;
        border: none;
        width: auto;
    }
    .steps li:after {
        display: none;
    }    
    .hire-umbraco-developers svg {
        margin-bottom: 24px;
    }
    .umbraco-cms-services ul.techno-list, .umbraco-cms-development-partner-list .techno-list li {
        width: 100%;
    }
    .banner-content {
        padding: 40px 0;
    }
    .explore-blocks {
        padding: 24px;
    }   
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 365px;
    }    
    .jla-header .col-md-3.jla-heading,
    .foreach_items .hide-on-open,
    .jla-technology {
        display: none !important;
    }
    .job-description-block {
        flex-wrap: wrap;
    }
    .job-description-block .row .col {
        width: 100%;
        flex: auto;
        margin-top: 12px;
    }
    .job-description-block .row .col:nth-child(2) {
        margin-top: 12px;
    }
    .job-description-block h4, 
    .job-description-block h6 {
        padding-top: 20px;
    }
    .card-block {
        padding-left: 0;
    }
    .jla-container {
        min-height: 65px;
    }
    [data-bs-toggle="collapse"].collapsed .jla-col:after {
        top: 0;
    }
    .job-description-block li {
        font-size: 16px;
    }
    .upload-resume-modal .fields-set:before {
        left: 22px;
    }
    .upload-resume-modal .additional-info-input:before {
        top: 17px;
    }
    .no-result {
        position: static !important;
        transform: none;
    }
    .banner.header-menu-banner {
        margin-top: 146px;
    }
    .header-sticky .banner.header-menu-banner {
        margin-top: 91px;
    }
    .banner.header-menu-banner .container,
    .header-sticky .banner.header-menu-banner .container {
        min-height: auto;
    }
    .interdesign-scroll-content .tab-pane-content {
        height: auto;
        overflow: hidden;
    }
    .interdesign-scroll-content .tab-pane-content .tab-pane {
        display: none;
    }
    .interdesign-scroll-content .tab-pane-content .tab-pane.show {
        display: block;
    }
    .interdesign-scroll-content .tab-pane:before {
        display: none;
    }
    .interdesign-scroll-wrapper {
        padding: 24px;
    }
    .php-why-box {
        padding: 20px;
    }
    .dynamic-business-solutions ul:after {
        display: none;
    }
    .header-inner-menu .back-btn a > span {
        font-size: 0;
    }
    .header-inner-menu .back-btn a:after {
        top: 3px;
    }
    .full-stack-development.vuejs-app-development-services .d-flex {
        display: flex !important;
    }
    .ads-wrapper .banner {
        margin-top: 58px;
    }
    .ads-footer-menu {
        padding: 32px 0;
    }        
    .customized-mobile-apps-for-every-need .carousel-cell-box {
        padding: 24px;
    }
    .customized-mobile-apps-for-every-need .heading h2 {
        padding-right: 0;
    }
    .ads-our-various-industry-offerings .forte-architectures-list li {
        width: calc(50% - 20px);
    }
    .read-case-studies-modal .modal-dialog {
        background: transparent;
    }
    .read-case-studies-modal .modal-content {
        width: 100%;
    }
    .header-inner-menu li {
        padding: 0 13px;
    }
    .cc-window {
        display: none;
        bottom: 8px;
        left: 8px;
    }       
    .application-block-inner-items img {
        margin: 0 12px 10px;
    }
    .banner.weintraub-banner h1 {
        max-width: calc(100% - 180px);
    }
    .banner-background:after {
        background: url(../images/case-study-weintraub-banner-mobile-bg.webp) no-repeat;
        width: 200px;
    }
    .footer-menu .col-c-4 .row .col:first-child li:last-child {
        padding-bottom: 0;
    }
    .career-banner .banner-content {
        padding: 40px 0;
    }
    .ui-ux-banner .banner-content-inner p {
        max-width: 100%;
    }   
    .sub-menu h5 {
        padding-bottom: 0;
    }
    .header-menu .nav-item a,
    .sub-menus li h5 {
        font-size: 17px;
    }
    .header-menu .nav-item a.learn-more {
        font-size: 16px;
    }
    .sub-menus li h5 {
        font-weight: 500;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .dropdown-navbar .d-flex li:first-child .sub-menu-spotlight {
        margin-top: 0;
    }
    .header-menu .dropdown:nth-child(4) .sub-menu li:last-child p {
        padding-bottom: 8px;
        margin-bottom: 0;
    } 
    .header-menu .dropdown:nth-child(5) .sub-menu {
        margin-bottom: 5px;
        padding-bottom: 23px;
    }    
    .header-hide .header-inner-menu {
        margin-top: 33px;
    }
    .customers-super-app .super-app-list li {
        width: 50%;
        min-height: inherit;
    }
    .super-apps-section .quote-msg {
        margin-bottom: 20px;
    }    
    .we-chat-section .we-shat-content {
        padding: 30px;
    }
    .we-chat-section .we-shat-content p {
        font-size: 20px;
        line-height: 28px;
        margin: 24px auto 0;
    }
    .we-chat-section .we-shat-content img {
        width: 75px;
    }
    .customers-super-app .super-app-list li p {
        font-size: 20px;
    }
    .customers-super-app .super-app-list li {
        padding: 25px 20px 25px;
    }
    .super-apps-section .quote-msg h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .header-bar p,
    .header-bar .learn-more {
        font-size: 14px;
    } 
    .header-bar:before,
    .header-bar:after {
        display: none;
    }
    .banner .event-blurb h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .banner .event-blurb p {
        font-size: 17px;
    }
    .cybertech-africa-banner h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .cybertech-africa-banner h1 > span:before {
        background: url('../images/cybertech-banner-rainbow-mobile.svg') no-repeat;
        background-size: 100% 100%;
        width: 320px;
        height: 89px;
        right: -11px;
        top: -11px;
    }
    .cybertech-africa-banner h1 > span:after {
        width: 23px;
        height: 23px;
        right: -10px;
        top: 9px;
    }
    .cybertech-africa-banner h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .cybertech-africa-banner p {
        font-size: 14px;
        line-height: 24px;
    }
    .cybertech-africa-banner p > span {
        padding-left: 20px;
    }
    .cybertech-africa-banner p > span:before {
        width: 16px;
        height: 16px;
    }
    .rwanda-speaker .row img {
        max-width: 380px;
    }
    .rwanda-banner-input {
        width: 100%;
    }
    .rwanda-latest-updates img {
        max-height: 140px;
    }
    h2, h3, h4, h5, h6 {
        font-weight: 500;
    }
    .dynamic-web-mobile-solutions li h4,
    .we-helps-businesses h4,
    .other-services .other-services-block-inner h4,
    .country-list h3, 
    .country-list h3 span,
    .locations-list .locations-tab-content h4,
    .company-count h4,
    .cx-service-advantages .d-flex h2,
    .process-wrapper .content .process-title,
    .types-of-testing .microsoft-technology-list h4,
    .fw-bold {
        font-weight: 500 !important;
    }
    .locations-list .location-contact-detail p span,
    .ionic-cross-platform h4, 
    .development-services-accordion .accordion-button,
    h4,
    .h-4 h6,
    .contact-banner .country-list h3 > span,
    b, strong {
        font-weight: 500;
    }
    .rwanda-banner-thumb {
        margin-right: 0;
    }
    .rwanda-get-in-touch-form-row {
        width: 100%;
    }
    .rwanda-banner-content .btn-primary {
        min-width: 100%;
    }
    .cookie-mob-btn {
        bottom: 85px;
    }
    .full-stack-development .d-flex.pb-0.border-0 {
        display: flex !important;
    }    
    .full-stack-development .main-carousel p.v-ellipsis {
        padding-top: 22px;
    }
    .upload-resume-modal .img-upload-wrapper h5 {
        font-size: 15px;
    }
}
/* @media (max-width: 665px) {     
    .header-sticky .header-bar, 
    .menu-open .header-bar, 
    .header-hide .header-bar {
        margin-top: -57px;
    }
} */
@media (max-width: 576px) {
    .column-count-2 li,
    .column-count-3 li {
        width: 100%;
    }
    .group-count.column-count-3 li,
    .column-count-4 li {
        width: calc(50% - 20px);
    }
    .header-sticky .header-bar,
    .menu-open .header-bar,
    .header-hide .header-bar {
        margin-top: -33px;
    }
    .banner {
        margin-top: 114px;
    }    
    .other-services .other-services-block-inner h4 {
        min-height: auto;
    }        
    .banner-content .btn-primary,
    .banner-form-section .btn-primary {
        text-align: left;
        min-width: 100%;
        padding: 12px 20px;
    }
    .banner-content .btn span {
        display: block;
    }
    .footer-social {
        margin-bottom: 30px;
    }
    .footer-social ul {
        margin-top: 30px;
    }    
    .hq,
    .dc {
        margin-bottom: 30px;
    }
    .solution-types-list ul li {
        width: 100%;
    }
    .solution-types-list ul li h4 br {
        display: none;
    }      
    .cms-types li {
        font-size: 16px;
        margin: 13px 0;  
    }    
    .company-global-locations .nav {
        justify-content: flex-start !important;
    }
    .header-nav {
        top: 62px;
    }    
    .dropdown-navbar .sub-menus li {
        width: 100%;
    }
    .rounded-circle-animation .outer-circle {
        width: 305px;
        height: 305px;
    }
    .rounded-circle-animation .inner-circle {
        width: 215px;
        height: 215px;
    }
    .rounded-circle-animation h5 > span {
        font-size: 55px;
        line-height: 60px;
    }
    .woocommerce-development-services .accordion-body p {
        padding-right: 0;
    }
    .ionic-cross-platform li {
        padding: 0 0 16px;
    }
    .it-staffing-advantage ul.techno-list li {
        width: 100%;
    }
    .microsoft-management-systems .row {
        text-align: left !important;
    }
    .microsoft-management-systems figure {
        padding: 35px 0;
    }
    .microsoft-management-systems figure:before {
        display: none;
    }
    .pricing-why-us .why-us li {
        width: 100%;
    }
    .why-us-box {
        min-height: auto;
        padding: 24px;
    }    
    .why-us-box:before {
        font-size: 26px;
    }
    .pricing-banner .forte-architectures-list li {
        padding: 12px 20px;
    }
    .our-digital-marketing-process .col-sm-6 {
        border-bottom: 1px solid var(--border-grey);
    }    
    .hercules-solution-accordion .accordion-list a {
        display: block !important;
    }
    .hercules-solution-accordion a > span {
        font-size: 45px;
        line-height: 50px;
        padding-right: 0;
        top: 0;
    }
    .hercules-solution-accordion .accordion-arrow {
        right: 10px;
        bottom: 20px;
    }
    .hercules-solution-accordion .techno-list {
        padding: 20px 20px 0 0;
    }
    .hercules-solution-accordion a > p {
        padding-right: 20px;
    }
    .other-case-studies .main-carousel a {
        height: 250px;
        padding: 40px 20px 20px;
    }
    .other-case-studies .main-carousel a:after {
        font-size: 16px;
        right: 20px;
        top: 15px;
    }
    .other-case-studies .main-carousel a:hover:after {
        right: 15px;
    }
    .cloud-types-of-services figure {
        width: 50%;
    }
    .java-technology-stacks ul.techno-list li {
        width: 33.33333%;
    }
    .we-helps-businesses strong {
        padding-bottom: 25px;
    }
    .company-location-map .row .location-img {
        min-height: 120px;
        max-width: 100px;
        margin: 0 auto;
    }
    .contact-banner .location-icon {
        min-height: auto;
    }
    .our-services-box {
        padding: 16px;
    }
    .freshworks-apps li {
        flex-wrap: wrap;
    }
    .freshworks-apps ul p {
        width: 100%;
        padding: 16px 0 24px;
    }
    .techaffinity-at-refresh .carousel-cell figure {
        min-height: 245px;
    }
    .techaffinity-at-refresh .main-carousel .slick-arrow {
        margin-top: 16px;
    }
    .case-study-container a > .d-flex {
        padding: 16px;
    }
    .case-study-container a > .d-flex div.pe-3 {
        width: calc(100% - 44px);
    }
    .case-study-container a .arrow {
        width: 44px;
        height: 44px;
    }    
    .case-study-block-item {
        margin: 17px;
    }
    .policy-list .table-responsive-sm {
        width: calc(100vw - 40px);
        overflow-y: hidden;
    }
    .policy-list .table {
        width: 556px;
    }
    .press-container a .d-flex {
        flex-wrap: wrap;
    }        
    .javascript-expertise ul.techno-list li {
        width: 100%;
    }
    .technologies-block-row {
        padding-top: 32px;
    }
    .technologies-block-lists {
        width: 50%;
    }
    .technologies-block-row .technologies-logo {
        margin: 0 auto;
    }
    .automation-list .col-lg-4 {
        padding-top: 24px;
        padding-bottom: 24px;
    }    
    .service-offerings-block {
        width: 100%;
        margin-right: 0;
    }
    .service-offerings-block-item {
        margin: 0 auto 24px;
    }
    .operational-departments .cms-types li {
        width: 100%;
    }
    .operations-intelligence-benefits .d-flex > div {
        width: 50%;
    }
    .ui-ux-technologies ul.techno-list li {
        width: 50% !important;
        padding-right: 10px;
    }
    .journey-business-need .key-expectations {
        padding: 24px;
    }
    .drupal-development-services ul.techno-list li {
        width: 100% !important;
    }
    .explore-blocks img, 
    .explore-blocks svg {
        max-width: 210px;
    }
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 214px;
    }
    .upload-resume-modal .modal-dialog {
        margin: 20px;
    }
    .header-inner-menu {
        padding: 10px 0;
    }    
    .banner.header-menu-banner {
        margin-top: 158px;
    }
    .header-sticky .banner.header-menu-banner {
        margin-top: 90px;
    }
    .header-inner-menu ul {
        margin: 0 -8px;
    }
    .header-inner-menu li {
        padding: 0 7px;
    }    
    .interdesign-our-solution ul.techno-list li {
        width: 100%;
    }
    .accelerate-digital-transformation {
        padding: 24px;
    }
    .php-why-box,
    .php-why-box.expand {
        height: inherit;        
    }
    .related-pages .main-box-cell a {
        height: 262px;
    }
    .footer-contact-us-form form .form-button-set {
        width: 100%;
    }
    .footer-contact-us-form form .btn,
    .case-studies-information .btn-primary {
        min-width: 100%;
    }
    .full-stack-development.vuejs-app-development-services .d-flex {
        min-height: 215px;
    }
    .ads-footer-menu .d-flex div {
        width: 100%;
    }
    .nodejs-app-development-list .slick-active h5 > span {
        display: none;
    }
    .customized-mobile-apps-for-every-need .carousel-cell-box {
        min-height: auto;
    }
    .ads-our-various-industry-offerings .forte-architectures-list li {
        width: 100%;
    }
    .read-case-studies-modal .modal-dialog {
        width: 100%;
    }
    .read-case-studies-modal .btn-close {
        right: 20px;
        top: 20px;
    }
    .footer-locations h4 {
        padding: 8px 0 24px;
    }
    .copy-rights a {
        display: block;
    }    
    .header-inner-menu a:after {
        bottom: -10px;
    }
    .header-inner-menu.scroll-inner-menu {
        padding: 0;
    }
    .header-inner-menu.scroll-inner-menu .container {       
        position: relative;
    }
    .header-inner-menu.scroll-inner-menu ul {     
        padding: 10px 0;            
        margin-right: 0; 
        justify-content: flex-start !important;
        position: static !important;
        overflow: hidden;
        overflow-x: auto;      
        white-space: nowrap;  
    }    
    .header-inner-menu.scroll-inner-menu .back-btn a:after {
        left: 9px;
    }
    .header-inner-menu.scroll-inner-menu-with-back-btn ul {
        margin: 0 0 0 16px;        
    } 
    .why-super-apps ul.techno-list li {
        width: 100%;
    } 
    .we-chat-section .we-shat-content {
        padding: 30px 15px;
    }     
    .press-banner .banner-content {
        padding: 45px 0;
    } 
    .events-banner .event-blurb .btn {
        min-width: 100%;
        text-align: left;
    }   
    .events-banner .event-blurb .btn span {
        display: block;
    }
    .rwanda-our-continuous-growth .service-offerings-block {
       width: auto; 
    }
    .rwanda-our-continuous-growth .service-offerings-block:first-child {
        width: 100%;
    }
    .rwanda-our-continuous-growth .service-offerings-block-item {
        width: 150px;
        height: 150px;
        margin: 0 0 20px;
    }
    .rwanda-our-continuous-growth .service-offerings-block:first-child .service-offerings-block-item {
        margin: 0 auto -20px;
    }
    .rwanda-our-continuous-growth .service-offerings-block-item h2 {
        font-size: 45px;
        line-height: 60px;
    } 
    .rwanda-our-training-program .cms-types li {
        width: 100% !important;
    }  
    .rwanda-banner-content .form-control,
    .rwanda-banner-content .btn-primary {
        width: 100%;
    }   
    .rwanda-latest-updates img {
        max-height: 185px;
        min-height: 185px;
    }   
    .plethora-of-elearning .solution-types-list ul li {
        width: 100%;
    } 
    .plethora-of-elearning .heading {
        padding-bottom: 24px;
    }
    .vue-js-app-development.full-stack-development.cx-service-advantages .d-flex {
        min-height: inherit;
    }
    .header-inner-menu.scroll-inner-menu li {
        padding: 0 8px;
    }
    .web-app-web-interoperability .web-interoperability-block p {
        width: 100%;
    }
    .choosefile-label, 
    .pricing-banner .contact-form-field input[type="file"],
    .pricing-banner .img-upload-wrapper,
    .pricing-banner.banner .banner-form-section .btn-primary {
        width: 100%;
    }    
    .best-practices .col-12 h4 {
        max-width: 100%;
    }
    .dynamic-web-mobile-solutions li a {
        padding: 16px 40px 16px 0;
    }
    .icon-to-left,
    .icon-to-left svg {
        width: 45px !important;
    }
    .content-to-right,
    .full-stack-development .main-carousel h3.content-to-right {
        width: calc(100% - 45px) !important;
    } 
    .icon-to-left-45 {
        width: 40px !important;
    }
    .content-to-right-45 {
        width: calc(100% - 40px) !important;
    }   
    .ios-technologies.ios-technologies-with-icons .border-bottom-initial {
        padding-top: 32px;
        min-height: auto;
    }
    .umbraco-cms-services .key-expectations {
        padding: 14px 24px;
    }
    .our-software-modernization-row > * {
        padding-left: 73px;
    }
    .content-to-ps-60 {
        padding-left: 55px !important;
    }
    .ror-tools-used figure {
        height: 100px;
    }
    .accordion-item .accordion-header.content-to-right-45.ps-3 {
        width: calc(100% - 56px) !important;
    }
    .accordion-item svg.icon-to-left-45 {
        width: 56px !important;
    }
}
@media (max-width: 505px) {     
    .header-sticky .header-bar, 
    .menu-open .header-bar, 
    .header-hide .header-bar {
        margin-top: -53px;
    }
}
@media (max-width: 479px) {
    .col-vs-12 {
        width: 100%;
    }
    h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .header-bar p,
    .header-bar .learn-more {
        font-size: 13px;
    }    
    .contact-us-mail .col-auto {
        width: 100%;
    }
    .contact-us-mail .mail-input .form-control {
        width: 100%;
    }
    .core-offering .row .row .col-6 {
        width: 100%;
    }    
    .cutting-edge-mobile-lab li {
        flex-wrap: wrap;
    }
    .cutting-edge-mobile-lab li h2 {
        padding: 0 0 10px;
    }
    .our-execution-cycle .steps-app-development h4 {
        font-size: 19px;
    }
    .our-breakthrough-mobility li {
        width: 100%;
    }
    .slick-dots.microsoft-technology-list {
        width: calc(100% + 20px);
    }
    .microsoft-technology-list {        
        margin: 24px -10px 0;
    }
    .microsoft-technology-list > * {
        padding: 0 10px;
    }
    .microsoft-technology-list h4 > .tech-no {
        font-size: 48px;
    }
    .ror-our-value-proposition h4 br {
        display: none;
    }
    .we-support-google-ads .btn-primary {
        padding-left: 12px;
        padding-right: 12px;
    }
    .java-technology-stacks ul.techno-list li {
        width: 50%;
    }
    .modal-content {
        padding: 24px 20px;
    }
    .web-enterprise-technologies figure {
        max-width: 55px;
    }
    .web-enterprise-technologies figure > img, 
    .web-enterprise-technologies figure > svg {
        width: 100% !important;
    }
    .web-enterprise-technologies h3 {
        font-size: 18px;
        padding-left: 16px;
    }
    .flip-card {
        width: 100%;
        height: 60px;
    }
    .flip-card svg,
    .flip-card img {
        transform: scale(1.2);
    }
    .crm-technology-expertise li {
        margin: 16px 20px;
        width: calc(50% - 40px);
    }
    .crm-implementation-process li:after {
        content: '';
        height: 20px;
        width: 20px;
        border-radius: 3px;
        background: var(--bg-white);
        transform: rotate(45deg);
        position: absolute;
        bottom: 0;
        right: 48px;
        border: 1px dashed var(--border-black-regular);
        border-width: 0 1px 1px 0;
    }
    .crm-implementation-process li:last-child:after {
        display: none;
    }
    .stack-list-items li {
        width: 50%;
    }
    .cms-types .btn-primary-2.text-start {
        margin-top: 16px;
    }
    .ios-android-list-of-technologies .mx-auto li {
        width: 50%;
    }
    .ios-android-list-of-technologies li img {
        max-width: 100%;
    } 
    .java-our-expertise .carousel-cell-box {
        height: 165px;
    }
    .sub-menu-spotlight .main-carousel figure img {
        width: 100%;
    }
    .company-banner .row .row {
        margin: 0 -10px;
    }
    .company-banner .row .row .col-xs-12 {
        padding: 0 10px;
    }
    .company-banner h5 {
        font-size: 15px;
    }
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 240px;
    }
    .rwanda-speaker .row img {
        max-width: 100%;
    }
    .company-location-map .company-count h4 br {
        display: block !important;
    }
}
@media (max-width: 376px) {
    .col-xs-12 {
        width: 100%;
    }
    .techaffinity-at-refresh .carousel-cell figure {
        min-height: 220px;
    }
    .techaffinity-at-refresh .main-carousel .slick-arrow {
        margin-top: -8px;
    }
    .operations-intelligence-benefits .d-flex > div {
        width: 100%;
    }
    .ui-ux-technologies ul.techno-list li {
        width: 100% !important;
        padding-right: 0;
    }    
    .talk-us-modal .banner-form-section .fields-set .g-recaptcha,
    .case-studies-information .recaptcha-fields-set .g-recaptcha,
    .footer-contact-form-block .fields-set .g-recaptcha,
    .upload-resume-modal .fields-set .g-recaptcha,
    .read-case-studies-modal .g-recaptcha {
        transform: scale(0.9);
        transform-origin: left center;
    } 
    .read-case-studies-modal > div {
        height: auto !important;
        min-height: 100%;
        width: calc(100% - 40px);
        margin: 0 auto;
    } 
    .banner-background:after {
        width: 175px;
    } 
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 262px;
    }
}
@media (max-width: 359px) {    
    ul.techno-list li,
    .company-location-map .col-6 {
        width: 100%;
    }
    .rounded-circle-animation .outer-circle {
        width: 280px;
        height: 280px;
    }      
    .we-support-google-ads .btn-primary {
        font-size: 15px;
    }
    .web-enterprise-technologies h3 {
        padding-left: 8px;
    }
    .header-inner-menu li {
        padding: 0 4px;
    }
    .header-inner-menu a {
        font-size: 14px;
    }
    .interdesign-scroll-wrapper {
        padding: 16px;
    }
    .banner .banner-form-section .fields-set .g-recaptcha {
        transform: scale(0.9);
        transform-origin: left center;
    }
    .talk-us-modal .banner-form-section .fields-set .g-recaptcha,
    .case-studies-information .recaptcha-fields-set .g-recaptcha,
    .footer-contact-form-block .fields-set .g-recaptcha,
    .upload-resume-modal .fields-set .g-recaptcha,
    .read-case-studies-modal .g-recaptcha {
        transform: scale(0.75);
    }
    .pricing-banner .form-label {
        font-size: 14px;
        line-height: 20px;
    }    
    .pricing-banner .form-label:before {
        top: 0;
    }
    .banner-background:after {
        width: 150px;
    } 
    .java-our-expertise .carousel-cell-box h4 {
        font-size: 17px;
    }
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 286px;
    }   
    .cybertech-africa-banner h1 {
        font-size: 35px;
    }
    .cybertech-africa-banner h1 > span:after {
        right: -11px;
        top: 7px;
    }   
    .rwanda-our-continuous-growth .service-offerings-block-item {
        width: 140px;
        height: 140px;
    } 
    .rwanda-banner-content .g-recaptcha {
        transform: scale(0.9);
        transform-origin: left center;
    }
    .pricing-banner.banner .banner-form-section span#extension-error {
        font-size: 11px;
    }
    .holistic-solution .group-count.column-count-3 li {
        width: calc(100% - 20px);
    }
    .company-location-map .company-count h4 br {
        display: none !important;
    }
    .umbraco-cms-banner .cms-types li {
        padding-left: 30px;
    }
    .umbraco-cms-banner .group-count.column-count-3 li:last-child {
        width: 100%;
    }
    h1 {
        font-size: 37px;
        line-height: 46px;
    }
    .upload-resume-wrapper .btn span {
        padding-right: 30px;
    }
}
@media (max-width: 319px) {
    .banner .banner-form-section .fields-set .g-recaptcha {
        transform: scale(0.75);
    }
    .talk-us-modal .banner-form-section .fields-set .g-recaptcha, 
    .case-studies-information .recaptcha-fields-set .g-recaptcha, 
    .footer-contact-form-block .fields-set .g-recaptcha, 
    .upload-resume-modal .fields-set .g-recaptcha, 
    .read-case-studies-modal .g-recaptcha {
        transform: scale(0.65);
    }
    .explore-blocks img, 
    .explore-blocks svg {
        max-width: 190px;
    }
    .thank-you-banner h2 {
        word-break: break-all;
    }
    .customers-say-content h3, 
    .customers-say-content h4 {
        word-break: break-word;
    }
    .header-inner-menu a {
        font-size: 12px;
    }
    h1 {
        font-size: 33px;
        line-height: 42px;
    }
}
@media (min-width: 576px) {
    .col-c-1,
    .col-c-2,
    .col-c-3,
    .col-c-4{
        flex: 0 0 auto;
        width: 50%;
    }
    .footer-social ul {
        justify-content: flex-end;
    }
    .hq .address-container,
    .footer-locations .hq h4{
        max-width: 280px;
    }
    .dc .address-container,
    .footer-locations .dc h4{
        max-width: 380px;
    }
    .sm-pb-0 {
        padding-bottom: 0 !important;
    }
    .modal-dialog {
        max-width: 447px;
        margin: 1.75rem auto;
    }    
    .testing-qa-technologies ul.techno-list li {
        padding-right: 16px;
    }   
}
@media (min-width: 768px) {
    .col-c-1{
        flex: 0 0 auto;
        width: 20%;
    }
    .col-c-2,
    .col-c-3{
        flex: 0 0 auto;
        width: 26%;
    }
    .col-c-4{
        flex: 0 0 auto;
        width: 28%;
    }
    .header-nav.collapse:not(.show) {
        display: block;
    }
    .case-studies .main-carousel .slick-arrow:hover {
        background: var(--bg-orange);
    }
    .case-studies .main-carousel .slick-arrow:hover:before {
        color: var(--white);
    }    
    .dropdown-navbar .sub-menu {
        display: block !important;
    }    
    .header-hide .dropdown-navbar .sub-menu,
    .header-hide .dropdown-navbar .expand .sub-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .dropdown-navbar .expand .sub-menu,
    .header-show .dropdown-navbar .expand .sub-menu {
        /* transform: rotateX(0); */
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .banner p.font-20 {
        font-size: 20px;
        line-height: 32px;
    }       
    .other-services-block {
        margin: 0 -40px;    
    }
    .other-services-block .col-lg-4 {
        padding: 0 40px;
    }    
    .slide-infinite {
        animation: slideIn 25s linear infinite;
        animation-delay: 2s;
        white-space: nowrap;
    }
    .slide-infinite li {
        width: calc(100% / 5);
        display: inline-block;
        text-align: center;
    }
    .other-case-studies .main-carousel h2.small {    
        line-height: 40px;
    }
    .other-case-studies .main-carousel .slick-arrow {
        bottom: 100%;
    }    
    .services-partner-features {
        padding: 20px 30px !important;
    }
    .our-focus-areas h2 {
        top: 72px;
    }
    .benefits-working-with-techaffinity .other-service-bottom-block {
        top: -32px;
    }
    .seo-services .rounded-circle > div > div {
        max-width: 514px;
    }
    .our-cloud-services .row > div:nth-child(6) .b-morelines_section_wrapper {
        margin-bottom: 0;
    }
    .full-stack-development.cx-service-advantages .main-carousel .slick-arrow {
        right: 12px;
    }
    .full-stack-development.cx-service-advantages .main-carousel .slick-prev {
        right: 84px;
    }
    .banner.weintraub-banner .container:not(.minh-auto) {
        min-height: 548px !important;
    }
    .php-tools-used ul.core-offering-list li {
        padding-left: 35px;
    }
    .advisory-partner {
        max-width: 40%;
    }
    .operations-intelligence-experience .col-lg-3:last-child {
        border-width: 0 1px 1px 1px;
    }
    .upload-resume-modal .modal-dialog {
        max-width: 745px;
    }
    .advantage-post-transformation {
        max-width: 80%;
    }
    .interdesign-technology-stack h2 {
        line-height: 54px;
        top: 100px;
        max-width: 275px;
    }
    .footer-contact-us-form form .btn {
        width: 64px;
        height: 64px;
        min-width: auto;
        padding: 0;
    }
    .footer-contact-us-form form .btn span {
        font-size: 0;
        padding-right: 0;
    }
    .footer-contact-us-form form .btn span:before {
        content: "\e91e";
        font-size: 24px;
        right: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .footer-contact-us-form .form-fields-set {
        width: calc(100% - 72px);
    }
    .footer-contact-us-form .fields-set {
        width: calc(33.33333% - 8px);
    }
    .upload-resume-modal .banner-form-section .btn-primary {
        min-width: 224px;
    }
    .ads-wrapper header {
        background: transparent;
        transition: var(--primary-transition);
    }
    .header-sticky .ads-wrapper header {
        background: var(--bg-white);
    }
    .ads-wrapper .header-menu {
        padding: 16px 0 12px;
        border: 0;
    }
    .header-sticky .ads-wrapper .header-menu {
        padding: 5px 0;
        border-bottom: 1px solid rgba(14, 15, 20, 0.1);
    }
    .header-hide .ads-wrapper .header-menu {
        margin-top: -109px;
    }
    .header-show .ads-wrapper .header-menu {
        margin-top: 0;
    }
    .customized-mobile-apps-for-every-need .carousel-cell-box {
        min-height: 234px;
    }
    .ads-our-offerings-banner:before {
        content: '';
        background: url('../images/ads-our-offerings-bg2.webp') no-repeat;        
        width: 182px;
        height: 126px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;  
    }
    .web-app-variety-of-technologies h2.mx-auto {
        max-width: 485px;
    }
    .cookie-mob-btn {
        display: none !important;
    }
    .microsoft-technology-list h4:hover {
        color: var(--orange);
    }
    .cybertech-africa-banner h1 {
        font-size: 85px;
        line-height: 98px;
    }
    .banner.pricing-banner h1 {
        max-width: 465px;
    }
}
@media (min-width: 992px) {     
    .footer-menu h5{
        padding-bottom: 32px;
        margin-top: 0;
    }
    .col-c-1{
        flex: 0 0 auto;
        width: 20%;
    }
    .col-c-2{
        flex: 0 0 auto;
        width: 23%;
    }
    .col-c-3{
        flex: 0 0 auto;
        width: 23%;
    }
    .col-c-4{
        flex: 0 0 auto;
        width: 34%;
    }
    .dynamic-business-solutions h2 {
        font-size: 40px;
    }
    .cms-accordion .accordion-contents {
        display: block !important;
    }
    .solution-types-list .heading p,
    .android-technologies h4 {
        padding-top: 0;
    }    
    .why-digital-marketing .overflow-hidden {
        margin-top: -40px;
    }
    .cloud-types-of-services .col-lg-7 > div {
        margin-top: -32px;
    }
    .java-technology-stacks ul.techno-list li {
        margin: 0;
        padding-left: 0;        
    }
    .java-technology-stacks ul.techno-list li:before {
        display: none;
    }
    .techaffinity-at-refresh .carousel-cell h4 {
        max-width: 300px;
    }
    .heading .font-20 {
        padding-top: 24px;
    }
    .devops-partner-inner li {
        width: 100%;
    }    
    .better-customer-experience-container {
        padding: 0 20px;
    }
    .full-stack-development.cx-service-advantages .main-carousel .slick-arrow {
        right: 0;
    }
    .full-stack-development.cx-service-advantages .main-carousel .slick-prev {
        right: 72px;
    }    
    .automation-service-banner .banner-content-inner p {
        max-width: 90%;
    }
    .why-test-automation .col-lg-12 .col-lg-6:nth-last-child(2) .on-demand-list, 
    .why-test-automation .col-lg-12 .col-lg-6:last-child .on-demand-list {
        border: none;
    }
    .operations-intelligence-experience .col-lg-3:nth-child(5) {
        border-width: 0 1px 1px 1px;
    }
    .border-start-lg-0 {
        border-left: 0 !important;
    }
    .drupal-development-services h2 {
        max-width: 308px !important;
    }
    img.client-location {
        margin-top: -16px;
    }
    .footer-contact-us-form .fields-set {
        width: calc(33.33333% - 16px);
    }    
    .ads-footer-menu.ads-footer-menu-2 figure > img {
        width: 285px;
    }
    .ads-wrapper .header-menu {
        padding: 52px 0 12px;
    }
    .our-various-industry-offerings h2 {
        max-width: 420px;
    }
    .customized-mobile-apps-for-every-need .carousel-cell-box {
        min-height: 280px;
    }
    .ads-wrapper .header-menu-2 {
        padding: 22px 0 12px;
    }
    .ads-wrapper .banner-2 h1 {
        padding-top: 48px;
    }
    .ads-case-studies .btn.btn-primary-2 span {
        padding-right: 38px;
    }
    .foreach_items a.color-inherit:not(.collapsed) .col-lg-7.col-md-6 {
        width: 100%;
    }
    .plethora-of-elearning .solution-types-list ul li:nth-child(7),
    .plethora-of-elearning .solution-types-list ul li:nth-child(8) {
        border-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .container {
        padding: 0 56px;
    } 
    .our-breakthrough .col-lg-5 {
        width: 445px;
    }
    .our-breakthrough .col-lg-7 {
        width: calc(100% - 445px);
    }    
    .our-expertise-ios h2 {        
        padding-right: 0;
    }
    .banner .container .col-lg-7 {
        width: calc(100% - 505px);
        padding-right: 85px;
    }
    .banner .container .bg-orange {
        width: 505px;
    }
    .home-banner .btn-primary {
        min-width: 268px;
    }
    .home-banner .btn-primary[title="Get a Proposal"] {
        min-width: 304px;
    }
    .home-banner .btn-primary[title="Get a Proposal"] span {
        padding-right: 85px;
    }
    .btn.btn-primary-2 span {
        padding-right: 70px;
    }    
    .woocommerce-services-partner .mt-4 {
        margin-top: 24px !important;
    }
    .microsoft-technology-list h4 {
        font-size: 20px;
        display: flex;
        align-items: center;
    }
    .microsoft-technology-list h4 > .tech-no {
        font-size: 54px;
    }
    .banner.case-study-banner .container .bg-orange {
        width: 44.5%;
    }
    .banner-text-section h2 {
        font-size: 56px;
        line-height: 72px;
    }
    .cloud-services .row h4 {
        max-width: calc(100% - 50px);
    }
    .microsoft-advertising-management .col-lg-4 > div {
        width: calc(100% - 30px);
    }    
    .cloud-expertise ul a {
        max-width: 90%;
    }
    .java-our-expertise .main-carousel .slick-arrow {
        right: -8px;
    }
    .java-our-expertise .main-carousel .slick-prev {
        left: -32px;
    }
    .company-banner h1 {
        font-size: 48px;
        line-height: 58px;
    }
    .web-enterprise-technologies .mx-auto {
        max-width: 80%;    
    }
    .freshworks-key-implementations .col-lg-4:nth-child(4),
    .freshworks-key-implementations .col-lg-4:nth-child(6) {
        padding-top: 65px !important;
    }
    .techaffinity-at-refresh .main-carousel .slick-arrow {
        right: -12px;
        margin-top: 28px;
    }
    .techaffinity-at-refresh .main-carousel .slick-prev {
        left: -12px;
    }
    .we-support-google-ads.we-support-bing-ads .heading {
        max-width: 885px;
    }
    .seo-services .rounded-circle {
        width: calc(50% + 40px);
    }
    .seo-process-steps .d-md-block img {
        max-width: 85%;
    }
    .cx-service-advantages .d-flex h2 {
        font-size: 56px;
        line-height: 72px;
    }
    .make-a-customer .font-20 {
        font-size: 24px;
    }
    .events-banner .btn {
        min-width: 277px;
    }
    .events-banner .btn span {
        padding-right: 100px;
    }    
    .test-advisory-consulting-partner .container {
        padding-right: 132px;
    }
    .process-wrapper .value h2 {
        font-size: 56px;
    }
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 345px;
    }
    .full-stack-development .advantage-post-transformation .main-carousel {
        margin-left: -43px;
    }
    .full-stack-development .advantage-post-transformation .main-carousel .carousel-cell {
        margin: 0 43px;
    } 
    .platform-integration-examples .mt-xl-5,
    .our-service-offerings.dotnet li.mt-xl-5 {
        margin-top: 32px !important;
    }
    .hire-developers-circle-img {
        width: 485px;
    }
    .case-studies-information .case-study-container {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
    .customized-mobile-apps-for-every-need .carousel-cell-box {
        min-height: 252px;
    }
    .ads-wrapper .header-menu-2 .header-logo {
        width: 283px;
        height: 62px;
    }
    .header-sticky .ads-wrapper .header-menu-2 .header-logo {
        width: 210px;
        height: 45px;
    }
    .ads-wrapper .header-menu-2 .header-logo img {
        width: 100%;
    }
    .ads-ios-android-bg-orange {
        background: none !important;
    }
    .ads-ios-android-bg-orange:after {
        content: '';
        background: url('../images/ads-ios-android-bg.webp') no-repeat;
        background-size: 100% 100% !important;
        width: 142%;
        height: 100%;
        position: absolute;
        right: -70px;
        top: 0;
        z-index: -1;  
    }
    .ads-our-offerings-bg-orange:after {
        background: url('../images/ads-our-offerings-bg1.webp') no-repeat;
    }
    .ads-all-services-bg-orange:after {
        background: url('../images/ads-all-services-bg.webp') no-repeat;
    }
    .full-stack-development .main-carousel h3 {
        font-size: 24px;
        line-height: 34px;
        max-width: 315px;
    }
    .awards-recognitions .container:before,
    .awards-recognitions .container:after {
        width: 56px;
    }  
    .header-bar:before {
        left: 56px;
    }  
    .header-bar:after {
        right: 56px;
    }
    .rwanda-banner-content h1 {
        font-size: 80px;
        line-height: 112px;
    }
    .rwanda-speaker .font-20 {
        font-size: 22px;
    }    
    .rwanda-our-solutions .heading .font-20 {
        font-size: 24px;
    }
    section.rwanda-banner:not(.wrapper) {
        padding: 56px 0;
    }
    .vue-js-app-development.full-stack-development .main-carousel h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .vue-js-app-development.full-stack-development.cx-service-advantages .d-flex {
        min-height: 270px;
    }
    .app-store-results h2 {
        font-size: 64px;
        line-height: 84px;
    }
    .app-store-aso-program img {
        margin-top: -16px;
    }
    .banner.pricing-banner .container .bg-orange {
        width: 58.33333333%;
    }
}
@media (min-width: 1440px) {
    h1 {
        font-size: 64px;
        line-height: 84px;
    }
    h1.large {
        font-size: 92px;
        line-height: 120px;
    }     
    .rounded-circle-animation .outer-circle {
        width: 475px;
        height: 475px;
    }
    .other-services-block {
        margin: 0 -90px;    
    }
    .other-services-block .col-lg-4 {
        padding: 0 90px;
    }
    .microsoft-technology-list h4 {
        font-size: 24px;       
    }
    .microsoft-technology-list h4 > .tech-no {
        font-size: 64px;       
    }    
    .our-frontend-approach .row h2 {
        font-size: 56px;
        line-height: 72px;
    }
    .company-banner h1 {
        font-size: 58px;
        line-height: 68px;
    }    
    .seo-services .rounded-circle > div {
        padding: 132px 118px;
    }
    .benefits-working-with-techaffinity-container .main-carousel h3 {
        min-height: auto;
    }
    .col-xxxl-2 {
        width: 20%;
    }    
    .quote-msg h2 {
        max-width: 400px;
    }
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 290px;
    }
    .upload-resume-modal .banner-form-section .fields-set {
        margin-bottom: 24px;
    }
    .domain-expertise li {
        margin-top: 32px !important;
    }
    .customized-mobile-apps-for-every-need .carousel-cell-box {
        min-height: 234px;
    }
    .ads-ios-android-bg-orange:after {
        width: 150%;
    }
    .banner-background:after {
        width: 845px;
    }
    .job-description-block .row .col {
        width: auto;
        flex: 1 0 0%;
        margin-top: 0;        
    }
    .cybertech-africa-banner h1 {
        font-size: 98px;
        line-height: 112px;
    }    
    .rwanda-latest-updates img {
        max-height: 230px;
    } 
    .sub-menus li h5 {
        font-size: 19px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1600px;
    }
    .pb-6 {
        padding-bottom: 4.5rem !important;
    }    
    .woocommerce-services-partner .mt-4 {
        margin-top: 40px !important;
    }
    .services-partner-features {
        padding: 30px 48px !important;
    }
    section.get-most-google-ads {
        padding-bottom: 72px;
    }    
    .benefits-working-with-techaffinity .other-service-bottom-block {
        top: -48px;
    }
    .full-stack-development .main-carousel h3 {
        font-size: 26px;
        max-width: 325px;
    }
    .devops-partner-inner li {
        margin: 12px 0;
    }
    .devops-partner-content {
        margin-top: 24px;
    }
    .why-crm .row > * {
        padding-top: 48px !important;
    }
    .why-cx h2 {
        margin-bottom: 1.5rem !important;
    }
    .thank-you-banner h2 {
        padding-top: 48px !important;        
    }
    .thank-you-banner h2.pb-2 {
        padding-bottom: 24px !important;
    }
    .events-archives .heading h2 {
        margin-bottom: -20px;
    }
    .events-archives .col-lg-4 {
        margin-top: 40px !important;
    }
    .wordpress-banner .banner-form-section .form-head h4 {
        font-size: 22px;
    }
    .banner .group-count.column-count-2,
    .banner .group-count.column-count-3,
    .banner .group-count.column-count-4 {
        margin-top: 24px;
    }
    .technologies-list ul.techno-list li {
        width: 25%;
    }
    .ads-our-services .pt-4 {
        padding-top: 40px !important;
    }   
    .vue-js-app-development.full-stack-development.cx-service-advantages .d-flex {
        min-height: 278px;
    }
    .sub-menus ul {
        margin: 0 -30px;
    }
    .sub-menus li {
        padding: 0 30px;      
    }
}
@media (min-height: 901px) {
    .banner .container:not(.minh-auto) {
        min-height: 700px !important;
    }    
}
@media (max-width: 767px) {
    .banner .container,
    .banner .container:not(.minh-auto) {
        min-height: auto !important;
    }    
}
@media (max-height: 655px) {
    section:not(.wrapper) {
        padding: 56px 0;
    }
    .footer-menu {
        padding-top: 56px;
        padding-bottom: 56px;
    }    
}
@media (device-width: 1920px) {
    .full-stack-development.cx-service-advantages.gain-competitive-edge .d-flex {
        min-height: 265px;
    }    
}
@media (device-width: 768px) {
    h1 {
        font-size: 48px;
        line-height: 62px;
    }
    .contact-banner .location-icon {
        width: 42px;
    }
    .contact-banner li h4 {
        font-size: 18px;
        line-height: 24px;
        width: calc(100% - 42px);
        margin-left: 8px !important;
    }
    .banner .col-md-5.bg-orange {
        position: relative;        
    }    
    .customized-mobile-apps-for-every-need .carousel-cell-box {
        min-height: 252px;
    }
    .ads-wrapper .banner-2 .banner-content {
        padding-right: 24px;
    }
    .banner .container:not(.minh-auto) {
        min-height: auto !important;
    }    
    .banner .banner-form-section .fields-set .g-recaptcha {
        transform: scale(0.9);
        transform-origin: left center;
    }
    .footer-menu li a span {
        padding: 4px;
        margin-left: 2px;
    }
    .location-list .accordion-button::after {
        margin-right: -10px;
    }    
    .fields-set label.error, 
    span#captcha-error-message, 
    span.captcha-error, 
    span.captcha-error-bottom, 
    span#cs-captcha-error-message,
    .pricing-banner.banner .banner-form-section p.resume-update {
        font-size: 12px;
    }
    .jla-header h5 {
        font-size: 16px;
    }
}

@media print {
    .cc-revoke, .cc-window {
        display: none;
    }
}