@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,
  {
    margin: 0;
    padding: 0px;
  }
  h3,h4{color:#565656;}
  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% !important;
    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;
  }
  .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: 132px;
    text-align: center;
    cursor: pointer;
  }
  .brand-btn {
    color: #ffff;
    padding: 12px 25px 12px 6px;
    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: center;
    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: 32px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .small-heading {
    font-size: 16px;
    font-weight: bold;
  }
  .head-wrap-title h2{
    font-size: 20px;
  }
  
  /* new csss */
  .brand-gradient {
    /*background: linear-gradient(287.71deg, #d16cd6 -36.77%, #4d319a 73.84%);*/
    background: linear-gradient(287.71deg, #8b79f2 -36.77%, #4d319a 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;
  }
  .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;
    border: 1px solid #d4d6db;
    border-radius: 20px;
    margin: 0 15px;
    min-width: 200px;
    margin-bottom: 10px;
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-brand-row {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
  .brand-box img {
    width: 100px;
    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;
    margin-bottom: 10px;
  }
  .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: 25px;
  }
  .solution-box .paragraph-content {
    color: #55555c;
    /* margin-bottom: 0 ; */
  }
  
  .result-main-box {
    width: 100%;
  }
  .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 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/ask-bg.png");*/
    background-image: none;
    width: 400px;
    height: 510px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .result-box .lg-title {
    color: #fff;
  }
  .result-box small,
  .result-box span {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    display: block;
  }
  .result-box small{
    padding-bottom: 5px;
   }
  .result-box span{
    padding-bottom:15px;
  }
  .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 {
    color: #dbd9d9;
  }
  
  .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{margin-top: 50px;}
  .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: 60px;}
  .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: 8px;
    width: 8px;
    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: 17px;
  }
  .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;}
  /* Media Query */


  @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: 350px;
    }
    .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: 24px;
        line-height: 1.2;
      }
    .head-wrap-title h2 {
        font-size: 18px;
    }
    .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;
    }
  
    .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: 150px;
      height: 150px;
    }
    .result-box .lg-title {
      display: inline;
    }
    .result-box span {
      margin-left:0px;
    }
    .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: 25px;
    }
    .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: 15px;
    }
    .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;}
  }
  
.blog-item{margin: 16px;box-shadow:0 .125rem .25rem #00000013!important;border-radius: 0.25rem;border: 1px solid #dee2e6;overflow: hidden; }
 .blog-item .blog-content{padding: 20px;}
 .px-2 {
  padding-right: 0.5rem!important;
  padding-left: 0.5rem!important;
}
/*.btn-link.active{
  text-decoration: underline;
}*/
 .blog-item .blog-title{color: #393939; font-size: 18px; font-weight:700 !important;}
.link-tab{flex-wrap: wrap;}
 .link-tab{margin:50px 0 30px 0 ;}

.new-category-listitem .blog-item{
  margin:0px 0px 20px 0px !important;
}


 .link-tab .btn {
  font-weight: 500;
  color: inherit;
  font-size: 16px ;
}
.paragraph-content{margin-bottom: 0 !important;}
/*.solution-section{margin-top: -87px;}*/

 /*@media screen and (min-width:992px){

   .case_study_topbanner img{height:550px; object-fit: cover;}
  }*/

  @media screen and (max-width:767px){
  .link-tab{flex-direction: row;white-space: nowrap;overflow: scroll;}
  .ask-img{margin-bottom: 0 !important;}
  .solution-section {
    margin-top: 0px;
}
  }

  /*.blog-item .blog-content{height: 80px;}*/
  .ps-4{padding-right: 10px;}

  .case-study-row-right .sm-title{text-transform: inherit;}
  .case-study-row-right .sm-title br{display: none;}
  .solution-box .paragraph-content br{display: none;}

  /* new csss */
.grid-mobile-slider .slick-track{display: flex;}
.grid-mobile-slider .slick-track .solution-box{height: auto;}

  }

  .blog-item .blog-content{height: 80px;}
  .ps-4{padding-right: 10px;}

  .case-study-row-right .sm-title{text-transform: inherit;}
  .case-study-row-right .sm-title br{display: none;}
  .solution-box .paragraph-content br{display: none;}


  .brand-gradient p{color: #FFFFFF;}

  blockquote em{
    font-size: 24px;
    line-height: 1.2;
    color:#3e2670;
  }

  .brand-gradient h2,.brand-gradient h3,.brand-gradient h4{color:#ffffff;}

  table td, table th{border: 1px solid #CCC; padding:5px;}
  table{margin:20px auto;}

/*New Css Added on 22 April By Ravi*/
.grey-font{color:#666666;}
h2{font-size: 1.75rem;} /*1.75 rem => 24.5px*/
h3{font-size: 1.29rem;} /*1.29 rem => 18px*/



/*New  css add on 5 MAY by Yogesh*/


.single-portfolio table {
  display: block;
  /*overflow-x: auto;
  width: 100%;
  min-width: 700px;*/
}

.single-portfolio tbody {
  width: 100%;
}

.single-portfolio td, .single-portfolio th {
    white-space: nowrap;
    padding: 15px 15px;
    font-size: 16px;
}
li{
  list-style: none;
}

.blog-item .blog-title{
  min-height: auto !important;
      height: auto !important;
      font-weight: 700 !important;
}
.overview-about{
  padding:40px 0px !important;
}


.section-padding {
    padding:35px 0 !important;
}

.about-overview-content{
  padding-top: 10px;
  color:#000;
}
.about-overview-tpsection{
  padding-top: 30px !important;
}
.single-portfolio p {
    padding-bottom: 12px;
    margin: 0px;
    font-size: 16px;
}

.head-wrap-title .lg-title {
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0px;
    line-height: 1.1 !important;
}
.single-portfolio h2{
  font-size:24px;
  margin-bottom: 10px;
}
.single-portfolio .firstSection.head-wrap-title h2 {
    font-size: 20px;
    margin-top: 3px;
}
.single-portfolio p {
    padding-bottom: 12px;
    margin: 0px;
    font-size: 16px;
}
.single-portfolio h3 {
    margin-bottom:8px;
    font-size: 20px;
    margin-top: 20px;
}
table.case-study-table {
    margin-bottom:30px !important;
}
.blog-title.case-studies-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    margin-bottom: 6px;
}
.case-study-carousel .blog-item .blog-title{
  line-height: 1.2;
}
.case-study-carousel .blog-item .blog-content {
    padding: 15px 15px !important;
    height: 100px;
}
.case-study-page p {
    padding-bottom: 12px;
    line-height: 1.4;
}
.about-overview-content h2 {
    color: #000;
}
table.case-study-table {
    margin-bottom: 30px !important;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.case-study-page h4 {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.case_study_topbanner .sm-title.publish_date {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 16px;
    font-weight: 500;
}
.head-wrap-title .lg-title{
  font-size:26px;
}
.case-study-row-right {
    color: #000;
}

.case-study-growth {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.case-study-growth li {
    display: flex;
    align-items: stretch;
    border: 1px solid #cfcfcf;
    background: #f1f0f0;
    overflow: hidden;
}

.growth-left {
    background: #4d319a;
    color: #fff;
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.growth-left strong {
    font-size:30px;
    line-height: 1;
}

.growth-right {
    padding: 18px 20px;
}

.growth-right h3 {
    margin: 0 0 4px;
    color:#4d319a;
    font-size: 20px;
    line-height: 1.2;
}

.summary_section .growth-right p {
    margin: 0;
    font-size: 16px;
    line-height: 1.2 !important;
    color: #222;
    padding-bottom: 0px;
}



/*11 May 2026*/

.dropdown-category {
    position: relative;
    z-index: 4;
}

.subcategory-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 220px;
    padding: 10px 0;
    border-radius: 8px;
    list-style: none;
    display: none;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.subcategory-dropdown li a {
    display: block;
    padding: 8px 15px;
    color: #000;
}

.dropdown-category:hover .subcategory-dropdown {
    display: block;
}
.subcategory ul {
    padding: 0px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.postid-125879 .about-overview-content {
    padding: 0px;
}
ul.tacobell-bottom-list li {
    list-style: disc;
}
.summary_section_case_study p{
  text-transform:unset !important;
}

.brand-gradient .result-box span{
  font-size: 16px;
  line-height: 1.2;
  text-transform: unset;
}
ul.case-study-growth.vertical-column {
    display: flex;
    gap: 19px;
    flex: 1;
}
.case-study-growth.vertical-column li {
    display: flex;
    flex-direction: column;
    border: 1px solid #cfcfcf;
    background: #f1f0f0;
    overflow: hidden;
    height: 100%;
    border-radius: 10px;
     flex: 1 1 0;
    min-width: 0;
}
.case-study-growth.vertical-column .growth-right{
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center; /* vertical + horizontal center */
    text-align: center;
    flex: 1;
    min-height:90px; 
    font-size: 15px;
    line-height: 1.2;
}

.case-study-growth.vertical-column .growth-right p {
    font-size: 16px;
}
.case-study-growth.vertical-column .growth-left{
  padding:15px;
}
.case-study-growth.vertical-column .growth-left strong{
  font-size: 20px;
}


.case-study-growth.euronics-case-study .growth-left {
    width: 35%;
    padding:10px 20px;
    justify-content: left;
}
.case-study-growth.euronics-case-study .growth-right {
    width: 70%;
}
.case-study-growth.euronics-case-study .growth-left strong{
  font-size: 20px;
}
ul.case-study-growth.euronics-case-study p {
    color: #000;
    padding: 0px;
}
ul.listing-number li {
    list-style: decimal-leading-zero;
}

.category-tag {
    margin-top: 15px;
}

.category-tag ul, .subcategory ul  {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.category-tag ul li a, .subcategory ul li a {
    display: inline-block;
    padding: 8px 14px;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    font-size: 11px;
    line-height: 1;
    color: #222;
    text-decoration: none;
    transition: all 0.3s ease;
}

.category-tag ul li a:hover, .subcategory ul li a:hover {
    background: #4d319a;
    color: #fff;
    border-color: #4d319a;
}



.child-category,
.tag-list{
    list-style:none;
    padding-left:15px;
}

.tag-list li a{
    font-size:13px;
    color:#666;
}

.parent-category{
    margin-bottom:5px;
}
h3.parent-title {
    font-family: "Gilroy";
    font-weight: 700;
}
/*ul.tag-list li{
  position: relative;
}

.tag-list li:before{
  position: absolute;
  content: "\f0da";
  font-size: 20px;
  color:#000;
  font-family: FontAwesome;
  top: 0px;
  left: 0px;
}

*/


.tag-list{
    list-style:none;
    padding-left:0;
}

.tag-list li{
    margin-bottom:10px;
}

.tag-checkbox{
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
}

.tag-checkbox input{
    width:18px;
    height:18px;
    cursor:pointer;
}

.tag-checkbox span{
    font-size:15px;
    color:#444;
}


.tag-list{
    list-style:none;
    padding:0;
    margin:10px 0px;
    padding-left: 15px;
}

.tag-list li{
    position:relative;
    margin-bottom:14px;
}



/*
.tag-list li a::before{
    content:'';
    width:20px;
    height:20px;
    min-width:20px;
    border:2px solid #4d319a;
    border-radius:6px;
    background:#fff;
    transition:0.3s ease;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
}


.tag-list li a::after{
    content:'✓';
    position:absolute;
    left:5px;
    top:50%;
    transform:translateY(-50%);
    font-size:12px;
    color:#fff;
    opacity:0;
    transition:0.3s ease;
}*/

/* Hover Effect */

.tag-list li a:hover{
    color:#4d319a;
}

.tag-list li a:hover::before{
    background:#4d319a;
    border-color:#4d319a;
}

.tag-list li a:hover::after{
    opacity:1;
}

/* Active Current Tag */

.filter-btn{
    color:#4d319a;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    font-weight:700;
    transition:0.3s;
}
.tag-list li a{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    font-size:15px;
    line-height:1.4;
    color:#444;
    font-weight: 500;
    text-decoration:none;
    transition:0.3s ease;
}
.filter-btn:hover{
    color:#4d319a;
}

.custom-checkbox{
    width:22px;
    height:22px;
    border:2px solid #4d319a;
    border-radius:6px;
    display:inline-block;
    position:relative;
    transition:0.3s;
    background:#fff;
}

.filter-btn.active .custom-checkbox{
    background:#4d319a;
}

.filter-btn.active .custom-checkbox:after{
    content:'';
    position:absolute;
    left:6px;
    top:2px;
    width:6px;
    height:12px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}

.tag-list{
    list-style:none;
    padding-left:0;
}

.tag-list li{
    margin-bottom:12px;
}

.work-item-col{
    transition:0.4s;
}

.new-category-sidebar{
    position: sticky;
    top: 120px;
    height: fit-content;
}

.sidebar-category{
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 10px;
}



.sidebar-category::-webkit-scrollbar{
    width: 5px;
}

.sidebar-category::-webkit-scrollbar-thumb{
    background: #5a2ca0;
    border-radius: 10px;
}
.fiveSection.head-wrap-title p, .fiveSection.head-wrap-title ul li {
    font-size: 16px;
}
.case-studies-listing .blog-item a {
    display: block;
}
.case-studies-listing .blog-item a img{
  max-width: 100%;
}
.case-study-growth.vertical-column.hindware-casestudy li{
  display: block;
}
.related-blogs.section-padding {
    padding: 60px 0px 80px !important;
}
#blog-carousel, #case-study-carousel {
    display: flex;
    gap: 15px;
}
.case-study-carousel .blog-item, .blog-carousel .blog-item {
    flex: 1 1 0;
}

.view-morebutton {
  text-align: center;
  margin-top: 50px;
}
.view-morebutton a{
    display: inline-block;
    background-color: #4d319a;
    border:1px solid #4d319a;
    border-radius: 100px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    padding:14px 50px;
    transition: all .3s;
    text-decoration: none;
}
.view-morebutton a:hover {
    background-color: #fff;
    color: #4d319a;
}

.related-blogs.related-casestudy .case-study-carousel .blog-item .blog-content {
    height: 60px;
}
.common-btn-common.case-study-btn a{
    text-transform: capitalize;
}
.common-btn-common.case-study-btn {
    margin-top: 10px;
    margin-bottom:35px;
    width: 100%;
    background-color: transparent;
    text-align: center;
     border: none;
     display: flex;
     justify-content: center;
}
.common-btn-common.case-study-btn.white-bg a {
    background-color:#fff;
    color: #000 !important;
}
.common-btn-common.case-study-btn.purple-bg a{
    color: #fff !important;
    background-color: #4d319a;
    border-radius: 50px;
    border: 1px solid #4d319a;
    transition: all .3s;
}
.common-btn-common.case-study-btn.purple-bg a, .common-btn-common.case-study-btn.white-bg a{
    display:inline-block !important;
    border-radius: 50px;
}

.common-btn-common.case-study-btn.white-bg a:hover{
  background-color:#000;
   color:#fff !important;
}
.common-btn-common.case-study-btn.purple-bg a:hover{
    background-color:#fff;
   color:#4d319a !important;

}
.common-btn-common.case-study-btn:hover {
    background-color: transparent;
    border: none;
    cursor: revert;
}




/*11 June work css*/

/*.case-study-page{
  background-color: #f5f5f5;
}
*/.case-study-wrapper.has-video .case-study-left{
    width:70%;
}
.case-study-wrapper.no-video .case-study-left{
    width:100%;
}

.case-study-wrapper {
    display: flex;
    gap: 30px;
    position: relative;
}

.case-study-right {
    width: 35%;
    padding-bottom: 30px;
}
.case-study-video{
    position:sticky;
    top:140px;
      z-index: 9;
    pointer-events: auto;
}

.bg-icon:after, .bg-icon:after{
  display: none;
}
 .gradient-casestudy-wrapper, .summary_section_case_study {
    padding: 30px 15px !important;
    border-radius:15px;
    margin-bottom: 25px;
}

.case-study-video{
  width: 100%;
  height: 400px;
      border-radius:15px;
  overflow: hidden;
}

.case-study-video iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.breadcrumb-wrapper {
    width: 100%;
    position: relative;
}
.breadcrumb-mid.fixed{
    position: fixed;
    top: 85px; 
    left: 0;
    width: 100%;
    background: #f5f5f5;
    z-index: 99;
    /*box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
}


/*.common-btn-common.case-study-btn {
    margin-top: 10px;
    margin-bottom:35px;
    width: 100%;
    background-color: transparent !important;
    text-align: center;
    border: none !important; 
}
.common-btn-common.case-study-btn.purple-bg a {
    display: inline-block !important;
    border-radius: 50px;
}
.common-btn-common.case-study-btn.purple-bg a {
    color: #fff !important;
    background-color: #4d319a;
    border-radius: 50px;
    text-transform: capitalize;
    border: 1px solid transparent;
    transition: all .3s;
}
.common-btn-common.case-study-btn.purple-bg a:hover {
    background-color: #000;
    color: #fff !important;
}
*/

.mid-images-casestudy{
  padding-top: 0px !important;
}
.parent-title {
    font-family: "Gilroy";
    font-weight: 700;
    font-size: 15px;
    margin: 0px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

h3.parent-title > a {
    color: #4d319a;
}
.fiveSection.head-wrap-title p a{
  display: inline;
}

.result {
    display: flex;
    gap: 20px;
    text-align: center;
}
.result-box{
  flex: 1 1 0;
}
.result .result-box small {
    padding-bottom: 5px;
    min-height: 55px;
}
.result .result-box .lg-title{
  padding-bottom: 10px;
}

.fiveSection.head-wrap-title .sm-title {
    color: #fff;
    text-align: center;
    font-size: 22px !important;
}

.fiveSection.head-wrap-title ul li {
  margin-bottom:10px;
  list-style: disc;
}

.single-portfolio .fiveSection.head-wrap-title table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    display: table;
}

.fiveSection.head-wrap-title table th,
.fiveSection.head-wrap-title table td{
    width:50%;
    padding:16px;
    border:1px solid #ddd;
    vertical-align:middle;
    word-break:break-word;
    box-sizing:border-box;
}

.fiveSection.head-wrap-title table thead th{
    color:#fff;
}
.single-portfolio .fiveSection.head-wrap-title td, .single-portfolio .fiveSection.head-wrap-title th{
  color:#fff;
   white-space:normal;
    word-wrap:break-word;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.fiveSection.head-wrap-title table.custom-table.tech-table tr th, 
.fiveSection.head-wrap-title .custom-table.tech-table tr td{
  color:#000;
}
.table-responsive::-webkit-scrollbar{
    height:8px;
}
.remove-liststyle li{
  list-style: none !important;
}

.table-responsive::-webkit-scrollbar-track{
    background:#ece7f7;
    border-radius:20px;
}

.table-responsive::-webkit-scrollbar-thumb{
    background:#4D319A;
    border-radius:20px;
}

.table-responsive::-webkit-scrollbar-thumb:hover{
    background:#3c2579;
}







@media(max-width:767px){
    .custom-table{
        min-width:700px;
    }

    .table-responsive{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}




@media (max-width:1024px){

  #blog-carousel,
    #case-study-carousel{
        display:flex;
        flex-wrap:wrap;
        gap:15px;
    }

    #blog-carousel .blog-item,
    #case-study-carousel .blog-item{
        flex:0 0 calc(49% - 8px);
    }

    ul.case-study-growth.vertical-column {
      flex-wrap: wrap;
  }
  .case-study-growth.vertical-column li {
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px);
  }


}
@media (max-width:991px){
    #blog-carousel .blog-item,
    #case-study-carousel .blog-item{
        flex:0 0 calc(48% - 8px);
    }
     .case-study-video {
      height: 280px;
    }
    .breadcrumb-mid.fixed {
      top: 60px;
    }

  .filter-btn {
    font-size: 16px;
  }


}

@media (max-width: 767px) {

     .category-tag ul {
        gap: 8px;
    }

    .category-tag ul li a {
        font-size: 12px;
        padding: 7px 12px;
    }

    .case-study-growth li {
        flex-direction: column;
    }

    .growth-left {
        min-width: 100%;
        padding:15px;
    }

    .growth-left strong {
        font-size: 26px;
    }

    .growth-right h3 {
        font-size: 20px;
    }

    .summary_section .growth-right p {
        font-size: 16px;
    }
    .growth-right{
      text-align: center;
    }
    .case-study-page .sm-title.publish_date {
      margin: 14px 0px;
      font-size: 16px;
  }
  .about-overview-content {
      padding-top: 15px;
  }
  .single-portfolio .firstSection.head-wrap-title h2 {
      font-size: 18px;
  }
  .case-study-page .head-wrap-title .lg-title{
    font-size: 20px;
  }
  .about-overview-tpsection {
    padding-top: 24px !important;
  }
  .case-study-page .head-wrap-title .lg-title {
      font-size: 20px !important;
  }
  .single-portfolio h2 {
      font-size: 22px;
  }
  .single-portfolio .firstSection.head-wrap-title h2 {
      font-size: 18px;
  }
  ul.case-study-growth.vertical-column {
    display: block !important;
  }
  .case-study-growth.vertical-column li{
    min-width: 250px;
    margin-bottom: 20px;
  }
  .case-study-growth.euronics-case-study .growth-right, .case-study-growth.euronics-case-study .growth-left {
    width:100%;
  }
  .case-study-growth.euronics-case-study .growth-right{
    text-align: left;
  }
  .col-3.new-category-sidebar, .new-category-listitem{
    width: 100%;
}
 #blog-carousel,
#case-study-carousel{
    flex-direction:column;
}

.case-study-carousel .blog-item,
.blog-carousel .blog-item{
    flex:0 0 100%;
    width:100%;
}

.case-study-wrapper {
      flex-direction: column;
  }
  .case-study-left, .case-study-right, .case-study-wrapper.has-video .case-study-left {
      width: 100%;
  }

  .case-study-growth.vertical-column li{
        flex: 0 0 100% !important;
        max-width: 100%;
    }

    .related-blogs.section-padding {
      padding: 30px 0 40px !important;
  }



}