:root {
    --whitebg: #fff;
    --whitecolor: #fff;
    --whitebborder: #fff;
    --brand-color: #3e2670;
    --brand-bg: #3e2670;
    --brand-border: #3e2670;
    --graycolor: #f3f4f6;
    --graybg: #f3f4f6;
    --grayborder: #f3f4f6;
    --black-color: #000;
    --blackcolor: #393939;
    --blackbg: #393939;
    --blackborder: #393939;
}

.container {
    max-width: 85% !important;
    margin: 0px auto;
    padding: 0px 15px;
}

.site-header .container {
    max-width: 95% !important;
}

p, span{
    font-size: 15px;
    line-height: 1.5;
}

.sticky-btn1 {
    display: none;
}

.space {
    padding: 100px 0;
}

.main-heading {
    font-size: 45px;
    font-weight: 700;
    color: var(--brand-color);
    line-height: 1.2;
    text-transform: normal;
}

.heading-wrap .heading-title {
    margin-bottom: 10px;
}

.heading-title {
    font-size: 17px;
    font-weight: 700;
    color: #3e2670;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
}

.heading-title::after {
    content: '';
    position: absolute;
    right: -1rem;
    width: 48px;
    top: 50%;
    transform: translate(100%, -50%);
    border-top: 2px solid #3e2670;
}

.primary-btn {
    border: none;
    padding: 12px 60px;
    background-color: #3e2670;
    border-radius: 3rem;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.primary-btn:hover {
    opacity: 0.8;
}

.primary-btn span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
}

.bg {
    background: #F3F4F6;
}

img {
    max-width: 100%;
    height: auto;
}

.row .col-6 {
    width: 50%;
}

.col-3 {
    width: 33.33%;
    padding: 0 10px;

}

.breadcrumb {
    height: 75vh;
    width: 100%;
    position: relative;
}

.breadcrumb .bg-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.breadcrumb .bg-wrapper .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 0;
}

.breadcrumb .main-heading {
    font-size: 60px;
    color: var(--whitecolor);
    line-height: 1.2;
    text-align: center;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

.breadcrumb .mini-text {
    display: block;
    font-size: 16px;
    color: var(--whitecolor);
    text-align: center;
    line-height: 1.3;
    margin-bottom: 65px;
    position: relative;
    z-index: 1;
}

.breadcrumb .vector {
    height: 200px;
    width: fit-content;
    position: absolute;
    object-fit: contain;
    right: 0;
    top: 45%;
    transform: translate(0, -45%);
    z-index: 0;
}

.breadcrumb .form-wrapper {
    background-color: var(--whitecolor);
    padding: 45px 5px;
    width: 75%;
    margin-left: auto;
    border-radius: 30px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transform: translateY(50%);
}

.breadcrumb .form-wrapper .col-3,
.breadcrumb .form-wrapper .col-12 {
    padding: 0 25px;
}

.breadcrumb .form-wrapper .primary-btn {
    display: block;
    width: fit-content;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
}

.breadcrumb .form-wrapper .row:last-child .field-wrap {
    padding-right: 0;
}

.breadcrumb .form-wrapper .field-wrap {
    padding-right: 50px;
}

.field-wrap .input-field {
    border: 1px solid #D4D4DC;
    border-radius: 8px;
    height: 45px;
    margin-bottom: 16px;
    transition: 0.3s all ease-in-out;
}

textarea {
    height: 65px !important;
}

textarea::placeholder {
    color: #3e2670;
    font-weight: 300 !important;
}

.field-wrap .input-field::placeholder {
    font-weight: 300;
}

.field-wrap .input-field:focus {
    border: 1px solid #3E2670;
}

.field-wrap label {
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    width: fit-content;
    background: #fff;
    transform: translate(10px, 10px);
    padding: 0 7px;
}

.key-stats {
    padding: 100px 0 100px 0;
    position: relative;
    z-index: 5;
}

.key-stats .heading-wrap {
    text-align: left;
    margin-bottom: 45px;
}

.key-stats .stats-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 18px;
    border: 1px solid #C8C8C8;
    gap: 0;
    overflow: hidden;
}

.key-stats .stats-wrapper .stats-card {
    padding: 30px 20px;
    text-align: center;
    height: 100%;
    border-right: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
}

.key-stats .stats-wrapper .stats-card:nth-child(3),
.key-stats .stats-wrapper .stats-card:nth-child(6) {
    border-right: none;
}

.key-stats .stats-wrapper .stats-card:nth-child(4),
.key-stats .stats-wrapper .stats-card:nth-child(5),
.key-stats .stats-wrapper .stats-card:nth-child(6) {
    border-bottom: none;
}

.key-stats .stats-wrapper .stats-card .card-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
    background: linear-gradient(180deg, #725E9B 0%, #3E2670 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.key-stats .stats-wrapper .stats-card .text {
    font-size: 16px;
    font-weight: 500;
    color: #2C2C2C;
    text-transform: capitalize;
}

.why-sopify .heading-wrap {
    text-align: left;
}

.why-sopify .column-4 {
    width: 40%;
}

.why-sopify .column-8 {
    width: 60%;
}

.why-sopify .img-wrap {
    position: relative;
}

.why-sopify .img-wrap img {
    position: absolute;
    left: 0;
    transform: translateX(-10%);
}

.why-sopify .content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 80%;
    margin-top: 48px;
    gap: 35px;
    position: relative;
}

.why-sopify .content-wrapper::after {
    content: '';
    position: absolute;
    z-index: 0;
    height: 250px;
    width: 280px;
    right: -40%;
    top: 50%;
    transform: translate(0, -50%);
    background: url(/image/services/shopify/why-sopify/vector.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.why-sopify .content-wrapper .content-holder .title {
    font-size: 18px;
    color: #2C2C2C;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    text-transform: capitalize;
}

.pricing {
    background: url(/image/services/shopify/pricing/bg.jpg) no-repeat center;
    background-size: cover;
}

.pricing .heading-wrap {
    margin-bottom: 100px;
    text-align: left;
}

.pricing .heading-wrap .heading-title {
    color: var(--whitecolor);
}

.pricing .heading-wrap .main-heading {
    color: var(--whitecolor);
}

.pricing .heading-wrap .heading-title::after {
    border-top: 2px solid var(--whitecolor);
}

.pricing .pricing-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.pricing .pricing-wrapper .price-card {
    background: var(--whitebg);
    border-radius: 15px;
    
    
}

.pricing .pricing-wrapper .price-card.middle {
    background-color: #D16CD6;
    transform: translateY(-10%);
}

.pricing .pricing-wrapper .price-card.middle .special {
    font-size: 12px;
    font-weight: 300;
    background-color: var(--brand-bg);
    padding: 2px 20px;
    color: var(--whitecolor);
    display: inline-block;
    margin-bottom: 15px;
    text-transform: capitalize;
    border-radius: 30px;
}

.pricing .pricing-wrapper .price-card .card-header {
    padding: 40px 40px 0;
}

.pricing .pricing-wrapper .price-card .card-header .text {
    margin: 0;
    font-weight: 400;
    padding-right: 70px;
}

.pricing .pricing-wrapper .price-card.middle .card-header .text {
    color: var(--whitecolor);
}

.pricing .pricing-wrapper .price-card .card-header .title {
    font-size: 14px;
    font-weight: 600;
    color: #2C2C2C;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 1.2;
    background: #F1F1F1;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 30px;
}

.pricing .pricing-wrapper .price-card .card-header .price-wrap {
    margin: 28px 0;
    padding: 25px 0;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
}

.pricing .pricing-wrapper .price-card .card-header .price-wrap .days {
    font-size: 14px;
    font-weight: 700;
}

.pricing .pricing-wrapper .price-card.middle .card-header .price-wrap .days {
    color: var(--whitecolor);
    font-weight: 400;
}

.pricing .pricing-wrapper .price-card .card-header .price-wrap .price {
    display: block;
    font-size: 45px;
    font-weight: 700;
    color: #3E2670;
    line-height: 1.3;
    margin-bottom: 7px;
}

.pricing .pricing-wrapper .price-card.middle .card-header .price-wrap .price {
    color: #fff;
}

.pricing .pricing-wrapper .price-card .card-body .content {
    padding: 0 40px 20px;
}

.pricing .pricing-wrapper .price-card .card-body .content .list li {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 12px;
    position: relative;
    padding-left: 30px;
}

.pricing .pricing-wrapper .price-card.middle .card-body .content .list li {
    color: var(--whitecolor);
}

.pricing .pricing-wrapper .price-card .card-body .content .list li::before {
    content: '';
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    background: url(/image/services/shopify/icons/check.svg) no-repeat center;
    background-size: contain;
}

.pricing .pricing-wrapper .price-card.middle .card-body .content .list li::before {
    filter: invert(1) brightness(5.5);
}

.our-process .heading-wrap {
    text-align: left;
}

.our-process .process-bar {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    position: relative;
}

.our-process .process-bar .bar {
    font-size: 18px;
    font-weight: 700;
    color: #55555C59;
    background: #fff;
    border: 3px solid #DFDBDB;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: relative;
    z-index: 1;
}

.our-process .process-bar::after {
    content: '';
    position: absolute;
    z-index: 0;
    height: 2px;
    width: 82%;
    background-color: #DFDBDB;
    left: 0;
    margin: auto;
    display: flex;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.our-process .process-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 22px;
    gap: 20px;
}

.our-process .process-wrapper .process-card {
    padding: 35px 20px;
    background: var(--whitecolor);
    box-shadow: rgba(17, 12, 46, 0.05) -4px 2px 60px 22px;
    border-radius: 16px;
}

.our-process .process-wrapper .process-card:last-child{
    margin-bottom: 0;
}

.our-process .process-wrapper .process-card img {
    width: 30px;
    margin-bottom: 24px;
}

.our-process .process-wrapper .process-card .mini-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #55555C59;
    margin-bottom: 10px;
}

.our-process .process-wrapper .process-card .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.accrodion-wrapper .accordion .accordion-body {
    height: 0;
    visibility: hidden;
}

.accrodion-wrapper .accordion {
    border-bottom: 1px solid #D4D4DC;
    padding: 32px 0;
}

.accrodion-wrapper .accordion .accordion-header {
    padding: 16px 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.accrodion-wrapper .accordion .accordion-header .title {
    font-size: 20px;
    font-weight: 700;
    color: #616169;
}

.accrodion-wrapper .accordion .accordion-header::after {
    content: '';
    position: absolute;
    right: 0;
    height: 15px;
    width: 15px;
    background: url(/image/icon/angle-up.svg) no-repeat center;
    background-size: contain;
    transform: rotate(180deg);
}

.accrodion-wrapper .accordion.active .accordion-body {
    height: 100%;
    visibility: visible;
}

.accrodion-wrapper .accordion.active .accordion-body p {
    font-size: 15px;
    line-height: 1.5;
    text-transform: capitalize;
    margin: 0;
}

.accrodion-wrapper .accordion.active .accordion-header::after {
    transform: rotate(0deg);
}

.accrodion-wrapper .row {
    display: flex;
    
    flex-wrap: nowrap;
}

.portfolio-holder {
    background: url(/image/services/shopify/portfolio/bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
}

.portfolio-holder .heading-wrap .heading-title::after {
    border-top: 2px solid var(--whitecolor);
}

.portfolio-holder .heading-wrap .heading-title {
    color: var(--whitecolor);
    margin: 0;
}

.portfolio-holder .tab-list {
    text-align: left;
    margin: auto;
}

.portfolio-holder .tab-list li {
    margin-bottom: 35px;
}

.portfolio-holder .tab-list li a,
.portfolio-holder .tab-list li button {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    opacity: 0.2;
    line-height: 1.5;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.portfolio-holder .tab-list li a.active,
.portfolio-holder .tab-list li button.active {
    opacity: 1;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

.portfolio-holder .content-tab {
    width: 75%;
    display: none;
    justify-content: space-between;
    align-items: center;
}

.portfolio-holder .content-tab.show {
    display: grid;
    grid-template-columns: 70% 30%;
}

.portfolio-holder .content-tab .img-holder {
    margin: auto;
    margin-right: 50px;
}
.portfolio-holder .content-tab .content-holder .text-wrap:last-child{
    margin-bottom: 0;
}

.portfolio-holder .content-tab .content-holder .text-wrap {
    margin-bottom: 30px;
}

.portfolio-holder .content-tab .content-holder .text-wrap .mini-title {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
}

.portfolio-holder .content-tab .content-holder .text-wrap p,
.portfolio-holder .content-tab .content-holder .text-wrap a{
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    display: block;
    margin-bottom: 0;
}
.portfolio-holder .content-tab .content-holder .text-wrap a{
    transition: 0.2s ease-in;
}
.portfolio-holder .content-tab .content-holder .text-wrap a:hover{
    opacity: 0.7;
}

.qurry-form-heading.heading-tittle {
    text-align: center;
    text-transform: capitalize;
    color: #3E2670;
    font-size: 20px;
    margin-bottom: 20px;
}

.key-stats .container {
    display: flex;
    flex-direction: row;
}

.key-stats .row {
    align-items: center;
}

.key-about {
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.key-about .heading-wrap {
    margin-bottom: 20px;
}

.key-about .heading-title {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
}

.content-tab-stats {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    margin: 20px 0px 0px;
}

.content-tab-parameter-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-right: 1px solid #FFFFFF4D;
    padding: 0 30px;
}
.content-tab-parameter-box:first-child{
    padding-left: 0;
}
.content-tab-parameter-box:last-child {
    border-right: none;
}

.content-tab-parameter-heading {
    color: var(--whitecolor);
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.content-tab-parameter-info {
    color: var(--whitecolor);
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
}

.partners-slider {
    margin-top: 20px;
}

.clients-slider {
    margin-top: 20px;
}

.partners-slider .brand-box,
.clients-slider .brand-box{
    padding: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #d4d6db;
    border-radius: 20px;
    margin: 0 15px;
    min-height: 100px;
}

.clients-section .partners-slider .brand-box {
    background-color: #fff;
    margin: 0 15px;
    padding: 15px;
}

.clients-section .clients-slider .brand-box{
    background-color: #fff;
    margin: 0 15px;
    padding: 15px;
}

.partners-slider .brand-box img,
.clients-slider .brand-box img {
    width: 90px;
    height: 60px;
    object-fit: contain;
    margin: auto;
    display: block;
}

.partners-slider .slick-prev,
.partners-slider .slick-next {
    z-index: 1;
    width: 40px;
    height: 40px;
}

.partners-slider .slick-prev {
    left: -50px;
}

.partners-slider .slick-next {
    right: -50px;
}

.partners-slider .slick-prev:before,
.partners-slider .slick-next:before {
    font-size: 30px;
    color: #3E2670;
}

.clients-slider .slick-prev,
.clients-slider .slick-next {
    display: none !important;
}

.clients-section {
    background-color: #F3F4F6 !important;
}

.site-footer [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

.site-footer .upper-footer[data-aos],
.site-footer .address-list[data-aos] {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
}

.clients-section .head-wrap-title .sm-title {
    font-size: 17px;
    font-weight: 700;
    color: #3E2670;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.page-seo .container {
    max-width: 95% !important;
    margin: 0px auto;
    padding: 0px 15px;
}

.page-seo section .fourthSection.head-wrap-title .sm-title,
.page-seo section .fourthSection.head-wrap-title p.sm-title,
.page-seo .fourthSection.head-wrap-title .sm-title,
.page-seo .fourthSection.head-wrap-title p.sm-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #3E2670 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    margin-bottom: 0 !important;
    line-height: 25px !important;
    font-family: "Gilroy" !important;
}

.page-seo section .fourthSection.head-wrap-title .lg-title {
    margin-top: 10px !important;
}

.testimonialSection {
    position: relative;
    overflow: hidden;
}

.container-2 {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.row-2 {
    display: flex;
    align-items: stretch;
    min-height: 600px;
}

.row-left {
    flex: 0 0 40%;
    max-width: 40%;
    background: #fff;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

.row-right {
    flex: 0 0 60%;
    max-width: 60%;
    position: relative;
    overflow: hidden;
}

.row-right .brand-gradient.half-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(287.71deg, #d16cd6 -36.77%, #3d256f 73.84%);
  
    z-index: 0;
}

.testimonialSection .common-banner-wrap-2 .lg-title {
    font-size: 42px;
    font-weight: 700;
    color: #3E2670;
    line-height: 1.2;
    margin-bottom: 40px;
    font-family: "Epilogue", sans-serif;
}

.testimonialSection .brand-btn {
    display: inline-block;
    padding: 15px 40px;
    background: #3E2670;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s;
}

.testimonialSection .brand-btn:hover {
    background: #2d1a52;
    color: #fff;
}

.testimonialSection .testimonial-wrap {
    position: relative;
    z-index: 1;
    padding: 60px 40px;
}

.testimonialSection .testimonial-slide {
    padding: 0 15px;
    height: auto;
}

.testimonialSection .client-content {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.testimonialSection .client-content span svg {
    width: 60px;
    height: 50px;
    margin-bottom: 20px;
    opacity: 0.3;
}

.testimonialSection .client-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    margin-bottom: 30px;
    flex-grow: 1;
}

.testimonialSection .client-content .testimonial-block {
    color: #3E2670;
    text-decoration: none;
    font-weight: 600;
}

.testimonialSection .client-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.testimonialSection .client-name strong {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.testimonialSection .client-name small {
    font-size: 14px;
    color: #666;
    display: block;
}

.testimonialSection .company-name img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonialSection .testimonial-wrap .slick-prev,
.testimonialSection .testimonial-wrap .slick-next {
    width: 35px;
    height: 35px;
    background: #fff;
    border: none;
    font-size: 0;
    border-radius: 30px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.testimonialSection .testimonial-wrap .slick-prev {
    left: 10px;
}

.testimonialSection .testimonial-wrap .slick-next {
    right: 10px;
}

.testimonialSection .testimonial-wrap .slick-prev:before,
.testimonialSection .testimonial-wrap .slick-next:before {
    display: none;
}

.testimonialSection .testimonial-wrap .slick-prev:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 11px;
    height: 7px;
    width: 7px;
    border-top: 3px solid #3E2670;
    border-right: 3px solid #3E2670;
    transform: rotate(221deg);
    pointer-events: none;
    border-radius: 1px;
    box-sizing: content-box;
}

.testimonialSection .testimonial-wrap .slick-next:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 13px;
    height: 7px;
    width: 7px;
    border-top: 3px solid #3E2670;
    border-right: 3px solid #3E2670;
    transform: rotate(45deg);
    pointer-events: none;
    border-radius: 1px;
    box-sizing: content-box;
}

.testimonialSection .testimonial-wrap .slick-prev:hover,
.testimonialSection .testimonial-wrap .slick-next:hover {
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
}

.testimonialSection .testimonial-wrap .slick-prev:hover:after,
.testimonialSection .testimonial-wrap .slick-next:hover:after {
    border-top-color: #3E2670;
    border-right-color: #3E2670;
}

.common-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 20px;
}

.common-popup-overlay .close-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.common-popup-overlay .join-us-pro {
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 0;
    max-width: 450px;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.3);
    margin: auto;
}

.common-popup-overlay .ModalHeader {
    padding: 40px 40px 30px 40px;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.common-popup-overlay .ModalHeader img {
    max-height: 50px;
    width: auto;
    margin: 0 auto;
}

.common-popup-overlay .close-button-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10001;
    padding: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-popup-overlay .close-button-modal svg {
    width: 20px;
    height: 20px;
    stroke: #000;
    stroke-width: 2;
}

.common-popup-overlay .close-button-modal:hover svg {
    stroke: #3E2670;
}

.common-popup-overlay .join-us-pro .client-content {
    padding: 30px 40px 40px 40px;
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.common-popup-overlay .join-us-pro .client-content span {
    display: block;
    margin-bottom: 15px;
}

.common-popup-overlay .join-us-pro .client-content span svg {
    width: 50px;
    height: 45px;
    margin-bottom: 0;
    opacity: 0.3;
}

.common-popup-overlay .join-us-pro .client-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 30px;
    flex-grow: 1;
    margin-top: 0;
}

.common-popup-overlay .join-us-pro .client-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    margin-top: auto;
}

.common-popup-overlay .join-us-pro .client-name strong {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.common-popup-overlay .join-us-pro .client-name small {
    font-size: 14px;
    color: #666;
    display: block;
}

.common-popup-overlay .join-us-pro .company-name img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}

.common-popup-overlay .modal-footer-btn {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #E5E5E5;
}

.common-popup-overlay .modal-get-in-touch-btn {
    display: inline-block;
    background: #3E2670;
    color: #fff;
    padding: 14px 40px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.common-popup-overlay .modal-get-in-touch-btn:hover {
    background: #2d1a52;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(62, 38, 112, 0.3);
}

.overflow-h {
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .common-popup-overlay {
        padding: 10px;
    }

    .common-popup-overlay .join-us-pro {
        max-width: 100%;
        max-height: 95vh;
        border-radius: 15px;
    }

    .common-popup-overlay .ModalHeader {
        padding: 30px 20px 20px 20px;
    }

    .common-popup-overlay .ModalHeader img {
        max-height: 40px;
    }

    .common-popup-overlay .close-button-modal {
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
    }

    .common-popup-overlay .join-us-pro .client-content {
        padding: 25px 20px 30px 20px;
    }

    .common-popup-overlay .join-us-pro .client-content span svg {
        width: 40px;
        height: 35px;
    }

    .common-popup-overlay .join-us-pro .client-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .common-popup-overlay .join-us-pro .client-name strong {
        font-size: 16px;
    }

    .common-popup-overlay .join-us-pro .client-name small {
        font-size: 13px;
    }

    .common-popup-overlay .join-us-pro .company-name img {
        width: 60px;
        height: 60px;
    }

    .common-popup-overlay .modal-footer-btn {
        padding-top: 20px;
        margin-top: 20px;
    }

    .common-popup-overlay .modal-get-in-touch-btn {
        padding: 12px 30px;
        font-size: 15px;
    }
}

@media screen and (max-width: 991px) {
    .testimonialSection .row-2 {
        flex-direction: column;
        min-height: auto;
    }

    .testimonialSection .row-left,
    .testimonialSection .row-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimonialSection .row-right {
        clip-path: none;
    }

    .testimonialSection .common-banner-wrap-2 .lg-title {
        font-size: 32px;
    }

    .testimonialSection .testimonial-wrap {
        padding: 40px 20px;
    }
}

.common-banner-wrap-2 .lg-title{
    text-transform: capitalize;
}

.ecom-brand-box {
    border: 1px solid #d4d6db;
    background: #fff;
    border-radius: 20px;
    height: 70px!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin: 0 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ecom-brand-box img {
    max-width: 100%;
    max-height: 50px;
    object-fit: contain;
}

.partners-ecom-slider {
    margin-top: 20px;
    padding-bottom: 40px;
}

.partners-ecom-slider .slick-dots {
    bottom: -30px !important;
    position: absolute;
    text-align: center;
    width: 100%;
}

.partners-ecom-slider .slick-dots li {
    margin: 0 5px;
    width: 8px;
    height: 8px;
}

.partners-ecom-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    background-color: #3E2670;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.partners-ecom-slider .slick-dots li button:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #3E2670;
    opacity: 0.3;
}

.partners-ecom-slider .slick-dots li.slick-active button,
.partners-ecom-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #3E2670;
}

.lpbanner .head-wrap-title .sm-title p{
    font-size: 15px;
    line-height: 26px;
    text-transform: capitalize;
}

.service-blog-slider .slick-track{
    display: flex!important;
}

.service-blog-slider .slick-track .caseStudyBox{
    height: inherit;
} 
.caseImgBox{
    align-items: baseline;
    min-height: auto;
}

.brand-trust-img img{
    height: 60px;
}

@media screen and (max-width: 1024px) {
    .container {
        padding: 0px 20px;
    }

    .breadcrumb {
        height: 600px;
    }

    .why-sopify .content-wrapper::after {
        display: none;
    }

    .why-sopify .content-wrapper {
        width: 100%;
    }

    .pricing .pricing-wrapper {
        gap: 20px;
    }

    .our-process .heading-wrap {
        text-align: center;
    }

    .our-process .process-holder {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }

    .our-process .process-wrapper {
        display: block;
        width: 70%;
        margin-top: 0;
    }

    .our-process .process-bar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .our-process .process-wrapper .process-card {
        margin-bottom: 35px;
    }

    .our-process .process-bar::after {
        height: 82%;
        width: 2px;
        flex-direction: column;
    }

    .portfolio-holder .tab-list {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 25px;
        white-space: nowrap;
        overflow-x: auto;
        justify-content: space-between;
    }

    .portfolio-holder .tab-list li {
        margin-bottom: 10px;
    }

    .portfolio-holder .content-tab {
        width: 100%;
        margin-top: 22px;
    }

    .portfolio-holder .tab-list li a.active,
    .portfolio-holder .tab-list li button.active {
        font-size: 24px;
    }


    .key-stats .container {
        flex-direction: column;
    }

    .key-about {
        padding-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .key-paragraph p {
        text-align: start;
        margin-bottom: 20px;
    }

    .key-stats .heading-wrap {
        text-align: start;
    }
    .lpbanner .head-wrap-title .sm-title p{
        padding-right: 10px;
    }
    .lpbanner .head-wrap-title .sm-title p br{
        display: none;
    }
    .portfolio-holder .content-tab.show{
        grid-template-columns: 60% 40%;
        align-items: baseline;
    }
    .content-tab-stats{
        margin: 20px 0px 0;
    }
    .portfolio-holder .content-tab .content-holder .text-wrap{
        margin-bottom: 22px;
    }

    .content-tab-parameter-box br{
        display: none;
    }
    .pricing .pricing-wrapper .price-card .card-header .text{
        padding-right: 0;
    }
    .pricing .pricing-wrapper .price-card .card-header{
        padding: 30px 18px 0;
    }
}

@media screen and (max-width: 991px) {
    .space {
        padding: 70px 0;
    }

    .key-stats {
        padding: 70px 0;
    }

    .main-heading {
        font-size: 35px;
    }

    .heading-wrap {
        margin-bottom: 35px;
        text-align: left!important;
    }

    .breadcrumb {
        height: 50vh;
    }

    .breadcrumb .vector {
        height: 125px;
    }

    .breadcrumb .mini-text {
        margin-bottom: 40px;
    }

    .breadcrumb .main-heading {
        font-size: 50px;
    }

    .heading-wrap .heading-title {
        font-size: 15px;
        margin-bottom: 0;
        letter-spacing: 1px;
    }

    .breadcrumb .form-wrapper {
        width: 90%;
    }

    .why-sopify .heading-wrap {
        text-align: center;
    }

    
    .why-sopify .column-8 {
        width: 100%;
    }

    .why-sopify .row {
        flex-wrap: wrap;
    }

    .why-sopify .column-4 {
        width: 100%;
    }

    .why-sopify .img-wrap img {
        position: relative;
        transform: translateX(0%);
        margin-bottom: 22px;
    }

    .pricing .pricing-wrapper {
        gap: 15px;
    }

    .pricing .pricing-wrapper .price-card .card-header .price-wrap {
        margin: 10px 0;
        padding: 10px 0;
    }

    .pricing .pricing-wrapper .price-card .card-header .price-wrap .price {
        font-size: 32px;
    }

    .pricing .pricing-wrapper .price-card .card-header {
        padding: 25px 25px 0;
    }

    .pricing .pricing-wrapper .price-card .card-body .content {
        padding: 0 25px 20px;
    }

    .pricing .pricing-wrapper .price-card.middle {
        transform: translateY(-5%);
    }

    .pricing .heading-wrap {
        margin-bottom: 85px;
    }

    .key-stats .stats-wrapper .stats-card {
        padding: 30px 20px;
    }

    .key-stats .stats-wrapper .stats-card .card-title {
        font-size: 40px;
    }
    .partners-slider .brand-box, 
    .clients-slider .brand-box{
        padding: 10px 18px;
    }
    .partners-slider .brand-box img, 
    .clients-slider .brand-box img{
        width: 150px;
    }
}

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

    p, span{
        font-size: 14px;
        line-height: 1.5;
    }

    .row .col-6 {
        width: 100%!important;
    }

    .col-3 {
        width: 100%;
    }
    .section-padding,
    .space {
        padding: 45px 0!important;
    }

    .breadcrumb {
        height: auto;
        display: block;
    }

    .breadcrumb .bg-wrapper {
        height: 40vh;
        position: relative;
    }

    .breadcrumb .bg-wrapper .bg {
        height: 40vh;
        position: absolute;
    }

    .breadcrumb .bg-wrapper .content-wrap {
        padding: 0 20px;
    }

    .breadcrumb .mini-text {
        margin-bottom: 0;
    }

    .breadcrumb .form-wrapper {
        position: relative;
        transform: translateY(0%);
        padding: 15px;
        margin: 20px auto;
        width: 90%;
    }

    .clients-slider{
        margin-top: 0;
    }
    .head-wrap-title .sm-title{
        margin: 0;
    }
    .key-stats {
        padding: 40px 0;
    }

    .pricing .heading-wrap,
    .heading-wrap {
        margin-bottom: 30px!important;
    }

    .main-heading {
        font-size: 28px;
    }

    .heading-title {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .heading-title::after {
        right: -10px;
        width: 30px;
    }

    .breadcrumb .main-heading {
        font-size: 28px;
    }

    .breadcrumb .vector,
    .breadcrumb .mini-text br {
        display: none;
    }

    .key-stats .stats-wrapper {
        grid-template-columns: repeat(2, 1fr);
        border: none;
        border-radius: 0;
    }

    .key-stats .stats-wrapper .stats-card {
        padding: 20px;
        border: 1px solid #C8C8C8 !important;
    }

    .key-stats .stats-wrapper .stats-card .card-title {
        font-size: 30px;
        margin-bottom: 0;
    }

    .key-stats .stats-wrapper .stats-card .text {
        font-size: 14px;
    }

    .why-sopify .content-wrapper {
        gap: 20px;
        margin-top: 30px;
    }

    .why-sopify .content-wrapper .content-holder .title {
        font-size: 16px;
    }

    .pricing .pricing-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .pricing .pricing-wrapper .price-card.middle {
        transform: translateY(0%);
    }

    .our-process .process-wrapper .process-card {
        margin-bottom: 20px;
        padding: 30px 20px;
    }

    .our-process .process-wrapper .process-card img {
        margin-bottom: 10px;
    }

    .accrodion-wrapper .row {
        flex-wrap: wrap!important;
        gap: 0;
    }

    .accrodion-wrapper .accordion {
        padding: 10px 0!important;
    }

    .accrodion-wrapper .accordion:first-child .accordion-header {
        padding-top: 0;
    }

    .accrodion-wrapper .accordion .accordion-header .title {
        font-size: 18px;
        padding-right: 10px;
    }

    .accrodion-wrapper .accordion.active .accordion-body p {
        font-size: 14px;
    }

    .pricing .pricing-wrapper .price-card .card-header .price-wrap .price {
        font-size: 24px;
    }

    .our-process .process-wrapper {
        width: 80%;
    }

    .our-process .process-holder {
        justify-content: space-between;
    }

    .field-wrap .input-field {
        margin-bottom: 10px;
    }

    .field-wrap textarea.input-field {
        margin-bottom: 26px;
    }

    .portfolio-holder .tab-list li a.active,
    .portfolio-holder .tab-list li button.active {
        font-size: 18px;
    }

    .portfolio-holder .tab-list li a,
    .portfolio-holder .tab-list li button {
        font-size: 17px;
    }

    .portfolio-holder .content-tab.show {
        grid-template-columns: repeat(1, 1fr);
    }

    .portfolio-holder .content-tab .content-holder .text-wrap {
        margin-bottom: 18px;
    }

    .portfolio-holder .content-tab .img-holder {
        margin: 0 0 12px;
        width: 100%;
    }

    .portfolio-holder .content-tab .content-tab-stats{
        margin: 0 0 15px;
        justify-content: flex-start;
    }

    .portfolio-holder .content-tab .content-holder .text-wrap p,
    .portfolio-holder .content-tab .content-holder .text-wrap a{
        margin-bottom: 0;
    }

    .lpbanner .head-wrap-title .sm-title{
        margin: 0;
    }
    .partners-ecom-slider{
        margin-top: 20px;
    }
    .partners-ecom-slider .slick-dots{
        bottom: -30px!important;
    }
    .main-brand-row,
    .branding-slider{
        margin-top: 0;
    }

    .py-10{
        padding-top: 0px!important;
    }

    .clients-section .clients-slider .brand-box {
        margin-top: 20px;
    }

    .migrate-cta{
        margin: 10px 0!important;
    }

    .content-tab-parameter-box{
        padding: 0 10px;
    }

    .migrate-cta a.btn-white.gta-modal-popup{
        background-color: var(--brand-color);
        color: #fff;
    }

.offer-bottom-strip {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.offer-bottom-strip h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.offer-bottom-strip .migrate-cta {
    margin: 0 !important;
    display: inline-block;
}

.offer-bottom-strip .migrate-cta .btn-white {
    background: #fff !important;
    color: #3E2670 !important;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.offer-bottom-strip .migrate-cta .btn-white:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

@media screen and (max-width: 767px) {
    .offer-bottom-strip {
        margin-top: 15px;
        gap: 12px;
    }
    
    .offer-bottom-strip h5 {
        font-size: 14px;
    }
    
    .offer-bottom-strip .migrate-cta .btn-white {
        padding: 10px 24px;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
}

    .service-offer-section .gus-top-heading{
        margin-bottom: 28px;
    }
    .button-logo{
        display: block;
    }
    #service-offer-wrap .service-zorvio-logo{
        position: absolute;
        right: 10px;
        bottom: 25px;
    }
}

@media screen and (max-width: 575px) {
    .breadcrumb .main-heading {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .breadcrumb .mini-text {
        font-size: 14px;
    }

    .breadcrumb .form-wrapper {
        border-radius: 18px;
    }

    .why-sopify .img-wrap img {
        margin-bottom: 0;
    }

    .why-sopify .content-wrapper {
        margin-top: 20px;
    }

    .pricing .heading-wrap,
    .heading-wrap {
        margin-bottom: 20px!important;
    }

    
    .qurry-form-heading.heading-tittle {
        font-size: 16px;
    }

    .partners-slider .brand-box img,
    .clients-slider .brand-box 

    .partners-slider .brand-box{
        padding: 15px;
        border: 1px solid #d4d6db;
        border-radius: 20px;
        min-width: 200px;
    }

    .partners-slider .slick-prev {
        left: -20px;
    }

    .partners-slider .slick-next {
        right: -20px;
    }

    .partners-slider .slick-prev:before,
    .partners-slider .slick-next:before {
        font-size: 24px;
    }

    .clients-slider .slick-prev,
    .clients-slider .slick-next {
        display: none !important;
    }

    .key-about .heading-title{
        font-size: 12px;
    }

    .key-about .main-heading{
        font-size: 20px;
    }
}

html,body{font-family:"Gilroy";line-height:1.7;letter-spacing:.3px;color:#565656}
img{max-width:100%;height:auto}
.btn{font-weight:600}
.btn-light:hover{color:#fff}
.container{max-width:1400px}
.navbar-brand img{max-height:60px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1021}
.page-header,.page-sub-banner{position:relative;z-index:1020}
.page-wrapper{padding-top:65px}
.site-footer{position:relative;z-index:1020}
.navbar-primary li{padding:0 .5rem}
.navbar-brand img{display:none}
.navbar-light .logo-light{display:inline-block}
.navbar-light .logo-dark{display:none}
.navbar-dark .logo-dark{display:inline-block}
.navbar-dark .logo-light{display:none}
.navbar-primary{padding-top:0;padding-bottom:0}
.navbar-primary li a{color:#61569d;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.3px}
.navbar-primary .dropdown-menu{padding:0;border-radius:.3rem;overflow:hidden}
.navbar-primary .dropdown-menu li{padding:0}
.navbar-primary .dropdown-menu a{color:#000;font-size:15px;opacity:.9;transition:.3s;font-weight:700;padding:.5rem 1.5rem}
.navbar-primary .dropdown-menu a:hover{color:#fff;background-color:var(--bs-primary)}
.navbar-light{background-color:#fff}
.navbar-dark{background-color:transparent;border-bottom:1px solid rgba(255,255,255,.3)}
.navbar-dark ul li a{color:#fff}
.navbar-dark .btn{color:#fff;background-color:transparent;border-color:#fff}
.navbar-dark .btn:hover{background-color:var(--bs-primary);border-color:var(--bs-primary)}
.header-dark .section-heading{color:#fff}
.header-dark .section-heading:after{background-color:#fff}
h1,h2,h3,h4,h5,h6,.fs-1,.fs-2,.fs-3,.fs-4,.fs-5,footer .address-heading{font-family:Epilogue;color:#000;line-height:1.4}
.page-header .title{color:#fff}
.section-header-limit{max-width:800px;margin-left:auto;margin-right:auto}
.section-top-heading{font-size:22px;color:#5e5e5e;font-weight:600;margin-bottom:0}
.section-heading{position:relative;font-family:"Epilogue";font-size:35px;color:#1b1d1f;margin-bottom:1rem;letter-spacing:-.84px;line-height:1.4}
.section-heading-sm{font-size:24px}
.section-heading-md{font-size:34px}
.section-heading:after{content:"";width:75px;height:7px;background:#000;color:#000;display:block;margin:5px auto 0 auto}
.section-heading-sm:after{height:4px;margin-top:0}
.section-heading-md:after{margin-top:0}
.section-heading-sm{margin-bottom:1.5rem}
.checklist{list-style:none;display:flex}
.checklist li:before{content:"✓";min-width:20px;max-width:20px;height:20px;margin-right:6px;display:inline-block;color:var(--bs-primary);font-weight:bold}
@media screen and (min-width:767px){
  .heading-left{text-align:left}
  .heading-left:after{margin-left:0}
}
.page-sub-banner{background-color:#2d2d2d;padding:7% 0;background-size:cover;background-position:center bottom}
.page-sub-banner .button-group{margin-top:1rem}
.page-subheader-content{max-width:650px;color:#fff;font-size:19px;line-height:1.75;font-weight:500}
.heading-center{text-align:center}
footer,.footer-links a,.site-footer .address-list .address-details{color:#bdbdbd;font-size:.9rem}
footer .social-icons li{margin-right:.3rem}
footer .social-icons li:last-child{margin-right:0}
footer .address-heading{color:#fff}
.footer-links a{padding:.2rem 0;display:inline-block}
.site-footer .social-icons svg{fill:#fff;width:1.3rem;height:1.3rem}
.get-in-touch{position:fixed;top:50%;left:0;display:inline-block;padding:.5rem 1rem;word-spacing:.1rem;transform:rotate(-90deg) translatey(-110%);background-color:var(--bs-primary);color:#fff;font-weight:500;z-index:1019;border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;font-size:.9rem}
.section-padding{padding:40px 0}
.top-padding{padding-top:40px}
.bottom-padding{padding-bottom:40px}
@media screen and (max-width:991px){
  .navbar-primary .dropdown-menu{border-color:transparent}
}
@media screen and (min-width:992px){
  .section-padding{padding:80px 0}
  .top-padding{padding-top:80px}
  .bottom-padding{padding-bottom:80px}
  .navbar-primary .dropdown-menu{display:block;opacity:0;z-index:0;transition:.2s;top:100%;left:0;height:0}
  .navbar-primary .dropdown:hover .dropdown-menu{position:absolute;margin-top:var(--bs-dropdown-spacer);opacity:1;z-index:99;height:auto}
  .section-header-left .section-heading:after{margin-left:0}
}
footer .content-wrapper{border-top:1px solid #454545}
footer .btn:hover{color:#fff;background:var(--bs-primary);border-color:var(--bs-primary)}
.partnership-item{text-align:center}
.partnership-item img{width:auto;max-height:75px}
@media screen and (max-width:767px){
  .section-heading{font-size:24px}
  .section-header{text-align:center}
}
.upper-footer .wpcf7-spinner{display:none}
.our-brands .container{max-width:1200px}
.brand-slider .item{text-align:center;margin-bottom:10px}
.brand-slider .item 
.testomonials-container{max-width:1300px}
.latest-blogs .read-more-btn-container{margin-top:2rem}
.blog-item{margin-bottom:2rem}
#latest-blogs-carousel .blog-item{margin:0}
#latest-blogs-carousel.slick-slider .slick-slide .blog-item{margin:0}
.blog-item .blog-date{font-size:12px;color:#929292;font-weight:600}
.blog-item .blog-title{font-size:18px;color:#000;display:-webkit-box;-webkit-line-clamp:2;height:60px;font-weight:500;-webkit-box-orient:vertical;overflow:hidden}
.grecaptcha-badge{display:none;visibility:hidden;opacity:0;position:relative;z-index:-999}
.latest-blogs .slick-dots,.our-brands .slick-dots{text-align:center}

/* our-brands: Brands That Trust Us - reduce padding, fix dots */
.our-brands{padding:48px 24px 56px!important}
.our-brands .brand-slider.slick-slider{padding-bottom:0;position:relative}
.our-brands .brand-slider .slick-dots{position:relative!important;bottom:auto!important;left:0;right:0;width:100%;display:flex!important;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;list-style:none;padding:0;margin:16px 0 0!important}
.our-brands .brand-slider .slick-dots li{margin:0!important;width:8px;height:8px}
.our-brands .brand-slider .slick-dots li button{width:8px;height:8px;padding:0;border:none;font-size:0;line-height:0;background:rgba(255,255,255,0.35);border-radius:50%;cursor:pointer;transition:opacity .2s ease,background .2s ease}
.our-brands .brand-slider .slick-dots li button:before{content:none}
.our-brands .brand-slider .slick-dots li.slick-active button{background:#fff;opacity:1}
.our-brands .brand-slider .brand-logo-box{padding:12px 16px;display:flex;align-items:center;justify-content:center}

section#OurCulture{display:none}
.icon-box{margin-bottom:50px}
.icon-box-row .icon-col:last-child .icon-box{margin-bottom:0}
.icon-box .icon{margin-right:26px}
.icon-box .icon img{width:50px;height:auto}
.icon-box .icon-box-title{font-size:18px;font-weight:600;color:#000;text-transform:capitalize}
.icon-box .icon-box-content{font-size:15px;font-weight:400;color:#000;text-transform:none;opacity:.8}
@media screen and (min-width:767px){
  .icon-box-row .icon-col:nth-last-child(2) .icon-box{margin-bottom:0}
}
.section-vision-mission .container{margin-bottom:-200px;z-index:1}
.vision-mission-box{}
.our-leader{padding-top:250px}
.leader-slider-team .leader-box{padding:30px 30px}
.leader-slider-team .leader-img{width:100%;height:auto}
.leader-slider-team .leader-content{padding:10px 0;margin:0 auto;text-align:center;color:#fff!important}
.leader-content .title{font-size:20px;font-weight:400;color:#fff;text-transform:capitalize;margin-bottom:10px}
.leader-content .content{font-size:17px;font-weight:400;color:#fff;text-transform:uppercase}
.leader-slider-team .slick-arrow{display:none!important}
.leader-slider-team .slick-dots button{font-size:0;background:transparent}
.leader-slider-team .slick-dots{display:flex;justify-content:center}
.leader-slider-team .slick-dots li{width:10px;height:10px;position:relative;z-index:123;background-color:#452379;border-radius:50%;margin:0 8px}
.leader-slider-team .slick-dots li.slick-active{width:14px;height:14px;margin-top:-2px}
.leader-slider-team .slick-list{padding:0 160px!important}
.leader-slider-team .slick-dots li button:before{content:" "}
@media screen and (max-width:767px){
  .leader-slider-team .slick-list{padding:0!important}
}
#hidemapbar{position:relative;top:0;border:inherit;border-radius:25px;height:100%;overflow:hidden;line-height:0}
.map-row{align-items:center}
.iframe-overlay{position:absolute;top:0;left:0;width:100%;height:67px;background-color:#212529;z-index:1}
#hidemapbar iframe{height:450px;margin-top:-67px}
.height67{height:67px}
@media screen and (max-width:767px){
  #hidemapbar iframe{height:400px}
  .row-oofice-loc{margin-top:30px}
}
.row-oofice-loc .pb-4:last-child{padding-bottom:0!important}
@media screen and (max-width: 360px) {

    .key-stats .stats-wrapper,
    .why-sopify .content-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .key-stats .stats-wrapper .stats-card {
        padding: 12px;
    }

    .key-stats .stats-wrapper .stats-card .card-title {
        font-size: 24px;
    }
}

@media screen and (max-width:767px){
    .page-id-169 .bg-icon:after, .page-id-171 .bg-icon:after, .page-id-166 .bg-icon:after{width: 135px;height: 108px;top: 25%;}
   
    #service-offer-wrap .testimonial-item{
      box-shadow: rgba(149, 157, 165, 0.2) 2px -1px 0px;
    }
    .service-offer-section{padding-top: 40px !important;}
    .case-study-slider{margin-top: 10px !important;}
    .list-faq{margin-top: 0 !important;}
    .head-wrap-title .sm-title{margin-bottom: 10px !important;}
    .service-offer-section .gus-top-heading{margin-left: -15px !important;}
  }
  
  
  

.caseStudyBox {
  margin: 0 15px;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.caseStudyBox:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.caseboxInner {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}

.caseImgBox {
  width: 100%;
  height: 280px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  flex-shrink: 0;
}

.caseImgBox img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.caseStudyBox:hover .caseImgBox img {
  transform: scale(1.05);
}

.case-content {
  padding: 16px 25px;
  background: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.case-content small {
  font-size: 12px;
  font-weight: 400;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  display: block;
}

.case-content p {
  margin-bottom: 16px;
}

.case-content .title_color {
  color: #1b1d1f;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.3s ease;
  display: block;
  margin-bottom: 8px;
}

.case-content .title_color:hover {
  color: #3E2670;
}

.case-content .result {
  display: block;
  margin-bottom: 8px;
}

.case-content .result-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 0;
  border-bottom: none;
}

.case-content .result-box small {
  font-size: 14px;
  color: #1b1d1f;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  flex: 1;
  line-height: 1.4;
}

.case-content .result-box .case-metric-value {
  font-size: 16px;
  font-weight: 700;
  color: #1b1d1f;
  white-space: nowrap;
  margin-left: 15px;
  line-height: 1.4;
}

.case-content .learn-more {
  color: #1b1d1f;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  margin-top: auto;
  transition: color 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.case-content .learn-more:hover {
  color: #3E2670;
}

.case-content .learn-more::after {
  content: '>';
  font-size: 14px;
  font-weight: 600;
}

.case-study-slider {
  position: relative;

}

.case-study-slider .slick-prev,
.case-study-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  overflow: visible;
}

.case-study-slider .slick-prev:hover,
.case-study-slider .slick-next:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  background: #3E2670;
}

.case-study-slider .slick-prev:hover:before,
.case-study-slider .slick-next:hover:before {
  color: #fff;
}

.case-study-slider .slick-prev {
  left: 0px;
}

.case-study-slider .slick-next {
  right: 0px;
}

.case-study-slider .slick-prev:before,
.case-study-slider .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 48px;
  color: #3E2670;
  opacity: 1;
  transition: color 0.3s ease;
  display: block !important;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
}

.case-study-slider .slick-prev:before {
  content: '←';
}

.case-study-slider .slick-next:before {
  content: '→';
}

.case-study-slider .slick-list {
  margin: 0 -15px;
}

.case-study-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.case-study-slider .slick-slide {
  height: auto;
  display: flex;
}

.case-study-slider .slick-slide > div {
  display: flex;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1200px) {
  .case-study-slider {
    padding: 0 60px;
  }
  .case-study-slider .slick-prev {
    left: -50px;
  }
  .case-study-slider .slick-next {
    right: -50px;
  }
}

@media screen and (max-width: 991px) {
  .case-study-slider {
    padding: 0 50px;
  }
  .case-study-slider .slick-prev {
    left: -40px;
  }
  .case-study-slider .slick-next {
    right: -40px;
  }
  .case-study-slider .slick-prev,
  .case-study-slider .slick-next {
    width: 40px;
    height: 40px;
  }
  .case-study-slider .slick-prev:before,
  .case-study-slider .slick-next:before {
    font-size: 18px;
    line-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .case-study-slider .slick-prev {
    left: 10px;
  }
  .case-study-slider .slick-next {
    right: 10px;
  }
  .caseStudyBox {
    margin: 0 10px;
  }
  .case-study-slider .slick-list {
    margin: 0 -10px;
  }
  .case-study-slider .slick-slide {
    padding: 0 10px;
    display: flex;
  }
  .caseImgBox {
    height: 240px;
  }
  .case-study-slider .slick-prev,
  .case-study-slider .slick-next {
    width: 36px;
    height: 36px;
  }
  .case-study-slider .slick-prev:before,
  .case-study-slider .slick-next:before {
    font-size: 16px;
    line-height: 36px;
  }
}

.service-slider {
  position: relative;
  padding: 0 70px;
}

.service-slider .slick-prev,
.service-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  overflow: visible;
}

.service-slider .slick-prev:hover,
.service-slider .slick-next:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  background: #3E2670;
}

.service-slider .slick-prev:hover:before,
.service-slider .slick-next:hover:before {
  color: #fff;
}

.service-slider .slick-prev {
  left: 0px;
}

.service-slider .slick-next {
  right: 0px;
}

.service-slider .slick-prev:before,
.service-slider .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 48px;
  color: #3E2670;
  opacity: 1;
  transition: color 0.3s ease;
  display: block !important;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
}

.service-slider .slick-prev:before {
  content: '←';
}

.service-slider .slick-next:before {
  content: '→';
}

.service-slider .slick-list {
  margin: 0 -15px;
}

.service-slider .slick-slide {
  padding: 0 15px;
}

@media screen and (max-width: 1200px) {
  .service-slider {
    padding: 0 60px;
  }
  .service-slider .slick-prev {
    left: -50px;
  }
  .service-slider .slick-next {
    right: -50px;
  }
}

@media screen and (max-width: 991px) {
  .service-slider {
    padding: 0 50px;
  }
  .service-slider .slick-prev {
    left: -40px;
  }
  .service-slider .slick-next {
    right: -40px;
  }
  .service-slider .slick-prev,
  .service-slider .slick-next {
    width: 40px;
    height: 40px;
  }
  .service-slider .slick-prev:before,
  .service-slider .slick-next:before {
    font-size: 18px;
    line-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .service-slider .slick-prev {
    left: 10px;
  }
  .service-slider .slick-next {
    right: 10px;
  }
  .service-slider .slick-prev,
  .service-slider .slick-next {
    width: 36px;
    height: 36px;
  }
  .service-slider .slick-prev:before,
  .service-slider .slick-next:before {
    font-size: 16px;
    line-height: 36px;
  }
}

.get-in-touch-cta {
  position: relative;
  z-index: 10;
}

.get-in-touch-cta.bg-primary {
  background-color: #3E2670 !important;
}

.get-in-touch-cta .text-white,
.get-in-touch-cta .h5.text-white,
.get-in-touch-cta h2.text-white {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.get-in-touch-cta [data-aos] {
  opacity: 1 !important;
  visibility: visible !important;
}

.get-in-touch-cta [data-aos].aos-animate {
  opacity: 1 !important;
  visibility: visible !important;
}

.get-in-touch-cta [data-aos]:not(.aos-animate) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@media screen and (max-width:767px){
  .page-id-124167  .key-stats{padding-top: 70px;}
}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}
.get-in-touch{z-index:99999!important}.call-icon{position:fixed;left:0;top:65%;background-color:#fff;padding:10px;border-radius:0 10px 10px 0;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:999999;padding-left:0;background-color:#452379}.call-icon svg{width:25px;height:25px}
.about-content{margin:2rem 0}.service-container{max-width:1100px}.service-item{padding:0 2px 2px 0}.service-item .service-summary{display:-webkit-box;max-width:500px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-item .service-icon img{max-width:100px}.service-item-bg{padding:2rem}.service-item .service-icon,.service-item .service-title,.service-item .service-summary{margin-bottom:1rem}.service-item .service-title{font-weight:600}.service-item .btn-read-more{padding:10px 30px;font-weight:600;font-size:14px}.our-work-tab li button{font-size:13px;font-weight:500;color:#303133;padding:0 10px;white-space:nowrap}.our-work-tab li button:after{content:" ";display:block;width:100%;height:1px;background:transparent}.our-work-tab li button.active{color:var(--bs-primary)}.our-work-tab li button.active:after{background-color:var(--bs-primary)}.work-list .work-item{margin:0 2px 2px 0}.work-list .work-item .image{overflow:hidden}.work-list .work-item img{transition:1s;-webkit-transition:1s}.work-list .work-item:hover img{transform:scale(1.1)}@media screen and (min-width:989px){.about-us .section-heading:after{margin-left:0}.testimonials .section-heading,.about-us .section-header{text-align:left}}
.mobile-video-elevate{display:none}.eventBanner img{display:block;width:100%}@media screen and (max-width:767px){.mobile-video-elevate{display:block}.event-video-banner{display:none}}
.brand-box{background:#fff}
.faqWrap{position:relative;transition:.3s}.number,.arrow{transition:.3s}.hover-reveal{position:absolute;width:300px;height:300px;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%);overflow:hidden;opacity:0;transform:scale(.8);transition:all .5s ease-out;border-radius:20px;z-index:999}.faqWrap{color:#000;text-decoration:none}.faqWrap::after{content:'';display:block;width:0;height:1px;background:#3e2670;transition:width .3s;position:absolute;bottom:0}@media screen and (max-width:767px){.list-faq li .arrow{width:33px;height:26.55px}}.faqWrap.active{display:flex}.hidden{display:none}
@media screen and (max-width:1299px){.page-id-122955 .leaders-card .leader-profile .leader-name{font-size:22px;line-height:24px;margin-bottom:10px}.page-id-122955 .leaders-card .leader-profile p{line-height:20px}}@media screen and (max-width:1026px){.page-id-122955 .leaders-intro{display:block}.page-id-122955 .leaders-card{height:100px;margin:20px 0}.page-id-122955 .leaders-card.active{height:520px}.page-id-122955 .leaders-card .leader-profile p{margin-bottom:0}.page-id-122955 .leaders-card .process-steps{display:block}.page-id-122955 .leaders-card .leader-heading{transform:rotate(0)}.page-id-122955 .leaders-card .leader-heading{bottom:20px}.page-id-122955 .leaders-card .leader-heading{white-space:normal;padding-right:60px}}.leaders-card.active .leader-bottom .leader-detail,.leaders-card.active .leader-bottom .leader-detail{flex-direction:column}.leaders-card .leader-right{width:100%}.scale_revenue .leaders-card .leader-heading{bottom:131px}.scale_revenue .leaders-card .leader-left{width:35%}@media screen and (min-width:992px){.leaders-card.active .leader-bottom{top:40%}}@media screen and (max-width:1199px) and (min-width:768px){.page-id-123363 .leaders-card{width:5%;flex:0 0 5%}.page-id-123363 .leaders-card.active,.leaders-card.active{width:50%;flex:0 0 40%}.scale_revenue .leaders-card{flex:1;width:auto}.scale_revenue .leaders-card.active,.leaders-card.active{flex:6;width:auto}.leaders-intro{flex-wrap:nowrap;overflow-x:scroll}}@media screen and (max-width:1195px){.scale_revenue .leaders-card .leader-left{width:50%}}@media screen and (max-width:767px){.page-id-122955 .leaders-card .leader-profile .leader-name{font-size:20px;line-height:24px;margin-bottom:10px}.page-id-122955 .leaders-card .leader-profile p{line-height:20px;font-size:14px}.scale_revenue .leaders-card .leader-heading{bottom:20px}.our-leaders .process-steps{top:23px}}
.space{padding:70px 0}.heading-wrap{margin-bottom:3rem}.heading-title{font-size:17px;font-weight:700;color:#3e2670;text-transform:uppercase;letter-spacing:3px;position:relative}.heading-title::after{content:'';position:absolute;right:-1rem;width:55px;top:50%;transform:translate(100%,-50%);border-top:2px solid #3e2670}.difference-section .table-wrapper{padding-top:25px}.difference-section .table-wrapper table{width:100%;border-collapse:collapse;table-layout:fixed;border-radius:3rem;border:1px solid #d6d6d6}.difference-section .table-wrapper table thead{background-color:#3e2670}.difference-section .table-wrapper table thead th{color:#fff;font-size:20px;font-weight:700;text-align:center;text-transform:capitalize;padding:1rem;width:25%;line-height:1.3;position:relative;border-bottom:1px solid #9b9b9b}.difference-section .table-wrapper table thead th::after{content:'';position:absolute;right:0;top:0;height:100%;width:auto;border-right:1px solid #9b9b9b}.difference-section .table-wrapper table thead th:last-child::after{display:none}.difference-section .table-wrapper table tbody tr:nth-child(even) {background-color:#f3f4f6}.difference-section .table-wrapper table tbody tr td{font-size:16px;font-weight:600;color:#3e2670;text-transform:capitalize;text-align:center;padding:1.2rem;border-right:1px solid #ccccd4;width:25%}.difference-section .table-wrapper table tbody tr td .review{display:flex;justify-content:center;gap:3px}.difference-section .table-wrapper table tbody tr td:last-child{border-right:none}.difference-section .table-wrapper table tbody tr td:first-child{text-align:left}.difference-section .table-wrapper table tbody tr .review img{height:20px;width:20px}.difference-section .heading-wrap p{margin-top:10px}.difference-section .table-wrapper table thead .secondHeading th{font-size:18px;line-height:normal;padding:10px}.p-relative{position:relative}.popularbadge{padding:8px;background-color:#ffc000;font-style:italic;color:#000;position:absolute}.before-text{position:relative}.before-text::before{content:"Popular";position:absolute;top:-45px;color:#000;background:#ffc000;font-style:italic;padding:8px 0;width:100%;left:0}.difference-section .table-wrapper table thead .secondHeading th.mobileHide{display:none}.page-id-123363{overflow-x:hidden}@media screen and (max-width:991px){.hero-banner .row{grid-template-columns:repeat(2,1fr)}.hero-banner .form-wrapper{width:100%;padding:2rem 1rem}.hero-banner .content-wrapper .banner-title{font-size:36px}.stats-wrapper{grid-template-columns:repeat(4,1fr);gap:1rem}.stats-wrapper .stats-card{padding:1rem .5rem}.stats-wrapper .stats-card .card-title{font-size:28px}.why-choose-wrapper{grid-template-columns:repeat(2,1fr);gap:1rem}.difference-section .table-wrapper{overflow-x:scroll;border-radius:1rem}.difference-section .table-wrapper table{table-layout:auto}.difference-section .table-wrapper table thead th{font-size:20px}.difference-section .table-wrapper{padding-top:47px}.before-text::before{top:-42px}}@media screen and (max-width:767px){.row .col-6{width:100%}.mobileHide{display:none}.hero-section{height:100%;margin-top:65px}.hero-banner .row{grid-template-columns:repeat(1,1fr)}.hero-section .bg-wrapper img{height:50vh;position:relative}.hero-section::before{height:50vh}.hero-banner .content-wrapper .banner-title{color:#3e2670}.hero-banner .content-wrapper .text{color:#393939;width:100%}.hero-banner .content-wrapper .banner-title{font-size:28px}.hero-banner .content-wrapper{padding:20px 0 0;margin-bottom:1rem}.hero-banner .content-wrapper .bottom-title{position:relative;color:#3e2670;margin-top:1rem}.stats-wrapper{grid-template-columns:repeat(3,1fr)}.why-us-carousel .slick-list{padding-right:0}.why-us-carousel .slick-arrow{top:0;bottom:0;right:-5px;margin:auto}.why-us-carousel .slick-arrow.slick-prev{right:auto;bottom:0;top:0;left:-5px;margin:auto}.difference-section .table-wrapper table tbody tr td{padding:10px;font-size:14px}.difference-section .table-wrapper table thead th{padding:10px;font-size:14px;font-weight:600;white-space:nowrap}.difference-section .table-wrapper table tbody tr .review img{height:13px;width:13px}.difference-section .table-wrapper table tbody tr td .review{gap:1px}.accrodion-wrapper .row{flex-wrap:wrap;gap:0}.accrodion-wrapper .accordion{padding:.5rem 0}.why-choose-wrapper .card-box{padding:1rem}.why-us-carousel .item .title{margin:1rem 0;font-size:20px;font-weight:600}.why-us-carousel .item{padding:1rem}.why-us-carousel .item p{font-size:15px}.stats-wrapper .stats-card .card-title{font-size:20px}.difference-section .table-wrapper table thead .secondHeading th{font-size:13px}.difference-section .table-wrapper table tbody tr td{font-size:12px}.before-text::before{top:-35px}}@media screen and (max-width:575px){.space{padding:25px 0}.heading-wrap{margin-bottom:1.5rem}.stats-wrapper{grid-template-columns:repeat(2,1fr)}.why-choose-wrapper{grid-template-columns:repeat(1,1fr)}.hero-banner .form-wrapper{padding:1rem 0}.hero-banner .content-wrapper .bottom-title{font-size:16px}.hero-banner .content-wrapper .banner-title{font-size:22px}.hero-banner .content-wrapper .text{font-size:15px}.accrodion-wrapper .accordion .accordion-header .title{font-size:17px;font-weight:600}.footer-links{flex-wrap:wrap}}.text-normal{text-transform:none!important}
.title_color{color:#55555c}.caseStudySpacing{padding-top:0!important}
    
    .heading-title {
        font-size: 17px;
        font-weight: 700;
        color: #3e2670;
        text-transform: uppercase;
        letter-spacing: 3px;
        position: relative;
    }
    .heading-title::after {
        content: '';
        position: absolute;
        right: -1rem;
        width: 55px;
        top: 50%;
        transform: translate(100%, -50%);
        border-top: 2px solid #3e2670;
    }
    .accrodion-wrapper .accordion {
        border-bottom: 1px solid #D4D4DC;
        padding: 2rem 0;
    }
    .accrodion-wrapper .accordion .accordion-header {
        padding: 1rem 0;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
    }
    .accrodion-wrapper .accordion .accordion-header .title {
        font-size: 20px;
        font-weight: 700;
        color: #616169;
        padding-right:20px;
    }
    .accrodion-wrapper .accordion .accordion-header::after {
        content: '';
        position: absolute;
        right: 0;
        height: 15px;
        width: 15px;
        background: url("/image/icon/angle-up.svg") no-repeat center;
        background-size: contain;
        transform: rotate(180deg);
    }
    .accrodion-wrapper .accordion.active .accordion-body p {
        font-size: 17px;
        line-height: 1.5;
    }
    
    .row .col-6 {
        width: 50%;
        padding: 0 20px;
    }
    @media screen and (max-width:1026px){
        .accrodion-wrapper .accordion .accordion-header{min-height:105px;}
        .accrodion-wrapper .accordion{padding: 0;}
    }
    @media screen and (max-width:767px){
        .accrodion-wrapper .row{gap:0px;}
        
        .row .col-6{padding: 0; }
        .accrodion-wrapper .accordion .accordion-header{min-height:auto;}

    }@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.brand-slider .item img{width:auto}.our-brands .slick-dots li button{width:10px}.our-brands{padding:72px 36px 250px 36px}.our-brands .section-heading:after{background:#fff}.our-brands .slick-dots li button:before{color:#fff}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.key-items{display:flex;flex-direction:column;justify-content:flex-start}.key-items .iteams{display:grid;grid-template-columns:1fr 1fr 1fr;width:auto}.key-section .iteams{background:transparent}.key-section .key-details{flex-direction:column}.pt-0{padding-top:0}@media screen and (max-width:991px){.key-items .iteams{grid-template-columns:1fr 1fr}}@media screen and (max-width:767px){}
.funnel p{color:#616169;font-size:20px;font-style:normal;font-weight:500;line-height:30px;text-transform:capitalize}.brand-single-logo{padding:35px 25px;border:1px solid #d4d6db;border-radius:20px;margin:0 15px;min-width:200px;display:flex!important;align-items:center;justify-content:center;margin-bottom:10px;height:auto!important}.brand-single-logo img{width:100px;height:auto;margin:auto;display:block}.brand-slider-automation .slick-track{display:flex!important}.brand-slider-automation{margin-top:50px}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.portfolio-holder .heading-wrap{text-align:left!important}
.page-id-124167 .testimonialSection{padding-bottom:35px}.accrodion-wrapper .accordion .accordion-body{height:0;visibility:hidden}.accrodion-wrapper .accordion{border-bottom:1px solid #d4d4dc;padding:2rem 0}.accrodion-wrapper .accordion .accordion-header{padding:1rem 0;cursor:pointer;position:relative;display:flex;align-items:center}.accrodion-wrapper .accordion .accordion-header .title{font-size:20px;font-weight:700;color:#616169;padding-right:20px}.accrodion-wrapper .accordion .accordion-header::after{content:'';position:absolute;right:0;height:15px;width:15px;background:url(/image/icon/angle-up.svg) no-repeat center;background-size:contain;transform:rotate(180deg)}.accrodion-wrapper .accordion.active .accordion-body{height:100%;visibility:visible}.accrodion-wrapper .accordion.active .accordion-body p{font-size:17px;line-height:1.5}.accrodion-wrapper .accordion.active .accordion-header::after{transform:rotate(0deg)}.row .col-6{width:50%;padding:0 20px}@media screen and (max-width:1026px){.accrodion-wrapper .accordion{padding:0}}@media screen and (max-width:767px){.accrodion-wrapper .row{gap:0}.row .col-6{padding:0}}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.hs-form__virality-link{display:none!important}@media screen and (max-width:767px){}
@media screen and (max-width:1299px){}@media screen and (max-width:1026px){}@media screen and (min-width:992px){}@media screen and (max-width:1199px) and (min-width:768px){}@media screen and (max-width:1195px){}@media screen and (max-width:767px){}
.py-10{padding:50px 0}#development-process{background:var(--zorvio-g,linear-gradient(318deg,#d16cd6 0%,#3d256f 100%))}.process-wrap .sm-title::after{display:none}.text-white{color:#fff!important}.process-block{margin:25px 0}.process-row{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;padding-top:25px}.process-row .process-title{font-size:18px;color:#fff;font-weight:700;line-height:normal;text-transform:capitalize}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.tech-grid .tech-item{border-radius:20px;background:#fff;position:relative;box-shadow:0 4px 80px 0 rgba(0,0,0,.08);padding:30px;text-align:center;top:0;transition:ease-in-out .5s}.tech-grid .tech-item:hover{top:-5px;transition:ease-in-out .5s}.tech-img img{width:70px;height:70px}.tech-heading{color:#414141;text-align:center;padding:25px 0;font-size:20px;font-style:normal;font-weight:700;line-height:25px}.tech-text p{color:#55555c;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:22px}.head-wrap-title p{font-size:16px;line-height:26px;text-transform:capitalize}.tech-service{padding-bottom:5px}.tech-grid .tech-item::after{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;border-radius:20px;box-shadow:0 4px 0 0 #3e2670;opacity:0;transition:ease-in-out .5s}.tech-grid .tech-item:hover::after{opacity:1}@media screen and (max-width:1299px){.process-row .process-title{font-size:14px}.tech-heading{font-size:18px}.tech-grid .tech-item{padding:25px}.tech-grid{gap:20px}}@media screen and (max-width:1024px){.process-row .process-title br{display:none}}@media screen and (max-width:991px){.tech-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:767px){.process-block{display:flex}.tech-grid{display:block}.process-img{width:40%}.process-row{display:flex;flex-direction:column;justify-content:space-around}.tech-grid .tech-item::after{display:none}.tech-grid .slick-track{display:flex}.tech-grid .tech-item{box-shadow:0 4px 17px 4px rgba(0,0,0,.08);margin:15px;height:auto}.tech-img img{margin:auto}.tech-grid .slick-list{padding:0 18% 0 0}.tech-grid .tech-item:hover{top:0;transition:ease-in-out .5s}}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:991px){}
@media screen and (max-width:1299px){}@media screen and (max-width:1026px){}@media screen and (min-width:992px){}@media screen and (max-width:1199px) and (min-width:768px){}@media screen and (max-width:1195px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.get-in-touch-cta0.pt-70{padding-top:45px!important}
.request-callback-cta{border:1px solid #fff;color:#fff;border-radius:30px;padding:10px 20px;display:flex;align-items:center}.request-callback-cta img{width:25px;margin-right:20px}.get-in-touch-cta0 .container,.get-in-touch-cta0 .col-12{padding:0!important}@media screen and (max-width:1026px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.btnContainer{margin-top:25px;gap:20px;flex-direction:row}.audit_btn.brand-btn,.quotation_btn.brand-btn{min-width:210px}#quotation_popup .form{height:90vh;overflow-y:scroll}.brand-btn::after{margin-left:13px;top:19px;box-sizing:content-box}
.logo-box img{width:50px}.boxrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;text-align:center;margin-top:25px}.logo-box{border:1px solid #3e2670;padding:25px;border-radius:25px;height:100%}.logo-box h4{font-size:18px;margin-top:12px}@media screen and (max-width:767px){.boxrow{grid-template-columns:1fr}}
.twoColumnLayout .leaders-card .process-steps{display:none}@media screen and (max-width:1299px){.twoColumnLayout .leaders-card .leader-profile .leader-name{font-size:22px;line-height:24px;margin-bottom:10px}.twoColumnLayout .leaders-card .leader-profile p{line-height:20px}}@media screen and (max-width:1026px){.twoColumnLayout .leaders-intro{display:block}}@media screen and (max-width:767px){.twoColumnLayout .leaders-card .leader-profile .leader-name{font-size:20px;line-height:24px;margin-bottom:10px}.twoColumnLayout .leaders-card .leader-profile p{line-height:20px;font-size:14px}}.process_slides_horizontal{margin-top:50px}.group_2{margin-top:0}.leaders-intro{margin-top:0}@media screen and (min-width:992px){.twoColumnLayout .process_slides_horizontal{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media screen and (min-width:300px){.twoColumnLayout .leaders-card{height:auto!important;padding:25px;padding-right:10px;margin-bottom:20px}.twoColumnLayout .leaders-card .leader-bottom{position:static;margin:initial;width:100%}.twoColumnLayout .leaders-card .leader-heading{transform:none;position:relative;top:0}.twoColumnLayout .leaders-card.active .leader-bottom{position:static;transform:none}.twoColumnLayout .our-leaders .process-steps{top:50%;font-size:inherit;transform:translateY(-50%)}}.twoColumnLayout .leaders-card .leader-heading:after{content:"";position:absolute;right:1px;width:6px;transform:rotate(45deg);height:6px;border-bottom:3px solid var(--brand-color);border-right:3px solid var(--brand-color);border-radius:2px;display:inline-block;right:5px;top:4px;box-sizing:content-box}.twoColumnLayout .our-leaders .leaders-card.active .process-steps{top:12%}@media screen and (max-width:767px){}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){}
    @media screen and (max-width:1026px){
    }
    @media screen and (max-width:767px){

    }
#horizontal-scoll{padding:200px 0}.horizontal-scoll-wrapper{overflow:hidden;height:525px}.horizontal{display:flex;height:100%;z-index:1}#horizontal-scoll .item{position:relative;margin-left:20px;flex:0 0 350px;display:flex;align-items:center;line-height:1.7;background-color:transparent}#horizontal-scoll .item:first-child{margin-left:600px}.valuetext{overflow-x:hidden}
.footer-row{margin-bottom:0;padding-bottom:0}.brand-logo-footer img{width:250px;margin:auto;display:block}.branch-row{margin-top:0}.branch-row img{width:350px;margin:auto}.social-media{flex-direction:column;gap:18px}.section-padding{padding:35px 0}.emailid{display:block;font-size:15px;color:#fff}.media-Sm{width:33.33333333%;padding:0 15px}@media screen and (max-width:767px){.btnContainer{gap:10px}.audit_btn.brand-btn,.quotation_btn.brand-btn{min-width:auto!important;width:178px;font-size:12px}.footer-row .sm-title{font-size:40px}.social-media{order:3;gap:18px;padding-left:0;position:static}.brand-links{order:2}.branch-row{margin:25px 0;order:2;text-align:center}.social-media{text-align:center;justify-content:center}.brand-logo-footer{order:1;margin-top:0}.footer-row{flex-direction:column;padding:0 15px}.media-Sm{width:100%;padding:0 15px}}.social-links svg{width:25px;height:25px;fill:#fff}.branch-row{margin-top:0;display:flex;align-items:center;justify-content:center}.viewall::after{box-sizing:content-box}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.address-box .icon{min-width:70px;max-width:70px;height:70px}.address-box{margin-bottom:3rem}@media screen and (min-width:768px){.address-row .col-12:nth-last-child(2) .address-box,
		.address-row .col-12:last-child .address-box{margin-bottom:0}}@media screen and (max-width:767px){.address-row .col-12:last-child .address-box{margin-bottom:0}}
.contact_section{position:relative}.contact_section .container{z-index:2;position:relative}.container-bg{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:1}.col-right{padding-left:50px;padding-right:50px}.contact_section .subheading{font-size:18px}.contact_section .col-header{margin-bottom:90px}.contact-info-box{margin-bottom:2rem}.contact-info-box:last-child{margin-bottom:0}@media screen and (max-width:768px){.col-left,.col-right{padding-left:1rem;padding-right:1rem}.col-left{background:#f8f8f8}.col-right{background:#f0f0f0}}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
ul.inputs-list.multi-container{column-count:2!important}@media screen and (max-width:767px){}
@media screen and (max-width:1299px){}@media screen and (max-width:1026px){}@media screen and (min-width:992px){}@media screen and (max-width:1199px) and (min-width:768px){}@media screen and (max-width:1195px){}@media screen and (max-width:767px){}@media screen and (max-width:1299px){}@media screen and (max-width:1024px){}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}
.branch-row a p,.branch-row a strong{font-size:16px;color:#fff;margin-left:34px}@media screen and (max-width:767px){.branch-row a p,.branch-row a strong{margin-left:0}}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}@media screen and (max-width:767px){}@media screen and (min-width:767px){}@media screen and (max-width:991px){}@media screen and (min-width:992px){}@media screen and (max-width:767px){}@media screen and (min-width:989px){}@media screen and (max-width:767px){}
.service-icon img{height:auto}@media screen and (max-width:767px){.testimonials .slick-dots{bottom:-50px}.testimonials .slick-dots li button{width:14px; height: 14px}}.testimonials-slider .slick-prev{width:35px;height:35px;background:#fff;border:none;font-size:0;border-radius:30px;box-shadow:0 0 35px rgba(0,0,0,.3);cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.testimonials-slider .slick-next{width:35px;height:35px;background:#fff;border:none;font-size:0;border-radius:30px;box-shadow:0 0 35px rgba(0,0,0,.3);cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:1;left:50px}.testimonials-slider .slick-prev:after{content:"";position:absolute;top:13px;right:11px;height:7px;width:7px;border-top:3px solid var(--brand-bg);border-right:3px solid var(--brand-bg);transform:rotate(221deg);pointer-events:none;border-radius:1px;box-sizing:content-box}.testimonials-slider .slick-next:after{content:"";position:absolute;top:13px;right:13px;height:7px;width:7px;border-top:3px solid var(--brand-bg);border-right:3px solid var(--brand-bg);transform:rotate(45deg);pointer-events:none;border-radius:1px;box-sizing:content-box}.testimonials-slider{padding-bottom:15px}.testimonials-slider .slick-next,.testimonials-slider .slick-prev{top:100%}.slick-disabled{opacity:.5;pointer-events:none}@media screen and (max-width:991px){.testimonials-slider .slick-next,.testimonials-slider .slick-prev{top:100%;transform:none}.testimonials-slider .slick-next{left:53%}.testimonials-slider .slick-prev{right:53%}}@media screen and (max-width:767px){.testomonials-container{padding:50px 25px!important}}
.slidersec .owl-carousel .owl-item img{display:block}.slidersec .owl-carousel{overflow:hidden}
.work-list .work-item{margin:0}.work-list .work-item .image{margin:0 2px 2px 0}@media screen and (max-width:767px){}

.shopify-hero-section {
    min-height: 600px;
    padding: 0;
    overflow: visible;
    background: linear-gradient(287.71deg, #d16cd6 -36.77%, #3d256f 73.84%);
}

.shopify-hero-section.lpbanner {
    background: linear-gradient(287.71deg, #d16cd6 -36.77%, #3d256f 73.84%) !important;
    background-size: cover;
    position: relative;
    overflow: visible;
    min-height: 600px;
}

.ga4banner:not(.lpbanner) {
    background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.85) -36.77%, rgba(61, 37, 111, 0.85) 73.84%);
    background-size: cover;
    position: relative;
    overflow: visible;
    min-height: 600px;
}

.full-funnel-marketing-lpbanner.lpbanner {
    background: url(/image/services/full-funnel-marketing/Full-Funnel-Marketing-Banner.jpg) no-repeat center;
    background-size: cover;
    object-fit: cover;
    position: relative;
    overflow: visible;
    min-height: 600px;
}

.media-operations-banner.lpbanner {
    background: url(/image/services/media-operations/Media-Operation-Banner-1-1.jpg) no-repeat center;
    background-size: cover;
    object-fit: cover;
    position: relative;
    overflow: visible;
    min-height: 600px;
}

.cloud-services-banner.lpbanner {
    background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.85) -36.77%, rgba(61, 37, 111, 0.85) 73.84%);
    background-size: cover;
    position: relative;
    overflow: visible;
    min-height: 600px;
}

.cybersecurity-banner.lpbanner {
    background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.85) -36.77%, rgba(61, 37, 111, 0.85) 73.84%);
    background-size: cover;
    position: relative;
    overflow: visible;
    min-height: 600px;
}
@media screen and (max-width: 991px) {
    .cybersecurity-banner.lpbanner {
        background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.9) -36.77%, rgba(61, 37, 111, 0.9) 73.84%);
        min-height: 500px;
    }
}
@media screen and (max-width: 767px) {
    .cybersecurity-banner.lpbanner {
        background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.9) -36.77%, rgba(61, 37, 111, 0.9) 73.84%);
        min-height: 400px;
    }
}

.automation-banner.lpbanner {
    background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.85) -36.77%, rgba(61, 37, 111, 0.85) 73.84%);
    background-size: cover;
    position: relative;
    overflow: visible;
    min-height: 600px;
}
@media screen and (max-width: 991px) {
    .automation-banner.lpbanner {
        background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.9) -36.77%, rgba(61, 37, 111, 0.9) 73.84%);
        min-height: 500px;
    }
}
@media screen and (max-width: 767px) {
    .automation-banner.lpbanner {
        background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.9) -36.77%, rgba(61, 37, 111, 0.9) 73.84%);
        min-height: 400px;
    }
}

.process-title {
    font-size: 24px;
    font-weight: 600;
    color: #3E2670;
    margin: 0 0 20px 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.process-slider {
    position: relative;
    padding: 0 70px;
}

.process-slider .slick-list {
    margin: 0 -12px;
}

.process-slider .slick-slide {
    padding: 0 12px;
}

.process-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
    background: #fff;
}

.process-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

.process-image-wrapper {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    border-radius: 12px;
}

.process-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.process-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 1;
}

.process-desc {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 30px 25px;
    color: #fff;
}

.process-title-text {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 16px 0;
    line-height: 1.3;
}

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

.process-list li {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
    padding-left: 18px;
    position: relative;
}

.process-list li:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.process-slider .slick-prev,
.process-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    overflow: visible;
}

.process-slider .slick-prev:hover,
.process-slider .slick-next:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    background: #3E2670;
}

.process-slider .slick-prev:hover:before,
.process-slider .slick-next:hover:before {
    color: #fff;
}

.process-slider .slick-prev {
    left: 0px;
}

.process-slider .slick-next {
    right: 0px;
}

.process-slider .slick-prev:before,
.process-slider .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 48px;
    color: #3E2670;
    opacity: 1;
    transition: color 0.3s ease;
    display: block !important;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
}

.process-slider .slick-prev:before {
    content: '←';
}

.process-slider .slick-next:before {
    content: '→';
}

.process-slider .slick-slide {
    padding: 0 12px;
    height: auto;
}

.process-slider .slick-slide > div {
    height: 100%;
}

.process-box {
    padding: 0 12px;
}

@media screen and (max-width: 1200px) {
    .process-slider {
        padding: 0 60px;
    }
    .process-slider .slick-prev {
        left: -50px;
    }
    .process-slider .slick-next {
        right: -50px;
    }
}

@media screen and (max-width: 991px) {
    .process-slider {
        padding: 0 50px;
    }
    .process-slider .slick-prev {
        left: -40px;
    }
    .process-slider .slick-next {
        right: -40px;
    }
    .process-slider .slick-prev,
    .process-slider .slick-next {
        width: 40px;
        height: 40px;
    }
    .process-slider .slick-prev:before,
    .process-slider .slick-next:before {
        font-size: 18px;
        line-height: 40px;
    }
    .process-image-wrapper {
        height: 380px;
    }
    .process-desc {
        padding: 25px 20px;
    }
    .process-title-text {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .process-list li {
        font-size: 13px;
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 767px) {
    .process-slider .slick-prev {
        left: 10px;
    }
    .process-slider .slick-next {
        right: 10px;
    }
    .process-slider .slick-prev,
    .process-slider .slick-next {
        width: 36px;
        height: 36px;
    }
    .process-slider .slick-prev:before,
    .process-slider .slick-next:before {
        font-size: 16px;
        line-height: 36px;
    }
    .process-image-wrapper {
        height: 320px;
    }
    .process-desc {
        padding: 20px 18px;
    }
    .process-title-text {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .process-list li {
        font-size: 13px;
        margin-bottom: 6px;
        line-height: 1.4;
    }
}

.mobile-image-only {
    display: none;
}

.lpbanner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   
    z-index: 1;
}

.lpbanner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.3) 0%, transparent 50%);
    z-index: 1;
    pointer-events: none;
}

.lpbanner .container,
.lpbanner .fiveSection {
    position: relative;
    z-index: 2;
}

.lpbanner .ga4-form {
    position: relative;
    z-index: 3;
}

.lpbanner .btn-white {
    background: #fff !important;
    color: #3E2670 !important;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.lpbanner .btn-white:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.lpbanner .btn-white i {
    margin-left: 8px;
    font-size: 14px;
}

.ga4-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.ga4-solution-card {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.ga4-solution-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.ga4-solution-icon {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ga4-solution-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: none;
}

.ga4-solution-icon img[src*="ga4-icon"] {
    width: 48px;
    height: 48px;
}

.ga4-solution-icon svg,
.ga4-solution-icon img {
    color: #3E2670;
    fill: #3E2670;
}

.ga4-process-wrapper {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    margin-top: 40px;
}

.ga4-process-left {
    flex: 1;
    max-width: 50%;
}

.ga4-process-right {
    flex: 1;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ga4-process-diagram {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.ga4-process-diagram img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.ga4-process-left .process-wrap {
    margin-bottom: 30px;
}

.ga4-process-left .process-wrap .lg-title {
    font-size: 32px;
    font-weight: 700;
    color: #3E2670;
    margin-bottom: 20px;
    text-align: left;
}

.ga4-process-left .process-wrap p {
    font-size: 16px;
    color: #55555c;
    line-height: 1.6;
    margin: 0;
}

.ga4-accordion-wrapper {
    margin-top: 30px;
}

.ga4-accordion-item {
    border-bottom: 1px solid #e5e7eb;
    padding: 20px 0;
}

.ga4-accordion-item:first-child {
    padding-top: 0;
}

.ga4-accordion-item:last-child {
    border-bottom: none;
}

.ga4-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    -webkit-user-select: none;
    position: relative;
    z-index: 1;
}

.ga4-accordion-header:hover {
    opacity: 0.8;
}

.ga4-accordion-title {
    font-size: 18px;
    font-weight: 600;
    color: #55555c;
    margin: 0;
}

.ga4-accordion-item.active .ga4-accordion-title {
    color: #3E2670;
}

.ga4-accordion-arrow {
    font-size: 14px;
    color: #3E2670;
    transition: transform 0.3s ease;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.ga4-accordion-item.active .ga4-accordion-arrow {
    transform: rotate(180deg);
}

.ga4-accordion-item:not(.active) .ga4-accordion-arrow {
    transform: rotate(0deg);
}

.ga4-accordion-content {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f3f4f6;
}

.ga4-accordion-content p {
    font-size: 15px;
    color: #55555c;
    line-height: 1.6;
    margin: 0;
}

@media screen and (max-width: 991px) {
    .ga4-process-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .ga4-process-left,
    .ga4-process-right {
        max-width: 100%;
    }
    
    .ga4-process-left .process-wrap .lg-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .ga4-process-wrapper {
        gap: 30px;
    }
    
    .ga4-process-left .process-wrap .lg-title {
        font-size: 24px;
    }
    
    .ga4-accordion-title {
        font-size: 16px;
    }
    
    .ga4-accordion-content p {
        font-size: 14px;
    }
}

.ga4-solution-title {
    font-size: 18px;
    font-weight: 700;
    color: #3E2670;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.ga4-solution-description {
    font-size: 15px;
    color: #55555c;
    line-height: 1.6;
    margin: 0;
}

.fourthSection.head-wrap-title .lg-title {
    font-size: 32px;
    font-weight: 700;
    color: #3E2670;
    margin-bottom: 0;
    text-align: left;
}

@media screen and (max-width: 991px) {
    .ga4-solution-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .ga4-solution-card {
        padding: 25px;
    }
    
    .fourthSection.head-wrap-title .lg-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .ga4-solution-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .ga4-solution-card {
        padding: 20px;
    }
    
    .ga4-solution-icon {
        margin-bottom: 15px;
    }
    
    .ga4-solution-title {
        font-size: 16px;
        margin-bottom: 12px;
    }
    
    .ga4-solution-description {
        font-size: 14px;
    }
    
    .fourthSection.head-wrap-title .lg-title {
        font-size: 24px;
    }
}

.fiveSection.ga4-banner-form {
    display: flex;
    align-items: center;
    gap: 40px;
    min-height: 600px;
    padding: 50px 0;
}

.fiveSection .head-wrap-title {
    flex: 1;
    max-width: 65%;
}

.fiveSection .ga4-form {
    flex: 1;
    max-width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    margin-bottom: -100px;
}

.fiveSection .head-wrap-title .lg-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 25px;
    font-family: "Epilogue", sans-serif;

}

.fiveSection .head-wrap-title .sm-title {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 40px;
    opacity: 0.95;
}

.fiveSection .head-wrap-title .sm-title p {
    margin-bottom: 20px;
}

.shopify-hero-wrapper {
    min-height: 600px;
    position: relative;
}

.shopify-sidebar {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 1000;
    background: linear-gradient(180deg, #3E2670 0%, #725E9B 100%);
    border-radius: 0 10px 10px 0;
    padding: 20px 10px;
}

.sidebar-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.sidebar-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    transform: rotate(180deg);
}

.sidebar-icons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sidebar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    transition: transform 0.3s;
}

.sidebar-icon:hover {
    transform: scale(1.1);
}

.shopify-hero-content {
    width: 100%;
}

.shopify-hero-left {
    padding: 80px 60px 80px 80px;
    display: flex;
    align-items: center;
    min-height: 600px;
}

.hero-content-wrapper {
    max-width: 100%;
}

.hero-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 25px;
    font-family: "Epilogue", sans-serif;
    
}

.hero-subtitle {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 40px;
    opacity: 0.95;
}

.shopify-partners-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.shopify-logo-img {
    width: 350px;
    padding: 8px;
}

.shopify-text {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}

.partners-text {
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: -0.5px;
}

.shopify-hero-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    min-height: 600px;
}

.ga4-form .shopify-form-wrapper {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    max-width: 100%;
    width: 100%;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15) !important;
    -webkit-box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15) !important;
    -moz-box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.15) !important;
    position: relative;
    z-index: 10;
    margin: 0;
}

.ga4-form .shopify-form-wrapper .form-title {
    margin-bottom: 24px;
}

.shopify-form-wrapper {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    max-width: 100%;
    width: 100%;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12);
    position: relative;
    margin-bottom: -80px;
    z-index: 10;
}

.form-title {
    font-size: 24px;
    font-weight: 700;
    color: #3E2670;
    text-align: left;
    font-family: "Epilogue", sans-serif;
    line-height: 1.3;
    margin-bottom: 24px;
}

.ga4-form .hbspt-form {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    max-width: 100%;
    width: 100%;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 10;
}

.ga4-form .hbspt-form iframe {
    border: none !important;
    min-height: 500px;
}

.hubspot-form-container {
    margin-top: 20px;
}

.hubspot-form-container .hs-form,
.ga4-form .hs-form {
    font-family: "Gilroy", sans-serif;
}

.hubspot-form-container .hs-form fieldset,
.ga4-form .hs-form fieldset {
    max-width: 100% !important;
}

.hubspot-form-container .hs-form .hs-form-field,
.ga4-form .hs-form .hs-form-field {
    margin-bottom: 16px;
}

.hubspot-form-container .hs-form label,
.ga4-form .hs-form label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 6px;
    font-family: "Gilroy", sans-serif;
}

.hubspot-form-container .hs-form .hs-input,
.ga4-form .hs-form .hs-input,
.hubspot-form-container .hs-form input[type="text"],
.hubspot-form-container .hs-form input[type="email"],
.hubspot-form-container .hs-form input[type="tel"],
.hubspot-form-container .hs-form select {
    width: 100% !important;
    padding: 11px 14px;
    border: 1px solid #D4D4DC;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s;
    font-family: "Gilroy", sans-serif;
    height: 44px;
    box-sizing: border-box;
}

.hubspot-form-container .hs-form .hs-input:focus,
.ga4-form .hs-form .hs-input:focus {
    outline: none;
    border-color: #3E2670;
}

.hubspot-form-container .hs-form .hs-button,
.ga4-form .hs-form .hs-button,
.hubspot-form-container .hs-form input[type="submit"] {
    width: 100%;
    padding: 13px 20px;
    background: #FF6B35 !important;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 8px;
    font-family: "Gilroy", sans-serif;
    height: 48px;
    box-sizing: border-box;
}

.hubspot-form-container .hs-form .hs-button:hover,
.ga4-form .hs-form .hs-button:hover {
    background: #e55a2b !important;
}

.hubspot-form-container .hs-form .hs-error-msgs,
.ga4-form .hs-form .hs-error-msgs {
    color: #ff0000;
    font-size: 12px;
    margin-top: 4px;
}

.hubspot-form-container .hs-form .hs-form-field .input,
.ga4-form .hs-form .hs-form-field .input {
    margin-right: 0 !important;
}

.hubspot-form-container .hs-form .submitted-message,
.ga4-form .hs-form .submitted-message {
    color: #3E2670;
    font-weight: 600;
    margin-top: 16px;
}



.vertical-cta-link {
    background: #3E2670;
    color: #fff;
    padding: 20px 12px;
    border-radius: 0 12px 12px 0;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    min-width: 60px;
}

.vertical-cta-link:hover {
    background: #2d1a52;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.2);
    transform: translateX(5px);
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space: nowrap;
}

.vertical-icon {
    font-size: 18px;
    color: #fff;
}


.shopify-contact-form {
    position: relative;
}

.form-group {
    margin-bottom: 16px;
}

.form-row {
    display: flex;
    gap: 12px;
}

.form-row .form-group {
    flex: 1;
}

.form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 6px;
    font-family: "Gilroy", sans-serif;
}

.required {
    color: #ff0000;
}

.form-control {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #D4D4DC;
    font-size: 14px;
    transition: border-color 0.3s;
    font-family: "Gilroy", sans-serif;
    height: 44px;
    box-sizing: border-box;
}

.form-control:focus {
    outline: none;
    border-color: #3E2670;
}

.form-control select,
select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 40px;
    height: 44px;
    box-sizing: border-box;
}

.phone-input-group {
    display: flex;
    gap: 10px;
}

.country-select {
    flex: 0 0 150px;
    padding: 11px 14px;
    padding-right: 40px;
    border: 1px solid #D4D4DC;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 44px;
    box-sizing: border-box;
    font-family: "Gilroy", sans-serif;
}

.phone-input {
    flex: 1;
}

.btn-submit {
    width: 100%;
    padding: 13px 20px;
    background: #FF6B35;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 8px;
    font-family: "Gilroy", sans-serif;
    height: 48px;
    box-sizing: border-box;
}

.btn-submit:hover {
    background: #e55a2b;
}

.form-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(114, 94, 155, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .fiveSection.ga4-banner-form {
        flex-direction: column;
        gap: 30px;
        padding: 20px 0;
    }
    
    .fiveSection .head-wrap-title {
        max-width: 100%;
    }
    
    .fiveSection .ga4-form {
        max-width: 100%;
    }
    
    .fiveSection .head-wrap-title .lg-title {
        font-size: 36px;
        white-space: normal;
    }
    
    .full-funnel-marketing-lpbanner.lpbanner {
        background-image: url(/image/services/full-funnel-marketing/xFull-Funnel-Marketing-Banner-Mobile.jpg);
        background-position: center;
    }
    
    .media-operations-banner.lpbanner {
        background-image: url(/image/services/media-operations/xMedia-Operation-Banner-Mobile.jpg);
        background-position: center;
    }
    
    .shopify-hero-section.lpbanner {
        background: linear-gradient(287.71deg, #d16cd6 -36.77%, #3d256f 73.84%) !important;
        background-position: center;
    }
    
    .shopify-sidebar {
        display: none;
    }
    
    .shopify-hero-content {
        margin-left: 0;
        width: 100%;
    }
    
    .shopify-hero-left,
    .shopify-hero-right {
        min-height: auto;
        padding: 40px 20px;
    }
    
    .hero-title {
        font-size: 36px;
    }
    
    .shopify-form-wrapper {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 767px) {
    .shopify-hero-section {
        min-height: auto;
    }
    
    .fiveSection.ga4-banner-form {
        padding: 40px 0;
    }
    
    .fiveSection .head-wrap-title .lg-title {
        font-size: 28px;
        white-space: normal;
    }
    
    .full-funnel-marketing-lpbanner.lpbanner {
        background-image: url(/image/services/full-funnel-marketing/xFull-Funnel-Marketing-Banner-Mobile.jpg);
        background-position: center;
        min-height: 500px;
    }
    
    .media-operations-banner.lpbanner {
        background-image: url(/image/services/media-operations/xMedia-Operation-Banner-Mobile.jpg);
        background-position: center;
        min-height: 500px;
    }
    
    .shopify-hero-section.lpbanner {
        background: linear-gradient(287.71deg, #d16cd6 -36.77%, #3d256f 73.84%) !important;
        background-position: center;
        min-height: 500px;
    }
    
    .lpbanner::before {
        background: linear-gradient(287.71deg, rgba(209, 108, 214, 0.9) -36.77%, rgba(61, 37, 111, 0.9) 73.84%);
    }
    
    
    .mobile-image-only {
        display: block;
    }
    
    .form-title {
        font-size: 20px;
        white-space: normal;
    }
    
    .shopify-hero-left {
        padding: 40px 20px;
        text-align: center;
    }
    
    .hero-title {
        font-size: 28px;
    }
    
    .hero-subtitle {
        font-size: 14px;
    }
    
    .form-row {
        flex-direction: column;
        gap: 0;
    }
    
    .phone-input-group {
        flex-direction: column;
    }
    
    .country-select {
        flex: 1;
    }
}

.faq-collepse-wraper {
    margin-top: 20px;
    margin-bottom: 30px;
    display: none; 
}

.faq-collepse-wraper[style*="display: block"] {
    display: block !important; 
}

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

.list-faq li:last-child {
    border-bottom: none;
}

.list-faq .faqWrap {
    cursor: pointer;
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.list-faq .faqWrap:hover {
    background-color: transparent;
}

.list-faq .faqWrap .number {
    font-size: 48px;
    font-weight: 700;
    color: #d0d0d0;
    line-height: 1;
    margin-right: 20px;
    min-width: 60px;
}

.list-faq .faqWrap .faq-heading-service {
    flex: 1;
    font-size: 30px;
    font-weight: 700;
    color: #3E2670;
    margin: 0;
    line-height: 1.2;
}

.lg-title {
    font-size: 56px !important;
}

h6.lg-title {
    font-size: 56px !important;
}

@media screen and (max-width: 991px) {
    h6.lg-title {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 767px) {
    h6.lg-title {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 480px) {
    h6.lg-title {
        font-size: 28px !important;
    }
}

.list-faq .faqWrap .arrow {
    width: 24px;
    height: 24px;
    position: relative;
    margin-left: 20px;
    flex-shrink: 0;
}

.list-faq .faqWrap .arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-right: 2px solid #3E2670;
    border-bottom: 2px solid #3E2670;
    transition: transform 0.3s ease;
}

.list-faq .faqWrap.active .arrow::after {
    transform: translate(-50%, -50%) rotate(225deg);
}

.list-faq .faqWrap.active {
    border-bottom-color: transparent;
}

.faq-row-block {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
}

.faq-block-left {
    flex: 1;
    min-width: 300px;
}

.faq-block-left p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 20px;
}

.faq-block-left ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

.faq-block-left ul li {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    padding-left: 15px;
    position: relative;
}
.list-faq li {
    border-bottom: 1px solid #e0e0e0;
}
.list-faq li ul li {
    border-bottom: none;
}

.faq-block-left ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #3E2670;
}

.faq-block-left .brand-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 30px;
    background-color: #3E2670;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.faq-block-left .brand-btn:hover {
    background-color: #2d1a52;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(62, 38, 112, 0.3);
}

.faq-block-left .brand-btn::after {
    content: '→';
    margin-left: 10px;
    font-size: 18px;
    transition: transform 0.3s ease;
}

.faq-block-left .brand-btn:hover::after {
    transform: translateX(4px);
}

.faq-block-left ul li strong {
    color: #3E2670;
    font-weight: 700;
}

.faq-block-right {
    flex: 1;
    min-width: 300px;
}

.faqimgblock {
    width: 100%;
    height: auto;
    text-align: right;
}

.faqimgblock img {
    border-radius: 25px;
    width: 400px;
    height: auto;
    object-fit: cover;
    margin-left: auto;
}

@media screen and (max-width: 768px) {
    .faq-row-block {
        flex-direction: column;
        gap: 30px;
    }
    
    .faq-block-left,
    .faq-block-right {
        min-width: 100%;
    }
}

.scale_revenue .leaders-intro {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 10px;
}

.seo-services-wrapper {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    position: relative;
}

.seo-sidebar-get-in-touch {
    background: #3E2670;
    color: #fff;
    width: 80px;
    min-width: 80px;
    height: 400px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.seo-sidebar-get-in-touch:hover {
    transform: rotate(180deg) translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.seo-sidebar-get-in-touch a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.seo-services-wrapper .leaders-card {
    background: #fff;
    border-radius: 20px;
    padding: 20px 15px;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 400px;
    flex: 0 0 auto;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.seo-services-wrapper .leaders-card.active {
    background: linear-gradient(135deg, #f5e6ff 0%, #e8d5f5 100%);
    width: auto;
    min-width: 350px;
    max-width: 450px;
    height: auto;
    min-height: 500px;
    padding: 40px 30px;
    align-items: flex-start;
    flex: 0 0 auto;
}

.seo-services-wrapper .leaders-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.seo-services-wrapper .leaders-card:not(.active) .process-steps {
    display: none;
}

.seo-services-wrapper .leaders-card:not(.active) .leader-heading,
.seo-services-wrapper .leaders-card:not(.active) .gusxsheading.leader-heading {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #3E2670 !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    transform: rotate(180deg) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    line-height: 1.2 !important;
    width: fit-content !important;
    position: static !important;
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    height: auto !important;
}

.seo-services-wrapper .leaders-card:not(.active) .leader-heading span {
    display: none;
}

.seo-services-wrapper .leaders-card:not(.active) .leader-detail {
    display: none !important;
}

.seo-services-wrapper .leaders-card.active .process-steps {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    font-weight: 700;
    color: #8b6fb8;
    z-index: 1;
}

.seo-services-wrapper .leaders-card.active .leader-heading {
    writing-mode: horizontal-tb;
    text-orientation: unset;
    transform: rotate(0deg);
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
    padding-right: 30px;
    width: 100%;
}

.seo-services-wrapper .leaders-card.active .leader-heading span {
    display: block;
}

.seo-services-wrapper .leaders-card.active .leader-detail {
    display: block !important;
}

.seo-services-wrapper .leaders-card.active .process-steps {
    display: block !important;
}

.seo-services-wrapper .collapse-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #3E2670;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
}

.seo-services-wrapper .collapse-icon:hover {
    background: #3E2670;
    border-color: #3E2670;
}

.seo-services-wrapper .collapse-icon:hover span {
    border-color: #fff;
}

.seo-services-wrapper .collapse-icon span {
    width: 8px;
    height: 8px;
    border-right: 2px solid #3E2670;
    border-bottom: 2px solid #3E2670;
    transform: rotate(225deg);
    display: block;
    transition: border-color 0.3s ease;
}

.seo-collapsed-cards-container {
    flex: 1;
    overflow-x: auto;
    padding-bottom: 10px;
}

.seo-collapsed-cards-container .leaders-card {
    background: #fff;
    border-radius: 20px;
    padding: 20px 15px;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 400px;
    flex: 0 0 auto;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.seo-collapsed-cards-container .leaders-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.seo-collapsed-cards-container .leaders-card .process-steps {
    display: none;
}

.seo-collapsed-cards-container .leaders-card .leader-heading {
    font-size: 16px;
    font-weight: 700;
    color: #3E2670;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    white-space: nowrap;
    margin: 0;
    padding: 10px 0;
    line-height: 1.2;
    width: fit-content;
}

.seo-collapsed-cards-container .leaders-card .leader-detail {
    display: none;
}

@media screen and (max-width: 991px) {
    .seo-services-wrapper {
        flex-direction: column;
    }
    
    .seo-expanded-card-container {
        flex: 1;
        width: 100%;
    }
    
    .seo-collapsed-cards-container {
        width: 100%;
    }
}

.scale_revenue .leaders-card {
    background: #fff;
    border-radius: 20px;
    padding: 20px 15px;
    width: auto;
    min-width: 80px;
    max-width: none;
    height: 400px;
    flex: 0 0 auto;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.scale_revenue .leaders-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.scale_revenue .leaders-card.active {
    background: linear-gradient(135deg, #f5e6ff 0%, #e8d5f5 100%);
    width: auto;
    min-width: 350px;
    max-width: 450px;
    height: auto;
    min-height: 500px;
    padding: 40px 30px;
    align-items: flex-start;
    flex: 1 1 auto;
}

.scale_revenue .leaders-card .process-steps {
    display: none;
}

.scale_revenue .leaders-card.active .process-steps {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    font-weight: 700;
    color: #8b6fb8;
    z-index: 1;
}

.scale_revenue .leaders-card .process-img {
    display: none;
}

.scale_revenue .leaders-card.active .process-img {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
}

.scale_revenue .leaders-card.active .process-img img {
    max-width: 150px;
    height: auto;
}

.scale_revenue .leaders-card .leader-heading {
    font-size: 16px;
    font-weight: 700;
    color: #3E2670;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    white-space: nowrap;
    margin: 0;
    padding: 10px 0;
    line-height: 1.2;
    width: fit-content;
}

.scale_revenue .leaders-card.active .leader-heading {
    writing-mode: horizontal-tb;
    text-orientation: unset;
    transform: rotate(0deg);
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
    padding-right: 30px;
    width: 100%;
}

.scale_revenue .leaders-card.active .leader-heading::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-right: 2px solid #3E2670;
    border-bottom: 2px solid #3E2670;
    transform: translateY(-50%) rotate(225deg);
    transition: transform 0.3s ease;
}

.scale_revenue .leaders-card .leader-detail {
    display: none;
    width: 100%;
}

.scale_revenue .leaders-card.active .leader-detail {
    display: block;
}

.scale_revenue .leaders-card .leader-profile {
    text-align: left;
}

.scale_revenue .leaders-card .leader-name {
    font-size: 24px;
    font-weight: 700;
    color: #3E2670;
    margin-bottom: 15px;
}

.scale_revenue .leaders-card .leader-profile p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 15px;
}

.scale_revenue .leaders-card .leader-profile .brand-btn {
    margin-top: 20px;
}

@media screen and (max-width: 991px) {
    .scale_revenue .leaders-intro {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .scale_revenue .leaders-card {
        width: 80px;
        min-width: 80px;
        max-width: 80px;
        height: 350px;
    }
    
    .scale_revenue .leaders-card.active {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }
}

.page-software-development .software-hero-section {
    position: relative;
    min-height: 90vh;
    display: flex;
    align-items: center;
}

.page-software-development .software-contact-form input::placeholder,
.page-software-development .software-contact-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.page-software-development .software-contact-form input:focus,
.page-software-development .software-contact-form textarea:focus {
    outline: none;
    border-color: #4ade80;
    box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.2);
}

.page-software-development .software-contact-form button:hover {
    background: #1d4ed8;
}

.page-software-development .service-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 991px) {
    .page-software-development .software-hero-section {
        min-height: auto;
        padding: 40px 0;
    }
    
    .page-software-development .hero-title {
        font-size: 32px !important;
    }
}

/* Footer on software-development: ensure dark bg so white logo is visible */
.footer-software-development {
    background-color: #212529 !important;
}

.key-section {
    background-color: #ffffff !important;
    padding: 60px 0;
}

.key-stats-title {
    font-size: 24px;
    font-weight: 600;
    color: #1b1d1f;
    margin: 0 0 15px 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.key-stats-divider {
    width: 60px;
    height: 2px;
    background-color: #1b1d1f;
    margin-bottom: 40px;
}

.key-items {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    margin-top: 0;
}

.key-items .iteams {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px;
    width: 100%;
    background: transparent !important;
}

.key-section .key-details {
    background: #3E2670 !important;
    border-radius: 12px;
    padding: 30px 20px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 140px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.key-section .key-details:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(62, 38, 112, 0.3);
}

.key-section .key-text {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.2;
    margin-bottom: 10px;
}

.key-section .key-details p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff !important;
    margin: 0;
    line-height: 1.4;
}

@media screen and (max-width: 991px) {
    .key-items .iteams {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .key-section .key-text {
        font-size: 40px;
    }
    
    .key-section .key-details {
        min-height: 120px;
        padding: 25px 15px;
    }
}

@media screen and (max-width: 767px) {
    .key-items .iteams {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .key-section .key-text {
        font-size: 36px;
    }
    
    .key-section .key-details {
        min-height: 110px;
        padding: 20px 15px;
    }
    
    .key-stats-title {
        font-size: 20px;
    }
    
    .key-section {
        padding: 40px 0;
    }
}

.partners-title {
    font-size: 24px;
    font-weight: 600;
    color: #3E2670;
    margin: 0 0 15px 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.partners-divider {
    width: 60px;
    height: 2px;
    background-color: #3E2670;
    margin-bottom: 30px;
}

.clients-title {
    font-size: 24px;
    font-weight: 600;
    color: #3E2670;
    margin: 0 0 15px 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.clients-divider {
    width: 60px;
    height: 2px;
    background-color: #3E2670;
    margin-bottom: 20px;
}

.case-studies-title {
    font-size: 24px;
    font-weight: 600;
    color: #3E2670;
    margin: 0 0 15px 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.case-studies-divider {
    width: 60px;
    height: 2px;
    background-color: #3E2670;
    margin-bottom: 20px;
}

.amplify-section {
    background-color: #f3f4f6 !important;
    padding: 60px 0;
}

.amplify-content-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

.amplify-left {
    flex: 0 0 40%;
    max-width: 40%;
}

.amplify-title {
    font-size: 48px;
    font-weight: 700;
    color: #3E2670;
    line-height: 1.2;
    margin: 0 0 20px 0;
    text-align: left;
}

.amplify-description {
    font-size: 18px;
    color: #55555c;
    line-height: 1.6;
    margin: 0;
    text-align: left;
}

.amplify-right {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.platform-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.platform-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.12);
}

.platform-logo {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.platform-logo img {
    max-width: 120px;
    max-height: 60px;
    object-fit: contain;
}

.platform-title {
    font-size: 24px;
    font-weight: 600;
    color: #1b1d1f;
    margin: 0 0 15px 0;
    text-align: center;
}

.platform-divider {
    width: 50px;
    height: 1px;
    background-color: #d4d6db;
    margin: 0 auto 20px;
}

.platform-description {
    font-size: 16px;
    color: #55555c;
    line-height: 1.6;
    margin: 0;
    text-align: left;
}

@media screen and (max-width: 991px) {
    .amplify-content-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .amplify-left {
        flex: 1;
        max-width: 100%;
    }
    
    .amplify-right {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .amplify-title {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    .amplify-section {
        padding: 40px 0;
    }
    
    .amplify-title {
        font-size: 28px;
    }
    
    .amplify-description {
        font-size: 16px;
    }
    
    .platform-card {
        padding: 30px 20px;
    }
    
    .platform-title {
        font-size: 20px;
    }
    
    .platform-description {
        font-size: 14px;
    }
}

/* Enhanced Contact Page Styles */
.address-list {
    padding: 60px 0;
}

.address-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.address-box:hover {
    box-shadow: 0 8px 30px rgba(62, 38, 112, 0.15);
    transform: translateY(-2px);
}

.address-box .icon {
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3E2670 0%, #5a3a8a 100%);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 4px 15px rgba(62, 38, 112, 0.2);
}

.address-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.address-box .content {
    flex: 1;
}

.address-box .content .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #3E2670;
    line-height: 1.3;
}

.address-box .content .address {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    font-weight: 400;
}

/* Enhanced Contact Form Styles */
.contact_section {
    padding: 80px 0;
}

.contact-form {
    background: #ffffff;
    border-radius: 20px;
    padding: 35px 40px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #f0f0f0;
    max-width: 100%;
    width: 100%;
}

.contact-form .form-label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: block;
    font-family: "Gilroy", sans-serif;
}

.contact-form .form-control {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    font-size: 15px;
    transition: all 0.3s ease;
    font-family: "Gilroy", sans-serif;
    background: #ffffff;
    color: #333;
    box-sizing: border-box;
    height: 48px;
}

.contact-form .form-control:focus {
    outline: none;
    border-color: #3E2670;
    box-shadow: 0 0 0 4px rgba(62, 38, 112, 0.1);
    background: #ffffff;
}

.contact-form .form-control::placeholder {
    color: #999;
    font-weight: 400;
}

.contact-form textarea.form-control {
    min-height: 100px;
    height: 100px;
    resize: vertical;
    line-height: 1.6;
    padding-top: 12px;
    padding-bottom: 12px;
}

.contact-form .btn-primary {
    background: linear-gradient(135deg, #3E2670 0%, #5a3a8a 100%);
    border: none;
    border-radius: 10px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(62, 38, 112, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.contact-form .btn-primary:hover {
    background: linear-gradient(135deg, #5a3a8a 0%, #3E2670 100%);
    box-shadow: 0 6px 20px rgba(62, 38, 112, 0.4);
    transform: translateY(-2px);
    color: #ffffff !important;
}

.contact-form .alert {
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 25px;
    border: none;
    font-size: 14px;
    font-weight: 500;
}

.contact-form .alert-success {
    background: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

.contact-form .alert-danger {
    background: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* Enhanced Contact Info Boxes */
.contact-info-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.contact-info-box:hover {
    box-shadow: 0 8px 30px rgba(62, 38, 112, 0.15);
    transform: translateX(5px);
}

.contact-info-box .heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #3E2670;
}

.contact-info-box .subheading {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    transition: color 0.3s ease;
}

.contact-info-box a.subheading {
    text-decoration: none;
    display: inline-block;
}

.contact-info-box a.subheading:hover {
    color: #3E2670;
    text-decoration: underline;
}

.contact_section .col-header {
    margin-bottom: 60px;
}

.contact_section .col-header .heading {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #3E2670;
}

.contact_section .col-header .subheading {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
}

.contact_section .sm-title {
    font-size: 28px;
    font-weight: 700;
    color: #3E2670;
    margin-bottom: 30px;
}

.contact_section .col-right {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Responsive Styles */
@media screen and (max-width: 991px) {
    .contact-form {
        padding: 30px 25px;
        margin-top: 30px;
    }
    
    .contact_section .col-right {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .contact_section .col-left {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 40px;
    }
    
    .address-box {
        padding: 25px;
    }
    
    .address-box .icon {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 767px) {
    .contact-form {
        padding: 30px 20px;
    }
    
    .contact_section {
        padding: 50px 0;
    }
    
    .address-box {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
    }
    
    .address-box .content {
        padding-left: 0 !important;
    }
    
    .contact-info-box {
        padding: 25px 20px;
    }
}

/* Social Share Icons */
.social-share {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
}

.social-share span {
    font-weight: 600;
    color: #333;
    margin-right: 5px;
}

.social-share .share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f5f5;
    transition: all 0.3s ease;
    text-decoration: none;
    padding: 0;
}

.social-share .share-icon:hover {
    background: #3E2670;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(62, 38, 112, 0.3);
}

.social-share .share-icon svg {
    transition: all 0.3s ease;
}

.social-share .share-icon:hover svg {
    fill: #ffffff;
}

.social-share .share-icon[title*="Facebook"]:hover svg {
    fill: #ffffff;
}

.social-share .share-icon[title*="LinkedIn"]:hover svg {
    fill: #ffffff;
}

.social-share .share-icon[title*="X"]:hover svg {
    fill: #ffffff;
}

.social-share .share-icon[title*="WhatsApp"]:hover svg {
    fill: #ffffff;
}

@media screen and (max-width: 767px) {
    .social-share {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .social-share .share-icon {
        width: 36px;
        height: 36px;
    }
    
    .social-share .share-icon svg {
        width: 18px;
        height: 18px;
    }
}