@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Heavy.eot");
    src: url("../fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Heavy.woff2") format("woff2"),
      url("../fonts/Gilroy-Heavy.woff") format("woff"),
      url("../fonts/Gilroy-Heavy.ttf") format("truetype"),
      url("../fonts/Gilroy-Heavy.svg#Gilroy-Heavy") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Medium.eot");
    src: url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Medium.woff2") format("woff2"),
      url("../fonts/Gilroy-Medium.woff") format("woff"),
      url("../fonts/Gilroy-Medium.ttf") format("truetype"),
      url("../fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-ExtraBold.eot");
    src: url("../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-ExtraBold.woff2") format("woff2"),
      url("../fonts/Gilroy-ExtraBold.woff") format("woff"),
      url("../fonts/Gilroy-ExtraBold.ttf") format("truetype"),
      url("../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Bold.eot");
    src: url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Bold.woff2") format("woff2"),
      url("../fonts/Gilroy-Bold.woff") format("woff"),
      url("../fonts/Gilroy-Bold.ttf") format("truetype"),
      url("../fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Black.eot");
    src: url("../fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Black.woff2") format("woff2"),
      url("../fonts/Gilroy-Black.woff") format("woff"),
      url("../fonts/Gilroy-Black.ttf") format("truetype"),
      url("../fonts/Gilroy-Black.svg#Gilroy-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Light.eot");
    src: url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Light.woff2") format("woff2"),
      url("../fonts/Gilroy-Light.woff") format("woff"),
      url("../fonts/Gilroy-Light.ttf") format("truetype"),
      url("../fonts/Gilroy-Light.svg#Gilroy-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-SemiBold.eot");
    src: url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-SemiBold.woff2") format("woff2"),
      url("../fonts/Gilroy-SemiBold.woff") format("woff"),
      url("../fonts/Gilroy-SemiBold.ttf") format("truetype"),
      url("../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Regular.eot");
    src: url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Regular.woff2") format("woff2"),
      url("../fonts/Gilroy-Regular.woff") format("woff"),
      url("../fonts/Gilroy-Regular.ttf") format("truetype"),
      url("../fonts/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-ThinItalic.eot");
    src: url("../fonts/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-ThinItalic.woff2") format("woff2"),
      url("../fonts/Gilroy-ThinItalic.woff") format("woff"),
      url("../fonts/Gilroy-ThinItalic.ttf") format("truetype"),
      url("../fonts/Gilroy-ThinItalic.svg#Gilroy-ThinItalic") format("svg");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Thin.eot");
    src: url("../fonts/Gilroy-Thin.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Thin.woff2") format("woff2"),
      url("../fonts/Gilroy-Thin.woff") format("woff"),
      url("../fonts/Gilroy-Thin.ttf") format("truetype"),
      url("../fonts/Gilroy-Thin.svg#Gilroy-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  :root {
    --whitebg: #fff;
    --whitecolor: #fff;
    --whitebborder: #fff;
    --brand-color: #3e2670;
    --brand-bg: #3e2670;
    --brand-border: #3e2670;
    --graycolor: #f3f4f6;
    --graybg: #f3f4f6;
    --grayborder: #f3f4f6;
    --black-color: #000;
    --blackcolor: #393939;
    --blackbg: #393939;
    --blackborder: #393939;
  }
  html,
  body {
    color: var(--blackcolor);
    background-color: var(--whitebg);
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-family: "Gilroy";
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  li {
    margin: 0;
    padding: 0px;
  }
  label {
    margin-bottom: 0;
    font-weight: 400;
  }
  p {
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: 500;
  }
  label {
    display: block;
    font-weight: 500;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  ul,
  li {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  li {
    font-weight: 500;
  }
  img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: inline-block;
    line-height: 0px;
  }
  a {
    text-decoration: none;
    display: inline-block;
  }
  a:focus {
    text-decoration: none;
    outline: none;
  }
  a:hover {
    text-decoration: none;
  }
  picture {
    display: block;
    line-height: 0px;
  }
  textarea {
    resize: none;
    border: 1px solid var(--grayborder);
    display: block;
    padding: 15px;
    width: 100%;
  }
  input:focus,
  button,
  input[type="submit"],
  input {
    outline: none;
  }
  input {
    border: 1px solid var(--grayborder);
    display: block;
    padding: 12px 15px;
    width: 100%;
    border-radius: 3px;
    font-family: "Gilroy";
  }
  input::placeholder {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 600;
  }
  input::-ms-input-placeholder {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 600;
  }
  input::-ms-input-placeholder {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 600;
  }
  textarea::placeholder {
    color: var(--dark-gray-color);
    font-size: 14px;
    font-weight: 600;
  }
  select:focus {
    outline: none;
  }
  textarea:focus {
    outline: none;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  /* Firefox */
  input[type="number"] {
    -moz-appearance: textfield;
  }
  .d-hidden {
    display: none;
  }
  .w-100 {
    width: 100% !important;
    display: block;
  }
  .container {
    max-width: 85%;
    margin: 0px auto;
    padding: 0px 15px;
  }
  .pt-0 {
    padding-top: 0px;
  }
  .row {
    display: flex;
    /* margin: 0px -15px; */
    flex-wrap: wrap;
  }
  .col-sm-2 {
    width: 16.66666667%;
    padding: 0px 15px;
  }
  .col-sm-3 {
    width: 25%;
    padding: 0px 15px;
  }
  .col-sm-4 {
    width: 33.33333333%;
    padding: 0px 15px;
  }
  .col-sm-5 {
    width: 41.66666667%;
    padding: 0px 15px;
  }
  .col-sm-6 {
    width: 50%;
    padding: 0px 15px;
  }
  .col-sm-7 {
    width: 58.33333333%;
    padding: 0px 15px;
  }
  .col-sm-8 {
    width: 66.666667%;
    padding: 0px 15px;
  }
  .col-sm-9 {
    width: 75%;
    padding: 0px 15px;
  }
  .col-sm-10 {
    width: 83.33333333%;
    padding: 0px 15px;
  }
  .col-sm-11 {
    width: 91.66666667%;
    padding: 0px 15px;
  }
  .col-sm-12 {
    width: 100%;
    padding: 0px 15px;
  }
  .text-right {
    text-align: right;
  }
  .text-left {
    text-align: left !important;
  }
  .flex-end {
    justify-content: flex-end;
  }
  .text-center {
    text-align: center;
  }
  .btn-white {
    color: #ffff;
    padding: 9px 25px 9px 25px;
    background: transparent;
    border: 1px solid #fff;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.7s !important;
    border-radius: 30px;
    min-width: 142px;
    text-align: left;
    cursor: pointer;
  }
  .brand-btn {
    color: #ffff;
    padding: 12px 25px 12px 25px;
    background: var(--brand-bg);
    border: 1px solid transparent;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.7s !important;
    border-radius: 30px;
    min-width: 168px;
    text-align: left;
    cursor: pointer;
    position: relative;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* width: fit-content;
    margin: auto; */
  }
  /* picture img {
    height: 600px;
    width: 100%;
  } */
  .brand-btn:hover {
    background: #0081a8;
    color: var(--brand-bg);
    background: transparent;
    border: 1px solid var(--brand-border);
  }
  .btn-white:hover {
    color: #fff;
  }
  .brand-btn::after {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 2px;
    margin-left: 5px;
    border-style: solid;
    border-color: var(--light-gray-color);
    border-width: 0px 3px 3px 0px;
    transform: rotate(-44deg);
    transition: border-width 150ms ease-in-out;
    top: 16px;
  }
  
  .xl-title {
    font-weight: bold;
    font-size: 78px;
    line-height: 80px;
  }
  .sm-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
  }
  .lg-title {
    font-weight: bold;
    font-size: 56px;
    line-height: 66px;
  }
  .small-heading {
    font-size: 16px;
    font-weight: bold;
  }
  
  /* new csss */
  .brand-gradient {
    background: linear-gradient(287.71deg, #d16cd6 -36.77%, #3d256f 73.84%);
  }
  .justify-content-center {
    justify-content: center;
  }
 
  .text-white {
    color: #fff;
  }
  .section-padding {
    padding: 100px 0;
  }
 
  /* picture img{height: 100vh;} */
  .paragraph-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: #616169;
    margin-bottom: 25px;
  }
  .common-bg-wrap {
    background-color: var(--graybg);
  }
  .d-grid {
    display: grid;
  }
  .learn-more {
    display: block;
    color: var(--brand-color);
    position: relative;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    text-transform: capitalize;
    cursor: pointer;
    margin-right: 13px;
  }
  .learn-more::after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 2px;
    border-style: solid;
    border-color: var(--light-gray-color);
    border-width: 0px 3px 3px 0px;
    transform: rotate(-44deg);
    transition: border-width 150ms ease-in-out;
    top: 6px;
    margin-left: 5px;
  }
  .testimonial-wrap .slick-next,
  .slick-prev,
  .case-study-slider .slick-next,
  .slick-prev,
  .grid-mobile-slider .slick-next,
  .slick-prev {
    width: 35px;
    height: 35px;
    background: #fff;
    border: none;
    font-size: 0px;
    border-radius: 30px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .testimonial-wrap .slick-prev,
  .case-study-slider .slick-prev,
  .grid-mobile-slider .slick-prev {
    left: 0;
  }
  .testimonial-wrap .slick-next {
    right: 7%;
  }
  .testimonial-wrap .slick-prev:after,
  .case-study-slider .slick-prev:after,
  .grid-mobile-slider .slick-prev:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 11px;
    height: 10px;
    width: 10px;
    border-top: 3px solid var(--brand-bg);
    border-right: 3px solid var(--brand-bg);
    transform: rotate(221deg);
    pointer-events: none;
    border-radius: 1px;
  }
  .testimonial-wrap .slick-next:after,
  .case-study-slider .slick-next:after,
  .grid-mobile-slider .slick-next:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 14px;
    height: 7px;
    width: 7px;
    border-top: 3px solid var(--brand-bg);
    border-right: 3px solid var(--brand-bg);
    transform: rotate(45deg);
    pointer-events: none;
    border-radius: 1px;
  }
  .case-study-slider .slick-next,
  .grid-mobile-slider .slick-next {
    right: 0px;
  }
  .testimonial-wrap .slick-arrow:hover,
  .case-study-slider .slick-arrow:hover {
    background-color: var(--brand-color);
  }
  .testimonial-wrap .slick-arrow:hover:after,
  .case-study-slider .slick-arrow:hover:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  .slick-next,
  .slick-prev {
    width: 35px;
    height: 35px;
    background: #fff;
    border: none;
    font-size: 0px;
    border-radius: 30px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .slick-prev {
    left: 0;
  }
  .testimonial-wrap .slick-next {
    right: 7%;
  }
  .slick-prev:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 11px;
    height: 10px;
    width: 10px;
    border-top: 3px solid var(--brand-bg);
    border-right: 3px solid var(--brand-bg);
    transform: rotate(221deg);
    pointer-events: none;
    border-radius: 1px;
  }
  .slick-next:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 14px;
    height: 10px;
    width: 10px;
    border-top: 3px solid var(--brand-bg);
    border-right: 3px solid var(--brand-bg);
    transform: rotate(45deg);
    pointer-events: none;
    border-radius: 1px;
  }
  .slick-next {
    right: 0px;
  }
  .slick-arrow:hover {
    background-color: var(--brand-color);
  }
  .slick-arrow:hover:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  .common-popup-overlay {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    transition: 0.3s;
    z-index: 999;
    display: none;
  }
  .join-us-pro {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    background-color: #fff;
    border-radius: 20px;
    padding: 40px 0px;
    padding-bottom: 0;
  }
  .close-button-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #e7e7e7;
    border-radius: 50%;
    outline: 0;
    border: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .close-layer {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: none;
  }
  .common-banner-wrap p::after {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
  }
  @keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }
  .ModalHeader img {
    width: 250px;
    display: block;
    margin: auto;
  }
  .close-button-modal svg {
    width: 15px;
    height: 15px;
  }
  .testimonial-wrap .slick-list {
    padding: 0 10% 0 0;
  }
  .d-flex {
    display: flex;
  }
  
  /* home page */
  html,
  body {
    scroll-behavior: smooth;
  }
 
 
  .row-left {
    width: 60%;
  }
  .row-right {
    width: 40%;
  }
  
  .common-banner-wrap .row {
    align-items: center;
  }
  .common-bg-wrap .row {
    align-items: center;
  }
  
  .common-banner-wrap-2 .lg-title {
    color: var(--brand-color);
  }
  .common-banner-wrap-2 p {
    color: var(--brand-color);
    margin-top: 25px;
    font-size: 20px;
    position: relative;
  }
  /* .fp-viewing-2, .fp-viewing-1 .fixed{
      background-color: red;
  } */
  .case-study-box {
    margin-top: 50px;
  }
  
  .case-study-box .case-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.11em;
    text-transform: capitalize;
    color: #a7a7af;
  }
  .case-box p {
    color: #616169;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 24px;
  }
  .case-study-box .case-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .common-banner-wrap-2 .brand-btn {
    margin-top: 25px;
  }
  
  /* .row-right img {
      width: 450px;
    } */
  .fp-watermark {
    display: none;
  }
  
  .hero-section-banner {
    display: none;
  }
  .container2 .row-left {
    width: 50%;
  }
  .container2 .row-right {
    width: 50%;
  }
  .row-2 {
    display: flex;
  }
  .row-2 .row-left {
    width: 40%;
  }
  .row-2 .row-right {
    width: 60%;
  }
  .client-content {
    position: relative;
  }
  .client-content span {
    display: block;
    text-align: center;
    /* padding-top: 25px; */
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
  }
  
 
  
  /* service page */
  .serviceFirstBanner {
    padding: 200px 0;
  }
  .serviceFirstBanner .lg-title {
    color: #fff !important;
  }
  .serviceFirstBanner.bg-icon:after {
    top: 75px;
  }
  .serviceFirstBanner .sm-title {
    margin-bottom: 8px;
  }
  .case-study-Service-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .digital-acc {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 50px;
  }
  .digital-acc .caseStudyBox {
    margin: 0;
  }
  .serviceImgBox {
    padding: 0;
  }
  .case-study-Service-block .caseStudyBox .caseboxInner p {
    padding: 0;
  }
  .blogBlock {
    margin-top: 50px;
  }
  .knowMore-Wrap {
    display: flex;
    align-items: end;
    justify-content: space-between;
  }
  .serviceImgBox img {
    border-radius: 22px;
  }
  .blog-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
  }
  .blogBlock p {
    padding-top: 15px !important;
  }
  .blog-wrap small {
    letter-spacing: 0 !important;
    font-weight: 700;
  }
  .case-study-Service-block .caseStudyBox {
    margin: 0;
  }
  .branding-slider {
    margin-top: 50px;
  }
  .brand-box {
/*    padding: 25px;*/
    padding: 0px 12px;
    border: 1px solid #d4d6db;
    border-radius: 20px;
    margin: 0 15px;
    min-width: 200px;
    margin-bottom: 10px;
    min-height: 82px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .main-brand-row {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
  .brand-box img {
    width: 160px;
    height: auto;
    margin: auto;
    display: block;
  }
  
  /* acc  */
  .acc-transform {
    gap: 150px;
  }
  .digital-acc .caseStudyBox .caseboxInner p {
    padding: 0;
  }
  .process-wrap p {
    font-size: 24px;
    line-height: 28px;
  }
  .process-wrap .lg-title {
    font-weight: 700;
  
    text-transform: capitalize;
    color: var(--brand-color);
  }
  .process-wrap p {
    font-weight: 500;
    text-transform: capitalize;
    color: #616169;
    margin-top: 15px;
    font-size: 20px;
    line-height: 26px;
  }
  
  /* new css */
  
  .why-choose {
    position: relative;
  }
  
  .choose-nav-slider {
    width: 50%;
  }
  .choose-nav-slider .choose-nav-tab {
    padding: 15px 0;
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid #d4d4dc;
  }
  .choose-nav-slider .choose-nav-tab .choose-content {
    width: 100%;
    padding-left: 0px;
  }
  .choose-nav-slider .choose-nav-tab .choose-icon {
    position: absolute;
    left: 0px;
    top: 3px;
    width: 35px;
    display: inline-block;
  }
  
  .choose-nav-slider .choose-nav-tab .choose-content .sm-title {
   
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    color: #616169;
  }
  .choose-nav-slider .choose-nav-tab .choose-content .sm-title::after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 2px;
    right: 7px;
    border-style: solid;
    border-color: var(--light-gray-color);
    border-width: 0px 3px 3px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    top: 9px;
  }
  
  .choose-nav-slider .choose-nav-tab .choose-content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize; 
    color: #616169;
    display: none;
    margin: 25px 0 40px 0;
    
  }
  .choose-nav-slider .slick-current .choose-nav-tab {
    background: var(--white-color);
  }
  .choose-nav-slider .slick-current .choose-nav-tab .choose-content p {
    display: block;
  }
  .choose-nav-slider
    .slick-current
    .choose-nav-tab
    .choose-content
    .sm-title::after {
    top: 19px;
    transform: rotate(-135deg);
  }
  /* .choose-nav-slider .slick-list{padding: 15px 30px;margin-right: -30px; } */
  .choose-slider {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .choose-slider img,
  
  .choose-slider img {
    width: 400px;
    margin: auto;
    display: block;
  }
  .why-choose-main {
    margin-top: 50px;
  }
  .choose-slider .item{
    display: none;
  }
  .choose-slider .item.active{
    display: block;
  }
  .inner-row  .sm-title{margin-top: 20px;}
  .building-digital .img-para-b .paragraph-content{margin-bottom: 0;padding-bottom: 0;}
  .choose-nav-slider .choose-nav-tab.active .choose-content  .content-remove{display: block;}
  
  /* case study page */
  .firstbox {
    padding-top: 150px !important;
  }
  .head-wrap-title .sm-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--brand-color);
    position: relative;
    margin-bottom: 5px;
  }
  .head-wrap-title .sm-title::after {
    content: "";
    position: absolute;
    width: 30px;
    background: #fff;
    border: 1.5px solid var(--brand-color);
    top: 11px;
  }
  .head-wrap-title .lg-title {
    font-weight: 700;
    text-transform: capitalize;
    color: #3e2670;
  }
  .secondSection .d-grid,
  .thirdSection .d-grid {
    grid-template-columns: 1fr 1fr;
  }
  
  .case-study-row-right .sm-title {
    font-size: 22px;
    line-height: 34px;
    text-transform: capitalize;
    color: #616169;
    margin-bottom: 20px;
  }
  /* .ask-img{margin-bottom: -300px;} */
  .ask-img img {
    border-radius: 20px;
  }
  .solution-box {
    background: #ffffff;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08);
    border-radius: 36px;
    padding: 30px 25px;
  }
  .solution-box .boxnumber {
    color: var(--brand-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    text-transform: capitalize;
    margin-bottom: 15px;
  }
  .fourthSection .d-grid {
    margin-top: 25px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 28px;
  }
  .solution-box .paragraph-content {
    color: #55555c;
    /* margin-bottom: 0 ; */
  }
  
  .result-main-box {
    width: 70%;
  }
  .fiveSection .sm-title {
    color: #fff;
  }
  .fiveSection .sm-title::after {
    border: 1.5px solid #fff;
  }
  .result-main-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 50px;
    gap: 40px;
  }
  .bg-icon {
    position: relative;
  }
  .bg-icon:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    background-image: url("../images/case-study/LyxelBrandVector.svg");
    width: 400px;
    height: 510px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .result-box .lg-title {
    color: #fff;
  }
  .result-box small,
  .result-box span {
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: #ffffff;
    padding: 10px 0;
    display: block;
  }
  
  .case-study-slider {
    margin: 50px -15px 0 -15px;
  }
  .caseStudyBox {
    margin: 15px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
    background: #ffffff;
    border-radius: 36px;
  }
  
  .caseboxInner small {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.11em;
    text-transform: capitalize;
    color: #a7a7af;
  }
  .caseboxInner p {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    color: #55555c;
    padding: 15px 0;
  }
  
  .caseImgBox {
    background: #f3f4f6;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
  }
  .case-content {
    padding: 25px;
  }
  .caseImgBox img {
    width: 160px;
  }
  .result-box span {
    opacity: 0.5;
  }
  
  .case-study-slider .slick-track {
    display: flex;
  }
  .case-study-slider .slick-slide {
    height: initial;
  }
  /* .img-para-b .paragraph-content {
    padding-bottom: 50px;
  } */
  .thirdRowpadding {
    padding-bottom: 0 !important;
  }
  .ask-img img {
    position: relative;
  }
  .ask-img picture img {
    height: auto !important;
  }
  .solution-section {
    background-color: #fff;
  }
  .grecaptcha-badge{display: none;}
  
  
  
  /* values page */
  .values-inner {
    text-align: center;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .value-heading-box .lg-title {
    font-weight: 700;
    font-size: 140px;
    line-height: 183px;
    letter-spacing: 0.7em;
    color: var(--brand-color);
    padding-left: 80px;
    text-transform: capitalize;
  }
  .missionInner .d-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .missionInner .d-grid .mission-box {
    background: #d16cd6;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.2);
    border-radius: 36px;
    padding: 34px;
    color: #fff;
    position: relative;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .missionInner .d-grid .mission-box p {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
  }
  .mission-img img {
    display: block;
    margin: auto;
  
  }
  .missionInner .d-grid .vision-box {
    background-color: #3e2670;
  }
  .core-value {
    background: #ffffff;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08);
    border-radius: 36px;
    padding: 65px 25px;
    text-align: center;
  }
  .core-value img {
    width: 200px;
    height: 200px;
  }
  .horizontal {
    width: 100%;
    height: 100%;
    position: relative;
  }
  section.horizontal {
    overflow-x: hidden;
  }
  section.horizontal .pin-wrap,
  section.horizontal .animation-wrap {
    display: flex;
    position: relative;
    z-index: 1;
    height: 100vh;
  }
  section.horizontal .item {
    position: relative;
    margin-left: 20px;
    flex: 0 0 350px;
    display: flex;
    align-items: center;
    line-height: 1.7;
    /* border-right: 1px solid rgba(0, 0, 0, 0.06); */
    background-color: transparent;
  }
  section.horizontal .item:first-child {
    margin-left: 600px;
  }
  .core-value .sm-title {
    font-size: 24px;
    line-height: 28px;
    margin: 15px 0;
    text-transform: capitalize;
    color: #55555c;
  }
  .core-value p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #8f8f97;
  }
  .values-slider-inner .lg-title {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: 0;
    display: flex;
    width: 100vw;
    height: 100vh;
    min-width: 0;
    margin-top: auto;
    margin-bottom: auto;
    text-transform: capitalize;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .mission-img {
    width: 300px;
    height: 300px;
    position: relative;
    margin: auto;
    margin-bottom: 0;
  }
  .mission-img img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .culture-heading-box .lg-title {
    font-weight: 700;
    font-size: 80px;
    line-height: 100px;
    letter-spacing: 45px;
    color: var(--brand-color);
  
    text-transform: capitalize;
  }
  .leader-slider .slick-list{padding: 0 10% 0 0;}
  .leaderName p{
    font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: var(--brand-color);
  margin-bottom: 0;
  }
  .leaderName{text-align: center;}
  .leardership .container{
    margin-right: inherit;
    padding-right: 0;
    max-width: 93%;
  }
  .leaderName .leader-profile{
    font-weight: 500;
  font-size: 14px;
  line-height:16px;
  text-transform: capitalize;
  color: var(--brand-color)
  }
  .leader-slider .slick-next{right: 65px;}
  .xs-mobile-hide{display: none;}
  
  /* ga4 */
  .ga4-form{background: #FFFFFF;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08);
    border-radius: 36px;width: 30%;padding: 25px;position: relative;z-index: 1 ;margin-bottom: -50px;}
  .form-group {
    margin-bottom: 15px;
  }
  .form-label {
    font-size: 18px;
    color: #616169;
    font-weight: 600;
    padding: 2px 5px;
    background: #fff;
    position: relative;
    top: 14px;
    left: 26px;
    display: inline-block;
    z-index: 1;
  }
  .form-control {
    font-size: 14px;
    color: #000000;
    font-family: 'Gilroy';
    opacity: 0.6;
    font-weight: bold;
    text-transform: capitalize;
    width: 100%;
    padding: 15px 20px;
    height: 50px;
    border: 1px solid #D4D4DC;
    background:#fff;
    border-radius: 8px;
  }
  
  .boxnumber img{width: 25px;height: 25px;}
  .ga4-solution .boxnumber{display: flex;align-items: center;gap: 10px;}
  .ga4-solution .solution-box-inner a{color: var(--brand-color);}
  .ga4-nav-slider{width: 40%; height: 100%;}
  .ga4-choose-slider{width: 60%;height: 100%;}
  .google-anlytics{margin-top: 80px;}
  .snap-heading{margin-top: 50px;}
  .slick-dots li button {
    background: none;
    font-size: 0px;
    line-height: 0px;
    border: none;
  }
  .slick-dots li {
    display: inline-block;
    margin-left: 8px !important;
    width: 6px !important;
    height: 6px !important;
    background: var(--brand-bg);
    overflow: hidden;
    border-radius: 30px;
    cursor: pointer;
  }
  .slick-dots li button::before{display: none !important;}
  .slick-dots li.slick-active {
    width: 30px !important;
    height: 5px !important;
  }
  
  .slick-dots{
    text-align:center;
    margin-top: 25px;
  }
  
  .analytics-img{
    box-shadow:rgba(100, 100, 111, 0.2) 0px 0px 7px 0px;
  margin: 10px;
  border-radius: 10px;
  
  }
  .analytics-img img{
  border-radius: 10px;
  }
  .service-slider, .g-analytics-slider{margin-top: 25px;}
  .service-slider .slick-track{display: flex;}
  .service-slider .slick-slide{height: inherit;}
  .ga4-form .sm-title{
   font-size: 24px;
   text-align: center;
  text-transform: capitalize;
  color: var(--brand-bg);
  }
  .ga4-form input[type="submit"]{
    width: 100%;
  }
  .ga4-form button{width: 100%;margin-top: 15px;}
  .ga4-banner-form{
    display: flex;
    justify-content: space-between  ;
  }
  .ga4banner{padding: 130px 0 0px 0;}
  .ga4banner .head-wrap-title .lg-title{color: #fff;}
  .countdown-box-bottom ul {
    display: flex;
    align-items: center;
  }
  .countdown-box-bottom li {
    display: inline-block;
    color: var(--brand-color);
    padding: 0 5px;
    text-align: center;
    position: relative;
  }
  .days-text {
    display: block;
    font-size: 16px;
  line-height: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.7;
  }
  .count-text-list {
    font-size: 22px;
    font-weight: 700;
    display: block;
  }
  .count-text-list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  
  }
  .countdown-row{margin-top: 10px; margin-bottom: 30px;}
  .count-text-list span{
    background: #E1E1E6;
  border-radius: 4px;
  height: 100px;
  padding: 10px;
  font-weight: 700;
  font-size: 87.0385px;
  width: 62px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  
  justify-content: center;
  }
  .seperator{
    color: #fff !important;
    font-size: 80px;
  }
  .migrate-cta{margin-top: 35px;}
  .migrate-cta a{
    background-color: #fff;
    color: var(--brand-color);
    position: relative;
  }
  
  .migrate-cta a:hover{background-color: transparent;}
  .migrate-cta a::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 2px;
    margin-left: 5px;
    border-style: solid;
    border-color: var(--light-gray-color);
    border-width: 0px 3px 3px 0px;
    transition: border-width 150ms ease-in-out;
    top: 33%;
    transform: rotate(-44deg)translateX(-50%);
    margin-left: 10px;

  }
  .ga4-block{margin-top: 25px;}
  
  
  .ga4-block p{
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: #616169;
    margin-bottom: 25px;
  }
  
  #wpcf7-f5-o1 .wpcf7-submit{width: auto;}
  #wpcf7-f5-o1  .form-control{
  opacity: 1;
  border-radius: 0;
    height: auto;
  }
  .navbar-light{width: 100%;}.navbar-toggler{border: 0;}
  
  
  .social-icons{flex-direction: row !important;}
  #wpcf7-f5-o1 p{flex-direction: row !important;}

.second-brand .btn-white{background-color: var(--brand-bg);color: #fff;}
.second-brand .btn-white:hover{border: 1px solid var(--brand-border);color: var(--brand-color);}
.fiveSection #hsForm_a67586bc-79ca-47db-b881-e1a2510948cd input{height: 35px !important;}
.head-wrap-title h5{font-family: "Gilroy";}
.ga4-solution .slick-track{display: flex;}
  .ga4-solution .slick-slide{height: inherit;}
  .case-study-Service-block .slick-prev{left: -15px;}
  /* Media Query */


  @media screen and (min-width:767px) {
    .ga4banner:after{display: none;}
    
  }

  @media only screen and (max-width: 1299px) {
    .join-us-pro {
      width: 50%;
    }
    .common-banner-wrap-2 .lg-title br {
      display: none;
    }
    .common-banner-wrap-2 .lg-title {
      font-size: 50px;
      line-height: 54px;
    }
  }
  
  @media only screen and (max-width: 1199px) {
    .container {
      max-width: 100%;
      padding: 0px 30px;
    }
    .leardership .container{
  max-width: 100%;
  padding-right: 0;
    }
    .common-banner-wrap {
      padding-left: 0;
    }
  }
  @media only screen and (max-width: 1024px) {
    .container {
      max-width: 100%;
      padding: 0px 50px;
    }
    .row-2 .container {
      max-width: 100%;
    }
    .testimonial-wrap .slick-list {
      padding: 0 30% 0 0;
    }
    .caseStudyBox .caseboxInner p br {
      display: none;
    }
    .caseStudyBox .caseboxInner p {
      font-size: 16px;
      line-height: 20px;
    }
  
    .section-padding {
      padding: 100px 0px;
    }
    .xl-title {
      font-size: 62px;
      line-height: 66px;
    }
    .lg-title {
      font-size: 46px;
      line-height: 52px;
    }
    #fp-nav.fp-left {
      left: 7px !important;
    }
    .bg-icon:after {
      width: 350px;
      height: 350px;
    }
    .sticky-dots {
      left: 10px;
    }
    .header-nav {
      filter: none;
    }
    .nav-item {
      filter: none;
    }
    .join-us-pro {
      width: 60%;
    }
    .choose-slider img,
    .choose-slider img {
      width: 400px;
    }
    .value-heading-box .lg-title{
      font-size: 100px;
      line-height: 123px;
    }
    .culture-heading-box .lg-title{
      font-size: 50px;
      line-height: 90px;
      letter-spacing: 30px;
    }
    .count-text-list span{
      font-size: 40px;
      width: 44px;
      height: 60px;
    }
    .seperator{
      margin-top: 15px;
      font-size: 58px;
    }
    .ga4-form{
      width: 40%;
    }
  }
  @media only screen and (max-width: 991px) {
    .container {
      max-width: 100%;
      padding: 0px 15px;
    }
   
    .case-study-Service-block {
      display: block;
    }
    .sticky-dots {
      display: none;
    }
    .case-study-Service-block .caseStudyBox {
      margin: 15px;
    }
    .common-banner-wrap .xl-title {
      font-size: 60px;
      line-height: 65px;
    }
    .digital-acc {
      display: block;
    }
    picture img {
      height: auto;
    }
    .digital-acc .caseStudyBox {
      margin: 10px;
    }
    .col-sm-5 {
      width: 30%;
    }
    .col-sm-7 {
      width: 70%;
    }
    .lg-title {
      font-size: 40px;
      line-height: 46px;
    }
    .xl-title {
      font-size: 54px;
      line-height: 60px;
    }
    .case-box p {
      font-size: 18px;
    }
    .testimonial-wrap .slick-next {
      right: 0;
    }
    .value-heading-box .lg-title{
      font-size: 90px;
      line-height: 100px;
    }
    .culture-heading-box .lg-title{
      font-size: 40px;
      line-height: 50px;
    }
    /* .hide-logo {
        display: none;
      }
      .show-logo {
        display: block;
      } */
   
    .row {
      margin: 0px;
    }
  
    .header-down {
      top: 0px;
    }
    .header-up {
      top: -240px;
    }
    .top-header-right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .sidebar-toggle {
      display: block;
      width: 23px;
    }
    .brand img {
      width: 150px;
    }
    .brand {
      line-height: 0px;
    }
   
    .close-button {
      width: 17px;
      height: 16px;
      opacity: 0;
      z-index: 5;
      cursor: pointer;
      display: inline-block;
    }
    .close-button:before,
    .close-button:after {
      position: absolute;
      left: 8px;
      content: " ";
      height: 16px;
      width: 2px;
      background-color: var(--redbg);
    }
    .close-button:before {
      transform: rotate(45deg);
    }
    .close-button:after {
      transform: rotate(-45deg);
    }
    .sidebar-toggle2 {
      display: inline-block;
      margin-left: 15px;
      background: #e2e2e2;
      height: 35px;
      width: 35px;
      border-radius: 50%;
    }
    .sidebar-toggle2 .line {
      width: 18px;
      height: 2px;
      background-color: var(--blackbg);
      margin: 6px auto;
      display: block;
      position: relative;
      border-radius: 2px;
    }
    .sidebar-toggle2 .line:nth-of-type(1) {
      transform: rotate(45deg);
      top: 10px;
    }
    .sidebar-toggle2 .line:nth-of-type(2) {
      transform: rotate(134deg);
      top: 2px;
    }
    .cross-icon {
      text-align: right;
      display: block;
    }
  
    .bg-icon:after {
      width: 200px;
      height: 200px;
    }
    .result-main-box {
      width: 100%;
    }
    .fourthSection .d-grid {
      grid-template-columns: 1fr 1fr;
    }
    .static-fixed .sidebar-toggle .line {
      background-color: var(--brand-bg);
    }
    .static-fixed .top-header-right ul li .btn-white {
      color: var(--brand-color) !important;
    }
    .brand-box{min-width: auto}
    .xs-mobile-hide{
      display: block;
      position: absolute;
      left: 15px;
      right: 15px;
      display: block;
      bottom: 40px;
    }
    .xs-mobile-hide .brand-btn{width: 100%; min-width: 100%;color: #fff !important;padding: 12px 25px;}
    .xs-mobile-hide .brand-btn::after{display: none;}
    .xs-mobile-hide .brand-btn:hover{color: var(--brand-color) !important;}
    .count-text-list span{
      font-size: 25px;
      width: 30px;
      height: 40px;
    }
    .acc-transform{
      gap: 80px;
    }
  }
  @media only screen and (max-width: 767px) {
    /*---common---css---start---here---*/
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .footer-colm {
      width: 100%;
      padding: 0px;
    }
    html,
    body {
      font-size: 14px;
    }
    .sidebar-togle-wraper {
      order: 2;
      display: block;
    }
    .header-top .colm-left {
      order: 1;
      width: calc(50% - 19px);
      line-height: 0px;
    }
    .hero-section-banner {
      display: block;
      margin: auto;
      margin-top: 28px;
    }
    .row-right {
      display: none;
    }
    .row-left {
      width: 100%;
    }
    .lg-title br {
      display: none;
    }
    .lg-title {
      font-size: 34px;
      line-height: 37px;
    }
    .case-box p br {
      display: none;
    }
    .case-box p {
      line-height: 18px;
      font-size: 16px;
      min-height: 70px;
    }
    .case-study-box .case-row {
      gap: 15px;
    }
  
    .cta-heading {
      font-size: 15px;
    }
    .testimonial-wrap .slick-list {
      padding: 0 0 0 0;
    }
    .cta-heading.text-white:after {
      width: 30px;
    }
    .section-padding {
      padding: 60px 0px !important;
    }
    .m-hiiden {
      display: none;
    }
    .d-hiiden {
      display: block;
    }
  .case-study-Service-block .slick-prev{left: 0px;}

  
    .modal__dialog {
      width: 98%;
    }
    /*---header---start---here*/
    header nav {
      width: 70%;
    }
    .nav-link {
      font-size: 13px;
    }
    .nav-dropdowen-link {
      font-size: 12px;
    }
    .nav-item {
      padding: 8px 0px;
    }
    .nav-dropdowen-link {
      padding: 8px 0px 8px 15px;
    }
    .dropdown {
      padding-top: 8px;
    }
    .nav-item .arrow {
      top: 13px !important;
    }
    .header-nav li.nav-item.active .arrow {
      top: 17px !important;
    }
    .sidebar-toggle2 {
      height: 29px;
      width: 29px;
    }
    .sidebar-toggle2 .line {
      width: 16px;
      height: 2px;
      margin: 5px auto;
      margin-left: 7px;
    }
    .sidebar-toggle2 .line:nth-of-type(1) {
      top: 8px;
    }
    .mobile-login.top-header-right {
      display: flex;
      justify-content: center;
      margin-top: 61px;
      border-bottom: 1px solid #ccc;
    }
    .top-header-right .mobile-hidden {
      display: none;
    }
    .header-top .col-sm-4 {
      width: 73%;
    }
    .header-top .col-sm-8 {
      width: 27%;
    }
    .brand {
      width: 150px;
      display: block;
      margin: 0px auto;
    }
    .brand img {
      width: 100%;
    }
    .top-header-right ul li:nth-of-type(1) {
      display: none;
    }
    .top-header-right ul li {
      margin: 0px 10px;
    }
    .top-header-right ul li:nth-of-type(2) {
      margin-left: 0px;
    }
    .top-header-right ul li:nth-of-type(2) a img {
      width: 16px;
    }
    .top-header-right {
      width: 71px;
    }
    .top-header-right ul li a img {
      margin: 0px;
    }
    .header-top .colm-left {
      order: 1;
      width: auto;
      padding: 15px 0px;
      padding-left: 8px;
      text-align: center;
    }
    .top-header-right {
      padding-left: 0px;
    }
    .footer-row {
      flex-direction: column;
      padding: 0 15px;
    }
    .footer {
      position: relative;
    }
    .brand-logo-footer {
      order: 2;
      margin-top: 45px;
    }
    .branch-row {
      grid-template-columns: 1fr;
    }
    .location-box {
      order: 2;
    }
    .footer-menu-links {
      column-count: 2;
    }
    .footer-links {
      margin-bottom: 25px;
      justify-content: flex-start;
    }
    #fp-nav {
      display: none;
    }
    .off-area p {
      font-size: 14px;
    }
    .brand-logo-footer img {
      width: 300px;
      display: block;
      /* margin: auto; */
    }
    .social-media {
      flex-direction: column;
      position: absolute;
      bottom: 140px;
      gap: 0;
    }
    .social-media p {
      order: 2;
    }
    .common-banner-wrap {
      top: 25%;
      padding-top: 20px;
      padding-left: 0;
    }
    .common-banner-wrap .xl-title {
      font-size: 42px;
      line-height: 45px;
    }
    .common-banner-wrap p {
      font-size: 16px;
      line-height: 18px;
    }
    .row-2 .lg-title {
      color: #fff;
    }
    .row-2 .lg-title br {
      display: none;
    }
    .row-2 {
      flex-direction: column;
      background: linear-gradient(287.71deg, #d16cd6 -36.77%, #3d256f 73.84%);
    }
    .row-2 .row-left,
    .row-2 .row-right {
      display: block;
      width: 100% !important;
    }
    .row-2 .brand-btn {
      background-color: #fff;
      border: 1px solid transparent;
      color: var(--brand-color);
    }
    .row-2 .brand-btn {
      pointer-events: none;
    }
    .common-banner-wrap-2 p {
      font-size: 16px;
      line-height: 18px;
    }
    .testimonial-wrap .slick-next {
      right: 0;
    }
    .half-div {
      display: none;
    }
    /* .testimonial-wrap {
      margin-bottom: -150px;
    } */
    .client-content p {
      padding: 80px 25px 50px 25px;
    }
    .client-box {
      box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08);
      padding: 20px 25px;
    }
    .secondSection .d-grid,
    .thirdSection .d-grid,
    .fourthSection .d-grid {
      grid-template-columns: 1fr;
    }
    .result-main-box {
      grid-template-columns: 1fr;
    }
    .bg-icon:after {
      width: 120px;
      height: 120px;
      top: 50px;
    }
    .result-box .lg-title {
      display: inline;
    }
    .result-box span {
      display: inline;
      margin-left: 15px;
    }
    .paragraph-content {
      margin-bottom: 0;
      margin-top: 25px;
      font-size: 15px;
      line-height: 25px;
    }
    .img-para-b .sm-title {
      margin-top: 25px;
      font-size: 18px;
      line-height: 25px;
    }
    .solution-box {
      box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.08);
      margin: 10px;
      padding: 30px;
    }
    .result-box small,
    .result-box span {
      font-size: 15px;
    }
    .result-main-box {
      margin-top: 15px;
    }
    .caseStudyBox {
      margin: 10px;
    }
    .fourthSection .d-grid {
      margin-top: 45px;
    }
    .firstbox {
      padding-top: 100px !important;
    }
    .top-header-right {
      display: none;
    }
    .common-banner-wrap p:after {
      width: 13px;
      height: 13px;
      margin-left: 5px;
    }
  
    .join-us-pro {
      width: 90%;
    }
    .join-us-pro .client-content p {
      padding-left: 20px;
      padding-right: 20px;
    }
    .common-banner-wrap-2 .lg-title {
      font-size: 34px;
      line-height: 37px;
    }
    .knowMore-Wrap {
      flex-wrap: wrap;
      gap: 15px;
    }
    .serviceFirstBanner {
      padding: 100px 0;
      padding-top: 150px;
    }
    .row-2 .row-right .section-padding {
      padding-top: 0;
    }
    .testimonial-wrap {
      padding-left: 10px;
      padding-right: 10px;
    }
    .case-study-slider {
      margin: 0;
      margin-top: 50px;
    }
    .d-flex {
      flex-direction: column;
    }
    .choose-nav-slider {
      width: 100%;
    }
    .choose-slider {
      width: 100%;
      margin-top: 60px;
    }
    .acc-transform {
      gap: 10px;
    }
    .case-study-row-right .sm-title{
      font-size: 18px;
      line-height: 24px;
    }
    .value-heading-box .lg-title{
      font-size: 40px;
      line-height: 70px;
     padding-left: 25px;
    }
    .culture-heading-box .lg-title{
      font-size: 26px;
      line-height: 40px;
     padding-left: 0px !important;
     letter-spacing: 15px;
    }
    .missionInner .d-grid{grid-template-columns: 1fr;}
    .mission-img img{margin-top: 0;}
    .mission-img{width: 250px;height: 250px;}
    section.horizontal .item:first-child{margin-left: 200px;}
    .leaderName p{
      font-size: 16px;
      line-height: 20px;
  }
  .leader-slider .slick-next {
  
  right: 5px;
  }
  .core-value{
    padding: 50px 25px;
  }
  .core-value .sm-title{
    font-size: 18px;
    line-height: 22px;
  }
  .core-value p{
    font-size: 14px;
    margin-bottom: 0;
  }
  .ga4-banner-form{
    flex-direction: column;
  }
  .ga4-form{
    width: 100%;
    margin: 50px 0;
  }
  .seperator {
    margin-top: 23px;
    font-size: 38px;
  }
  .navbar-brand img{max-height: 50px !important;max-width: 205px;}
  .page-wrapper{padding-top: 58px !important;}
  .count-text-list span{
    font-size: 23px;
    width: 26px;
    height: 35px;
  }
  .countdown-box-bottom li {
padding: 0 3px;
  }
  .countdown-row{margin-top: 0px;}
  .head-wrap-title h5{margin-top: 25px;}
  .ga4-banner-form .lg-title br{display: none;}
  
  
 
  }
  
  @media screen and (max-width: 480px) {
    .common-banner-wrap-2 p {
      font-size: 14px;
      line-height: 16px;
    }
    #wpcf7-f5-o1 p{margin: 15px 0;}

  }
  
  @media screen and (min-width: 1850px) {
    /* case study */
    .head-wrap-title .sm-title {
      font-size: 20px;
    }
    .head-wrap-title .lg-title {
      font-size: 60px;
      line-height: 72px;
    }
    .paragraph-content {
      font-size: 20px;
      line-height: 35px;
    }
    .case-study-row-right .sm-title {
      font-size: 26px;
      line-height: 38px;
    }
    .result-box small,
    .result-box span {
      font-size: 20px;
      line-height: 27px;
    }
    .result-box .lg {
      font-size: 72px;
      line-height: 68px;
    }
    .solution-box .boxnumber {
      font-size: 20px;
    }
    .caseImgBox {
      padding: 120px 0;
    }
    .common-banner-wrap .xl-title {
      font-weight: 900;
      font-size: 90px;
      line-height: 92px;
    }
    .caseboxInner p {
      font-size: 24px;
      line-height: 31px;
    }
    /* home page  header footer for big screen*/
    .section-padding {
      padding: 125px 0;
    }
    .header-nav .nav-item a {
      font-size: 16px;
      line-height: 16px;
    }
    .top-header-right ul li a {
      font-size: 15px;
      line-height: 15px;
    }
    .common-banner-wrap p {
      font-size: 25px;
      line-height: 30px;
    }
    .common-banner-wrap-2 .lg-title {
      font-size: 64px;
      line-height: 72px;
    }
    .common-banner-wrap-2 p {
      font-size: 22px;
      line-height: 27px;
    }
    .common-banner-wrap-2 .brand-btn {
      font-size: 15px;
      line-height: 19px;
    }
    .case-box p {
      font-size: 24px;
      line-height: 31px;
    }
    .client-content p {
      padding: 100px 44px;
      font-size: 20px;
      line-height: 30px;
    }
    .client-content p a {
      cursor: pointer;
      color: var(--brand-color);
    }
    .testimonial-wrap .slick-next {
      right: 17%;
    }
    .client-content span {
      top: 50px;
    }
    .client-box strong {
      font-size: 18px;
      line-height: 22px;
    }
    .client-box small {
      font-size: 14px;
      line-height: 17px;
    }
    .get-in-touch-cta .lg-title {
      font-size: 60px;
      line-height: 68px;
    }
    .get-in-touch-cta .brand-btn {
      font-size: 15px;
      line-height: 19px;
    }
    .footer-row .sm-title {
      font-size: 60px;
      line-height: 74px;
    }
    .social-media p {
      font-size: 12px;
      line-height: 15px;
    }
    .footer-links ul li a {
      font-size: 16px;
      line-height: 36px;
    }
  
    /* end  */
  
    /* digitaltransformation */
    .acc-transform .sm-title {
      font-size: 32px;
      line-height: 45px;
    }
    .process-wrap .lg-title {
      font-weight: 700;
      font-size: 60px;
      line-height: 53px;
      text-transform: capitalize;
      color: var(--brand-color);
    }
    .process-wrap p {
      font-weight: 500;
      font-size: 32px;
      line-height: 44px;
      text-transform: capitalize;
      color: #616169;
      margin-top: 25px;
    }
    .choose-nav-slider .choose-nav-tab .choose-content .sm-title {
      font-size: 22px;
      line-height: 27px;
    }
    .choose-nav-slider .choose-nav-tab .choose-content p {
      font-size: 20px;
      line-height: 36px;
    }
    .value-heading-box .lg-title{
      font-size: 180px;
      line-height: 223px;
    }
    .culture-heading-box .lg-title{
      font-size: 120px;
      line-height: 130px;
    }
    .core-value  .sm-title{
      font-size: 34px;
      line-height: 42px;
    }
    .core-value p{
      font-weight: 500;
  font-size: 20px;
  line-height: 29px;
    }
    .leaderName p{
      font-size: 24px;
      line-height: 30px;
  }
  .core-value{min-height: 550px;}
  }
  
.offer-bottom-strip h5{font-size: 18px;}
.btn-sec .btn-pag-container .brand-btn::after{top: 15px !important;}

.choose-nav-slider .choose-nav-tab.active .choose-content .sm-title::after{transform: rotate(223deg);}
.header-top .btn-white{text-align: center;}







.brand-btn:hover:after {
  margin-right: 0px !important;
}
.case-content a{color: inherit !important;}
.serviceImgBox img{border-radius: 32px;}
.leader-profile .brand-btn{min-width: 145px;}
.xs-mobile-hide .brand-btn{text-align: center;}


.navbar-light .logo-light{
  width: revert-layer !important;
}
.upper-footer img {
  width: revert-layer;
}