/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 22 2024 | 20:59:09 */
body.sqonline-services-page #tform-trigger-float,
body.sqonline-services-page .mobi-nav-cta,
body.sqonline-services-page .mobinav-weebly-themes,
body.sqonline-services-page .wsite-header-bottom {
	display: none;
}

.block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)), 
.wp-block .wp-block[data-type="core/group"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]), .wp-block .wp-block[data-type="core/cover"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]) {
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.auto-width-max100,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), 
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: auto;
    max-width: 100%;
}

.wp-block-button.is-style-outline {
	color: #ae42ff;
}

/* Fonts
------------------------------------------ */

.texts-effect1 {
    -webkit-text-stroke: 3px #000;
    text-stroke: 2px #000;
    text-shadow: 2px 10px #000;
}

/* Containers
------------------------------------------ */

.container-full {width: 92% !important; max-width: 1920px !important; margin: 0 auto;}
.container {width: 90% !important; max-width: 1920px !important; margin: 0 auto;}
.container-1280 {width: 1280px !important; margin:0 auto;}
.container-1140 {width: 1140px !important; margin:0 auto;}
.container-1024 {width: 1024px !important; margin:0 auto;}
.container-992 {width: 992px !important; margin:0 auto;}
.container-840 {width: 840px !important; margin: 0 auto;}
.container-768 {width: 768px !important; margin:0 auto;}

.editor-styles-wrapper .container,
.editor-styles-wrapper .container-full {width: 92%; max-width: 1920px; margin: 0 auto;}
.editor-styles-wrapper .container-1280 {width: 1280px; margin:0 auto;}
.editor-styles-wrapper .container-1140 {width: 1140px; margin:0 auto;}
.editor-styles-wrapper .container-1024 {width: 1024px; margin:0 auto;}
.editor-styles-wrapper .container-992 {width: 992px; margin:0 auto;}
.editor-styles-wrapper .container-840 {width: 840px; margin: 0 auto;}
.editor-styles-wrapper .container-768 {width: 768px; margin:0 auto;}

/* Spacer
------------------------------------------ */

.no-margin-top-bot, 
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {margin-top: 0 !important; margin-bottom: 0 !important;}

.section-spacer70 {padding-top: 70px; padding-bottom: 70px;}
.section-spacer70-top {padding-top: 70px;}
.section-spacer70-bot {padding-bottom: 70px;}
.section-spacer40 {padding-top: 40px; padding-bottom: 40px;}
.section-spacer40-top {padding-top: 40px;}
.section-spacer40-bot {padding-bottom: 40px;}

.pad20 {padding: 20px;}
.pad30 {padding: 30px;}
.pad40 {padding: 40px;}

/* Columns
------------------------------------------ */

:where(.wp-block-columns.is-layout-flex).sqonline-pen-columns {
    gap: 0;
}
.flexed-box {display: flex;}
.flexed-v-center {align-items: center;}
.flexed-single {flex: 1;}

/* Others
------------------------------------------ */

.min-h600 {min-height: 600px;}

.bg-decor-style1:after {
    content: "";
    width: 96%;
    height: 100%;
    background: #ae42ff;
    position: absolute;
	-webkit-border-top-left-radius: 125px;
	border-top-left-radius: 125px;
    bottom: -250px;
    right: 0;
    z-index: -1;
}

ul.listedblock-style2 {
    list-style: none;
    display: inline-block;
}
ul.listedblock-style2 li {
    margin: 15px 0;
    padding: 10px 10px 10px 50px;
    color: #000;
	position: relative;
    border: 1px solid #000;
    border-radius: 10px;
}
ul.listedblock-style2 li:before {
    font-family: FontAwesome;
    content: "\f046";
    font-size: 29px;
    color: #4c00b1;
    position: absolute;
    top: 2px;
    left: 15px;
}
/* SQ Online Service Page
------------------------------------------ */

.sqonline-banner-bgimg {background: url(/wp-content/uploads/2024/04/ecomm-1600x800-bg-3.jpg);}
.wp-block-group.sqonline-s1-block1 {
    background: #fff;
	display: inline-block;
	padding: 30px;
	-wbkit-box-shadow: 2px 5px 40px 2px #91a1a1;
	box-shadow: 2px 5px 40px 2px #91a1a1;
}
.sqonline-section4 .wp-block-group.sqonline-s1-block1 {
    -wbkit-box-shadow: 2px 5px 20px 2px #bfc9c9;
    box-shadow: 2px 5px 20px 2px #bfc9c9;
}
.wp-block-group.sqonline-s1-block1, .wp-block-group.sqonline-s1-block1 img {
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
/* Section 3 & 4 */
.sqonline-s3-columns .sqonline-pen-left {background: url(/wp-content/uploads/2024/04/ecomm-1024x1140-image-1.jpg;);}
.sqonline-s3-columns .sqonline-pen-middle {
    -wbkit-border-top-right-radius: 75px;
	border-top-right-radius: 75px;
}
.sqonline-s3-columns .sqonline-pen-right {padding-left: 30px; padding-right: 80px;}

.sqonline-s4-caption {
    width: 100% !important;
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 5;
}

/* Service Packages */

.sqonline-price-col {
    padding: 40px;
	border: 3px solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.sqonline-pricepackage-new {border-color: #00b1b1;}
.sqonline-pricepackage-exist {border-color: #843737;}
.sqonline-pricepackage-tweak {border-color: #282828;}
p.sqonline-pricepkg-heading {
    padding: 0;
    margin: 0;
    font-size: 26px;
    line-height: 1.1;
    font-weight: 900;
}
.pricepkg-amount-wrap {
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    max-width: 250px !important;
    border-radius: 75px;
}
p.price-pkg-starting {font-size: 15px;}
p.price-pkg-value {
    font-size: 24px;
    font-weight: 900;
}

/* Section 5 & 6 */

.sqonline-s6-col.sqonline-bindcol-left {
    background: url(https://www.weeblyexpert.com/wp-content/uploads/2024/04/ecomm-1024x1140-image-4.jpg);
    -webkit-border-top-right-radius: 125px;
    -webkit-border-bottom-right-radius: 125px;
	border-top-right-radius: 125px;
    border-bottom-right-radius: 125px;
}
.sqonline-s6-info {
    max-width: 100% !important;
    padding: 80px 80px 80px 20px;
}

.sqonline-section5.bg-decor-style1:after {
    width: 80%;
    background: #feffa7;
    bottom: -50%;
}

/* Section 7 */

.sqonline-s7-inner {
    padding: 60px !important;
}
.sqonline-section7.bg-decor-style1:after {
	background: #f4fdd9;
	border-top: 10px solid #ae42ff;
}

@media screen and (max-width: 1400px) {
	.container-full, .container {max-width: 100%;}
	.container, .container-1280 {width: 92% !important;}
}
@media screen and (max-width: 1280px) {
	.container-1140 {width: 92% !important;}
}
@media screen and (max-width: 1140px) {
	.container-1024 {width: 92% !important;}
	.container-992 {width: 88% !important;}
}
@media screen and (max-width: 1000px) {
	.container-full, .container-1280, .container-1140, .container-1024, .container-992, 
	.container-840 {width: 94% !important;}
	.sqonline-s3-columns p.title-size-m { font-size: 30px;}
}
@media screen and (max-width: 840px) {
	.container-full, .container-1280, .contaier-1140, .container-1024, .container-992, .container-840,
	.container-768 {width: 92% !important;}
	
	.section-spacer70 {padding-top: 40px; padding-bottom: 40px;}
	.section-spacer70-top {padding-top: 40px;}
	.section-spacer70-bot {padding-bottom: 40px;}
	
	.sqonline-s3-columns .sqonline-pen-left,
	.sqonline-s6-col.sqonline-bindcol-left {
        min-height: 350px;
        background-position: center;
	}
	
	.sqonline-s7-spacer1 {display: none;}
}

@media screen and (max-width: 768px) { 
	.sqonline-section1 h2 {font-size: 30px;}
	.sqonline-s3-columns p.title-size-m {font-size: 24px;}
}