:root {
  --size: clamp(14rem, 1rem + 30vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

@media(max-width:1199px){
:root {
  font-size: 16px;
  line-height: 28px;
}    
}

@media(min-width:1200px){
:root {
  font-size: 18px;
  line-height: 32px;
}    
}

@media(min-width:1700px){
:root {
  font-size: 18px;
  line-height: 32px;
}    
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2'),
    url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff2') format('woff2'),
    url('../fonts/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
       url('../fonts/Satoshi-Regular.woff') format('woff');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
       url('../fonts/Satoshi-Medium.woff') format('woff');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
       url('../fonts/Satoshi-Bold.woff') format('woff');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
       url('../fonts/Satoshi-Black.woff') format('woff');
       font-weight: 900;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?7tio91');
  src:  url('../fonts/icomoon.eot?7tio91#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?7tio91') format('truetype'),
    url('../fonts/icomoon.woff?7tio91') format('woff'),
    url('../fonts/icomoon.svg?7tio91#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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-phone:before {
  content: "\e918";
}
.icon-email:before {
  content: "\e919";
}
.icon-phone2:before {
  content: "\e916";
}
.icon-mail:before {
  content: "\e917";
}
.icon-location:before {
  content: "\e914";
}
.icon-linkedin:before {
  content: "\e915";
}
.icon-timer:before {
  content: "\e913";
}
.icon-arrow-paging-left:before {
  content: "\e905";
}
.icon-rocket:before {
  content: "\e906";
}
.icon-check:before {
  content: "\e907";
}
.icon-star-value:before {
  content: "\e908";
}
.icon-upload:before {
  content: "\e909";
}
.icon-shield:before {
  content: "\e90a";
}
.icon-bag:before {
  content: "\e90b";
}
.icon-arrow-paging-right:before {
  content: "\e90c";
}
.icon-arrow-paging-first:before {
  content: "\e90d";
}
.icon-arrow-paging-last:before {
  content: "\e90e";
}
.icon-arrow-dropdown:before {
  content: "\e90f";
}
.icon-arrow-link:before {
  content: "\e910";
}
.icon-prev-arrow:before {
  content: "\e911";
}
.icon-next-arrow:before {
  content: "\e912";
}
.icon-insta:before {
  content: "\e900";
}
.icon-twiter:before {
  content: "\e901";
}
.icon-twitter-x:before {
  content: "\e902";
}
.icon-btn-arrow:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}

a, body, div, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, img, label, li, nav, ol, p, section, select, span, strong, table, tbody, td, th, thead, tr, ul {

  outline: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}


*, *::after, *::before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

html, body{height: 100%;}

ul, li{list-style: none;}

a, a:hover, a:focus {
  text-decoration: none !important;
}

h1{line-height: 130%}

h2{font-size:2.6rem; font-family: 'Satoshi';font-weight: bold;line-height: 130%}

body{
/*    overflow-x: hidden;*/
    margin: 0;
    padding: 0;
    font-family: 'Satoshi';
    font-weight: 400;
}

.content {
    padding-left: 60px;
    padding-right: 60px;
    margin: 0 auto;
}

.content_xl{padding-left: 60px;padding-right: 60px;margin: 0 auto;}

.img_responsive{max-width: 100%}

a, button, input {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: none;
}

.mt_150{margin-top: 150px;}

.mb_150{margin-bottom: 150px;}

.pt_150{padding-top: 150px;}

.pb_150{padding-bottom: 150px;}

ul, ol{list-style: none;padding: 0;}

#header{position: fixed;top: 0;left: 0;width: 100%;padding: 12px 0;z-index: 999}

.header_inner_page #header{background: #00001F;}

/*.header_inner_page #header.header_sticky{position: fixed;}*/

.header_sticky{
    background: #00001F;
}

#header .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigation{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.10);
/*    overflow: hidden;*/
    position: relative;
}

.navigation li a{
    display: block;
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 50px;
}

.navigation li a i.arrow_drop_menu{
  font-size: 7px;
  display: inline-block;
  transform: rotate(180deg);
}

.navigation li a.active{
    font-weight: 900;
    border-radius: 100px;
    background: linear-gradient(97deg, rgba(255, 255, 255, 0.12) 6.4%, rgba(255, 255, 255, 0.10) 64.96%);
}

.navigation li:hover{
  border-radius: 100px;
    background: linear-gradient(97deg, rgba(255, 255, 255, 0.12) 6.4%, rgba(255, 255, 255, 0.10) 64.96%);
}

        .navigation li{
            cursor: pointer;
            transition: color 0.3s ease, background-color 0.3s ease;
            z-index: 1;
            position: relative;
        }

        .highlight {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            border-radius: 100px;
            background: linear-gradient(97deg, rgba(255, 255, 255, 0.12) 6.4%, rgba(255, 255, 255, 0.10) 64.96%);
            transition: 0.3s ease;
            opacity: 0;
            pointer-events: none;
        }

.btn_get_quote{
    display: flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn_get_quote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    padding: 2px;
    padding-bottom: 2.5px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: linear-gradient(to right, #E4621E, #D2364C, #A72669, #6A2C72, #232C64);
}

.btn_get_quote:after {
  content: "";
  position: absolute;
  transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn_get_quote:hover{
    background:#FFF;
    color: #00001F;
}

#banner_home{
    background: url(../images/banner-home.jpg) center center no-repeat;
    background-size: cover;
    padding: 160px 0;
}

.banner__text{
    width: 85%;
    margin: auto;
    text-align: center;
    color: #FFF;
}

.banner__text h1{
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 500; 
    background: linear-gradient(91deg, #868686 1.85%, #FFF 32.55%, #FFF 55.97%, #868686 82.63%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner__text p{
    width: 60%;
    margin: auto;
    margin-top: 30px;
    color: #C4C4C4;
    line-height: 28px; /* 155.556% */
}

.btn__know_more{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 45.186px;
    width: fit-content;    
    padding: 2px 10px 2px 30px;
    margin:auto;
    white-space: nowrap;
    color: #FFF;
    font-size: 18.075px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0.856px solid rgba(228, 98, 30, 0.89);
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.76) 0%, rgba(210, 54, 76, 0.85) 25%, rgba(167, 38, 105, 0.85) 50%, rgba(106, 44, 114, 0.85) 75%, rgba(35, 44, 100, 0.85) 100%);
}

.btn_arrow_text{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 10.518px;
    border-radius: 30.05px;
    background: #FFF;
    color: #000;
}

.btn__know_more i{
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
}

.banner__text .btn__know_more{
    margin-top: 50px;
    
}

.banner__text .btn_arrow_text{position: relative; overflow: hidden;}

.banner__text .btn__know_more i{transform: rotate(90deg);}

.banner__text .btn__know_more i {
  left: 0;
  right: 0;
  bottom: 10px;
  position: absolute;
  margin: auto;
  animation-name:arrow;
  animation-duration:1.5s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-direction:normal;
  animation-play-state:running;
  -webkit-animation-name:arrow;
  -webkit-animation-duration:1.5s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:normal;
  -webkit-animation-play-state:running;
}

@keyframes arrow
    {
    0%   {bottom:0;}
    75% {bottom:20px;}
    100% {bottom:0;}
    }
@-webkit-keyframes arrow
    {
    0%   {bottom:0;}
  75% {bottom:20px;}
    100% {bottom:0;}
  }

.btn_goto_top {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.856px solid rgba(228, 98, 30, 0.89);
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.76) 0%, rgba(210, 54, 76, 0.85) 25%, rgba(167, 38, 105, 0.85) 50%, rgba(106, 44, 114, 0.85) 75%, rgba(35, 44, 100, 0.85) 100%);
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 25px;
  right: 20px;
  z-index: 1;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
.btn_goto_top::after {
  content: "\e903";
  font-family: 'icomoon';
  transform: rotate(-90deg);
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  color: #fff;
}
.btn_goto_top:hover {
  cursor: pointer;
  transition: all 0.4s;
  background: linear-gradient(270deg, rgba(228, 98, 30, 0.76) 0%, rgba(210, 54, 76, 0.85) 25%, rgba(167, 38, 105, 0.85) 50%, rgba(106, 44, 114, 0.85) 75%, rgba(35, 44, 100, 0.85) 100%);
}
.btn_goto_top:active {
    transition: all 0.4s;
  background: linear-gradient(270deg, rgba(228, 98, 30, 0.76) 0%, rgba(210, 54, 76, 0.85) 25%, rgba(167, 38, 105, 0.85) 50%, rgba(106, 44, 114, 0.85) 75%, rgba(35, 44, 100, 0.85) 100%);
}
.btn_goto_top.show {
  opacity: 1;
  visibility: visible;
}


.our_work_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-top: 170px;
    padding-bottom: 100px;
    color: #42526B;
}

.our_work_row h5{
    color: #111;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: 3.2px;
}

.our_work_text{max-width: 640px;}

.our_work_text h2{
   background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 15.51%, #A72669 31.02%, #6A2C72 46.53%, #232C64 62.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-feature-settings: 'liga' off, 'clig' off;
}

.our_work_text p{margin-top: 30px;}

.work_feature_row{
    display: flex;
    flex-wrap: wrap;
}

.work_feature_row li{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:30px;
    padding-right: 0;
}

.work_feature_row li:nth-child(1){
    background-color: #F0F5FE;
    padding-bottom: 0;
}

.work_feature_row li:nth-child(2){
    background-color: #F7E5E5;
}

.work_feature_row li:nth-child(3){
    background-color: #FEF7EE;
    padding-bottom: 0;
}

.work_feature_row li:nth-child(4){
    background-color: #F9E9EF;
}

.work_feature_col{
    width: 25%;
    color: #004888;
}

.work_feature_text{padding-right: 30px;}

.img_work{text-align: right;}

.work_feature_col h5{
    color: #004888;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.24px;
}

.work_feature_col p{
    color: #296EAB;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    letter-spacing: -0.12px;
    margin-top: 20px;
}

.view_case_study_link{
    color: #296EAB;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 0.758px solid #004888;
    width: fit-content;
    padding-bottom: 0px;
}

.happy_clients_text{
    text-align: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    margin-bottom: 100px;
}

.happy_clients_text h5{
    color: #111;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: 3.2px;
    text-transform: uppercase;
}

.happy_clients_text h2{
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-style: normal;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 15.51%, #A72669 31.02%, #6A2C72 46.53%, #232C64 62.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.happy_clients_text p{margin-top: 30px;}

/*START LOGIN ANIMATION*/
.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
/*  gap: var(--gap);*/
  mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
/*  gap: var(--gap);*/
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
/*  opacity: 0.5;*/
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
  width: 20%;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

/* Element styles */
.marquee .logo_col {
   text-align: center;
    display: flex;
    padding: 80px 20px 80px 20px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 16.655px;
    background: #FAFAFA;
    transition: all 0.4s;
    position: relative;
    margin:20px;
}

.marquee--vertical img {
/*  aspect-ratio: 1;*/
max-width: 100%;

}

.marquee .logo_col img{
    filter: grayscale(1);
    opacity: 0.5;
}

.marquee .logo_col:hover{
    background: #FFF;
    box-shadow: 5px 15px 200px 0px rgba(214, 28, 115, 0.30), 0px -25px 200px 0px rgba(64, 97, 245, 0.30), -25px 25px 200px 0px rgba(220, 125, 75, 0.60);
    /*box-shadow: -5px -5px 16px 5px #E4621E, 5px 5px 16px 5px #6A2C72;
    box-shadow: 0px 0px 25px 0px rgba(228, 98, 30, 0.13), 0px 0px 25px 0px rgba(106, 44, 114, 0.25);*/
/*    box-shadow: 5px 15px 100px 0px rgba(214, 28, 115, 0.20), 0px -25px 100px 0px rgba(64, 97, 245, 0.20), -25px 25px 100px 0px rgba(220, 125, 75, 0.20);*/
}

.marquee .logo_col:hover img{
    filter: grayscale(0);
    opacity: 1;
}

.logos_animation{background: #F2F2F2;border-radius: 23.353px;}

/* Parent wrapper */
.animation_wrapper {
    display: flex;
    flex-direction: column;
/*    gap: var(--gap);*/
    margin: auto;
    max-width: 100vw;
    border-radius: 23.353px;    
    padding: 24px;
}

.wrapper--vertical {
  flex-direction: row;
  height: 100vh;
}

.marquee--vertical:hover .marquee__group{animation-play-state: paused;}

/*END LOGIN ANIMATION*/

#global_banner{
    background: #06071E;
    margin-top: 200px;
    position: relative;
    padding-top: 30px;
    overflow: hidden;
}

#global_banner:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/globalGradientBlur.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#global_banner .content{
    margin-right: 0;
    padding-right: 0;
}

.global_banner_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.global_banner_text{
    width: 45%;
}

.global_banner_text h5{
    color: #DDD;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: 3.2px;
    margin-bottom: 12px;
}

.global_banner_text h2{
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.global_banner_text p{
    color: #A1A1AA;
    font-family: 'Inter';
    font-size: 18.455px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.776px; /* 161.345% */
    margin-top: 100px;
}

.bulet_point_white{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 20px;
    padding-left: 12px;
}

.bulet_point_white li{
    margin-top: 8px;
    position: relative;
    padding-left: 20px;
}

.bulet_point_white li:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.global_banner_image{
    width: 50%;
    text-align: right;
}

.flawless_project{
    margin-top: 240px;
}

.flawless_project h2{
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flawless_project_row{
    display: flex;
    align-items: center;
    justify-content: center;
}

.flawless_project_text{
    max-width: 550px;
    margin:auto;
    text-align: center;
}

.flawless_project_text p{
    margin-top: 30px;
}

.flawless_service_row{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 50px;
}

.flawless_service_col{
    width: calc(50% - 30px);
    text-align: left;
    position: relative;
    padding-left: 20px;
}

.flawless_service_col h5{
    position: relative;
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flawless_service_col p{
    margin-top: 8px;
    color: #5F5F5F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.flawless_service_col:before{
    background: url(../images/IconCheckCircle.svg) left center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 4px;
}

.page_title{
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-feature-settings: 'liga' off, 'clig' off;
}

.achievement{
    margin-top: 200px;
    background: url(../images/AchievementGradientBlur.svg) center center no-repeat;
    background-size: contain;
}

.achievement h5{
    color: #111;
    text-align: center;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: 3.2px;
    margin-bottom: 10px;
}

.achievement h2{
    text-align: center;    
}

.achievement_row{
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    margin-top: 100px;
}

.achievement_col{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    width: calc(33.3333% - 30px);
    box-shadow: 0px 12px 50px 0px rgba(252, 204, 204, 0.30);
    border-radius: 20px;
    border: 1.8px solid #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 156.08%);
    backdrop-filter: blur(10px);
    padding: 25px;
}

.achievement_col h6{
    color: #041030;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.achievement_col p{
    color: #626262;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    text-transform: capitalize;
    margin-top: 25px;
}

.achievement_image{
    margin-top: 25px;
}

#compliance{
    margin-top: 200px;
    background: #06062A;
    padding: 80px 0;
    color: #AFAFAF;
    overflow: hidden;
}

.compliance_row{
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.compliance_text{
    width: calc(52% - 25px);
}

.compliance_iso{
    width: calc(45% - 25px);
    display: flex;
    justify-content: center;
}

.compliance_iso li{
    width: 50%;
    text-align: center;
    border-right: 1px solid #403974;
}

.compliance_iso li:last-child{border-right: 0}

.compliance_iso li h4{
    color: #FFF;
    text-align: center;
    font-family: 'Inter';
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 59.167px; /* 128.623% */
}

.compliance_text h5{
    color: #DDD;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: 4.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.services_row{
    display: flex;
    margin-top: 200px;
}

.service_col{
    width: 50%;
    padding: 60px;
}

.service_col{
    width: 50%;
    padding: 60px;
    background: #FAFAFA;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sliderContainer{
    width: 50%;
    background: #050529;
}

.service_slide_text{
    padding: 30px;
}

.service_col h5{
    color: #111;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: 4.8px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.service_slide_content h5{
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    line-height: 48px; /* 133.333% */    
}

.service_slide_content p{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 160% */
    margin-top: 20px;
}

.service_slide_content{
    display: flex !important;
    justify-content: space-between;
    flex-direction: column;
}

.services_row .slick-track,
.services_row .slick-slider,
.services_row .slick-list{height: 100%;}

.service_slide_content .btn__know_more{
    margin: 0;
    margin-top: 30px;
}

.progressBarContainer{display: flex;flex-direction: column;}

.progressBarContainer .item{
    width: fit-content;
    margin-top: 24px;
}

.progressBarContainer h3{
    color: #8C8C8C;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 107.143% */
    transition: all 0.4s;
}

.progressBarContainer .item_active h3{
   color: #111;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    transition: all 0.4s;
}

/*PROGRESS SLIDE*/
.progressBarContainer div {
  display: block;
  width: 100%;
  padding: 0;
  cursor: pointer;
  float: left;
  color: white;
}

.progressBarContainer div:last-child {
  margin-right: 0;
}

.progressBarContainer div span.progressBar {
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  margin-top: 14px;
}

.progressBarContainer div span.progressBar .inProgress {
  background-color: rgba(228, 98, 30, 0.89);
  width: 0%;
  height: 2px;
}

.lets_start_conversation{padding-bottom: 100px}

.lets_start_conversation p{
    color: #656565;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.lets_start_conversation .btn__know_more{
    margin-top: 50px;
}

#footer{
    border-radius: 45px 45px 0px 0px;
    background: #00001F;
    padding: 60px 0;
    position: relative;
    
}

#footer:before{
    content: "";
    display: block;
    background: url(../images/FooterGradientBlur.png) left bottom no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 0;
}

.footer_row{
    display: flex;
/*    align-items: center;*/
    gap: 60px;
    position: relative;
    z-index: 1;
}

.footer_quote{
    width: calc(40% - 30px);
    border-radius: 35px;
    background: rgba(228, 228, 228, 0.08);
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: space-between;
    color: #9B85A6;
}

.footer_quote h6{
    color: #7F7F7F;
    font-family: 'Inter';
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 14px */
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.footer_quote h5{
    color: rgba(255, 255, 255, 0.50);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    margin-top: 6px;
}

.footer_quote h5 span{
    color: #FFF;
}

.footer_quote p{
    color: #9B85A6;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
    margin-top: 30px;
}

.footer_quote .btn__know_more{
    margin:0;
    margin-top: 40px;
    border-radius: 33.89px;
    border: 0.642px solid #FFF;
    background: #FFF;    
    padding: 5.135px 7.702px 5.135px 23.107px;
    font-size: 14px;
}

.footer_quote .btn__know_more .btn__know_text{
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer_quote .btn__know_more .btn_arrow_text{
    width: 36px;
    height: 36px;
    border-radius: 22.538px;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
}

.footer_quote .btn__know_more .btn_arrow_text i{
    color: #FFF;
    background:none;
    -webkit-text-fill-color:#FFF;
    font-size: 13px;
}

.footer_tc_links{
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 22px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.footer_tc_links li{
    text-align: center;
}

.footer_tc_links li a{
    color: #A398A8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 17.5px */
}

.footer_right_col{
    width: calc(60% - 30px);    
}

.footer_right_inner{
    display: flex;
    justify-content: space-between;
}

.footer_nav_col{
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    width: calc(100% / 2);
}

.footer_nav h5{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    margin-bottom: 32px;
}

.footer_nav ul li a{
    color: #D0DAF5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    transition: all 0.5s;
}

.footer_nav ul li a:hover{
    color: #FFF;
}

.footer_nav p{
    color: #CBCBCB;
    font-size: 16.784px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.176px */
}

.footer_social_copyright_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.social_link{
    display: flex;
    align-items: center;
    gap: 10px;    
}

.social_link li a{
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    color: #FFF;
    font-size: 15px;
    transition: all background 0.4s;
}

.social_link li a:hover{
    color: #000;
    background-color: #FFF;
}

.copyright_text{
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    opacity: 0.4;
    font-family: 'Inter';
}

.footer_nav{
    width: 40%;
}

.animate_text{
    position: relative;
    padding-left: 20px;
}

.animate_text:before{
    content: "";
    display: block;
    background: url(../images/location.svg) left center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 4px;
}

#banner_services{padding: 100px 0;text-align: center;padding-top: 160px}

#banner_services h1{
background: linear-gradient(92deg, #868686 32.82%, #FFF 45.67%, #FFF 55.47%, #868686 66.63%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-size: 52px;
font-style: normal;
font-weight: bold;
line-height: 76px; /* 146.154% */
}

#banner_services h5{
color: #9FA1A5;
text-align: center;
font-family: "Inter";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
margin-top: 100px;
margin-bottom: 30px;
}

.banner__text_service p{
    margin-top: 30px;
    color: #C4C4C4;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.banner_carousel{
    gap: 3.2rem;
    display: flex;
    justify-content: center;
}

.banner_carousel li img{
    max-width: 100%;
    vertical-align: middle;
}

.banner_carousel_ li{margin: 0 30px;}

#service_pinnovation{
    padding: 200px 0;
    background: url(../images/bg-about.jpg) center center no-repeat;
    background-size: cover;
}

#service_pinnovation .content{
    max-width: 1100px;
}

#service_pinnovation p{margin-top: 35px;}

.cs_service_list {
    display: flex;
    flex-wrap: wrap;
     justify-content: center; 
    gap: 15px;
    margin-top: 70px;
}

.cs_service_list li{
    display: flex;
    padding: 8px 21px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #6D7280;
    font-size: 18px;
    position: relative;
    z-index: 1;
    background: white;
}
.cs_service_list li::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-top: -.5px;
border-radius: 50px;
padding: 1px;
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: -1;
background: linear-gradient(to right, #E4621E, #D2364C, #A72669, #6A2C72, #232C64);
}

.service_slide_boxes{
    padding:0 30px;
    padding-bottom: 40px;
}

.service_box{
    border-radius: 10px;
    border: 1px solid #504C74;
    background: rgba(228, 228, 228, 0.08);
    padding: 15px;
    margin-bottom: 20px;
}

.service_box h6{
    color: #FAFAFA;
    font-family: 'Satoshi';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.service_box p{
    color: #C7C3F4;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Satoshi';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    text-transform: capitalize;
    margin-top: 18px;
}

.service_why_us{
    padding-bottom: 200px;
    background: url(../images/WhyUsGradientBlur.png) center top no-repeat;
    padding-top:200px;
}

.service_why_us_row{
    display: flex;
    gap: 70px;
}

.service_whyus_text h5{
    color: #111;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: 3.2px;
    margin-bottom: 12px;
}

.service_whyus_text p{
    margin-top: 30px;
    color: #5F5F5F;
    font-size: 15.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.111px; /* 155.556% */
}

.service_whyus_text{
    width: 33.333%;
}

.service_whyus_boxes{
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    width: 67%;
}

.service_whyus_box{
    border-radius: 20px;
    border: 1.8px solid #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 156.08%);
    backdrop-filter: blur(10px);
    padding: 20px;
    width: calc(50% - 50px);
}

.service_whyus_box h5{
    color: #111;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.service_whyus_box p{
    color: #5F5F5F;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    text-transform: capitalize;
    margin-top: 25px;
}

.our_process_row{
    display: flex;
    gap: 100px;
    margin-top: 150px;
    margin-bottom: 150px;
}

.our_process_head_col{
    width: 40%;
}

.page_subtitle{
    color: #111;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: 3.2px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.our_process_right_col{
    width: 60%;
    border-bottom: 1px solid #E8E8EA;
}

.our_process_right_card{
    border-top: 1px solid #E8E8EA;
    padding: 25px 0;
}

.our_process_right_card h5{
    color: #041030;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.our_process_right_card p{
    color: #626262;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    text-transform: capitalize;
    width: 70%;
    margin-top: 25px;
}

.get_started_inner{
    background: #FAFAFA;
    padding: 100px 0;
}

.get_started_inner .happy_clients_text,
.get_started_inner .lets_start_conversation{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.career_work{
   background: #EFF0F5;
   padding: 200px 0;
}

.how_to_apply_content{
    padding-bottom: 200px;
}

.career_work_text{
    max-width: 700px;
}

.career_work_text p{
    color: #42526B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    margin-top: 30px;
}

.joblist_row{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 100px;
}

.joblist_col{
    display: flex;
    flex-direction: column;
    width: calc(33.333% - 20px);
    color: #46425A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #F3F1F6;
    background: #FFF;
}

.joblist_col:hover{
    box-shadow: 104px -117px 63px 0px rgba(168, 202, 255, 0.01), 58px -66px 53px 0px rgba(184, 168, 255, 0.05), 26px -29px 39px 0px rgba(168, 202, 255, 0.09), 6px -7px 22px 0px rgba(184, 168, 255, 0.10), -27px 88px 55px 0px rgba(225, 71, 112, 0.05), -12px 39px 41px 0px rgba(239, 140, 97, 0.09), -3px 10px 22px 0px rgba(225, 71, 112, 0.15), 100px 284px 84px 0px rgba(239, 140, 97, 0.00);
}

.joblist_head{
    border-radius: 20px 20px 0px 0px;
    border-bottom: 1px solid #E9E9E9;
    background: #FAFBFE;
    display: flex;
    padding: 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.joblist_head_title{
    display: flex;
    align-items: center;
    gap: 15px;
}

.joblist_head h5{
    color: #222;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 109.091% */
}

.joblist_head h5:after{
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    margin-top: 10px;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 12.5%, #A72669 25%, #A12AB0 37.5%, #182CA9 49.5%, rgba(255, 255, 255, 0.00) 100%);
}

.icon_arrow_link i{
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

.joblist_content{
    padding: 24px;
}

.flex_sp{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.joblist_content h5{
    color: #343434;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: 26px; /* 144.444% */
}

.joblist_content h6{
    color: #2A2A2A;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
    display: flex;
    align-items: center;
    gap: 4px;
}

.joblist_content p{
    color: #46425A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-top: 20px;
}

.joblist_footer h5{
    color: #343434;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 111.111% */
}

.joblist_footer li{
    padding: 16px 24px;
    border-top: 1px solid #E9E9E9;
    background: #FBFBFB;
}

.read-more__checkbox{
opacity: 0;
width: 0;
height: 0;
}

.read-more {
  /* You can update this variable directly in the html by adding a style property to the .read-more element */
  --line-clamp: 3;

  display: flex;
  flex-direction: column;
  align-items: start;
}

.read-more__text {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.read-more__checkbox {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.read-more__checkbox ~ .read-more__label {
cursor: pointer;
color: #28243C;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}


.read-more__checkbox:hover ~ .read-more__label {
  text-decoration: none;
}

.read-more__checkbox ~ .read-more__label::before {
  content: attr(data-read-more);
}

.read-more__checkbox:checked ~ .read-more__label::before {
  content: attr(data-read-less);
}

.read-more__checkbox:checked ~ .read-more__text {
  --line-clamp: none;
  -webkit-line-clamp: var(--line-clamp);
}

.pagination_center{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.pagination_row{
gap: 12px;
}

.pagination_row .page-item:first-child .page-link,
.pagination_row .page-item:last-child .page-link{
    border-radius: 42px;
}

.pagination_row .page-link{
    border-radius: 42px;
    border: 1.313px solid #F1F1F1;
    background: #FFF;
    display: flex;
    width: 42px;
    height: 42px;
    padding: 13.125px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13.125px;
    color: #333;
    font-size: 17.063px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.active>.page-link, .page-link.active{
color: #FFF;
background: linear-gradient(136deg, rgba(228, 98, 30, 0.89) 15.94%, #D2364C 33.66%, #A72669 51.38%, #6A2C72 69.1%, #232C64 86.82%);
}

.disabled>.page-link, .page-link.disabled{
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

.pagination_row .page-item .page-link{
    position: relative;
}

.pagination_row .page-item.next .page-link,
.pagination_row .page-item.first .page-link,
.pagination_row .page-item.last .page-link,
.pagination_row .page-item.prev .page-link{
    font-size: 0;
}

.pagination_row .page-item.next .page-link:before{
   content: "\e90c";
   font-family: 'icomoon';
   font-size: 14px;
   display: block;
   position: absolute;
}

.pagination_row .page-item.prev .page-link:before{
   content: "\e905";
   font-family: 'icomoon';
   font-size: 14px;
   display: block;
   position: absolute;
}

.pagination_row .page-item.first .page-link:before{
   content: "\e90d";
   font-family: 'icomoon';
   font-size: 14px;
   display: block;
   position: absolute;
}

.pagination_row .page-item.last .page-link:before{
   content: "\e90e";
   font-family: 'icomoon';
   font-size: 14px;
   display: block;
   position: absolute;
}

.how_to_apply_row{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.how_to_apply_col{
    width: calc(33.333% - 20px);
    border-radius: 16px;
    border: 1px solid #F3F1F6;
    background: rgba(228, 98, 30, 0.20);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.20) 0%, rgba(228, 98, 30, 0.20) 40%, rgba(232, 90, 94, 0.20) 70%);
    background-blend-mode: overlay;
    backdrop-filter: blur(90px);
}

.how_to_apply_col h5{
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 15.51%, #A72669 31.02%, #6A2C72 46.53%, #232C64 62.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
    padding: 30px;
}

.how_to_apply_row_inner{
    border-radius: 20px;
    background: #050529;
    padding: 30px;
    height: calc(100% - 90px);
}

.how_to_apply_row_inner h6{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.how_to_apply_row_inner p{
    color: #A1A1AA;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 22px;
}

.#bg_white{background: #FFF}

.job_role_content{
    border-radius: 20px;
    border: 2px solid #F3F1F6;
    background: #F6F6F6;
    padding: 40px;
    margin-top: 170px;
}

.job_role_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.job_role_header .btn__know_more{
    margin: 0;
    font-size: 17px;
}

.btn_arrow_text{
   width: 40px;
   height: 40px;
   padding: 8px;
   font-size: 16px; 
}

.job_role_header_inner{
    display: flex;
    align-items: center;
    gap: 20px;
}

.job_role_header_inner h5{
    color: #111;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
}

.job_role_header_inner h6{
    color: #4E4E4E;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

.icon_jobbag img{
    width: 52px;
}

.job_exp_tags_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.job_exp_tags_list li{
    display: flex;
    padding:12px 22px;
    align-items: center;
    gap:8px;
    border-radius: 100px;
    border: 1px solid #E9E9E9;
    background: #FFF;
    color: #343434;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 111.111% */
}

.tags_btext{
   font-weight: bold;
}

.icon_skill_check{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #FFF;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 20.45%, #A72669 40.91%, #6A2C72 61.36%, #232C64 81.81%);
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}

.job_skills{
    border-radius: 16px;
    background: #FFF;
    display: flex;
    padding: 16px 20px;
    align-items: flex-start;
    margin-top: 9px;
    gap: 15px;
    align-self: stretch;
    margin-top: 25px;
}

.job_skills p{
    color: #607089;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.job_skills p span{
    color: #42526B;
    font-weight: bold;
}

.job_description_section{
    background: url(../images/bg-job-description.jpg) left center no-repeat;
    background-size: cover;
    border-radius: 20px;
    border: 1.8px solid #FFF;
    backdrop-filter: blur(10px);
    padding: 40px;
    margin-top: 65px;
}

.job_description_section h5{
    color: #4C4C4C;
    font-size: 32px;
    font-style: normal;
    font-weight: bold;
    line-height: 150%; /* 48px */
}

.job_description_section p{
    color: #42526B;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 160% */
    margin-top: 25px;
}

.career_responsbility_section{   
    background: url(../images/bg-career-responsbility.png) left center no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 40px;
    padding-bottom: 0;
    margin-top: 65px;
}

.career_responsbility_section > div{
    padding-bottom: 60px;
}

.career_responsbility_section h5{
    color: #4C4C4C;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
}

.normal_list{margin-top: 20px;}

.normal_list li{
    position: relative;
    margin-bottom: 10px;
    color: #42526B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    padding-left: 16px;
}

.normal_list li:before{
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 6px;
    background-color: #42526B;
    position: absolute;
    left: 0;
    top: 10px;
}

.value_your_interest{
    border-radius: 16px;
    padding: 40px;
    background: #00001F;
    color: #ABABB4;
    margin-top: 65px;
}

.value_your_interest_head{
    display: flex;
    align-items: center;
    gap: 20px;
}

.value_your_interest_head h5{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */
    letter-spacing: 0.24px;
}

.value_your_interest p{
    color: #ABABB4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    margin-top: 22px;
}

.application_form{
border-radius: 20px;
background: #FAFAFA;
padding: 50px;
}

.application_form .nice-select,
.application_form .form-control,
.form_grey .nice-select,
.form_grey .form-control{
background: #FAFAFA;
border-radius: 100px;
border: 1px solid #BABABA;
width: 100%;
}

.get_quote_field .nice-select,
.get_quote_field .form-control{
background: #FBFBFB;
border-radius: 100px;
border: 1px solid #BABABA;
width: 100%;
}

.form_label{
    width: 100%;
    display: block;
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 154.545% */
    margin-bottom: 3px;
}

.form_label span{
    color: #ADADAD;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
}

.form-control{
    border-radius: 100px;
    border: 1px solid #BABABA;
    height: 52px;
    padding:10px 20px;
    padding-top: 9px;
    font-weight: bold;
    color: #000;
    font-size: 20px;
}

.textarea_control{
    min-height: 52px;
    height: auto;
    resize: none;
    border-radius: 14px !important;
}

.form_select option:not([data-display="Select your Subject"]) {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

::-ms-input-placeholder { /* Edge 12-18 */
color: #666;
font-size: 16px;
font-style: normal;
font-weight: 400;
}

::placeholder {
color: #666;
font-size: 16px;
font-style: normal;
font-weight: 400;
}

.form-control.error{border-color: red}

.SumoSelect > .CaptionCont > span.placeholder{
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400; 
    background: none;  
    display: flex;
    align-items: center;
    height: 100%;
    opacity: 1;    
}

.application_form .row{margin-left: -25px;margin-right: -25px;}

.application_form .col-sm-6,
.application_form .col-sm-12{
    margin-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
}

#FileUpload {
  position: absolute;
  left: -9999px;
}

.label_upload_file {
    padding:0 20px;
    padding-right: 0;
    display: flex;
    height: 52px;
    border-radius: 100px;
    border: 1px solid #BABABA;
    cursor: pointer;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.label_upload_file button{
    border:0;
    border-radius: 116.667px;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    display: flex;
    width: 52px;
    height: 52px;
    padding: 4.667px 14px;
    justify-content: center;
    align-items: center;
    gap: 9.333px;
    color: #FFF;
}

.file_upload_name {
    width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.privacy_assurance{
    border-radius: 20px;
    border: 1px solid #1F1F1F;
    background: #FFF;
}

.privacy_assurance h5{
color: #111;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 30px */
}

.privacy_assurance p{
    color: #464646;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.explore_more_role_section{
    background-color: #EFF0F5;
    margin-top: 200px;
    padding-bottom: 200px;
}

.explore_more_role_section .our_work_row{padding-bottom: 0}

.explore_more_role_section .btn__know_more{
    background: none;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about_right_text h5{
    color: #171717;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: 36px; /* 180% */
}

.about_right_text p{
    color: #444;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 30px;
}

.about_circle_row{
    display: flex;
    align-items: center;
}
 
.about_circle_col{
    width: 25%;
    text-align: center;
    border-radius: 50%;
    position: relative;
    background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #E4621E, #D2364C, #A72669, #6A2C72, #232C64) border-box;
  border-radius: 50em;
  border: 1px solid transparent;
}
.circle__content{position: relative;}

.about_circle_col .circle__content:after{
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-image: linear-gradient(90deg, #E4621E 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    position: absolute;    
    z-index: 2;
}

.about_circle_col:nth-child(1) .circle__content:after{
    top: 10%;
    right: 51px;
}

.about_circle_col:nth-child(2) .circle__content:after{
    top: 20%;
    right: 20px;
}

.about_circle_col:nth-child(3) .circle__content:after{
    bottom: 20%;
    right: 21px;
}

.about_circle_col:nth-child(4) .circle__content:after{
    bottom: -2%;
    right: 0px;
    left: 0;
    margin: auto;
}

.circle {
  position: relative;
  display: block;
  background-color: transparent;
  color: #222;
  text-align: center;
}

/*.circle:before {
position: absolute;
content: "";
width: calc(100% - 1.5px);
height: calc(100% - 1.5px);
top: 1px;
left: 1px;
background-color: white;
border-radius: 50%;
z-index: 1;
margin: auto;
}*/

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  content: "";
  /*background-color: #f2bdf2;
  background-image: linear-gradient(90deg, rgba(228, 98, 30, 0.76) 0%, rgba(210, 54, 76, 0.85) 25%, rgba(167, 38, 105, 0.85) 50%, rgba(106, 44, 114, 0.85) 75%, rgba(35, 44, 100, 0.85) 100%);
  border-radius: 50%;
  z-index: 0;*/
  position: relative;
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
}

.circle__content h6{
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.circle__content h5{
    color: #111;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
    margin-top: 10px;
}

.about_section_circle{
    background: url(../images/bg-about-circle.jpg) center center no-repeat;
    background-size: cover;
    padding-bottom: 200px;
}

.vision_mission_row{
    display: flex;
    align-items: center;
}

.mission_col,
.mission_col_blank,
.vision_col_blank,
.vision_col{width: 50%}

.mission_col{
    border-radius: 20px;
    background: #FAFAFA;
    background: url(../images/bg-mission.jpg) right center no-repeat;
    background-size: cover;
    padding: 40px;
}

.mission_col h5{
    color: #010120;
    font-size: 48px;
    font-style: normal;
    font-weight: bold;
    line-height: 150%; /* 72px */
}

.mission_col p{
    color: #111;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 158.333% */
    margin-top: 100px;
    width: 75%;
}

.mission_col_blank{
    position: relative;
    height: 8px;
    background: linear-gradient(90deg, #FEF7EE 0.47%, #FEECEC 25.26%, #F9E9EF 50.05%, #F0E9F1 74.84%, #F0F5FE 99.63%);
}

.mission_col_blank:before{
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.50) 0%, rgba(210, 54, 76, 0.50) 25%, rgba(167, 38, 105, 0.50) 50%, rgba(106, 44, 114, 0.50) 75%, rgba(35, 44, 100, 0.50) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -15px;
}

.vision_col{
    border-radius: 20px;
    background: #FAFAFA;
    background: url(../images/bg-vision.jpg) right center no-repeat;
    background-size: cover;
    padding: 40px;
}

.vision_col h5{
    color: #010120;
    font-size: 48px;
    font-style: normal;
    font-weight: bold;
    line-height: 150%; /* 72px */
}

.vision_col p{
    color: #111;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 158.333% */
    margin-top: 100px;
    width: 75%;
}

.vision_col_blank{
    position: relative;
    height: 8px;
    background: linear-gradient(90deg, #FEF7EE 0.47%, #FEECEC 25.26%, #F9E9EF 50.05%, #F0E9F1 74.84%, #F0F5FE 99.63%);
}

.vision_col_blank:before{
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(228, 98, 30, 0.50) 0%, rgba(210, 54, 76, 0.50) 25%, rgba(167, 38, 105, 0.50) 50%, rgba(106, 44, 114, 0.50) 75%, rgba(35, 44, 100, 0.50) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -15px;
}

.our_partners{margin-top: 150px;padding-bottom: 150px;}

.partners_list{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:10px 30px;
/*  flex-wrap: wrap;*/
  border-top: 0.5px solid #C4C7CF;
  border-bottom: 0.5px solid #C4C7CF;
  padding: 16px 0;
  margin-top: 60px;
}

.partners_list img{max-width: 100%;filter: grayscale(100%);}

.footer_page_section{
  background: url(../images/PpolicyGradientBlur.png) right top no-repeat #FAFAFA;
    background-size: contain;
    border-radius: 20px;
    padding: 40px;
    margin-top: 100px;
    margin-bottom: 150px;
}

.footer_row_section{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 20px;
}

.footer_row_section h3{
  color: #383838;
  font-size: 45px;
  font-style: normal;
  font-weight: bold;
  line-height: 150%; /* 72px */
}

.footer_row_section h6{
  color: #42526B;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}

.footer_page_group{margin-top: 50px;}

.footer_page_group h5{
  color: #4C4C4C;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 20px;
}

.footer_page_group p{
  color: #42526B;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}

.footer_page_group ul, 
.footer_page_group ol{
  color: #42526B;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  padding-left: 20px;
}

.number_bulet_list li{
  list-style-type: number;
  color: #42526B;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.bulet_circle_list li{
  list-style-type: disc;
  color: #42526B;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}

.medium_font{font-weight: 500}

.footer_page_group a{
  color: #42526B;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline !important;
}

.thankyou_content{text-align: center; padding: 50px 40px;}

/* Thankyou Tick Animation */
  .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #e26f5c;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }

  .checkmark {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    stroke-width: 2;
    stroke: #e26f5c;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #e26f5c;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  }

  .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }

  


  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%, 100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      /*box-shadow: inset 0px 0px 0px 30px #0ecb8b;*/
    }
  }

.thankyou_content h1{margin-top: 30px; font-size: 52px; font-weight: bold;color: #000}

.thankyou_content p{margin-top: 15px;font-size: 1.2rem;color: #606060;}

@media (min-width: 1100px) and (max-width: 1400px) { 
  .compliance_iso li h4{font-size: 36px;}

  .compliance_iso li p br{display: none;}

  h2{font-size: 2.2rem;}

  .banner__text h1{font-size: 70px;}

  .joblist_head h5{font-size: 18px;}

  .joblist_content h5, .joblist_footer h5{font-size: 16px;}
}

@media(max-width:1100px){
    .content,
    .content_xl{padding-left: 25px;padding-right: 25px;}

    #banner_home{padding: 100px 0}

    .btn__know_more{padding:5px 8px 5px 20px}

    .btn_arrow_text{height: 35px;width: 35px;font-size: 14px;}

    .our_work_row{padding-top: 80px; padding-bottom: 50px;}

    .happy_clients_text{margin-top: 80px;margin-bottom: 50px;}

    .lets_start_conversation{padding-bottom: 0;}

    h2{font-size: 2.2rem;}

    .our_work_row h5, 
    .global_banner_text h5{font-size: 18px; letter-spacing: 2px;}

    #global_banner{margin-top: 80px;}

    .bulet_point_white{font-size: 20px;}

    .global_banner_text p{margin-top: 50px;}

    .flawless_project,
    #compliance,
    .achievement{margin-top: 80px;}

    .services_row{margin-top: 100px;}

    .achievement_row {margin-top: 40px;}

    #footer{padding: 30px 0}

    #service_pinnovation,
    .service_why_us{padding: 80px 0}

    .our_process_row{margin-top: 80px;margin-bottom: 80px;}

    .compliance_iso li h4{font-size: 24px;line-height: 45px;}

    .achievement_row{gap: 20px;}

    .achievement_col{width: calc(33.3333% - 20px);}

    .career_work{padding: 80px 0}

    .joblist_row{margin-top: 50px;}

    .how_to_apply_content{padding-bottom: 80px;}

    .job_role_content{margin-top: 150px;padding: 20px;}

    .job_skills p{width: calc(100% - 20px);font-size: 18px;}

    .job_description_section,
    .career_responsbility_section{margin-top: 40px;padding: 25px;}

    .value_your_interest{margin-top: 40px;}

    .application_form .row{
        margin-left: -15px;
        margin-right: -15px;
    }

    .application_form .col-sm-6, .application_form .col-sm-12{
        padding-left: 10px;
        padding-right: 10px;
    }

    .form_label{font-size: 16px;line-height: 30px;}

    .form-control,
    .label_upload_file{height: 46px;}

    .textarea_control{height: auto;}

    .label_upload_file button{
        height: 46px;
        width: 46px;
    }

    .about_section_circle{padding-bottom: 30px;}

    .our_partners {margin-top: 80px;padding-bottom: 80px;}

    .partners_list{margin-top: 40px;}
}

@media(max-width:992px){
.how_to_apply_col, .joblist_col{width: calc(50% - 20px)}

.joblist_head h5{font-size: 18px;}

.joblist_content h5, .joblist_footer h5{font-size: 16px;}

.pagination_row .page-link{
    width: 35px;
    height: 35px;
    padding: 9px;
    font-size: 16px;
}

.pagination_row .page-item.last .page-link:before,
.pagination_row .page-item.next .page-link:before,
.pagination_row .page-item.prev .page-link:before,
.pagination_row .page-item.first .page-link:before{font-size: 12px}

.job_role_header{flex-wrap: wrap; gap: 20px;}
}

@media(max-width:767px){
    .banner__text{width: 100%;}

    .banner__text h1{font-size: 3rem;}

    .banner__text p{width: 100%}

    .our_work_row{flex-wrap: wrap;}

    .btn__know_more{font-size: 16px;}

    .work_feature_row li{width: 100%}

    .marquee .logo_col{padding: 60px 15px 60px 15px;margin: 10px;}

    .marquee{mask-image:inherit;}

    .animation_wrapper{flex-wrap: wrap;padding: 15px;overflow: hidden;}

    .marquee--vertical, .marquee--vertical .marquee__group{width: 50%}

    .global_banner_row{flex-wrap: wrap;}

    .global_banner_text{width: 100%;padding-right: 25px;}

    .global_banner_image,
    .flawless_project_text{width: 100%}

    .img_flawless{
        display: none;
    }

    .flawless_project_text{padding: 0 25px;}

    .flawless_service_col{width: 100%}

    .compliance_row{gap: 40px;}

    .compliance_text{width: 100%}

    .compliance_iso{flex-wrap: wrap; width: 100%}

    .compliance_iso li p{font-size: 14px;}

    .compliance_iso li p br{display: none;}

    .achievement_row{gap: 25px;}

    .achievement_col{width: 100%}

    .services_row{flex-wrap: wrap;}

    .service_col{width: 100%;padding:40px 25px;}

    .service_slide_text {
        padding: 25px;
        padding-top: 35px;
    }

    .service_slide_content h5{font-size: 30px;}

    .sliderContainer{width: 100%}

    .footer_row{flex-wrap: wrap;}

    .footer_quote{padding: 25px;width: 100%}

    .footer_quote h5{font-size: 30px;}

    .footer_tc_links{gap: 15px;}

    .footer_row{gap: 30px;}

    .footer_right_col{width: 100%}

    .footer_right_inner{flex-wrap: wrap;}

    .footer_nav_col{gap: 30px; width: 100%;}

    .footer_address{width: 100%}

    .footer_nav h5{margin-bottom: 15px;}

    .footer_logo{margin-top: 50px;text-align: center;margin-left: auto;margin-right: auto;}

    .footer_logo img{height: 25px;}

    .footer_social_copyright_row{flex-wrap: wrap;margin-top: 35px;}

    .social_link,
    .copyright_text{width: 100%;justify-content: center; text-align: center;}

    .copyright_text{margin-top: 15px;}

    .copyright_text br{display: none;}

    .social_link li a{width: 36px;height: 36px;font-size: 14px;}

    .logos_animation{padding-bottom: 15px;}

    .progressBarContainer{display: none;}

/*    #footer:before{background-position: left top;top: 90px;bottom: inherit;}*/

    .banner_carousel{gap: 2.6rem}

    #banner_services h1{font-size: 46px;line-height: 64px;}

    #banner_services h5{font-size: 18px;margin-top: 70px;}

    .service_slide_boxes{padding: 25px;}

    .service_why_us_row{gap: 30px;flex-wrap: wrap;}

    .service_whyus_text,
    .service_whyus_boxes{width: 100%;}

    .service_whyus_boxes{gap: 25px;}

    .service_whyus_box{width: 100%}

    .service_why_us {
        background: url(../images/WhyUsGradientBlur.png) center top no-repeat #f5efef;
    }

    .our_process_row{gap: 30px;flex-wrap: wrap;}

    .our_process_head_col,
    .our_process_right_col,
    .our_process_right_card p{width: 100%}

    .get_started_inner{padding: 80px 0;}

    .how_to_apply_col, .joblist_col{width: 100%}

    .job_role_header_inner h5{font-size: 22px;}

    .job_role_header_inner h6{font-size: 16px;}

    .job_exp_tags_list li{font-size: 15px;padding: 10px 16px;}

    .job_description_section p{font-size: 18px;}

    .job_description_section h5,
    .career_responsbility_section h5,
    .career_responsbility_section h5{
        font-size: 25px;
    }

    .icon_vinterest img{height: 42px;}

    .application_form .col-sm-6, .application_form .col-sm-12{margin-top: 25px;}
    
    .about_circle_row{flex-wrap: wrap;}

    .about_circle_col{width: 100%;border-radius: 0;border-bottom: 1px solid #DDD;padding: 12px 0;background: none;}

    .circle__inner{position: inherit;}

    .circle:before,
    .about_circle_col .circle__content:after,
    .circle:after{display: none;}

    .circle__content h6{font-size: 18px;}

    .circle__content h5{font-size: 22px;}

    .vision_mission_row{flex-wrap: wrap;}

    .mission_col, 
    .vision_col{width: 100%;padding: 30px 25px;}

    .mission_col_blank,
    .vision_col_blank{display: none;}

    .mission_col h5,
    .vision_col h5{font-size: 30px;}

    .mission_col p,
    .vision_col p{width: 100%;font-size: 18px;margin-top: 40px;}

    .service_whyus_box h5{font-size: 22px;}

    .partners_list{flex-wrap: wrap;}

    .partners_list li{width: 16%}

    .footer_page_section{padding: 30px 25px;}

    .footer_row_section h3{font-size: 35px;}

    .footer_row_section h6{font-size: 16px;}

    .footer_page_group h5{font-size: 22px;}

    .footer_page_group ul, .footer_page_group ol,
    .footer_page_group p,
    .number_bulet_list li,
    .bulet_circle_list li,
    .footer_page_group a{font-size: 16px;}

    .footer_page_section{margin-top: 80px;margin-bottom: 70px;}
}


@media(min-width:1800px){
.content {
    padding-left: 220px;
    padding-right: 220px;
}

.content_xl{padding-left: 220px;padding-right: 220px;}

.service_slide_text{
      padding: 60px;
  }

  .service_slide_content h5{font-size:36px;}

  .service_slide_content p{font-size:20px;line-height:32px}

  .progressBarContainer h3{
      font-size: 24px;
      line-height: 28px;
  }

  .service_slide_content .btn__know_more{
      margin-top: 40px;
  }

  .progressBarContainer .item_active h3{
      font-size: 26px;
  }

  .service_slide_content p{margin-top:30px;}

  .service_slide_boxes{padding: 0 60px;}
}



.navigation > li.menu-item-has-children:hover .sub-menu {
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
/*    top: 63px;*/
}

.navigation li .sub-menu.mega-menu {
    position: fixed;
    margin-top: 30px;
    left: 0;
    z-index: 500;
    background-color: #00001F;
/*    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);*/
    padding: 50px 0px;
    padding-bottom: 30px;
    transition: all 0.5s ease;
/*    margin-top: 25px;*/
    opacity: 0;
    visibility: hidden;
/*    top: -100%;*/
}

.navigation > li .sub-menu.mega-menu-column-4 {
    width: 100vw;
    display: flex;
    flex-wrap: wrap;
}
       
.navigation .container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  max-width: 100%;
}


.header_scroll_wrap{
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}


/*MENU RESPONSIVE NAVIGATION*/

.navigation{position: inherit;}

  .navigation li{position: static;}
  /* header */
.header{
  display: block;
  width: 100%;
  position: relative;
  z-index: 99;
  padding:15px;
}
.header .item-left{
  flex:0 0 17%;
}
.header .logo a{
  font-size: 30px;
  color:#000000;
  font-weight: 700;
  text-decoration: none;
}
.header .item-center{
  flex:0 0 66%;
}
.header .item-right{
  flex:0 0 17%;
  display: flex;
  justify-content: flex-end;
}
.header .item-right a{ 
     text-decoration: none;
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
}
.header .menu > ul > li{
  display: inline-block;
}
.header .menu > ul > li > a{
  color:#FFF;
  position: relative;
  text-transform: capitalize;
  transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
  position: absolute;
  z-index: 500;
  background-color:#000008; 
  padding: 20px 30px;
  transition: all 0.75s ease;
  margin-top:25px;
  opacity:0;
  visibility: hidden;
/*  transform: translateY(-90%);*/
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
  margin-top: 0;
  visibility: visible;
  opacity: 1;
/*  transform: translateY(0px);*/
}
}
.header .menu > ul > li .sub-menu > ul > li{
  line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a{
  display: inline-block;
  padding: 10px 0;
  font-size: 15px;
  color: #555555;
  transition: color 0.3s ease;
  text-decoration: none;
  text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu{
  min-width: 280px;
  max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
  padding:10px 0;
  display: inline-block;
  font-size: 15px;
  color:#555555;
  transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
/*    transform: translateX(-34vw);*/
    left: 0;
    width: 100vw; 
    padding: 50px 63px !important; 
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
/*  max-width: 1100px;*/
/*  width: 100%;  */
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
  font-size: 16px;
  color:#ea4636;
  font-weight: 500;
  line-height: 1;
  padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
  text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  margin-top: 10px;
  height: 300px;
  object-fit: cover;
}
.mobile-menu-head,
.mobile-menu-trigger{
  display: none;
}

/*responsive*/
@media(max-width: 991px){

  .header-item{padding-right: 10px;}

  .btn_get_quote{
    display: flex;
    padding: 6px 12px;
    gap: 10px;
    font-size: 15px;
    border:2px solid #FFF;
}

.btn_get_quote:before,
.btn_get_quote:after{display: none;}

  .navigation{position: relative;}

  .header .menu > ul > li .sub-menu.mega-menu{
    padding: 30px 25px !important;
  }

  .header .item-center{
    order:3;
    flex:0 0 100%;
  }
  .header .item-left,
  .header .item-right{
    flex:0 0 auto;
  }
  .v-center{
    justify-content: space-between;
  }
  .header .mobile-menu-trigger{
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .header .mobile-menu-trigger span{
    display: block;
    height: 2px;
/*    background-color: #FFF;*/
    width: 28px;
    position: relative;
  }
  .header .mobile-menu-trigger span:before,
  .header .mobile-menu-trigger span:after{
    content: '';
    position: absolute;
    left:0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
  }
  .header .mobile-menu-trigger span:before{
    top:-6px;
    width: 34px;
  }
  .header .mobile-menu-trigger span:after{
    top:6px;
    width: 24px;
  }
  .header .item-right{
/*    align-items: center;*/
  }

  #header .content{align-items: inherit;}

  .header .menu{
    position: fixed;
    width: 80%;
    background-color:#00001F;
    left:0;
    top:0;
    height: 100%;
    overflow: hidden;
    transform: translate(-100%);
    transition: all 0.5s ease;
    z-index: 1099;
  }
  .header .menu.active{
     transform: translate(0%);  
  }
  .header .menu > ul > li{
    line-height: 1;
    margin:0;
    display: block;
  }
  .header .menu > ul > li > a {
        padding: 20px 50px 20px 25px;
        display: block;
        border-bottom: 1px solid rgb(255 255 255 / 10%);
        height: auto;
        font-size: 20px;
    }
  .header .menu > ul > li > a i{
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
    transform: rotate(90deg);
    margin: auto;
  }
  .header .menu .mobile-menu-head{
    display: flex;
    height: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 501;
    position: sticky;
    background-color: #070520;
    top:0;
  }
  .header .menu .mobile-menu-head .go-back{
    height: 50px;
    width: 50px;
    border-right: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color:#FFF;
    font-size: 16px;
    display: none;
  }
  .header .menu .mobile-menu-head.active .go-back{
    display: block;
  }
  .header .menu .mobile-menu-head .current-menu-title{
    font-size: 20px;
    font-weight: 600;
    color:#FFF;
  }
  .header .menu .mobile-menu-head .mobile-menu-close{
      height: 50px;
    width: 50px;
    border-left: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color:#FFF;  
    font-size: 25px;
  }
  .header .menu .menu-main{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    border-radius: 0;
  }
  .header .menu > ul > li .sub-menu.mega-menu,
  .header .menu > ul > li .sub-menu{
    visibility: visible;
    opacity: 1;
    position: absolute;
    box-shadow: none;
    margin:0;
    padding:15px;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    max-width: none;
    min-width: auto;
    display: none;
    transform: translateX(0%);
    overflow-y: auto;
  }
.header .menu > ul > li .sub-menu.active{
  display: block;
}
@keyframes slideLeft{
  0%{
    opacity:0;
    transform: translateX(100%);
  }
  100%{
      opacity:1;
    transform: translateX(0%);  
  }
}
@keyframes slideRight{
  0%{
    opacity:1;
    transform: translateX(0%);
  }
  100%{
      opacity:0;
    transform: translateX(100%);  
  }
}
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
    margin-top:0;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
    margin-bottom: 20px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
    margin-bottom:0px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
    flex: 0 0 100%;
        padding: 0px;
  }
  .header .menu > ul > li .sub-menu > ul > li > a,
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
    display: block;
  }
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
    margin-bottom: 15px;
  }
  .menu-overlay{
    position: fixed;
/*    background-color: rgba(0,0,0,0.5);*/
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity:0;
    transition: all 0.5s ease;
  }
  .menu-overlay.active{
    visibility: visible;
    opacity:1;  
  }
}

/*CAROUSEL */
.slider {
  margin: 0 auto;
  width: 100%;
}

.swiper-container {
  padding-bottom: 50px;
}

.swiper-scrollbar {
  background: #d6d6d6;
}

.swiper-button-next, .swiper-button-prev{
  top: inherit !important;
  bottom: inherit !important;
  margin-top: 11px !important;
  background:none !important;
  width: inherit !important;
  height: inherit !important;
  color: transparent !important;
}

.swiper-button-next i, .swiper-button-prev i{
  color: #E9E9E9;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next{
  left: auto !important;
  right: 55px !important;
}

.swiper-horizontal>.swiper-scrollbar, 
.swiper-scrollbar.swiper-scrollbar-horizontal {
  border-radius: 100px !important;
  height: 7px !important;
  background-color: #46454B;
  width: calc(100% - 160px) !important;
  top: inherit !important;
  bottom: inherit !important;
  left: 25px !important;
  margin-top: 30px;
}

.swiper-scrollbar-drag{background-color: #FFF !important;}

.swiper-wrapper img {
  width: 100%;
}

.carousel_content{
  position: absolute;
  top: 0;
  left: 0px;
  padding: 30px;
  color: #8989A7;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}

.carousel_content h5{
  color: #FAFAFA;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-bottom: 12px;
}

.swiper-slide a{display: block !important; height: auto !important;padding: 0 !important;position: relative;}

.menu_link_icon{
  position: absolute;
  bottom: 30px;
  left: 30px;
  transition: all 0.4s;
}

.swiper-slide a:hover .menu_link_icon{
  left: 40px;
  bottom: 40px
}

.sub-menu .swiper-slide img{
  border-radius: 8px;
  border: 1px solid #504C74;
  background: #FFF;
  width: 100%;
}

#pin-target {
    position: sticky;
    top: 100px;
}

.contact_banner_text{padding-bottom: 65px;padding-top: 55px}

#connect_withus{
  background: linear-gradient(90deg, #FEF7EE 0.47%, #FEECEC 25.26%, #F9E9EF 50.05%, #F0E9F1 74.84%, #F0F5FE 99.63%);
  padding: 100px 0;
}

#connect_withus .happy_clients_text{margin: 0 auto;}

.contact_map{margin-top: 60px;}

.contact_by_country{
  display: flex;
  gap: 30px;
  justify-content: space-between;
  text-align: center;
  border-radius:16px;
  background: #FFF;
  padding: 60px 75px;
  margin-top: -80px;
}

.contact_by_country li{position: relative;width: 33.333%}

.contact_by_country li:after{
  background: linear-gradient(90deg, #FEF7EE 0.47%, #FEECEC 25.26%, #F9E9EF 50.05%, #F0E9F1 74.84%, #F0F5FE 99.63%);
  width: 1px;
  height: 100%;
  content: "";
  display:block;
  position: absolute;
  right: 0;
  top: 0;
}

.contact_by_country li:last-child:after{
  display: none;
}

.contact_by_country li i.icon-location{
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.50) 0%, rgba(210, 54, 76, 0.50) 25%, rgba(167, 38, 105, 0.50) 50%, rgba(106, 44, 114, 0.50) 75%, rgba(35, 44, 100, 0.50) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
}

.contact_by_country li h5{
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  width: fit-content;
  margin: auto;
  font-size: 34px;
  font-style: normal;
  font-weight: bold;
  line-height: 150%; /* 54px */
  margin-bottom: 20px;
}

.contact_by_country li h5:after{
  display: block;
  content: "";
  height: 1px;
  margin-top: 6px;
  background: linear-gradient(90deg, #E4621E 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #172AA2 100%);
}

.contact_by_country li p a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
  color: #42526B;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
}

.contact_by_country li p a i{font-size: 20px;}

.contact_by_country li p a i:before{vertical-align: middle;}

.contact_by_country li p a i.icon-phone{font-size: 22px;}

.contact__form__row{
  display: flex;
  gap: 60px;
  margin-top: 150px;
}

.contact_head_col{
  width: calc(40% - 30px);
}

.contact_head_col p{margin-top: 30px;}

.contact_form__col{
  border-radius: 20px;
  background: #FAFAFA;
  padding: 36px 32px;
  width: calc(60% - 30px);
}

.contact_form__col .form_label{font-size: 16px;}

.contact_form__col .col-sm-6,
.contact_form__col .col-sm-12{
  margin-bottom: 40px;
}

.contact_form__col .btn__know_more{
  margin:0;
}

.contact_response_privacy_row{
  display: flex;
  gap: 40px;
  margin-top: 100px;
  margin-bottom: 150px;
}

.contact_response_privacy_col{
  width: 50%;
  padding: 40px;
  border-radius: 20px;
  border: 1px solid rgba(228, 98, 30, 0.50);
}

.title_icon_head{
  display: flex;
  align-items: center;
  gap: 12px;
}

.title_icon_head h5{
  color: #111;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  line-height: 150%; /* 30px */
}

.contact_response_privacy_col p{
  color: #282828;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  margin-top: 20px;
}

.contact_collaborate_content{margin-top: 100px;padding-bottom: 200px;}

.contact_collaborate_row{
  display: flex;
  gap: 35px;
  margin-top: 100px;
}

.contact_collaborate_col{
  border-radius: 16px;
  border: 1px solid rgba(228, 98, 30, 0.50);
  padding: 70px 48px;
  width: 50%;
  background: linear-gradient(#FFF, #FFF) padding-box,
              linear-gradient(to right, #D2364C, #A72669, #A42BB4, #1D2E99) border-box;
  border: 1px solid transparent;
}

.contact_collaborate_col h5{
  color: #3A3A3A;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
}

.contact_collaborate_col p{
  color: #4F4F4F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 164.286% */
  margin-top: 20px;
  width: 80%;
}

.contact_collaborate_numemail{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}

.contact_collaborate_numemail a{
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #111;
  font-size: 19.943px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 29.915px */
}

.contact_collaborate_numemail a i:before{vertical-align: middle;}

.contact_collaborate_numemail a i{
  background: linear-gradient(90deg, #E4621E 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #172AA2 100%); 
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
}

.contact_collaborate_numemail a i.icon-phone{font-size: 24px;}

.joinus_social_media{
  background: url(../images/GreyGradientBlur.png) -3% center no-repeat #FAFAFA;
  background-size: 30%;
  padding: 150px 0;
}

.gradient_slink{justify-content: center;margin-top: 40px;}

.gradient_slink li a{
  border-radius: 52.966px;
  background: linear-gradient(#FFF, #FFF) padding-box,
              linear-gradient(to right, #D2364C, #A72669, #A42BB4, #1D2E99) border-box;
  border: 1px solid transparent;
}

.gradient_slink li a i{
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 20.45%, #A72669 40.91%, #6A2C72 61.36%, #232C64 81.81%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 19px;
}

.btn_move_anim {
    position: relative;
    overflow: hidden;
    transition: .4s all ease;
}

.btn_move_anim .btn_text_anim {
    position: relative;
    top: 11px;
    transition: .4s all ease;
}

.btn_move_anim .btn_text_anim:after {
    content: attr(title);
    display: block;
    opacity: 0;
    transition: .4s all ease;
    position: relative;
    top: 27px;
}

.btn_move_anim:hover .btn_text_anim {
    top: -40px;
}

.btn_move_anim:hover .btn_text_anim:after {
    opacity: 1;
}

.btn__outline .btn_text_anim,
.btn__outline .btn_text_anim:after{
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.menu-main .swiper-slide {
    transform: translateX(100%); 
    transition: opacity 2s ease, transform 2s ease;
}

.menu-main > .menu-item-has-children:hover .swiper-slide {
    opacity: 1;
    transform: translateY(0);
}

.quote_form_modal .modal-content{position: relative;overflow: hidden;}

.form_footer_pattern_left{position:absolute;bottom: 0;left: 0;}

.form_footer_pattern_right{position:absolute;bottom: 0;right: 0;}

.modal_geta_quote .modal-dialog{max-width: 550px;}

.modal-content{
  border-radius: 25px;
  background: #FBFBFB;
}

.get_quote_form{
  padding: 30px;
  padding-top: 12px;
}

.get_quote_form h5{
  text-align: center;
  color: #111;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 54px */
}

.get_quote_field{margin-top: 26px;}

.btn_submit{
  border-radius: 33.89px;
  height: 52px;
  border: 0.642px solid rgba(228, 98, 30, 0.89);
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 100%;
}

.get_quote_field h6{
  color: #4D4D4D;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-top: 15px;
}

.get_quote_field h6 span,
.get_quote_field h6 a{font-weight: bold;}

.get_quote_field h6 a{text-decoration: underline !important;color: #4D4D4D;}

.or_row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  position: relative;
}

.or_row:before{
  content: "";
  display: block;
  height: 2px;
  width: 50%;
  background: rgb(156,163,175);
  background: linear-gradient(90deg, rgba(156,163,175,0) 0%, rgba(156,163,175,1) 100%);
}

.or_row:after{
  content: "";
  display: block;
  height: 2px;
  width: 50%;
  background: rgb(156,163,175);
  background: linear-gradient(-90deg, rgba(156,163,175,0) 0%, rgba(156,163,175,1) 100%);
}

.or_row span{
  padding:10px 18px;
  color: #4B5563;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.or_row span:before{
  content: "";
  display: block;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  border-right: solid 11px #a2a9b4;
  position: absolute;
  left: -1px;
}

.or_row span:after{
  content: "";
  display: block;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  border-left: solid 11px #a2a9b4;
  position: absolute;
  right: -1px;
}

.geta_quote_mail{
  text-align: center;
  margin-top: 10px;
}

.geta_quote_mail a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 36px */

}

.geta_quote_mail a span{
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.geta_quote_mail a i{
  background: linear-gradient(90deg, rgba(228, 98, 30, 0.89) 0%, #D2364C 25%, #A72669 50%, #6A2C72 75%, #232C64 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.geta_quote_mail a i:before{vertical-align: middle;}

.btn-close,
.btn-close:focus{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 10px;
  height: 10px;
  z-index: 9;
  outline: none !important;
  box-shadow: none !important;
  background-size: contain;
  font-size: 16px;
}

.modal-backdrop{
  --bs-backdrop-bg: #494949;
  --bs-backdrop-opacity: 0.96;
}

.get_quote_field .textarea_control{border-radius: 28px !important}

.opacity-animate3{
    animation:opt-animation3 1s ;
  -moz-animation-fill-mode: forwards
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes opt-animation3 {
  0%   { opacity: 0; transform: scale(0.75);}
  100% { opacity: 1; transform: scale(1);}
}
@-moz-keyframes opt-animation3 {
   0%   { opacity: 0; transform: scale(0.75);}
  100% { opacity: 1; transform: scale(1);}
}
@-o-keyframes opt-animation3{
  0%   { opacity: 0; transform: scale(0.75);}
  100% { opacity: 1; transform: scale(1);}
}
@keyframes opt-animation3 {
  0%   { opacity: 0; transform: scale(0.75);}
  100% { opacity: 1; transform: scale(1);}
}

.error{font-size: 14px;color: red;}

@media(max-width:767px){
.contact_by_country{margin-top: 0;}

.contact_by_country{
  flex-wrap: wrap;
  padding: 30px 25px;
}

.get_quote_form{padding: 10px;}

.get_quote_form{font-size: 30px;}

.contact_by_country li{width: 100%}

.contact_by_country li h5{font-size: 26px;}

.contact__form__row,
.contact_response_privacy_row{flex-wrap: wrap;margin-top: 70px;}

.contact_response_privacy_row{margin-bottom: 100px;}

.contact_response_privacy_col{width: 100%;padding: 25px;}

.contact_collaborate_row{margin-top: 50px;flex-wrap: wrap;}

.contact_collaborate_col{width: 100%;padding: 30px;}

.contact_collaborate_numemail a{font-size: 18px;}

.contact_collaborate_numemail{margin-top: 35px;}

.joinus_social_media p br{display: none;}

.contact_banner_text{padding-bottom: 20px;padding-top: 0px}

.contact_collaborate_col h5{font-size: 26px;}

.contact_collaborate_content{margin-top: 70px;padding-bottom: 80px;}

.contact_head_col, 
.contact_form__col{width: 100%}
}


@media (min-width: 1200px) and (max-width: 1400px) {
.about_circle_col:nth-child(1) .circle__content:after{right: 40px;}

.about_circle_col:nth-child(2) .circle__content:after,
.about_circle_col:nth-child(3) .circle__content:after{right: 16px;}

.about_circle_col:nth-child(4) .circle__content:after{bottom: -3%}
} 

@media(min-width:2100px){
.about_circle_col:nth-child(1) .circle__content:after{right: 68px;}

.about_circle_col:nth-child(2) .circle__content:after{right: 29px;}

.about_circle_col:nth-child(3) .circle__content:after{right: 28px;}

.about_circle_col:nth-child(4) .circle__content:after{bottom: -1.6%}

}