/* ------- ONLINE FONTS ------- */

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Light.eot');
    src: url('../fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-Light.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Light.woff') format('woff'),
        url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.eot');
    src: url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
        url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Black.eot');
    src: url('../fonts/TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-Black.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Black.woff') format('woff'),
        url('../fonts/TitilliumWeb-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-SemiBold.eot');
    src: url('../fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-SemiBold.woff') format('woff'),
        url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Bold.eot');
    src: url('../fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Bold.woff') format('woff'),
        url('../fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-ExtraLight.eot');
    src: url('../fonts/TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-ExtraLight.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-ExtraLight.woff') format('woff'),
        url('../fonts/TitilliumWeb-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Font-2 */

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Black.eot');
    src: local('../fonts/Metropolis Black'), local('Metropolis-Black'),
        url('../fonts/Metropolis-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Black.woff2') format('woff2'),
        url('../fonts/Metropolis-Black.woff') format('woff'),
        url('../fonts/Metropolis-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-ExtraBold.eot');
    src: local('../fonts/Metropolis Extra Bold'), local('Metropolis-ExtraBold'),
        url('../fonts/Metropolis-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-ExtraBold.woff2') format('woff2'),
        url('../fonts/Metropolis-ExtraBold.woff') format('woff'),
        url('../fonts/Metropolis-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Bold.eot');
    src: local('../fonts/Metropolis Bold'), local('Metropolis-Bold'),
        url('../fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Bold.woff2') format('woff2'),
        url('../fonts/Metropolis-Bold.woff') format('woff'),
        url('../fonts/Metropolis-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Light.eot');
    src: local('../fonts/Metropolis Light'), local('Metropolis-Light'),
        url('../fonts/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Light.woff2') format('woff2'),
        url('../fonts/Metropolis-Light.woff') format('woff'),
        url('../fonts/Metropolis-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis.eot');
    src: local('../fonts/Metropolis Regular'), local('Metropolis-Regular'),
        url('../fonts/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Regular.woff2') format('woff2'),
        url('../fonts/Metropolis-Regular.woff') format('woff'),
        url('../fonts/Metropolis-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


  *,
  :after,
  ::before {
      box-sizing: border-box;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-text-size-adjust: 100%;
  }
  :focus,
  :active {
      outline: none !important;
  }
  :root{
      --color1: #000000;
      --color2: #ffffff;
      --color3: #041E52;
      --color4: #4147D5;
      --color5: #666768;
      --color6: #04112C;
      --color7: #F6F6F6;
      --color8: #424242;
      --color9: #080C2D;
      --color10:#6B6B6B;
      --color11:#F4F7F8;
      --color12:#3249D2;
      --color13:#2C40B5;
      --primary-font: 'Metropolis';
      --secondary-font:'Metropolis';
      --h1: normal 600 58px/60px var(--primary-font);
      --h2: normal 600 36px/38px var(--primary-font);
      --h3: normal 600 24px/38px var(--primary-font);
      --h4: normal 700 22px/26px var(--primary-font);
      --h5: normal 600 16px/20px var(--primary-font);
      --h6: normal 600 15px/20px var(--primary-font);
      --p: normal 500 14px/20px var(--secondary-font);
  }
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,     
  p,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
      margin: 0;
      padding: 0;
      font-size: 100%;
      list-style: none;
  }
  /* HTML5 display-role reset for older browsers */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
      display: block;
  }
  html {
      -webkit-text-size-adjust: 100%;
      outline: none;
      scroll-behavior: smooth;
  }
  body {
      color:var(--color1);
      font-family: var(--primary-font);
      font-weight: 500;
      line-height: 1;
      font-size: 15px;
  }
  img {
      max-width: 100%;
      display: block;
  }
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  select,
  textarea {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none;
  }
  a{
    text-decoration: none;
  }
  a,
  a:hover,
  a:focus,
  button,
  button:focus {
      outline: none;
      box-shadow: none;
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
  }
  a {
      text-decoration: none;
      display: inline-block;
      color:var(--color1);
  }
  ::selection {
      background: rgba(127, 131, 51, 0.2);
  }
  ::-moz-selection {
      background: rgba(127, 131, 51, 0.2);
  }
  .flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      box-sizing: border-box;
  }
  .no-wrap {
      flex-wrap: nowrap;
  }
  .align-start {
      align-items: flex-start;
  }
  .align-end {
      align-items: flex-end;
  }
  .align-center {
      align-items: center;
  }
  .justify-around {
      justify-content: space-around;
  }
  .justify-between {
      justify-content: space-between;
  }
  .justify-center {
      justify-content: center;
  }
  .justify-end {
      justify-content: flex-end;
  }
  .direction-column {
      flex-direction: column;
      -ms-flex-direction: column;
  }
  .row-reverse {
      flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
  }
  .flex-shrink {
      flex-shrink: 0;
  }
  .only_mobile {
      display: none;
  }
  .only_desktop {
      display: block;
  }
  .position-relative {
      position: relative;
  }
  .position-absolute {
      position: absolute;
  }
  .uppercase {
      text-transform: uppercase;
  }
	header.header.shift {
    background: rgba(0, 0, 0, .8);
    height: 115px;
	}

header.header {
	transition: ease all 0.3s;
}


  /* ------------- Container  -------------*/

	.full_width_text li {
    	margin: 15px 0;
	}
	.full_width_text p {
    	margin: 15px 0;
	}
  .btn {
    background-color: var(--color4);
    color: var(--color2);
    padding:10px 23px 12px;
    font:normal 600 15px/15px var(--primary-font);
    letter-spacing: -0.45px;
    appearance: none;
    border-radius:30px;
    -webkit-border-radius:30px;
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;
    text-align: center;
}
.btn:hover {
    border: 1px solid var(--color4);
    background: none;
    color: var(--color4);
}
  .container {
      max-width: 1450px;
      width:100%;
      margin:0 auto;
      padding:0 15px; 
  }
  h1,
  .h1 {
      font: var(--h1);
  }
  h2,
  .h2 {
      font: var(--h2);
  }
  h3,
  .h3 {
      font: var(--h3);
  }
  h4,
  .h4 {
      font: var(--h4);
  }
  h5,
  .h5 {
      font: var(--h5);
  }

/* ===============================================================
                        START HEADER HERE
=============================================================== */

.header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
header.header.shift {
    background: rgba(0, 0, 0, .8);
	height:115px;
}
.progress-line {
    position: absolute;
    left: 0;
    height: 5px;
    background-color: var(--color4);
    transition: all 0.1s ease-in-out;
    top: 0;
}
  .top_nav{
    background-color: transparent;
  }
  .nav_right ul,
  .nav_right ul li a{
    display: flex;
    align-items: center;
  }
  .nav_left p{
    color: #fff;
    font: var(--h6);
    line-height: 1.2;
    letter-spacing: -0.45px;
    transition: all 0.5s ease-in-out;
  }
  .nav_left p:hover{
    color: var(--color1);
  }
  .nav_right>ul>li a:hover{
    color: var(--color1);
  }
  .nav_right>ul>li a{
    color: var(--color5);
    font: var(--h6);
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.45px;
  }
	.menu-top-bar-menu-container {
    	display: none;
	}
	.nav_row.flex.align-center.justify-between {
    	justify-content: end;
    	gap: 10px;
	}
  .nav_right>ul>li a span img{
    height: 18px;
    width: 18px;
    margin-right: 9px;
  }
  .nav_right>ul>li a svg{
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
  .nav_right>ul>li{
    margin: 0 12.5px;
  }
  .nav_right>ul>li .united_related{
    margin-left: 0;
    display: flex;
    align-items: center;
    position: relative;
    line-height: normal;
    letter-spacing: -0.3px;
    padding: 15px 0;
  }
  .drop_down_header_contact {
    display: flex;
    align-items: center;
    padding-right: 20px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.drop_down_header_contact::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 13px;
    width: 13px;
    background-image: url(/wp-content/uploads/2024/05/352466_arrow_down_icon.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 13px;
    top: 50%;
    transform: translateY(-50%);
}
.drop_down_header_contact.dropDownHeaderOpen::after{
    transform: translateY(-50%) scale(-1);
}
.drop_down_header_contact ul {
    position: absolute;
    top: 90%;
    background-color: var(--color2);
    padding: 5px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 0;
    border-radius: 3px;
    display: none;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    box-shadow: rgba(99, 99, 99, 0.17) 0px 2px 8px 0px;
}
.drop_down_header_contact.dropDownHeaderOpen ul {
    height: auto;
    display: block;
}
.drop_down_header_contact span{
    font: var(--h6);
    color: #fff;
}
.drop_down_header_contact span:hover{
    color: var(--color4);
}
.drop_down_header_contact ul li {
    font: var(--h6);
    line-height: normal;
    line-height: 1.2;
    color: var(--color5);
    margin: 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.nav_right ul li:last-child{
    margin-right: 0;
}
.united_img{
    max-width: 18px;
    height: 18px;
    width: 100%;
    margin-right: 10px;
}
.united_img img{
    width: 100%;
    height: 100%;
}

.cbs_header_left {
    max-width: 160px;
    padding: 17px 0 15px 0;
    width: 100%;
    position: relative;
}
.cbs_header_left img {
    width: 175px;
    height: 90px;
	object-fit:contain;
    position: absolute;
    top: -40px;
}
.cbs_header_center{
    flex: 1;
    padding: 0 10px;
	justify-content:end;
}
.cbs_hc_r{
    margin-left: 67px;
    height: auto;
    display: flex;
}
.menu-header-menu-container {
    height: 100%;
    display: flex;
}
.cbs_hc_r > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
.cbs_hc_r .menu-header-menu-container > ul > li{
    padding: 0 12.5px;
}
.cbs_hc_r > ul > li{
    padding: 0 12.5px;
}
.cbs_hc_r ul li a{
    color: #fff;
    font: var(--h5);
    line-height: 1.2;
    letter-spacing: -0.48px;
    position:relative;
    transition: all 0.3s ease-in-out;
    width: 100%;
    display: flex;
    align-items: center;
    height:100%;
}
.cbs_hc_r>ul>li:hover a{
    color: var(--color4);
}
.header_num_btn {
    background-color: #fff;
    padding: 10px 22px 12px;
    margin-right: 15px;
    color: #212442;
    border: 1px solid #fff;
}
a.btn.get_un_touch {
    background: transparent;
    border: 1px solid #fff;
}
.header_num_btn:hover {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
.drop_down_menu a{
    margin-right: 18px;
}
.drop_down_menu a::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 18px;
    background-image: url(../images/down_arrow.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: 0.3s all ease-in-out;
}
.cbs_hc_l{
    max-width: 300px;
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
}
.cbs_hc_l form {
    width: 100%;
    display: block;
}
.cbs_hc_l input{
    width: 100%;
    padding: 16px 34px 16px 16px;
    border-radius: 3px;
    border: 0.5px solid rgba(11, 40, 98, 0.50);
    color: var(--color10);
    font: normal 400 14px/8px var(--primary-font);
    letter-spacing: -0.42px;
    height: 40px;
}
.cbs_hc_l form button {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    border: none;
    background: none;
    padding: 0;
}
.header_bottom_bar{
    background: rgba(3, 3, 3, 0.50);
    transition: all 0.3s ease-in-out;
}
.header_bottom_bar.bgcolor {
    background: rgb(4 30 82);
}
.header_bottom_bar_text {
    padding: 20px 0 23px;
}
.header_bottom_bar_text ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.header_bottom_bar_text ul li{
    padding: 0 17.5px;
}
.header_bottom_bar_text ul li:first-child{
    padding-left: 0;
}
.header_bottom_bar_text ul li:last-child{
    padding-right: 0;
}
.header_bottom_bar_text ul li a{
    color: var(--color2);
    font: var(--h5);
    line-height: 16px;
    letter-spacing: -0.48px;
    text-transform: capitalize;
}
.header_bottom_bar_text ul li a:hover{
    opacity: 0.8;
}
.menu-header-menu-container > ul {
    display: flex;
}
.menu-top-bar-menu-container > ul > li{
    margin: 0 12.5px;
}
.menu-item-has-children > .menu-closed {
    width: 20px;
    height: 20px;
    padding: 5px;
}
.sub-menu-toggle,
.menu-item-has-children > .menu-closed {
    display: none;
}
.menu-item-has-children,
.menu-item-has-children > .menu-closed {
    position: relative;
}
.menu-item-has-children > a::before,
.menu-item-has-children > .menu-closed::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 15px;
    background-image: url(https://criticalbusinesssolutions.flywheelsites.com/wp-content/themes/cbs/assets/images/down_arrow.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: bottom;
    right: 0;
    top: calc(50% - 8px);
    transition: all 0.3s ease-in-out;
    transition: all 0.5s ease-in-out;
} 
.menu-item-has-children > .menu-closed::before {
    left: 50%;
    right: unset;
    top: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
}
.cbs_hc_r .menu-header-menu-container > ul > li > a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    background: var(--color4);
    opacity:0;
    border-radius: 10px;
}
.menu-item-has-children > .sub-menu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: var(--color11);
    transition: all 0.5s ease-in-out;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    z-index: 2;
}
.menu-item-has-children .sub-menu > li{
    padding:15px;
}
.sub-menu > li > a {
    margin: 0;
	color: #4147D5 !important;
}
.sub-menu > li.menu-item-has-children > ul.sub-menu {
    left: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    top:0;
}
.sub-menu > li.menu-item-has-children > ul.sub-menu:before {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--color12);
    top: 0;
}
.menu-top-bar-menu-container ul li:hover a{
    color: var(#000); 
}
.page-id-356 .contact_us{
    margin-top: 0;
}
/* ===============================================================
                        END HEADER HERE
=============================================================== */

/* ===============================================================
                        START HERO SECTION HERE
=============================================================== */
.home_hero_img video {
    position: absolute;
    inset: 0;
    max-width: 100vw;
}
.home_hero_here{
    position: relative;
    overflow: hidden;
    margin-top: -59px;
}
.home_hero_img{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 98vh;
}
.home_hero_img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.home_hero_here::before {
    content: "";
    position: absolute;
    left: -47%;
    top: 8%;
    width: 1300px;
    height: 1300px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
}
@media(max-width: 992px) {
	.home_hero_img video {
    object-fit: cover;
    max-width: max-content;
	}
}
@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.home_hero_img:before {
    content: "";
    position: absolute;
    right: 24.5%;
    bottom: 0;
    width: 1px;
    height: 200%;
    z-index: 3;
    border-right: 3px dashed rgb(255 255 255 / 20%);
    transform: rotate(36deg);
    transform-origin: bottom;
    animation: 18s linear infinite line;
}

@keyframes line {
    0% {
        transform: rotate(36deg) translateY(0);
    }

    100% {
        transform: rotate(36deg) translateY(40%);
    }
}

.home_hero_shadow {
    position: absolute;
    top: 35%;
    left: 52%;
    width: 2050px;
    height: 2050px;
    z-index: 2;
    border: 3px solid rgb(255 255 255 / 20%);
    transform: rotate(32deg);
    border-radius: 50%;
    transform-origin: center;
    animation: 50s linear infinite rotate-2;
}

@keyframes rotate-2 {
    0% {
        transform: rotate(32deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.home_hero_shadow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 30px;
    height: 30px;
    transform-origin: center;
    transform: translateY(-50%);
    background-image: url(../images/shadow.svg);
    background-repeat: no-repeat;
}

/* .home_hero_wrp::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(100deg, rgba(50, 73, 210, 0.55) 3.29%, rgba(13, 27, 106, 0) 79.8%);
    z-index: 1;
}
.home_hero_wrp::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(2, 9, 49, 0.90) 0.32%, rgba(13, 27, 106, 0.00) 99.71%);
    z-index: 1;
} */
.home_hero_wrp{
    position: relative;
}
.hero_detail_center{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.hero_detail_title h1{
    font: var(--h1);
    color: var(--color2);
    letter-spacing: -2.32px;
}
.hero_detail_title{
    max-width: 550px;
    width: 100%;
}
.small_detail_hero p{
    color: var(--color2);
    font: var(--p);
    font-size: 18px;
    font-style: italic;
    line-height: 26px;
    letter-spacing: -0.54px;
}
.small_detail_hero{
    max-width: 734px;
    width: 100%;
    margin: 10px 0 13px;
}
.small_detail_hero p span{
    font-weight: 700;
}
.hero_user_inn_img{
    height: 44px;
    width: 44px;
}
.hero_user_img img{
    height: 100%;
    width: 100%;
}
.hero_user_img h6{
    font: var(--p);
    color: var(--color2);
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.45px;
    margin-left: 18px;
}
.hero_user_img h6 a{
    font-weight: 600;
    color: var(--color2);
    text-decoration: underline;
}
.whatch_our_btn{
    margin-left: 20px;
    font: normal 600 15px/8px var(--primary-font);
    letter-spacing: -0.45px;
    color: var(--color2);
    transition: all 0.3s ease-in-out;
}
.hero_btn .btn{
    background:rgba(255,255,255, 0.2);
}
.hero_btn .btn:hover{
    border-color: var(--color2);
    color: var(--color2);
}
.hero_btn  .whatch_our_btn:hover{
    opacity: 0.7;
}
.hero_btn {
    margin-top: 20px;
}
.sector_hero_wrp .hero_btn {
    justify-content: flex-start;
}
.whatch_our_btn svg{
    width: 13px;
    height: 12px;
    margin-right: 11px;
}
.hero_detail_wrp{
    display: flex;
    flex-direction: column;
}
.text-start{
    justify-content: start;
    align-items: start;
    text-align: start;
}
.text-center{
    justify-content: center;
    align-items: center;
    text-align: center;
}
.text-end{
    justify-content: end;
    align-items: end;
    text-align: end;
}
/* ===============================================================
                        END HERO SECTION HERE
=============================================================== */

/* ===============================================================
                START SERVICE FUNCTION SECTION HERE
=============================================================== */

.service_function_section{
    background-color: var(--color11);
    overflow: hidden;
}
.service_function_wrp {
    padding: 19px 0 21px;
}
.sf_itme_inner svg, 
.sf_itme_inner img {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}
.sf_itme_inner span {
    color: var(--color6);
    font: var(--h5);
 line-height: 1.2;
    letter-spacing: -0.48px;
}
.sf_row_slider {
    overflow: hidden;
}


/* ===============================================================
                END SERVICE FUNCTION SECTION HERE
=============================================================== */

/* ===============================================================
                    START LOGO SECTION HERE
=============================================================== */

.top_logo_section{
    padding: 30px 0 49px;
    overflow: hidden;
}
.top_logo_section .top_logo_item {
    display: flex;
    justify-content: center;
    max-height: 66px;
    width: auto;
}
.top_logo_section .top_logo_item img{
    object-fit: scale-down;
}

/* ===============================================================
                    END LOGO SECTION HERE
=============================================================== */

/* ===============================================================
                START WELCOME PROUD SECTION HERE
=============================================================== */

.welcome_proud{
    padding: 71px 0 72px;
    background: #fff;
}
.welcome_proud_row{
    margin: 0 -15px;
	align-items:flex-start;
	position: relative;
    z-index: 4;
	align-items:center;
}
.welcome_proud.blue {
    background-color: var(--color4);
    position: relative;
	overflow:hidden;
}
.welcome_proud.blue span {
    color: #fff;
}
.welcome_proud.blue::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(93deg, #3249D2 0.02%, #0B2862 107.19%);
    z-index: 1;
}
.welcome_proud.blue::before {
    content: "";
    position: absolute;
    /* left: -47%; */
    right: 6%;
    top: -40%;
    width: 2400px;
    height: 2400px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
}
.welcome_proud.blue .welcome_right {
    display: flex;
    justify-content: center;
}
.welcome_proud.blue .welcome_proud_row {
    align-items: center;
}
.welcome_proud.blue h6 {
    color: #FFF;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 53px;
    letter-spacing: -3px;
	margin-bottom:20px;
}
.comm-text {
    color: #4147D5;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.6px;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
	position:relative;
	margin-left:20px;
}
.welcome_proud.blue .btn {
    background: #fff;
    color: #4147D5;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.45px;
    border: 1px solid #fff;
}
.welcome_proud.blue .btn:hover {
    background: transparent;
    color: #fff;
}
.comm-text::before {
    content: url(/wp-content/uploads/2024/05/Rectangle-402.svg);
    position: absolute;
    left: -20px;
    top: 5px;
}
.welcome_proud.blue .welcomr_text p {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -0.16px;
    color: #fff;
}
.welcome_left{
    width: 50.1%;
    padding: 0 15px;
}
.welcome_right{
    width: 49.9%;
    padding: 0 15px;
}
.welcomr_text{
    max-width: 533px;
}
.welcomr_text span{
    color: var(--color4);
    font: var(--h6);
    font-size: 14px;
 line-height: 1.2;
    letter-spacing: 1.96px; 
}
.welcomr_text h6{
    color: var(--color3);
    font: var(--h2);
    letter-spacing: -1.44px;
    max-width: 450px;
    margin-top: 14px;
}
.welcomr_text p:not(:last-of-type){
    max-width: 500px;
}
.welcomr_text p{
    font: var(--p);
    letter-spacing: -0.14px;
    margin: 10px 0;
    color: var(--color3);
}
.welcomr_text p strong{
    font: var(--h5);
    font-family: var(--secondary-font);
    letter-spacing: -0.16px;
}
.welcomr_text .btn{
    margin-top: 10px;
}
.welcome_img{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 80%;
    border-radius: 20px;
    overflow: hidden;
}
.welcome_img img{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ===============================================================
                END WELCOME PROUD SECTION HERE
=============================================================== */

/* ===============================================================
                START LATEST BLOG SECTION HERE
=============================================================== */
.latest_blog_section {
    padding: 71px 0 72px;
    position: relative;
	background: linear-gradient(180deg, #F4F5F8 19.37%, rgba(244, 247, 248, 0.00) 100%);
}
.main_latest_blog {
    overflow: hidden;
}
.latest_blog_section::before {
    content: "";
    position: absolute;
    background: #F4F5F8;
    width: 100%;
    height: 175px;
    top: -115px;
}
.latest_blog_wrp {
    margin-top:46px;
}
.latest_blog_slider .blog_list .blog_img {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    overflow: hidden;
}
.blog_img_inner{
    display: block;
    position: relative;
	height:400px;
    width: 100%;
    padding-top: 67%;
    border-radius: 5px;
    overflow: hidden;
}
.blog_img_inner img{
    position: absolute;
    top:0;
left:0;
right:0;
bottom:0;

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_date {
    margin:11px 0 6px;
}
.top_hadding_wrp h2{
    font: var(--h2);
    color: var(--color3);
    letter-spacing: -1.44px;
	margin-bottom:10px;
}
.blog_date h6,
.blog_date h6 a {
    font: var(--h3);
    color: var(--color3);
    letter-spacing: -0.96px;
    line-height: 120%;
}
.blog_details p span{
    font: var(--h5);
    color: var(--color12);
    margin-bottom: 8px;
    letter-spacing: -0.32px;
}
.blog_details p{
    font: var(--p);
    color: var(--color3);
    letter-spacing: -0.14px;
}
.blog_details{
    max-width: 319px;
}
.blog_details p:last-of-type{
    margin-top: 5px;
}
.top_hadding_wrp {
    position: relative;
    z-index: 999;
}
.blog_list {
    opacity: 0.3;
}
section.latest_blog_section .container {
    display: flex;
    justify-content: space-between;
}
.blog_list.swiper-slide-prev,
.blog_list.swiper-slide-active,
.blog_list.swiper-slide-next,
.blog_list.active-slide-before-prev {
   opacity:1;
}
.blog_wrapper {
    transition-timing-function: linear;
    padding: 0 12.8%;
}
.latest_blog_slider {
    padding: 0px 12.9%;
}
.latest_blog_arrow .swiper-button-next{
    margin: 0 0 0 12px;
}
.latest_blog_arrow .swiper-button-prev{
    margin: 0;
}
.latest_blog_arrow .swiper-button-next,
.latest_blog_arrow .swiper-button-prev{
    position: relative;
    height: 39px;
    width: 39px;
    top: auto; 
    right: 1px;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next,
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    content: '' !important;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: 29px 29px;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url(/wp-content/uploads/2024/05/Prev-Arrow.svg) !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url(/wp-content/uploads/2024/05/Next-Arrow-New.svg) !important; 
}

/* ===============================================================
                END LATEST BLOG SECTION HERE
=============================================================== */

/* ===============================================================
                START WE COVER SECTION HERE
=============================================================== */
.we_cover_section {
    position: relative;
    background-color: var(--color13);
    margin-top: 93px;
    overflow: hidden;
}
.sectors_cover{
    padding-top: 87px;
}
.we_cover_section::before{
    content: "";
    position: absolute;
    /* left: -47%; */
    right: 6%;
    top: -40%;
    width: 2400px;
    height: 2400px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
}
.home_we_cover_shadow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 30px;
    height: 30px;
    transform-origin: center;
    transform: translateY(-50%);
    background-image: url(../images/shadow.svg);
    background-repeat: no-repeat;
}
.home_we_cover_shadow {
    position: absolute;
    top: 61%;
    left: 80%;
    width: 1050px;
    height: 1050px;
    z-index: 2;
    border: 3px solid rgb(255 255 255 / 20%);
    transform: rotate(32deg);
    border-radius: 50%;
    transform-origin: center;
    animation: 50s linear infinite rotate-2;
}
.we_cover_section::after {
    content: "";
    position: absolute;
    top:0;
left:0;
right:0;
bottom:0;

    height: calc(100% - 83px);
    width: 100%;
    background: linear-gradient(180deg, #041E52 0%, rgba(50, 73, 210, 0.00) 100%, #041E52 100%);
    transform: rotate(180deg);
    z-index: 1;
}
.we_cover_section .top_section_hadding {
    max-width: 406px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.top_section_hadding h2 {
    color: var(--color2);
    margin-bottom: 10px;
    font: var(--h2);
    letter-spacing: -1.44px;
}
.top_section_hadding p {
    color: var(--color2);
    font: var(--h5);
    font-family: var(--secondary-font);
    font-weight: 500;
    letter-spacing: -0.16px;
}
.main_wrp_cover .we_cover_img {
    position: relative;
    display: block;
    padding-bottom: 57.4%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.main_wrp_cover .we_cover_img img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_wrp_cover .we_cover_img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #000 100%);
    opacity: 0.8;
    z-index: 1;
}
.we_cover_section .main_wrp_cover{
    padding: 0 12.5px;
}
.we_cover_section .swiper-wrapper{
    margin: 0 -12.5px;
}
.we_cover_details_wrp {
    margin-top: 19px;
    z-index: 3;
}
.we_cover_details {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: 319px;
}
.we_cover_details h5 {
    color: var(--color2);
    font: var(--h2);
    font-size: 30px;
    letter-spacing: -1.2px;
}
.we_cover_details p {
    color: var(--color2);
    font: var(--p);
    letter-spacing: -0.14px;
    margin-top: 6px;
}
.we_cover_btn{
    color: var(--color2);
    font: var(--p);
    font-weight: 400; 
    letter-spacing: -0.14px;
    text-decoration-line: underline;
    margin-top: 28px;
    transition: all 0.5s ease-in-out;
}
.we_cover_btn:hover{
    text-decoration: none;
}
.we_cover_section_wrp {
    position: relative;
    z-index: 3;
}
.classbefore {
    position: absolute;
    height: 83px;
    bottom: 0;
    width: 100%;
}

/* sectors */
.main_wrp_cover {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: auto;
}
.main_wrp_cover .we_cover_img {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: calc(100% - 27px);
	padding: unset;
	transform: translateX(-50%);
}
.main_wrp_cover .we_cover_details {
    position: relative !important;
    top: 0 !important;
    left: unset !important;
    margin: auto;
    transform: unset !important;
    max-width: unset !important;
    padding: 300px 30px 30px 30px;
    text-wrap: balance;
    text-align: left;
}

@media only screen and (min-width: 768px) {
	.we_cover_row .swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: 30px 5px;
	}
	.we_cover_row .main_wrp_cover {
		max-width: 100% !important;
		margin: 0;
	}
	.we_cover_details_wrp {
		margin-top: 60px;
	}
}
@media only screen and (max-width: 480px) {
	.we_cover_details p {
		max-width: unset;
		text-align:center;
	}
	.we_cover_details h5 {
		text-align:center;
	}
	.main_wrp_cover .we_cover_details {
		padding: 70px 20px;
	}
	.we_cover_section .we_cover_img {
		width: calc(100% - 13px);
    left: 0;
    transform: unset;
	}
	.we_cover_section .we_cover_details p {
		margin: 6px 0 0;
	}
}
/* ===============================================================
                END WE COVER SECTION HERE
=============================================================== */


article .entry-content {
	line-height: 22px;
}
article .entry-content p {
	margin-bottom: 15px;
}
article .entry-content ul {
	margin: 0 0 15px 15px
}
article .entry-content ul li {
	margin-bottom: 12px;
}
article table {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
article table td {
	padding: 12px 16px;
}
article table tr:not(:last-child) td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
article table tr td:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}


/* ===============================================================
            START CUSTOMER TESTIMONIAL SECTION HERE
=============================================================== */

.textimonial{
    margin-top: 64px;
    overflow: hidden;
    padding-top: 10px;
}
.textimonial-top-wrp,
.textimonial_arrow {
    flex-wrap: nowrap;
    align-items: center;
}

.textimonial-top-wrp h2{
    font: var(--h2);
    letter-spacing: -1.44px;
    color: var(--color3);
}
.customar_textimonial{
    margin-top: 50px;
}
.test-img{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 55.3%;
    overflow: hidden;
    border-radius: 10px;
}
.test-img img{
    position: absolute;
    top:0;
left:0;
right:0;
bottom:0;

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.test_list{
    padding: 0 39px;
    position: relative;
}
.test_cover_text{
    background-color: rgba(246, 246, 246, 1);
    padding: 18px 16px 20px 24px;
    border-radius: 10px;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: -67px;
    margin-left: 21px;
}
.test-cover_img{
    width: 37px;
    height: 37px;
}
.test-cover_img img{
    width: 37px;
    height: 37px;
}
.test_cover_inn_text{
    margin-left: 12px;
    max-width: calc(100% - 49px);
}
.test_cover_inn_text {
    height: 250PX;
    overflow-y: auto;
    scrollbar-color: #e1e1eb #f8f8f8;
    scrollbar-width: thin;
    padding-right: 15px;
}
.test_cover_inn_text {
    height: 250PX;
    overflow-y: auto;
}
.test_cover_inn_text p{
    color: var(--color8);
    font: var(--h6);
    font-family: var(--secondary-font);
    line-height: 19px;
    letter-spacing: -0.3px;
    font-size: 15px;
    font-style: italic; 
    margin-bottom: 14px;
}
.test_cover_inn_text span{
    font: var(--p);
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
    color: var(--color8);
    font-style: italic;
}
.test_list_wrp{
    padding-left: 15px;
    position: relative
}
.cover_border{
    position: relative;
}
.cover_border::after {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    background: var(--color4);
    width: 8px;
    height: 100%;
    border-radius: 10px;
}
.test_list:nth-child(even) .cover_border::after{
    background-color: #0B2862;
}
.textimonial_arrow .swiper-button-next{
    margin: 0 0 0 12px;
}
.textimonial_arrow .swiper-button-prev{
    margin: 0;
}
.textimonial_arrow .swiper-button-next,
.textimonial_arrow .swiper-button-prev{
    position: relative;
    height: 39px;
    width: 39px;
    top: auto;
    right: 1px;
    left: auto;
}
/* .textimonial_arrow .swiper-button-next:hover,
 .textimonial_arrow .swiper-button-prev:hover{
    scale: 1.1;
    background-color: var(--color4);
    box-shadow: 0px 0px 19px 7px rgba(0, 0, 0, 0.20);
 } */

/* ===============================================================
            END CUSTOMER TESTIMONIAL SECTION HERE
=============================================================== */

/* ===============================================================
                START WHY CHOOSE SECTION HERE
=============================================================== */

.why_choose_section {
    overflow: hidden;
    margin-top: 79px;
    padding: 80px 0 95px;
    background: linear-gradient(180deg, #F4F5F8 19.37%, rgba(244, 247, 248, 0.00) 100%);
    position: relative;
    height: 100%;
    width: 100%;
}
.why_choose_main{
    position: relative;
    z-index: 2;
}
.why_choose_section .why_top_hadding_wrp {
    padding-bottom: 43px;
    text-align: center;
}
.why_top_hadding_wrp h2{
    color: var(--color2);
    font: var(--h2);
    letter-spacing: -1.44px;
    margin-bottom: 10px;
}
.why_top_hadding_wrp p{
    color: var(--color2);
    font: var(--h5);
    font-family: var(--secondary-font);
    font-weight: 500;
    letter-spacing: -0.16px;
}
.choose_strap{
    margin: -12px;
}
.choose_strap_inn{
    width: 25%;
    padding: 12px;
}
.choose_strap .choose_strap_list {
    border-radius: 10px;
    background: var(--color2);
    padding: 26px 14px 24px 20px;
    height: 100%;
    flex-wrap: nowrap;
}
.choose_strap .strap_details {
    max-width: calc(100% - 55px);
    width: 100%;
}
.choose_strap_list .strap_svg {
    margin-right: 15px;
}
.strap_details h4{
    font: var(--h4);
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.88px;
    color: var(--color3);
}
.choose_strap_list .strap_details p {
    font: var(--p);
    line-height: 19px;
    letter-spacing: -0.28px;
    color: #707070;
    margin: 4px 0 14px;
}
.choose_strap_btn{
    color: var(--color4);
    font: var(--p);
    font-weight: 600;
    line-height: 19px;
    letter-spacing: -0.42px;
    text-decoration-line: underline;
    transition: all 0.5s ease-in-out;
}
.choose_strap_btn:hover{
    text-decoration: none;
}
.strap_svg svg,
.strap_svg img {
    width: 40px;
    height: 40px;
    flex-shrink:0;
}
.choose_bottom_btn{
    text-align: center;
    margin-top: 43px;
}
.choose_bottom_btn .btn{
    padding: 10px 25px 12px;
}
.choose_bottom_btn .btn:hover{
    border-color: var(--color2);
    color: var(--color2);
}
.why_choose_bottom_bg svg,
.why_choose_bottom_bg img {
    width: 100%;
    margin-bottom: -3px;
}
.why_choose_bottom_bg {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
    bottom: -95px; 
    left: 0;
    overflow: hidden;
}
/* .why_choose_section::before {
    content: "";
    position: absolute;
    left: -59%; 
    left: -1120px;
    top: -69px;
    top: -16%;
    width: 1300px;
    height: 1300px;
    z-index: 1;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
} */
/* .why_choose_section::after {
    content: "";
    position: absolute;
    right: 386px;
    bottom: 0;
    width: 1px;
    height: 200%;
    z-index: 1;
    border-right: 3px dashed rgb(255 255 255 / 20%);
    transform: rotate(36deg);
    transform-origin: bottom;
    animation: 12s linear infinite line;
} */
/* ===============================================================
                END WHY CHOOSE SECTION HERE
=============================================================== */

/* search page css */

.join_team_main.search-result-cols {
    width: 100%;
    max-width: 33.33%;
    border-right: none !important;
    padding: 15px;
}
.search-result-row {
    display: flex;
    flex-wrap: wrap;
}
.search-result-cols .join_team_slide_text p:first-child {
    font: 600 16px/22px var(--primary-font);
    color: var(--color5);
}
.search-result-cols .join_team_slide_text a:nth-child(2) {
    font: 600 24px/110% var(--primary-font);
    letter-spacing: -0.03em;
    margin: 6px 0 2px;
}
.search-result-cols .join_team_slide_text a:last-child, .search-result-cols .join_team_slide_text a:hover:nth-child(2) {
    color: var(--color4);
}
.search-result-wrap.join_team{
    background: transparent;
}
.no-result-wrap {
    padding: 50px 20px;
    text-align: center;
}
.no-result-wrap .no-result{
    margin-bottom: 20px;
    font-weight: 600;
    color: #000;
    font-size: 18px;
}
.search-result-count{
    color: var(--color2);
}


/* ===============================================================
            START SEE OUR RANGE SECTION HERE
=============================================================== */
.our_work_section {
    margin-top: 100px;
}
.work_top_section_hadding h2{
    color: var(--color3);
    font: var(--h2);
    letter-spacing: -1.44px;
	text-align:center;
}
.work_top_section_hadding .btn{
    padding: 10px 25px 12px;
}
.main_left_hadding{
    flex: 1;
    padding-right: 10px;
}
.work_slider_main{
    border-radius: 10px;
    background-color: var(--color2);
    box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.03);
    display: flex;
    justify-content: center;
    padding: 48px 0 49px;
}
.work_slider_row .work_slider_slide .work_slider_inner {
    max-width: 193px;
    max-height: 78px;
}
.work_slider_row .work_slider_slide .work_slider_inner img {
    object-fit: scale-down;
}
.work_slider_row .work_slider_slide {
    width: 16.55%;
    padding: 14.5px;
}
.main_work_slider {
    padding-top: 46.5px;
}
.work_slider_row .swiper-wrapper{
    transition-timing-function: linear;
}
/* ===============================================================
            END SEE OUR RANGE SECTION HERE
=============================================================== */

/* ===============================================================
            START PARTNERS SECTION HERE
=============================================================== */

.partners_client{
    margin-top: 110px;
}
.partner_client_row{
    margin: 0 -15px;
}
.partner_left_col{
    width: 48.1%;
    padding: 0 15px;
}
.partner_right_col{
    width: 51.9%;
    padding: 0 15px;
}
.partner_client_text{
    max-width: 626px;
    width: 100%;
    margin: 0 0 0 auto; 
}
.partner_client_text span{
    color: var(--color4);
    font: var(--h6);
    font-size: 14px;
 line-height: 1.2;
    letter-spacing: 1.96px;
}
.partner_client_text h6{
    color: var(--color3);
    font: var(--h2);
    letter-spacing: -1.44px;
    max-width: 530px;
    margin-top: 21px;
}
.partner_client_text p {
    color: var(--color3);
    font: var(--p);
    letter-spacing: -0.14px;
    margin: 10px 0;
}
.partner_client_text p strong{
    font: var(--h5);
    letter-spacing: -0.16px;
}
.partner_client_text p:not(:last-of-type) {
    max-width: 560px;
}
.partner_client_text .btn {
    margin-top: 13px;
}
.partner_img_main{
    margin: 0 -7.5px;
    flex-wrap: nowrap;
    justify-content: center;
}
.partner_left_row{
    padding: 0 7.5px;
}
.left_top_bg,
.left_bottom_bg,
.right_top_bg,
.right_bottom_bg {
    border-radius: 5px;
    max-width: 212px;
    width: 100%;
    height: 112px;
}
.left_top_bg,
.right_top_bg {
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.48) 51.56%, rgba(255, 255, 255, 0.00) 100%), #EEEFF2;
    margin-bottom: 16px;
}
.left_bottom_bg,
.right_bottom_bg {
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.48) 51.56%, rgba(255, 255, 255, 0.00) 100%), #EAEAEC;
    margin-top: 16px;
}
.partner_client_img{
    max-width: 100%;
    width: 100%;
}
.partner_client_img img{
    width: 100%;
    height: 100%;
}
.partner_left_row .partner_client_img:not(:last-child){
    margin-bottom: 15px;
}

/* ===============================================================
            END PARTNERS SECTION HERE
=============================================================== */

/* ===============================================================
            START CONTACT SECTION HERE
=============================================================== */

.home_contact_shadow {
    position: absolute;
    top: 44%;
    left: 80%;
    width: 1050px;
    height: 1050px;
    z-index: 2;
    border: 3px solid rgb(255 255 255 / 20%);
    transform: rotate(32deg);
    border-radius: 50%;
    transform-origin: center;
    animation: 50s linear infinite rotate-2;
}
.home_contact_shadow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 30px;
    height: 30px;
    transform-origin: center;
    transform: translateY(-50%);
    background-image: url(../images/shadow.svg);
    background-repeat: no-repeat;
}
.contact_us::before {
    content: "";
    position: absolute;
    right: 7%;
    top: -153%;
    width: 2400px;
    height: 2400px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
}
.contact_us{
    background-color: var(--color4);
    padding: 144px 0 94px;
    position: relative;
    margin-top: 70px;
    overflow: hidden;
}
.contact_us_text{
    text-align: center;
}
.contact_us_text h4{
    font: var(--h2);
    color: var(--color2);
    letter-spacing: -1.44px;
    margin-bottom: 15px;
}
.contact_us_text p{
    font: var(--p);
    color: var(--color2);
    font-size: 16px;
    letter-spacing: -0.16px;
}
.contact-bg svg, 
.contact-bg img {
    height: 100%;
    width: 100%;
    margin-top: -1px;
}
.contact-bg{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.contact_us_main{
    position: relative;
    z-index: 4;
}

.contact_us::after{
    content: "";
    position: absolute;
    top:0;
left:0;
right:0;
bottom:0;

    height: 100%;
    width: 100%;
    background: linear-gradient(93deg, #3249D2 0.02%, #0B2862 107.19%);
    z-index: 1;
}
/* ===============================================================
            END CONTACT SECTION HERE
=============================================================== */

/* ===============================================================
            START FOOTER SECTION HERE
=============================================================== */

.cbs_footer{
    background-color: var(--color9);
    padding: 104px 0 102px;
    position: relative;
    overflow: hidden;
}
.main_footer_cols {
    max-width: 23.33%;
    width: 100%;
    padding: 0 20.5px;
}
.business_footer_cols{
    max-width: 30%;
    width: 100%;
}
.top_footer_row {
    margin: 0 -20.5px;
}
.main_footer_cols h6{
    font: var(--h4);
    color: var(--color2);
    letter-spacing: -1.32px;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.main_footer_cols p{
    font: var(--p);
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.48px;
    color: var(--color2);
    max-width: 364px;
}
.main_footer_cols ul li {
    padding: 10px 0;
}
.main_footer_cols ul li a{
    font: var(--p);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
    color: var(--color2);
}
.main_footer_cols ul li a:hover{
    opacity: 0.6;
}
.bottom_cbs_footer{
    margin-top: 50px;
    position: relative;
    z-index: 3;
}
.footer_bottom_logo {
    max-width: 107px;
    width: 100%;
}
.footer_bottom_logo a {
    width: 100%;
    height: 100%;
}
.footer_critical p{
    font: var(--h4);
    font-size: 16px;
    font-family: var(--secondary-font);
    letter-spacing: -0.96px;
    text-transform: capitalize;
    margin-left: 35px;
    color: var(--color2);
}
.footer_bottem_icon ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    background-color: #212442;
    transition: all 0.3s ease-in-out;
}
.footer_bottem_icon ul li a:hover{
    border: 1px solid var(--color2);
}
.footer_bottem_icon ul li {
    width: 35px;
    height: 35px;
    margin-right: 15px;
}
.cbs_footer::before {
    content: "";
    position: absolute;
    left: -57%;
    top: 40%;
    width: 1300px;
    height: 1300px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
}
/* ===============================================================
            END FOOTER SECTION HERE
=============================================================== */


/* ===============================================================
                START SECTOR HERO SECTION HERE
=============================================================== */

.sector_hero {
    position: relative;
    overflow: hidden;
    margin-top: -59px;
}
.sector_hero_wrp {
    position: relative;
}
.sector_hero_img {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 35.3%;
}
.sector_hero_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.sector_hero_detail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 52px;
    z-index: 3;
}
.sector_hero_detail_wrp {
    display: flex;
    flex-direction: column;
}
.text_bottom_left {
    justify-content: start;
    align-items: start;
    text-align: left;
}
.text_bottom_center {
    justify-content: center;
    align-items: center;
    text-align: center;
}
.text_bottom_right {
    justify-content: end;
    align-items: end;
    text-align: right;
}
.sector_hero_title h1 {
    font: var(--h1);
    color: var(--color2);
    letter-spacing: -2.32px;
}
.small_detail_hero_sector{
    max-width: 650px;
    width: 100%;
    margin:  14px 0 19px;
}
.small_detail_hero_sector p{
    color: var(--color2);
    font: var(--p);
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.54px;
}
.sector_hero .small_detail_hero_sector{
    margin: 14px 0 20px;
}
.hero_sector_btn .btn{
    background: rgba(255,255,255, 0.2);
}
.hero_sector_btn .btn:hover{
    border-color: var(--color2);
    color: var(--color2);
}
.sector_hero_breadcrumb{
    margin-bottom: 17px;
}
.sector_hero_breadcrumb ul {
    display: flex;
    margin: 0 -7px;
}
.sector_hero_breadcrumb ul li {
    padding: 0 7px;
}
.sector_hero_breadcrumb ul li,
.sector_hero_breadcrumb ul li a,
.sector_hero_breadcrumb ul li span{
    position: relative;
    font: normal 500 14px/26px var(--secondary-font);
    letter-spacing: -0.42px;
    color: var(--color2);
    transition: 0.3s all ease-in-out;
}
.sector_hero_breadcrumb ul li:not(:first-child)::before{
    content: '';
    position: absolute;
    left: -7px;
    background-position: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-image: url(../images/Home_page/next_Arrow.svg);
    background-repeat: no-repeat;
    z-index: 1;
}
.sector_hero::before {
    content: "";
    position: absolute;
    left: -58%;
    top: -21%;
    width: 1300px;
    height: 1300px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
}
.sector_hero_img:before {
    content: "";
    position: absolute;
    right: 17.5%;
    bottom: 0;
    width: 1px;
    height: 200%;
    z-index: 3;
    border-right: 3px dashed rgb(255 255 255 / 20%);
    transform: rotate(36deg);
    transform-origin: bottom;
    animation: 12s linear infinite line;
}
.sector_hero_shadow {
    position: absolute;
    top: 4%;
    left: 60%;
    width: 2050px;
    height: 2050px;
    z-index: 2;
    border: 3px solid rgb(255 255 255 / 20%);
    transform: rotate(32deg);
    border-radius: 50%;
    transform-origin: center;
    animation: 50s linear infinite rotate-2;
}
.sector_hero_shadow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 30px;
    height: 30px;
    transform-origin: center;
    transform: translateY(-50%);
    background-image: url(../images/shadow.svg);
    background-repeat: no-repeat;
}
/* .sector_hero_wrp::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(100deg, rgba(50, 73, 210, 0.75) 3.29%, rgba(13, 27, 106, 0.75) 79.8%);
    z-index: 1;
} */
.sector_hero_wrp::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 68.29%, #000 100%);
    z-index: 1;
}

/* ===============================================================
                END SECTOR HERO SECTION HERE
=============================================================== */

/* ===============================================================
            START SERVICE FUNCTION SECTION HERE
=============================================================== */

.data_center{
    margin-top: 45px;
}
.main_wrp_cover {
    max-width: 33.33%;
    width: 100%;
    padding: 0 13.5px 0;
    margin-top: 25px;
    position: relative;
}
.data_center_row{
    margin: 0 -13.5px;
}

/* ===============================================================
            END SERVICE FUNCTION SECTION HERE
=============================================================== */

/* ===============================================================
                START SECTOR_LOGO SECTION HERE
=============================================================== */

.sector_logo_section{
    padding: 77px 0 0;
}

/* ===============================================================
                END SECTOR_LOGO SECTION HERE
=============================================================== */

/* ===============================================================
                START SECTORS-CONTACT SECTION HERE
=============================================================== */

.sector_contact_us{
    margin: 0;
}

/* ===============================================================
                END SECTORS-CONTACT SECTION HERE
=============================================================== */

/* ===============================================================
                    START GET-TOUCH BTN HERE
=============================================================== */

.get_touch {
    position: fixed;
    top: 8%;
    right: 20px;
    z-index: 9999;
    transform: rotate(-90deg) translate(-50%, -50%);
    transform-origin: right 50%;
}
.get_touch_main{
    background-color: var(--color2);
    border-radius: 100px;
    padding: 7px 6px;
    box-shadow: 0px 0px 19px 7px rgba(0, 0, 0, 0.20);
}
.get_touch_main .get_number_btn{
    background-color: var(--color3);
    margin-right: 9px;
}
.get_touch_main .get_number_btn:hover{
    color: var(--color3);
    border-color: var(--color3);
    background-color: #fff;
}

/* ===============================================================
                    END GET-TOUCH BTN HERE
=============================================================== */

/* ===============================================================
            START SECTOR_INTERNAL WELCOME SECTION HERE
=============================================================== */

.sector_internal_welcome{
    padding: 0;
    margin-top: 70px;
    background: none;
}
.sector_internal_welcome .welcomr_text p{
    font: var(--p);
    letter-spacing: -0.14px;
    color: var(--color3);
}
.sector_internal_welcome .welcomr_text p strong{
    font: var(--h5);
    font-family: var(--secondary-font);
    letter-spacing: -0.16px;
}

/* ===============================================================
            END SECTOR_INTERNAL WELCOME SECTION HERE
=============================================================== */

/* ===============================================================
                    START BENEFITES SECTION HERE
=============================================================== */

.benefites{
    padding: 80px 0 82px;
    background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0.00) 100%);
    margin-top: 70px;
}
.benefites_main_text{
    text-align: center;
}
.benefites_main_text h2{
    font: var(--h2);
    color: var(--color3);
    letter-spacing: -1.44px;
}
.benefites_main_text p{
    font: var(--h5);
    font-family: var(--secondary-font);
    letter-spacing: -0.16px;
    color: var(--color3);
    margin-top: 11px;
}
.benefites_data_inn{
    margin-top: 40px;
}
.benefites_data_inn ul{
    display: flex;
    flex-wrap: wrap;
}
.benefites_data_inn ul li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 25%;
    width: 100%;
    margin-bottom: 14px;
}
.benefites_data_inn ul li span{
    width: 22px;
    height: 22px;
    margin-right: 19px;
}
.benefites_data_inn ul li p{
    font: var(--h4);
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.88px;
    color: var(--color3);
}

/* ===============================================================
                    END BENEFITES SECTION HERE
=============================================================== */

/* ===============================================================
            START NEWS SECTION
=============================================================== */

.post-type-archive-news .welcomr_text h6 {
    color: var(--color3);
    font: var(--h2);
    letter-spacing: -1.44px;
    max-width: 100%;
    margin-top: 14px;
}

.post-type-archive-news .welcomr_text {
    max-width: 100%;
}

.post-type-archive-news .welcome_img_news {
    display: flex;
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    text-align: right;
    margin: auto;
    justify-content: end;
}

.sector_internal_choose_news {
    padding: 100px 0;
    background: none;
    position: relative;
    background-color: var(--color13);
    margin-top: 93px;
    overflow: hidden;
}

.sector_internal_choose_news::before {
    content: "";
    position: absolute;
    /* left: -47%; */
    right: 6%;
    top: -40%;
    width: 2400px;
    height: 2400px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;	
}

.single-news .latest_blog_section::before {
	display:none;
}

body.news-template-default.single.single-news li {
    list-style: circle;
	padding-bottom:10px;
	color: var(--color3);
}

body.news-template-default.single .welcomr_text p a {
    color: var(--color3);
	text-decoration:underline;
}

.single-news .sector_internal_choose_news .welcomr_text h6 {
    color: #fff;
}

.single-news .sector_internal_choose_news .welcomr_text p {
	color:#fff;
}

span.news-headlinder {
    display: inline-block;
    color: #4147D5;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.48px;
    background: #fff;
    padding: 10px 15px;
    border-radius: 4px;
}

.news-container {
    display: flex;
    align-items: center;
    border-left: 8px solid #041E52;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
}

.single-news .sector_hero_wrp::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 1.29%, #000 100%);
    z-index: 1;
}

.single-news .sector_internal_choose_news .btn {
	background:#fff;
	color: #4147D5;
}

.single-news .sector_internal_choose_news .btn:hover {
	background:transparent;
	color: #FFF;
	border:1px solid #fff;
}


/* ===============================================================
            END NEWS SECTION
=============================================================== */

/* ===============================================================
            START APPROVALS SECTION
=============================================================== */


.single-approvals .latest_blog_section::before {
	display:none;
}

.single-approvals .sector_internal_choose_news .welcomr_text h6 {
    color: #fff;
}

.single-approvals .sector_internal_choose_news .welcomr_text p {
	color:#fff;
}

.single-approvals .sector_hero_wrp::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 1.29%, #000 100%);
    z-index: 1;
}

.single-approvals .sector_internal_choose_news .btn {
	background:#fff;
	color: #4147D5;
}

.single-approvals .sector_internal_choose_news .btn:hover {
	background:transparent;
	color: #FFF;
	border:1px solid #fff;
}

/* ===============================================================
            END APPROVALS SECTION
=============================================================== */

/* ===============================================================
            START SECTOR INTERNAL CHOOSE SECTION HERE
=============================================================== */
.sector_internal_choose{
    padding: 0;
    margin-top: 70px;
    background: none;
}
.sector_internal_choose .welcomr_text p{
    font: var(--p);
    letter-spacing: -0.14px;
}
.sector_internal_choose .welcomr_text p strong{
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.14px;
}
.sector_internal_choose .welcomr_text {
    max-width: 526px;
    margin: 0 auto;
}
.sector_internal_choose .welcomr_text p:not(:last-of-type) {
    max-width: none;
}

/* ===============================================================
            END SECTOR INTERNAL CHOOSE SECTION HERE
=============================================================== */

/* ===============================================================
           START OTHER WE COVER SECTION HERE
=============================================================== */

.other_we_cover{
    margin-top: 70px;
}

/* ===============================================================
           END OTHER WE COVER SECTION HERE
=============================================================== */

/* ===============================================================
           START SECTOR INTERNAL FAQ SECTION HERE
=============================================================== */

.sector_faq{
    margin: 82px 0 65px; 
}
.sector_faq_list .question:first-child{
    padding-top: 0;
}
.sector_looking_text span{
    font: var(--h6);
    font-size: 14px;
 line-height: 1.2;
    letter-spacing: 1.96px;
    color: var(--color4);
}
.sector_looking_text h2{
    font: var(--h2);
    color: var(--color3);
    letter-spacing: -1.44px;
    max-width: 400px;
    margin: 8px 0 10px;
}
.sector_looking_text p{
    font: var(--h5);
    letter-spacing: -0.16px;
    font-family: var(--secondary-font);
    color: var(--color3);
    max-width: 454px;
    margin-bottom: 34px;
}
.sector_faq_row{
    margin: 0 -15px;
}
.sector_faq_left{
    width: 55.7%;
    padding: 0 15px;
}
.sector_faq_right{
    width: 44.3%;
    padding: 0 15px;
}
.looking_num_btn .btn{
    padding: 10px 24px 11px 25px;
    background-color: var(--color11);
    color: var(--color3);
    font: normal 600 16px/20px var(--primary-font);
    letter-spacing: -0.16px;
    display: flex;
    align-items: center;
    width: fit-content;
}
.looking_num_btn .btn:hover,
.looking_mail_btn .btn:hover{
    border-color: transparent;
}

.looking_num_btn a svg{
    height: 14px;
    width: 14px;
    margin-right: 12px;
}
.looking_mail_btn .btn{
    padding: 9px 21px 10px;
    background-color: var(--color11);
    color: var(--color3);
    font: normal 600 16px/20px var(--primary-font);
    letter-spacing: -0.16px;
    margin-top: 14px;
    display: flex;
    align-items: center;
    width: fit-content;

}
.looking_mail_btn a svg{
    height: 22px;
    width: 22px;
    margin-right: 8px;
}
.question{
    padding: 19px 0 15px;
}
.faq_question_title h6{
    font: var(--h2);
    font-size: 22px;
    letter-spacing: -0.88px;
    color: var(--color3);
}
.faq_question_title{
    padding-bottom: 10px;
    cursor: pointer;
}
.faq_question_ans{
    display: none;
    margin: 0 0 24px 0;
    max-width: 577px;
    padding-right: 30px;
}
.faq_question_ans p{
    font: var(--p);
    letter-spacing: -0.14px;
    color: var(--color3);
    margin-bottom: 22px;
}
.faq_open_close {
    position: relative;
    cursor: pointer;
    border: 2px solid var(--color3);
    border-radius: 50%;
    max-width: 19px;
    height: 19px;
    width: 100%;
}
.faq_open_close:before, 
.faq_open_close:after {
    content: '';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    width: 9px;
    height: 9px;
    background-color: var(--color3);
    transition: all 0.2s ease-in-out;
}
.faq_open_close:before {
    width: 1px;
}
.faq_open_close:after {
    height: 1px;
}
.faq_question_title.active .faq_open_close:before {
    transform: rotate(90deg);
}
.question:not(:last-of-type) {
    border-bottom: 1px solid rgba(4, 30, 82, 0.10);
}
.question:first-child .faq_question_ans {
    display: block;
}

/* ===============================================================
            END SECTOR INTERNAL FAQ SECTION HERE
=============================================================== */

/* ===============================================================
            START SECTOR OUR WORK SECTION HERE
=============================================================== */

.sector_our_work{
    margin-top: 85px;
}

/* ===============================================================
            END SECTOR OUR WORK SECTION HERE
=============================================================== */

/* ===============================================================
                START TESTIMONIAL PAGE HERE
=============================================================== */

.test_customer{
    padding: 70px 0 30px;
    overflow: hidden;
}
.cust_left_info h2 {
    font: var(--h2);
    letter-spacing: -1.04px;
    text-transform: capitalize;
    color: var(--color3);
    margin-bottom: 12px;
}
.cust_left_info p {
    font: var(--p);
    font-weight: 600;
    letter-spacing: -0.16px;
    font-size: 16px;
    color: #041E52;
}
.test_cust_bottom {
    margin-top: 24px;
}
.test_cust_bottom a {
    border-radius: 80px;
    background: #F4F7F8;
    padding: 11px 22px 10px;
    font-size: 16px;
    color: #041E52;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.16px;
    width: fit-content;
    align-items: start;
}
.test_cust_bottom a span {
    display: flex;
    width: 22px;
    height: 22px;
    padding: 4.583px 3.667px 4.579px 4.583px;
    justify-content: center;
    align-items: center;
    margin: 0 8px 0 0;
}
.test_cust_wpr {
    margin: 0 -15px;
}
.test_cust_left {
    width: 36.1%;
    padding: 0 15px; 
}
.test_cust_right{
    padding: 0 15px;
    width: 63.9%; 
    position: relative;
}
.col_one .swiper-wrapper{
    flex-wrap: wrap;
    margin: 0 -35px;
    width: auto;
}
.col_one .swiper-slide {
    padding: 0 35px;
}
.cust_left_info{
    max-width: 394px;
}
.test_list_col:not(:last-of-type){
    margin-bottom: 32px;
}
.col_two{
    margin-top: 101px;
}
.test_cust_right::after {
    content: "";
    position: absolute;
    height: 604px;
    width: 100%;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    bottom: 0;
    left: 0;
    z-index: 2;
}
.testimonial_logo_section{
    padding: 0;
}
.test_customer .cover_border::after {
    background: #0B2862;
}
.test_list_col:hover .cover_border::after{
    background: var(--color4);
}
/* .test_customer .col_one .test_list_col:first-child .cover_border::after{
    background: var(--color4);
} */


.col_one .swiper-slide:nth-child(even):nth-of-type(2){
    margin-top: 101px;
}
.col_one .swiper-slide:nth-child(odd):not(:first-child){
    margin-top: -101px;
}
.test_list_col{
    margin-top: 32px;
}

.test_customer .latest_blog_arrow {
    display: none;
}

/* ===============================================================
                    END TESTIMONIAL PAGE HERE
=============================================================== */

/* ===============================================================
                    START ABOUT_US PAGE HERE
=============================================================== */

.about_hero .sector_hero_detail {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.about_us{
    margin-top: 70px;
    overflow: hidden;  
}
.about_row{
    margin: 0 -15px;
}
.about_left_col{
    width: 50%;
    padding: 0 15px;
}
.about_right_col{
    width: 50%;
    padding: 0 15px;
}
.about_us_text{
    max-width: 535px;
}
.about_us_text span{
    font: var(--h6);
    font-size: 14px;
 line-height: 1.2;
    letter-spacing: 1.96px;
    color: var(--color4);
}
.about_us_text h2{
    font: var(--h2);
    letter-spacing: -1.44px;
    color: var(--color3);
    margin: 14px 0 30px;
}
.about_us_text p{
    font: var(--p);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: var(--color3);
}
.about_us_text p:first-of-type{
    margin-bottom: 20px;
}
.about_us_img{
    margin-top: 50px;
    max-width: 526px;
    width: 100%;
    position: relative;
}
.home .about_us_img {
	display:none;
}
.about_us_img img{
    width: 100%;
    height: 100%;
}
.about_us_img::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(252deg, rgba(255, 255, 255, 0.70) 18.54%, rgba(255, 255, 255, 0.00) 105.88%);
}
.about_experts_row{
    margin: 0 -17.5px;
}
.about_experts_col{
    width: 50%;
    padding: 91px 17.5px 0;
}
.about_experts_text h2{
    font: var(--h2);
    font-size: 66px;
    line-height: 68px;
    letter-spacing: -2.64px;
    color: var(--color3);
    margin-bottom: 17px;
}
.about_experts_text span{
    font: var(--p);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.16px;
    color: var(--color12);
}
.about_experts_text p{
    font: var(--p);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.15px;
    margin-top: 10px;
}
.about_experts_text{
    border-left: 4px solid var(--color3);
    padding-left: 20px;
}

.about_value{
    margin-top: 95px;
    overflow: hidden;
}
.about_value_text span{
    font: var(--h4);
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 1.96px;
    color: #fff;
}
.about_value_text h2{
    font: var(--h2);
    color: #fff;
    letter-spacing: -1.44px;
    margin-top: 13px;
}
.about_value_img{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 126.2%;
    border-radius: 5px;
    overflow: hidden;
}
.about_value_wrp {
    position: relative;
    z-index: 4;
}
.about_value {
    background-color: var(--color4);
    padding: 144px 0 94px;
    position: relative;
    margin-top: 70px;
    overflow: hidden;
}
.about_value::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(93deg, #3249D2 0.02%, #0B2862 107.19%);
    z-index: 1;
}
.about_value::before {
    content: "";
    position: absolute;
    /* left: -47%; */
    right: 6%;
    top: -40%;
    width: 2400px;
    height: 2400px;
    z-index: 3;
    border: 3px dashed rgb(255 255 255 / 20%);
    border-radius: 50%;
    animation: 100s linear infinite rotate;
}
.about_value_img img{
    position: absolute;
    top:0;
left:0;
right:0;
bottom:0;

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_value_slide_text{
    margin-top: 6px;
}
.about_value_slide_text h6{
    font: var(--h3);
    font-size: 20px;
    letter-spacing: -0.8px;
    color: #fff;
}
.about_value_slide_text span{
    font: var(--h6);
    font-weight: 600;
	line-height: 1.2; 
    color: #fff;
    margin-top: 2px;
    display: block;
}

.community_about_value {
    margin-top: 95px;
    overflow: hidden;
}
.community_about_value_img img {
    height: 200px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.community_about_value_slider.swiper.swiper-container-horizontal {
    overflow: hidden;
}
.community_about_value_text {
    text-align: left;
    margin-bottom: 30px;
	align-items: center;
}
.community_about_value_text h2 {
    color: #041E52;
    margin-bottom: 10px;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -1.44px;
}
.community_about_value_slide_text h6 {
    color: #041E52;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.88px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.community_about_value_slide_text span {
    color: #041E52;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.28px;
}

@media only screen and (max-width: 500px) {
	.community_about_value_text {
    display: grid;
    grid-template-columns: auto auto;
}
	
}
/* ===============================================================
                    START ABOUT_US PAGE HERE
=============================================================== */

.breadcrumb{
    padding: 16px 0 18px;
}
.breadcrumb .sector_hero_breadcrumb ul li,
.breadcrumb .sector_hero_breadcrumb ul li a,
.breadcrumb .sector_hero_breadcrumb ul li span{
    color: var(--color3);
}
.breadcrumb .sector_hero_breadcrumb ul li:not(:first-child)::before {
    background-image: url(../images/Frame\ 2.svg);
    background-size: 8px;
}
.breadcrumb .sector_hero_breadcrumb {
    margin: 0;
}

.experts_form{
    background: #F3F5FF;
    padding: 100px 0 105px;
}
.expert_form_row{
    margin: 0 -15px;
}
.expert_form_left{
    width: 50.3%;
    padding: 0 15px;
}
.expert_form_right{
    width: 49.7%;
    padding: 0 15px;
}
.form_expert_text{
    max-width: 425px;
}
.form_expert_text h2{
    font: var(--h2);
    letter-spacing: -1.44px;
    color: var(--color3);
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.form_expert_text h2 span{
    color: var(--color12);
}
.careers_description .careers_desc_question a.btn {
    max-width: 201px;
    width: 100%;
}
.form_expert_send p{
    font: var(--p);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.15px;
    color: var(--color3);
}
.form_expert_send p:first-of-type{
    margin-bottom: 17px;
}
.experts_form .looking_num_btn{
    margin-top: 26px;
}
.experts_form .looking_num_btn .btn,
.experts_form .looking_mail_btn .btn {
    background-color: var(--color2);
}
.expert_form_address{
    margin-top: 30px;
}
.expert_form_address p{
    font: var(--p);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.15px;
    color: var(--color3);
}
.expert_form_address p:first-of-type{
    margin-bottom: 20px;
}

.expert_form_inn{
    background-color: var(--color2);
    padding: 40px 33px 41px 38px;
    border-radius: 10px;
}
.form_grp p {
    width: 100%;
}
.form_grp label {
    width: 100%;
    margin-bottom: 6px;
    font: 400 13px/20px var(--secondary-font);
    letter-spacing: -0.13px;
    display: inline-block;
    color: var(--color3);
}
.looking_help_form{
    margin: 0 -9.5px;
}
.field_list_input {
    max-width: 50%;
    width: 100%;
}
.form_grp{
    padding: 0 9.5px;
    width: 100%;
}
.form_grp:not(:last-child){
    margin-bottom: 16px;
}
.form_grp,
.looking_help_form {
    display: flex;
    flex-wrap: wrap;
}
.form_grp input[type="tel"], 
.form_grp input[type="email"], 
.form_grp input[type="text"],
.form_grp textarea {
    max-width: 100%;
    width: 100%;
    font: var(--p);
    color: var(--color3);
    border: 1px solid #BAC2F2;
    background: #F3F5FF;
    padding: 8.5px 15px;
    border-radius: 3px;
    line-height: 1.5;
}
.chechbox_input label{
    display: flex;
    align-items: start;
}
.form_grp .checkmark{
    border: 1px solid #BAC2F2;
    background: #F3F5FF;
    margin: 0 13px 0 0;
    border-radius: 3px;
    font: var(--p);
    line-height: 1.5;
    width: 14px;
    height: 14px;
}
.chechbox_input label span a{
    color: var(--color4);
}
.form_grp .btn{
    border-radius: 3px;
    border: none;
    padding: 9px 45px;
    font: normal 600 13px/20px var(--secondary-font);
    letter-spacing: -0.13px;
    border: 1px solid transparent;
}
.form_grp .btn:hover{
    border-color: var(--color4);
}
.looking_help_form p{
    font: var(--p);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.12px;
    color: #767779;
}
.looking_help_form p a{
    text-decoration-line: underline;
    color: #767779;
}
.form_grp .wpcf7-not-valid-tip {
    font: var(--p);
    margin-top: 5px;
}
.expert_form_inn .form_grp:nth-of-type(8) p{
    position: relative;
    max-width: fit-content;
}
.expert_form_inn p span.wpcf7-spinner {
    position: absolute;
    left: 50%;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    top: 50%;
}

.contact_logo_section{
    padding: 54px 0 33px;
}
.experts_form .wpcf7-list-item {
    margin: 0;
}
.chechbox_input input {
    margin: 3px 13px 0 0;
    cursor: pointer; 
} 
.form_grp .wpcf7-form-control{
    cursor: pointer;
}

/* ===============================================================
                    END CONTACT_US PAGE HERE
=============================================================== */

/* ===============================================================
                    START CAREERS PAGE HERE
=============================================================== */

.join_team{
    overflow: hidden;
    padding: 70px 0 80px;
    background: linear-gradient(0deg, #F4F5F8 19.37%, rgba(244, 247, 248, 0.00) 100%);
}
.join_team_main_text{
    text-align: center;
    max-width: 581px;
    margin: 0 auto;
}
.join_team_main_text span{
    font: var(--h6);
    color: var(--color4);
    font-size: 14px;
 line-height: 1.2;
    letter-spacing: 1.96px;
    margin-bottom: 20px;
    display: block;
}
.join_team_main_text h2{
    font: var(--h2);
    letter-spacing: -1.44px;
    color: var(--color3);
    margin-bottom: 17px;
}
.join_team_main_text p{
    font: var(--h5);
    font-family: var(--secondary-font);
    color: var(--color3);
    letter-spacing: -0.16px;
}
.join_team_main_text p a{
    color: var(--color12);
}

.join_team_img{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 54.4%;
    border-radius: 10px;
    overflow: hidden;
}
.join_team_img img{
    position: absolute;
    top:0;
left:0;
right:0;
bottom:0;

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join_team_slide_text h6{
    font: var(--h3);
    color: var(--color3);
    letter-spacing: -0.96px;
    margin-bottom: 5px;
}
.join_team_slide_text p{
    font: var(--p);
    letter-spacing: -0.14px;
    color: var(--color3);
    line-height: 1.4;
}
.search-result-wrap .join_team_slide_text p{
    font: var(--p);
    letter-spacing: -0.14px;
    color: var(--color3);
    line-height: 1.4;
    margin: 10px 0;
}
.join_team_slide_text{
    margin-top: 12px;
}
.join_team_main:not(:last-child){
    border-right: 2px solid #E7E7E7;
}
.join_team_slider{
    margin: 60px -51.5px 0;
}
.join_team_main {
    padding: 0 51.5px;
}

.vacancies{
    margin: 70px 0 82px;
}
.vacancies_heading_text h2{
    font: var(--h2);
    color: var(--color3);
    letter-spacing: -1.44px;
}
.vacancies_icon svg{
    width: 28px;
    height: 28px;
    margin-right: 5px;
}
.vacancies_icon h6{
    font: var(--h3);
    font-size: 22px;
    letter-spacing: -0.88px;
    color: var(--color3);
}
.vacancies_icon,
.vacancies_text{
    max-width: 23.33%;
    width: 100%;
}
.vacancies_icon:first-of-type,
.vacancies_text:first-of-type{
    max-width: 30%;
    width: 100%;
}
.vacancies_heading{
    padding-bottom: 17px;
}
.vacancies_text h6{
    font: var(--h3);
    font-size: 20px;
    letter-spacing: -0.8px;
    color: var(--color12);
}
.vacancies_text p{
    font: var(--h3);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.8px;
    color: var(--color3);
}
.vacancies_engineer{
    padding: 22px 0 19px;
    border-top: 1px solid #D9D9D9;
}
.vacancies_job{
    margin-top: 40px;
}
.vacancies_text .btn{
    padding: 10px 62px 12px;
}
.vacancies_engineer .vacancies_text:last-of-type{
    display: flex;
    justify-content: end;
}

/* ===============================================================
                    END CAREERS PAGE HERE
=============================================================== */

/* ===============================================================
                    START CAREERS INTERNAL PAGE HERE
=============================================================== */

.careers_description{
    margin: 70px 0 62px;
}
.careers_desc_row{
    margin: 0 -15px;
}
.careers_desc_left{
    width: 50.4%;
    padding: 0 15px;
}
.careers_desc_right{
    width: 49.6%;
    padding: 0 15px;
}
.careers_desc_question{
    max-width: 580px;
    margin: 0 0 0 auto;
    width: 100%;
    background-color: var(--color7);
    padding: 29px 34px 35px;
    border-radius: 10px;
    position: sticky;
    top: 30%;
}
.careers_desc_question h2{
    font: var(--h3);
    font-size: 28px;
    color: var(--color3);
    margin-bottom: 5px;
    letter-spacing: -1.12px;
}
.careers_desc_question p{
    font: var(--p);
    letter-spacing: -0.14px;
    color: var(--color3);
    margin-bottom: 18px;
    max-width: 477px;
    width: 100%;
}
.careers_desc_intersted{
    border-radius: 10px;
    background: #F1F3FD;
    padding: 25px 54px 27px 27px;
}
.careers_desc_intersted p{
    font: var(--p);
    letter-spacing: -0.14px;
    color: var(--color3);
}
.careers_desc_intersted p a{
    color:#3249D2;
    text-decoration: underline;
}
.careers_desc_intersted p a:hover {
    color: var(--color1);
}
.careers_desc_intersted p:first-of-type{
    margin-bottom: 20px;
}

.careers_key h6{
    font: var(--h2);
    font-size: 30px;
    letter-spacing: -1.2px;
    color: var(--color3);
    margin-bottom: 12px;
}
.careers_key{
    margin-bottom: 50px;
}
.careers_key p,
.careers_key ul li{
    font: var(--p);
    letter-spacing: -0.14px;
    color: var(--color3);
    list-style: disc;
}
.careers_key ul{
    padding-left: 19px;
}
.careers_key ul li:not(:last-child){
    margin-bottom: 20px;
}
.careers_hero .sector_hero_wrp::after{
    display: none;
}
.careers_hero .sector_hero_wrp::before{
    background: linear-gradient(180deg, rgba(11, 40, 98, 0.50) 0%, rgba(11, 40, 98, 0.50) 100%), linear-gradient(0deg, #020931 0.32%, rgba(13, 27, 106, 0.00) 99.71%);
}
.careers_hero .hero_sector_btn .btn{
    padding: 10px 46px 12px 47px;
}

.careers_hero .sector_hero_img:before{
    display: none;
}

/* ===============================================================
                    END CAREERS INTERNAL PAGE HERE
=============================================================== */


/* ===============================================================
                    START PARTNERS PAGE HERE
=============================================================== */

.welcome_proud .partner_client_text {
    max-width: 525px;
    width: 100%;
    margin: 0;
}
.welcome_proud .partner_client_text p:not(:last-of-type) {
    max-width: 505px;
}
.partner_client_text h6 {
    max-width: 548px; 
}
.welcome_proud .work_slider_main{
    padding: 49px 16px 49px 20px;
}
.welcome_proud .work_slider_inner {
    max-width: 104px;
    max-height: 42px;
}
.welcome_proud .work_slider_slide{
    padding: 10px 10px;
}
.welcome_proud .main_work_slider {
    background: #F4F7F8;
    border-radius: 10px;
    padding: 0;
}
.welcome_proud .partner_img_main {
    margin: 0;
    max-height: 499px;
    height: 100%;
    overflow: hidden;
}
.work_slider,
.work_bottom_slider{
    max-height: 499px;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

.partner_left_col .swiper-wrapper,
.main_work_slider .swiper-wrapper{
    transition-timing-function: linear;

}

/* ===============================================================
    01-09-2026 - START CAREER DIVERSITY & INCLUSION SECTION HERE
=============================================================== */



/* ===============================================================
    01-09-2026 - START CAREER DIVERSITY & INCLUSION SECTION HERE
=============================================================== */


.career-static-diversity {
    padding: 72px 0;
    background: linear-gradient(90deg, var(--color4) 0%, var(--color9) 100%);
}

.career-static-diversity-left {
    width: 49%;
    max-width: 694px;
    position: relative;
    padding-top: 35.22%;
    border-radius: 20px;
    overflow: hidden;
}

.career-static-diversity-left img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-static-diversity-right {
    width: 35.22%;
    max-width: 500px;
}

.career-static-diversity-content h2 {
    color: var(--color2);
    font: normal 700 36px/36px var(--primary-font);
    letter-spacing: -1.8px;
    margin-bottom: 15px;
}

.career-static-diversity-content p {
    color: var(--color2);
    font: normal 400 14px/18px var(--primary-font);
    letter-spacing: -0.35px;
}

.career-static-diversity-content p:first-of-type {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
}

.career-static-diversity-content p:not(:last-of-type) {
    margin-bottom: 12px;
}

.career-static-diversity-content p:last-of-type {
    margin-bottom: 20px;
}

/* ===============================================================
    01-09-2026 - END CAREER DIVERSITY & INCLUSION SECTION HERE
=============================================================== */



/*======= 404 page CSS start ===========*/
.not_found_page {
    padding: 80px 0 50px;
}
.not_found_wrp h3 {
    font: var(--h2);
    margin-bottom: 30px;
}
.not_found_wrp svg,
.not_found_wrp img {
    max-width: 700px;
    width: 100%;
    height: auto;
    margin: auto;
}
.not_found_wrp .apply_btn {
    max-width: 202px;
    width: 100%;
    margin: 0 auto;
}
.not_found_wrp .apply_btn a {
    width: 100%;
    padding: 15px 0;
}
.content_404 {
    margin: 16px auto 30px;
    font-size: 16px;
    line-height: 1.4;
    max-width: 450px;
}
.wpcf7 form.invalid .wpcf7-response-output {
    color: red;
    padding: 0;
    margin: 5px 0 0;
    border: none;
    font-size: 16px;
    line-height: 1.2; 
}

.latest_blog_arrow .swiper-button-next:hover,
 .latest_blog_arrow .swiper-button-prev:hover,
 .textimonial_arrow .swiper-button-next:hover,
.textimonial_arrow .swiper-button-prev:hover{
    scale: 1.4;
    background-color: transparent;
/*     box-shadow: rgba(99, 99, 99, 0.8) 0px 0px 9px 3px;   */
 }
.united_region{
    display: none;
    margin-right: 12px;
}
.united_region p{
    font: var(--h6);
    line-height: normal;
    letter-spacing: -0.26px;
    color: var(--color3);
}

.cbs_hc_close {
    border-bottom: 1px solid #c5c5c5;
    display: none;
    justify-content: flex-end;
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 4;
    left: 0;
    right: 0;
}
.cbs_hc_close button {
    padding: 12px;
    border: 0;
    background: transparent;
    max-width: 45px;
    height: 45px;
    border-left: 1px solid #c5c5c5;
}
.cbs_hc_close button svg, 
.cbs_hc_close button img {
    width: 100%;
    height: 100%;
}
.cbs_loggle_icon{
    display: none;
    max-width: 80px;
    width: 100%;
}
.cbs_loggle_icon button{
    border: 0;
    background: transparent;
    max-width: 46px;
    height: 46px;
    padding: 0;
}
.cbs_loggle_icon p{
    font: var(--h6);
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.42px;
    color: var(--color3);
}
body.overflow_hidden{
    overflow: hidden;
}
.wrapper {
	padding-top:0 !important;
}
.cbs_header_search_icon{
    display: none;
}
.cbs_header_search_icon button{
    border: 0;
    background: transparent;
    width: 30px;
    height: 30px;
}
.cbs_header_search_icon button svg{
    width: 100%;
    height: 100%;
}
.cbs_search_inn{
    margin-left: 5px;
}
.cbs_header{
    position: relative;
    background-color: transparent;
}
.search-menu {
    position: absolute;
    width: 100%;
    top: 110%;
    display: none;
    z-index: 3;
}
.search-menu input {
    border: none;
    border-bottom: 2px solid var(--color3);
    background: var(--color2);
    font: var(--p);
    color: var(--color3);
    width: 100%;
    text-align: center;
    padding: 10px 40px 10px 10px;
}
.header_drop_main{
    position: relative;
    display: none;
}
.header_bottom_dropdown span,
.header_bottom_dropdown ul li a{
    font: var(--h6);
    color: var(--color2);
    letter-spacing: -0.45px;
    text-transform: capitalize;
}
.header_bottom_dropdown ul {
    position: absolute;
    top: 100%;
    background-color: var(--color3);
    left: 0;
    z-index: 2;
    display: none;
    padding: 10px;
    transition: 0.3s all ease-in-out;
}
.header_bottom_dropdown span {
    display: flex;
    align-items: center;
    padding-right: 25px;
    cursor: pointer;
    position: relative;
}
.header_bottom_dropdown span::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 15px;
    width: 15px;
    background-image: url(../images/Vector77.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 15px;
    transform: translateY(-50%);
}
.header_bottom_dropdown.drop_bottom_open span::after{
    transform: translateY(-50%) scale(-1);
}
.header_bottom_dropdown ul li{
    padding: 10px 0;
}
.header_drop_btn .btn{
    padding: 8px 13px 10px;
    font-size: 13px;
}
.top_hadding_wrp,
.latest_blog_arrow  {
    flex-wrap: nowrap;
}
.we_cover_section .textimonial_arrow {
    display: none;
}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important; 
}
.other_we_cover .we_cover_details h5{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.other_we_cover .we_cover_details p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.looking_help_form p a:hover,
.chechbox_input label span a:hover {
    color: #000;
}
.error404 .header_bottom_bar,
.page-id-356  .header_bottom_bar {
      background: #041E52;
}
.menu-top-bar-menu-container > ul li a{
    font: var(--h6);
    color: var(--color5);
    letter-spacing: -0.45px;
    transition: all 0.5s ease-in-out;
}
.menu-top-bar-menu-container > ul li:hover a{
    color: var(--color1); 
}
.mob-only{
    display: none;
} 
body.sectors-template-default .our_work_section .work_top_section_hadding{
    display: none;
}
body.sectors-template-default .our_work_section .main_work_slider{
    padding: 0; 
}
body.sectors-template-default .our_work_section{
    margin-top: 86px; 
}
.sub-menu li:hover a{
    opacity: 0.8;
}
body.page-id-367 .welcome_proud{
    padding-bottom: 0;
}
body.page-id-367 .why_choose_section{
    margin-top: 63px;
}
body.home .top_logo_section{
    padding-top: 40px;
}
body.page-id-325 .about_hero .hero_btn{
    margin: 0;
} 
.post-type-archive-sectors .contact_us{
    margin-top: 0;
}
.overlay_state{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 9991;
    opacity: 0;
    visibility: hidden;
}
.overlay_state.overlay_Open{
    opacity: 1;
    visibility: visible;
}

/* -------- START POPUP ----------- */
.main_video_popup {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 99999;
    opacity:0;
    visibility: hidden;
    transition:0.3s all ease-in-out;
    -webkit-transition:0.3s all ease-in-out;
    -moz-transition:0.3s all ease-in-out;
    -ms-transition:0.3s all ease-in-out;
    -o-transition:0.3s all ease-in-out;
}
.top_video_popup,
.main_video_popup {
    width: 100vw;
    height: 100vh;
}
.top_video_popup {
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_overlay_main {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}
.video_main_wrp {
    max-width: 70%;
    width: 100%;
    margin: auto;
    padding-bottom:40%;
    position: relative;
    z-index: 4;
}
.video_main_wrp iframe,
.video_main_wrp video,
.video_main_wrp img {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:scale-down;
}
.top_close_wrp {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 35px;
    height: 35px;
    z-index: 3;
}
button.top_close_btn, button.top_close_btn svg {
    width: 100%;
    height: 100%;
}
button.top_close_btn {
    background: #fff;
    border: none;
    padding: 10px;
}
.main_video_popup.active_popup {
    opacity:1;
    visibility: visible;
}
body.home .we_cover_section{
    padding-bottom: 10px;
}
body.home .textimonial{
    margin-top: 54px; 
}
/* -------- END POPUP ----------- */


/* ===============================================================
    02-09-2026 - START CAREER EMPLOYEE TESTIMONIALS SECTION HERE
=============================================================== */

.career-static-employee-testimonials {
    padding: 72px 0;
	margin-top:0px;
    background: linear-gradient(90deg, var(--color11) 0%, #F3F6F7 100%);
}

.career-static-employee-testimonials-top {
    align-items: flex-end;
}

.career-static-employee-testimonials-heading h2 {
    color: var(--color9);
    font: var(--h2);
    margin-bottom: 15px;
}

.career-static-employee-testimonials-heading > p {
    max-width: 500px;
    color: var(--color9);
    font: var(--p);
    margin-bottom: 20px;
}


/* Navigation */

.career-static-employee-testimonials-arrow {
    gap: 12px;
}

.career-static-employee-testimonials-arrow .swiper-button-prev,
.career-static-employee-testimonials-arrow .swiper-button-next {
    position: static;
    width: 39px;
    height: 39px;
    margin: 0;
    border-radius: 50%;
    background-color: rgb(8 12 45 / 5%);
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
}

.career-static-employee-testimonials-arrow .swiper-button-prev:hover,
.career-static-employee-testimonials-arrow .swiper-button-next:hover {
    scale: 1;
    background-color: rgb(8 12 45 / 5%);
}


/* Slider */

.career-static-employee-testimonials-slider-wrap {
    margin-top: 48px;
    overflow: hidden;
    position: relative;
}

.career-static-employee-testimonials-slider {
    overflow: visible;
}

.career-static-employee-testimonials-slider .swiper-wrapper {
    gap: 0;
}

.career-static-employee-testimonial-item {
    padding: 0 20px;
}
.career-static-employee-testimonial-card {
    position: relative;
}


/* Side Border */

.career-static-employee-testimonial-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 280px;
    background: var(--color4);
    border-radius: 100px;
}


/* Employee Image */

.career-static-employee-testimonial-image {
    width: calc(100% - 20px);
    max-width: 465px;
    height: 280px;
    margin-left: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.career-static-employee-testimonial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Testimonial Content */

.career-static-employee-testimonial-content {
    position: relative;
    z-index: 2;
    width: calc(100% - 20px);
    max-width: 465px;
    margin: -35px 0 0 40px;
    padding: 20px 24px 40px;
    background: var(--color2);
    border-radius: 10px;
    color: var(--color10);
    font: var(--p);
}

.career-static-employee-testimonial-content p:not(:last-of-type) {
    margin-bottom: 18px;
}


/* Employee Name & Position */

.career-static-employee-testimonial-author {
    margin-top: 20px;
    color: var(--color10);
    font: var(--p);
    font-style: italic;
}

.career-static-employee-testimonial-author span:first-child {
    font-weight: 700;
}

.career-static-employee-testimonial-author span:last-child {
    font-weight: 400;
}


/* Slider Side Fade */

.career-static-employee-testimonials-slider-wrap::before,
.career-static-employee-testimonials-slider-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 5;
    pointer-events: none;
}

.career-static-employee-testimonials-slider-wrap::before {
    left: 0;
    background: linear-gradient(
        90deg,
        rgb(244 247 248 / 95%) 0%,
        rgb(244 247 248 / 0%) 100%
    );
}

.career-static-employee-testimonials-slider-wrap::after {
    right: 0;
    background: linear-gradient(
        270deg,
        rgb(243 246 247 / 95%) 0%,
        rgb(243 246 247 / 0%) 100%
    );
}

/* ===============================================================
    02-09-2026 - END CAREER EMPLOYEE TESTIMONIALS SECTION HERE
=============================================================== */

/* ===============================================================
    03-09-2026 - START CAREER APPRENTICESHIPS SECTION HERE
=============================================================== */

.career-static-apprenticeships {
    padding: 72px 0;
}

.career-static-apprenticeships-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 48px;
}

.career-static-apprenticeships-eyebrow {
    display: block;
    color: var(--color4);
    font: normal 700 14px/24px var(--primary-font);
    letter-spacing: 0.7px;
    margin-bottom: 15px;
}

.career-static-apprenticeships-heading h2 {
    color: var(--color9);
    font: normal 700 36px/36px var(--primary-font);
    letter-spacing: -1.8px;
    margin: 0;
}


/* Navigation */

.career-static-apprenticeships-navigation {
    display: flex;
    align-items: center;
    gap: 12px;
}

.career-static-apprenticeships-prev,
.career-static-apprenticeships-next {
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #F4F7F8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
    cursor: pointer;
}

.career-static-apprenticeships-prev {
    background-image: url('/wp-content/uploads/2024/05/Prev-Arrow.svg');
}

.career-static-apprenticeships-next {
    background-image: url('/wp-content/uploads/2024/05/Next-Arrow-New.svg');
}


/* Apprentices Slider */

.career-static-apprenticeships-slider {
    overflow: hidden;
}

.career-static-apprenticeships-slider .swiper-wrapper {
    display: flex;
}

.career-static-apprenticeships-card {
    flex-shrink: 0;
}


/* Apprentice Image */

.career-static-apprenticeships-image {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
}

.career-static-apprenticeships-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Apprentice Content */

.career-static-apprenticeships-card h3 {
    color: var(--color9);
    font: normal 700 24px/24px var(--primary-font);
    letter-spacing: -1.2px;
    margin: 20px 0;
}

.career-static-apprenticeships-card p {
    color: var(--color9);
    font: normal 400 14px/18px var(--primary-font);
    letter-spacing: 0;
    margin: 0;
}


/* Button */

.career-static-apprenticeships-cta {
    margin-top: 60px;
    text-align: center;
}

/* ===============================================================
    03-09-2026 - END CAREER APPRENTICESHIPS SECTION HERE
=============================================================== */


/* ===============================================================
    02-09-2026 - START VACANCY CATEGORIES SECTION HERE
=============================================================== */

.vacancy_categories {
    padding-top: 72px;
    background: #fff;
}
.vacancy_department_video {
    min-height: 500px;
}

.vacancy_categories_label,
.vacancy_category_roles {
    display: none;
}

.vacancy_categories_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.vacancy_category_card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #050A30;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
}

.vacancy_category_card:hover {
    color: #fff;
}

.vacancy_category_content {
    flex: 1;
    padding: 24px 24px 20px;
}

.vacancy_category_icon {
    width: 39px;
    height: 39px;
    margin-bottom: 20px;
}

.vacancy_category_icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vacancy_category_card h3 {
    margin: 0 0 15px;
    color: inherit;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.05em;
}

.vacancy_category_description {
    margin: 0;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.025em;
}

.vacancy_category_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px;
    color: #fff;
    transition: background 0.3s ease;
}

.vacancy_category_link {
    opacity: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: -0.025em;
    transition: opacity 0.3s ease;
}

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

.vacancy_category_arrow svg {
    display: block;
    width: 11px;
    height: 6px;
}

.vacancy_category_card:hover .vacancy_category_bottom {
    background: #4147D6;
}

.vacancy_category_card:hover .vacancy_category_link {
    opacity: 1;
}

/* ===============================================================
    02-09-2026 - END VACANCY CATEGORIES SECTION HERE
=============================================================== */

/* ===============================================================
    02-09-2026 - START VACANCY DEPARTMENTS SECTION HERE
=============================================================== */

.vacancy_department {
    color: #070C2D;
}

.vacancy_department:nth-child(odd) {
    background: #F4F7F8;
}

.vacancy_department:nth-child(even) {
    background: #FFFFFF;
}

.vacancy_department_content {
    padding: 72px 0;
}

.vacancy_department_inner {
    display: grid;
    grid-template-columns: 58% 35%;
    grid-template-areas:
        "intro video"
        "jobs video";
    column-gap: 7%;
    align-items: stretch;
}

.vacancy_department_intro {
    grid-area: intro;
    width: 61%;
}

.vacancy_department_intro h2 {
    margin: 0 0 16px;
    color: #070C2D;
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.05em;
}

.vacancy_department_intro p {
    width: 100%;
    margin: 0;
    color: #070C2D;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.vacancy_jobs {
    grid-area: jobs;
    width: 100%;
    margin-top: 48px;
}

.vacancy_job {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid #070C2D26;
}

.vacancy_job:last-child {
    border-bottom: 1px solid #070C2D26;
}

.vacancy_job_title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.05em;
}

.vacancy_job_title a {
    color: #4147D6;
    text-decoration: none;
}

.vacancy_job_meta {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #070C2D;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.vacancy_job_meta > span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.vacancy_job_meta img {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}

.vacancy_job_salary {
    color: #070C2D;
    font-size: 13px;
    line-height: 14px;
}

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

.vacancy_job_apply .btn {
    width: 167px;
    justify-content: center;
    text-align: center;
}

.vacancy_department_video {
    grid-area: video;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    align-self: stretch;
    overflow: hidden;
    border-radius: 20px;
}

.vacancy_department_video iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border: 0;
}

.vacancy_department_divider {
    width: 100%;
    height: 82px;
    overflow: hidden;
}

.vacancy_department_divider img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ===============================================================
    02-09-2026 - END VACANCY DEPARTMENTS SECTION HERE
=============================================================== */



/* ===============================================================
    03-09-2026 - START SINGLE VACANCY APPLICATION SECTION HERE
=============================================================== */

.single_vacancy_application {
    padding-top: 75px;
}

.single_vacancy_summary {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    align-items: center;
    column-gap: 40px;
    padding: 48px 40px;
    background: #F4F7F8;
    border-radius: 20px;
    color: #070C2D;
}

.single_vacancy_summary_icon {
    width: 120px;
    height: 120px;
    display: block;
}

.single_vacancy_summary_label {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -0.025em;
}

.single_vacancy_summary_content h2 {
    margin: 0 0 20px;
    color: #070C2D;
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.05em;
}

.single_vacancy_summary_meta {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.single_vacancy_summary_meta > span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.single_vacancy_summary_meta img {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.single_vacancy_summary_link {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #4147D6;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline;
}

.single_vacancy_summary_link svg {
    flex: 0 0 auto;
}

/* ===============================================================
    03-09-2026 - END SINGLE VACANCY APPLICATION SECTION HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START VACANCY FORM PROGRESS SECTION HERE
=============================================================== */

.vacancy-form-progress {
    width: 78.5%;
    margin: 48px auto 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.vacancy-form-progress-item {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #070C2D4D;
}
.vacancy-form-progress-circle {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #070C2D4D;
    border-radius: 50%;
    color: #070C2D4D;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    padding-top: 3px;
    transition: 0.3s ease;
}

.vacancy-form-progress-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.025em;
    white-space: nowrap;
    color: #070C2D4D;
    transition: 0.3s ease;
}

.vacancy-form-progress-line {
    width: 16%;
    height: 1px;
    flex-shrink: 1;
    background: #070C2D26;
}

.vacancy-form-progress-item.active .vacancy-form-progress-circle {
    background: #4147D6;
    border-color: #4147D6;
    color: #fff;
}

.vacancy-form-progress-item.active .vacancy-form-progress-title {
    color: #4147D6;
}

/* ===============================================================
    03-09-2026 - END VACANCY FORM PROGRESS SECTION HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START VACANCY APPLICATION FORM SECTION HERE
=============================================================== */

.vacancy_form_wrapper {
    margin-top: 48px;
}

.vacancy-application-form {
    padding: 48px 40px;
    background: #F4F7F8;
    border-radius: 20px;
}


/* ---------- FORM SECTION STRUCTURE ---------- */

.vacancy-form-section {
    display: grid;
    grid-template-columns: 31% 67%;
    column-gap: 2%;
    align-items: flex-start;
}

.vacancy-form-section:not(:last-child) {
    padding-bottom: 40px;
    border-bottom: 1px solid #070C2D26;
}

.vacancy-form-section + .vacancy-form-section {
    padding-top: 40px;
}


/* ---------- SECTION HEADING ---------- */

.vacancy-form-section-heading {
    display: flex;
    align-items: center;
    gap: 20px;
}

.vacancy-form-step {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
}

.vacancy-form-step img {
    width: 100%;
    height: 100%;
    display: block;
}

.vacancy-form-section-heading h3 {
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.025em;
}

.vacancy-form-section-heading p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}


/* ---------- FORM FIELDS ---------- */

.vacancy-form-fields,
.form-field {
    min-width: 0;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.form-row + .form-row {
    margin-top: 24px;
}

.form-field label,
.cv-section > label {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.vacancy-application-form .wpcf7-form-control-wrap {
    display: block;
}

.vacancy-application-form input[type="text"],
.vacancy-application-form input[type="email"],
.vacancy-application-form input[type="tel"] {
    width: 100%;
    height: 60px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #070C2D26;
    border-radius: 5px;
    font: inherit;
    outline: none;
}


/* ---------- CV & EXPERIENCE ---------- */

.cv-section > label {
    margin-bottom: 20px;
}

.cv-section > p,
.cv-section > span {
    display: block;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 20px;
}

.cv-upload {
    width: 100%;
}

.cv-upload > label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    border: 1px dashed #070C2D26;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

.cv-upload img {
    width: 69px;
    height: 60px;
    margin-bottom: 20px;
}

.cv-upload strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.cv-upload strong span {
    color: #4147D6;
}

.cv-upload small {
    margin-top: 12px;
    font-size: 16px;
    line-height: 20px;
}

.cv-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}


/* ---------- QUICK QUESTIONS ---------- */

.quick-questions {
    margin-top: 40px;
}

.quick-questions h4 {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.question-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 100px 20px 20px;
    background: #fff;
    border-bottom: 1px solid #070C2D26;
}

.question-row:first-of-type {
    border-radius: 10px 10px 0 0;
}

.question-row:last-child {
    border-bottom: 0;
    border-radius: 0 0 10px 10px;
}

.question-row > span,
.question-row .wpcf7-list-item-label {
    font-size: 16px;
    line-height: 20px;
}

.question-row .wpcf7-form-control {
    display: flex;
    align-items: center;
    gap: 40px;
}

.question-row .wpcf7-list-item {
    margin: 0;
}

.question-row .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}


/* ---------- FINAL DETAILS ---------- */

.final-details .form-field label {
    margin-bottom: 15px;
}

.final-details select {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #070C2D26;
    border-radius: 5px;
    font: inherit;
    outline: none;
}

.vacancy-form-consent {
    margin-top: 20px;
}

.vacancy-form-consent .wpcf7-list-item {
    margin: 0;
}

.vacancy-form-consent label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}

.vacancy-form-consent input[type="checkbox"] {
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 0;
    background: #fff;
    border: 1px solid #4147D6;
    border-radius: 2px;
    cursor: pointer;
}

.vacancy-form-consent input[type="checkbox"]:checked {
    background: #4147D6;
}

.vacancy-form-consent input[type="checkbox"]:checked::before {
    content: "✓";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    line-height: 1;
}


/* ---------- SUBMIT ---------- */

.vacancy-application-form .wpcf7-submit {
    width: 100%;
    margin-top: 20px;
}

.vacancy-form-note {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}


/* ---------- CF7 VALIDATION / RESPONSE ---------- */

.vacancy-application-form input,
.vacancy-application-form select,
.vacancy-application-form textarea,
.vacancy-application-form button,
.vacancy-application-form .wpcf7-not-valid-tip,
.vacancy-application-form .wpcf7-response-output {
    font: inherit;
}

.vacancy-application-form .wpcf7-not-valid-tip {
    margin-top: 6px;
}

.vacancy_form_wrapper .wpcf7-response-output {
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font: inherit;
}

.vacancy_form_wrapper .wpcf7-form.sent .wpcf7-response-output {
    color: #28a745;
}

.career-static-travel-video iframe {
    max-height: none !important;
}


/* ===============================================================
    03-09-2026 - END VACANCY APPLICATION FORM SECTION HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START CAREER TRAVEL THE WORLD SECTION HERE
=============================================================== */

.career-static-travel {
    padding: 72px 0;
    background-color: #F4F7F8;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50% auto;
}

.career-static-travel-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.career-static-travel-content {
    width: 35.93%;
}

.career-static-travel-media {
    width: 47.86%;
}

.career-static-travel-eyebrow {
    display: block;
    padding-bottom: 15px;
    color: #4147D6;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 5%;
}

.career-static-travel-title {
    padding-bottom: 15px;
    color: #070C2D;
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -5%;
}

.career-static-travel-intro {
    padding-bottom: 20px;
    color: #070C2D;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -2.5%;
}

.career-static-travel-description {
    color: #070C2D;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -2.5%;
}

.career-static-travel-countries {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.career-static-travel-country {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 6px;
    border: 1px solid #070C2D0D;
    border-radius: 5px;
    color: #070C2D;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: -2.5%;
}

.career-static-travel-country img {
    width: 12px;
    height: 9px;
    object-fit: cover;
}

.career-static-travel-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
}

.career-static-travel-buttons .btn {
    padding: 12px 24px;
    border-radius: 100px;
    gap: 10px;
}

.career-static-travel-buttons .btn-outline {
    border: 2px solid #4147D6;
}

.career-static-travel-video {
    width: 100%;
    height: 462px;
    overflow: hidden;
    border-radius: 20px;
}

.career-static-travel-video iframe,
.career-static-travel-video video {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.career-static-travel-caption {
    margin-top: 20px;
    color: #070C2D;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -2.5%;
}

.career-static-travel-features {
    display: flex;
    width: 100%;
    padding-top: 72px;
}

.career-static-travel-feature {
    display: flex;
    align-items: flex-start;
    width: 33.333%;
    gap: 20px;
}

.career-static-travel-feature:first-child {
    padding-right: 25px;
    border-right: 2px solid #070C2D0D;
}

.career-static-travel-feature:nth-child(2) {
    padding-right: 25px;
    padding-left: 25px;
    border-right: 2px solid #070C2D0D;
}

.career-static-travel-feature:last-child {
    padding-left: 25px;
}

.career-static-travel-feature-icon {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
}

.career-static-travel-feature-icon img {
    display: block;
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.career-static-travel-feature-content {
    flex: 1;
}

.career-static-travel-feature-content h3 {
    padding-bottom: 10px;
    color: #070C2D;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -2.5%;
}

.career-static-travel-feature-content p {
    color: #070C2D;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -2.5%;
}

/* ===============================================================
    03-09-2026 - END CAREER TRAVEL THE WORLD SECTION HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START WHERE WORK TAKES US SECTION HERE
=============================================================== */

.career-work-takes {
    padding: 50px 0;
    overflow: hidden;
}

.career-work-takes-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.career-work-takes-eyebrow {
    display: block;
    margin-bottom: 15px;
    color: #4147D6;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.05em;
}

.career-work-takes-heading h2 {
    margin: 0;
    color: #070C2D;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.05em;
}

.career-work-takes-gallery {
    width: 100%;
    overflow: visible;
}

.career-work-takes-gallery .swiper-wrapper {
    transition-timing-function: linear !important;
}

.career-work-takes-image {
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
}

.career-work-takes-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ===============================================================
    03-09-2026 - END WHERE WORK TAKES US SECTION HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START VACANCY SUCCESS POPUP STYLING HERE
=============================================================== */

.vacancy-success-popup[hidden] {
    display: none !important;
}

.vacancy-success-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(7, 12, 45, 0.28);
}

.vacancy-success-popup-box {
    position: relative;
    width: 100%;
    max-width: 766px;
    background: #F4F7F8;
    border-radius: 20px;
    padding: 40px 120px;
}

.vacancy-success-popup-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 21.92px;
    height: 21.92px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #A7AFBC;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.vacancy-success-popup-check {
    width: 120px;
    height: 120px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4CBF32;
}

.vacancy-success-popup-check svg {
    width: 120px;
    height: 120px;
    display: block;
}

.vacancy-success-popup h2 {
    margin: 0;
    padding-bottom: 15px;
    color: #070C2D;
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.05em;
    text-align: center;
}

.vacancy-success-popup-message {
    margin: 0;
    color: #070C2D;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.025em;
    text-align: center;
}

.vacancy-success-email {
    font-weight: 600;
}

.vacancy-success-details {
    margin-top: 24px;
    background: #FFFFFF;
    border: 1px solid rgba(7, 12, 45, 0.15);
    border-radius: 10px;
    overflow: hidden;
}

.vacancy-success-detail-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 20px 10px 60px;
}

.vacancy-success-detail-row:nth-child(2) {
    border-top: 1px solid rgba(7, 12, 45, 0.15);
    border-bottom: 1px solid rgba(7, 12, 45, 0.15);
}

.vacancy-success-detail-row span,
.vacancy-success-detail-row strong {
    color: #070C2D;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.025em;
    margin: 0;
}

.vacancy-success-detail-row strong {
    text-align: right;
}

.vacancy-success-detail-row::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #F1F1FB;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.vacancy-success-detail-row:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2.5H9L12 5.5V13.25C12 13.6642 11.6642 14 11.25 14H4.75C4.33579 14 4 13.6642 4 13.25V3.25C4 2.83579 4.33579 2.5 4.75 2.5H5Z' stroke='%234147D6' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M9 2.5V5.5H12' stroke='%234147D6' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M6 8H10' stroke='%234147D6' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 10.5H10' stroke='%234147D6' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.vacancy-success-detail-row:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5.5H13V11.75C13 12.1642 12.6642 12.5 12.25 12.5H3.75C3.33579 12.5 3 12.1642 3 11.75V5.5Z' stroke='%234147D6' stroke-width='1.4'/%3E%3Cpath d='M6 5.5V4.25C6 3.83579 6.33579 3.5 6.75 3.5H9.25C9.6642 3.5 10 3.83579 10 4.25V5.5' stroke='%234147D6' stroke-width='1.4'/%3E%3C/svg%3E");
}

.vacancy-success-detail-row:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4.5' width='10' height='8.5' rx='1' stroke='%234147D6' stroke-width='1.4'/%3E%3Cpath d='M5.5 2.5V5.5' stroke='%234147D6' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M10.5 2.5V5.5' stroke='%234147D6' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M3 7H13' stroke='%234147D6' stroke-width='1.4'/%3E%3C/svg%3E");
}

.vacancy-success-next {
    margin-top: 40px;
}

.vacancy-success-next h3 {
    margin: 0;
    padding-bottom: 24px;
    color: #070C2D;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.05em;
    text-align: center;
}

.vacancy-success-next-item {
    position: relative;
    padding-left: 56px;
}

.vacancy-success-next-item + .vacancy-success-next-item {
    margin-top: 24px;
}

.vacancy-success-next-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E9EDFB;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

.vacancy-success-next-item:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10C11.933 10 13.5 8.433 13.5 6.5C13.5 4.567 11.933 3 10 3C8.067 3 6.5 4.567 6.5 6.5C6.5 8.433 8.067 10 10 10Z' stroke='%234147D6' stroke-width='1.6'/%3E%3Cpath d='M4.5 16C5.36667 13.9 7.3 12.5 10 12.5C12.7 12.5 14.6333 13.9 15.5 16' stroke='%234147D6' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}

.vacancy-success-next-item:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.5' y='5.5' width='13' height='9' rx='1.5' stroke='%234147D6' stroke-width='1.6'/%3E%3Cpath d='M4.5 6.5L10 10.5L15.5 6.5' stroke='%234147D6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.vacancy-success-next-item:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5' width='12' height='11' rx='1.5' stroke='%234147D6' stroke-width='1.6'/%3E%3Cpath d='M7 3.5V6' stroke='%234147D6' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M13 3.5V6' stroke='%234147D6' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M4 8H16' stroke='%234147D6' stroke-width='1.6'/%3E%3C/svg%3E");
}

.vacancy-success-next-item strong {
    display: block;
    margin: 0;
    padding-bottom: 8px;
    color: #070C2D;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.025em;
}

.vacancy-success-next-item p {
    margin: 0;
    color: #070C2D;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.025em;
}

.vacancy-success-return {
    width: 100%;
    margin-top: 24px;
    justify-content: center;
    text-align: center;
}

.vacancy_form_wrapper .wpcf7 form.sent .wpcf7-response-output {
    display: none;
}



/* ===============================================================
    03-09-2026 - END VACANCY SUCCESS POPUP STYLING HERE
=============================================================== */




/* ===============================================================
                    START RESPONSIVE CSS HERE
=============================================================== */



/* ===============================================================
    04-09-2026 - START VACANCY SUCCESS POPUP RESPONSIVE HERE
=============================================================== */

@media only screen and (max-width: 991px) {
    .vacancy-success-popup-box {
        padding: 40px 50px;
    }
}

@media only screen and (max-width: 767px) {

    .vacancy-success-popup {
        padding: 0;
        align-items: flex-start;
        overflow-y: auto;
    }

    .vacancy-success-popup-box {
        max-width: 100%;
        padding: 50px 20px;
        border-radius: 0;
    }

    .vacancy-success-popup-close {
        top: 18px;
        right: 18px;
    }

    /* Success Icon */

    .vacancy-success-popup-check {
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

    .vacancy-success-popup-check svg {
        width: 80px;
        height: 80px;
    }

    /* Application Submitted */

    .vacancy-success-popup h2 {
        padding-top: 20px;
        padding-bottom: 14px;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: -0.05em;
    }

    /* Confirmation Message */

    .vacancy-success-popup-message {
        padding-top: 25px;
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    /* Application Details */

    .vacancy-success-details {
        margin-top: 0;
    }

    .vacancy-success-detail-row {
        gap: 10px;
        min-height: 45px;
        padding: 10px 20px 10px 55px;
    }

    .vacancy-success-detail-row span,
    .vacancy-success-detail-row strong {
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -0.025em;
    }

    .vacancy-success-detail-row::before {
        left: 20px;
        width: 25px;
        height: 25px;
        background-size: 14px 14px;
    }

    /* What Happens Next */

    .vacancy-success-next {
        margin-top: 40px;
    }

    .vacancy-success-next h3 {
        padding-bottom: 24px;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: -0.05em;
    }

    .vacancy-success-next-item {
        padding-left: 56px;
    }

    .vacancy-success-next-item + .vacancy-success-next-item {
        margin-top: 24px;
    }

    .vacancy-success-next-item::before {
        width: 40px;
        height: 40px;
    }

    .vacancy-success-next-item strong {
        padding-bottom: 8px;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: -0.025em;
    }

    .vacancy-success-next-item p {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    /* Return Button */

    .vacancy-success-return {
        width: 100%;
        margin-top: 24px;
    }
}

/* ===============================================================
    04-09-2026 - END VACANCY SUCCESS POPUP RESPONSIVE HERE
=============================================================== */



/* ===============================================================
    03-09-2026 - START WHERE WORK TAKES US RESPONSIVE HERE
=============================================================== */

/* ---------- TABLET ---------- */

@media only screen and (max-width: 991px) {

    .career-work-takes {
        padding: 50px 0;
    }

    .career-work-takes-header {
        margin-bottom: 24px;
    }

    .career-work-takes-image {
        height: 300px;
    }

}


/* ---------- MOBILE ---------- */

@media only screen and (max-width: 767px) {

    .career-work-takes {
        padding: 50px 0;
    }

    .career-work-takes-header {
        display: block;
        margin-bottom: 0;
    }

    .career-work-takes-eyebrow {
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 100%;
        letter-spacing: 5%;
    }

    .career-work-takes-heading h2 {
        margin-bottom: 24px;
        font-size: 26px;
        line-height: 100%;
        letter-spacing: -5%;
    }

    .career-work-takes-gallery {
        margin-top: 24px;
    }

    .career-work-takes-image {
        height: 200px;
        border-radius: 20px;
    }

}

/* ===============================================================
    03-09-2026 - END WHERE WORK TAKES US RESPONSIVE HERE
=============================================================== */



/* ===============================================================
    03-09-2026 - START CAREER TRAVEL THE WORLD RESPONSIVE HERE
=============================================================== */

@media only screen and (max-width: 767px) {

    .career-static-travel {
        padding: 50px 0;
    }

    .career-static-travel-row {
        flex-direction: column;
        gap: 40px;
    }

    .career-static-travel-content,
    .career-static-travel-media {
        width: 100%;
    }

    .career-static-travel-eyebrow {
        padding-bottom: 14px;
        font-size: 13px;
        line-height: 100%;
    }

    .career-static-travel-title {
        padding-bottom: 14px;
        font-size: 26px;
        line-height: 100%;
    }

    .career-static-travel-intro {
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 18px;
    }

    .career-static-travel-description {
        font-size: 16px;
        line-height: 20px;
    }

    .career-static-travel-video {
        height: 208px;
    }

    .career-static-travel-caption {
        margin-top: 0;
        padding-top: 16px;
        font-size: 14px;
        line-height: 18px;
    }

    .career-static-travel-features {
        flex-direction: column;
        padding-top: 40px;
    }

    .career-static-travel-feature {
        width: 100%;
    }

    .career-static-travel-feature:first-child {
        padding: 0 0 20px;
        border-right: 0;
        border-bottom: 2px solid #070C2D0D;
    }

    .career-static-travel-feature:nth-child(2) {
        padding: 20px 0;
        border-right: 0;
        border-bottom: 2px solid #070C2D0D;
    }

    .career-static-travel-feature:last-child {
        padding: 20px 0 0;
    }

    .career-static-travel-feature-content h3 {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 100%;
    }

    .career-static-travel-feature-content p {
        font-size: 14px;
        line-height: 18px;
    }
}

/* ===============================================================
    03-09-2026 - END CAREER TRAVEL THE WORLD RESPONSIVE HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START CAREER TRAVEL THE WORLD TABLET HERE
=============================================================== */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .career-static-travel {
        padding: 56px 0;
        background-size: 55% auto;
    }

    .career-static-travel-content {
        width: 41%;
    }

    .career-static-travel-media {
        width: 55%;
    }

    .career-static-travel-eyebrow {
        padding-bottom: 12px;
    }

    .career-static-travel-title {
        padding-bottom: 12px;
        font-size: 30px;
    }

    .career-static-travel-intro {
        padding-bottom: 16px;
        font-size: 15px;
        line-height: 19px;
    }

    .career-static-travel-countries {
        gap: 8px;
        margin-top: 16px;
    }

    .career-static-travel-buttons {
        gap: 12px;
        margin-top: 18px;
    }

    .career-static-travel-video {
        height: 340px;
    }

    .career-static-travel-caption {
        margin-top: 16px;
    }

    .career-static-travel-features {
        padding-top: 52px;
    }

    .career-static-travel-feature {
        gap: 16px;
    }

    .career-static-travel-feature:first-child {
        padding-right: 18px;
    }

    .career-static-travel-feature:nth-child(2) {
        padding-left: 18px;
        padding-right: 18px;
    }

    .career-static-travel-feature:last-child {
        padding-left: 18px;
    }

    .career-static-travel-feature-icon,
    .career-static-travel-feature-icon img {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .career-static-travel-feature-content h3 {
        padding-bottom: 8px;
    }
}

/* ===============================================================
    03-09-2026 - END CAREER TRAVEL THE WORLD TABLET HERE
=============================================================== */



/* ===============================================================
    03-09-2026 - START CAREER APPRENTICESHIPS MOBILE STYLING
=============================================================== */

@media (max-width: 767px) {

    /* Main Section */
    .career-static-apprenticeships {
        padding: 50px 0;
    }


    /* Section Header */
    .career-static-apprenticeships-header {
        margin-bottom: 24px;
    }


    /* Eyebrow */
    .career-static-apprenticeships-eyebrow {
        font-size: 13px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0.05em;
        margin-bottom: 15px;
    }


    /* Main Heading */
    .career-static-apprenticeships-heading h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: -0.05em;
    }


    /* Apprentice Image */
    .career-static-apprenticeships-image {
        height: 400px;
    }


    /* Apprentice Name */
    .career-static-apprenticeships-card h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: -0.05em;
        margin: 20px 0 14px;
    }


    /* Apprentice Description */
    .career-static-apprenticeships-card p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0;
    }


    /* CTA Button */
    .career-static-apprenticeships-cta {
        margin-top: 30px;
    }

}

/* ===============================================================
    03-09-2026 - END CAREER APPRENTICESHIPS MOBILE STYLING
=============================================================== */



/* ===============================================================
    02-09-2026 - START VACANCY CATEGORIES RESPONSIVE HERE
=============================================================== */

/* Tablet */
@media (max-width: 1024px) {

    .vacancy_categories_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}


/* Mobile */
@media (max-width: 786px) {

    .vacancy_categories {
        padding-top: 25px;
    }

    .vacancy_categories_label {
        display: block;
        margin-bottom: 12px;
        color: #070C2D;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    .vacancy_categories_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .vacancy_category_content {
        padding: 12px;
    }

    .vacancy_category_icon {
        width: 20px;
        height: 24px;
        margin-bottom: 0;
    }

    .vacancy_category_card h3 {
        margin: 12px 0 6px;
        font-size: 22px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: -0.05em;
    }

    .vacancy_category_description {
        display: none;
    }

    .vacancy_category_roles {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.025em;
    }

    .vacancy_category_bottom {
        display: none;
    }
}

/* ===============================================================
    02-09-2026 - END VACANCY CATEGORIES RESPONSIVE HERE
=============================================================== */




/* ===============================================================
    02-09-2026 - START VACANCY DEPARTMENTS RESPONSIVE HERE
=============================================================== */

/* ===============================================================
    03-09-2026 - START VACANCY APPLICATION FORM RESPONSIVE HERE
=============================================================== */

@media (max-width: 1024px) {

    .vacancy_form_wrapper {
        margin-top: 0;
        padding: 25px 0 50px;
    }

    .vacancy-application-form {
        padding: 0;
        background: #fff;
        border-radius: 0;
    }


    /* ---------- FORM SECTIONS ---------- */

    .vacancy-form-section {
        display: block;
        padding-top: 25px;
    }

    .vacancy-form-section:not(:last-child) {
        padding-bottom: 25px;
    }

    .vacancy-form-section + .vacancy-form-section {
        padding-top: 25px;
    }

    .vacancy-form-section:last-child {
        padding-bottom: 0;
    }


    /* ---------- SECTION HEADING ---------- */

    .vacancy-form-section-heading {
        gap: 12px;
    }

    .vacancy-form-step {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .vacancy-form-step svg {
        width: 20px;
        height: 20px;
    }

    .vacancy-form-section-heading h3 {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 1;
        letter-spacing: -0.025em;
    }

    .vacancy-form-section-heading p {
        font-size: 14px;
        line-height: 18px;
    }


    /* ---------- YOUR DETAILS ---------- */

    .vacancy-form-section:first-of-type .vacancy-form-fields {
        margin-top: 22px;
    }

    .form-row {
        display: block;
    }

    .form-row + .form-row,
    .form-row .form-field + .form-field {
        margin-top: 15px;
    }

    .form-field label,
    .cv-section > label {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .vacancy-application-form input[type="text"],
    .vacancy-application-form input[type="email"],
    .vacancy-application-form input[type="tel"] {
        height: 40px;
    }


    /* ---------- CV & EXPERIENCE ---------- */

    .vacancy-form-section:first-of-type + .vacancy-form-section .vacancy-form-fields {
        margin-top: 20px;
    }

    .cv-section > label,
    .cv-section > p,
    .cv-section > span {
        display: none;
    }

    .cv-upload {
        margin-top: 38px;
    }

    .cv-upload > label {
        padding: 25px;
    }

    .cv-upload svg {
        margin-bottom: 0;
    }

    .cv-upload strong {
        margin-top: 15px;
        font-size: 16px;
        line-height: 1;
    }

    .cv-upload small {
        position: absolute;
        top: -30px;
        left: 0;
        margin: 0;
        font-size: 14px;
        line-height: 18px;
        color: #6A6A6A;
    }


    /* ---------- QUICK QUESTIONS ---------- */

    .quick-questions {
        margin-top: 40px;
    }

    .quick-questions h4 {
        margin-bottom: 25px;
        font-size: 16px;
        line-height: 1;
        letter-spacing: -0.025em;
    }

    .question-row {
        display: block;
        padding: 0;
        background: transparent;
        border: 0;
    }

    .question-row + .question-row {
        margin-top: 25px;
    }

    .question-row > span {
        display: block;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .question-row .wpcf7-form-control {
        display: flex;
        gap: 8px;
    }

    .question-row .wpcf7-list-item {
        flex: 1;
    }

    .question-row .wpcf7-list-item label {
        display: block;
    }

    .question-row input[type="radio"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
    }

    .question-row .wpcf7-list-item-label {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 12px 24px;
        border: 1px solid #070C2D26;
        border-radius: 100px;
        font-size: 14px;
        line-height: 18px;
        cursor: pointer;
    }

    .question-row input[type="radio"]:checked + .wpcf7-list-item-label {
        background: #4147D6;
        border-color: #4147D6;
        color: #fff;
    }


    /* ---------- FINAL DETAILS ---------- */

    .vacancy-form-section:last-of-type .vacancy-form-fields {
        margin-top: 36px;
    }

    .final-details .form-field label {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .final-details select {
        width: 100%;
        padding: 12px 24px;
        border-radius: 100px;
        font-size: 14px;
        line-height: 18px;
    }

    .vacancy-form-consent {
        margin-top: 20px;
    }

    .vacancy-form-consent label {
        gap: 12px;
        font-size: 14px;
        line-height: 18px;
    }

    .vacancy-form-consent input[type="checkbox"] {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }


    /* ---------- SUBMIT ---------- */

    .vacancy-application-form .wpcf7-submit {
        width: 100%;
        margin-top: 25px;
    }

    .vacancy-form-note {
        margin-top: 20px;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

}

/* ===============================================================
    03-09-2026 - END VACANCY APPLICATION FORM RESPONSIVE HERE
=============================================================== */

@media (max-width: 1024px) {

    .vacancy_department_inner {
        grid-template-columns: 57% 39%;
        column-gap: 4%;
    }

    .vacancy_department_intro {
        width: 80%;
    }
}


@media (max-width: 786px) {

    .vacancy_department_content {
        padding-bottom: 16px;
    }

    .vacancy_department_inner {
        display: grid;
        grid-template-columns: 100%;
        grid-template-areas:
            "intro"
            "video"
            "jobs";
        column-gap: 0;
    }

    .vacancy_department_intro {
        width: 100%;
    }

    .vacancy_department_intro h2 {
        font-size: 26px;
        line-height: 100%;
    }

    .vacancy_department_intro p {
        width: 100%;
    }

    .vacancy_department_video {
        width: 100%;
        height: 400px;
        margin-top: 24px;
        border-radius: 15px;
    }

    .vacancy_department_video iframe {
        width: 100% !important;
        height: 100% !important;
    }

    .vacancy_jobs {
        width: 100%;
        margin-top: 24px;
    }

    .vacancy_job {
        display: block;
        padding: 20px 0;
    }

    .vacancy_job_title {
        margin-bottom: 12px;
    }

    .vacancy_job_meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 20px;
    }

    .vacancy_job_meta > span {
        padding: 4px 6px;
        border-radius: 100px;
    }

    .vacancy_job_apply {
        width: 100%;
    }

    .vacancy_job_apply .btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .vacancy_department_divider {
        width: 100%;
        height: 82px;
    }

    .vacancy_department_divider img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* ===============================================================
    02-09-2026 - END VACANCY DEPARTMENTS RESPONSIVE HERE
=============================================================== */



/* ===============================================================
    03-09-2026 - START SINGLE VACANCY APPLICATION RESPONSIVE HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START VACANCY FORM MOBILE PROGRESS HERE
=============================================================== */

.vacancy-form-mobile-progress {
    display: none;
}

@media (max-width: 786px) {

    .vacancy-form-progress {
        display: none;
    }

    .vacancy-form-mobile-progress {
        display: block;
        padding-top: 25px;
    }

    .vacancy-form-mobile-progress-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .vacancy-form-mobile-step {
        color: #070C2D;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    .vacancy-form-mobile-title {
        color: #6A6A6A;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.025em;
        text-align: right;
    }

    .vacancy-form-mobile-progress-bar {
        width: 100%;
        height: 6px;
        overflow: hidden;
        background: #F4F7F8;
        border-radius: 100px;
    }

    .vacancy-form-mobile-progress-fill {
        display: block;
        width: 33.333%;
        height: 100%;
        background: #4147D6;
        border-radius: 100px;
        transition: width 0.3s ease;
    }
}

/* ===============================================================
    03-09-2026 - END VACANCY FORM MOBILE PROGRESS HERE
=============================================================== */
.single_vacancy_summary_meta > span:last-child img {
    width: 14px;
    height: 14px;
}

.single_vacancy_summary_meta img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

@media (max-width: 1024px) {

    .single_vacancy_application > .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 786px) {

    .single_vacancy_application {
        padding: 0 0 25px;
    }

    .single_vacancy_summary {
        grid-template-columns: 40px 1fr;
        column-gap: 10px;
        padding: 25px 15px;
        border-radius: 0;
    }

    .single_vacancy_summary_icon {
        width: 40px;
        height: 40px;
        align-self: start;
    }

    .single_vacancy_summary_label {
        margin-bottom: 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    .single_vacancy_summary_content h2 {
        margin-bottom: 12px;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: -0.05em;
    }

    .single_vacancy_summary_meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        font-size: 13px;
        line-height: 14px;
    }

    .single_vacancy_summary_meta > span {
        padding: 6px 8px;
        background: #fff;
        border-radius: 100px;
    }

    .single_vacancy_summary_meta img {
        display: none;
    }

    .single_vacancy_summary_link {
        grid-column: 2;
        width: fit-content;
        margin-top: 20px;
        gap: 13px;
        font-size: 16px;
        line-height: 20px;
    }

    .single_vacancy_summary_link svg {
        width: 15px;
        height: 15px;
    }
}

/* ===============================================================
    03-09-2026 - END SINGLE VACANCY APPLICATION RESPONSIVE HERE
=============================================================== */


@media only screen and (min-width: 768px){
    .we_cover_row .main_wrp_cover {
        max-width: 33.33%;
        width: 100%;
    }
    .about_value_slider{
        margin: 20px -10px 0;
    }
    .about_slid_main.swiper-slide{
        width: 20%;
        padding: 0 10px;
    }
    .join_team_main.swiper-slide {
        height: auto;
        width: 33.33%;
    }
    .top_logo_wrapper .swiper-slide{
        flex: 0 0 14.28%;
    }
    .top_logo_wrapper .logo_item_slider{
        margin-top: 10px;
    }
    .we_cover_row .swiper-wrapper {
        width: auto;
        margin: 0 -12.5px;
        flex-wrap: wrap;
    }
    .top_logo_slider .swiper-wrapper{
        flex-wrap: wrap;
        justify-content: center;
    }
    .col_one {
        width: 100%;
        display: block;
    }
    .col_one .swiper-slide{
        max-width: 50%;
    }
    .page-id-321 .test_customer {
        padding: 70px 0 0px;
    }
    .page-id-321 .top_logo_section {
        padding: 0;
    }
    .page-id-321 .contact_us {
        margin-top: 12px;
    }
    .single-services .sector_faq {
        margin: 70px 0 65px;
    }
}
@media only screen and (min-width: 992px) {
    .menu > .menu-item-has-children:hover > a::before,
    .sub-menu > li.menu-item-has-children:hover > a::before {
        transform:scale(-1) translateY(-15%);
        -webkit-transform:scale(-1) translateY(-15%);
        -moz-transform:scale(-1) translateY(-15%);
        -ms-transform:scale(-1) translateY(-15%);
        -o-transform:scale(-1) translateY(-15%);
    }
    .cbs_hc_r .menu-header-menu-container > ul > li:hover > a:after {
        opacity:1;
    }
    .menu-item-has-children > a{
        margin-right: 18px;
    }
    .menu-item-has-children:hover > .sub-menu{
        display: block;
    }
}
@media only screen and (min-width: 1366px)  {
    .page-id-367 .welcome_proud {
        padding: 61px 0;
    }
}
@media only screen and (max-width: 1680px){
    .sector_hero_img {
        padding-top: 30.3%;
    }
}
@media only screen and (max-width: 1440px){
    .cbs_hc_r {
        margin: 0;
    }
    .home_contact_shadow {
        left: 66%;
    }
    .sector_hero::before {
        left: -74%;
    }
    .sector_hero_shadow {
        left: 51%;
    }
    .home_hero_here::before {
        left: -60%;
    }
    .home_hero_img {
        padding-top: 39.7%;
    }
    .sector_faq_left {
        width: 50.7%;
        padding: 0 15px;
    }
}
@media only screen and (max-width: 1366px){
	.cbs_header_left img {
		width: 100%;
    	height: 100%;
    	object-fit: contain;	
	}
	.welcome_proud.blue::before {
		display:none;
	}
	.cbs_header_left img {
		position:static;
	}
	.comm-text::before {
		display:none;
	}
	.comm-text {
		margin-left:0;
	}
	.cbs_header {
		background: rgba(0, 0, 0, .8);
		backdrop-filter: blur(2px);
	}
	.top_nav {
		background: rgba(0, 0, 0, .8);
	}
    .cbs_hc_r ul li a {
        font-size: 14px;
    }
    .cbs_hc_r ul li {
        padding: 0 5.5px;
    }
    .header_num_btn {
        margin-right: 5px;
    }
    .header_right_btn .btn{
        padding: 10px 15px 12px;
        font-size: 14px;
    }
    .cbs_header_center {
        padding: 0 5px;
    }
    .cbs_header_left {
        max-width: 135px;
        height: 80px;
		padding: 0 0 15px 15px;
    }
    .header_bottom_bar_text ul li a {
        font-size: 14px;
    }
    .header_bottom_bar_text ul li {
        padding: 0 6px;
    }
}

/* ===============================================================
    01-09-2026 - START CAREER DIVERSITY & INCLUSION RESPONSIVE HERE
=============================================================== */

@media only screen and (max-width: 991px) {
    .career-static-diversity-left {
        width: 48%;
    }

    .career-static-diversity-right {
        width: 47%;
    }
}

@media only screen and (max-width: 767px) {
    .career-static-diversity {
        padding: 50px 0;
    }

    .career-static-diversity-row {
        flex-direction: column;
    }

    .career-static-diversity-left {
        width: 100%;
        max-width: 100%;
        height: 210px;
        padding-top: 0;
    }

    .career-static-diversity-right {
        width: 100%;
        max-width: 100%;
        margin-top: 40px;
    }

    .career-static-diversity-content h2 {
        font-size: 26px;
        line-height: 26px;
        letter-spacing: -1.3px;
        margin-bottom: 14px;
    }

    .career-static-diversity-content p:first-of-type {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.35px;
    }

    .career-static-diversity-content p:last-of-type {
        margin-bottom: 24px;
    }
}

/* ===============================================================
    01-09-2026 - END CAREER DIVERSITY & INCLUSION RESPONSIVE HERE
=============================================================== */


/* ===============================================================
    03-09-2026 - START VACANCY FORM PROGRESS RESPONSIVE HERE
=============================================================== */

/* Tablet */
@media (min-width: 787px) and (max-width: 1024px) {

    .vacancy-form-progress {
        width: 90%;
        gap: 15px;
    }

    .vacancy-form-progress-circle {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
    }

    .vacancy-form-progress-item {
        gap: 12px;
    }

    .vacancy-form-progress-title {
        font-size: 18px;
    }

    .vacancy-form-progress-line {
        flex: 1;
        width: auto;
    }
}


/* Mobile */
@media (max-width: 786px) {

    .vacancy-form-progress {
        display: none;
    }
}

/* ===============================================================
    03-09-2026 - END VACANCY FORM PROGRESS RESPONSIVE HERE
=============================================================== */



@media only screen and (max-width: 1280px){
    .main_footer_cols,
    .business_footer_cols{
        max-width: 50%;
        margin-top: 40px;
    }
    .cbs_footer{
        padding: 64px 0 102px;
    }
    .cbs_footer::before {
        left: -86%;
        top: 68%;
    }
    .cbs_hc_r .menu-header-menu-container > ul > li {
        padding: 0 4px;
    }
    .home_hero_img {
        padding-top: 52.7%;
    }
    .sector_hero_img {
        padding-top: 46.3%;
    }
    .test_cust_bottom a{
        padding: 11px 11px 10px;
    }
}
@media only screen and (max-width: 1170px){
	.latest_blog_section::before {
		display:none;
	}
    .cbs_hc_l {
        max-width: 184px;
    }
    .cbs_hc_l input {
        padding: 10px 27px 10px 11px;
        height: 30px;
    }
    .cbs_hc_l form button {
        right: 10px;
    }
    .drop_down_menu a {
        margin-right: 10px;
    }
    .drop_down_menu a::after {
        right: -12px;
    }
    .blog_list{
        opacity: 1;
    }
    .latest_blog_slider{
        padding: 0;
    }
    .blog_wrapper{
        padding: 0;
    }
    .main_latest_blog{
        padding-left: 14px;
    }
    .test_list {
        padding: 0 15px;
    }
    .test_cover_text{
        margin: 9px 0 0;
    }
    .choose_strap_inn{
        width: 50%;
    }
    .work_slider_row .work_slider_slide {
        padding: 8.5px;
    }
    .latest_blog_slider {
        padding-right: 10%;
    }
    .sector_hero::before {
        left: -91%;
        top: 0;
    }
    .benefites_data_inn ul li {
        max-width: 33.33%;
    }
    .join_team_slider{
        margin: 60px -15px 0;
    }
    .join_team_main {
        padding: 0 15px;
    }
    .welcome_proud .work_slider_slide {
        padding: 4px;
    }
    .home_hero_here::before {
        left: -95%;
    }
    .main_wrp_cover,
    .join_team_main.search-result-cols,
    .we_cover_row .main_wrp_cover {
        max-width: 50%;
    }
    .contact_us {
        margin-top: 35px;
    }
}
@media only screen and (max-width: 991px) {
	.we_cover_details h5 {
		text-align:center;
	}
	.we_cover_details p {
		text-align:center;
	}
	    .cbs_hc_r ul li a {
		color:#041E52;
    }
    .sector_hero_img {
        padding-top: 58.3%;
    }
    .home_hero_img {
        padding-top: 63.7%;
    }
    .sector_hero {
        margin-top: -54px;
    }
    .nav_right>ul>li:first-child{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0;
    }
    .nav_right{
        width: 100%;
    }
    .cbs_header_center{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        flex: unset;
        background: #fff;
        visibility: hidden;
        opacity: 0;
        z-index: 99;
        justify-content: start;
        transition: all 0.2s ease-in-out;
        transform: translate(-120%, 0%);
    }
    .cbs_header_center.opne_cfs_hc{
        transform: translate(0%, 0%);
        visibility: visible;
        opacity: 1;
    }
    .cbs_hc_r>ul{
        flex-direction: column;
        align-items: start;
    }
    .cbs_hc_close {
        display: flex;
        left: 0;
        transition: 0.3s all ease-in-out;
    }
    .cbs_hc_r{
        margin: 80px 0 0;
    }
    .cbs_hc_r .menu-header-menu-container>ul>li{
        padding: 10px;
    }
    .cbs_hc_r ul li a {
        font-size: 18px;
    }
    .cbs_header_left{
        flex: 1;
        max-width: 100%;
        justify-content: center;
        display: flex;
    }
    .cbs_loggle_icon{
        display: flex;
        flex-wrap: nowrap;
		flex: 0;
    }
    .cbs_header_search_icon{
        display: flex;
        align-items: center;
		justify-content:flex-end;
    }
    .header_drop_main{
        display: flex;
    }
    .hero_detail_title h1{
        font-size: 48px;
        line-height: 53px;
    }
    .welcomr_text h6{
        font-size: 26px;
    }
    .welcome_img {
        padding-top: 74%;
    }
    .textimonial_slider {
        padding-right: 16%;
    }
    .work_slider_row .work_slider_slide {
        width: 25%;
    }
    .partner_client_row {
        flex-direction: column-reverse;
    }
    .partner_left_col,
    .partner_right_col{
        width: 100%;
    }
    .partner_left_col{
        margin-top: 75px;
    }
    .partner_client_text{
        max-width: none;
    }
    .cbs_footer::before {
        left: -104%;
        top: 68%;
    }
    .sector_hero::before {
        left: -121%;
    }
    .benefites_data_inn ul li {
        max-width: 50%;
    }
    .about_row {
        flex-direction: column;
    }
    .about_left_col,
    .about_right_col{
        width: 100%;
    }
    .about_us_text {
        max-width: unset;
    }
    .about_value_slider {
        padding-right: 15.9%;
    }
    .expert_form_row {
        flex-direction: column;
    }
    .expert_form_left,
    .expert_form_right{
        width: 100%;
    }
    .form_expert_text{
        max-width: 100%;
    }
    .expert_form_right{
        margin-top: 40px;
    }
    .vacancies_text p,
    .vacancies_text h6{
        font-size: 18px;
    }
    .header_bottom_bar{
        padding: 10px 0 9px;
    }
    .welcome_proud .partner_client_row {
        flex-direction: column;
    }
    .welcome_proud .main_work_slider{
        background-color: transparent;
    }
    .col_one .swiper-slide { 
        padding: 0 12px;
    }
    .cust_left_info {
        max-width: 100%;
    }
    .test_cust_left,
    .test_cust_right{
        width: 100%;
    }
    .test_cust_right{
        margin-top: 40px;
    }
    .home_hero_here::before {
        left: -118%;
    }
    .home_hero_shadow {
        left: 21%;
    }
    .cbs_header_search_icon .header_num_btn{
        background: none;
        padding: 0;
		border:none;
		width: 46px;
		line-height: 46px;
		margin: 0;
    }
    .menu-header-menu-container > ul{
        flex-direction: column;
        padding-bottom: 80px;
    }
    .cbs_header_search_icon .btn:hover{
        border-color: transparent;
    }
    .search-menu input{
        position: relative;
    }
    .search-menu form button{
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
    }
    .cbs_header_center.opne_cfs_hc, .menu-header-menu-container {
        width: 100%;
        display: block;
    }
    .cbs_hc_r {
        height: calc(100vh - 80px);
        overflow: auto;
    }
    .menu-item-has-children > .sub-menu {
        position: relative;
        display: block;
        width: 100%;
        background: transparent;
        box-shadow: none;
    }
    body.overflow_hidden .get_touch {
        opacity: 0;
        visibility: hidden;
    }
    .menu-item-has-children .sub-menu > li {
        padding: 10px;
    }
    .cbs_hc_r .menu-header-menu-container .menu-item-has-children {
        display: flex;
        flex-wrap: wrap;
    }
    .menu-item-has-children > a {
        max-width:calc(100% - 20px);
    }
    .nav_right>ul>li:not(:first-child), 
    .nav_left, 
    .cbs_hc_l, 
    .cbs_header_right, 
    .header_bottom_bar_text, 
    .menu-top-bar-menu-container, 
    .menu-item-has-children > a::before, 
    .menu-item-has-children > .sub-menu {
        display: none;
    }
    .header_bottom_dropdown.drop_bottom_open ul, 
    .united_region, 
    .menu-item-has-children > .menu-closed, 
    .is-open > ul.sub-menu {
        display: block;
    }
    .menu-item-has-children.is-open > .menu-closed {
        transform: scale(-1);
    }
    .cbs_header_search_icon button {
        padding:0 6.5px;
    }
    .about_value .about_value_text{
        padding-left: 12px; 
    }
    .sector_faq_left {
        width: 55.7%;
        padding: 0 15px;
    }
    .welcome_left {
        width: 38.1%;
    }
    .welcome_right {
        width: 61.9%;
    }
    .video_main_wrp {
        padding-bottom:70%;
    }
    .top_video_popup {
        padding: 15px;
    }
    .top_close_wrp {
        top: 20px;
        right: 20px;
    }
}
@media only screen and (max-width: 767px){
    .content_404 {
        margin: 16px auto 25;
        line-height: 1;
        max-width: 450px;
        font-size:14px;
    }
    .hero_detail_title h1{
        font-size: 37px;
        line-height: 39px;
        letter-spacing: -1.48px;
    }
    .small_detail_hero {
        max-width: 600px;
        margin: 14px 0 13px;
    }
    .small_detail_hero p {
        font-size: 15px;
        line-height: 21px;
        letter-spacing: -0.45px;
    }
    .home_hero_img {
        height:70vh;
    }
    .small_detail_hero {
        max-width: 100%;
    }
    .hero_btn {
        margin-top: 0px;
    }
    .hero_btn a:last-of-type{
        margin: 27px 0 0;
    }
    .home_hero_here::before,
    .home_hero_img:before,
    .home_hero_shadow {
        display: none;
    }
    .sf_itme_inner span{
        font-size: 14px;
        letter-spacing: -0.42px;
    }
    .top_logo_section .container{
        padding: 0;
    }
    .top_logo_section .top_logo_item {
        max-height: 58px;
    }
    .service_function_wrp {
        padding: 17px 0 20px;
    }
    .top_logo_slider{
        padding-right: 12%;
    }
    .top_logo_section {
        padding: 38px 0 44px;
    }
    .welcome_proud_row {
        flex-direction: column;
    }
    .welcome_left,
    .welcome_right{
        width: 100%;
    }
    .welcome_right{
        margin-top: 30px;
    }
    .welcome_proud{
        padding: 50px 0 47px;
    }
    .welcome_img {
        padding-top: 60.3%;
    }
    .welcomr_text span {
        font-size: 13px;
        letter-spacing: 1.82px;
    }
    .welcomr_text h6{
        line-height: 32px;
        letter-spacing: -1.04px;
        text-transform: capitalize;
    }
    .welcomr_text p strong {
        line-height: 19px;
        letter-spacing: -0.15px;
    }
    .welcomr_text p{
        margin: 12px 0;
    }
    .welcomr_text .btn {
        margin-top: 12px;
    }
    .test-cover_img{
        display: none;
    }
    .test_cover_inn_text {
        margin-left: 0;
        max-width: none;
    }
    .test_cover_text {
        padding: 14px 16px 17px 17px;
    }
    .test_list {
        padding: 0 6px;
    }
    .test_cover_inn_text p{
        font-size: 14px;
        letter-spacing: -0.28px;
        margin-bottom: 8px;
    }
    .test_cover_inn_text span{
        font-size: 13px;
        letter-spacing: -0.26px;
    }
    .textimonial-top-wrp h2{
        font-size: 26px;
        line-height: 32px;
        letter-spacing: -1.04px;
        text-transform: capitalize;
        max-width: 215px;
    }
    .choose_strap {
        margin: -7.5px;
    }
    .choose_strap_inn{
        width: 100%;
        padding: 7.5px;
    }
    .choose_strap_btn{
        display: none;
    }
    .strap_details h4 {
        font-size: 18px;
        letter-spacing: -0.72px;
    }
    .choose_strap_list .strap_details p{
        margin: 3px 0 0;
    }
    .choose_strap .choose_strap_list{
        padding: 18px 14px 23px 20px;
    }
    .choose_strap_list .strap_svg{
        margin-right: 14px;
    }
    .why_top_hadding_wrp h2{
        font-size: 26px;
        letter-spacing: -1.04px;
        margin-bottom: 6px;
    }
    .why_top_hadding_wrp p{
        font-size: 15px;
        line-height: 22px;
        letter-spacing: -0.15px;
        max-width: 280px;
        margin: 0 auto;
    }
    .why_choose_section .why_top_hadding_wrp {
        padding-bottom: 25px;
    }
    body.home .why_choose_section{
        margin-top: 63px; 
    }
    .why_choose_section {
        margin-top: 40px;
        padding: 59px 0 79px;
    }
    .why_choose_section::before,
    .why_choose_section::after{
        display: none;
    }
    .work_top_section_hadding h2{
        font-size: 26px;
        line-height: 32px;
        letter-spacing: -1.04px;
        text-transform: capitalize;
    }
    .our_work_section{
        margin-top: 59px;
    }
    .main_work_slider {
        padding-top: 29.5px;
    }
    .work_slider_row .work_slider_slide .work_slider_inner {
        max-width: 107px;
        max-height: 44px;
    }
    .work_slider_main {
        padding: 29px 0;
    }
    .partners_client {
        margin-top: 40px;
    }
    .partner_client_text span{
        font-size: 13px;
        letter-spacing: 1.82px;
    }
    .partner_client_text h6{
        margin-top: 14px;
        padding-bottom: 10px;
        font-size: 26px;
        line-height: 32px; 
        letter-spacing: -1.04px;
        text-transform: capitalize;
    }
    .partner_client_text p strong{
        line-height: 19px;
        letter-spacing: -0.15px;
    }
    .partner_client_text .btn{
        margin-top: 15px;
    }
    .left_top_bg, 
    .left_bottom_bg, 
    .right_top_bg, 
    .right_bottom_bg {
        max-width: 108px;
        max-height: 57px;
    }
    .partner_left_row {
        padding: 0 3.5px;
    }
    .partner_img_main {
        margin: 0 -3.5px;
    }
    .left_top_bg, .right_top_bg {
        margin-bottom: 7px;
    }
    .left_bottom_bg, .right_bottom_bg {
        margin-top: 7px;
    }
    .partner_left_row .partner_client_img:not(:last-child) {
        margin-bottom: 7px;
    }
    .home_contact_shadow,
    .contact_us::before{
        display: none;
    }
    .contact_us_text h4{
        font-size: 26px;
        line-height: 31px;
        letter-spacing: -1.04px;
        margin-bottom: 10px;
    }
    .contact_us_text p{
        line-height: 18px;
        letter-spacing: -0.14px;
    }
    .contact_us_text{
        max-width: 252px;
        margin: 0 auto;
    }
    .contact_us{
        padding: 70px 0 85px;
        margin-top: 50px;
    }
    .contact_us .hero_btn{
        margin-top: 22px;
    }
    .cbs_footer{
        padding: 50px 0 48px;
    }
    .cbs_footer::before{
        display: none
    }
    .bottom_cbs_footer {
        flex-direction: column-reverse;
        align-items: start;
    }
    .footer_bottom_text {
        margin-top: 56px;
        flex-direction: column;
        align-items: start;
    }
    .footer_critical{
        margin-top: 18px;
    }
    .footer_critical p{
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.84px;
    }
    .footer_bottom_logo{
        max-width: 91px;
    }
    .main_footer_cols ul li {
        padding: 6px 0 0;
    }
    .main_footer_cols ul li a{
        font-size: 14px;
        letter-spacing: -0.42px;
    }
    .top_hadding_wrp h2{
        font-size: 26px;
        line-height: 32px;
    }
    .latest_blog_wrp{
        margin-top: 31px;
    }
    .latest_blog_slider {
        padding-right: 18.2%;
    }
    .blog_img_inner {
        padding-top: 77.6%;
    }
    .blog_details p span{
        font-size: 15px;
        letter-spacing: -0.3px;
    }
    .blog_date{
        margin: 15px 0 6px;
    }
    .hero_btn {
        flex-direction: column;
    }
    .sectors_cover {
        padding-top: 54px;
    }
    .top_section_hadding p{
        display: none;
    }
    .join_team_main.search-result-cols,
    .main_wrp_cover{
        max-width: 100%;
    }
    .sector_hero_img {
        padding-top: 550px;
    }
    .get_touch,
    .sector_hero_breadcrumb{
        display: none;
    }
    .sector_hero_title h1{
        font-size: 37px;
        line-height: 39px;
        letter-spacing: -1.48px;
    }
	 .home .sector_hero_detail {
		text-align:center;
    }
    .sector_hero_detail {
        margin-bottom: 100px;
		text-align:center;
    }
    .sector_hero::before,
    .sector_hero_img:before,
    .sector_hero_shadow{
        display: none;
    }
    .small_detail_hero_sector{
        max-width: 100%;
        margin-bottom: 32px !important;
    }
    .text_bottom_left{
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .we_cover_btn {
        margin-top: 8px;
        font-weight: 400;
    }
    .main_wrp_cover{
        margin-top: 20px;
    }
    .data_center{
        margin-top: 20px;
    }
    .sector_logo_section{
        padding: 51px 0 0;
    }
    .sector_contact_us{
        margin-top: 55px;
    }
    .sector_internal_welcome{
        padding: 0;
        margin-top: 40px;
    }
    .sector_internal_welcome .welcome_right{
        margin-top: 40px;
    }
    .benefites{
        margin-top: 40px;
        padding: 40px 0 26px;
    }
    .benefites_main_text h2{
        font-size: 26px;
        letter-spacing: -1.04px;
    }
    .sector_internal_choose{
        padding: 0;
        margin-top: 10px;
    }
    .sector_internal_choose .welcome_img {
        padding-top: 72.5%;
    }
    .sector_internal_choose .welcome_left{
        margin-top: 12px;
    }
    .sector_faq_left,
    .sector_faq_right{
        width: 100%;
    }
    .sector_internal_choose .welcomr_text{
        margin: 0;
        max-width: none;
    }
    .sector_faq{
        margin: 25px 0 0;
    }
    .sector_looking_text h2{
        font-size: 26px;
        max-width: 300px;
        letter-spacing: -1.04px;
    }
    .sector_looking_text p{
        margin-bottom: 16px;
    }
    .sector_faq_right{
        margin-top: 21px;
    }
    .textimonial{
        margin-top: 30px;
    }
    .sector_our_work{
        margin-top: 40px;
    }
    .sector_our_work .main_work_slider{
        padding-top: 40px;
    }
    .about_us_img{
        display: none;
    }
    .about_us_text h2{
        font-size: 26px;
        letter-spacing: -1.04px;
    }
    .about_experts_col{
        padding: 40px 17.5px 0;
    }
    .about_value{
        margin-top: 40px;
		padding: 70px 0 94px;
    }
	.community_about_value {
		margin-top:50px;
	}
    .about_value_text span{
        font-weight: 600;
    }
    .about_value_text h2{
        font-size: 26px;
        letter-spacing: -1.04px;
    }
    .about_value_slider{
        margin-top: 31px;
    }
    .about_slid_main{
        padding: 0 12px;
    }
    .about_value_slide_text span{
        font-size: 14px;
    }
    .about_value_img {
        padding-top: 126.6%;
    }
    .form_expert_text h2{
        font-size: 26px;
        letter-spacing: -1.04px;
    }
    .experts_form{
        padding: 40px 0;
        margin-top: 40px;
    }
    .form_expert_send p:first-of-type {
        margin-bottom: 20px;
    }
    .experts_form .looking_num_btn {
        margin-top: 20px;
    }
    .expert_form_inn {
        padding: 40px 20px 40px;
    }
    .form_grp:not(:last-child) {
        margin-bottom: 20px;
    }
    .contact_logo_section{
        padding-bottom: 0;
    }
    .breadcrumb{
        display: none;
    }
    .join_team_slider{
        margin: 80px -47px 0;
        padding-left: 30px;
        padding-right: 29%;
    }
    .join_team_slider  .swiper-wrapper {
        left: -15px;
    }
    .join_team_slider {
        margin-left:-15px;
        width:auto;
    }
    .join_team_main {
        padding: 0 32px;
    }
    .join_team{
        padding: 40px 0;
    }
    .join_team_main_text h2{
        font-size: 26px;
        letter-spacing: -1.04px;
    }
    .join_team_main_text{
        max-width: 315px;
    }
    .vacancies_heading {
        display: none;
    }
    .vacancies_engineer {
        margin: 0 -5px;
    }
    .vacancies_text{
        max-width: none;
        width: auto;
        padding: 0 5px;
    }
    .vacancies_text:first-of-type{
        max-width: 100%;
    }
    .vacancies_engineer .vacancies_text:last-of-type{
        display: block;
    }
    .vacancies{
        margin: 40px 0 60px;
    }
    .vacancies_heading_text h2{
        font-size: 26px;
        letter-spacing: -1.04px;
    }
    .vacancies_job{
        margin-top: 0;
    }
    .vacancies_engineer{
        padding: 20px 0 18px;
    }
    .vacancies_text p{
        font-size: 14px;
        letter-spacing: -0.56px;
        line-height: 16px;
    }
    .vacancies_text h6{
        font-size: 22px;
        letter-spacing: -0.88px;
    }
    .vacancies_engineer .vacancies_text:nth-of-type(2){
        border-right: 1px solid var(--color3);
    }
    .vacancies_engineer{
        border-top: 0;
        border-bottom: 1px solid #D9D9D9;
    }
    .careers_desc_row {
        flex-direction: column;
    }
    .careers_desc_left,
    .careers_desc_right{
        width: 100%;
    }
    .careers_description{
        margin: 40px 0 0;
    }
    .careers_key h6{
        margin-bottom: 20px;
    }
    .careers_key{
        margin-bottom: 40px;
    }
    .careers_desc_intersted{
        padding: 25px 27px;
    }
    .careers_desc_right{
        margin-top: 40px;
    }
    .careers_desc_question{
        max-width: 315px;
        margin: 0 auto;
        padding: 30px;
    }
    .careers_desc_question h2{
        margin-bottom: 20px;
        font-size: 29px;
        letter-spacing: -1.16px;
    }
    .careers_desc_question p{
        margin-bottom: 32px;
    }
    .welcome_proud .partner_client_text span{
        font-size: 14px;
        letter-spacing: 1.96px;
    }
    .welcome_proud .partner_left_col{
        margin-top: 40px;
    }
    .welcome_proud .work_slider_slide{
        padding: 8.5px;
    }
    .welcome_proud .work_slider_inner {
        max-width: 111px;
        max-height: 42px;
    }
    .welcome_proud .work_slider_main {
        padding: 29px 16px 28px 20px;
    }
    .test_customer .latest_blog_arrow {
        display: flex;
    }
    .we_cover_section .we_cover_details h5{
        font-size: 24px;
        letter-spacing: -0.96px;
        line-height: 30px;
        max-width: 200px; 
        width: 100%;
    }
    .we_cover_section .we_cover_btn{
        display: none;
    }
    .we_cover_section .we_cover_details{
        left: 20px;
        transform: translate(0, -50%);
        text-align: left;
    }
    .we_cover_section .main_wrp_cover{
        margin-bottom: 15px;
        padding: 0 13px 0 0;
    }
    .hero_detail_center{
        top: auto;
        bottom: 54px;
        transform: translateY(0);
    }
    .home_hero_here {
        margin-top: -54px;
    }
    .top_section_hadding h2{
        font-size: 26px;
        line-height: 32px;
        letter-spacing: -1.04px;
    }
    .we_cover_section .top_section_hadding{
        text-align: left;
        margin: 0;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    } 
    .we_cover_section .textimonial_arrow {
        display: flex;
    }
    .test_customer .latest_blog_arrow  {
        justify-content: end; 
    }
    .welcome_proud .main_work_slider .work_slider:last-of-type{
        display: none;
    }
    .main_footer_cols p {

        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.42px;
    }
    .main_footer_cols h6 {
        font-weight: 600;
    } 
    .hero_btn {
        margin-top: 0px;
    }
    .main_footer_cols.business_footer_cols {
        margin-top: 0;
    }
    .we_cover_section.other_we_cover {
        margin-top: 40px;
    }
    body.home .we_cover_section {   
        margin-top: 60px;
    }
    .faq_open_close {
        margin-right: 5px;
    }
    .customar_textimonial {
        margin-top: 30px;
    }
    .test_customer .cust_left_info h2 {
        font-size: 26px;
        letter-spacing: -1.04px;
    }
    .col_one .swiper-slide:nth-child(odd):not(:first-child){
        margin: 0;
    }
    .col_one .swiper-wrapper{
        margin: 0;
    }
    .test_customer .test_cust_right{
        margin: 0;
    }
    .test_customer .test_list_col {
        margin-top: 40px;
    }
    .about_us {
        margin-top: 40px;
    }
    .we_cover_section .swiper-wrapper {
        padding-left: 15px;
    }
    .desk-only{
        display: none;
    }
    .mob-only{
        display: block;
    }
    .why_choose_bottom_bg svg, 
    .why_choose_bottom_bg img {
        height: auto;
    } 
    .why_choose_bottom_bg {
        bottom: 0;
    }
    body.sectors-template-default .our_work_section .work_top_section_hadding{
        display: flex;
    }
    .welcome_proud .work_slider_inner img{
        width: 100%;
        height: 100%;
    }
    .header_drop_btn .btn {   
        letter-spacing: -0.39px;
    } 
    .test_customer{
        padding-top: 40px;
    }
    body.page-id-321 section.top_logo_section {
        padding: 15px 0 0;
    }

}
@media only screen and (max-width: 640px){
    .main_footer_cols, .business_footer_cols {
        max-width: 100%;
    }
    .benefites_data_inn ul li {
        max-width: 100%;
    }
    .benefites_data_inn ul{
        max-width: 272px;
        margin: 0 auto;
    }
    .field_list_input{
        max-width: 100%;
    }
    .hero_btn .btn {
        padding: 10px 27px 12px;
    }
}
@media only screen and (max-width: 480px){
    .united_region p {
        font-size: 13px;
		color:#fff;
    }
    .drop_down_header_contact span {
        font-size: 13px;
        letter-spacing: -0.26px;
    }
    .united_img {
        max-width: 15px;
        height: 15px;
        width: 100%;
        margin-right: 7px;
    }
    .drop_down_header_contact {
        background-size: 10px;
    }
    .cbs_header_left img {
        width: 95px;
        height: 55px;
    }
	.cbs_header_left {
		position:static;
	}
	.cbs_header_left img {
		position:static;
	}
    .drop_down_header_contact ul li{
        font-size: 13px;
        letter-spacing: -0.26px;
    }
    .cbs_hc_r ul li a{
        font-size: 14px;
    }
    .cbs_header_left {
        padding: 11px 0;
    }
    .work_slider_row .work_slider_slide {
        width: 50%;
    }
    .we_cover_details p{
        max-width: 249px;
        margin: 6px auto 0;
    }
    .about_experts_col{
        width: 100%;
    }
    .we_cover_section .we_cover_img{
        padding-bottom: 40.3%; 
    }
    .we_cover_section .we_cover_details p{
        margin: 2px 0 0;
    }
    .other_we_cover .we_cover_img {
        padding-bottom: 53.3%; 
    }   
    .test_cust_bottom a {
        width: 100%;
    }
    .home_hero_wrp .small_detail_hero strong {
        display: block;
    }
    
}
@media only screen and (max-width: 370px){
    .header_drop_btn .btn {
        padding: 8px 5px 10px;
        font-size: 13px; 
    }
    .hero_detail_title h1 {
        font-size: 34px;
    }
    .test_cust_bottom a {
        font-size: 13px;
    }
    .nav_right>ul>li:first-child {
        flex-direction: column;
        padding: 8px 0;
    }
    .nav_right>ul>li .united_related {
       padding: 6px 0;
    }
    .header_bottom_dropdown span {
        padding-right: 19px;
        background-size: 12px;
    } 
    .faq_question_title h6 {
        font-size: 18px;
    }
    .looking_mail_btn .btn,
    .looking_num_btn .btn {
        padding: 9px 15px 10px;
        font-size: 13px;
    }
    .other_we_cover .we_cover_details p{
        font-size: 13px;
    }
    .we_cover_section .we_cover_img {
        padding-bottom: 54.3%;
    }
    .we_cover_section .we_cover_details p {
        font-size: 13px;
    }
}


/* ===============================================================
    02-09-2026 - START CAREER EMPLOYEE TESTIMONIALS RESPONSIVE HERE
=============================================================== */

@media only screen and (max-width: 991px) {

    .career-static-employee-testimonials {
        padding: 60px 0;
    }

    .career-static-employee-testimonials-slider-wrap {
        margin-top: 44px;
    }

    .career-static-employee-testimonials-slider {
        padding-left: 15px;
        padding-right: 16%;
    }

    .career-static-employee-testimonials-slider .swiper-wrapper {
        gap: 10px;
    }

    .career-static-employee-testimonial-item {
        padding: 0;
    }

    .career-static-employee-testimonial-card::before {
        height: 220px;
    }

    .career-static-employee-testimonial-image {
        width: calc(100% - 18px);
        max-width: none;
        height: 220px;
        margin-left: 18px;
    }

    .career-static-employee-testimonial-content {
        width: calc(100% - 18px);
        max-width: none;
        margin: 15px 0 0 18px;
        padding: 14px 17px 16px;
    }

    .career-static-employee-testimonials-slider-wrap::before {
        display: none;
    }

    .career-static-employee-testimonials-slider-wrap::after {
        width: 50px;
    }
}


@media only screen and (max-width: 767px) {

    .career-static-employee-testimonials {
        padding: 50px 0;
		        margin: 0px;
    }

    .career-static-employee-testimonials-top {
        position: relative;
        display: block;
    }

    .career-static-employee-testimonials-heading h2 {
        max-width: calc(100% - 105px);
    }

    .career-static-employee-testimonials-arrow {
        position: absolute;
        top: 0;
        right: 0;
    }

    .career-static-employee-testimonials-slider-wrap {
        margin-top: 40px;
    }

    .career-static-employee-testimonial-card::before {
        height: 160px;
    }

    .career-static-employee-testimonial-image {
        height: 160px;
    }

    .career-static-employee-testimonials-slider-wrap::after {
        width: 40px;
    }
}

/* ===============================================================
    02-09-2026 - END CAREER EMPLOYEE TESTIMONIALS RESPONSIVE HERE
=============================================================== */


/* ===============================================================
                    START RESPONSIVE CSS HERE
=============================================================== */