.main-home-banner {
    background: linear-gradient(40deg, rgb(5 145 203), rgb(24 44 89));
    background: -moz-linear-gradient(top,  rgb(5 145 203) 0%,rgb(24 44 89) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(5 145 203)), color-stop(100%,rgb(24 44 89))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(5 145 203) 0%,rgb(24 44 89) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(5 145 203) 0%,rgb(24 44 89) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(5 145 203) 0%,rgb(24 44 89) 100%); /* IE10+ */
}

.vc_row {
    margin: auto;
}

.vc_section {
    margin: 0;
    padding: 0;
}

.vc_section.vc_section-has-fill.cta-first {
    background-attachment: fixed;
    padding: 80px 0;
    text-align: center;
    color: #fff;
}

p.new-heading-description {
    text-align: center;
}

p.new-heading-description span {
    font-weight: 400;
}

ul.new-heading-description li {
    font-weight: 400;
    text-align: left;
}

h2.new-heading-description {
    text-align: center;
}

p.new-heading-description {
    text-align: center;
}

.cta-first h2 {
    font-size: 2.2rem;
}

.cta-first p {
    max-width: 600px;
    margin: auto;
}

.call-home a {
    color: #fff;
    display: inline;
    float: left;
    background: #20a5b8;
    padding: 12px 30px;
}

.request-home a {
    color: #fff;
    display: inline;
    float: left;
    background: #20a5b8;
    padding: 12px 30px;
}

.cta-first a {
    margin: auto 20px;
    margin-top: 40px;
}

.sec-three-home h3 {
    font-size: 38px;
    font-weight: bold;
}

/* section.vc_section.shopify-step-optimize {
    background-color: #f7f7f7;
    padding: 70px 0;
} */

section.about_container .left_white h3.vc_custom_heading {
    text-transform: uppercase;
    font-size: 22px;
}

.step-optimize-colmn .vc_column-inner > .wpb_wrapper {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
    font-size: 14px;
    text-align: center;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-optimize-colmn .vc_column-inner > .wpb_wrapper h4.vc_custom_heading {
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
}

.step-optimize-colmn .vc_column-inner > .wpb_wrapper .wpb_text_column {
    margin: 0;
}

.step-optimize-colmn .vc_column-inner > .wpb_wrapper {
    margin: 10px 0;
}

.step-optimize-colmn .vc_column-inner > .wpb_wrapper h4.vc_custom_heading {
    font-size: 16px;
}

.step-optimize-colmn .vc_column-inner > .wpb_wrapper {
    box-shadow: 0px 0px 15px 2px #d9e3f1;
}

.vc_row.wpb_row.vc_row-fluid.container.sec-six-home2 {
    max-width: 1400px;
}

.why-choose-us .vc_row-fluid.container .wpb_text_column.wpb_content_element {
    background: #fff;
    color: #000;
    padding: 25px;
    height: 260px;
    box-shadow: 0px 13px 25px -8px #00000042;
}

section.vc_section.why-choose-us {
    background-attachment: fixed;
}

.sec-eight-home h3 {
    font-size: 24px;
}

.home-review-section{
  background-color: #242a33;
  background-blend-mode: soft-light;
}

/* review CSS */
.review-row {
    max-width: 1140px;
}

.review-row .review-cols {
    background: #ffffff;
    color: #000;
    padding: 25px;
    min-height: 200px;
    box-shadow: 0px 0px 10px #0c0c0c;
    border-bottom: 3px solid #0a9bae;
}

.review-row .review-cols i {
    font-size: 20px;
    margin-bottom: 20px;
    background: #0a9bae;
    color: #fff;
    position: absolute;
    top: -25px;
    border-radius: 50px;
    padding: 15px;
    border: 2px solid #d7dbe2;
}

.review-row .review-desp {
    margin-top: 40px;
}

.review-row .client-name {
    font-weight: bold;
    margin-top: 10px;
    color: #0a9bae;
    margin-left: -25px;
    padding: 4px 4px 4px 25px;
}

h4.subtitle2 {
    max-width: 1140px;
    margin: auto;
    font-size: 18px;
    line-height: 1.3;
}

.home-review-section h3, h4 {
    color: #fff;
}

.home-review-section {
    background-attachment: fixed;
}

/*end review sec */
h2.custom-headings.headings-left-align {
    text-align: left;
    margin-bottom: 25px;
}

.wpb_text_column.wpb_content_element.home-p-margin {
    margin-bottom: 15px;
}

.step-optimize-colmn h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #20a5b8;
    font-size: 38px;
}

.step-optimize-colmn sub {
    font-size: 16px;
    margin-left: 10px;
}

.why-choose-us h3 {
    color: #20a5b8;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
	font-size:24px;
}

.why-choose-us h3:after {
    content: "";
    background: #20a5b8;
    height: 6px;
    width: 20%;
    position: absolute;
    left: 0;
    bottom: -15px;
}

.benefits-wpo .vc_column-inner> .wpb_wrapper {
    max-width: 820px;
    margin: auto;
}

/* process css */
.step-icon {
    background: #83cdd7;
}

.foursteps .step-content {
    padding: 20px 22px;
    position: relative;
    border-radius: 0 0 10px 10px;
    background: #fff;
    min-height:200px;
}

.foursteps .step-content h4 {
    font-weight: bold;
}

.foursteps .step-number {
    position: absolute;
    top: -35px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    right: 15px;
    border: 5px solid #fff;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-one .step-number{
    background: #018dcb;
}

.foursteps{
    padding: 10px;
    border-radius: 10px;
}

.foursteps h3{
    margin-top:10px;
    font-weight: 600;
	font-size: 1.25rem;
}

.foursteps .step-icon {
    text-align: center;
    padding: 15px;
    border-radius: 10px 10px 0 0;
}

.step-two .step-number {
    background: #018dcb;
}

.step-three .step-number {
    background: #018dcb;
}

.process-icns img {
    height: 80px;
}

.drupal-process .foursteps {
    box-shadow: 0px 13px 25px -8px #bdbdbd;
    padding: 0;
}

/* END process css */
.cta-first-last{
    background-image: linear-gradient(40deg, rgb(51 156 254), rgb(11 18 34));   
}

/* youtube video */
body .ytp-chrome-bottom {
    display: none;
}

body button.ytp-button.ytp-copylink-button.ytp-show-copylink-title.ytp-copylink-button-visible {
    display: none;
}

.youtube-section {
    background: #e0f0ff;
    padding: 70px 5px;
    padding-bottom: 50px;
}

.youtube-section iframe {
    box-shadow: 0px 0px 18px -6px #00363e;
    border-radius: 20px;
    margin-top: 10px;
    border: 5px solid #e0f0ff;
    width: 100%;
    max-width: 520px;
}

.youtube-section h3 {
    font-size: 28px;
    font-weight: bolder;
    text-decoration: underline;
}

.youtube-section p {
    text-align: center;
    border: 1px solid;
    max-width: 300px;
    margin: auto;
}

.client-name-hm {
    display: flex;
    justify-content: center;
    background: white;
    color: #000;
    max-width: 370px;
    margin: auto;
    padding: 20px 0px;
    border-bottom: 3px solid #0a9bae;
    margin-top: 20px;
    width: 100%;
}

/*end youtube */
.dw.review_list{
    max-width: 1200px;
    margin: 0px auto;
    border: none;
}

.dw {
	-webkit-animation: fade 2s;
	animation: fade 2s;
}

.dw {
	box-sizing: border-box;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	position: relative;
}

.dw * {
	box-sizing: border-box;
}

.dw__fcs-crtn {
	background-color: #000;
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0.75;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2;
}

.dw-pnl {
	margin: 0px 8px 20px 8px;
	padding: 16px;
	-webkit-box-shadow: 4px 10px 7px 0px rgba(150,141,150,1);
	-moz-box-shadow: 4px 10px 7px 0px rgba(150,141,150,1);
	box-shadow: 4px 10px 7px 0px rgba(150,141,150,1);
	background-color: #fcfcfc;
	text-align: center;
}

.dw-pnl--fcs {
	position: relative;
}

.dw-pnl--fcs:hover {
	z-index: 3;
}

.dw-pnl--fcs:hover ~ .dw__fcs-crtn {
	display: block;
}

.bg-clr img {
	width: 100%;
}

.bg-clr img{
    height:auto;
}

@media (min-width: 768px) {
	.dw {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 992px) {
	.dw {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 1500px) {
	.dw {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 768px) {
	.dw-pnl {
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		break-inside: avoid;
	}
}

@media (min-width: 430px) {
	.dw-clstr__sgmnt--hlf {
		flex-basis: 50%;
	}
	.dw-clstr__sgmnt--qrt {
		flex-basis: 25%;
	}
}

/*sedule-meeting-btn-css*/
input#buttonconfig {
    border: none;
    padding: 16px 24px 16px 24px;
    cursor: pointer;
}

input#buttonconfig:hover {
    background: #00a4b0;
}

.calBookingCloseIcn{
    background: rgba(255,255,255,.5); 
    padding: 8px;
    border-radius: 50%;
    width: 32px;
}
 
#embed  iframe{
    width: 96%;    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1140px;
    height: 70vh;
}

.sedule-btn1{
    display:inline-block;    
}

img.calBookingCloseIcn:hover {
    opacity: 1;
    background: rgba(255,255,255.1);
    cursor: pointer;
}

/**/
.youtube-section-cst {
    background: #e0f0ff;
    padding: 70px 0px;
    padding-bottom: 50px;
}

.reviewcolumn .vc_column-inner {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 0%);
    transition: .5s;
    background-color: #fff;
    border-radius: 15px;
    min-height: 465px;
    height: 100%;
    padding-top: 0;
}

.reviewcolumn .vc_column-inner:hover {
    transform: translateY(-5px);
}

.video-box-cst {
    box-shadow: 0px 0px 18px -6px #00363e;
    border-radius: 20px;
    margin-top: 0px;
    border: 5px solid #e0f0ff;
    width: 100%;
    max-width: 520px;
}

.video-box-cst iframe {
    border-radius: 18px;
}

h3.videotitle {
    font-weight:600;
}

@media (min-width:768px) and (max-width:992px){
    .vc_custom_1603406501897 .vc_row {
        display: flex;
    }

    .vc_custom_1603406501897 .vc_row .vc_column-inner,.vc_custom_1603406501897 .vc_row .wpb_wrapper {
        height: 100%;
    }

    .why-choose-us h3 {
        font-size: 16px;
    }

    .why-choose-us .vc_row-fluid.container .wpb_text_column.wpb_content_element {
        height: 100%;
    }

    .vc_custom_1603406501897 .vc_row .wpb_column.vc_column_container .vc_column-inner .wpb_wrapper .vc_row.wpb_row.vc_inner:nth-child(2){
        margin-top: 30px;
    }
}

@media (min-width:768px) and (max-width:992px){
    .vc_section.why-choose-us .wpb_text_column.wpb_content_element {
        padding: 20px 16px;
    }

    .vc_section.why-choose-us h3 {
        font-size: 19px;
    }
}

/**/
.home .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern:not(:hover) {
    background-color: #fff;
    color: #182d5a;
}

.home .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern {
    font-weight: 500;
}

.home span.color,
.home .review_readmore_a {
    color: #02879b;
}

.home .sedule-btn1 input#buttonconfig:not(:hover) {
    background-image: linear-gradient(45deg, #11717e, #20a5b8);
}

.home .sedule-btn1 input#buttonconfig {
    border: 1px solid #fff;
}

.copyright-section .copy-link a, 
.copyright-section .copy-link {
    color: #fff;
}

.home .step-optimize-colmn h3,
.home span.change-color-heading,
.home .why-choose-us h3 {
    color: #02879b;
}

.home .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-outline {
    color:#fff
}

.home .review_list .review_score_span.border-color-green {
    border: 4px solid #099b51;
    color: #058744;
}

.home p.read_more a {
    background:#02879b;   
}

.home .step-optimize-colmn sub {
    font-weight: 700;
    color: #000;
}

.home .step-optimize-colmn p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.review_list .dw-pnl p.p1, .review_popup_mainsec .dw-pnl p.p1 {
    font-weight: 500;
    font-size:16px;
}

.home .review_readmore_a {
    color: #000;
    font-weight: 700;
    font-size:16px;
}

.home p.read_more a {
    background: linear-gradient(45deg, #20a5b8, #11717e);
    font-size: 20px;
    font-weight: 500;
}

.home section.vc_section.about_container {
    margin-bottom: 100px;
    margin-top: 50px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.home section.vc_section.why-choose-us {
    padding-top: 70px;
    padding-bottom: 40px;
}

@media(max-width:767px){
    .home .vc_column_container>.vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .home .vc_row.wpb_row.vc_row-fluid.container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home section.vc_section.about_container .vc_row.wpb_row.vc_row-fluid.container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home .left_white.wpb_column {
        margin-top: -40px;
    }

    .home .about_right.wpb_column {
        padding-bottom: 80px;
        padding-top: 50px;
    }

    .home section.vc_section.about_container {
        margin-bottom: 45px;
    }

    .home .shopify-step-optimize .step-optimize-row > .container.wpb_column {
        padding: 0;
    }

    .home section.vc_section.shopify-step-optimize {
        padding-bottom: 0;
    }

    .home .benefits-wpo .vc_column-inner> .wpb_wrapper {
        padding: 0 20px;
    }

    .home .why-choose-us .vc_row-fluid.container .wpb_text_column.wpb_content_element {
        margin-bottom: 20px;
        height: auto;
    }

    .home section.vc_section.why-choose-us {
        padding-bottom: 60px;
    }

    .home section.vc_section.drupal-process {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .home section.vc_section.drupal-process .vc_row-fluid.container .wpb_text_column.wpb_content_element {
        margin-bottom: 20px;
    }

    .home .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-outline {
        padding: 18px 75px;
        margin: 0;
        width: 100%;
    }

    .home .vc_btn3-container.home-contact-us-btn.vc_btn3-inline.vc_custom_1707823101244 {
        margin-right: 0;
    }

    .home .sedule-btn1 input#buttonconfig {
        padding: 18px 60px;
        width: 100%;
    }

    .home .cta-first {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .home .wpb_text_column.wpb_content_element.sedule-btn1 {
        margin-bottom: 0;
    }

    .home section.vc_section.main-sec-six-home {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .home .utube-video-box.vc_column-gap-20 > .reviewcolumn {
        padding: 10px 0;
    }

    .home-review-section > .wpb_column.vc_column_container > .vc_column-inner {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home .review_list .dw-pnl {
        width:100%;
        margin-bottom: 20px;
    }

    .home .cta-first.cta-first-last h4 {
        font-size: 28px;
    }

    .home .cta-first.cta-first-last .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern {
        padding: 18px 70px;
    }

    .home .drupal-process h2.vc_custom_heading {
        font-size: 28px;
    }

    .home .about_right h2.custom_heading {
        font-size: 30px;
    }

    .home .sec-three-home h2 {
        margin-bottom: 35px;
    }

    .home .cta-first h2 {
        font-size: 28px;
    }

    .home .why-choose-us h3 {
        font-size: 20px;
    }

    .home .left_white.wpb_column.vc_column_container.vc_col-sm-6 h3 {
        font-size: 20px;
        font-weight: 500;
    }

    .home .sec-eight-home .vc_row.wpb_row.vc_row-fluid:first-child .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 0 20px;
    }

    .home .sec-eight-home h2.custom-headings {
        text-align: left;
    }

    .home h3.videotitle {
        font-size: 24px;
    }

    .home .vc_empty_space.banner-bottom-space {
        height: 70px;
    }

    .home .sec-eight-home h2.custom-headings {
        max-width: 540px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .home .container {
        max-width: 990px;
        margin: auto;
        padding:0;
    }

    .home .vc_column_container>.vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .home .vc_row.wpb_row.vc_row-fluid.container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-main-banner-content {
        flex-direction: column;
        gap: 50px;
    }

    .home-main-banner-content .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 100%;
    }

    .home-main-banner-content figure.wpb_wrapper.vc_figure img {
        max-height: 400px;
    }

    .home .vc_empty_space.banner-bottom-space {
        height: 50px;
    }

    .home section.vc_section.about_container .vc_row.wpb_row.vc_row-fluid.container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home .step-optimize-colmn .vc_column-inner > .wpb_wrapper {
        margin:10px;
        padding: 20px;
    } 

    .home section.vc_section.shopify-step-optimize {
        margin-bottom: 0;
        padding-bottom: 80px;
    }

    .home .vc_section.why-choose-us .wpb_text_column.wpb_content_element {
        padding-bottom: 0;
        padding-top: 0px;
    }

    .home .why-choose-us .vc_row-fluid.container .wpb_text_column.wpb_content_element {
        margin: 10px;
        padding: 15px;
    }

    .home section.vc_section.why-choose-us {
        padding: 80px 0;
    }

    .home section.vc_section.drupal-process .vc_row-fluid.container .wpb_text_column.wpb_content_element {
        margin: 10px;
    }

    .home .vc_row.wpb_row.vc_inner.vc_row-fluid.process-icns {
        display: flex;
    }

    .home section.vc_section.drupal-process {
        padding-bottom: 50px;
        padding-top: 80px;
    }

    .home .vc_btn3-container.home-contact-us-btn.vc_btn3-inline.vc_custom_1707823101244 {
        margin-right: 0;
    }

    .home .sedule-btn1 {
        margin-bottom: 0;
    }

    .home section.vc_section.cta-first.new_cta_first  > .vc_row.wpb_row > .wpb_column .vc_column-inner > .wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .home .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-outline {
        margin: 0;
    }

    .home-contact-us-btn a.vc_general {
        margin: 0;
    }

    .home section.vc_section.cta-first.new_cta_first > .vc_row.wpb_row > .wpb_column .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element {
        margin: 0;
        width:100%;
    }

    .home section.vc_section.main-sec-six-home {
        padding-top: 80px;
    }

    .home section.vc_section.main-sec-six-home .wpb_column.vc_column_container.vc_col-sm-8 {
        width: 50%;
    }

    .home section.vc_section.main-sec-six-home .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 50%;
    }

    .home section.vc_section.sec-eight-home .vc_row-o-content-middle {
        gap: 20px;
        justify-content: space-between;
    }

    .home section.vc_section.sec-eight-home .vc_row-o-content-middle .wpb_column.vc_column_container.vc_col-sm-6 {
        width:48%;
    }

    .home-review-section > .wpb_column.vc_column_container > .vc_column-inner {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home .dw.review_list {
        justify-content: space-between;
        gap: 20px;
    }

    .home .review_list .dw-pnl {
        width: 48.5%;
        margin-bottom: 0;
    }

    .home .drupal-process .foursteps .step-content {
        min-height: 250px;
    } 

    .home .sec-eight-home h2.custom-headings {
        max-width: 540px;
    }
}

@media(min-width:1025px){
    .home .step-optimize-colmn .vc_column-inner > .wpb_wrapper {
        margin-bottom: 0;
    }

    .home section.vc_section.why-choose-us {
        padding-top: 80px;
        padding-bottom: 45px;
    }

    .home section.vc_section.drupal-process {
        padding-top: 80px;
        padding-bottom: 15px;
    }

    .home section.vc_section.cta-first.new_cta_first {
        padding-top: 80px;
    }

    .home section.vc_section.cta-first.new_cta_first .vc_btn3-container.home-contact-us-btn {
        margin-right: 0;
        margin-bottom: 0;
    }

    .home section.vc_section.cta-first.new_cta_first .vc_btn3-container.vc_btn3-inline.vc_custom_1631267871935 {
        margin-bottom: 0;
    }

    .home section.vc_section.cta-first.new_cta_first .wpb_text_column.wpb_content_element.sedule-btn1 {
        margin-bottom: 0;
    }

    .home section.vc_section.cta-first.new_cta_first .vc_btn3-container.home-contact-us-btn  >a {
        margin-right: 0;
    }

    .home section.vc_section.cta-first.new_cta_first .vc_btn3-container.vc_btn3-inline.vc_custom_1631267871935 a.vc_general {
        margin-left: 25px;
    }

    .home section.vc_section.main-sec-six-home {
        padding-top: 80px;
    }

    .home section.vc_section.youtube-section-cst {
        padding-top: 80px;
    }

    .home .vc_row.wpb_row.vc_row-fluid.home-review-section {
        padding-top: 45px;
    }

    .home section.vc_section.cta-first.cta-first-last {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .home section.vc_section.shopify-step-optimize {
        padding-top: 10px;
        padding-bottom: 80px;
        margin-bottom: 0;
    }
}

.home-banner-text{
    color: #fff;
}
@media(min-width:320px) and (max-width:500px){
    .home-p-margin h1 {
        font-size: 2.2rem;
        max-width: 300px;
    }

    p.home-banner-text {
        font-size: 16px;
        max-width: 300px;
        min-height: 315px;
    }
}

/*css for search banner*/
button.loading {
    text-indent: -2500000px;
    transition: 0s all;
    overflow: hidden;
    background-image: url(https://w3speedup.com/wp-content/uploads/2025/05/demo-loader-1.gif);
    z-index: 999;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/*---------------------------*/
.banner-search-input .close-btn {
    background: #014b58;
    color: white;
    border: none;
    border-radius: 50%;
    padding: 3px 8px 1px;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    width: unset;
    height: unset;
}

button.loading {
    text-indent: -2500000px;
    transition: 0s all;
    overflow: hidden;
    padding: 10px 63px;
    background-image: url(https://w3speedup.com/wp-content/uploads/2025/05/demo-loader-1.gif);
    z-index: 999;
    position: relative;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.popup-demo button#form-submit:hover {
    background: #1ea7b7;
    border-color: #1ea7b7;
}

button#form-submit.loading:hover {
    background: #1ea7b7;
    cursor: not-allowed;
    background-image: url(https://w3speedup.com/wp-content/uploads/2025/05/demo-loader-1.gif);
}

button#form-submit.loading {
    cursor: not-allowed;
}

@media(max-width:767px){
    .banner-search-input .close-btn {
        right: 0;
        left: unset;
    }
    .popup-demo button#form-submit {
        width: 100%;
        max-width: unset;
        transform: unset;
    }
}

/*popup design new*/
.popup-demo.error-pop {
    position: absolute;
    transform: translate(-50%, 50%);
    z-index: 999999999;
    width: 500px;
}

.popup-demo.error-pop p.captcha-txt {
    margin-bottom: 0;
    text-align: justify;
}

.popup-demo.error-pop button.close-btn {
    top: 16px;
}

.popup-demo.error-pop button.close-btn {
    top: 2px;
    right: 2px;
    border-radius: 8px;
}

.popup-demo.error-pop {
    padding: 15px 40px 15px 20px;
}

.banner-search-input .close-btn {
    border-radius: 8px;
    top: 3px;
    right: 3px;
}

.popup-demo.error-pop p.captcha-txt {
    text-align: center;
}

@media(max-width:767px){
    .popup-demo.error-pop button.close-btn {
        right: -10px;
        top: 4px;
    }

    .popup-demo.error-pop {
        margin-top: 15px;
    }

    .popup-demo.error-pop {
        transform: translateX(-50%);
    }

    .popup-demo.error-pop {
        top: 100px; 
    }
}

@media(min-width:651px) and (max-width:767px){
    .popup-demo.error-pop button.close-btn {
        right: 5px;
    }
}

.wpb_raw_code.form-html-submit {
    width: 100%;
    display: flex;
    justify-content: center;
}

.captchaDiv {
    text-align: center;
}

.home-main-banner-content .banner-search-input + .wpb_column.vc_column_container .vc_column-inner {
    z-index: 0;
}

/* CSS end */
.form-html-submit{
    display: none;
}

/*promotion section*/
section.vc_section.psi-promo {
    padding: 60px;
}

section.vc_section.psi-promo:before {
    content: '';
    height: 40%;
    width: 85%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(90deg, #f1fbfb 0%, #0055d0 100%);
    border-top-left-radius: 220px;
    right: 0;
}

.promo-div-psi {
    background: url(https://w3speedup.com/wp-content/uploads/2025/05/Frame-1000011505.png);
    padding: 40px;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.promo-heading p {
    /*font-family: Sora;*/
    font-weight: 700;
    font-size: 39px;
    text-transform: uppercase;
}

.promo-div-psi .promo-heading,
.promo-div-psi .promo-despn, 
.promo-div-psi .buyplugin-btn {
    margin-bottom: 0;
}

section.vc_section.psi-promo {
    background: #b3e8eb30;
}

/*  -----  New CTA Section Responsive CSS  ---------------*/
@media(max-width:767px){
    .promo-heading p{
        font-size: 26px;
    }

    .promo-div-psi {
        padding: 20px; 
    }

    .w3speedx-btn {
        padding-top: 20px;
    }
}

@media(min-width:768px) and (max-width:1024px){
    .promo-heading p{
        font-size: 32px;
    }

    .promo-div-psi {
        padding: 25px;
    }
}

.w3speedx-btn {
    padding-top: 20px;
}

.promo-div-psi .vc_column-inner .w3speedx-btn a.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right {
    font-size: 16px;
    padding: 10px 30px 10px 15px;
    border-radius: 10px;
    font-weight: 700;
    color: #fff;
    background-color: #1161d3;
    border: 2px solid #0f60d2;
    line-height: 1.2;
}

.promo-div-psi .vc_column-inner .w3speedx-btn a.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right .fa-arrow-right {
    color: #000;
    position: absolute;
    top: 20px;
    right: 3px;
    font-size: 13px;
    background-color: #FBF9F1;
    align-items: center;
    display: flex;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

i.fa-arrow-right {
    transition: 0.3s ease-in-out;
}

.w3speedx-btn i.fa-arrow-right:before {
    right: 5px;
    position: absolute;
    transition: 0.3s ease-in-out;
}

.w3speedx-btn a:hover i.fa-arrow-right {
    width: 20px;
    height: 20px;
}

section.vc_section.psi-promo {
    position: relative;
}

.promo-div-psi .vc_column-inner {
    padding: 0;
}
/*promotion section end */

/*new banner section*/
.input-new-test-field form#urlForm {
    overflow: hidden;
    border-radius: 11px;
    display: flex;
    width: 90%;
    max-width: 550px;
    background: #1f2f3d;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    border: 1px solid #FFFFFF66;
    z-index: 1;
}

.input-new-test-field input#url {
    flex: 1;
    padding: 15px;
    border: none;
    outline: none;
    font-size: 16px;
    background: #1f2f3d;
    color: #fff;
    padding-right: 23px;
    margin-right: -8px;
}

.input-new-test-field input#url::placeholder {
    color: #ccc;
}

.input-new-test-field button#submit_btn {
    background: #00CDEB;
    color: #000;
    padding: 0 20px;
    font-size: 18px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    font-weight: 500;
    border-radius: 9px;
}

.input-new-test-field .overlay-demo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 9999999999;
}

.input-new-test-field .popup-demo {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 360px;
    height: auto;
    max-width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999;
    text-align: center;
    display: none;
}

.input-new-test-field .rscpatcha_custom {
    margin-bottom: 10px;
    min-height: 70px;
}

.input-new-test-field div#formError {
    margin-bottom: 10px;
}

.input-new-test-field button#form-submit[disabled] {
    background: #014b5885;
    cursor: not-allowed;
}

.input-new-test-field .popup-demo button#form-submit:hover {
    background:#1ea7b7;
    border-color: #1ea7b7;
}

.input-new-test-field .popup-demo button#form-submit {
    background: #1ea7b7;
    color: #fff;
    border: 1px solid #1ea7b7;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    width: 150px;
    height: 50px;
    text-transform: uppercase;
    font-weight: 700;
}

.input-new-test-field form button:hover {
    background-color: #1ea7b7;
}

.input-new-test-field .close-btn {
    background: #1ea7b7;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 3px 8px 1px;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 3px;
    right: 3px;
}

.input-new-test-field .input-new-test-field .wpb_wrapper {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.input-new-test-field .popup-demo button#form-submit[disabled] {
    background: #014b5885;
    cursor: not-allowed;
}

@media(max-width:465px){
    .input-new-test-field form#urlForm {
        flex-direction: column;
    }

    .input-new-test-field button#submit_btn {
        padding: 8px 5px;
    }
}

.input-new-test-field .wpb_wrapper {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

/*----------------------------*/
span.bl-heading {
    color: #00CDEB;
}

h1.banner-new-heading-line {
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    display: flex;
    flex-direction: column;
}

span.tag-span {
    color: #fff;
    border: 1px solid #fff;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
}

p.new-heading-description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.mt-bottom {
    margin-bottom: 15px;
}

.mt-bottom-2 {
    margin-bottom: 25px;
}

@media(min-width:992px){
    .vc_section.new-test-banner {
        padding: 180px 0 150px 0;
    }
}

@media(max-width:991px){
    .vc_section.new-test-banner {
        padding: 150px 0 80px 0;
    }
}

@media(max-width:767px){
    h1.banner-new-heading-line {
        font-size: 45px;
    }

    .new-test-banner .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.input-new-test-field button.loading {
    text-indent: -2500000px;
    transition: 0s all;
    overflow: hidden;
    padding: 10px 63px;
    background-image: url(https://w3speedup.com/wp-content/uploads/2025/05/demo-loader-1.gif);
    z-index: 999;
    position: relative;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.input-new-test-field button#form-submit.loading {
    cursor: not-allowed;
}

form#urlForm{
    padding:unset;
    flex-direction:unset;
}

.new-test-banner {
    margin: 0;
}

h2.new-heading-description {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
}

@media(max-width:495px){
    span.tag-span {
        border: none; 
    }
}

.popup-demo.error-pop {
    position: absolute;
    transform: translate(-50%, 50%);
    z-index: 999999999;
    width: 500px;
}

form#urlForm {
    position: relative;
}

form#urlForm input#url {
    border-radius: 10px;
}

form#urlForm:has(.popup-demo.error-pop[style="display: block;"]) {
    overflow: visible;
}

ul.new-heading-description {
    list-style: none;
    color: #fff;
    max-width: 680px;
    padding: 0;
    margin: 0 auto;
}

ul.new-heading-description li:before {
    content: '\f046';
    font-family: 'FontAwesome';
    margin-right: 5px;
    color: #00cdeb;
}

ul.new-heading-description li {
    padding: 6px;
}

@media(max-width:460px){
    .input-new-test-field form#urlForm {
        border: none;
        box-shadow: none;
        background: none;
        width: 100%;
        border-radius: 5px;
    }
}

@media(max-width:767px){
    .new-test-banner h1.banner-new-heading-line {
        font-size: 30px;
    }

    .new-test-banner p.new-heading-description,
    .new-test-banner ul.new-heading-description {
        font-size: 14px;
    }

    .new-test-banner h2.new-heading-description {
        font-size: 24px;
    }
    
    form#urlForm input#url {
        border-radius: 5px;
        margin-right: 0;
        margin-bottom: 5px;
        padding: 10px;
    }

    section.vc_section.new-test-banner {
        padding-top: 100px;
    }

    .input-new-test-field .wpb_wrapper {
        margin-top: 30px;
    }

    .input-new-test-field button#submit_btn {
        border-radius: 5px;
    }
    
}

@media(min-width:768px) and (max-width:1199px){
    section.vc_section.new-test-banner {
        padding: 100px 15px 80px 15px;
    }
}

.input-new-test-field:after {
    content: "";
    position: absolute;
    right: -260px;
    top: 120px;
    height: 100%;
    width: 100%;
    background-image: url(https://w3speedup.com/wp-content/uploads/2025/06/demo-results-s.png);
    background-size: 296px;
    background-repeat: no-repeat;
    background-position: right;
    animation: ease-dance 1s ease-in-out;
}
.input-new-test-field:before {
    content: "";
    position: absolute;
    right: 30px;
    bottom: -260px;
    height: 100%;
    width: 100%;
    background-image: url(https://w3speedup.com/wp-content/uploads/2025/06/right-arrow-white.png);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: right;
    transform: scaleY(-1);
}

@media(max-width:767px){
	section.vc_section.new-test-banner {
        padding-bottom: 610px;
    }

    .input-new-test-field:after {
        right: 20px;
        top: 680px;
    }

    .input-new-test-field:before {
        right: 30px;
        bottom: -11px;
        height: 20%;
        transform: rotate(51deg);
        background-size: 110px;
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}
 
.input-new-test-field:after {
    animation: ease-dance 1s ease-in-out;
    animation-name: bounce;
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@media(min-width: 1320px) and (max-width: 1640px) {
    .input-new-test-field:after {
        background-size: 200px;
        right: -100px;
        top: 180px;
    }
 
    .input-new-test-field:before {
        right: 110px;
        bottom: -260px;
        background-size: 150px;
    }
}
 
@media(min-width: 1200px) and (max-width: 1319px) {
    .input-new-test-field:after {
        background-size: 180px;
        right: 60px;
        top: 330px;
    }
 
    .input-new-test-field:before {
        right: 280px;
        bottom: -290px;
        background-size: 140px;
    }
 
    .new-test-banner {
        padding: 180px 0 270px 0;
    }
}
 
 
@media(min-width: 992px) and (max-width: 1199px) {
    .input-new-test-field:after {
        background-size: 180px;
        right: -20px;
        top: 340px;
    }
 
    .input-new-test-field:before {
        right: 180px;
        bottom: -310px;
        background-size: 140px;
    }
}
 
@media(min-width: 768px) and (max-width: 1199px) {
    section.vc_section.new-test-banner {
        padding: 100px 15px 300px 15px;
    }
}
 
@media(min-width: 768px) and (max-width: 991px) {
    .input-new-test-field:after {
        background-size: 180px;
        right: 0;
        top: 370px;
    }
 
    .input-new-test-field:before {
        right: 200px;
        bottom: -350px;
        background-size: 140px;
    }
 
    .input-new-test-field form#urlForm {
        width: 40%;
    }
 
    .input-new-test-field button#submit_btn {
        font-size: 14px;
    }
 
    .input-new-test-field input#url {
        font-size: 12px;
    }
}
 
@media(min-width: 576px) and (max-width: 767px) {
    .input-new-test-field:after {
        background-size: 260px;
        right: 0;
        top: 620px;
        background-position: center;
    }
 
    .input-new-test-field:before {
        right: 200px;
        bottom: -180px;
        background-size: 120px;
    }
}
 
@media(max-width: 575px) {
    .input-new-test-field:after {
        background-size: 220px;
        background-position: center;
        top: calc(100% + 70px);
        right: 0px;
        height: 500px;
    }
 
    .input-new-test-field:before {
        right: calc(80% - 100px);
        bottom: -110px;
        background-size: 100px;
        width: 100px;
        height: 100px;
    }
 
    section.vc_section.new-test-banner {
        padding-bottom: 550px;
    }
}

button#submit_btn {
    min-width: 108px;
}

.bars {
    width: 30px;
    height: 24.8px;
    --c: linear-gradient(#ffffff 0 0);
    background: var(--c) 0%   50%, var(--c) 50%  50%, var(--c) 100% 50%;
    background-size: 5px 100%;
    background-repeat: no-repeat;
    animation: bars-t0lx83md 1s infinite linear;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

@keyframes bars-t0lx83md {
    33% {
        background-size: 5px 10% ,5px 100%,5px 100%;
    }

    50% {
        background-size: 5px 100%,5px 10% ,5px 100%;
    }

    66% {
        background-size: 5px 100%,5px 100%,5px 10%;
    }
}

@media(max-width:767px){
    section.vc_section.new-test-banner {
        margin-left: 0;
        margin-right: 0;
    }

    body {
        letter-spacing: 0.5px;
    }

    .mt-bottom p.new-heading-description {
        font-size: 16px;
    }

    .new-test-banner h1.banner-new-heading-line {
        font-size: 34px;
    }
    .new-test-banner h2.new-heading-description {
        font-size: 28px;
    }
}

.promo-heading h2 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    line-height:1.4;
}

.vc_row-has-fill > .promo-div-psi.vc_column_container > .vc_column-inner {
    padding-top: 0
}


@media (max-width: 767px) {
    .promo-heading h2 {
        font-size: 26px;
    }

    h2.custom_heading {
        font-size:28px;
    }
    .sec-three-home h3 {
        font-size: 28px;
    }
    .step-optimize-colmn h3{
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .promo-heading h2 {
        font-size: 32px;
    }
}

h2.custom_heading {
    color: #fff;
}

.timeline-head{
    font-size: 30px; 
    text-transform: capitalize;
}

.left_white .wpb_text_column .card-head {
    text-align: left;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    margin-bottom: .5rem;
}

.youtube-section-cst .vc_row.utube-video-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.vc_section.psi-promo .container {
    margin-left: auto;
    margin-right: auto;
}

section.vc_section.shopify-step-optimize {
    margin-bottom: 70px;
    background-color: #ffffff !important;
}

.subtitle2{
    text-align: center; 
    max-width: 1140px; 
    margin: auto; 
    font-size: 18px; 
    line-height: 1.3; 
    color: #fff; 
    text-transform: uppercase; 
    font-weight: 500;
}
.home section.vc_section.about_container .vc_row.wpb_row.container {
    padding: 0;
}
@media (min-width: 1025px) {
    .home section.vc_section.sec-eight-home {
        margin-top: 80px;
        margin-bottom: 0px;
    }
}
.reviewcolumn > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}
.youtube-section-cst h2 {
    font-size: 28px;
    font-weight: bolder;
    text-decoration: underline;
    color: #212529;
}
.vc_row,
.vc_section {
    margin-left: 0;
	margin-right: 0;
}