body{
    font-family: 'Segoe UI', sans-serif !important;
}

.ft14 {
    font-size: var(--ft14);
  }
  .ft15 {
    font-size: var(--ft15);
  }
  .ft16 {
    font-size: var(--ft16);
  }
  .ft18 {
    font-size: var(--ft18);
  }
  .ft20 {
    font-size: var(--ft20);
  }
  .ft23 {
    font-size: var(--ft23);
  }
  .ft27 {
    font-size: var(--ft27);
  }
  .ft28 {
    font-size: var(--ft28);
  }
  .ft30 {
    font-size: var(--ft30);
  }
  .ft32 {
    font-size: var(--ft32);
  }
  .ft38 {
    font-size: var(--ft38);
  }
  .ft40 {
    font-size: var(--ft40);
  }
  .ft44 {
    font-size: var(--ft44);
  }
  .ft48 {
    font-size: var(--ft48);
  }
  .ft60 {
    font-size: var(--ft60);
  }
  .ft64 {
    font-size: var(--ft64);
  }
  .ft68 {
    font-size: var(--ft68);
  }
  .ft80 {
    font-size: var(--ft80);
  }
  :root {
    --ft14: 14px;
    --ft15: 15px;
    --ft16: 16px;
    --ft18: 18px;
    --ft20: 20px;
    --ft23: 23px;
    --ft27: 27px;
    --ft28: 28px;
    --ft30: 30px;
    --ft32: 32px;
    --ft38: 38px;
    --ft40: 40px;
    --ft44: 44px;
    --ft48: 48px;
    --ft60: 60px;
    --ft64: 64px;
    --ft68: 68px;
    --ft80: 80px;
  }
  
  @media screen and (max-width: 1400px) {
    .what-we-do .we-do-img {
      max-width: 93% !important;
      height: 93% !important;
  }
  }
  
  @media (min-width: 1200px) and (max-width: 1359px) {
    :root {
      --ft18: 18px;
      --ft20: 20px;
      --ft23: 23px;
      --ft27: 26px;
      --ft28: 27px;
      --ft30: 29px;
      --ft32: 31px;
      --ft38: 37px;
      --ft40: 38px;
      --ft44: 42px;
      --ft48: 46px;
      --ft60: 57px;
      --ft64: 61px;
      --ft68: 65px;
      --ft80: 76px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    :root {
      --ft18: 17px;
      --ft20: 19px;
      --ft23: 22px;
      --ft27: 25px;
      --ft28: 26px;
      --ft30: 27px;
      --ft32: 29px;
      --ft38: 34px;
      --ft40: 35px;
      --ft44: 39px;
      --ft48: 42px;
      --ft60: 52px;
      --ft64: 55px;
      --ft68: 58px;
      --ft80: 68px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    :root {
      --ft18: 17px;
      --ft20: 18px;
      --ft23: 21px;
      --ft27: 23px;
      --ft28: 24px;
      --ft30: 25px;
      --ft32: 27px;
      --ft38: 31px;
      --ft40: 32px;
      --ft44: 35px;
      --ft48: 38px;
      --ft60: 46px;
      --ft64: 49px;
      --ft68: 51px;
      --ft80: 60px;
    }
  }
  @media (min-width: 576px) and (max-width: 767px) {
    :root {
      --ft18: 17px;
      --ft20: 18px;
      --ft23: 19px;
      --ft27: 21px;
      --ft28: 22px;
      --ft30: 23px;
      --ft32: 24px;
      --ft38: 27px;
      --ft40: 28px;
      --ft44: 30px;
      --ft48: 32px;
      --ft60: 38px;
      --ft64: 40px;
      --ft68: 42px;
      --ft80: 48px;
    }
  }
  @media (max-width: 575px) {
    :root {
      --ft18: 16px;
      --ft20: 17px;
      --ft23: 19px;
      --ft27: 20px;
      --ft28: 21px;
      --ft30: 22px;
      --ft32: 22px;
      --ft38: 25px;
      --ft40: 26px;
      --ft44: 28px;
      --ft48: 29px;
      --ft60: 35px;
      --ft64: 36px;
      --ft68: 38px;
      --ft80: 43px;
    }
  }
  .ui-ft14 {
    font-size: var(--ft14);
  }
  .ui-ft15 {
    font-size: var(--ft15);
  }
  .ui-ft16 {
    font-size: var(--ft16);
  }
  .ui-ft18 {
    font-size: var(--ft18);
  }
  .ui-ft20 {
    font-size: var(--ft20);
  }
  .ui-ft23 {
    font-size: var(--ft23);
  }
  .ui-ft27 {
    font-size: var(--ft27);
  }
  .ui-ft28 {
    font-size: var(--ft28);
  }
  .ui-ft30 {
    font-size: var(--ft30);
  }
  .ui-ft32 {
    font-size: var(--ft32);
  }
  .ui-ft38 {
    font-size: var(--ft38);
  }
  .ui-ft40 {
    font-size: var(--ft40);
  }
  .ui-ft44 {
    font-size: var(--ft44);
  }
  .ui-ft48 {
    font-size: var(--ft48);
  }
  .ui-ft60 {
    font-size: var(--ft60);
  }
  .ui-ft64 {
    font-size: var(--ft64);
  }
  .ui-ft68 {
    font-size: var(--ft68);
  }
  .ui-ft80 {
    font-size: var(--ft80);
  }
  :root {
    --res15: 15px;
    --res40: 40px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    :root {
      --res15: 13px;
      --res40: 35px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    :root {
      --res15: 11px;
      --res40: 30px;
    }
  }
  @media (min-width: 576px) and (max-width: 767px) {
    :root {
      --res15: 10px;
      --res40: 28px;
    }
  }
  @media (max-width: 575px) {
    :root {
      --res15: 8px;
      --res40: 20px;
    }
  }
  footer .contact-form-wrapper .btn {
    width: 209px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background-color: #262053;
    border-color: #262053;
  }
  @media (min-width: 1300px) {
    .container {
      max-width: 1280px;
      flex: 0 0 1280px;
    }
  }
  .btn.btn-secondary.purple.btn-bottom-box {
    transition: all 0.3s ease-in;
  }
  .btn.btn-secondary.purple.btn-bottom-box:hover {
    background-color: #1e4356;
    border-color: #1e4356;
  }
  .hover-box-shadow {
    box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease-in;
  }
  .hover-box-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
  .industries .shadow {
    box-shadow: 3px 13px 44px rgba(13, 10, 114, 0.24) !important;
  }
  .card-industries-slider .shadow {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease-in;
  }
  .card-industries-slider .shadow:hover {
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08) !important;
  }
  .conatiner-opportunity {
    color: #282c2c;
  }
  .conatiner-opportunity .hover-bg-white-shadow {
    transition: all 0.3s ease-in;
  }
  .conatiner-opportunity .hover-bg-white-shadow:hover {
    background-color: #fff;
  }
  .no-partner-crossline ~ footer .our-partners .section-title:after,
  .no-partner-crossline ~ footer .our-partners .section-title:before {
    display: none !important;
  }
  .text-white-menu li a {
    color: #fff !important;
    transition: all 0.3s ease-in;
  }
  .text-white-menu li a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .contact-form-wrapper .btn.btn-secondary {
    transition: background-color 0.3s ease-in !important;
  }
  .contact-form-wrapper .btn.btn-secondary:hover {
    background-color: #1e4356;
  }
  .work-with-us .btn.btn-primary {
    transition: background-color 0.3s ease-in !important;
  }
  .career-details-header header {
    position: absolute;
    z-index: 10;
    width: 100%;
  }
  .career-details-header .btn.btn-whtie {
    background-color: #1e4356;
    color: #fff;
    border: #1e4356;
  }
  .career-details-main {
    overflow: unset !important;
  }
  .career-details-main .carrer-apply {
    position: sticky;
    top: 20;
  }
  .career-cards .card-title {
    font-size: var(--ft18) !important;
  }
  .career-cards .card-content {
    color: rgba(38, 32, 83, 0.68);
  }
  .btn-secondary {
    background-color: #262053;
    border-color: #262053;
    color: #fff;
  }
  .btn-secondary:hover {
    background-color: #1e4356 !important;
    border-color: #1e4356 !important;
  }
  .mt40 {
    margin-top: var(--res40) !important;
  }
  .header-padding {
    padding-top: 120px;
  }
  .text-blue2 {
    color: #3d3866;
  }
  .hover-cyan:hover {
    background-color: #14d0c7 !important;
  }
  .position-relative {
    position: relative;
  }
  .features-item {
    margin-bottom: 30px;
  }
  .card-industries-slider .owl-stage-outer {
    overflow: visible !important;
  }
  .card-industries-slider .owl-stage-outer .owl-item {
    opacity: 0;
  }
  .card-industries-slider .owl-stage-outer .owl-item.active {
    opacity: 1;
  }
  .card-industries-slider
    .owl-stage-outer
    .owl-item.active
    + .owl-item:not(.active) {
    opacity: 0.4;
  }
  .card-industries-slider .owl-nav button {
    line-height: 76%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .card-industries-slider .owl-nav button.owl-next span {
    margin-left: 3px;
  }
  .bg-gradient-blue {
    background: rgb(110, 137, 255);
    background: -moz-linear-gradient(180deg, #6e89ff 0%, #08086d 100%);
    background: -webkit-linear-gradient(180deg, #6e89ff 0%, #08086d 100%);
    background: linear-gradient(180deg, #6e89ff 0%, #08086d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6e89ff",endColorstr="#08086d",GradientType=1);
  }
  .join-us {
    transition: background-color 0.3s ease-in, color 0.3s ease-in;
  }
  .join-us:hover {
    background-color: #fff !important;
    color: #262053 !important;
  }
  .btn.btn-primary {
    background-color: #1e4356;
    transition: all 1s ease-in-out;
  }
  .btn.btn-primary:hover {
    background-color: #262053 !important;
    border-color: #262053;
  }
  @media (max-width: 575.9px) {
    .contact-form-wrappe > p {
      padding-right: 45px !important;
      padding-left: 45px !important;
    }
    header .mobile-btn {
      max-width: 200px !important;
    }
    header .mobile-btn a span {
      font-size: 11px !important;
    }
    header{
      background-color: white !important;
    }
  }
  @media (max-width: 375.9px) {
    header .mobile-btn {
      max-width: 140px !important;
    }
    header .mobile-btn a {
      padding-left: 15px !important;
      padding-right: 5px !important;
    }
    header .mobile-btn a span {
      font-size: 11px !important;
    }
    header .mobile-btn a .nav-button-arrow img {
      margin-top: 4px !important;
    }
  }
  .areWeRight-banner {
    display: flex !important;
  }
  .areWeRight-banner .container {
    margin-top: auto !important;
    margin-bottom: auto !important;
    height: 250px;
    padding: 50px 0;
  }
  .dark-link {
    color: #262053;
    font-size: 0.75rem;
  }
  .dark-link:hover {
    color: #1e4356;
  }
  .object-fit {
    object-position: center;
    object-fit: cover;
  }
  .career-details-main ~ footer .contact-form-wrapper .btn.btn-primary {
    margin-bottom: -20px;
  }
  @media (min-width: 576px) {
    .row.sm-md-gutter {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .row.sm-md-gutter > [class*="col"] {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .row.sm-xs-gutter {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .row.sm-xs-gutter > [class*="col"] {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
  }
  @media (min-width: 768px) {
    .row.md-md-gutter {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .row.md-md-gutter > [class*="col"] {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .row.md-xs-gutter {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .row.md-xs-gutter > [class*="col"] {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
  }
  @media (min-width: 768px) and (max-width: 1199.9px) {
    .recent-content:not(.tab-wrap),
    .popular-content:not(.tab-wrap) {
      display: flex;
      flex-wrap: wrap;
      margin-left: -15px;
      margin-right: -15px;
    }
    .recent-content:not(.tab-wrap) > div,
    .popular-content:not(.tab-wrap) > div {
      max-width: calc(50% - 30px);
      flex: 0 0 calc(50% - 30px);
      margin-left: 15px;
      margin-right: 15px;
    }
  }
  @media (min-width: 992px) {
    .row.lg-xs-gutter {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .row.lg-xs-gutter > [class*="col"] {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .row.md-lg-gutter {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .row.md-lg-gutter > [class*="col"] {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .pt-lg160px {
      padding-top: 160px;
    }
    .b-lg--80 {
      bottom: -80px !important;
    }
    .mb-lg--80 {
      margin-bottom: -80px !important;
    }
    .lg-haf-white-sec {
      position: relative;
    }
    .lg-haf-white-sec:before {
      content: "";
      width: 100%;
      bottom: 0;
      position: absolute;
      left: 0;
      height: 125px;
      background-color: #f5f7fa;
    }
  }
  @media (min-width: 1200px) {
    .row.xl-md-gutter {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .row.xl-md-gutter > [class*="col"] {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .row.xl-xs-gutter {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .row.xl-xs-gutter > [class*="col"] {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .approch-list .approch-list-card {
      max-width: 300px !important;
      flex: 0 0 300px !important;
    }
  }
  #megamenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    max-height: 100vh;
    overflow: auto;
    display: none;
    letter-spacing: 0.074em;
  }
  #megamenu.megamenu-active {
    display: block;
  }
  @media (min-width: 1200px) {
    #megamenu:before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      left: 0;
      top: 0;
      position: fixed;
      z-index: -1;
      backdrop-filter: blur(3px);
    }
  }
  #megamenu .meagamenu-content {
    width: 100%;
    line-height: 3.5em;
    background-color: #fff;
    padding-bottom: 10px;
    padding-top: 30px;
  }
  #megamenu .meagamenu-content .megamenu-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #megamenu .meagamenu-content .megamenu-tabs li button {
    font-weight: 700;
    background-color: transparent !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    cursor: pointer;
  }
  @media (min-width: 1200px) {
    #megamenu .meagamenu-content .megamenu-tabs li button {
      font-size: 37px;
      border-bottom: 7px solid transparent !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    #megamenu .meagamenu-content .megamenu-tabs li button {
      font-size: 30px;
      border-bottom: 6px solid transparent !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991.9px) {
    #megamenu .meagamenu-content .megamenu-tabs li button {
      font-size: 22px;
      border-bottom: 5px solid transparent !important;
    }
  }
  @media (min-width: 576px) and (max-width: 767.9px) {
    #megamenu .meagamenu-content .megamenu-tabs li button {
      font-size: 18px;
      border-bottom: 3px solid transparent !important;
    }
  }
  #megamenu .meagamenu-content .megamenu-tabs li button.active {
    color: #1e4356;
    border-bottom-color: #1e4356 !important;
  }
  #megamenu .meagamenu-content .submenu-main-list {
    display: flex;
    padding-top: 30px;
  }
  #megamenu .meagamenu-content .submenu-1st-row {
    padding-left: 0px;
  }
  #megamenu .meagamenu-content .submenu-1st-row li {
    display: block;
    width: 100%;
    padding-right: 70px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.868' height='15.095' viewBox='0 0 8.868 15.095'%3E%3Cg id='left-and-right-arrows' transform='translate(0)'%3E%3Cg id='Group_98' data-name='Group 98' transform='translate(0)'%3E%3Cpath id='Path_85' data-name='Path 85' d='M110.105,6.958,103.388.241a.828.828,0,0,0-1.168,0l-.495.495a.827.827,0,0,0,0,1.168l5.641,5.641-5.647,5.647a.828.828,0,0,0,0,1.168l.495.494a.827.827,0,0,0,1.168,0l6.724-6.723a.833.833,0,0,0,0-1.172Z' transform='translate(-101.478 0)' fill='%23f60901'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: right 7px center;
    background-repeat: no-repeat;
    background-size: 6px;
  }
  #megamenu .meagamenu-content .submenu-1st-row li a.active {
    color: #1e4356 !important;
  }
  #megamenu .meagamenu-content .full-menu-list li {
    display: block;
    width: 100%;
  }
  #megamenu .meagamenu-content .submenu-2nd-row > li.show {
    display: block;
  }
  #megamenu .meagamenu-content .submenu-2nd-row > li.show li a {
    color: #262053;
  }
  #megamenu .meagamenu-content a {
    cursor: pointer;
    font-weight: 700;
    color: #262053;
  }
  #megamenu .meagamenu-content a:hover {
    color: #1e4356 !important;
  }
  #show-mega-menu {
    margin-top: 10px;
  }
  #show-mega-menu svg {
    font-size: 7px;
    width: 1em;
    margin-left: 11px;
    top: -2px;
    position: relative;
  }
  body.megamenu-show header li a.white-item:not(:hover) {
    color: #262053 !important;
  }
  @media (max-width: 1199.9px) {
    .home-page.menu-in .mobile-btn a[data-bs-target="#work-with-us-modal"] {
      display: none !important;
    }
    #megamenu {
      z-index: 10000000;
      height: 100vh;
      background-color: #fff;
    }
  }
  @media (min-width: 576px) {
    #megamenu .mobile-only-btn {
      display: none;
    }
    #megamenu .submenu-2nd-row > li:not(.show) {
      display: none;
    }
  }
  @media (max-width: 575.9px) {
    #megamenu {
      height: 100vh;
      background-color: #fff;
      z-index: 1000000;
    }
    #megamenu:before {
      display: none !important;
    }
    #megamenu .submenu-1st-row,
    #megamenu .megamenu-tabs {
      display: none !important;
    }
    #megamenu .tab-content .tab-pane {
      display: block !important;
    }
    #megamenu .tab-content .tab-pane.fade {
      opacity: 1 !important;
    }
    #megamenu .full-menu-list {
      width: 100%;
    }
    .megamenu-item-title,
    .mobile-only-btn {
      font-size: 12px !important;
      font-weight: 700 !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.096' height='8.869' viewBox='0 0 15.096 8.869'%3E%3Cg id='left-and-right-arrows' transform='translate(15.095 0) rotate(90)'%3E%3Cg id='Group_98' data-name='Group 98'%3E%3Cpath id='Path_85' data-name='Path 85' d='M110.105,6.958,103.388.241a.828.828,0,0,0-1.168,0l-.5.495a.827.827,0,0,0,0,1.168l5.641,5.641-5.647,5.647a.828.828,0,0,0,0,1.168l.5.494a.827.827,0,0,0,1.168,0l6.724-6.723a.833.833,0,0,0,0-1.172Z' transform='translate(-101.478)' fill='%23f60901'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      background-position: right 20px center;
      width: 100%;
      padding-right: 40px;
      background-repeat: no-repeat;
      color: #262053;
      text-align: left;
    }
    .megamenu-item-title.view-menu,
    .mobile-only-btn.view-menu {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.096' height='8.869' viewBox='0 0 15.096 8.869'%3E%3Cg id='left-and-right-arrows' transform='translate(0 8.869) rotate(-90)'%3E%3Cg id='Group_98' data-name='Group 98' transform='translate(0 0)'%3E%3Cpath id='Path_85' data-name='Path 85' d='M8.627,6.958,1.91.241a.828.828,0,0,0-1.168,0l-.5.495a.827.827,0,0,0,0,1.168L5.888,7.545.241,13.192a.828.828,0,0,0,0,1.168l.5.494a.827.827,0,0,0,1.168,0L8.628,8.131a.833.833,0,0,0,0-1.172Z' fill='%23f60901'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }
    ul li a {
      color: #262053;
    }
    .megamenu-item-title {
      background-size: 9px;
    }
    .mobile-only-btn {
      background-size: 7px;
    }
    .submenu-2nd-row {
      padding-left: 0px !important;
      display: none;
      margin-bottom: 0px !important;
    }
    .submenu-2nd-row ul {
      padding-left: 25px !important;
      display: none;
    }
    .submenu-2nd-row ul > li {
      display: block !important;
    }
    .meagamenu-content {
      padding-bottom: 20px !important;
      padding-top: 10px !important;
    }
  }
  header {
    position: fixed;
    top: 0;
    width: 100%;
  }
  /* @font-face {
    font-family: sans-serif !important;
    font-weight: 100;
    font-display: swap;
    src: local("Google Sans"), local("Google Sans"),
      url(fonts/ProductSans-Thin.ttf);
  }
  @font-face {
    font-family: "Google Sans";
    font-weight: 300;
    font-display: swap;
    src: local("Google Sans"), local("Google Sans"),
      url(fonts/ProductSans-Light.ttf);
  }
  @font-face {
    font-family: "Google Sans";
    font-weight: 400;
    font-display: swap;
    src: local("Google Sans"), local("Google Sans"),
      url(fonts/ProductSans-Regular.ttf);
  }
  @font-face {
    font-family: "Google Sans";
    font-weight: 500;
    font-display: swap;
    src: local("Google Sans"), local("Google Sans"),
      url(fonts/ProductSans-Medium.ttf);
  }
  @font-face {
    font-family: "Google Sans";
    font-weight: 700;
    font-display: swap;
    src: local("Google Sans"), local("Google Sans"),
      url(fonts/ProductSans-Bold.ttf);
  }
  @font-face {
    font-family: "Google Sans";
    font-weight: 900;
    font-display: swap;
    src: local("Google Sans"), local("Google Sans"),
      url(fonts/ProductSans-black.ttf);
  } */
  .btn.btn-primary,
  .btn.btn-secondary,
  main .explore {
    transition: all 0.2s ease-in;
  }
  .ft-g {
    font-family: 'Segoe UI', sans-serif !important;
  }
  .ft14 {
    font-size: calc(0.0455875vw + 13.125px);
  }
  .ltr0 {
    letter-spacing: 0em;
  }
  .line113 {
    line-height: 1.13em;
  }
  .line158 {
    line-height: 1.58em;
  }
  .line170 {
    line-height: 1.7em;
  }
  .mt-108,
  .my-108,
  .m-108 {
    margin-top: calc(-4.92345vw - 13.5px);
  }
  .mt0,
  .my0,
  .m0 {
    margin-top: calc(0vw + 0px);
  }
  .mb0,
  .my0,
  .m0 {
    margin-bottom: calc(0vw + 0px) !important;
  }
  .mb20,
  .my20,
  .m20 {
    margin-bottom: calc(0.91175vw + 2.5px) !important;
  }
  .ml0,
  .mx0,
  .m0 {
    margin-left: calc(0vw + 0px);
  }
  .mr0,
  .mx0,
  .m0 {
    margin-right: calc(0vw + 0px);
  }
  .pt24,
  .py24,
  .p24 {
    padding-top: calc(1.0941vw + 3px);
  }
  .pt25,
  .py25,
  .p25 {
    padding-top: calc(1.1396875vw + 3.125px);
  }
  .pt90,
  .py90,
  .p90 {
    padding-top: calc(4.102875vw + 11.25px);
  }
  .pb0,
  .py0,
  .p0 {
    padding-bottom: calc(0vw + 0px);
  }
  .pb8,
  .py8,
  .p8 {
    padding-bottom: calc(0.3647vw + 1px);
  }
  .pb10,
  .py10,
  .p10 {
    padding-bottom: calc(0.455875vw + 1.25px);
  }
  .pb24,
  .py24,
  .p24 {
    padding-bottom: calc(1.0941vw + 3px);
  }
  .pl0,
  .px0,
  .p0 {
    padding-left: calc(0vw + 0px);
  }
  .pl65,
  .px65,
  .p65 {
    padding-left: calc(2.9631875vw + 8.125px);
  }
  .pr0,
  .px0,
  .p0 {
    padding-right: calc(0vw + 0px);
  }
  .pr120,
  .px120,
  .p120 {
    padding-right: calc(5.4705vw + 15px);
  }
  .pr175,
  .px175,
  .p175 {
    padding-right: calc(7.9778125vw + 21.875px);
  }
  @media (min-width: 1920px) {
    .pt24,
    .py24,
    .p24 {
      padding-top: 24px;
    }
    .pt25,
    .py25,
    .p25 {
      padding-top: 25px;
    }
    .pt90,
    .py90,
    .p90 {
      padding-top: 90px;
    }
    .pr0,
    .px0,
    .p0 {
      padding-right: 0px;
    }
    .pr120,
    .px120,
    .p120 {
      padding-right: 120px;
    }
    .pr175,
    .px175,
    .p175 {
      padding-right: 175px;
    }
    .pb0,
    .py0,
    .p0 {
      padding-bottom: 0px;
    }
    .pb8,
    .py8,
    .p8 {
      padding-bottom: 8px;
    }
    .pb10,
    .py10,
    .p10 {
      padding-bottom: 10px;
    }
    .pb24,
    .py24,
    .p24 {
      padding-bottom: 24px;
    }
    .pl0,
    .px0,
    .p0 {
      padding-left: 0px;
    }
    .pl65,
    .px65,
    .p65 {
      padding-left: 65px;
    }
    .mt-108,
    .my-108,
    .m-108 {
      margin-top: -108px;
    }
    .mt0,
    .my0,
    .m0 {
      margin-top: 0px;
    }
    .mr0,
    .mx0,
    .m0 {
      margin-right: 0px;
    }
    .mb0,
    .my0,
    .m0 {
      margin-bottom: 0px;
    }
    .mb20,
    .my20,
    .m20 {
      margin-bottom: 20px;
    }
    .ml0,
    .mx0,
    .m0 {
      margin-left: 0px;
    }
    .ft14 {
      font-size: 14px;
    }
    .ft16 {
      font-size: 16px;
    }
    .ft27 {
      font-size: 27px;
    }
  }
  /* @font-face {
    font-family: SansRegular;
    src: url(../assets/fonts/GoogleSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: SansItalic;
    src: url(../assets/fonts/GoogleSans-Italic.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: SansMedium;
    src: url(../assets/fonts/GoogleSans-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: SansMediumItalic;
    src: url(../assets/fonts/GoogleSans-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: SansBold;
    src: url(../assets/fonts/GoogleSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: SansBoldItalic;
    src: url(../assets/fonts/GoogleSans-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "icomoon";
    src: url("fonts/icomoon.eot?4nl11i");
    src: url("fonts/icomoon.eot?4nl11i#iefix") format("embedded-opentype"),
      url("fonts/icomoon.ttf?4nl11i") format("truetype"),
      url("fonts/icomoon.woff?4nl11i") format("woff"),
      url("fonts/icomoon.svg?4nl11i#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  } */
  [class^="icon-"],
  [class*=" icon-"] {
    /* font-family: "icomoon" !important; */
    speak-as: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-arrow-right2:before {
    content: "";
  }
  .icon-arrow-left2:before {
    content: "";
  }
  .icon-radio-checked:before {
    content: "";
  }
  .icon-email:before {
    content: "";
  }
  .icon-phone-call:before {
    content: "";
  }
  html,
  body {
    margin: 0;
  }
  body {
    line-height: 1.5;
    color: #262053;
    font-size: 16px;
    font-family:  'Segoe UI', sans-serif !important;
    background: #f5f7fa 0% 0% no-repeat;
  }
  .index ul {
    list-style: none;
  }
  .index ul li {
    display: inline-block;
  }
  ul:first-of-type {
  list-style-type: none !important; /* removes bullets */
}

  section.home-banner-sec {
    position: relative;
  }
  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    
  }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  .text-grey {
    color: #777;
  }
  .text-white {
    color: #fff !important;
  }
  .text-red {
    color: #1e4356;
  }
  .text-black {
    color: #000;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .bold {
    /* font-family: SansBold; */
    font-weight: 600;
  }.semi_bold{
    font-weight: 500;
  }
  .italic {
    font-family:'Segoe UI', sans-serif !important;
  }
  .underline {
    text-decoration: underline;
  }
  .text-x-small {
    font-size: 0.75rem;
  }
  .text-small {
    font-size: 0.9rem;
  }
  .text-medium {
    font-size: var(--ft28);
  }
  .text-large {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .text-x-large {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  .w-60 {
    width: 60%;
  }
  .btn.btn-primary {
    background: #1e4356;
    height: 40px;
    padding: 7px 30px;
    font-size: var(--ft15);
    border-radius: 10px;
    border: 1px solid #1e4356;
  }
  .btn.btn-secondary {
    background: #262053;
    height: 40px;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #262053;
  }
  .background-red {
    background: #68a4c4;
    height: 350px;
    position: absolute;
    z-index: 0;
    left: 0;
    width: 100%;
  }
  @media (max-width: 992px) {
    .recent-work .owl-nav .owl-prev {
      top: 32px;
    }
    .recent-work .owl-nav .owl-next {
      top: 32px;
    }
  }
  @media (min-width: 1300px) {
    .container {
      max-width: 1280px;
      flex: 0 0 1280px;
    }
    header .container.d-block {
      max-width: 1343px;
    }
    header nav .nav-links-col .nav-links-wrap .nav-links {
      margin-bottom: 0px;
      display: flex;
      align-items: center;
      /* padding-left: ; */
    }
  }
  @media (min-width: 1300px) {
    :root {
      --hafconpadding: calc(50vw - 650px);
      --hafcontainer: 620px;
      --container: 1240px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1299.9px) {
    :root {
      --hafconpadding: calc(50vw - 585px);
      --hafcontainer: 585px;
      --container: 1170px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    :root {
      --hafconpadding: calc(50vw - 495px);
      --hafcontainer: 495px;
      --container: 990px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.9px) {
    :root {
      --hafconpadding: calc(50vw - 405px);
      --hafcontainer: 405px;
      --container: 810px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.9px) {
    :root {
      --hafconpadding: calc(50vw - 285px);
      --hafcontainer: 285px;
      --container: 570px;
    }
  }
  @media (max-width: 575.9px) {
    :root {
      --hafconpadding: 50vw;
      --hafcontainer: 50%;
      --container: 100%;
    }
  }
  .instagramco{
    
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    border: 5px solid #ff006a;
    border-radius: 5px;
  }




#facebook-icon {
  /* background: #3b5998 ; */
  text-indent: -999em;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  /* border: 5px solid #3b5998; */
  border-bottom: 0;
  display: inline-block;
}
#facebook-icon ::before {
    background: #3b5998;;
    content: "/20";
    position: absolute;
    bottom: -30px;
    right: -37px;
    width: 40px;
    height: 90px;
    border: 20px solid #eee;
    border-radius: 25px;
  }
  #facebook-icon ::after {
    background: #eee;
    content: "/20";
    position: absolute;
    top: 50px;
    right: 5px;
    width: 55px;
    height: 20px;
  }

  header {
    position: fixed;
    width: 100%;
    z-index: 50000;
  }
  header nav .brand-logo {
    max-width: 100px;
    flex: 0 0 100px;
  }
  header nav .nav-links-col {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header nav .nav-links-col .nav-links-wrap .nav-links {
    margin-bottom: 0px;
  }
  header nav .nav-links-col .nav-links-wrap .nav-links li {
    padding: 0 30px;
  }
  header nav .nav-links-col .nav-links-wrap .nav-links li:nth-child(1) {
    padding-left: 0px;
  }
  header nav .nav-links-col .nav-links-wrap .nav-links li a {
    color: #262053;
    font-size: 16px;
    letter-spacing: 0.074em;
    font-weight: 700;
  }
  header nav .nav-links-col .nav-links-wrap .nav-links li a.white-item {
    color: #fff;
  }
  header nav .nav-links-col .nav-links-wrap .nav-links li a.btn {
    padding-top: 10px;
  }
  header nav .nav-links-col .nav-links-wrap .nav-links li a.nav-icon {
    font-size: 25px;
    bottom: -6px;
    position: relative;
  }
  main {
    background-color: #f5f7fa;
  }
  .loader {
    z-index: 10000000000;
  }
  .menu {
    cursor: pointer;
    z-index: 50000;
  }
  @media (max-width: 1299.9px) {
    header nav .nav-links-col .nav-links-wrap .nav-links li {
      padding: 0 15px;
    }
  }
  @media (max-width: 1199.9px) {
    .nav-links-wrap {
      display: none;
      position: fixed;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0;
      background-color: #fff;
    }
    .nav-links-wrap .nav-links {
      padding: 100px 50px;
      max-width: 500px;
      margin: auto;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
    .nav-links-wrap .nav-links li {
      width: 100%;
      padding: 8px 15px !important;
    }
    .nav-links-wrap .nav-links li a:not(.btn) {
      color: #262053 !important;
    }
    .nav-links-wrap .nav-links li:nth-child(1) {
      padding-left: 15px !important;
    }
    .nav-links-wrap .nav-links li a.first-white-item {
      padding-left: 0px !important;
    }
    .nav-links-wrap:before {
      content: "";
      height: 100%;
      position: absolute;
      right: 0;
      display: block;
      background-color: rgba(255, 5, 1, 0.8);
      transition: all 5s ease-in-out;
      width: 0;
      background-image: url(../images/logo.svg);
      background-repeat: no-repeat;
      background-position: center;
    }
    .nav-links-wrap.menu-show:before {
      -webkit-animation: widthto 0.8s ease-in-out 0.5s forwards;
      animation: widthto 0.8s ease-in-out 0.5s forwards;
    }
    .nav-links-wrap:not(.menu-show):before {
      -webkit-animation: widthfrom 0.8s ease-in-out 0s forwards;
      animation: widthfrom 0.8s ease-in-out 0s forwards;
    }
    .white-item img {
      -webkit-filter: brightness(0.7);
      filter: brightness(0.7);
    }
  }
  @-webkit-keyframes widthto {
    0% {
      width: 0%;
    }
    100% {
      width: calc(50vw - 100px);
    }
  }
  @keyframes widthto {
    0% {
      width: 0%;
    }
    100% {
      width: calc(50vw - 100px);
    }
  }
  @-webkit-keyframes widthfrom {
    100% {
      width: 0%;
    }
    0% {
      width: calc(50vw - 100px);
    }
  }
  @keyframes widthfrom {
    100% {
      width: 0%;
    }
    0% {
      width: calc(50vw - 100px);
    }
  }
  header {
    background-color: white;
    transition: all 0.3s ease-in-out;
    padding-bottom: 0px;
    box-shadow: 0 0 0 0 rgba(255, 5, 1, 0);
  }
  header .brand-logo img {
    max-height: 100px;
    width: 350px;
    transition: all 0.3s ease-in-out;
  }
  header.white-header {
    background-color: #fff;
    /* padding-bottom: 20px; */
    padding-top: 5px !important;
    box-shadow: 0 0 11px 0px rgba(255, 5, 1, 0.1);
  }
  header.white-header .white-item {
    color: #262053 !important;
  }
  /* header.white-header .brand-logo img{max-height:60px} */
  header .menu-btn {
    position: relative;
    width: 21px;
    height: 16px;
    margin-top: 3px;
    display: block;
  }
  header .menu-btn i {
    background-color: #fff;
    height: 3px;
    display: block;
    border-radius: 5px;
    position: absolute;
    transition: all 0.3s ease-in-out;
  }
  header .menu-btn i:nth-child(1) {
    width: 21px;
    top: 0;
  }
  header .menu-btn i:nth-child(2) {
    width: 15px;
    top: 6px;
    margin-left: 6px;
  }
  header .menu-btn i:nth-child(3) {
    width: 21px;
    top: 12px;
  }
  header .menu-btn:hover i {
    background-color: #1e4356;
  }
  header.white-header .menu-btn i {
    background-color: #262053;
  }
  header.white-header .menu-btn:hover i {
    background-color: #1e4356;
  }
  @media (max-width: 1200px) {
    header .nav-links-wrap.active-menu.menu-show + .menu .menu-btn i {
      background-color: #262053;
    }
    header .nav-links-wrap.active-menu.menu-show + .menu .menu-btn:hover i {
      background-color: #fff;
    }
  }
  .nav-links li a:not(.btn) {
    transition: all 0.3s ease-in-out;
  }
  .nav-links li a:not(.btn):hover {
    color: #1e4356 !important;
  }
  .btn.btn-primary:hover {
    background-color: #262053 !important;
    border-color: #262053 !important;
  }
  main {
    overflow: hidden;
  }
  main .explore {
    font-size: var(--ft20);
    padding-left: 50px;
    color: #262053;
  }
  main .explore:hover {
    color: #1e4356;
  }
  main .explore::before {
    content: "";
    width: 32px;
    border-bottom: solid 4px #1e4356;
    position: absolute;
    left: 0px;
    top: 12px;
    z-index: 0;
  }
  main .about-us-section {
    height: 600px;
    background-position: right -3rem top -10rem;
    background-repeat: no-repeat;
    position: relative;
  }
  @media (min-width: 992px) {
    main .about-us-section .inside-svg-sec {
      position: absolute;
      top: 0;
    }
  }
  main .section-title {
    font-family: 'Segoe UI', sans-serif !important;
    font-size: var(--ft40);
    line-height: 1.175em;
  }
  main p {
    letter-spacing: 0.8px;
    line-height: 1.5rem;
  }
  main .strategy {
    background: #fff;
  }
  main .strategy figure {
    margin: 0;
  }
  main .strategy .strategy-2 .align {
    left: 20px;
  }
  main .strategy .strategy-3 .align {
    right: 20px;
    bottom: 2px;
  }
  main .strategy .strategy-4 .align {
    left: 2px;
    bottom: 4px;
  }
  main .strategy .strategy-5 .align {
    right: 19px;
    bottom: 5px;
  }
  main .strategy .strategy-6 .align {
    left: 21px;
    bottom: 6px;
  }
  main .strategy .heading {
    font-size: 1.75rem;
    font-family: 'Segoe UI', sans-serif !important;
    margin-bottom: 20px;
  }
  main .work-with-us {
    background-image: url("../images/client.png");
    background-size: cover;
    height: 638px;
    background-position: center 100px;
    background-attachment: fixed;
  }
  main .work-with-us .title {
    line-height: 100%;
    letter-spacing: 3.3px;
    padding-top: 58px;
  }
  main .work-with-us .btn-primary {
    height: 52px;
    padding: 15px 45px;
  }
  main .recognition .title {
    font-size: 2.15rem;
    line-height: 1.25;
  }
  main .recognition .big {
    border-radius: 0px 10px 0px 0px;
    padding: 50px 110px 50px 30px;
    border: 1px solid #d6c6c6;
    background: #fff;
  }
  .box-wrap1 .box-1.big{
    border-radius: 10px 0px 0px 0px;
  }
  .web-grediant {
    opacity: 1;
    background: linear-gradient(#ffe310 0%, #ffbe10 100%);
  }
  main .recognition .small {
    width: 80%;
    border-radius: 0px 10px 0px 0px;
    padding: 40px 70px 40px 20px;
    border: 1px solid #d6c6c6;
    background: #fff;
  }
  main .recognition .box {
    cursor: pointer;
  }
  main .recognition .active {
    box-shadow: 0px 30px 60px #144b67;
    background: #1e4356 0% 0% no-repeat;
    border: 1px solid #1e4356;
    color: #fff;
  }
  main .recognition .border-bl {
    border-radius: 0px 0px 0px 10px;
  }
  main .recognition .border-br {
    border-radius: 0px 0px 10px 0px;
  }
  main .recognition .number {
    font-size: 2.5rem;
  }
  main .recognition .content {
    font-size: var(--ft15);
    line-height: 1.5;
    margin: 0;
  }
  main .client-review,
  main .all-clients {
    padding: 65px 0 20px;
  }
  main .client-review .wartermark-text,
  main .all-clients .wartermark-text {
    position: absolute;
    font-size: 17rem;
    left: -2%;
    top: -162px;
    opacity: 0.05;
  }
  main .client-review .review,
  main .all-clients .review {
    background: #fff;
    border-radius: 10px;
  }
  main .client-review .user-pic,
  main .all-clients .user-pic {
    width: 85px;
    position: absolute;
    bottom: 20px;
    right: 65px;
  }
  .testimonial-round {
  border-radius: 100px;
  overflow: hidden;
  }
  main .client-review .user-pic img,
  main .all-clients .user-pic img {
    width: 100%;
    
  }
  main .client-review .owl-item,
  main .all-clients .owl-item {
    padding-bottom: 60px;
  }
  main .all-clients .clients-link {
    cursor: pointer;
    /* margin-left: 50px; */
    position: relative;
    
  }
  main .all-clients .clients-link.active {
    color: #1e4356;
  }
  main .all-clients .clients-link.active::before {
    content: "";
    width: 32px;
    border-bottom: solid 4px #1e4356;
    position: absolute;
    left: -50px;
    top: 12px;
    z-index: 0;
  }
  main .industries-we-work .industries-svg {
    position: relative;
    bottom: 50px;
  }
  main .industries-we-work .owl-theme .owl-nav {
    position: relative;
    top: 19rem;
  }
  main .industries-we-work .owl-theme .owl-dots {
    display: none;
  }
  main .industries-we-work .we-work-navigation {
    /* background: url(); */
    background-repeat: no-repeat;
    background-size: cover;
    height: 164px;
    width: 80%;
    margin: auto;
    position: relative;
    margin: auto;
    margin-top: 70px;
    padding-top: 0px;
  }
  main .industries-we-work .we-work-navigation .nav {
    cursor: pointer;
  }
  main .industries-we-work .we-work-navigation .nav .we-wrk-img-wrap {
    width: 125px;
    height: 125px;
    box-shadow: 0px 5px 10px #00000010;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main .industries-we-work .we-work-navigation .nav .we-wrk-img-wrap img {
    max-width: 40px;
  }
  main .industries-we-work .we-work-navigation .nav p {
    position: relative;
    font-size: 1rem;
    width: 100%;
    text-align: center;
    padding-top: 15px !important;
  }
  main .recent-work .background-red {
    bottom: 0px;
    height: 54%;
  }
  main .recent-work .owl-carousel .owl-nav button.owl-next,
  main .recent-work .owl-carousel .owl-nav button.owl-prev {
    border: 2px solid #fff;
  }
  main .recent-work .owl-carousel .owl-nav button.owl-next span,
  main .recent-work .owl-carousel .owl-nav button.owl-prev span {
    top: -2px;
  }
  main .what-we-do .we-do-slider {
    position: relative;
    top: 70px;
  }
  main .what-we-do .we-do-slider .owl-dots {
    display: none;
  }
  main .what-we-do .we-do-slider .owl-next {
    position: absolute;
    top: 50%;
    right: 10%;
    width: 50px;
    height: 50px;
    background: transparent !important;
    font-size: 2rem;
    border: 1px solid #fff;
  }
  main .what-we-do .we-do-slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 50px;
    height: 50px;
    background: transparent !important;
    font-size: 2rem;
    border: 1px solid #fff;
  }
  main .what-we-do .we-do-slider .slider-text {
    position: absolute;
    width: 500px;
    left: 55%;
    top: 40%;
  }
  main .what-we-do .what-we-nav {
    position: absolute;
    z-index: 11;
  }
  main .what-we-do .what-we-nav .nav {
    cursor: pointer;
    padding: 1.4rem 2.2rem;
    background: #fff;
    border-right: 1px solid #c9c9c9;
  }
  main .what-we-do .what-we-nav .nav:first-child {
    border-radius: 10px 0px 0px 10px;
  }
  main .what-we-do .what-we-nav .nav:last-child {
    border: none;
    border-radius: 0px;
  }
  main .what-we-do .what-we-nav .nav img {
    margin-bottom: 20px;
    max-width: 48px;
  }
  main .what-we-do .what-we-nav .nav p {
    margin-bottom: 0;
    line-height: 22px;
  }
  main .what-we-do .what-we-nav .synced .nav {
    background: #fd0400;
    color: #fff;
  }
  main .what-we-do .what-we-nav .synced .nav img {
    filter: brightness(10);
  }
  main .fact-cards .card {
    border-radius: 10px;
    margin-bottom: 0.75rem;
  }
  main .fact-cards .card .icon-wrapper {
    border-radius: 10px 0px 30px 0px;
    height: 90px;
    width: 90px;
    display: flex;
    justify-content: center;
  }
  main .fact-cards .card .icon-wrapper.teal {
    background: #a9dcd6;
  }
  main .fact-cards .card .icon-wrapper.purple {
    background: #ccb5d3;
  }
  main .fact-cards .card .icon-wrapper.yellow {
    background: #fabf7d;
  }
  main .fact-cards .card .icon-wrapper.orange {
    background: #f9a586;
  }
  main .fact-cards .card .icon-wrapper.blue {
    background: #87bddf;
  }
  main .fact-cards .card .icon-wrapper.red {
    background: #f0969c;
  }
  main .fact-cards .card .icon-wrapper.lemon {
    background: #e1e98d;
  }
  main .fact-cards .card .icon-wrapper.green {
    background: #91d0b6;
  }
  main .fact-cards .card .icon-wrapper.grey {
    background: #b9caae;
  }
  main .fact-cards .card .card-content {
    padding: 2.2rem 2.2rem;
  }
  main .fact-cards .card .card-content .card-title {
    height: 3rem;
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  main .fact-cards .card .card-content .card-text {
    height: 5rem;
    font-size: 0.85rem;
    line-height: 1.5;
  }
  main .career-cards .card {
    padding: 2rem 2.1rem;
    border: none;
    border-radius: 10px;
    margin-bottom: 0.75rem;
  }
  main .career-cards .card .card-title {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  main .career-cards .card .card-centent {
    font-size: 0.85rem;
    line-height: 1.2;
  }
  main .testimonial-cards .card {
    padding: 4rem;
    border: none;
    background: #fff;
    box-shadow: 0px 20px 30px #00000017;
  }
  main .testimonial-cards .card::before {
    content: "ΓÇ£";
    font-family:'Segoe UI', sans-serif !important;
    position: absolute;
    left: 40%;
    bottom: 35%;
    font-size: 10rem;
    color: #1e4356;
    clear: both;
  }
  main .testimonial-cards .card::after {
    content: "";
    position: absolute;
    left: 4rem;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: 1rem solid #fff;
    clear: both;
  }
  main .testimonial-cards .card .content-left {
    width: 40%;
  }
  main .testimonial-cards .card .content-right {
    width: 60%;
    line-height: 2;
  }
  main .testimonial-banner {
    background: url(../images/testi-1.webp);
    height: 640px;
    margin-bottom: -6rem;
    background-position: right 18rem top;
    background-repeat: no-repeat;
  }
  .we-work-navigation .owl-item .we-wrk-img-wrap {
    background-color: #fff !important;
    transition: all 0.3s ease-in;
  }
  .we-work-navigation .owl-item .we-wrk-img-wrap img {
    filter: brightness(1);
    transition: all 0.3s ease-in;
  }
  .we-work-navigation .owl-item.active.center .we-wrk-img-wrap,
  .we-work-navigation .owl-item:hover .we-wrk-img-wrap {
    background-color: #1e4356 !important;
  }
  .we-work-navigation .owl-item.active.center .we-wrk-img-wrap img,
  .we-work-navigation .owl-item:hover .we-wrk-img-wrap img {
    filter: brightness(5);
  }
  @media (min-width: 1200px) {
    .we-work-navigation {
      background-size: 87% !important;
      background-position: center !important;
      height: 252px !important;
      width: 100% !important;
      margin-top: -108px !important;
      padding-top: 0px !important;
    }
    .we-work-navigation .owl-stage-outer {
      padding: 50px 0;
    }
    .we-work-navigation .owl-item {
      transition: all 0.2s ease-in;
    }
    .we-work-navigation .owl-item:not(.active) + .owl-item.active {
      margin-top: -50px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active {
      margin-top: 51px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active {
      margin-top: 90px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active {
      margin-top: 50px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active {
      margin-top: -50px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    .we-work-navigation {
      background-size: 87% !important;
      background-position: center !important;
      height: 252px !important;
      width: 100% !important;
      margin-top: 30px !important;
      padding-top: 0px !important;
    }
    .we-work-navigation .owl-stage-outer {
      padding: 50px 0;
    }
    .we-work-navigation .owl-item {
      transition: all 0.2s ease-in;
    }
    .we-work-navigation .owl-item:not(.active) + .owl-item.active {
      margin-top: -50px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active {
      margin-top: 51px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active {
      margin-top: 90px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active {
      margin-top: 50px;
    }
    .we-work-navigation
      .owl-item:not(.active)
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active
      + .owl-item.active {
      margin-top: -50px;
    }
  }
  .industries-we-work .owl-nav {
    top: 450px;
  }
  @media (max-width: 1200px) {
    .industries-we-work > .container.pt-5.mt-5 {
      padding-top: 0px !important;
    }
    .industries-we-work .owl-nav {
      display: none;
    }
  }
  .what-we-nav .owl-stage-outer {
    overflow: hidden;
    border-radius: 10px;
  }
  .what-we-nav .owl-stage {
    display: flex;
  }
  .what-we-nav .owl-stage .owl-item .nav {
    border-right: 1px solid #c9c9c9 !important;
    height: 100%;
    position: relative;
    z-index: 10;
  }
  .review .bold {
    color: #191919;
  }
  @media (max-width: 991.9px) {
    .industries-we-work {
      margin-bottom: 0px !important;
      padding-bottom: 20px !important;
    }
  }
  @media (max-width: 767.9px) {
    .recent-work.py-5.my-5 {
      margin-top: 0px !important;
      padding-bottom: 20px !important;
    }
  }
  .container2 {
    width: 100%;
    margin: auto;
    max-width: 1490px;
  }
  footer .contact-form-wrapper input::placeholder,
  footer .contact-form-wrapper textarea::placeholder {
    color: #000;
  }
  .owl-theme .owl-nav .disabled {
    opacity: 1;
  }
  footer .background-red {
    bottom: -90px;
  }
  footer .sepration {
    width: 100%;
    margin: 50px 0;
    font-size: 1.7rem;
    position: relative;
  }
  footer .sepration::before {
    content: "";
    width: 42%;
    border-bottom: solid 1px #777;
    position: absolute;
    left: 0;
    top: 18px;
    z-index: 0;
  }
  footer .sepration::after {
    content: "";
    width: 42%;
    border-bottom: solid 1px #777;
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 0;
  }
  footer .sepration h2 {
    width: auto;
    display: inline-block;
    z-index: 3;
    padding: 0 20px 0 20px; 
      font-size: 2rem;
  }
  footer .contact-form-wrapper {
    background: #fff;
    box-shadow: 0px 30px 60px #00000038;
    border: 1px solid #dedede;
    border-radius: 10px;
  }
  footer .contact-form-wrapper .form-title {
    font-size: 1.75rem;
  }
  footer .contact-form-wrapper input,
  footer .contact-form-wrapper textarea {
    background: #f2f2f2;
    border-radius: 30px;
    padding: 1rem 2rem;
    margin: 15px 0;
    height: auto;
    border: none !important;
  }
  footer .contact-form-wrapper .btn {
    position: relative;
    top: 20px;
  }
  footer .footer-wrapper {
    background: url("../images/footer.png") 0% 0% no-repeat padding-box;
    background-size: cover;
    padding: 100px 0 70px;
    top: 90px;
  }
  footer .footer-wrapper p {
    font-size: 0.85rem;
    margin-bottom: 8px;
    letter-spacing: 0.8px;
    line-height: 187%;
    opacity: 0.64;
  }
  footer .footer-wrapper .footer-title {
    margin-bottom: 35px;
  }
  footer .footer-wrapper .brochure {
    position: relative;
  }
  footer .footer-wrapper .brochure::after {
    content: "";
    width: 100%;
    border-bottom: solid 1px #777;
    position: absolute;
    right: 0;
    top: 12px;
    z-index: 0;
  }
  footer .footer-wrapper .right {
    text-align: right;
  }
  footer .overlay {
    position: relative;
    z-index: 0;
  }
  footer .overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2c2c2c;
    opacity: 0.85;
    z-index: -1;
  }
  a:hover,
  button:hover {
    text-decoration: none;
  }
  .heading {
    position: relative;
  }
  .heading span {
    display: block;
  }
  .home-banner-sec .banner-video-wrap {
    width: 50%;
    margin-left: 50%;
    margin-right: 0px;
    height: calc(100vh - 100px);
    min-height: 500px;
  }
  .home-banner-sec .banner-video-wrap figure {
    height: 100%;
    width: 100%;
  }
  .home-banner-sec .banner-video-wrap figure video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home-banner-sec .hero-text {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    height: calc(100vh - 100px);
    min-height: 500px;
    text-transform: uppercase;
  }
  .home-banner-sec .hero-text h1 {
    /* font-family: "Google Sans"; */
    font-size: var(--ft80);
    line-height: 0.9625em;
    font-weight: 700;
  }
  @media (min-width: 992px) {
    .home-banner-sec .hero-text {
      margin-left: var(--hafconpadding);
      max-width: var(--hafcontainer);
      display: flex;
      align-items: center;
      top: 0;
    }
  }
  .about-us-sec {
    position: relative;
    padding-top: calc(6.0631375vw + 16.625px);
    padding-bottom: calc(4.92345vw + 13.5px);
  }
  .about-us-sec .ch-video-wrap {
    width: 50%;
    margin-left: 50%;
  }
  @media (min-width: 992px) {
    .about-us-sec .about-us-content-wrap {
      margin-left: var(--hafconpadding);
      max-width: var(--hafcontainer);
      display: flex;
      flex-direction: column;
      align-items: center;
      top: 0;
    }
    .ch-video-wrap {
      position: absolute;
    }
  }
  .about-us-sec .about-us-content-wrap p {
    letter-spacing: 0.05em;
    line-height: 160%;
  }
  .client-list {
    padding-top: calc(2.279375vw + 6.25px);
    padding-bottom: calc(2.279375vw + 6.25px);
  }
  .bnr-video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  .inside-svg-sec {
    z-index: -1;
  }
  .what-we-nav .nav:not(.active) {
    position: relative;
    overflow: hidden;
    color: #262053;
    transition: color 0.3s ease-in-out;
  }
  .what-we-nav .nav:not(.active) img {
    filter: brightness(1);
    transition: all 0.3s ease-in-out;
  }
  .what-we-nav .owl-item.active.center .nav:before,
  .what-we-nav .nav:not(.active):before {
    content: "";
    height: 0;
    width: 0;
    border-radius: 500px;
    display: block;
    position: absolute;
    background-color: #1e4356;
    transition: all 0.5s ease-in-out;
    top: -50%;
    left: -50%;
    z-index: -1;
  }
  .what-we-nav .owl-item.active.center .nav,
  .what-we-nav .nav:not(.active):hover {
    color: #fff;
  }
  .what-we-nav .owl-item.active.center .nav img,
  .what-we-nav .nav:not(.active):hover img {
    filter: brightness(10);
  }
  .what-we-nav .owl-item.active.center .nav:before,
  .what-we-nav .nav:not(.active):hover:before {
    height: 200%;
    width: 200%;
  }
  .we-work-navigation {
    padding-top: 30px;
  }
  .we-work-navigation .nav {
    transition: background-color 0.3s ease-in-out;
  }
  .we-work-navigation .nav:before {
    transition: all 0.3s ease-in-out;
    filter: brightness(1);
    transform: rotate(0deg);
  }
  .we-work-navigation .nav:hover .we-wrk-img-wrap {
    background-color: #1e4356 !important;
  }
  .we-work-navigation .nav:hover .we-wrk-img-wrap:before {
    filter: brightness(10);
    transform: rotate(360deg);
  }
  .recognition .box {
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  .explore {
    transition: all 1s ease-in-out;
    letter-spacing: 0;
  }
  .explore:before {
    transition: all 0.3s ease-in-out;
  }
  .explore:hover::before {
    color: #262053;
  }
  @keyframes slideto {
    0% {
      left: 0px;
    }
    50% {
      left: 18px;
    }
    100% {
      left: 0px;
    }
  }
  .py80 {
    padding-top: calc(2.084vw + 40px);
    padding-bottom: calc(2.084vw + 40px);
  }
  .ch-bg-img-wrap {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .ch-bg-img-wrap .ch-bg-img {
    width: 100%;
    position: relative;
    z-index: 20;
  }
  .ch-bg-img-wrap video {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 20px solid #f5f7fa;
    border-right: none;
  }
  .recent-work .we-do-slider,
  .industries-we-work .we-do-slider,
  .what-we-do .we-do-slider {
    background-image: url(../images/cms-development-slider.svg);
    background-size: cover;
    background-position: center;
    padding: calc(1.8235vw + 35px) 0 calc(1.3025vw + 25px) 0;
  }
  .recent-work .we-do-img,
  .industries-we-work .we-do-img,
  .what-we-do .we-do-img {
    width: 100% !important;
  }
  .recent-work .owl-nav button,
  .industries-we-work .owl-nav button,
  .what-we-do .owl-nav button {
    display: flex;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }
  .recent-work .owl-nav button:after,
  .recent-work .owl-nav button:before,
  .industries-we-work .owl-nav button:after,
  .industries-we-work .owl-nav button:before,
  .what-we-do .owl-nav button:after,
  .what-we-do .owl-nav button:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    margin: auto;
    background-color: #1e4356;
    opacity: 0.5;
    transition: all 0.3s ease-in;
    margin: auto;
    z-index: 0;
    border-radius: 100px;
  }
  .recent-work .owl-nav button::before,
  .industries-we-work .owl-nav button::before,
  .what-we-do .owl-nav button::before {
    top: -25%;
    left: -25%;
  }
  .recent-work .owl-nav button:after,
  .industries-we-work .owl-nav button:after,
  .what-we-do .owl-nav button:after {
    transition-delay: 0.2s;
    right: -25%;
    bottom: -25%;
  }
  .recent-work .owl-nav button:hover,
  .industries-we-work .owl-nav button:hover,
  .what-we-do .owl-nav button:hover {
    border-color: #262053 !important;
    background-color: #262053 !important;
  }
  .recent-work .owl-nav button span,
  .industries-we-work .owl-nav button span,
  .what-we-do .owl-nav button span {
    position: relative;
    z-index: 10;
  }
  .what-we-do {
    position: relative;
    background: #f5f7fa;
    background: linear-gradient(0deg, #74aac2 44%, #f5f7fa 100%);
  }
  .what-we-do #we-do-slider-count {
    z-index: 5000000;
    position: absolute;
    width: 100%;
    bottom: 52px;
    text-align: center;
    color: #fff;
  }
  .what-we-do .owl-nav .owl-prev {
    left: calc(50vw - 640px) !important;
  }
  .what-we-do .owl-nav .owl-next {
    right: calc(50vw - 640px) !important;
  }
  .we-do-slide-logo-list {
    padding-left: 0px;
    padding-top: 15px;
  }
  .we-do-slide-logo-list li {
    display: inline-block;
    padding-right: 30px;
  }
  .we-do-slide-button {
    padding-left: 0px;
    padding-top: 15px;
    }
  .we-do-slide-button li {
    display: inline-block;
    padding-right: 15px;
  }
  .client-review {
    position: relative;
  }
  .client-review:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ecf1f5;
    width: 43%;
    height: 60%;
  }
  .recent-work .owl-nav button:after,
  .recent-work .owl-nav button:before,
  .industries-we-work .owl-nav button:after,
  .industries-we-work .owl-nav button:before {
    background-color: #262053 !important;
  }
  .industries-we-work {
    padding-bottom: 80px !important;
  }
  .recent-work .owl-nav .owl-prev {
    margin-right: 100px;
  }
  .recent-work .owl-nav .owl-next {
    margin-left: 100px;
  }
  .recent-work-link-wrap {
    position: relative;
    z-index: 100;
  }
  .recent-work-link-wrap .recent-work-all-project-link {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
    top: -49px;
    position: relative;
    letter-spacing: 0.7px;
  }
  .recognition-slider {
    width: 85%;
  }
  .recognition-slider .owl-item {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .recognition-slider .logo-icons {
    border: none;
  }
  .btn {
    position: relative;
    overflow: hidden;
  }
  .btn span {
    z-index: 20;
    position: relative;
  }
  .btn.btn-primary {
    background-color: #1e4356;
    transition: all 1s ease-in-out;
  }
  .btn.btn-primary:hover {
    background-color: #262053 !important;
  }
  .nav-button .nav-button-arrow {
    overflow: hidden;
    position: relative;
    width: 30px;
    display: inline-block;
    height: 14px;
    top: 1px;
  }
  .nav-button .nav-button-arrow img {
    position: relative;
  }
  .nav-button:hover .nav-button-arrow img {
    animation: slideRightLeft 0.7s ease-in forwards;
  }
  .nav-button .nav-we-do-button-arrow {
    overflow: hidden;
    position: relative;
    width: 30px;
    display: inline-block;
    height: 17px;
    top: 1px;
  }
  .nav-button .nav-we-do-button-arrow img {
    position: relative;
  }
  .nav-button:hover .nav-we-do-button-arrow img {
    animation: slideRightLeft 0.7s ease-in forwards;
  }
  .client-slider-review .item:hover .review {
    box-shadow: 2px 2px 0px 0px rgba(38, 32, 83, 0);
    transition: all 0.3s ease-in;
  }
  .client-slider-review .item:hover .review {
    box-shadow: 2px 2px 6px 0px rgba(38, 32, 83, 0.3);
    transition: all 0.3s ease-in;
  }
  @keyframes slideRightLeft {
    0% {
      left: 0px;
      opacity: 1;
    }
    48% {
      left: 40px;
      opacity: 1;
    }
    49% {
      left: 40px;
      opacity: 0;
    }
    50% {
      left: -40px;
      opacity: 0;
    }
    51% {
      left: -40px;
      opacity: 1;
    }
    100% {
      opacity: 1;
      left: 0px;
    }
  }
  .all-clients .clients-link {
    transition: color 0.3s ease-in-out;
  }
  .all-clients .clients-link:hover {
    color: #1e4356;
  }
  .all-clients .clients-link:not(.active):hover:before {
    opacity: 1;
  }
  .st0 {
    fill: none;
    stroke: #1e4356;
    stroke-width: 21;
  }
  .st1 {
    fill: #1e4356;
  }
  .st2 {
    fill: #fff;
  }
  .st3 {
    font-family:'Segoe UI', sans-serif !important;
  }
  .st4 {
    font-size: 38px;
  }
  .st5 {
    letter-spacing: 1;
  }
  .path-animation-area {
    position: relative;
  }
  .path-animation-area h3 {
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 100%;
  }
  .path-animation-area p {
    line-height: 160%;
    letter-spacing: 0.05em;
  }
  #strategy-attain-svg {
    position: absolute;
    height: 100%;
    width: 100%;
  }
  #strategy-attain-svg svg,
  #strategy-attain-svg svg text {
    font-family: 'Segoe UI', sans-serif !important;
    font-weight: 700;
  }
  #strategy-content-wrap {
    width: 100%;
  }
  @media (min-width: 1300px) {
    #strategy-content-wrap {
      padding-bottom: 250px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1299.9px) {
    #strategy-content-wrap {
      padding-bottom: 210px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    #strategy-content-wrap {
      padding-bottom: 180px;
    }
  }
  #strategy-content-wrap .strategy-content {
    display: flex;
    align-items: center;
    width: 75%;
    margin: auto;
  }
  @media (min-width: 1300px) {
    #strategy-content-wrap .strategy-content {
      padding-top: 195px;
      padding-bottom: 105px;
      height: 700px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1299.9px) {
    #strategy-content-wrap .strategy-content {
      padding-top: 155px;
      padding-bottom: 67px;
      height: 710px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    #strategy-content-wrap .strategy-content {
      height: 597px;
      padding-top: 130px;
      padding-bottom: 78px;
    }
  }
  #strategy-content-wrap .strategy-content .strategy-text {
    padding: 0 calc(1.367625vw + 3.75px);
  }
  #strategy-content-wrap .strategy-content .strategy-text p:nth-last-child(1) {
    margin-bottom: 0px;
  }
  #strategy-content-wrap .strategy-content .strategy-image {
    padding: 0 calc(1.367625vw + 3.75px);
  }
  .recent-work-slider .newtable tr td {
    border-collapse: separate;
    border-spacing: 15px;
    padding: 1%;
    position: relative;
  }
  .recent-work-slider .newtable tr td.center-img {
    width: 55%;
  }
  .recent-work-slider .newtable tr td.center-img .recent-img-wrap {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
  }
  .recent-work-slider .newtable tr td.center-img .recent-img-wrap img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .recent-work-slider .newtable tr td:not(.center-img) {
    width: 21%;
  }
  .recent-work-slider .newtable tr td:not(.center-img) .recent-img-wrap {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
  }
  .recent-work-slider .newtable tr td:not(.center-img) .recent-img-wrap img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .recent-work-slider .newtable tr td img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    position: absolute;
  }
  @media (min-width: 992px) {
    .recent-work-slider .owl-nav {
      top: 40px;
      position: relative;
    }
    .contact-form-wrapper {
      padding: 0 30px;
    }
    #strategy-content-wrap .strategy-content:nth-child(even) {
      flex-direction: row-reverse;
    }
    #strategy-content02,
    #strategy-content03,
    #strategy-content04,
    #strategy-content05,
    #strategy-content06 {
      filter: opacity(0);
      transform: translateY(30);
    }
    .strategy-content {
      filter: opacity(0);
    }
  }
  @media (min-width: 768px) and (max-width: 1199.9px) {
    .home-banner-sec .hero-text {
      display: flex;
      align-items: center;
    }
  }
  @media (max-width: 991.9px) {
    .ch-video-wrap {
      width: 80%;
      margin: auto;
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: 400px;
      padding-right: 30px;
    }
    #strategy-attain-svg {
      display: none;
    }
    #strategy-content-wrap {
      padding-bottom: 80px;
    }
    #strategy-content-wrap .strategy-content {
      flex-wrap: wrap;
      width: 100%;
      padding: 40px 0;
    }
    #strategy-content-wrap .strategy-content .strategy-image {
      width: 40%;
    }
    #strategy-content-wrap .strategy-content .strategy-image img {
      width: 100%;
    }
    #strategy-content-wrap .strategy-content .strategy-text {
      width: 60%;
    }
    .we-work-navigation {
      display: none;
    }
    .industries-we-work .container {
      padding-bottom: 0px !important;
      margin-bottom: 0px !important;
    }
    .industries-we-work .owl-nav {
      top: 50px !important;
    }
  }
  @media (max-width: 767.9px) {
    #strategy-content-wrap {
      padding-bottom: 40px;
    }
    #strategy-content-wrap .strategy-content {
      padding: 30px 0;
    }
    .banner-video-wrap {
      margin-left: 0px !important;
      width: 100% !important;
    }
    .banner-video-wrap figure {
      opacity: 0.4;
    }
    .hero-text {
      display: flex;
      margin: auto;
      width: 100%;
      max-width: var(--container);
      left: 0;
      right: 0;
      padding: 0 15px;
      display: flex;
      align-items: center;
    }
    .hero-text h1 {
      line-height: 150%;
    }
  }
  @media (max-width: 767.9px) {
    #strategy-content-wrap {
      padding-bottom: 20px;
    }
    #strategy-content-wrap .strategy-content {
      padding: 20px 0;
    }
    #strategy-content-wrap .strategy-content .strategy-image,
    #strategy-content-wrap .strategy-content .strategy-text {
      width: 100%;
      text-align: center;
    }
    #strategy-content-wrap .strategy-content .strategy-image {
      padding-bottom: 25px;
    }
    #strategy-content-wrap .strategy-content .strategy-image img {
      max-width: 200px;
    }
  }
  #stratergy-line-path {
    stroke-dasharray: 100000;
    stroke-dashoffset: 100000;
  }
  section.contact-us > .container {
    position: relative;
    z-index: 100;
  }
  #strategy-list-content {
    padding-bottom: calc(5.4705vw + 15px);
  }
  /*::-webkit-scrollbar {
    width: 4px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
    background: #1e4356;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #1e4356;
  }*/
  @media (min-width: 320px) and (max-width: 400px) {
    main .all-clients .wartermark-text,
    main .client-review .wartermark-text {
      font-size: 10rem !important;
      top: -120px !important;
    }
    main .strategy .strategy-3 .align {
      right: 12px !important;
    }
    main .strategy .strategy-4 .align {
      left: -5px !important;
    }
    main .strategy .strategy-5 .align {
      right: 11px !important;
    }
    main .strategy .strategy-6 .align {
      left: 1px !important;
    }
    main .recognition .big {
      padding: 2rem !important;
    }
    main .recognition .d-flex.mt-4 {
      margin-top: 1rem !important;
    }
    main .recognition .d-flex.mr-4 {
      margin-right: 1rem !important;
    }
    main .what-we-do .we-do-slider .slider-text {
      position: absolute;
      width: 275px !important;
      left: 15%;
      top: 20%;
    }
    main .what-we-do .we-do-slider .owl-prev,
    main .what-we-do .we-do-slider .owl-next {
      width: 30px !important;
      height: 30px !important;
      font-size: 1rem !important;
    }
  }
  @media (max-width: 575.98px) {
    body {
      font-size: 12px;
    }
    main .testimonial-banner {
      background-position: right 0rem top;
    }
    main .about-us-section {
      height: 600px;
      background-position: right -1rem top -6rem;
      background-size: contain;
    }
    main .recent-work .background-red {
      height: 280px;
    }
    main .recent-work .recent-work-slider .item img {
      height: 300px;
    }
    main .industries-we-work .we-work-slider .w-75 {
      width: 100% !important;
    }
    main .industries-we-work .owl-theme .owl-nav {
      position: relative;
      top: 12rem;
    }
    main .industries-we-work .we-work-navigation {
      border-top: 1px solid #cdcdcd;
      background: none;
      height: 50px;
      width: 100%;
    }
    main .industries-we-work .we-work-navigation.mb-5 {
      margin-bottom: 0 !important;
      margin-top: 2rem !important;
    }
    main .industries-we-work .we-work-navigation .nav {
      width: 50px;
      height: 50px;
    }
    main .industries-we-work .we-work-navigation .nav::before {
      width: 24px;
      height: 24px;
      top: 13px;
      left: 13px;
      background-size: cover;
    }
    main .industries-we-work .we-work-navigation .nav p {
      font-size: 0.6rem;
    }
    main .industries-we-work .we-work-navigation .nav.travel {
      bottom: 25px;
      left: 0px;
    }
    main .industries-we-work .we-work-navigation .nav.travel p {
      left: 5px;
      bottom: -50px;
    }
    main .industries-we-work .we-work-navigation .nav.govt {
      left: 80px;
      top: -26px;
    }
    main .industries-we-work .we-work-navigation .nav.govt p {
      left: -15px;
      bottom: -50px;
    }
    main .industries-we-work .we-work-navigation .nav.security {
      top: -26px;
      left: 175px;
    }
    main .industries-we-work .we-work-navigation .nav.security p {
      left: -2px;
      bottom: -50px;
    }
    main .industries-we-work .we-work-navigation .nav.security::before {
      width: 18px;
      top: 12px;
      left: 16px;
    }
    main .industries-we-work .we-work-navigation .nav.estate {
      top: -26px;
      right: 80px;
    }
    main .industries-we-work .we-work-navigation .nav.estate p {
      left: -10px;
      bottom: -50px;
      width: 150%;
    }
    main .industries-we-work .we-work-navigation .nav.travel-2 {
      bottom: 25px;
      right: 0px;
    }
    main .industries-we-work .we-work-navigation .nav.travel-2 p {
      left: 5px;
      bottom: -50px;
    }
    main .all-clients .wartermark-text,
    main .client-review .wartermark-text {
      font-size: 8rem;
      left: 0%;
      top: -80px;
    }
    main .strategy .heading {
      font-size: 1rem;
      margin-bottom: 5px;
    }
    main .strategy p {
      letter-spacing: 0 !important;
      line-height: 1rem !important;
    }
    main .strategy p.text-center {
      letter-spacing: 0 !important;
      line-height: 1.5rem !important;
      font-size: 1rem !important;
    }
    main .strategy .strategy-2 .align {
      left: 0px;
    }
    main .strategy .strategy-3 .align {
      right: 13px;
      bottom: 2px;
    }
    main .strategy .strategy-4 .align {
      left: -6px;
      bottom: 3px;
    }
    main .strategy .strategy-5 .align {
      right: 13px;
      bottom: 5px;
    }
    main .strategy .strategy-6 .align {
      left: 0px;
      bottom: 6px;
    }
    main .work-with-us {
      background-position: top;
    }
    main .work-with-us .title {
      line-height: 1.5;
      letter-spacing: 0.5px;
    }
    main .recognition .big {
      width: 100%;
      padding: 2rem 3rem 2rem 2rem;
    }
    main .recognition .small {
      width: 80%;
      padding: 2rem 0rem 1rem 1rem;
    }
    main .recognition .d-flex.mt-4 {
      margin-top: 1rem !important;
    }
    main .recognition .number {
      font-size: 2rem;
    }
    main .recognition .number.mb-5 {
      margin-bottom: 2rem !important;
    }
    main .what-we-do .what-we-nav {
      width: 100%;
      left: 0;
      overflow: auto;
    }
    main .what-we-do .what-we-nav .nav {
      padding: 1.2rem 1.6rem;
    }
    main .what-we-do .what-we-nav .nav img {
      height: 25%;
    }
    main .what-we-do .what-we-nav .nav p {
      line-height: 15px;
      font-size: 0.75rem;
      letter-spacing: 0;
    }
    main .what-we-do .we-do-slider .we-do img {
      height: 100%;
      width: auto;
    }
    main .what-we-do .we-do-slider .owl-prev,
    main .what-we-do .we-do-slider .owl-next {
      width: 30px;
      height: 30px;
      font-size: 1rem;
    }
    main .what-we-do .we-do-slider .owl-prev {
      top: 40%;
      left: 0%;
    }
    main .what-we-do .we-do-slider .owl-next {
      top: 40%;
      right: 0%;
    }
    main .what-we-do .we-do-slider .slider-text {
      position: absolute;
      width: 320px;
      left: 15%;
      top: 20%;
    }
    main .what-we-do .we-do-slider .slider-text .text-medium {
      font-size: 1.25rem;
    }
    main .what-we-do .we-do-slider .slider-text .text-small {
      font-size: 0.75rem;
    }
    footer .sepration::before {
      width: 0;
    }
    footer .sepration::after {
      width: 0;
    }
    footer form.px-5 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    footer .footer-wrapper {
      background-position: center;
    }
    footer .footer-wrapper p {
      font-size: 0.65rem;
    }
    footer .footer-wrapper .footer-title {
      margin-bottom: 18px;
      font-size: 1rem;
    }
    footer .footer-wrapper .right {
      text-align: left;
    }
    footer .footer-wrapper .brochure {
      font-size: 1rem;
    }
    footer .footer-wrapper .brochure::after {
      width: 0%;
      top: 9px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    body {
      font-size: 12px;
    }
    header .hero-section .hero-text {
      left: 0;
      height: calc(100vh - 90px);
    }
    header .hero-section .hero-text h1 {
      font-size: 4rem;
    }
    header .hero-section figure {
      width: 100%;
      opacity: 0.7;
      height: calc(100vh - 90px);
    }
    header .logo .w-25 {
      width: 18% !important;
    }
    main .testimonial-banner {
      background-position: right 0rem top;
    }
    main .about-us-section {
      height: 460px;
      background-position: right -1rem top -7rem;
      background-size: cover;
    }
    main .recent-work .background-red {
      height: 280px;
    }
    main .recent-work .recent-work-slider .item img {
      height: 350px;
    }
    main .industries-we-work .we-work-slider .w-75 {
      width: 100% !important;
    }
    main .industries-we-work .owl-theme .owl-nav {
      position: relative;
      top: 12rem;
    }
    main .industries-we-work .we-work-navigation {
      border-top: 1px solid #cdcdcd;
      background: none;
      height: 50px;
      width: 100%;
    }
    main .industries-we-work .we-work-navigation.mb-5 {
      margin-bottom: 0 !important;
    }
    main .industries-we-work .we-work-navigation .nav {
      width: 75px;
      height: 75px;
    }
    main .industries-we-work .we-work-navigation .nav::before {
      width: 32px;
      height: 32px;
      top: 17px;
      left: 18px;
    }
    main .industries-we-work .we-work-navigation .nav.travel {
      bottom: 15px;
      left: -50px;
    }
    main .industries-we-work .we-work-navigation .nav.travel p {
      left: 5px;
    }
    main .industries-we-work .we-work-navigation .nav.govt {
      left: 75px;
      top: -40px;
    }
    main .industries-we-work .we-work-navigation .nav.govt p {
      left: -28px;
    }
    main .industries-we-work .we-work-navigation .nav.security {
      top: -40px;
      left: 225px;
    }
    main .industries-we-work .we-work-navigation .nav.security p {
      left: -2px;
    }
    main .industries-we-work .we-work-navigation .nav.estate {
      top: -40px;
      right: 75px;
    }
    main .industries-we-work .we-work-navigation .nav.estate p {
      left: -10px;
      width: 150%;
    }
    main .industries-we-work .we-work-navigation .nav.travel-2 {
      bottom: 15px;
      right: -50px;
    }
    main .industries-we-work .we-work-navigation .nav.travel-2 p {
      left: 5px;
    }
    main .all-clients .wartermark-text,
    main .client-review .wartermark-text {
      font-size: 13rem;
      left: 0%;
      top: -150px;
    }
    main .strategy .heading {
      font-size: 1rem;
      margin-bottom: 5px;
    }
    main .strategy p {
      letter-spacing: 0 !important;
      line-height: 1.25rem !important;
      font-size: 0.75rem !important;
    }
    main .strategy p.text-center {
      letter-spacing: 0 !important;
      line-height: 1.5rem !important;
      font-size: 1.25rem !important;
    }
    main .strategy .strategy-2 .align {
      left: 0px;
    }
    main .strategy .strategy-3 .align {
      right: 18px;
      bottom: 2px;
    }
    main .strategy .strategy-4 .align {
      left: -8px;
      bottom: 3px;
    }
    main .strategy .strategy-5 .align {
      right: 18px;
      bottom: 5px;
    }
    main .strategy .strategy-6 .align {
      left: 0px;
      bottom: 6px;
    }
    main .work-with-us {
      background-position: top;
    }
    main .work-with-us .title {
      line-height: 1.5;
      letter-spacing: 0.5px;
    }
    main .recognition .big {
      width: 100%;
      padding: 3rem 3rem 2rem 3rem;
    }
    main .recognition .small {
      width: 80%;
      padding: 2rem 0rem 2rem 2rem;
    }
    main .recognition .d-flex.mt-4 {
      margin-top: 2rem !important;
    }
    main .recognition .number {
      font-size: 2rem;
    }
    main .recognition .number.mb-5 {
      margin-bottom: 2rem !important;
    }
    main .what-we-do .what-we-nav {
      width: 100%;
      left: 0;
      overflow: auto;
    }
    main .what-we-do .what-we-nav .nav {
      padding: 1.5rem 2rem;
    }
    main .what-we-do .what-we-nav .nav img {
      height: 25%;
    }
    main .what-we-do .what-we-nav .nav p {
      line-height: 15px;
      font-size: 0.75rem;
      letter-spacing: 0;
    }
    main .what-we-do .we-do-slider .we-do img {
      height: 100%;
      width: auto;
    }
    main .what-we-do .we-do-slider .owl-prev {
      top: 40%;
      left: 0%;
    }
    main .what-we-do .we-do-slider .owl-next {
      top: 40%;
      right: 0%;
    }
    main .what-we-do .we-do-slider .slider-text {
      position: absolute;
      width: 450px;
      left: 12%;
      top: 25%;
    }
    main .what-we-do .we-do-slider .slider-text .text-medium {
      font-size: 1.5rem;
    }
    main .what-we-do .we-do-slider .slider-text .text-small {
      font-size: 1rem;
    }
    footer .sepration::before {
      width: 0;
    }
    footer .sepration::after {
      width: 0;
    }
    footer form.px-5 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    footer .footer-wrapper {
      background-position: center;
    }
    footer .footer-wrapper p {
      font-size: 1rem;
    }
    footer .footer-wrapper .footer-title {
      margin-bottom: 20px;
      font-size: 1.25rem;
    }
    footer .footer-wrapper .right {
      text-align: left;
    }
    footer .footer-wrapper .brochure {
      font-size: 1rem;
    }
    footer .footer-wrapper .brochure::after {
      width: 0%;
      top: 9px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.8px) {
    body {
      font-size: 14px;
    }
    header .hero-section .hero-text {
      width: auto;
    }
    header .hero-section .hero-text h1 {
      font-size: 3.25rem;
      line-height: 1.25;
    }
    header .logo .w-25 {
      width: 15% !important;
    }
    main .testimonial-banner {
      background-position: right 0rem top;
    }
    main .about-us-section {
      height: 600px;
      background-position: right -3rem top 0rem;
      background-size: cover;
    }
    main .recent-work .background-red {
      height: 380px;
    }
    main .recent-work .recent-work-slider .item img {
      height: 450px;
    }
    main .industries-we-work .we-work-slider .w-75 {
      width: 100% !important;
    }
    main .all-clients .wartermark-text,
    main .client-review .wartermark-text {
      font-size: 15rem;
      left: 0%;
      top: -150px;
    }
    main .strategy .heading {
      font-size: 1.5rem;
      margin-bottom: 5px;
    }
    main .strategy p {
      letter-spacing: 0 !important;
      line-height: 1.5rem !important;
      font-size: 0.9rem !important;
    }
    main .strategy p.text-center {
      letter-spacing: 0 !important;
      line-height: 1.5rem !important;
      font-size: 1rem !important;
    }
    main .strategy .strategy-2 .align {
      left: 0px;
    }
    main .strategy .strategy-3 .align {
      right: 25px;
      bottom: 2px;
    }
    main .strategy .strategy-4 .align {
      left: -11px;
      bottom: 3px;
    }
    main .strategy .strategy-5 .align {
      right: 24px;
      bottom: 5px;
    }
    main .strategy .strategy-6 .align {
      left: 1px;
      bottom: 6px;
    }
    main .work-with-us {
      background-position: top;
    }
    main .work-with-us .title {
      line-height: 1.5;
      letter-spacing: 0.5px;
    }
    main .recognition .big {
      width: 100%;
      padding: 4rem;
    }
    main .recognition .small {
      width: 80%;
      padding: 2.5rem 2rem;
    }
    main .recognition .d-flex.mt-4 {
      margin-top: 3rem !important;
    }
    main .recognition .number {
      font-size: 2rem;
    }
    main .recognition .number.mb-5 {
      margin-bottom: 2rem !important;
    }
    main .what-we-do .what-we-nav {
      width: 100%;
      left: 0;
      overflow: auto;
    }
    main .what-we-do .what-we-nav .nav {
      padding: 1.75rem 2rem;
    }
    main .what-we-do .what-we-nav .nav img {
      height: 35%;
    }
    main .what-we-do .what-we-nav .nav p {
      line-height: 15px;
      font-size: 0.75rem;
      letter-spacing: 0;
    }
    main .what-we-do .we-do-slider .we-do {
      height: 450px;
    }
    main .what-we-do .we-do-slider .we-do img {
      height: 100%;
      width: auto;
    }
    main .what-we-do .we-do-slider .owl-prev {
      top: 40%;
      left: 5%;
    }
    main .what-we-do .we-do-slider .owl-next {
      top: 40%;
      right: 5%;
    }
    main .what-we-do .we-do-slider .slider-text {
      position: absolute;
      width: 500px;
      left: 20%;
      top: 30%;
    }
    main .what-we-do .we-do-slider .slider-text .text-medium {
      font-size: 1.5rem;
    }
    main .what-we-do .we-do-slider .slider-text .text-small {
      font-size: 1rem;
    }
    footer .sepration::before {
      width: 35%;
    }
    footer .sepration::after {
      width: 35%;
    }
    footer form.px-5 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    footer .footer-wrapper .brochure::after {
      width: 60%;
      top: 10px;
    }
  }
  @media (min-width: 992px) and (max-width: 1400px) {
    header .header-nav .menu-1 {
      padding-right: 0px;
    }
    header .header-nav .menu-2 {
      padding-left: 0px;
    }
    header .hero-section .hero-text h1 {
      font-size: 4.4rem;
      line-height: 1.25;
    }
    main .testimonial-banner {
      background-position: right 0rem top;
    }
    main .about-us-section {
      height: 600px;
      background-position: right -2rem top -15rem;
    }
    main .strategy .strategy-2 .align {
      left: 0px;
    }
    main .strategy .strategy-3 .align {
      right: 33px;
      bottom: 2px;
    }
    main .strategy .strategy-4 .align {
      left: -14px;
      bottom: 3px;
    }
    main .strategy .strategy-5 .align {
      right: 32px;
      bottom: 5px;
    }
    main .strategy .strategy-6 .align {
      left: 1.5px;
      bottom: 6px;
    }
    main .what-we-do .we-do-slider .we-do {
      height: 520px;
    }
    main .what-we-do .we-do-slider .we-do img {
      height: 100%;
      width: 100%;
    }
    main .what-we-do .we-do-slider .owl-prev {
      top: 40%;
      left: 3%;
    }
    main .what-we-do .we-do-slider .owl-next {
      top: 40%;
      right: 3%;
    }
    main .what-we-do .we-do-slider .slider-text {
      position: absolute;
      width: 425px;
      top: 30%;
    }
    footer .sepration::before {
      width: 38%;
    }
    footer .sepration::after {
      width: 38%;
    }
    footer .footer-wrapper .brochure::after {
      width: 70%;
      top: 10px;
    }
  }
  @media screen and (width: 1280px) {
    main .strategy .strategy-2 .align {
      left: 0px;
    }
    main .strategy .strategy-3 .align {
      right: 40px;
      bottom: 2px;
    }
    main .strategy .strategy-4 .align {
      left: -18px;
      bottom: 4px;
    }
    main .strategy .strategy-5 .align {
      right: 39px;
      bottom: 6px;
    }
    main .strategy .strategy-6 .align {
      left: 1.5px;
      bottom: 7px;
    }
  }
  @media (min-width: 1400px) {
    main .testimonial-banner {
      background-position: right 5rem top;
    }
    .about-us-section {
      height: 720px;
      background-position: right -2rem top -15rem;
    }
    .about-us-section.my-5 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
  }
  #clients-logo-list li {
    padding-bottom: calc(1.563vw + 20px);
  }
  a.text-primary {
    transition: all 0.3s ease-in;
  }
  a.text-primary:hover {
    color: #262053 !important;
  }
  .work-with-us {
    position: relative;
  }
  .work-with-us:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.4); */
  }
  body {
    width: 100vw;
    overflow-x: hidden;
  }
  .mobile-btn {
    width: 61%;
    text-align: center;
  }
  @media screen and (min-width: 1200px) {
    .mobile-btn {
      display: none;
    }
  }
  @media screen and (max-width: 3000px) {
    header nav .nav-links-col .nav-links-wrap .nav-links li {
      padding: 0 50px;
  }
  }
  @media screen and (max-width: 1500px) {
    header nav .nav-links-col .nav-links-wrap .nav-links li {
      padding: 0 25px;
  }
  }
  @media screen and (max-width: 1200px) {
    .home-banner-sec .banner-video-wrap {
      width: 50%;
      margin-right: 0px;
      height: calc(79vh - 100px);
      min-height: 498px;
    }
    section.client-list.py-2 {
      padding-top: 24px !important;
    }
    header .mobile-btn {
      max-width: 250px;
      margin-left: auto;
    }
    header .col.nav-links-col {
      max-width: 50px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.9px) {
    .recent-work {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    .work-with-us {
      max-height: 400px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.9px) {
    #strategy-content-wrap #strategy-content07,
    #strategy-content-wrap #strategy-content05,
    #strategy-content-wrap #strategy-content03 {
      flex-direction: row-reverse;
    }
    #strategy-content-wrap #strategy-content07 .strategy-text,
    #strategy-content-wrap #strategy-content05 .strategy-text,
    #strategy-content-wrap #strategy-content03 .strategy-text {
      text-align: right;
    }
  }
  @media screen and (max-width: 768px) {
    .we-do .col-md-6.my-auto.py80.pl65.pr175 {
      padding-right: 15px;
      padding-left: 15px;
    }
    .outer-client {
      justify-content: center;
    }
    main .industries-we-work .we-work-navigation .nav p {
      font-size: 0.6rem;
      left: 0px !important;
      bottom: 0 !important;
      font-size: 17px !important;
    }
      .we-do-slide-logo-list {
      padding-left: 0px;
      padding-top: 15px;
      display: flex;
    }
      .we-do-slide-button {
      padding-left: 0px;
      padding-top: 15px;
      display: flex;
    }
    main .recognition .title {
      font-size: 2.15rem;
      line-height: 1.25;
      text-align: center;
    }
    main .work-with-us {
      background-position: 79% bottom !important;
      background-repeat: no-repeat;
    }
    footer .footer-wrapper .brochure {
      font-size: 1rem;
      text-align: center;
    }
    footer .footer-wrapper .right img.h-75 {
      width: 100%;
    }
    main .recognition p {
      text-align: center;
      padding-right: 0 !important;
    }
    .recognition-slider {
      width: 100%;
    }
    main .recognition .title {
      font-size: 2.15rem;
      line-height: 46px;
      text-align: center;
    }
    .about-us-sec {
      position: relative;
      padding-top: calc(6.0631375vw + 16.625px);
      padding-bottom: calc(4.92345vw + 43.5px);
    }
    .we-do-slide-logo-list li {
      display: inline-block;
      padding-right: 0;
      width: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
    }
    .about-us-sec .ch-video-wrap {
      width: 100%;
      margin-left: 50%;
      min-width: 112%;
      margin-left: -37px !important;
      margin-right: 7px !important;
      padding-right: 0;
    }
    main .section-title {
      font-family: 'Segoe UI', sans-serif !important;
      text-align: center;
    }
    .about-us-sec .about-us-content-wrap p {
      letter-spacing: 0.05em;
      line-height: 160%;
      text-align: center;
      font-size: 17px;
    }
    .about-us-content .position-relative {
      display: flex;
      width: 100%;
      justify-content: center;
    }
    .what-we-do p {
      font-size: 19px;
    }
    main .what-we-do .what-we-nav .nav:last-child {
      border: none;
      margin-right: -4px;
      border-left: 1px solid #c9c9c9;
    }
    main .what-we-do .what-we-nav .nav {
      padding: 1.2rem 1.6rem;
    }
    main .what-we-do .what-we-nav .nav img {
      width: 94%;
      height: auto;
    }
    main .what-we-do .what-we-nav .nav p {
      line-height: 26px;
      font-size: 17px;
      letter-spacing: 0;
    }
    main .industries-we-work .we-work-navigation .nav {
      width: auto;
      height: auto;
    }
    main .industries-we-work .we-work-navigation {
      border-top: 0px solid #cdcdcd;
    }
    main .industries-we-work .we-work-navigation:after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      top: 13%;
      height: 2px;
      background-color: #d6d6d6;
      transform: translate(0px, 0px);
      z-index: -1;
    }
    main .industries-we-work .we-work-navigation {
      position: relative;
    }
    main .industries-we-work .we-work-navigation .nav.travel-2 p {
      left: 0px;
      bottom: 0;
      font-size: 17px;
    }
    .we-work-navigation .owl-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 110;
    }
    .we-work-navigation .owl-nav button span {
      left: 13px;
    }
    .we-work-navigation .owl-nav button.owl-prev {
      margin: 0 10px;
    }
    .industries-we-work {
      padding-bottom: 19px !important;
    }
    .recent-work.py-5.my-5 {
      margin-top: 0px !important;
      padding-bottom: 20px !important;
      padding-top: 10px !important;
    }
    main .industries-we-work .we-work-navigation {
      height: auto;
    }
    .recent-work-slider .newtable tr td:not(.center-img) {
      width: 12%;
      display: none;
    }
    .recent-work-slider .newtable tr td.center-img {
      width: 76%;
    }
    .round-no span {
      position: relative;
      background-color: #1e4356;
      color: #fff;
      font-size: 28px;
      border-radius: 50%;
      z-index: 2;
      width: 63px;
      font-weight: bold;
      height: 63px;
      display: flex;
      align-items: center;
      margin: 0 auto;
      justify-content: center;
    }
    .round-no span:after {
      height: 100px;
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      width: 20px;
      background-color: #1e4356;
      top: -19px;
      margin: 0 auto;
      z-index: -1;
    }
    .round-no {
      text-align: center;
      padding: 53px 0;
    }
    .round-no.first span:after {
      height: 100px;
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      width: 20px;
      background-color: #1e4356;
      top: 2px;
      margin: 0 auto;
      z-index: -1;
    }
    .partners-slider .w-75 {
      width: 100% !important;
    }
    .main .what-we-do .we-do-slider .we-do {
      height: auto !important;
    }
    .recent-work-slider .newtable tr td:not(.center-img) .recent-img-wrap {
      width: 100%;
      padding-bottom: 100%;
      overflow: hidden;
      position: relative;
      display: none;
    }
    #strategy-list-content {
      padding-bottom: calc(5.4705vw + 15px);
      display: none;
    }
    .what-we-nav .owl-stage-outer {
      overflow: hidden;
      border-radius: 0 !important;
    }
  }
  @media screen and (min-width: 768px) {
    .round-no {
      display: none;
    }
  }
  .what-we-nav .owl-item {
    z-index: 0;
  }
  .what-we-nav .owl-item.active {
    z-index: 1;
  }
  .what-we-nav
    .owl-item.active.active
    + .active
    + .active
    + .active
    + .active
    .nav,
  .what-we-nav .owl-item.active:nth-last-of-type(1) .nav {
    margin-right: -5px;
  }
  @media screen and (min-width: 1200px) {
    .recent-work-slider .owl-stage {
      pointer-events: none;
    }
  }
  .we-work-navigation .owl-item:not(.active):nth-child(5) {
    margin-top: -50px;
  }
  .we-work-navigation .owl-item:not(.active):nth-child(6) {
    margin-top: 51px;
  }
  .we-work-navigation .owl-item:not(.active):nth-child(7) {
    margin-top: 90px;
  }
  .we-work-navigation .owl-item:not(.active):nth-child(8) {
    margin-top: 50px;
  }
  .we-work-navigation .owl-item:not(.active):nth-child(9) {
    margin-top: -50px;
  }
  @media (max-width: 991.9px) {
    .ch-video-wrap {
      display: none !important;
    }
    .about-us-sec .container-fluid {
      max-width: 720px;
    }
    main .industries-we-work {
      padding-bottom: 0px !important;
    }
    main .industries-we-work .we-work-navigation {
      background-image: none !important;
      margin-bottom: 0px !important;
    }
    main .industries-we-work .we-work-navigation .nav .we-wrk-img-wrap {
      width: 50px !important;
      height: 50px !important;
    }
    main .industries-we-work .we-work-navigation .nav .we-wrk-img-wrap img {
      max-width: 25px;
    }
    main .industries-we-work .we-work-navigation .nav p {
      font-size: 0.8rem !important;
    }
    .pt-lg-xs-none {
      padding-top: 0 !important;
    }
    .pl-pr-lg-xs-none {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    #clients-logo-list {
      padding-left: 0px;
    }
    #clients-link-filter {
      display: flex ;
      justify-content: space-between;
    }
    #clients-link-filter .clients-link {
      margin-left: 0px !important;
    }
    #clients-link-filter .clients-link:before {
      width: 0;
      transition: width 0.3s ease-in;
      will-change: width;
      content: "";
      border-bottom: solid 4px #1e4356;
      position: absolute;
      left: -50px;
      top: 12px;
      z-index: 0;
      display: block !important;
    }
    #clients-link-filter .clients-link.active::before {
      display: none !important;
      width: 32px;
    }
    .our-partners .container,
    .client-list .container {
      max-width: 100% !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .our-partners .container .item img,
    .client-list .container .item img {
      max-width: 120px !important;
    }
    .recognition .pr120[class*="col"] {
      padding-right: 15px !important;
    }
    .recognition .recognition-slider {
      width: 100% !important;
    }
    .recognition .recognition-slider .logo-icons img {
      max-width: 100px !important;
    }
    .outer-client-wrap {
      display: flex;
      justify-content: center;
    }
    .let-design-better-work {
      font-size: calc(20px + 3vw) !important;
      padding-top: 0px !important;
      margin-bottom: 20px;
    }
    .work-with-us {
      height: auto !important;
      padding: calc(20px + 2vw) 0px !important;
    }
  }
  @media (max-width: 1299.9px) {
    .we-do-slider .owl-nav {
      display: none;
    }
  }
  @media (max-width: 575.9px) {
    #clients-logo-list {
      display: flex;
      flex-wrap: wrap;
    }
    #clients-logo-list li {
      max-width: 50%;
      flex: 0 0 50%;
    }
    #clients-logo-list li img {
      max-width: 100%;
    }
    #clients-link-filter {
      flex-wrap: wrap !important;
    }
    #clients-link-filter > div {
      padding-right: 20px;
    }
  }
  .banner-video-wrap {
    position: relative;
    overflow: hidden;
  }
  .banner-video-wrap:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f5f7fa;
    transition: all 1s ease-in;
    transform: translateX(0);
  }
  .banner-video-wrap video {
    filter: opacity(0);
    transition: all 1s ease-in;
    transform: scale(1.2);
  }
  #wrapper.banner-show-now .banner-video-wrap:after {
    transform: translateX(-100%);
  }
  #wrapper.banner-show-now .banner-video-wrap video {
    filter: opacity(1);
    transform: scale(1);
  }
  @media (max-width: 575.9px) {
    .what-we-do .about-us-content,
    .hero-text {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  .no-border {
    border: none !important;
  }
  body.our-clients-page #clients-link-filter {
    display: flex;
    justify-content: center;
  }
  body.our-clients-page #clients-link-filter .clients-link {
    margin-left: 0px !important;
    position: relative;
  }
  @media (min-width: 1200px) {
    body.our-clients-page #clients-link-filter .clients-link {
      padding: 0 30px;
      margin-bottom: 0px !important;
      padding-bottom: 10px;
      font-size: 20px !important;
    }
  }
  @media (min-width: 768px) and (max-width: 1199.9px) {
    body.our-clients-page #clients-link-filter .clients-link {
      padding: 0 30px;
      margin-bottom: 0px !important;
      padding-bottom: 10px;
      font-size: 16px !important;
    }
  }
  @media (min-width: 576px) and (max-width: 767.9px) {
    body.our-clients-page #clients-link-filter .clients-link {
      padding: 0 20px;
      margin-bottom: 0px !important;
      padding-bottom: 10px;
      font-size: 15px !important;
    }
    body.our-clients-page #clients-link-filter .clients-link:nth-child(1) {
      padding-left: 0px !important;
    }
    body.our-clients-page #clients-link-filter .clients-link:nth-last-child(1) {
      padding-right: 0px !important;
    }
  }
  @media (max-width: 575.9px) {
    body.our-clients-page #clients-link-filter .clients-link {
      width: 100%;
    }#lients-link-filter{
      display: inline-block;
      width: 100%;
    }
  }
  body.our-clients-page #clients-link-filter .clients-link:before {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }
  body.our-clients-page #clients-logo-list {
    margin-bottom: 0px !important;
  }
  @media (min-width: 992px) {
    body.our-clients-page #clients-logo-list li {
      width: 24%;
      display: inline-flex;
      justify-content: center;
    }
  }
  body.our-clients-page .our-clients-underline {
    margin-top: -2px !important;
  }
  body.our-clients-page
    header
    nav
    .nav-links-col
    .nav-links-wrap
    .nav-links
    li
    a.white-item {
    color: #262053;
  }
  .recent-work-slider .recent-img-wrap {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
  }
  .recent-work-slider .recent-img-wrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    transform: translateX(0);
    will-change: transform;
  }
  .recent-work-slider .recent-img-wrap img {
    transform: scale(1);
    will-change: transform;
    transition: transform 0.8s ease-in-out;
  }
  .recent-work-slider .recent-img-wrap:hover img {
    transform: scale(1.03);
  }
  .recent-work-slider .owl-item.active {
    pointer-events: all !important;
  }
  .recent-work-slider .owl-item.active .recent-img-wrap:after {
    animation: sliderWidthLeft 0.6s ease-in-out forwards;
  }
  .recent-work-slider .owl-item.active .recent-img-wrap.slider-img02:after {
    animation-delay: 0.6s !important;
  }
  .recent-work-slider .owl-item.active .recent-img-wrap.slider-img03:after {
    animation-delay: 1.3s !important;
  }
  .recent-work-slider .owl-item.active .recent-img-wrap.slider-img04:after {
    animation-delay: 2s !important;
  }
  .recent-work-slider .owl-item.active .recent-img-wrap.slider-img05:after {
    animation-delay: 2.7s !important;
  }
  
  
  @keyframes sliderWidthLeft {
      0%{
          transform: translateX(-100%)
      }
      100%{
          transform: translateX(100%)
      }    
     
    }
     
  /*# sourceMappingURL=homepage.css.map */
  header nav .nav-links-col .nav-links-wrap .nav-links li:nth-child(8) {
    padding: 0 25px;
  }
  .megamenu-show header {
    background-color: white !important;
  }
  .strategy-imgs img {
    width: 100%;
  }
  .icon-size img {
    height: 50px;
  }
  
  .recent-img-wrap:hover span {
    height: 100%;
    padding: 37% 15px 0 15px;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s linear 0s;
  }
  
  .recent-img-wrap span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 0 0 0;
    text-align: center;
    padding: 28px 15px 0 15px;
    height: 0;
    transition: all 0.3s linear 0s;
    overflow: hidden;
    color: #fff;
  }
  
  .icon-phone-call,
  .icon-email {
    font-size: 30px;
  }
  
  
  
  /* quick contact */
  
  .sticky_form{
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-align: center;
    text-orientation: sideways;
    position: fixed;
    z-index: 99999 !important;
    top: 0;
    right: 0;
    height: 250px;
    padding: 15px 0 0 0;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    z-index: 1;
    color: #fff;
    font-weight: 400;
    background-color: #1e4356;
    top: 28%;    
    border-radius: 0 15px 15px 0;
  }
  .quk-cnt {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-align: center;
    text-orientation: sideways;
    position: fixed;
    z-index: 99999 !important;
    top: 0;
    left: 1px;
    height: auto;
    padding: 20px 0px 17px 22px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    z-index: 1;
    color: #fff;
    font-weight: 400;
    background-color: #1e4356;
    top: 85px;
    border-radius: 0 15px 0px 0;
    width: 60px;
    height: 180px;
  }
  .sticky_form p{
  width: auto;
  height: auto;
  float: left;
  margin: 0;
  padding: 0;
  margin: 10px 0 0  10px;
  }
  .sticky_form:hover{
  color: #000 !important;
  cursor: pointer !important;
  transition: 0.5s;
  }
  .sticky_formicon{
  width: 50px;
  height: 60px;
  background-color: #000;
  float: right;
  padding: 0px 0 0 9px;
  border-radius: 0 0 15px 0;
  }
  
  /*---------------side nave start --------------------*/
  .quick-cont {
  padding-left: 50px;
  background-color: transparent;
  }
  .sidenav {
  height: auto;
  width: 59px;
  position: fixed;
  z-index: 999999;
  top: 60.8%;
  transform: translate(0,-50%);
  right: -9px;
  overflow: hidden;
  transition: 0.5s;
  padding-top: 30px;
  }
  .show-hide {
  width: 600px;
  }
  
  .sidenav a {
  /*padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
  }
  .sidenav a:hover {
  color: #f1f1f1;
  }
  .sidenav .closebtn {
  position: absolute;
  top: 41px;
  left: -35px;
  margin-left: 50px;
  }
  .closebtn img {
  transform: rotate(180deg);
  }
  .show-hide .closebtn img {
  transform: rotate(360deg);
  }
  
  .sidenav .closebtn:hover{
  color: #fe0144;
  cursor: pointer;
  }
  .sidenave_inner{
  width: 100%;
  height: 500px;
  float: left;
  padding: 50px;
  background-color: #1e4356;
  }
  .sidenave_inner .quick-form-control{
  border:0 !important;
  background-color: #fff;
  padding-left: 20px !important;
  border-radius: 15px !important;
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  color: #000 !important;
  height: 50px;
  width: 100%;
  }
  .form-group textarea {
  height: 120px !important;
  padding-top: 15px;
  }
  .sidenave_inner ::-webkit-input-placeholder {
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 15px;
  color: #000;
  }
  .sidenave_inner ::-moz-placeholder { 
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 15px;
  color:  #000;
  }
  .sidenave_inner :-ms-input-placeholder { 
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 15px;
  color:  #000;
  }
  .sidenave_inner :-moz-placeholder { 
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 15px;
  color:  #000;
  }
  .sidenave_inner .btn-secondary{
  width: 100%;
  background-color: #000 !important;
  text-transform: uppercase;
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 17px;
  border-radius: 5px !important;
  height: 50px;
  }
  .sidenave_head:before{
  width: 70px;
  height: 5px;
  background-color: #fff;
  content: "";
  position: absolute;
  bottom: -10px;
  }
  .sidenav:before {
  content: "";
  position: absolute;
  top: 30px;
  z-index: 0;
  left: 1px;
  width: 50px;
  height: 58px;
  background-color: #000;
  border-radius: 15px 0 0 0;
  }
  .modal .quick-form-control{
  border-radius: 0 !important;
  border:0 !important;
  }
  /*---------------side nave end --------------------*/
  /* quick contact */
  
  .full-list ul li {
    background-color: #fff;
    padding-top: 30px;
    border-radius: 10px;
    margin: 6px 4px;
  }
  .full-list ul {
    padding: 0;
  }
  .client-logo-scroll  {
    height: 400px;
    overflow: auto;
  }
  .our-client-back {
    background-size: contain;
    background-repeat: no-repeat;
    height: 155px;
    background-position: top center;
  
  }
  .loadMore {
    /* height: 518px; */
  
  }
  .ftr-img {
    height: 45px!important;
  }
  .ftr-img{
    height: 43px!important;
  
  }
  
  @media screen and (max-width: 600px) {
  .show-hide {
    width: 100%;
  }
  }