/** Shopify CDN: Minification failed

Line 1737:8 Unexpected "{"
Line 1737:9 Expected identifier but found "%"
Line 1741:8 Unexpected "{"
Line 1741:9 Expected identifier but found "%"
Line 1743:8 Unexpected "{"
Line 1743:9 Expected identifier but found "%"
Line 1749:8 Unexpected "{"
Line 1749:9 Expected identifier but found "%"

**/
.custom-banner-section {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(to bottom, #0033cc, #00cc99);
    color: white;
  }
  .section-paragraph {
    max-width: 800px;
    margin: 20px auto;
    padding-bottom: 30px;
  }
  .button-wrapper {
    margin-top: 20px;
  }
  .btn {
    display: inline-block;
    padding: 12px 25px;
    margin: 5px;
    border-radius: 5px;
    text-decoration: none;
  }
  .btn-primary {
    background-color: #fff;
    color: #000;
  }
  .btn-secondary {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
  }
  
  .video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65); 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
  .hidden {
    display: none;
  }
  
  .modal-content {
    position: relative;
    background: #ffffff;
    width: 90%;
    max-width: 760px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 24px;
    text-align: center;
  }

  .modal-content iframe,
  .modal-content video {
    width: 100%;
    height: 400px;
    border-radius: 12px;
  }

  .close-modal {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #333;
    background: #f0f0f0;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .close-modal:hover {
    background: #ddd;
  }
  
  .video-wrapper {
    position: relative;
    cursor: pointer;
    margin: 20px 0;
  }
  
  .video-thumbnail {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
  }
  
  .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 50px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s;
  }
  
  .video-wrapper:hover .play-button {
    transform: translate(-50%, -50%) scale(1.1);
  }
  
  /* (ak 15/4) */
  .custom-banner-section .main-wrap {
      padding: 220px 0 0px;
      position: relative;
      text-align: center;
  }
  
  .custom-banner-section img.gradient_pattern {
       position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 2;
  }
  
  .custom-banner-section img.square_pattern {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 100%;
       z-index: 2;
       object-position: center;
       object-fit: cover;
  }
  
  .custom-banner-section {
      padding: 0px;
  }
  
  .custom-banner-section .main-wrap > .container {
      position: relative;
      z-index: 99;
  }
  .custom-banner-section .video-wrapper {
      max-width: 994px;
      margin: auto;
      margin-top: 24px;
  }
  .custom-banner-section .section-titles-wrapper {
      max-width: 1147px;
      margin: auto;
  }
  
  .custom-banner-section .section-titles-wrapper span.section-subtitle {
      font-weight: 700;
      font-size: 22px;
      line-height: 100%;
      vertical-align: middle;
      text-transform: uppercase;
  }
  
  .custom-banner-section .light_block {
      position: relative;
      z-index: 2;
  }
  
  .custom-banner-section .light_block img.light_animated {
      width: 100%;
  }
  .custom-banner-section .section-video-paragraph {
    width: 100%;
      max-width: 944px;
      margin: auto;
      margin-top: 43px;
  }
  .custom-banner-section .section-video-paragraph p {
    font-size: 30px;
}
  
  
  .services-section > .container p.preheading {
      font-weight: 700;
      font-size: 22px;
      line-height: 100%;
      vertical-align: middle;
      text-transform: uppercase;
      margin-bottom: 12px;
  }
  
  .services-section > .container  h2.main-heading {
      font-weight: 700;
      font-size: 52px;
      line-height: 65px;
      text-align: center;
      max-width: 1260px;
      margin-block: unset;
  }
  
  .services-section .tabs-wrapper {
      margin-top: 80px;
  }
  
  .services-section .tabs-wrapper .tabs-sidebar {
      max-width: 460px;
      width: 100%;
      background: linear-gradient(to right, #00c6ff, #0072ff);
    border-radius: 5px;
      padding: 30px;
  }
  .services-section .tabs-wrapper .tabs-sidebar .tab-button {
    font-size: 28px;
    font-weight: 600;
    position: relative;
    font-family: Unbounded;
}
  
  .services-section .tabs-wrapper .tabs-content {
      max-width: 734px;
      margin-inline: auto;
  }
  
  .services-section .tabs-wrapper .tabs-content .tab-items .pill {
      font-weight: 500;
      font-size: 24px;
      line-height: 100%;
      vertical-align: middle;
  }
  .services-guiding-principles-section {
      background: #000000;
  }
  
  .services-guiding-principles-section .services-section {
      background: transparent;
  }
  /* (ak 16/4) */
  .services-section .tabs-wrapper .tabs-content .tab-panel .tab-items {
      display: flex;
      flex-wrap: wrap;
  }
  @media (max-width: 767px) {
    .custom-banner-section .video-wrapper .play-button {
        width: 70px;
    }
    .modal-content {
      width: 95%;
    }
  
    .play-button {
      font-size: 30px;
    }
  }
  
  /* Our services section */
  
  .services-section {
    padding: 80px 20px;
    background: linear-gradient(to bottom, #001122, #000);
    color: white;
    text-align: center;
  }
  
  .services-section .preheading {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
  }
  
  .services-section .main-heading {
    font-size: 28px;
    font-weight: bold;
    max-width: 800px;
    margin: 10px auto 40px;
    color: #fff;
  }
  
  .tabs-wrapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  
  .tabs-sidebar {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
  .tab-button {
    background: linear-gradient(to right, #00c6ff, #0072ff);
    border: none;
    color: white;
    padding: 14px 20px;
    text-align: left;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .tab-button.active {
    background: white;
    color: #0D4FE0;
    
  }
  
  .tabs-content {
    flex: 1;
    text-align: left;
  }
  
  .tab-panel {
    display: none;
  }
  
  .tab-panel.active {
    display: block;
    padding-right:52px;
  }
  
  .tab-heading {
    color: #00e5ff;
    font-size: 22px;
    margin-bottom: 20px;
  }
  .our-diversity-sec 
 .container {
    border-bottom: 1px solid;
    border-image-source: linear-gradient(90deg, rgba(253, 29, 29, 0) 0%, rgba(0, 0, 0, 0.032) 47.13%, rgba(253, 29, 29, 0) 100%);
}
  .tab-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px 16px;
    margin-top: 10px;
  }
  
  .pill {
    background: #111;
    border: 1px solid #333;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    transition: background .3s ease,transform .2s ease;
}
  
  .pill:hover {
    background: #222;
    transform: scale(1.05);
  }
  
  /* Our guiding principles */
  .guiding-principles-section {
    padding: 80px 20px;
    background: #000;
    color: white;
    padding-bottom: 0px;
    position: relative;
    text-align: center;
  }
  .guiding-principles-section:after {
    content: "";
    position: absolute;
    top: -86px;
    left: calc(0% - 240px);
    background-image: url(/cdn/shop/files/bg-card-pattern-2_1_1.png?v=1745219920);
    height: 100%;
    background-size: contain;
    z-index: 1;
    background-repeat: no-repeat;
    width: 181px;
}
  .guiding-principles-section .principles-heading {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
  }
  
  .guiding-principles-section .principles-subheading {
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto 40px;
    color: #aaa;
  }
  
  .principles-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    justify-items: stretch;
    text-align: left;
  }
  
  .principle-card {
    background: #111;
    padding: 24px;
    border-radius: 25px;
    transition: transform .3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
  .principle-card:hover {
    transform: translateY(-4px);
  }
  
  .principle-card:hover{
    background: #005eff;
    color: white;
  }
  
  .principle-card.highlight .principle-description {
    color: white;
  }
  
  .principle-icon img {
    width: 36px;
    height: auto;
  }
  
  .principle-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
  }
  
  .principle-description {
    font-size: 14px;
    color: #ccc;
  }

  @media (max-width:1599px){
    .custom-banner-section .section-video-paragraph p {
        font-size: 22px;
    }
  }


  @media (max-width:767px){
  .custom-banner-section .main-wrap {
    padding: 154px 0 0;

}


.custom-banner-section .section-video-paragraph p {
    font-size: 14px;
}

.custom-banner-section .section-video-paragraph {
    margin: 28px auto auto;
}
.button-wrapper {
    gap: 4px;
    margin-top: 5px;
}
body{
    overflow-x: hidden;
}
  }
  

  /* april 21 2025 */
  .blending-strategy{
    position: relative;
  }
.blending-strategy .services-section{
    position: relative;
z-index: 1;
padding-top: 0px;

}
.blending-strategy::after {
    content: "";
    position: absolute;
    top: 7%;
    height: 755px;
    background-image: url(/cdn/shop/files/Mask_group_709e009d-9941-4f85-bcb7-691a09852342.png?v=1745219896);
    width: 755px;
    right: 0%;
    background-position: center;
}
  .blending-strategy .services-section p.preheading {
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
}

.blending-strategy .services-section h2.main-heading {
    font-weight: 700;
    font-size: 52px;
    line-height: 65px;
    max-width: 1278px;
}

.blending-strategy .services-section .tabs-wrapper .tabs-content h3.tab-heading {
    font-weight: 600;
    font-size: 52px;
    line-height: 44px;
    margin-bottom: 38px;
      margin-top: 30px;
}

.blending-strategy .guiding-principles-section h2.principles-heading {
    font-weight: 700;
    font-size: 65px;
    line-height: 80px;
    text-align: center;
}
.blending-strategy .guiding-principles-section p.principles-subheading {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    max-width: 903px;
}
.blending-strategy .guiding-principles-section .principles-grid .principle-icon {
    width: 76px;
    height: 90px;
}
.blending-strategy .guiding-principles-section .principles-grid .principle-icon  img{
    width: 100%;
    object-fit: contain;
}
.blending-strategy .guiding-principles-section .principles-grid 
 h3.principle-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    /* margin: 29px 0px 14px 0px; */
    margin: 14px 0px 14px 0px;
}
.blending-strategy .guiding-principles-section .principles-grid p.principle-description {
    font-size: 20px;
    line-height: 30px;
}
.blending-strategy .services-section::after {
    content: "";
    position: absolute;
    top: -10%;
    height: 755px;
    background-image: url(/cdn/shop/files/Ellipse_5_2.png?v=1745219895);
    width: 755px;
    border-radius: 50%;
    left: -10%;
    opacity: 25%;
    z-index: -1;
}
.blending-strategy .services-section::before {
    content: "";
    position: absolute;
    bottom: 0%;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(90deg, rgba(253, 29, 29, 0) 0%, rgba(2, 227, 167, 0.4) 47.13%, rgba(253, 29, 29, 0) 100%);
    left: 0%;
}
.our-diversity-sec .container {
    padding-inline: 12px;
}
@media only screen and (min-width:1500px) { 
    .blending-strategy{
        padding-top: 120px;
    }
    .our-diversity-sec .container {
        max-width: 1100px;
    }
    .our-diversity-sec .container{
        padding-bottom: 111px;
    }
    .custom-banner-section .section-titles-wrapper span.section-subtitle {
        margin-bottom: 23px;
        display: block;
    }
    h1.banner-title {
        line-height: 115px;
      }
    
      .logo_slider_component .section_head_center h2 {
        line-height: 80px;
    }
}
.blending-strategy:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 257px;
    width: 257px;
    background-image: url(/cdn/shop/files/Ellipse_9.png?v=1745219947);
    bottom: 0;
    left: 0;
}
.services-section .tabs-wrapper .tabs-sidebar .tab-button:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 16px;
    background-image: url(/cdn/shop/files/Vector_4_0712931e-86c0-4149-9c77-fce98ca58107.png?v=1745223442);
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    display: none;
    background-repeat: no-repeat;
}
.services-section .tabs-wrapper .tabs-sidebar button.tab-button.active::after
{
    display: block;
}

.our-diversity-sec{
    border-bottom: 1px solid;

    border-image-source: linear-gradient(90deg, rgba(253, 29, 29, 0) 0%, rgba(0, 0, 0, 0.032) 47.13%, rgba(253, 29, 29, 0) 100%);
    
    
}

.our-diversity-sec p.ds-sec-subheading {
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    color: #0D4FE0;
    text-align: center;
}
.our-diversity-sec h2.ds-sec-heading {
    font-size: 52px;
    line-height: 65px;
    text-align: center;
    max-width: 980px;
    margin: auto;
}

.our-diversity-sec p.ds-sec-desc {
    font-size: 30px;
    line-height: 100%;
    max-width: 931px;
    text-align: center;
    margin: auto;
    margin-top: 7px;
}
.our-diversity-sec .ds-sec-image {
    max-width: 1100px;
    margin: 43px auto 25px auto;
}
.our-diversity-sec .ds-sec-note {
    display: flex;
    align-items: start;
    padding-right: 37px;
    max-width: 767px;
    gap: 10px;
    margin-left: auto;
    font-family: Satoshi;
    font-weight: 900;
    font-style: italic;
    font-size: 28px;
    line-height: 40px;
}

.meet-team h2.title.inline-richtext.h1 {
    font-size: 65px;
    line-height: 100%;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 121px;
}
.clients_component{
    padding-top: 0px;
}
.meet-team slider-component ul li {
    position: relative;
    padding: 0px 7.5px;
}
.meet-team slider-component ul{
    margin: 0px -7.5px;
}
.meet-team slider-component ul li .multicolumn-card .multicolumn-card-spacing >div {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 155px;
    height: 155px;
    padding: 0px !important;
    transform: translate(-50%, -50%);
}
.meet-team{
    overflow: hidden;
}
.meet-team slider-component ul li .content-container .multicolumn-card__info h3.inline-richtext {
    font-family: Satoshi;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
}
.meet-team slider-component ul li .content-container .multicolumn-card__info p {
    font-size: 18px;
    line-height: 30px;
}
.meet-team slider-component ul li .content-container {
    padding: 37px 0;
    border: 1px solid #00000014;
    background: transparent!important;
    border-radius: 15px;
}
.meet-team slider-component ul li .content-container:hover{
    box-shadow: 18px 32px 54px 0px #0D4FE012 !important;
    background-color: #0D4FE0 !important;
    color: #fff !important;
}
.meet-team slider-component ul li .multicolumn-card .multicolumn-card-spacing>div img{
    transition: all 0.5 ease-in-out;
}
.meet-team slider-component ul li .content-container:hover h3{
    color: #fff;
}
.meet-team slider-component ul li .content-container:hover img{
border: 10px solid #0D4FE0  !important;

border-radius: 50%;

}
.p-140
{
    padding: 140px 0px;
}
.p-120{
    padding: 120px 0px;
}
@media only screen and (max-width:1500px)  {
    .Digital-growth .growth-image_col .cta_div .cta {
        max-width: 120px !important;
        height: 120px !important;
    }
    .p-140 ,.p-120 {
        padding: 110px 0;
    }
    .blending-strategy .guiding-principles-section .principles-grid 
 h3.principle-title {
    margin-top: 14px;
   margin-bottom:7px;
}
}
@media only screen and (max-width:1399px) {
    .p-140 ,.p-120{
        padding: 100px 0;
    }

    .blending-strategy .services-section h2.main-heading {
        font-size: 40px;
        line-height: 1.4;
    }
    .services-section .tabs-wrapper {
        margin-top: 60px;
    }
    .principle-card.highlight {
        padding: 20px;
    }
    .tabs-wrapper {
        gap: 30px;
    }
    .blending-strategy .guiding-principles-section .principles-grid p.principle-description {
        font-size: 18px;
    }
}
@media only screen and (max-width:1199px) {
    .p-140,.p-120 {
        padding: 100px 0;
    }
    .blending-strategy .services-section h2.main-heading {
        font-size: 35px;
        line-height: 1.4;
    }
    .blending-strategy .services-section .tabs-wrapper {
        gap: 15px;
    }

    .principles-grid {
grid-template-columns: auto auto;
    }
    .blending-strategy .guiding-principles-section .principles-grid .principle-icon {
        width: 50px;
        height: 50px;
    }
    .our-diversity-sec h2.ds-sec-heading {
        font-size: 42px;
        line-height: 1.4;
    }
    .our-diversity-sec .ds-sec-note {
        font-size: 24px;
        line-height: 1.4;
    }
    .meet-team h2.title.inline-richtext.h1 {
        font-size: 45px;
        margin-bottom: 100px;
    }
    .meet-team slider-component ul li .multicolumn-card .multicolumn-card-spacing>div {
        width: 125px;
        height: 125px;
    }
    .meet-team slider-component ul li > div{
        padding: 0px !important;
    }
    .meet-team slider-component ul li .multicolumn-card__info {
        padding: 15px;
    }
    .meet-team slider-component ul li .content-container .multicolumn-card__info h3.inline-richtext {
    
        font-size: 20px;
    }
    .meet-team slider-component ul li .content-container .multicolumn-card__info p {
        font-size: 16px;
        line-height: 1.4;
    }
    .meet-team slider-component ul li .content-container {
        padding-top: 40px !important;
    }
    div#accordionFlushExample {
        padding: 0px !important;
    }
}
@media only screen and (max-width:991px) {
    .p-140,.p-120 {
        padding: 80px 0;
    }
    .services-section  .tabs-wrapper {
        flex-direction: column;
    }
    .services-section .tabs-wrapper .tabs-sidebar {
        max-width: 100%;
    }
    .blending-strategy .services-section h2.main-heading {
        font-size: 28px;
        line-height: 1.4;
    }
    .our-diversity-sec h2.ds-sec-heading {
        font-size: 32px;
    }
    .our-diversity-sec p.ds-sec-desc {
        font-size: 23px;
    }
    .meet-team slider-component ul li .content-container{
        pointer-events: none;
    }
    .meet-team slider-component ul li .content-container {
        width: 70%;
        margin: auto;
        padding-top: 40px !important;
    
    }
    .meet-team slider-component ul li{
        margin-bottom: 100px;
    }
    .meet-team slider-component ul li:last-child{
        margin-bottom: 0px;
    }

    
}
@media only screen and (max-width:767px) {
    .p-140 ,.p-120{
        padding: 65px 0;
    }
    .blending-strategy .services-section:after ,.blending-strategy:before {
        display: none;
    }
    .services-section .tabs-wrapper .tabs-sidebar .tab-button {
        font-size: 18px;
    }
    .blending-strategy .services-section .tabs-wrapper .tabs-content h3.tab-heading {
        font-size: 42px;
        margin-bottom: 15px;
    }
    .services-section .tabs-wrapper .tabs-content .tab-items .pill {
        font-size: 18px;
    }
    .blending-strategy .services-section h2.main-heading {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .principles-grid {
        grid-template-columns:  auto;
            }
            .our-diversity-sec p.ds-sec-desc {
                font-size: 19px;
            }
            .our-diversity-sec .ds-sec-note {
                font-size: 20px;
                line-height: 1.4;
                padding: 0px;
            }
            .grid_row .grid_col {
                padding: 0px !important;
            }
            .grid_row{
                margin: 0px !important;
            }
}
@media only screen and (max-width:575px) {
    h1.banner-title span.gred {
        margin-top: 8px;
        display: block;
    }
    .p-140,.p-120 {
        padding: 50px 0;
    }
    .services-section .tabs-wrapper .tabs-sidebar .tab-button ,  .services-section .tabs-wrapper .tabs-content .tab-items .pill {
        font-size: 18px;
    } 
    .services-section .tabs-wrapper .tabs-sidebar{
        padding: 15px;
    }
    .blending-strategy .services-section h2.main-heading {
        font-size: 16px;
    }
    .blending-strategy .principle-card{
        padding: 15px;
    }
    .blending-strategy .guiding-principles-section .principles-grid .principle-icon {
        width: 40px;
        height: 40px;
    }
    .blending-strategy .guiding-principles-section .principles-grid 
 h3.principle-title {
    margin: 0px;
    font-size: 20px;
}
.blending-strategy .guiding-principles-section .principles-grid p.principle-description {
    font-size: 15px;
    line-height: 1.2;
    margin: auto;
}
.our-diversity-sec h2.ds-sec-heading ,.meet-team slider-component ul li .content-container .multicolumn-card__info h3.inline-richtext 
{
    font-size: 16px;
}
.our-diversity-sec p.ds-sec-subheading {
    font-size: 18px;
}
.our-diversity-sec p.ds-sec-desc {
    font-size: 15px;
}
.our-diversity-sec .ds-sec-note {
    font-size: 15px;
}
.meet-team slider-component ul li .multicolumn-card .multicolumn-card-spacing>div {
    width: 80px;
    height: 80px;
}
.meet-team slider-component ul li .multicolumn-card__info {
    padding: 0px;
}
.meet-team slider-component ul li .content-container {
    width:90%;
    padding-top: 20px!important;
}
.meet-team slider-component ul li {
    margin-bottom: 60px;
}
.test-slide h2 {
    font-size: 20px;
}
}


.contact_section {
    background-color: #000;
    position: relative;
    color: #fff;
    z-index: 1;
    overflow-x: hidden;
    -webkit-appearance: none;
    appearance: none;
    overflow: hidden;
}
.contact_section::-webkit-scrollbar {
    display: none;
}

.contact-left-part h2 {
    font-size: 65px;
    line-height: 80px;
    color: #fff;
    margin-bottom: 12px;
}
.contact_section:after {
    content: "";
    position: absolute;
    bottom: -40%;
    right: 0%;
    background-image: url(/cdn/shop/files/Ellipse_9_1.png?v=1745238690);
    width: 755px;
    height: 755px;
    transform: translate(56px);
    z-index: -1;
}
.contact_section .gradient {
    background: transparent;
}
.contact_section .gradient .contact {
    padding: 0px;
}
form#ContactForm .field input, form#ContactForm .field textarea#ContactForm-body , 
form#ContactForm .field select {
    background: transparent;
    border: 1px solid #FFFFFF21;
    border-radius: 5px;
}
form#ContactForm .field label {
    font-size: 18px;
    line-height: 100%;
    color: #949494;
}
.contact_section .gradient .contact p {
    font-size: 20px;
  font-weight: 200 !important;
    line-height: 100%;
    color: #fff;
    margin: 0px;
}
form#ContactForm .field {
    margin-bottom: 30px;
}
.contact-left-part .info_wraper p {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
}
.contact-left-part .info_wraper p strong {
    font-weight: 700;
}
.contact-left-part .info_wraper p:first-child{
    margin-bottom: 26px;
}
.contact-left-part .social_link_wrapper {
    margin-top: 62px;
}
.contact-left-part .social_link_wrapper p {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 23px;
}
.contact-left-part .social_link_wrapper ul {
    gap: 15px;
}
.contact-left-part .info_wraper p:last-child{
    margin-bottom: 0px;
}
.contact-left-part{
    padding-right: 43px;
   /* padding-right: 103px; */
}
form#ContactForm .cta_div {
    margin-top: 20px;
}
form#ContactForm input{
    color: #fff;
}
form#ContactForm .cta_div  button{
    background: transparent;
    border: 1px solid #FFFFFF;
}
form#ContactForm .cta_div  button::after , form#ContactForm .cta_div  button::before{
    display: none;
}
form#ContactForm .cta_div button:hover{
    background-color: #fff;
}
@media only  screen and (max-width:1399px) {
    .contact-left-part h2 {
        font-size: 45px;
        line-height: 1.4;
    }


}
form#ContactForm .form__message h2.form-status.caption-large.text-body ,form#ContactForm .form__message ul li a{
    color: #fff !important;
}

/* home page  */
.Faq .accordion-item {
    padding: 0px !important;
    border: 1px solid #E9E9E9 !important;
}

/* 22april2025  */
header .list-menu--inline span.header__active-menu-item{
    text-decoration: none;
    color: #02e3a7;
}

 header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
    position: relative;
} 
header.header nav.header__inline-menu,header.header nav.header__inline-menu ul ,header.header nav.header__inline-menu ul  li ,header.header nav.header__inline-menu ul  li header-menu , header.header nav.header__inline-menu ul  li header-menu  details{
     position: static; 
}
header.header nav.header__inline-menu ul li header-menu details .main-menu-title {
    position: absolute;
    width: 100%;
    top: 100%;
    background-color: #fff;
    left: 0%;
    padding: 60px;
} 
 ul#HeaderMenu-MenuList-2, ul#HeaderMenu-MenuList-3 {
    display: flex;
    justify-content: space-between;
    align-items: start;
    height: auto;
    border: none;
    box-shadow: none;
} 
 ul#HeaderMenu-MenuList-2 li ,ul#HeaderMenu-MenuList-2 li >div , ul#HeaderMenu-MenuList-2 li >div  ul{
    position: unset;
} 
ul#HeaderMenu-MenuList-2 li>div summary svg {
    display: none;
}
ul#HeaderMenu-MenuList-2 li>div summary span , ul#HeaderMenu-MenuList-3  li>a{
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}
ul#HeaderMenu-MenuList-2 li>div ul{
    background-color: transparent;
}

ul#HeaderMenu-MenuList-2 li>div ul li a  ,  ul#HeaderMenu-MenuList-3  li>div ul li a{
    font-size: 16px;
}
.site_header .list-menu__item {
    font-size: 16px;
}
.mid_footer {
    background-attachment: fixed;
}

/* header  */
@media only screen and (max-width:989px) {
    header-drawer {
        width: 25% !important;
    }
    details#Details-menu-drawer-container{
        justify-content: end;
    }
    .site_header .header__icons {
        width: 25% !important;
        justify-content: end!important;
        padding: 0px;
    }
    .header>.header__heading-link {
        width: 25%;
    }

    div#menu-drawer {
        width: 100%;
        border-right: none;
        transform: translate(0)!important;
        transition: all 0.4s ease-in-out;
    }
    a.header__heading-link.link.link--text.focus-inset .header__heading-logo-wrapper {
        text-align: left;
    }


     /* this  */
    .js .menu-drawer__submenu {
        position: static !important;
        transform: translate(0px) !important;
        visibility: visible !important;
    }
    
    .menu-drawer__inner-submenu {
        height: auto !important;
        overflow-x: visible;
        overflow-y: visible;
    }
    
    .list-menu__item {
        display: block !important;
    }
    
    .js .menu-drawer__navigation .submenu-open {
        visibility: visible !important;
    }
    
    .menu-drawer__close-button {
        display: none;
    }
    #menu-drawer ul li details summary{
        position: relative;
    }
    #menu-drawer ul li details summary::after {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        top: 50%;
        right: 40px;
        transform: translate(0%,-50%);
        color: #fff;
        font-size: 25px;
    }
    .inner_sub_menuaa li summary {
        font-size: 14px !important;
    }
    .inner_sub_menuaa li summary::after {
        font-size: 16px !important;
    }
    .inner_sub_menubb li a {
        font-size: 13px !important;
    }
    ul.inner_sub_menuaa , ul.inner_sub_menubb{
        padding-left: 10px;
    }
}
@media only screen and (max-width:575px) {
    .modal-content iframe {
        height: 130px !important;
    }
    .casestudies_section .Heading_wrap {

        font-size: 16px;
    }
    .casestudies_section .modal-body p {
        font-size: 15px;
        line-height: 1.4;
    }
.header__heading-logo-wrapper {
    width: 50px;
}
.site_header .header__icons {
    width: 50% ! important;
    justify-content: space-evenly;
    padding-right: 0px;
}
.Digital-growth .growth-image_col .cta_div .cta {
    max-width: 100px!important;
    height: 100px!important;
}
.size65 ,h1.size52.image-with-text__heading.inline-richtext.h1 , .slide-content h2 , .size85{
    font-size: 20px !important;
}
.custom-banner-section  p  ,.cstm-bnnr-bot-para , .section_head_center p , .slide-content p  , .size22{
    font-size: 15px;
    line-height: 1.4;
}
.button-wrapper {
    flex-direction: column;
}
.custm-banner-heading .cstm-bnnr-bot-head {
    font-size: 20px;
}
}
header.header nav.header__inline-menu ul li header-menu details .main-menu-title h3.menu-title {
    padding: 0px 20px;
}
#menu-drawer ul li .menu-drawer__submenu button {
    display: none;
}


details summary {
    text-decoration: none !important;
}

header.header nav.header__inline-menu ul li header-menu details .main-menu-title {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.9s ease-in-out;
}

header.header nav.header__inline-menu ul li header-menu details[open] .main-menu-title {
   
    max-height: 500px;
    opacity: 1;
  
}

@media only screen and (max-width:575px) {
    .name-title h4 {
        font-size: 12px;
    }
    section.Testimonial-slider.light {
    }
    .size65  , .blending-strategy .services-section .tabs-wrapper .tabs-content h3.tab-heading{
        font-size: 25px;
    }
    .custom-banner-section .section-titles-wrapper span.section-subtitle  , .blending-strategy .services-section p.preheading{
        font-size: 18px;
    }
    .blending-strategy .guiding-principles-section h2.principles-heading {
        font-size: 25px;
        line-height: 1.4;
    }
    .blending-strategy .guiding-principles-section p.principles-subheading{
        font-size: 16px;
        line-height: 1.4;
    }
    .meet-team h2.title.inline-richtext.h1 , .contact-info h2{
        font-size: 22px;
    }
    h1.banner-title , .size105  {
     line-height: 1.2;
        font-size: 20px;
    }
    .cratrivity_meet h2.size65 {
        font-size: 18px;
    }
    .cratrivity_meet  
 p {
    font-size: 16px;
    line-height: 1.4;
}
a.cta.cta_trans.cta_round {
    width: 100px;
    height: 100px;
    font-size: 11px;
}
a.cta.cta_trans.cta_round img {
    max-width: 14px;
}
.success_section p ,.watch-video-container p, .section_head_campaign p , .campaignblock .slide-content p ,.about-section p ,.slider-outer-wrap .slider-wrap .slide-content p {
   
    font-size: 15px;
    line-height: 1.4;
}
.size52{
    font-size: 22px;
}
.Faq .faq_accordian .accordion-button {
    font-size: 15px !important;
}

.policy-description h2 , .policy-description h4 {
    font-size: 20px !important;
}
.privacy-policy p b {
    font-size: 16px !important;
}
.policy-description  ul li {
    font-size: 15px;
    line-height: 1.4;
}
}

/* issue by tester  */
.brain_block_section {
    background-position: left -2% top 25%,right bottom -3px!important;
}

.campaign_section {
    background-position: left -2% top -43%,right  bottom 95px !important;
}

.testimonial_slider .card-wrap .image-title .testimonial-image img {
    object-fit: none !important;
}
@media only screen and (min-width:1500px) {
    .campaign_section .slide-content p {
        font-family: Satoshi;
        font-weight: 400;
        /* font-size: 30px; */
        line-height: 40px;
    }
    .logo_div {
        height: 466px;
        max-width: 689px;
    }
    .Digital-growth .growth_text h2 {
        font-size: 105px;
        line-height: 115px;
    }
}
.Faq{
    position: relative;
}

.Faq:after {
    position: absolute;
    bottom: 0%;
    transform: translateY(-100%);
    background-image: url(/cdn/shop/files/Mask_group_3.png?v=1745560140);
    content: "";
    width: 197px;
    height: 503px;
}
.contact-info.dark {
    background-position: center top 12% !important;
}


.above-footer-left h2 {
    max-width: 727px;
}

.light_block{
    position: relative;
}
.light_block::after {
    position: absolute;
    content: "";
    background-image: url(/cdn/shop/files/Ellipse_5_5.png?v=1745403299);
    width: 755px;
    height: 755px;
    top: -84px;
    background-position: center left;
    border-radius: 50%;
    opacity: 23%;
    LEFT: 0%;
}
.success_section .row.grid_row {
    align-items: center;
}
.slider-new{
    position: relative;
}

.meet-team slider-component ul li .content-container {
    padding-bottom: 0px;
}

ul#Slider-template--15397086953552__multicolumn_QLdbiT li .multicolumn-card.content-container .multicolumn-card__info {
    padding-top: 37px;
}
.blending-strategy{
    padding-top: 0px;
}
.tab-button {
    background: TRANSPARENT;
}


/* privacy page  */
.privacy-image{
    max-width: 100px;
}

.campaignblock .image_text_slider {
    width: 100%;
    max-width: 1292px;
    margin: auto;
}

@media only screen and (max-width:767px) {
    .light_block::after{
        display: none;
    }
    .campaignblock .slide-content p {
        width: 100%;
        max-width: 430px;
    }
    .slider-new:after {
        width: 79px;
        height: 79px;
        left: auto;
    }
    .modal-content iframe{
        height: 280px;
    }
}

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

    .slider-new::after {
        width: 99px;
        height: 99px;
    }
    .casestudies_section button.btn-close i{
        width: unset;
        height: unset;
        }
}


.Digital-growth .growth-image_col .cta_div .cta {
  max-width: 186px;
    height: 186px;
  }


  .brain_block_section .eclipse_left {
    bottom: 10px;
}



/* 24april issue */
.policy-description  ul {
    padding-left: 30px;
}

/* header  */
ul#HeaderMenu-MenuList-2 li>div ul li a {
    font-size: 15px !important;
}

ul#HeaderMenu-MenuList-2  , ul#HeaderMenu-MenuList-3{
    background-color: transparent;
}
header.header nav.header__inline-menu ul li header-menu details .main-menu-title {
    background-color: #051f56 !important;
    background-image: url(/cdn/shop/files/Rectangle_64.png?v=1745488424);
    background-position: bottom 100% center;
}
header.header nav.header__inline-menu ul li header-menu details .main-menu-title h3.menu-title {
    color: #fff;
}

ul#HeaderMenu-MenuList-2 li>div summary span, ul#HeaderMenu-MenuList-3 li>a{
    color: #fff;
}
.site_header .header__submenu .list-menu__item {
    color: #fff !important;
} 


@media only screen and (min-width:1500px) {
    .main-menu-title .container {
        max-width: 1400px;
    }
}

.main-menu-title svg path {
    color: #fff;
}


/* 25 april  */


.clients_component .section_head_center .container {
    padding-bottom: 0px;
}
.campaignblock .slide-image {
    padding-left: 0px !important;
}
.logo_slider .slick-track {
    gap: 100px !important;
}
.about_row h5 {
    font-family: Satoshi;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
}
.Faq .accordion-flush{
    padding-top: 60px;
    max-width: 1246px;
    margin: auto;
}

.heading_cta_block{
    position: relative;
    overflow: hidden;
}
.heading_cta_block:after {
    position: absolute;
    content: "";
    bottom: 0%;
    right: -15%;
    background-image: url(/cdn/shop/files/bg-card-pattern-2_2.png?v=1745559707);
    width: 606px;
    height: 662px;
}

.ds-sec-note img {
    width: 40px;
}
div#ImageWithText--template--15398805831760__custom_image_with_text_7apAdc h1 {
    max-width: 622px;
}
@media only screen and (min-width:1500px) {
    .image_text_slide .slide-content {
        padding-right: 50px;
    }   
}

.more_img {
    text-align: center;
}
.video-embaded {
    overflow: hidden;
    border-radius: 25px;
}
.casestudies_section .modal-content {
    position: relative;
    padding-top: 38px;
}
.casestudies_section button.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
/* for mobileheader */
@media only screen and (max-width:989px)
{
  
header#site-header .header__icons.header__icons--localization.header-localization .login-icon-div{
    display: none;
}
details#Details-menu-drawer-container{
    justify-content: start !important;
}
header-drawer {
    order: 0 !important;
}
.site_header .header__heading {
    width: 50% !important;
}
.site_header .header__icons {
    width: 25% !important;
    justify-content: end !important;
}
} 


@media only screen and (max-width:575px) {
    .site_header .header__icons {
        width: 27%!important;
    }
    .casestudies_section button.btn-close {
        padding: 5px 10px!important;
    }
}


summary#HeaderMenu-what-we-do-digital-marketing span {
}
.contact.page-width.page-width--narrow.section-template--15395414507600__form-padding form#ContactForm .field select:focus  ,.contact.page-width.page-width--narrow.section-template--15395414507600__form-padding form#ContactForm .field select , .contact.page-width.page-width--narrow.section-template--15395414507600__form-padding form#ContactForm .field select  option{
    color: #fff !important;
  }
  select#ContactForm-spend {
    height: 50px;
}
form#ContactForm .field select option{
    background-color: #000;
    color: #fff !important;
}
/* 1/05/2025 */


.modal-dialog {
    justify-content: center;
}




#ContactForm-spend {
  background-color: black; /* dropdown box background */
  color: #0ff;             /* selected option text color */
  border: 1px solid #0ff;
  padding: 10px;
  border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}



.heading_cta_block:after {
    z-index: -1;
}

.content-below-form {
    display: none;
}
@media only screen and (max-width: 575px) {
    .contact-left-part p , .contact-left-part .info_wraper , .contact-left-part .social_link_wrapper {
        display: none;
    }
    .content-below-form {
        display: block;
    }
    .list-social.footer__list-social {
        margin-top: 0px;
    }

.contact_section .gradient .contact p:first-child{
    padding: 20px 0px;
}
}
.contact_section .gradient .contact p {
    padding-bottom: 20px;
}

.Testimonial-slider .sec-padding {
    padding: 0px !important;
}

.contact_section .container{
  position: relative;
  z-index: 99
}

.contact_section:after{display: none;}

/* header */
 header-drawer {
          justify-self: start;
          margin-left: -1.2rem;
        }

        {%- if section.settings.sticky_header_type == 'reduce-logo-size' -%}
          .scrolled-past-header .header__heading-logo-wrapper {
            width: 75%;
          }
        {%- endif -%}

        {%- if section.settings.menu_type_desktop != "drawer" -%}
          @media screen and (min-width: 990px) {
            header-drawer {
              display: none;
            }
          }
        {%- endif -%}

        .menu-drawer-container {
          display: flex;
        }

        .list-menu {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .list-menu--inline {
          display: inline-flex;
          flex-wrap: wrap;
        }

        summary.list-menu__item {
          padding-right: 2.7rem;
        }

        .list-menu__item {
          display: flex;
          align-items: center;
          line-height: calc(1 + 0.3 / var(--font-body-scale));
        }

        .list-menu__item--link {
          text-decoration: none;
          padding-bottom: 1rem;
          padding-top: 1rem;
          line-height: calc(1 + 0.8 / var(--font-body-scale));
        }

        @media screen and (min-width: 750px) {
          .list-menu__item--link {
            padding-bottom: 0.5rem;
            padding-top: 0.5rem;
          }
        }


      .login-icon-div {
        display: none;
      }

      @media screen and (max-width: 989px) {
        .login-icon-div {
          display: block;
        }
      }



    #site-header.sticky-header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
      background-color: #0000009c;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }


   ul#HeaderMenu-MenuList-2 li > div ul li a:hover {
    color: #02e3a7 !important;
  }
/* logo slider */
  .logo_slide {
      padding: 10px;
    }
    .logo_slide img {
      max-height: 80px;
      object-fit: contain;
    }