.hero-section{
    background: linear-gradient(178.31deg, #FFFEFA 35.68%, #FFFDE7 60.04%, #FFFBD3 87.11%, #EEDB1E 127.2%);
}

.hero-section .banner-title{line-height: 60px;}

.small-caption{font-weight:600;font-size:20px;margin-bottom:20px}

ul.about-us-list li {
    display: flex;
    gap: 10px;
    margin: 10px 0;
    font-size: 15px;
    color: #3D4C5E;
}

ul.about-us-list li svg {
    width: 14px;
    fill: #fed81c;
}

ul.about-us-list {
    padding-top: 10px;
}

.about-us img, .why-choose-us-inner img, .elevate-your-brand-img img {
    width: 100%;
}

.seo-sol-inner legend {
    font-size: 24px;
    font-weight: 600;
}

.seo-sol-inner.blog-inner {
    border: 1px solid #EFE21C;
}

.Our-Precision-Lead-Generation-Service .seo-sol-inner.blog-inner {
    border: none;
}

.Stop-Burning-Budgets-cols .seo-sol-inner.blog-inner {
    border: none;
}

.brl-thick {
    border-left: 5px solid #EFE21C !important;
}

.why-choose-us-inner, section.proven-process{
    background-color: rgba(248, 249, 250) !important;
}


.seo-sol-inner:hover{
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

section.seo-solution {
    background: #F6F8FA;
}


.why-choose-us-inner ul {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

.why-choose-us-inner ul li {
    transition: all 0.4s;
    padding: 8px;
    border-radius: 30px;
    border: 1px solid #909DAD;
    font-size: 15px;
}

section.why-choose-us .button-common a.btn {
    background: transparent;
    border: 1px solid #EFE21C;
}

section.why-choose-us .button-common a.btn:hover {
    background: #EFE21C;
}


section.ready-to-take, section.testimonials {
    background: #0D47A1;
}


.posted-date {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.posted-date > div {
    display: flex;
    align-items: center;
}

.posted-date > div sapn {
    font-weight: 400;
}

.posted-date > div > span {
    font-size: 13px;
}

.posted-date > div {
    display: flex;
    gap: 5px;
}

section.seo-solution.blogs p {
    min-height: auto;
}

.read-more a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.read-more a svg {
    transition: all 0.3s ease-in-out;
}

.read-more a:hover svg {
    transition: all 0.3s ease-in-out;
    transform: rotate(-45deg);
}

section.seo-solution.blogs {
    background: #fff;
}

.list-ete-inner.left {
    text-align: right;
}

.list-ete-inner ul {
    line-height: 35px;
    padding: 30px 0;
}

.list-ete-inner ul li {
    font-weight: 600;
}

.list-ete-inner ul li svg {
    width: 14px;
    fill: #fed81c;
}

.elevate-your-brand-inner .button-common a > span {
    display: inline-flex;
    gap: 5px;
}

.elevate-your-brand-inner .button-common a span.arrow-icon, .faq-section-inner .button-common a span.arrow-icon {
    display: inline-block;
    width: 25px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
}

.elevate-your-brand-inner .button-common a span.arrow-icon svg, .faq-section-inner .button-common a span.arrow-icon svg {
   transition: all 0.3s ease-in-out;
}

.elevate-your-brand-inner .button-common a:hover span.arrow-icon svg, .faq-section-inner .button-common a:hover span.arrow-icon svg {
   transition: all 0.3s ease-in-out;
   transform: rotate(-45deg);
}

.prover-process-inner .one-col img {
    width: 100%;
}

.prover-process-inner .two-col label {
    font-size: 27px;
    font-weight: 600;
}

.prover-process-inner {
    padding: 20px 24px;
    transition: all 0.4s;
    border-top: 1px solid #E7EDF6;
    border-bottom: 1px solid #E7EDF6;
}

.prover-process-inner:hover {
    background: #0d47a1;
    color: #fff;
}

.prover-process-inner:hover p {
    color: #fff;
}

section.benefits-of-seo .container-fluid {
    align-items: flex-start;
}

.inner-benefits-of-seo legend {
    display: inline-flex;
    width: 50px;
    height: 50px;
    background: #fed81c;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 27px;
    font-weight: 600;
}

.inner-benefits-of-seo span {
    font-size: 20px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inner-benefits-of-seo {
    margin: 15px 0;
}

section.ready-to-take.industrial-benefits p {
    font-size: 14px;
}

ul.list-industries {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

ul.list-industries li {
    transition: all 0.4s;
    padding: 8px 10px;
    border-radius: 30px;
    border: 2px solid #ffd400;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}

ul.list-industries li:hover {
    background: #ffd400;
    transition: all 0.4s;
    color: #000;
    cursor: pointer;
}

.inner-meet-new-gen {
    background: #000000a3;
    border-radius: 20px;
}

.inner-meet-new-gen legend {
    color: #fed81c;
    font-size: 50px;
    font-weight: 600;
}

.inner-meet-new-gen span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
}

.inner-meet-new-gen p {
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
    min-height: 80px;
}

.img-pfwc img {
    width: 100%;
}

.img-pfwc {
    border-radius: 230px;
    overflow: hidden;
}


section.our-services .read-more a {
    font-weight: 600;
}

.container-fluid.our-services-block {
    justify-content: center;
}

.container-fluid.our-services-block .seo-sol-inner.blog-inner:hover {
    background: #fed81c;
    transition: all 0.3s ease-in-out;
}

.container-fluid.our-services-block .seo-sol-inner.blog-inner {
    transition: all 0.3s 
ease-in-out;
}

.container-fluid.our-services-block .seo-sol-inner legend {
    font-size: 18px;
}

.container-fluid.our-services-block.six-blocks .seo-sol-inner legend{
    width:221px
}


.horizontal-services {
  position: relative;
  /* padding: 40px 0; */
  /* background: linear-gradient(to right, #f7f7fb, #eef4ff); */
}

.scroll-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 25px;
  gap: 20px;
}

.service-card {
    min-width: 100px;
    max-width: 100px;
    height: 380px;
    border-radius: 14px;
    background-size: cover;
    background-position: center;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.4s ease;
}

.service-card-reponsive {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    margin: 12px 0;
}

.service-card::before, .service-card-reponsive::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000087;
    left: 0;
    top:0;
    backdrop-filter: blur(1px);
}

.v-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 18px;
  font-weight: 600;
  color: white;
  display: block;
}

.service-card p, .h-text {
    display: none;
}

.wide-card p {
  display: block;
}

.wide-card *, .service-card-reponsive * {
    position: relative;
    color: #fff !important;
}

span.h-text-responsive {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 20px;
}

.service-card-reponsive p {
    font-size: 14px;
}

/* Expanded / wide card */
.service-card.wide-card {
  min-width: 450px !important;
  padding: 20px;
display: flex;
align-items: flex-start;
flex-direction: column;
max-width: 450px;
justify-content: flex-end;
}

/* Hide paragraph on normal cards */
.service-card p {
  display: none;
}

.service-card.wide-card p {
  display: block;
}

.wide-card span {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
}

.service-card.wide-card span.v-text {
  display: none
}

.service-card.wide-card span.h-text {
  display: block
}




/*** new **/

.block-black {
    background: #000;
    border-radius: 20px;
    overflow: hidden;
}

.block-black legend {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 30px;
    border-bottom: 1px solid #fff;
}

.block-black ul {
    padding: 30px !important;
}

.block-black ul li img {
    width: 30px;
}

.block-black ul li {
    color: #fff;
    margin-bottom: 30px;
    padding-left: 30px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
}

section.full-funnel-marketing .seo-sol-inner.blog-inner {
    text-align: center;
    background: #fff;
}

section.full-funnel-marketing .seo-sol-inner.blog-inner legend {
    font-size: 18px;
}

section.full-funnel-marketing, section.ready-to-take.tranformation-today {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

section.full-funnel-marketing{
    background: url('../images/full-funnel-market.png');
}

section.ready-to-take.tranformation-today{
   background: url('../images/tranformation-today-bg.png');
    background-position: bottom;
    padding-bottom: 120px;
}

.scalable-blueprint-inner-head {
    font-size: 22px;
    font-weight: 700 !important;
    /* width: 235px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.scalable-blueprint-inner {
    background: #FFFDF5;
    padding: 20px 25px;
    border-radius: 10px;
    margin-bottom: 20px;
}

p.scalable-blueprint-inner-body {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 35px;
}

.scalable-blueprint-inner-img img{width: 100%;}

.scalable-blueprint-inner-head span {
    display: inline-block;
}

.scalable-blueprint-inner-head img{width: 50px;}

.our-approach-blends-style {
    display: flex;
    gap: 20px;
    align-items: center;
    font-size: 20px;
}

legend.our-approach-blens-heading {
    font-size: 30px;
    margin-bottom: 30px;
}


.quote-box {
    position: relative;
    padding: 20px;
    border-radius: 6px;
    max-width: 410px;
}

.quote-text {
    font-size: 25px !important;
    font-weight: 700;
    line-height: 1.4;
    color: #000;
    margin: 0;
    font-weight: 700;
    text-align: center;
    position: relative;
}

.quote-icon {
  position: absolute;
  font-size: 56px;
  font-weight: 800;
  color: #000;
  line-height: 1;
}

.quote-icon.left {
  top: -18px;
  left: 12px;
}

.quote-icon.right {
  bottom: -22px;
  right: 14px;
}

img.left-quote {
    position: absolute;
    left: -13px;
    top: -10px;
}

img.right-quote {
    bottom: 0;
    position: absolute;
    right: -35px;
    bottom: -5px;
}

section.high-roi ul {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

section.high-roi ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    box-shadow: 0px 9px 19.4px 0px #0000001A;
    border-radius: 50px;
}

section.high-roi ul li img {
    width: 30px;
}

.high-roi-inner img {
    width: 100%;
}

p.para-content {
    font-size: 13px;
    margin-bottom: 16px;
    line-height: 20px;
    color: #616161;
}

p.head-content {
    font-weight: 700;
    font-size: 22px;
}

.high-roi-inner-content {
    padding: 35px 15px;
}

.high-roi-inner.odd-block {
    border-bottom: 5px solid #EFE21C;
}

.high-roi-inner.even-block {
    border-top: 5px solid #EFE21C;
}

section.digital-architect-growth {
    background: url('../images/digital-growth-architect-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

img.quote-1, img.quote-2 {
    position: absolute;
}

.blockquote-content strong {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
}

img.quote-1 {
    left: -100px;
    top: -35px;
}

.blockquote-content {
    position: relative;
}

img.quote-2 {
    right: -115px;
    bottom: -35px;
}

.our-pipelines {
    background: linear-gradient(93.39deg, #EFE21C 2.8%, #FFFDEB 97.68%);
    padding: 60px 30px 40px;
    border-radius: 25px;
    font-weight: 600;
    position: relative;
}

img.imagine-this {
    position: absolute;
    top: -38px;
    left: 50%;
    margin-left: -50px;
}

h2.last-card span {
    background: #EFE21C;
    display: inline-block;
    padding: 10px 8px;
}






.counter-inner span {
    font-size: 35px;
    font-weight: 700;
    padding-left: 20px;
    border-left: 4px solid rgba(77, 122, 231, 1);
}

.counter-inner p {
    padding-left: 20px;
    margin-top: 10px;
    line-height: 20px;
}

.counter .row-inner {
    justify-content: center;
}

.button-common a.btn {
    transition: all 0.3s ease-in-out;
    border: 1px solid #EFE21C;
    background: #EFE21C;
    border-radius: 30px;
}

.button-common a.btn:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px #EFE21C;
    border: 1px solid #EFE21C;
}

.button-common a.btn span.button-arrow img{transition: all 0.3s ease-in-out;}

.button-common a.btn:hover span.button-arrow img{
    transition: all 0.3s ease-in-out;
    transform: rotate(45deg);
}

.inner-smart-core-values span {
    display: inline-block;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
    min-height: 48px;
}

.inner-smart-core-values, .icon-smart-core-value{
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-smart-core-values {
    text-align: center;
    padding: 20px;
    box-shadow: 0px 0px 16.94px 0px rgba(234, 236, 248, 1);
    border-radius: 20px;
    flex-direction: column;
    position: relative;
    background: #fff;
    border-bottom: 7px solid #b476a2;
}

.inner-smart-core-values.Think-Fresh-Build-Smart{
    border-bottom: 7px solid #8f8ef4;
}

.inner-smart-core-values p {
    min-height: 156px;
}

.icon-smart-core-value {
    width: 80px;
    height: 80px;
    background: rgba(243, 247, 254, 1);
    border-radius: 50%;
}

.smart-core-values h2{font-weight: 600;}

.icon-smart-core-value-trusted img {
    width: 120px;
}

.icon-smart-core-value-trusted {
    box-shadow: 0px 3.59px 3.59px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    height: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}


.tab-content.active {
    display: block;
}
.tab-content {
    display: none;
}

.smart-core-values.What-We-Do .tab-buttons {
    display: flex;
    justify-content: space-between;
}
.row-inner.inner-tab-content span {
    font-size: 22px;
    font-weight: 600;
}
section.smart-core-values.What-We-Do .tab-buttons span {
    line-height: 21px;
}
section.smart-core-values.What-We-Do .row-inner.inner-tab-content a {
    text-decoration: underline;
    color: blue;
}
.tab-button.active, .tab-button:hover {
    background: rgba(237, 241, 255, 1);
    border-radius: 10px;
    position: relative;
    min-width: 150px;
}

section.smart-core-values.What-We-Do .tab-content{
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.5s ease-in-out;
}

section.smart-core-values.What-We-Do .tab-content.show{
    opacity: 1;
    transform: translateX(0);
    transition: all 0.5s ease-in-out;
}

.tab-button.active::before, .tab-button:hover::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: rgba(1, 107, 227, 1);
    left: 0;
    bottom: -6px;
}

.tab-button {
    cursor: pointer;
}

.tab-buttons {
    gap: 20px;
}

.inner-tab-content {
    align-items: center;
}

.row-inner.inner-tab-content p {
    font-weight: 500;
}

section.Security-Features-of-our-Cryptocurrency-Exchange-Script .container {
    max-width: 70%;
}

section.Security-Features-of-our-Cryptocurrency-Exchange-Script .container, .Benefits-Of-Using-Cryptocurrency-Exchange-Script .container {flex-wrap: wrap;}

section.Security-Features-of-our-Cryptocurrency-Exchange-Script .container .top-dimension, section.Security-Features-of-our-Cryptocurrency-Exchange-Script .container .bottom-dimension {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 40px;
    border: 1px solid rgba(194, 194, 194, 1);
    min-height: 161px;
    justify-content: center;
}

.top-dimension {
    border-top: none !important;
}

.bottom-dimension {
    border-bottom: none !important;
}

.top-dimension:nth-child(4), .bottom-dimension:nth-child(8), .bottom-dimension:nth-child(12) {
    border-right: none !important;
}

.top-dimension:nth-child(1), .bottom-dimension:nth-child(5), .bottom-dimension:nth-child(9) {
    border-left: none !important;
}


.second-part {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.second-part label {
    font-size: 15px;
    font-weight: 600;
}

.second-part > span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.second-part-button a.btn {
    background: #396be6;
    display: inline-flex;
}

.second-part-button a.btn span.button-text {
    color: #fff;
}

.second-part-button a.btn span.button-arrow {
    background: #fff;
}

.second-part {
    padding-left: 48px;
    position: relative;
}

.second-part::before {
    content: '';
    position: absolute;
    height: 60%;
    width: 3px;
    background: url('../img/landing/border-line.webp');
    left: 0;
    top: 44px;
}

.second-part.second-part-last::before {
    background: url('../img/landing/border-left-bottom.webp') !important;
    background-repeat: no-repeat !important;
    width: 30px;
    height: 60% !important;
    background-size: cover !important;
}

.first-part {
    left: -24px;
    z-index: 99;
}


.ratings img {
    width: 20px;
    height: auto;
}

.reviews {
    text-align: right;
}

.inner-reviews {
    padding: 0px 25px 30px 25px;
    cursor: pointer;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
}

.inner-reviews p {
    font-size: 15px;
    line-height: 25px;
}

.inner-reviews > span {
    font-weight: 600;
}

.inner-reviews:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}

section.career-section .container {
    background: url('../img/landing/career-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 80%;
}

section.career-section h2{
    font-size: 1rem;
    font-weight: 500;
}

.top-dimension img, .bottom-dimension img {
    filter: grayscale(1);
}

.top-dimension:hover img, .bottom-dimension:hover img {
    filter: none;
}

.Read.The.Full.Article a {
    background: rgba(153, 73, 218, 1);
    border-radius: 30px;
}

section.blog-section a.inner-reviews-blog span {
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
    letter-spacing: 0.5px;
    font-size: 16px;
    line-height: 24px;
    min-height: 75px;
}
.max-heg-insights{
    min-height: 450px;
}

section.blog-section a.inner-reviews-blog p {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    min-height: 65px;
}

.inner-reviews-blog label{
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    background: rgb(103 108 111);
}

.deserves-better {
    position: relative;
}

.deserves-better-cta a.btn{display: inline-flex !important;}

.deserves-better::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    background: url('../img/landing/top-curve.webp');
    background-repeat: no-repeat;
    top: -1px;
    left: 0;
    background-size: cover;
}

.deserves-better::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    background: url('../img/landing/bottom-curve.webp');
    background-repeat: no-repeat;
    bottom: -1px;
    left: 0;
    background-size: cover;
}

.deserves-better .container {
    max-width: 80%;
}

.deserves-better label {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 55px;
}

.deserves-better ul li {
    padding: 12px 0;
}

.buttons-innovative-tech-services-container{
    justify-content: center !important;
}

.buttons-innovative-tech-services button {
    font-size: 17px;
    font-weight: 500;
    border: none;
    background: transparent;
    padding: 10px 1rem;
}

.buttons-innovative-tech-services {
    display: flex;
}

.services-inner span, .services-inner h3 {
    font-size: 23px;
    font-weight: 500;
    /* padding: 20px; */
    display: inline-block;
    margin-bottom: 20px;
}

.services-container {
    display: flex;
    gap: 10px;
}

.services-inner {
    background-color: black;
    color: white;
    padding: 25px 20px;
    flex: 1;
    transition: flex 0.2s ease-in-out;
    height: 300px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.services-inner:hover, .services-inner.active {
    flex: 1.5;
    transition: flex 0.2s ease-in-out;
}

.services-inner p {
    opacity: 0;
    transition: flex 0.2s ease-in-out;
}

.services-inner:hover p, .services-inner.active p {
    opacity: 1;
    transition: flex 0.2s ease-in-out;
}

.services-inner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000a1;
}

.services-inner span, .services-inner p, .services-inner h3 {
    position: relative;
}

.buttons-innovative-tech-services button.active {
    position: relative;
}

.buttons-innovative-tech-services button.active::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 70%;
    left: 38px;
    margin-left: 0;
    background-color: #222222;
    bottom: -1px;
}

div#uiux.active, div#consulting.active, div#mobile.active, div#custom.active {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: flex 0.2s ease-in-out;
}

div#uiux.active {
    background: url('../img/landing/uiux.webp');
}
div#consulting.active {
    background: url('../img/landing/Consulting-Services.webp');
}
div#mobile.active {
    background: url('../img/landing/Mobile-App-Development.webp');
}
div#custom.active {
    background: url('../img/landing/Custom-Software-Development.webp');
}

.line-verient {
    display: none;
}

.new-dimension-WH {
    height: 300px !important;
}

section.blog-section h3 {
    font-size: 1.2rem;
}


a.inner-reviews-blog {
    padding: 0 0.5rem;
    display: inline-block;
}

.about-us-imag img {
    width: 100%;
}

.about-us-imag img {
    padding: 15px;
    border-radius: 0 0 300px 300px;
    border: 1px solid #002373;
    /* width: 130px; */
    text-align: center;
}

.number-achieve-right-inner .number-achieved-block-common {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    border: 1px solid #fff;
    padding: 15px 25px;
    border-radius: 16px;
    flex-direction: column;
    background: linear-gradient(130deg, #fff -2.18%, rgba(255, 255, 255, .56) 118.15%);
    box-shadow: 56px 56px 80px 0 rgba(2, 14, 35, .1);
    transition: all .3s ease-in-out;
}

.number-achieved-block-common strong {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 30px;
}

.number-achieved-block-common p {
    font-size: 15px;
    text-align: center;
    line-height: 1.4;
}

.number-achieve-right-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}

.manage-to-work-inner:hover, .number-achieve-right-inner .number-achieved-block-common:hover {
    border: 1px solid #fed716;
    transition: all .3s ease-in-out;
}

section.Who-We-Serve .container {
    padding: 40px 0;
    background: url('../images/about-us/who-we-serve-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 40px;
    border: 3px solid #fff00f;
}

section.Our-Mission .container {
    padding-top: 100px;
    padding-bottom: 20px;
    border: 1px solid rgba(255, 240, 15, 1);
    border-radius: 40px;
}

section.Our-Mission {
    margin-bottom: 20px;
}

section.Our-Vision .container {
    padding: 60px 0;
    background: url('../images/about-us/our-vision-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

section.Lets-Make-Your-Marketing-Work {
    background: url('../images/about-us/Lets-Make-Your-Marketing-Work-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 70px;
}

.Our-Vision-img {
    position: absolute;
    bottom: -6px;
    left: 59px;
}

section.Our-Vision {
    margin-top: 150px;
}

section.Our-Mission h2 {
    position: relative;
}

section.Our-Mission h2 span {
    color: rgba(213, 206, 107, 0.1);
    font-weight: 900;
    font-size: 130px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

ul.Why-Crypto-Brands-Choose-Us-list.list-common-style-with-dots li{padding: 22px 0;}

.What-We-Believe-In-blocks .seo-sol-inner.blog-inner p {
    min-height: 104px;
}

.What-We-Believe-In-blocks .seo-sol-inner.blog-inner{
    box-shadow: 3.52px 4.41px 11.19px 0px rgba(0, 0, 0, 0.05);
}


@media (max-width:767.98px){

    .Digital-Marketing-Services-section .container{flex-direction: column-reverse;}


    .high-roi-inner.odd-block {
        display: flex;
        flex-direction: column-reverse;
        border-top: 5px solid #EFE21C;
        border-bottom: none;
    }

    .full-funnel-marketing .col-3{width: 50% !important;}

    body section.full-funnel-marketing .seo-sol-inner.blog-inner legend {
        font-size: 13px !important;
    }

    .quote-box {
        padding: 0px;
    }

    p.quote-text, .blockquote-content strong {
        font-size: 16px !important;
    }

    p.quote-text{text-align: left;}

    .seo-sol-inner legend {
        font-size: 16px;
    }

    legend.our-approach-blens-heading {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .our-approach-blends-style {
        gap: 10px;
        font-size: 14px;
        margin-bottom: 25px !important;
    }

    .scalable-blueprint-inner-right, .our-services .logo, .high-roi-inner img, .big-img, img.imagine-this{display: none;}

    .scalable-blueprint-inner-head img {width: 25px;}
    .scalable-blueprint-inner-head {font-size: 16px;margin-bottom: 15px;}

    section.high-roi ul li img {
        width: 16px !important;
    }

    section.high-roi ul {
        gap: 10px;
    }

    section.high-roi ul li {
        gap: 10px;
        padding: 10px;
        font-size: 14px;
    }

    p.scalable-blueprint-inner-body {
        color: #000;
        font-size: 13px !important;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .our-pipelines{padding: 20px;}

    .scalable-blueprint-inner{padding: 15px;margin-bottom: 10px;}
    

    section.smart-core-values.recognized-by-industry-leaders .container.max-width-9 .col-2 {
        width: 50%;
    }
    
    section.smart-core-values.recognized-by-industry-leaders .container.max-width-9 .col-2 .icon-smart-core-value-trusted {
        box-shadow: none;
    }

    .counter-inner {
        margin: 10px 0;
        text-align: center;
    }

    .counter-inner span {
        border-left: 0px;
        padding-top: 30px;
        text-align: center;
        border-left: none !important;
        padding-left: 0px !important;
        margin-right: 0% !important;
        font-size: 25px !important;
        display: inline-block;
    }
    
    .counter-inner p {
        padding-bottom: 40px;
        font-size: 17px;
        font-weight: 500;
        padding-top: 20px;
        padding-left: 0px;
    }

    .line-verient {
        display: block !important;
         /* border-bottom: 1px solid rgba(152, 122, 255, 1);  */
        background: radial-gradient(50% 50% at 50% 50%, #987aff .4158844743798379%, rgb(153, 122, 255) 70.88907657657657%, rgba(155, 125, 255, 0) 100%);
        height: 1px;
        width: 100%;
    }

    section.smart-core-values.recognized-by-industry-leaders .container.max-width-9 {
        justify-content: center;
    }

    .step .second-part {
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }

    .second-part-button .button-common.mt-3.mb-4 {
        margin-bottom: 0px;
    }

    .smart-core-values.What-We-Do .tab-buttons {
        display: none;
    }
    
    .smart-core-values.What-We-Do .tab-content-tabs .tab-content {
        display: block !important;
        opacity: 1;
        transform: translateX(0px);
    }
    
    .smart-core-values.What-We-Do .tab-content-tabs .tab-content img {
        display: none;
    }
    
    section.smart-core-values.What-We-Do .tab-content-tabs .row-inner.inner-tab-content {
        border-radius: 20px;
        margin: 30px 0;
        background-color: rgba(150, 167, 253, 0.1) !important;
        box-shadow: 0px 6px 4px 0px rgba(63, 94, 251, 0.4) !important;
    }

    .Latest-Insights-Trends {
        text-align: center;
    }

    .Client-Retention-Rate .counter-inner p {
        padding-bottom: 0px;
    }
     .button-common.ar3{
        text-align: center !important;
    }
    .position-portfolio-sec{
        top: 0px !important;
        margin-top: 20px;
    }

     section.privacy-feature-why-choose-us img, section.benefits-of-seo img{display: none;}

}


@media (min-width:768px) and (max-width:1199.98px){

    .col-1, .scalable-blueprint-inner-right{display: none;}
    
    a.inner-reviews-blog {
        margin-top: 30px;
        display: inline-block;
    }

    section.career-section .col-1 {
        display: none;
    }

    section.smart-core-values.What-We-Do .container.tabs.submenu-tabs.desktop-submenu-tabs .col-12, section.about-us-section.scalable-blueprint .col-8 {
        width: 100%;
    }

    section.enquiry-section-new form#consultForm .col-12 {
        width: 100%;
    }

    section.smart-core-values.What-We-Do .tab-content-tabs .row-inner.inner-tab-content {
        margin-top: 30px;
        flex-wrap: nowrap;
    }

    .Read.The.Full.Article.text-right{text-align: center;}

    
    .details-of-ceo{width: 100% !important;}

    .deserves-better .container .col-12, section.Innovative-Tech-Services .container .col-12 {
      width: 100%;
    }

    div#uiux, div#consulting, div#mobile, div#custom{
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .inner-smart-core-values::before, .inner-smart-core-values.Think-Fresh-Build-Smart::before{
        display: none;
    }

    section.counter .row-inner .col-2 {
        width: auto;
    }    

}

@media (min-width:992px) and (max-width:1199.98px){
    
    .deserves-better .col-2.text-center.normal-view {
        display: none;
    }

    .deserves-better .container .col-12, section.Innovative-Tech-Services .container .col-12 {
        width: 100%;
    }

    section.smart-core-values.recognized-by-industry-leaders .container.max-width-9 .col-2{width: 20%;}

    section.Security-Features-of-our-Cryptocurrency-Exchange-Script .container .top-dimension, section.Security-Features-of-our-Cryptocurrency-Exchange-Script .container .bottom-dimension {
        border: 1px solid rgba(194, 194, 194, 1) !important;
    }
}

@media (max-width:1199.98px){

    section.why-choose-us .why-choose-us-inner {
        padding: 20px;
    }

    section.enquiry-section-new form#consultForm {
        padding: 10px;
    }

    .high-roi-inner{margin: 10px 0 0;}

    .high-roi-inner-content {
        padding: 20px 15px;
    }

    .block-black ul{padding: 15px !important;}

    .block-black ul li{padding-left: 0px;font-size: 14px;}

    section.full-funnel-marketing .seo-sol-inner {
        padding: 10px;
    }

    section.full-funnel-marketing .seo-sol-inner.blog-inner legend {
        font-size: 15px;
        margin-bottom: 0px;
    }

    section.full-funnel-marketing .seo-sol-inner img {
        width: 50px !important;
    }

    .counter-inner {
        margin: 10px 0;
    }

    .inner-smart-core-values {
        margin: 15px 0;
        box-shadow: -1px -1px 10px #ccc;
        border-bottom: 6px solid #ae86bf;
    }

    .inner-smart-core-values.Think-Fresh-Build-Smart{
        border-bottom: 6px solid #6c77e4;
    }

    .slider-container{
        position: relative;
        padding: 0px !important;
        overflow: hidden;
        padding-bottom: 40px !important;
    }
    .slider-wrapper {
        overflow: hidden;
        width: 100%;
    }
    .slider {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }
    .card {
        opacity: 1;
        transform: scale(1);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }

    button.next-btn, button.prev-btn {
        position: absolute;
        right: 0;
        height: 40px;
        width: 40px;
        justify-content: center;
        align-items: center;
        background: #ccc;
        border: none;
        border-radius: 50%;
        top: 0px;
        z-index: 9;
    }

    .slider-container .inner-reviews:hover {
        box-shadow: none !important;
    }

    button.next-btn span, button.prev-btn span {
        font-size: 35px;
    }
    
    button.next-btn.d-flex {
        right: 50%;
        margin-right: -50px;
    }
    
    button.prev-btn.d-flex {
        left: 50%;
        margin-left: -50px;
    }

    button.next-btn, button.prev-btn {
        position: absolute;
        height: 40px;
        width: 40px;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border: none;
        border-radius: 50%;
        top: auto;
        z-index: 9;
        bottom: 0;
    }

    .cont-full-width {
        width: 100% !important;
    }

}


@media (min-width:1700px){

    section.hero-section .container.max-width-5.flex-col {
        max-width: 1100px !important;
        height: 100%;
        justify-content: center;
        gap: 0;
    }
    
    .banner-title {
        font-size: 60.8px;
    }
    
    section.hero-section .max-width-3 {
        max-width: 750px !important;
    }

    section.hero-section p {
        font-size: 1.3rem;
        line-height: 35px;
    }
    
}

.tabs.submenu-tabs.x2 .tab-content-tabs.x2 .tab-content.x2.active {
    display: flex;
    justify-content: center;
}

.inner-tab-content1 {
    text-align: center;
    background: #fff;
    /* padding: 150px 80px; */
    padding: 32px;
    border-radius: 20px;
    color: #000;
    position: relative;
}

/* .tab-button.x2{
    background: rgba(109, 76, 225, 1) !important;
} */
.tab-button.x2.active {
    background: rgba(109, 76, 225, 1) !important;
    color: #fff !important;
    border-bottom: none !important;
    justify-content: space-between !important;
    border-left: 6px solid #FFF;
    border-radius: 0px;
    border-top: 0px !important;
    padding: 10px !important;
    margin: 20px 0px;
}

/* Disable hover effect for .tab-button.x2 */
.tab-button.x2:hover {
    background: unset !important;
    /* color: unset !important;
    border-bottom: unset !important;
    justify-content: unset !important;
    padding: unset !important;
    border-radius: unset !important;
    margin-top: 0px !important; */
    /* background: rgba(109, 76, 225, 1) !important; */
    border-bottom: none !important;
    /* padding: 0px !important; */
    /* border-left: 6px solid #FFF; */
    /* margin: 20px 0px; */
}

.tab-buttons.x2 .tab-button.x2.active span {
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    background: none !important;
}

.tab-buttons.x2 .tab-button.x2:hover span {
    color: #fff !important;
    -webkit-text-fill-color: unset !important;
    background: none !important;
}

.desktop-submenu-tabs.x2 {
    background: rgba(93, 56, 222, 1);
    padding: 32px;
}

/* .tab-button.x2.active::before,
.tab-button.x2:hover::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: none !important;
    left: 0;
    bottom: -6px;
} */

/* Apply ::before only to non-x2 buttons */
.tab-button:not(.x2).active::before,
.tab-button:not(.x2):hover::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: rgba(1, 107, 227, 1);
    left: 0;
    bottom: -6px;
}

/* Optional: If you still need to explicitly prevent it (for safety) */
.tab-button.x2::before {
    background: none !important;
}

.heading-for-rewv {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.left-tab-rewv {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 15px;
    padding: 10px;
}

.quotes-revw {
    position: absolute;
    top: -30px;
}

.star-clrr {
    color: #fff !important;
}

.sub-cls-rev {
    color:rgb(99 99 99 / 90%);
}

/* .tab-buttons-wrapper {
    max-height: 320px; 
    overflow: hidden;
    position: relative;
} */

.tab-button.x2 {
    transition: transform 0.3s ease;
}

.tab-nav-buttons.x2 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    /* background: #6C3DFF; Purple background like your image */
    padding: 10px;
    border-radius: 12px;
    gap: 5px;
}

.tab-nav-buttons.x2 button {
    background-color: #fff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: transform 0.2s ease;
}

.tab-nav-buttons.x2 button:hover {
    transform: scale(1.1);
}

/* .tab-nav-buttons.x2 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.tab-nav-buttons.x2 button {
    background: #fff;
    border: none;
    padding: 8px 12px;
    margin-left: 8px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 18px;
} */

.hidden-tab {
    display: none;
}

.visible-tab {
    display: flex;
}

.tab-buttons-wrapper.x2 {
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    /* Hide scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
}

.tabs.submenu-tabs.x2 .tab-content-tabs.x2 .tab-content.x2 {
    display: none;
}

.tabs.submenu-tabs.x2 .tab-content-tabs.x2 .tab-content.x2.active {
    display: block;
}

.for-mobile-review {
    display: none;
}

.switch-for-mobiel {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Add these styles to your existing CSS */
.tab-nav-buttons.x2 button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

.tab-button.aa3.active, .tab-button.aa3:hover {
    background: rgba(237, 241, 255, 1);
    border-radius: 50px !important;
    position: relative;
    min-width: auto !important;
}
.button-common.ar3{
    text-align: end;
}
.orange-clr-txt{
    color: #FF8733;
}
.border-fr-img{
    border-radius: 31px;
}
.bold-cls-heading{
    color: #1C1C1C;
    font-weight: 600;
    font-size: 22px;
}
.position-portfolio-sec{
    position: relative;
    top: 90px;
}
.portfoli-p{
    color: #707070;
}
.port-hp-cls{
    color: #525252;
}



@media (max-width:991.98px) {

    .small-caption{font-size: 13px;}

    .tab-content-tabs.x2 {
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }

    .tab-content.x2 {
        transition: transform 0.3s ease;
    }

    h2.last-card {
        font-size: 16px !important;
        line-height: 27px;
    }

    h2.last-card span {
        padding: 5px;
    }

    .for-mobile-review {
        display: block;
    }

    .cont-full-widthh.x2 {
        width: 100% !important;
    }

    .tab-nav-buttons.x2.x1 {
        display: none;
    }

    .heading-for-rewv {
        align-items: flex-start !important;
    }

    /* .tab-nav-buttons.x2.x3 {
        display: flex;
        margin-top: 20px;
    } */

    .not-for-mobile, img.right-quote, img.left-quote {
        display: none;
    }

    .text-ali {
        text-align: left !important;
    }

    .switch-for-mobiel {
        flex-direction: column;
    }

    .tab-content-tabs.x2 {
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }

    .tab-content.x2 {
        transition: transform 0.3s ease;
    }

    .dis-non-md{
    display: none;
    }

    .deserves-better label {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .deserves-better::before, .deserves-better::after{
        background-size: contain !important;
        background-repeat: no-repeat !important;
        display: none;
    }

    .inner-smart-core-values-trusted {
        margin: 10px 0;
    }

    .tab-button {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 10px !important;
    }
    .tab-button span {
        font-size: 14px;
    }

    .tab-buttons {
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center !important;
    }

    .accrd-panel-head, .accrd-panel-head.active {
        padding: 15px !important;
    }
    
    section.smart-core-values.What-We-Do .tab-content-tabs {
        margin: 0px;
    }
    
    section.smart-core-values.What-We-Do .tab-content-tabs .row-inner.inner-tab-content {
        gap: 20px;
    }

    .services-container {
        padding: 0 1rem;
        margin-top: 0px !important;
    }

    .services-inner p {
        opacity: 1;
    }
    
    .faq-cls-sectns {
        margin-top: 30px;
    }
    
    .buttons-innovative-tech-services {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .services-container.max-width-8.mt-3.ml-auto.mr-auto {
        flex-wrap: wrap;
    }
    
    .services-inner {
        height: auto;
        flex: 100%;
    }
    
    .faq-cls-sectns {
        margin-top: 30px;
    }
    
    .buttons-innovative-tech-services {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .services-container.max-width-8.mt-3.ml-auto.mr-auto {
        flex-wrap: wrap;
    }
    
    .services-inner {
        height: auto;
        flex: 100%;
    }
    
    .second-part::before, .inner-smart-core-values::before, .inner-smart-core-values.Think-Fresh-Build-Smart::before, .second-part.second-part-last::before, .first-part, .buttons-innovative-tech-services {
        display: none;
    }
    
    .second-part {
        padding-left: 10px;
    }

    .second-part span {
        font-size: 16px;
    }

    section.google-review-section > .container.mb-4 {
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 30px;
    }
    
    .reviews {
        text-align: center;
    }

    section.career-section h3 {
        margin-top: 30px;
    }

    .Read.The.Full.Article.text-right {
        text-align: center;
        margin-top: 20px;
    }

    a.inner-reviews-blog {
        margin-top: 30px;
        display: inline-block;
    }

    .top-dimension, .bottom-dimension {
        width: 50% !important;
        border: none !important;
        padding: 0px !important;
        justify-content: center;
    }
    
    section.Security-Features-of-our-Cryptocurrency-Exchange-Script.smart-core-values.pt-5.pb-5 .container.pl-1.pr-1 {
        flex-direction: row !important;
    }

    .bottom-dimension img, .top-dimension img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        display: block;
        transition: filter 0.3s ease;
    }
    
    .bottom-dimension:hover img, .top-dimension:hover img {
        filter:none;
    }

    div#uiux {
        background: url('../img/landing/uiux.webp');
    }
    div#consulting {
        background: url('../img/landing/Consulting-Services.webp');
    }
    div#mobile {
        background: url('../img/landing/Mobile-App-Development.webp');
    }
    div#custom {
        background: url('../img/landing/Custom-Software-Development.webp');
    }    

    .posted-date {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

}

@media (max-width:578.98px) {
    .desktop-submenu-tabs.x2 {
        padding: 15px 5px;
    }

    .inner-tab-content1 {
        padding: 15px;
    }

    .heading-for-rewv {
        flex-wrap: wrap;
    }

    .switch-for-mobiel {
        margin-top: 20px;
    }
    .heading-for-rewv h2 {
        text-align: center !important;
        margin-top: 10px;
    }


}

.tabs.submenu-tabs.x2 .tab-content-tabs.x2 .tab-content.x2 {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.tabs.submenu-tabs.x2 .tab-content-tabs.x2 .tab-content.x2.active {
    display: block;
    opacity: 1;
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tab-button.x2 {
    transition: all 0.5s ease;
}

.width-chn {
    width: 230px;
}

   .image-container {
      position: relative;
      display: inline-block;
      overflow: hidden;
    }
      .image-container img {
      display: block;
      width: 100%;
      height: auto;
      transition: transform 0.3s ease;
    }

    .image-container:hover img {
      transform: scale(1.05);
    }

    
    .view-circle {
      position: fixed;
      display: none;
      background: #fff;
      color: #000;
      font-weight: bold;
      font-size: 14px;
      border-radius: 50%;
      width: 80px;
      height: 80px;
      justify-content: center;
      align-items: center;
      pointer-events: none;
      transform: translate(-50%, -50%);
      /* mix-blend-mode: difference;  */
      z-index: 9999;
    }
    
    #dreamster-section, #MarginFX-section{
        scroll-margin-top: 80px;
    }


    .div-inner-project {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.project-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%;
    background: #00000094;
    padding: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.heading-project-inner {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    width: 100%;
    font-weight: 400;
}

section.recent-projects.Tech-stack {
    background: #f2f8fd;
}

.div-inner-project:hover .project-details {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.eye-catching-left-inner.tablinks h3 {
    font-size: 1.1rem;
}

.eye-catching-left-inner.tablinks h3 {
    /* background: #fff; */
    border-radius: 10px 10px 0 0;
    padding: 10px;
}

.eye-catching-left-inner.tablinks.active h3, .eye-catching-left-inner.tablinks:hover h3 {
    background: #fff;
    border-bottom: 2px solid #fed716;
    cursor: pointer;
}

.Tech-Stack {
    padding: 30px 15px 50px;
    border-radius: 0 0 200px 200px;
    border: 1px solid #002373;
    width: 130px;
    text-align: center;
}




.my-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-track {
  display: flex;
  gap: 20px; 
  transition: transform 0.4s ease;
  will-change: transform;
}

.carousel-item {
  flex: 0 0 auto; /* 🟢 IMPORTANT: prevents items from shrinking */
  /* background: #ddd; */
  padding: 10px;
  border-radius: 10px;
  height: auto;
  box-sizing: border-box;
}

/* Nav buttons */
.carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #00000088;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  font-size: 32px;
  z-index: 10;
  width: 45px;
  text-align: center;
}

.carousel-prev {left: 0;}
.carousel-next {right: 0;}

/* Dots */
.carousel-dots {
  text-align: center;
  margin-top: 10px;
}

.carousel-dots button {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 50%;
  border: none;
  background: #bbb;
  cursor: pointer;
}

.carousel-dots button.active {
  background: #333;
}

section.cta-section .container {
    background: linear-gradient(90deg, #002373 33.54%, #0565ff 73.82%);
}

section.cta-section {
    padding-bottom: 0px;
}

a.connect-on-whatsapp {
    background: #018700;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #fff;
}

a.get-in-touch {
    background: #000c4d;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.enquiry-section{
    background: linear-gradient(90deg, #002373 33.54%, #0565ff 73.82%);
}

.enquiry-section h2 span{
    background: transparent;
    -webkit-background-clip: text;
    background-clip: unset;
    -webkit-text-fill-color: unset;
    display: inline-block;
    color: #fed716;
}

.client-img img {
    width: 80px;
    border-radius: 50%;
    border: 1px solid #0346b0;
}

.client-name-designation {
    display: flex;
    flex-direction: column;
}

.client-name-designation label {
    font-size: 20px;
    font-weight: 600;
}

.client-name-designation span {
    font-weight: 400 !important;
}

.rating {
  --star-size: 28px;        /* change star size here */
  --rating: 0;              /* default; override inline with style="--rating: N" */
  display: inline-block;
  position: relative;
  font-size: var(--star-size);
  line-height: 1;
  font-family: "Arial", sans-serif;
  color: #ddd;              /* color of empty stars */
  width: calc(var(--star-size) * 5); /* exactly 5 stars wide */
  height: calc(var(--star-size));
  overflow: hidden;
}

/* base (empty) stars */
.rating .stars {
  display: block;
  pointer-events: none;
  user-select: none;
}

/* colored (filled) overlay using the same text, clipped by width */
.rating::before{
  content: "★★★★★";
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #f5b301; /* filled star color */
  width: calc( (var(--rating) / 5) * 100% );
  pointer-events: none;
}

/* optional: spacing / small visual tweak */
.rating { letter-spacing: 3px; } /* increase/decrease spacing between stars */




.button-common a.btn {
    background: #EFE21C;
    border: 1px solid #EFE21C;
    border-radius: 50px;
}

.button-common a.btn:hover {
    background: #EFE21C;
}

h2 span, h3 span {font-weight: 400;}

ul.list-common-style-with-dots li img {
    width: 20px;
}

ul.list-common-style-with-dots li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2D344D;
    padding: 20px 0;
    border-bottom: 1px solid #EEDB1E;
    font-weight: 500;
}

.High-Value-Business-list li {
    border: none !important;
}

.list-box ul.list-common-style-with-dots.High-Value-Business-list{padding:0 20px !important;}

ul.list-common-style-with-dots li:last-child {
    border-bottom: none;
}

p.special-para-style-inner {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}

.inner-page p {color: #202020 !important;}

.seo-sol-inner.blog-inner.text-center.crypto-marketing-for-projects-inner {
    box-shadow: 4px 5px 12.7px 0px #0000000D;
    background: #FFFDF5;
}

.container.our-services-block {
    align-items: flex-start;
}

section.Services-That-Deliver-Results .seo-sol-inner.blog-inner legend {
    margin-top: 0px !important;
}


section.How-Our-Crypto-Marketing {
    background: url('../images/crypto-marketing-agency/ttt-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 200px;
}

ul.ttt-stripe-list {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 3.3px solid #F7EA6C;
    padding: 10px 35px !important;
    border-radius: 70px;
    margin-bottom: 20px;
}

ul.ttt-stripe-list li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #FFF7A8;
    border-radius: 50%;
    position: relative;
    top: -3px;
}

ul.ttt-stripe-list li {
    font-size: 18px;
    font-weight: 600;
}

.How-a-Crypto-Branding {justify-content: center !important;}

.container.our-services-block.How-a-Crypto-Branding {
    align-items: flex-start;
    padding: 50px 35px;
    border-radius: 10px;
    background: linear-gradient(178.37deg, #423C05 -5.59%, #000000 98.62%);
    border: 1px solid rgba(238, 219, 30, 1);
}

.container.our-services-block.How-a-Crypto-Branding .seo-sol-inner.blog-inner {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0) 100%);
}

.High‑Demand-Lead‑Generating-Marketing-Services .seo-sol-inner.blog-inner {
    border: none;
    border-radius: 0px;
    border-top: 3px solid #EFE21C;
}

.container.our-services-block.How-a-Crypto-Branding .seo-sol-inner.blog-inner p {
    color: #202020 !important;
}

.Our-Crypto-Marketing-Services-section .seo-sol-inner.blog-inner {
    border: 1px solid #91929526;
    position: relative;
}

.Our-Crypto-Marketing-Services-section .seo-sol-inner.blog-inner p {
    font-size: 14px;
}

.Our-Crypto-Marketing-Services-section .seo-sol-inner.blog-inner::before {
   content: '';
   position: absolute;
   width: 100%;
   height: 2px;
   left: 0;
   top:0;
   background: url('../images/crypto-marketing-agency/Divider.png');
   background-position: center;
   background-repeat: no-repeat;
}


.Connects-Communities .seo-sol-inner.blog-inner {
    box-shadow: 1px 8px 17.6px 0px #0000000D;
}

.Connects-Communities .seo-sol-inner.blog-inner legend {
    font-size: 17px !important;
}

.Connects-Communities .seo-sol-inner.blog-inner p {
    font-size: 14px;
    line-height: 22px;
}

.left-border {
    position: relative;
}

.left-border::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #EFDC25;
    left: -10px;
    display: block !important;
}

.Crypto-Marketing-Firm-for-Projects .iconic img{width: 60px;height: 60px;}

/*** Inner Footer ***/

/* .inner-page p.heading-footer {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

footer ul li a {
    font-size: 13px;
}

footer .container {
    align-items: flex-start;
}

footer > .container {
    border-top: 1px solid #0C172D;
    border-bottom: 1px solid #0C172D;
}

ul.coprights {
    display: flex;
}

ul.coprights li span, ul.coprights li a {
    font-size: 14px;
}

ul.coprights li span {
    padding: 20px 10px 20px 0;
    display: inline-block;
}

ul.coprights li a {
    padding: 20px 10px 20px 10px;
    display: inline-block;
    color: #5A6493;
} */


@media (max-width:767.98px){

    .flex-col-reverse{flex-direction: column-reverse;}
    section.How-Our-Crypto-Marketing {
        background: #eeda1d;
    }
    p.special-para-style-inner {
        font-size: 20px !important;
        line-height: 27px !important;
    }
    .big-img{display: none;}
    .btn{text-align: center;font-size: 15px !important;}
    .container.our-services-block.How-a-Crypto-Branding .seo-sol-inner.blog-inner p{min-height: auto;}
    /* .inner-page p.heading-footer {
        font-size: 16px !important;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 20px;
    } */

}

@media only screen and (min-width:768px) and (max-width:991.98px) {
   .btn{text-align: center;font-size: 15px !important;}
}

@media (max-width:991.98px){
    section.How-Our-Crypto-Marketing {
        background: #eeda1d;
    }
    p.special-para-style-inner {
        font-size: 20px !important;
        line-height: 27px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1199.98px) {
    section.Connects-Communities > .container > .col-5, 
    section.Connects-Communities > .container > .col-7 {
        width: 100%;
    }
    .d-none-tab{display: none;}
}




.button-common a.btn {
    background: #EFE21C;
    border: 1px solid #EFE21C;
    border-radius: 50px;
}

.button-common a.btn:hover {
    background: #EFE21C;
}

h2 span, h3 span {font-weight: 400;}

ul.list-common-style-with-dots li img {
    width: 20px;
}

ul.list-common-style-with-dots li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2D344D;
    padding: 15px 0;
    font-weight: 500;
}

p.special-para-style-inner {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    border-bottom: 1px solid #DFDFDF;
}

.inner-page p {color: #202020 !important;}

.seo-sol-inner.blog-inner.text-center.crypto-marketing-for-projects-inner {
    box-shadow: 4px 5px 12.7px 0px #0000000D;
    background: #FFFDF5;
}

.seo-sol-inner.blog-inner legend {
    color: #101119;
    font-size: 21px;
    font-weight: 600;
}

.container.our-services-block.How-a-Crypto-Branding .seo-sol-inner.blog-inner legend {
    font-size: 18px;
}

.container.our-services-block.How-a-Crypto-Branding .seo-sol-inner.blog-inner p {
    font-size: 14px;
    margin-top: 15px;
}

.container.our-services-block {
    align-items: flex-start;
}

ul.ttt-stripe-list {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 3.3px solid #F7EA6C;
    padding: 10px 35px !important;
    border-radius: 70px;
    margin-bottom: 20px;
}

ul.ttt-stripe-list li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #FFF7A8;
    border-radius: 50%;
    position: relative;
    top: -3px;
}

ul.ttt-stripe-list li {
    font-size: 18px;
    font-weight: 600;
}

.Our-Crypto-Marketing-Services-section .seo-sol-inner.blog-inner {
    border: 1px solid #F4F8FC;
    position: relative;
    box-shadow: 4px 5px 12.7px 0px #0000000D;
    overflow: hidden;
}

.Our-Crypto-Marketing-Services-section .seo-sol-inner.blog-inner p {
    font-size: 14px;
    min-height: 153px;
}

.left-border {
    position: relative;
}

.left-border::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #EFDC25;
    left: -10px;
    display: block !important;
}

.Crypto-Marketing-Firm-for-Projects .iconic img{width: 60px;height: 60px;}

.list-box ul.list-common-style-with-dots {
    padding: 20px 30px 40px 30px !important;
}

.six-blocks .iconic {
    position: absolute;
    right: 0;
    top: 0;
}

.six-blocks .iconic img {
    width: 75px;
}

.ai-traditional-SEO legend {
    background: #EEDB1E;
    margin-top: 0px !important;
}

.ai-traditional-SEO .seo-sol-inner.blog-inner {
    background: #F7F7F7;
}

.ai-traditional-seo-inner {
    padding: 25px 40px;
}

.ai-traditional-seo-inner p {
    line-height: 27px;
    position: relative;
    padding-left: 18px;
}

.ai-traditional-seo-inner p::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e1cd00;
    top: 10px;
    left: 0;
}

.ai-traditional-seo-inner p.before-none::before{display:none;}
.ai-traditional-seo-inner p.before-none{padding-left: 0px !important;}

.margin-right-negative{position: relative;right: -84px;}

.block-1 {
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    border-bottom: 1px solid #C9D3EE;
}

.block-1 .accrd-panel-head {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;
    align-items: center;
}

span.mp-icon {
    position: relative;
    top: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 29px;
    border-radius: 50%;
    color: #fff !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
}
.block-1.coloured {
    position: relative;
}

.accrd-panel-head span {
    font-weight: 700;
}

.block-1.coloured .accrd-panel-body{
    padding-bottom: 10px;
}

.block-1.coloured .accrd-panel-body p{font-size: 14px;}

.faq-outer {
    box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 77px 25px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.block-1.faq-block:last-child {
    border: none;
}

/** blog **/

.scalable-blueprint-inner-head {
    font-size: 20px;
    font-weight: 700 !important;
    /* width: 235px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.scalable-blueprint-inner {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 7px 10px 18.7px 0px #0000000D;
}

.Our-Lead-Generation-Services .scalable-blueprint-inner {
    background: #FAFAFA !important;
}

.Our-Lead-Generation-Services .scalable-blueprint-inner p.scalable-blueprint-inner-body{
    min-height: 180px;
}

p.scalable-blueprint-inner-body {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
}

.scalable-blueprint-inner-img img{width: 100%;}

.scalable-blueprint-inner-head img{width: 50px;}




@media (max-width:767.98px){

    .margin-right-negative{right: 0px;}

    .flex-col-reverse{flex-direction: column-reverse;}
    p.special-para-style-inner {
        font-size: 20px !important;
        line-height: 27px !important;
    }
    .big-img{display: none;}
    .btn{text-align: center;font-size: 15px !important;}

    .Our-Crypto-Marketing-Services-section .seo-sol-inner.blog-inner p{min-height: auto;}

     .scalable-blueprint-inner-right, .our-services .logo, .high-roi-inner img, .big-img, img.imagine-this{display: none;}

    .scalable-blueprint-inner-head img {width: 25px;}
    .scalable-blueprint-inner-head {font-size: 16px;margin-bottom: 15px;}

     p.scalable-blueprint-inner-body {
        color: #000;
        font-size: 13px !important;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .scalable-blueprint-inner{padding: 15px;margin-bottom: 10px;}

}

@media only screen and (min-width:768px) and (max-width:991.98px) {
   .btn{text-align: center;font-size: 15px !important;}
}

@media (max-width:991.98px){
    p.special-para-style-inner {
        font-size: 20px !important;
        line-height: 27px !important;
    }
    .list-box ul.list-common-style-with-dots {
        padding: 15px!important;
    }
    .list-box {
        border-bottom: 5px solid #EEDB1E;
    }
}

@media only screen and (min-width:768px) and (max-width:1199.98px) {

    .scalable-blueprint-inner-right{display: none;}
    section.about-us-section.scalable-blueprint .col-8 {
        width: 100%;
    }
    .d-none-tab{display: none;}
}