@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	color: #2a2a2a;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 400;
	font-family: "Inter", sans-serif;
}

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

.text-center {
	text-align: center !important;
}

.text-white {
	color: #fff !important;
}

.text-green {
    color: #00cb67 !important;
}

.text-yellow {
    color: #fff000 !important;
}

.wrapper {
	max-width: 1480px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}

a {
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    color: #00cb67;
    text-decoration: none;
}

h1, h2 {
    font-weight: 800;
}

p {
    margin-bottom: 15px;
    line-height: 1.6;
}

p:last-child {
    margin-bottom: 0;
}

:focus-visible {
    outline: none;
}

.d-flex {
    display: flex;
}
.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-start {
    align-items: flex-start;
}

.btn {
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    display: inline-block;
    background-color: #00cb67;
    padding: 20px 30px 18px;
    text-decoration: none;
    border-radius: 10px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.btn span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: initial;
    color: rgba(255, 255, 255, 0.8);
}

.btn:hover {
    background-color: #0f2b59;
}

.max-750 {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.max-800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.max-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.max-1000 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.max-1140 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.ptb80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

.headlingTitle {
    margin-bottom: 40px;
}

.headlingTitle h2 {
    font-size: 52px;
    margin-bottom: 10px;
    color: #3c3c3c;
}

.headlingTitle p {
    font-size: 18px;
}

.bg-grey {
    background: #f8f9fb;
}

.bg-blue {
    background: #081d41;
}

.bg-get-started {
    background: #042d6a;
    background-image: url('/new-images/bg-form.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.imgRadius {
    border-radius: 20px;
}

/* Main Banner */

.headerBanner {
    padding-top: 0;
    padding-bottom: 80px;
    background: url('/new-images/banner-eclipse.png') no-repeat;
    background-size: contain;
    background-position: left 100px center;
}
.headerBanner .wrapper {
    max-width: 1140px;
}
.headerLogo {
    padding: 30px 0;
}
.logoImg {
    width: 100px;
}
.bannerText {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.bannerText.shopifyWP {
    max-width: 870px;
}
.bannerText h3 {
    text-transform: uppercase;
    font-size: 22px;
    color: #242424;
    font-weight: 600;
    margin-bottom: 20px;
}
.bannerText h1 {
    font-size: 58px;
    color: #0f2b59;
    line-height: 1.1;
    font-weight: 800;
    margin-bottom: 15px;
}
.bannerText p {
    font-size: 20px;
}
.growthSystem {
    margin-top: 35px;
    gap: 40px;
    position: relative;
}
.growthSystem:before {
    content: "";
    display: block;
    width: 76px;
    height: 127px;
    background: url('/new-images/down-arrow-left.png') no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -105px;
    left: 70px;
}
.growthSystem:after {
    content: "";
    display: block;
    width: 76px;
    height: 127px;
    background: url('/new-images/down-arrow-right.png') no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -105px;
    right: 70px;
}
.growthSystem .growthCol {
    width: 50%;
    background: #fff;
    border-radius: 50px;
    padding: 35px;
    border: 1px solid #f4f4f4;
    box-shadow: 17px 8px 20px rgba(29,29,53,0.06);
}
.growthCol-inner {
    gap: 35px;
    align-items: center;
}
.growthCol-inner img {
    width: 85px;
}
.growthContent h3 {
    font-size: 22px;
    color: #0f2b59;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.grabMockup-btn {
    margin-top: 45px;
}
.grabMockup-btn p, .leadFomrBtn p {
    font-size: 16px;
    color: #8e8e8e;
    margin-top: 10px;
}
.optinHint {
    background: #f2f4f8;
    max-width: 980px;
    border-radius: 20px;
    padding: 25px 80px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}
.optinHint p {
    font-size: 16px;
    color: #969ca8;
}
.migrateWPshopify {
    margin-top: 40px;
}
.migrateChain {
    max-width: 480px;
}


/* Crafted Blueprint */

.craftedBlueprint {
    background-color: #081d41;
    background-image: url('/new-images/success-map.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.craftedBlueprint .wrapper {
    position: relative;
    padding: 150px 0;
}
.craftedBlueprint .wrapper:after {
    content: "";
    display: block;
    background: url('/new-images/greenup-arrow.svg') no-repeat;
    width: 490px;
    height: 438px;
    background-size: contain;
    position: absolute;
    right: -80px;
    bottom: -20px;
}
.successAchieving.headlingTitle {
    margin-bottom: 0;
}
.successAchieving.headlingTitle p {
    font-size: 22px;
}

/* Funnel Journey */

.funnelJourney-grid {
    gap: 25px;
    padding-left: 30px;
    padding-right: 30px;
}
.funnelJourney-grid.whyMigrate-grid, .funnelJourney-grid.migrationProcess {
    padding-left: 0;
    padding-right: 0;
}
.funnelJourney-grid .funnelJourneyCol {
    background: #fff;
    border-radius: 20px;
    padding: 40px 25px;
    box-shadow: 0 5px 40px rgba(0,0,0,0.08);
}
.fiveCol {
    width: calc(100% / 5 - 20px);
}
.fourCol {
    width: calc(100% / 4 - 20px);
}
.funnelJourneyCol img {
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-bottom: 20px;
}
.funnelJourneyCol h3 {
    font-size: 22px;
    color: #0c0e17;
    margin-bottom: 15px;
    line-height: 1.3;
}
.funnelJourneyCol p {
    font-size: 16px;
}
.funnelJourney-grid.migrationProcess {
    counter-reset: section;
}
.migrationProcess .funnelJourneyCol {
    position: relative;
}
.migrationProcess .funnelJourneyCol:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    border-radius: 50%;
    z-index: 0;
    color: rgba(12,14,23,0.05);
    font-size: 110px;
    font-weight: 800;
    left: 20px;
    top: 0;
}

/* Vision Excellence */

.visionStatement {
    gap: 100px;
}
.visionStatement .visionCol {
    width: 50%;
}
.visionStatement ul.iconList {
    margin-top: 40px;
}
.iconList.trustList {
    margin-top: 0 !important;
}
ul.iconList li {
    list-style: none;
    line-height: 1.6;
    margin-bottom: 25px;
    position: relative;
    padding-left: 50px;
}
ul.iconList li:before {
    content: "";
    display: block;
    background: url('/new-images/checklist-icon.svg') no-repeat;
    width: 35px;
    height: 32px;
    background-size: contain;
    position: absolute;
    left: 0;
}
.visionStatement .grabMockup-btn {
    margin-top: 40px;
    max-width: 554px;
    text-align: center;
}

/* Projects Excellence */

.showcasingProjects {
    gap: 30px;
    flex-wrap: wrap;
}
.showcasingProjects .projectsCol {
    width: calc(100% / 4 - 23px);    
    position: relative;
    line-height: 0;
}
.projectsCol:hover .overlay {
    display: flex;
}
.projectsCol .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
}
.showcasingProjects .projectsCol img {
    border-radius: 20px;
    box-shadow: 0 5px 30px rgba(0,0,0,0.12);
}
.projectsCol .overlay a.greenbtn, .projectsCol .mtblock a.greenbtn {
    font-size: 16px;
    display: inline-block;
    background-color: #00cb67;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    padding: 15px 30px;
    line-height: 1;
}
.projectsCol .overlay a.greenbtn:hover, .projectsCol .mtblock a.greenbtn:hover {
    background-color: #0f2b59;
}

/* Business Grow */

.businessGrow {
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.businessGrow:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(22,42,85,0.6) , rgba(0,126,64,0.6));
    position: absolute;
    top: 0;
    left: 0;
}
.businessGrow .headlingTitle {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.businessGrow .headlingTitle p {
    font-size: 20px;
    max-width: 90%;
    margin: 0 auto;
}
.businessGrow .grabMockup-btn {
    margin-top: 40px;
}
.businessGrow .headlingTitle h2 {
    font-size: 50px;
}
.businessGrow .headlingTitle h2 span.text-yellow {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}
.businessGrow .headlingTitle h2 span.text-yellow::before {
    content: "";
    display: block;
    background: url('/new-images/yellow-round-bg.png') no-repeat;
    width: 262px;
    height: 90px;
    background-size: contain;
    position: absolute;
    top: -25px;
    left: -15px;
}

/* Client Testimonials */

.testimonialSlider .customerComment {
    width: 68%;
    padding-left: 45px;
}
.testimonialSlider .customerBio {
    width: 32%;
    gap: 20px;
    border-right: 1px solid #e1e1e1;
    padding-right: 25px;

}
.testimonialSlider .customerComment p {
    font-style: italic;
    font-weight: 500;
}
.customerBio img.clientImg {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
}
.customerBio .customerName h4 {
    font-size: 22px;
    color: #3c3c3c;
}
.videoTestimonials {
    gap: 30px;
}
.videoTestimonials .videoPoster {
    width: 33.33%;
    border-radius: 20px;
}
.videoPoster a {
    position: relative;
    display: block;
}
.videoPoster a::after {
    background-image: url('/new-images/play-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
}
.realExperience {
    border-radius: 30px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 50px;
    box-shadow: 0 5px 40px rgba(0,0,0,0.08);
    margin-bottom: 70px;
}

/* Frequently Asked Questions */

.faqList li {
    list-style: none;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 19px 38px rgba(180,180,180,0.11);
    border-radius: 15px;
}
.faqList li:last-child {
    margin-bottom: 0;
}
.faqList .accordion-title {
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;    
    padding: 23px 35px;
}
.faqList .accordion-title::after {
    background-image: url('/new-images/plus-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    height: 19px;
    width: 19px;
    transform: translate(0, -50%);
}
.faqList .accordion-title.open::after {
    background-image: url('/new-images/minus-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 3px;
    width: 19px;
}
.faqList .accordion-content {
    display: none;
    padding: 0 80px 25px 35px;
}

/* Footer */

.footerLogo {
    width: 100px;
    margin-bottom: 25px;
}
.footer-main {
    padding: 60px 0;
}
.socialLinks {
    margin-bottom: 30px;
}

.socialLinks li {
    list-style: none;
    display: inline-block;
    margin: 0 2px;
}
.socialLinks li a {
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 1px solid #a4acb4;
    border-radius: 4px;
    padding: 5px;
}
.socialLinks li a:hover {
    background: #09d176;
    border-color: #09d176;
}
.socialLinks li a:hover img {
    filter: brightness(0) invert(1);
}
.footerDisclaimer {
    max-width: 850px;
    margin: 0 auto;
}
.footerDisclaimer p {
    color: #caced4;
    font-size: 16px;
}
footer.site-footer .wrapper {
    max-width: 1140px;
}
.footer-copyright {
    border-top: 1px solid rgba(255,255,255,0.15);
    padding: 17px 0;
}
.footer-copyright p {
    color: #caced4;
    font-size: 14px;
}

/* Wordpress to React and Laravel */

.reactWP.bannerText.reactWP {
	max-width: 1040px;
}

.reactgrowthSystem{
    position: relative;
}
.reactgrowthSystem:before {
    content: "";
    display: block;
    width: 76px;
    height: 127px;
    background: url('/new-images/down-arrow-left.png') no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -105px;
    left: 0px;
}
.reactgrowthSystem:after {
    content: "";
    display: block;
    width: 76px;
    height: 127px;
    background: url('/new-images/down-arrow-right.png') no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -105px;
    right: 0px;
}

.mtblock{
    display: none;
}

.mt-20{
    margin-top: 20px;
}

/* Client Testimonial */

.realExperience .swiper-wrapper {
    padding-bottom: 60px;
}
.swiper-pagination {
    margin-top: 0;
}
.swiper-pagination span.swiper-pagination-bullet {
    background: #e3e3e3;
    opacity: 1;
    margin: 0 6px !important;
}
.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00cb67;
    outline: 1px solid #00cb67;
    outline-offset: 3px;
}

/* Lead Form */

.modalHeader p {
    font-size: 20px;
}
.modalHeader hr {
    border: 1px solid #e4e4e4;
    max-width: 450px;
    margin: 0 auto 15px;
}
.modalHeader h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}
.formFields input {
    background: #fcfcfc;
    color: #8c8c8c;
    padding: 20px;
    border-color: #b8b8b8;
    border-radius: 10px;
}
.formFields input::-moz-placeholder {
    color: #8c8c8c;
}
.formFields input::placeholder {
    color: #8c8c8c;
}
.formFields {
    margin-bottom: 15px;
}
.leadFomrBtn button.btn {
    border: none;
    font-family: "Inter", sans-serif;
}
.formNote {
    margin-top: 15px;
}
.formNote p {
    font-size: 15px;
    color: #b7b7b7;
}
span.closeModal {
    width: 35px;
    height: 35px;
    display: block;
    background: #000;
    background-image: url('/new-images/cross.svg');
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -20px;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

/* 404 Page */

.errorPage {
    padding-bottom: 100px;
    padding-top: 50px;
}
.errorPage .btn.greenBtn {
    font-size: 18px;
    padding: 15px 30px;
}
.errorPage h2 {
    margin-bottom: 10px !important;
}

/* scroll */

html {
    scroll-behavior: smooth;
}

/*Thank You*/

.headerBanner.thankYouBanner .wrapper {
    max-width:950px;
}
.growthSystem.helpSection .growthCol{
    width:100%;
}
.growthSystem.helpSection .growthCol:first-child{
    margin-bottom:30px;
}
.growthSystem.helpSection:before, .growthSystem.helpSection:after{
    content:none;
}
@media (max-width:767px) {
    .growthSystem.helpSection .growthCol-inner.d-flex {
    flex-direction: column;
    gap:20px;
   align-items: start;
}
.growthSystem.helpSection .growthCol:first-child {
    margin-bottom: 20px;
}
}

/* Error Page */

.errorPage h1 {
    font-size: 120px;
    line-height: 1;
}
.errorPage p {
    margin-bottom: 20px;
}
.errorPage h2 {
    margin-bottom: 5px;
    font-size: 30px;
}

/* Responsive */

@media (max-width:1600px) {
    .ourExpertiseSec .funnelJourneyCol img {
        height: 70px;
    }
    .bannerText {
        margin-top: 0;
    }
    .bannerText h1 {
        font-size: 50px;
    }
    .headlingTitle h2 {
        font-size: 48px;
    }
    .craftedBlueprint .wrapper::after {
        width: 350px;
        height: 313px;
        right: 50px;
    }
    .visionStatement {
        gap: 60px;
    }
    .funnelJourneyCol img {
        height: 85px;
    }
    .funnelJourneyCol h3 {
        font-size: 20px;
    }
    .funnelJourney-grid {
        gap: 25px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .grabMockup-btn {
        margin-top: 40px;
    }
    .migrateWPshopify {
        margin-top: 25px;
    }
    .migrateChain {
        max-width: 400px;
    }
    .migrationProcess .funnelJourneyCol::before {
        font-size: 100px;
    }
    .reactgrowthSystem img {
        max-width: 600px;
    }
}

@media (max-width:1279px) {
    .growthSystem .growthCol {
        padding: 30px;
    }
    .growthContent h3 {
        font-size: 20px;
    }
    .growthCol-inner {
        gap: 25px;
    }
    .growthCol-inner img {
        width: 80px;
    }
    .visionStatement {
        gap: 30px;
    }
    .btn {
        font-size: 20px;
    }
    .grabMockup-btn p {
        font-size: 14px;
    }
    .realExperience {
        padding: 70px 20px;
    }
    .funnelJourney-grid {
        justify-content: center;
    }
    .fiveCol {
        width: calc(100% / 3 - 20px);
    }
    .craftedBlueprint .wrapper::after {
        width: 250px;
        height: 224px;
        right: 10px;
    }
    .funnelJourney-grid .funnelJourneyCol {
        padding: 40px 20px;
    }
    .migrationProcess .funnelJourneyCol::before {
        font-size: 80px;
    }
    .fourCol {
        width: calc(100% / 4 - 12px);
    }
    .funnelJourney-grid.whyMigrate-grid, .funnelJourney-grid.migrationProcess {
        gap: 15px;
    }
}

@media (max-width:991px) {
    .bannerText h3 {
        font-size: 20px;
    }
    .bannerText h1 {
        font-size: 40px;
    }
    .bannerText p {
        font-size: 18px;
    }
    .optinHint {
        padding: 25px 30px;
        margin-top: 30px;
    }
    .growthSystem::before, .growthSystem::after, .craftedBlueprint .wrapper::after {
        content: none;
    }
    .growthSystem {
        margin-top: 30px;
        gap: 20px;
    }
    .growthSystem .growthCol {
        padding: 20px;
        border-radius: 20px;
    }
    .growthCol-inner {
        gap: 15px;
    }
    .growthCol-inner img {
        width: 60px;
    }
    .growthContent h3 {
        font-size: 17px;
    }
    .growthContent p {
        font-size: 14px;
    }
    .headlingTitle h2, .businessGrow .headlingTitle h2 {
        font-size: 38px;
    }
    .successAchieving.headlingTitle p {
        font-size: 20px;
    }
    .craftedBlueprint .wrapper {
        padding: 120px 20px;
    }
    .fiveCol {
        width: calc(100% / 2 - 20px);
    }
    .showcasingProjects {
        flex-wrap: wrap;
    }
    .showcasingProjects .projectsCol {
        width: calc(50% - 15px);
    }
    .businessGrow .headlingTitle p {
        font-size: 18px;
    }
    .videoTestimonials {
        gap: 20px;
    }
    .videoPoster a::after {
        height: 45px;
        width: 45px;
    }
    .businessGrow .headlingTitle h2 span.text-yellow::before {
        width: 202px;
        height: 70px;
        top: -20px;
        left: -10px;
    }
    .visionStatement {
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .visionStatement .visionCol {
        width: 100%;
    }
    .visionStatement .grabMockup-btn {
        max-width: 100%;
    }
    .testimonialSlider .customerComment {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .testimonialSlider .customerBio {
        width: 100%;
        border: none;
    }
    .testimonialSlider {
        flex-wrap: wrap;
    }
    .funnelJourney-grid.whyMigrate-grid, .funnelJourney-grid.migrationProcess {
        gap: 25px;
    }
    .fourCol {
        width: calc(100% / 2 - 20px);
    }
    .mtblock{
        display: block;
    }
    .dblock{
        display: none !important;
    }
}

@media (max-width:767px) {
    .ourExpertiseSec .funnelJourneyCol img {
        height: 60px;
    }
    .logoImg {
        width: 85px;
    }
    .footerLogo {
        width: 90px;
    }
    .wrapper {
        padding: 0 15px;
    }
    .footer-main {
        padding: 50px 0 40px;
    }
    .footerDisclaimer p {
        font-size: 14px;
    }
    .headerLogo {
        padding: 20px 0;
    }
    .bannerText h3 {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .bannerText h1 {
        font-size: 28px;
    }
    body, .bannerText p, .successAchieving.headlingTitle p, .headlingTitle p {
        font-size: 16px;
    }
    .headlingTitle h2, .businessGrow .headlingTitle h2 {
        font-size: 26px;
    }
    .ptb80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt80 {
        padding-top: 50px;
    }
    .pb80 {
        padding-bottom: 50px;
    }
    .headlingTitle {
        margin-bottom: 25px;
    }
    .funnelJourney-grid {
        gap: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fiveCol, .showcasingProjects .projectsCol, .videoTestimonials .videoPoster, .fourCol {
        width: 100%;
    }
    .craftedBlueprint .wrapper {
        padding: 80px 15px;
    }
    .headerBanner {
        padding-bottom: 50px;
    }
    .growthSystem, .videoTestimonials {
        gap: 15px;
        flex-wrap: wrap;
    }
    .growthSystem .growthCol {
        padding: 25px 20px;
        width: 100%;
    }
    .growthContent h3 {
        font-size: 16px;
    }
    .optinHint {
        padding: 20px;
    }
    .optinHint p,  .faqList .accordion-content p, .testimonialSlider .customerComment p {
        font-size: 14px;
    }
    .grabMockup-btn p, .btn span {
        font-size: 12px;
    }
    .grabMockup-btn {
        margin-top: 25px;
    }
    .btn {
        font-size: 14px;
        padding: 15px 20px 13px;
    }
    ul.iconList li {
        margin-bottom: 15px;
    }
    .visionStatement ul.iconList {
        margin-top: 20px;
    }
    .faqList .accordion-title {
        font-size: 16px;
        padding: 20px 40px 20px 20px;
    }
    .faqList .accordion-content {
        padding: 0 40px 20px 20px;
    }
    .businessGrow {
        padding: 70px 0;
    }
    .businessGrow .headlingTitle p {
        font-size: 16px;
        max-width: 100%;
    }
    .businessGrow .grabMockup-btn {
        margin-top: 0;
    }
    .businessGrow .headlingTitle h2 span.text-yellow::before {
        content: none;
    }
    .businessGrow .headlingTitle h2 span.text-yellow {
        margin: 0;
    }
    .faqList .accordion-title::after {
        right: 20px;
        top: 30px;
        height: 14px;
        width: 14px;
    }
    .faqList .accordion-title.open::after {
        height: 2.4px;
        width: 14px;
    }
    .realExperience {
        padding: 50px 30px;
        margin-bottom: 40px;
    }
    .customerBio img.clientImg {
        width: 85px;
        height: 85px;
    }
    .migrateChain {
        max-width: 250px;
    }
    .migrationProcess .funnelJourneyCol::before {
        top: 10px;
    }
    .reactgrowthSystem:before, .reactgrowthSystem:after{
        content: none;
    }
    .realExperience .swiper-wrapper {
        padding-bottom: 45px;
    }
    .projectsCol .overlay {
        display: block !important;
        height: auto;
        background: transparent;
        position: static;
        text-align: center;
        margin-top: 20px;
    }
    .MuiBox-root {
        padding: 20px 15px !important;
        width: 95% !important;
        border-radius: 12px !important;
    }
    .modalHeader h2 {
        font-size: 16px;
    }
    .modalHeader p {
        font-size: 13px;
    }
    .formFields input {
        padding: 15px 20px;
    }
    .leadFomrBtn button.btn {
        padding: 15px 10px 13px;
        width: 100%;
    }
    .leadFomrBtn p, .formNote p {
        font-size: 12px;
    }
    span.closeModal {
        width: 25px;
        height: 25px;
        top: -10px;
        right: -10px;
        background-size: 9px;
    }
    .modalHeader hr {
        max-width: 180px;
    }
    .errorPage {
        padding-bottom: 60px;
        padding-top: 30px;
    }
    .errorPage .btn.greenBtn {
        font-size: 16px;
    }
    .site-footer #toplink{
        bottom: 25px !important;
        right: 15px !important;
        width: 40px !important;
        height: 40px !important;
    }
    .errorPage h1 {
        font-size: 90px;
    }
    .errorPage h2 { 
        font-size: 22px;
        line-height: 1.3;
    }
}

.leadForm span.error{
    color: red !important;
    text-align: left;
}

/* css by- ra at 19-09-2024 */

.mt-50{
    margin-top: 50px !important;
}

.mt-30{
    margin-top: 30px !important;
}

a.btn.btnContact {
    padding: 15px 30px 13px;
}

.showcasingProjects .projectsCol.clickFunnel:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-image: url(https://8figfunnel.com/storage/files/5iWo67QAlAbfyyjvAWbivucV8obvEjp8zrWko3Yp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    top: 10px;
    right: 10px;
    border-radius: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}

.showcasingProjects .projectsCol.shopify:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-image: url(https://8figfunnel.com/storage/files/WfNlv2oN1NmHzKEF8dq9QdUyp5HaH4aaoshPy4po.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
    top: 10px;
    right: 10px;
    border-radius: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}

.showcasingProjects .projectsCol.wordpress:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-image: url(https://8figfunnel.com/storage/files/iYYZ2QTovcz3hRpGJ4V1kBZloiUjZNd8m2jwu7Tg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    top: 10px;
    right: 10px;
    border-radius: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}


.threeCol {
    width: calc(33.33% - 20px);
}

.testimonialSlider{
    padding-left: 20px;
    padding-right: 20px;
}

.grabMockup-btn .grabMockupTest p {
    font-size: 28px;
    line-height: 1.3;
    color: #0f2b59;
    font-weight: 600;
}

.grabMockup-btn .grabMockupTest p strong{
    font-weight: 900;
}

.grabMockup-btn .grabMockupTest {
    margin-bottom: 25px;
}

.ourExpertise .funnelJourney-grid {
    padding-left: 0px;
    padding-right: 0px;
}



@media (max-width: 1600px) {
    .ourExpertise .funnelJourneyCol img {
            height: 70px;
    }
}

@media (max-width: 1279px) {
    .grabMockup-btn .grabMockupTest p {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .testimonialSlider .customerBio {
        padding-right: 0px;
    }
    .grabMockup-btn .grabMockupTest p {
        font-size: 20px;
    }
    .threeCol {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .grabMockup-btn .grabMockupTest p {
        font-size: 18px;
    }
    .threeCol {
        width: 100%;
    }
    .ourExpertise .funnelJourneyCol img {
        height: 60px;
    }
}

a.btn.btnContact:hover {
    background-color: #17a961;
}

/* Forms */

.startedForm {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.getStarted form {
    max-width: 750px;
    margin: 0 auto;
}

.getStarted form .startedForm {
    margin-bottom: 20px;
}

.getStarted form .reCaptchaDiv {
    margin-bottom: 40px;
}

.w50 {
    width: calc( 50% - 10px );
}
.formField input, .formField label, textarea,select {
    width: 100%;
    display: block;
}
input,textarea, select {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 16px;
    width: 100%;
    color: #434343;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}
input:focus, input:active, textarea:focus, textarea:active,select:focus, select:active{
    outline: 0;
}
.wfull{
    width: 100%;
}
textarea {
    height: 120px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 16px;
    color: #434343; 
    font-family: "Inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}
input::placeholder, textarea::placeholder {
    font-size: 16px;
    color: #434343; 
    font-family: "Inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}
span.error {
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    display: block;
    line-height: 1.5;
}
.btn.submitBtn {
    font-size: 18px;
    border: none;
    font-weight: 600 !important;
    padding: 12px 30px 10px;
    border-radius: 5px;
    cursor: pointer;
    width: 230px;
}

.btn.submitBtn:hover {
    background-color: #17a961;
}

.slideDiv{
    padding:10px;
    box-sizing:border-box;
}

@media screen and (max-width:480px) {
    .hideStaticSectionOnMobileView{
        display: none !important;
    }
}

/* main page */
.highlightText h3{
    display: inline-block;
    padding: 20px;
    background-color: #ecf9f3;
    border-radius: 10px;

}

.mainBannerSec.grabMockup-btn a.btn:before, .mainBannerSec.grabMockup-btn a.btn:after {
    bottom: 100px;
    content: "";
    display: block;
    height: 127px;
    position: absolute;
    width: 76px;
	background-size: contain;
}
.mainBannerSec.grabMockup-btn a.btn:before{
    background: url(/new-images/down-arrow-left.png) no-repeat;
    left: 100px;
}
.mainBannerSec.grabMockup-btn a.btn:after {
    background: url(/new-images/down-arrow-right.png) no-repeat;
    right: 100px;
}

@media (max-width: 1023px) {
	.mainBannerSec.grabMockup-btn a.btn:before, .mainBannerSec.grabMockup-btn a.btn:after{
		display: none;
	}
}


@media (max-width: 767px) {
    .highlightText{	
        max-width: 320px;
        margin: 0 auto;
    }
    .projectsCol .overlay a.greenbtn  {
        padding: 0;
        border-radius: 0;
        color: #2a2a2a;
        background-color: transparent;
        background-image: url(https://8figfunnel.com/new-images/new-tab.svg);
        background-repeat: no-repeat;
        background-position: right 0 center;
        background-size: 20px;
        padding-right: 30px;
        height: 20px;
        font-size: 14px;
        line-height: 1.3;
    }
    .customerBio .customerName h4 {
        font-size: 18px;
    }
    .customerBio .customerName p {
        font-size: 14px;
    }
    .footerDisclaimer p {
        font-size: 12px;
        line-height: 1.4;
    }
    .footerLogo {
        width: 65px;
        margin-bottom: 15px;
    }
    .footer-copyright p {
        color: #caced4;
        font-size: 12px;
    }
    .footer-main {
        padding: 30px 0 20px;
    }
    .footer-copyright {
        padding: 10px 0;
    }
    .realExperience {
        margin-bottom: 40px;
        padding: 30px 20px;
    }
    .btn {
        font-size: 18px;
        line-height: 1.3;
    }
    .w50 {
        width: 100%;
    }
    .btn.submitBtn {
        font-size: 16px;
        width: 200px;
    }
    .ourExpertiseSec .headlingTitle p {
        color: #fff;
    }
    .mobile-slider .funnelJourneyCol{
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 5px 15px rgba(0,0,0,.08);
        padding: 30px 20px;
        height: 100%;
    }
    .mobile-slider .grabMockup-btn {
        margin-top: 0 !important;
    }
    .mobile-slider .grabMockup-btn .wrapper {
        padding: 0 !important;
    }
    .showcasingProjects .projectsCol img {
        border-radius: 20px;
        box-shadow: 0 5px 10px rgba(0,0,0,.08);
    }
}