/*
Theme Name: twentytwenty Child
Text Domain: twentytwenty Child
Template: twentytwenty
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
	margin:0px !important;
	font-family: "Poppins", sans-serif !important;
}
p{
	margin-bottom:0px !important;
	font-size:14px;
	font-family: "Poppins", sans-serif !important;
  letter-spacing:1;
}
a, a:hover, a:focus{
	font-family: "Poppins", sans-serif !important;
	text-decoration: none;
	outline: none;
	transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	text-decoration: none !important;
}

button, button:hover, button:focus{
	outline: none;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	cursor: pointer;
}
.primary-menu {margin: 0px !important; display:block !important;}
.primary-menu li {margin: 0px; display: inline-block;}
.primary-menu li a {
    font-size: 15px;
    color: #232323 !important;
    padding: 0px 16px;
    line-height: 70px;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.primary-menu li a:before{position:absolute; content:''; width:100%; height:5px; background:#fff; bottom:0px; -webkit-transition: all 300ms ease-in-out; left:0px;}
.primary-menu li a:hover:before{background:#ef0381; -webkit-transition: all 300ms ease-in-out;}
.header-inner {background: #fff;box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 5%);padding: 0px 20px;}
.site-logo img {max-height: inherit; width: 250px;}
.section-inner {max-width: 100%;}
.contact-info {
    color: #fff !important;
    text-align: center;
    display: block;
    font-size: 30px;
    font-weight: 900;
    line-height: 50px;
}
.top-header {
    margin-bottom: 5px;
}
.skew-shake-x {
  animation: skew-x-shake 1.3s infinite;
}
@keyframes skew-x-shake {
  0% { transform: skewX(-15deg); }
  5% { transform: skewX(15deg); }
  10% { transform: skewX(-15deg); }
  15% { transform: skewX(15deg); }
  20% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }  
}
.contact-info span {
    color: #ffffff;
    display: inline-block;
    border-radius: initial;
    font-size: 32px;
    margin-right: 4px;
}
ul, ol {margin: 0;}
.contact-info li {display: inline-block; margin: 0px 20px 0px 0px;}
.contact-info li a {color: #fff; text-decoration: none; line-height: 50px; display: block; font-family: "DM Sans", sans-serif; font-size:17px;}
.contact-info li a i {margin-right: 6px; color: #ef0381;}
.contact-info li a span {font-weight: 600;}
.top-right ul li {display: inline-block; margin: 0;}
.top-right ul li a {background: #ef0381; width: 35px; height: 35px; line-height: 35px; display: block; text-align: center; border-radius: 100px;
    color: #fff;}
.top-right ul li a:hover {background: #9c3fc6;}
section {padding: 0px;}
.image-slider {background: linear-gradient(to right, rgba(79, 26, 114, 1) 0%, rgba(152, 47, 198, 1) 100%);height: 650px;position: relative;}
.image-slider:before {
    position: absolute;
    content: '';
    background: url('https://seoagencyperthwa.com.au/wp-content/uploads/2025/10/slider-bg-texture.webp');
    width: 800px;
    height: 600px;
    right: 0;
    background-size: cover;
}
.header-area {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 0;
}
#site-header {
    background: transparent;
    position: relative;
}
.container {max-width: calc(100% - 8rem);}
.slider-content h1 {
    font-size: 60px;
    color: #fff;
    line-height: 60px;
    text-transform: capitalize;
    font-weight: 700;
}
.slider-content h1 span {
    color: #fad0e6;
}
.image-slider-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
	margin-top: 3em;
}
.contact-info-one a {
    font-size: 16px;
    color: #fff;
}
.slider-content p {
    color: #fff;
    font-size: 17px;
    margin: 10px 0px;
    letter-spacing: 0;
}
.view-priceing {
    color: #fff !important;
    background: #ef0381 !important;
    display: inline-block;
    padding: 15px 60px 15px 30px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.slider-content a h4 {
    font-size: 21px;
    text-transform: uppercase;
    color: #ef0381;
    text-decoration: underline;
}
.view-priceing span {
    background: #fff;
    width: 35px;
    display: inline-block;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #000;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.view-priceing:hover span {
    right: -10px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.free-guide {
    color: #ffffff !important;
    background: #309693;
    display: inline-block;
    padding: 15px 60px 15px 30px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    text-transform: uppercase;
}
.free-guide span {
    background: #ffffff;
    width: 35px;
    display: inline-block;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #000;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.free-guide:hover span {
    right: -10px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.button-group {
    margin-top: 20px;
}
.google-rating {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.google-rating img {
    width: 120px;
    vertical-align: middle;
    display: block;
}
.google-rating p {
    margin: 0px 15px;
    font-size: 17px;
}
.google-rating a h4 {
    color: #ffffff;
    text-decoration: underline !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.slider-content small {
    color: #fff;
    font-size: 17px;
    margin-top: 20px !important;
    display: block;
}
.quote-form {
    background: #309693;
    padding: 20px 25px;
    box-shadow: 1px 4px 15px 1px rgb(0 0 0 / 29%);
    max-width: 80%;
    margin: 0px auto;
}
.quote-form h2 {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px !important;
}
textarea {
    height: 60px !important;
    background: #ededed;
    font-size: 16px !important;
    padding: 16px !important;
    border: none;
    outline: none !important;
}
.name-section input {
    background: #ededed;
    height: 50px;
    font-size: 16px !important;
    padding: 0px 16px !important;
    border: none;
    outline: none !important;
}
.wpcf7-form-control {
    margin-bottom: 5px !important;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
    padding-top: 0;
}
input[type='submit'] {
    background: #216f6d !important;
    padding: 15px;
    font-size: 17px !important;
    font-weight: 500;
    text-decoration: none !important;
    letter-spacing: 0;
    width: 100%
}


.gform_wrapper ul.gform_fields li.gfield {
   padding-right: 0px !important;
}
.gform_wrapper .gform_footer {
    margin: 0px !important;
}
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 8px;
    margin-right: 10px;
}
.health-slider-inner {
    display: flex !important;
    align-items: center;
	margin:0px !important;
}
.website-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 30px;
    border: 10px solid #fff;
    box-shadow: 1px 2px 26px 1px rgb(0 0 0 / 15%);
}
.website-content h4 {
    font-size: 20px;
    color: #000000;
    margin-bottom: 15px !important;
    line-height: 30px;
    font-weight: 400;
}
.problem-list {
    background: #fff;
    padding: 30px;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
      box-shadow: 1px 6px 15px 1px rgb(0 0 0 / 18%);
	height: 323px;
}
.problem-list:before {
    position: absolute;
    content: '';
    background: url(https://seoagencyperthwa.com.au/wp-content/uploads/2025/10/unnamed-Photoroom.webp);
    width: 250px;
    height: 330px;
    background-size: cover;
    right: 0px;
    top: 4px;
}
.website-health-slider {
    max-width: 60%;
}

.section-one-inner .title-heading {
    color: #ef0381;
    text-align: left;
    font-size:30px;
    font-weight: 600;
    margin-bottom: 22px !important;
    background: linear-gradient(to right, #ef0381 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.seo-work {
    background: #f6f6f6;
    padding: 15px;
}
.website-content h2 span {
    color: #ee0380;
    text-decoration: underline;
}
.website-tags br {
    display: none;
}
.website-tags span {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 14px;
    text-transform: uppercase;
    width: 130px;
    text-align: center;
    line-height: 37px;
    margin-right: 4px;
    border-radius: 6px;
    letter-spacing: 0px;
    font-weight: 500;
    background: #f6f6f6;
}
.website-content small {
    color: #89044b;
    font-size: 24px;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 10px;
    font-weight: 900;
    background-size: 100% 27%;
    background-repeat: repeat-x;
    background-position: left 0% bottom -15%;
    display: inline-block;
}
.tapered {
  background-image: linear-gradient(179deg,rgb(254, 97, 158) 0%, rgb(254, 97, 158) 50%,transparent 54%, transparent 100%);
}
.website-content p {
    font-size: 17px;
    margin-top: 20px;
}
.slick-prev {
    background: url('http://seoagencyperthwa.com.au/wp-content/uploads/2025/08/arrow-prev.png') !important;
    height: 49px;
    width: 26px;
    background-size: contain;
}
.slick-next {
    background: url('http://seoagencyperthwa.com.au/wp-content/uploads/2025/08/arrow-next.png') !important;
    height: 49px;
    width: 26px;
    background-size: contain;
}
.slick-prev:before, .slick-next:before{display:none;}
.video-area {
    height: 500px;
    background-position: top center !important;
    background-size: cover !important;
    position: relative;
	padding: 3em 0px;
}
.video-area:before {
    position: absolute;
    content: '';
    background: rgb(0 0 0 / 24%);
    width: 100%;
    height: 100%;
	top:0px;
	left:0px;
}
.title-heading {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}
.video-element{
    position: relative;
}
.video-play-button {
    background: #ef0381;
    text-align: center;
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 40px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 50%;
    transform: translateY(-50%);
}

.wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.video-main {
  position: relative;
  display: inline-block;
}
.video {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #fff !important;
    display: inline-block;
    background: #ef0381;
    z-index: 999;
    font-size: 36px;
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.fa-play:before {
  content: "\f04b";
}

.waves {
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgb(239 3 129 / 53%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -50px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    bottom: -50px;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.arrow {
    position: absolute;
    top: 52%;
    left: 126px;
    transform: translate(-50%, -50%);
    transform: rotate(-90deg);
    cursor: pointer;
}
.arrow span {
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid white;
    border-right: 3px solid white;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}
a.about-right-btn {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.our-usp {
    background: #b8d4d3;
    padding: 4em 0px;
    position: relative;
    overflow: hidden;
}
.usp-heading small {
    color: #ee0380;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}
.usp-heading h2 {
    font-size: 35px;
    color: #401560;
    background: linear-gradient(to right, #ef0381 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 600;
}
.usp-list-point {
    background: url('http://seoagencyperthwa.com.au/wp-content/uploads/2025/08/cta-bg-2.png');
    padding: 20px;
    margin: 0px 0px 0px auto;
    box-shadow: 1px 6px 15px 1px rgb(0 0 0 / 18%);
    background-size: cover;
    background-position: center center !important;
    max-width: 70%;
}
.usp-list-point {
    background: url('https://seoagencyperthwa.com.au/wp-content/uploads/2025/10/cta-bg-2.webp');
    padding: 20px;
    margin: 0px 0px 0px auto;
    box-shadow: 1px 6px 15px 1px rgb(0 0 0 / 18%);
    background-size: cover;
    background-position: center center !important;
    max-width: 70%;
    background: #ffffff;
}
.usp-list-point li {
    border-bottom: 1px solid #ccc;
    line-height: 54px;
    margin: 0px 20px;
    position: relative;
    list-style: none;
    padding-left: 20px;
    font-size: 17px;
    font-weight: 500;
}
.usp-list-point li:before {
    position: absolute;
    content: '';
    background: #ef0381;
    height: 10px;
    width: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    left: 0;
}
.usp-list-inner li span {
    width: 100px;
}
.usp-list-inner li {
    display: flex;
}
.usp-list-point li h4 {
    font-size: 18px;
    line-height: 40px;
    font-weight: 500;
    font-family: "Questrial", sans-serif !important;
}
.floating {  
    animation-name: floating;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}
  
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}
.floating-img {
    position: absolute;
    bottom: 0;
    width: 325px;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}
.seo-list {
    margin: 4em 0px;
}
.usp-list {
    background: #fdfdfd;
    padding: 30px;
}
.seo-list-inner h3 {
    color: #393738;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 14px !important;
}
.seo-list-inner p {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
}
.seo-list-inner {
    border: 3px solid #393738;
    padding: 50px 30px;
    border-radius: 12px;
    box-shadow: 10px 15px 1px #c1bfc0;
    position: relative;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	margin-bottom: 40px;
}
.bg-icon {
    opacity: 0.1;
    position: absolute;
    width: 130px;
    bottom: 0;
    right: 0;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.seo-list-inner:hover .bg-icon {
    width: 150px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.review {
    background: linear-gradient(to right, rgba(79, 26, 114, 1) 0%, rgba(152, 47, 198, 1) 100%);
    position: relative;
    padding: 4em 0px 10em 0px;
}
.small-text {
    color: #ee0380;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}
.review:before{
    position: absolute;
    content: '';
    background: url('http://seoagencyperthwa.com.au/wp-content/uploads/2025/08/slider-bg-texture.png');
    width: 800px;
    height: 600px;
    right: 0;
    background-size: cover;
	top: 0;
}
.author-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 12px;
}
.author-img img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}
.review-slider-inner {
    box-shadow: 1px 4px 16px 1px rgba(0, 0, 0, 0.5);
    background: #f4f4f4;
    padding: 20px;
    border-radius: 10px;
    margin: 0px;
}
.review-slider .slick-slide {
    margin: 15px;
}
.author-details {
    display: flex;
    margin-bottom: 10px;
}
.author-name {
    font-size: 17px;
    font-weight: 500;
}
.review-date {
    font-size: 13px;
    color: #6f6e6e;
}
.testimnial-content p {
    font-size: 16px;
}
.slick-dots li button {
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 10px;
}
.slick-dots li {
    width: 10px;
    height: 10px;
}
.slick-dots {
    text-align: right;
    width: 96%;
    margin: 0px auto;
    left: 0;
    right: 0;
}
.slick-dots li button:before {
    display:none;
}
.review-slider .slick-active button {
    background: #ee0380;
}
.review-inner {
    z-index: 99;
    position: relative;
    text-align: center;
}
.whatsapp-area {
    text-align: center;
}
.whatsapp-btn {
    text-transform: uppercase;
    color: #fff !important;
    background: #2db742;
    display: inline-block;
    padding: 10px 60px 10px 30px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0px;
}
.whatsapp-btn span {
    background: #fff;
    width: 35px;
    display: inline-block;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #2db742;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.whatsapp-btn:hover span {
    right: -10px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.review:after {
    position: absolute;
    content: '';
    background: url('http://seoagencyperthwa.com.au/wp-content/uploads/2025/08/bg-pri-h4.png');
    width: 100%;
    height: 200px;
    background-size: cover;
    bottom: 0;
    background-repeat: no-repeat;
}
.plan-area {
    background: #ececec;
    padding: 1em 0px;
}
.plan-header {
    text-align: center;
}
.plan-header h2 {
    color: #581d7c;
    background: linear-gradient(to right, #ef0381 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 600;
}
.packages-heading {
    background: #ef0381;
    max-width: 200px;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin: 30px auto !important;
    line-height: 50px;
    box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 26%);
}
.planlist {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: flex-start;
    margin: 80px 0px 20px;
}
.planlist li{
	position:relative;
}
.planlist li {
    position: relative;
    margin: 0px 10px;
    background: #fff;
    padding: 20px;
    box-shadow: 1px 5px 7px 1px rgb(0 0 0 / 8%);
    list-style: none;
    width: 25%;
}
.plan-icon {
    background: #511a74;
    width: 90px;
    padding: 15px;
    border-radius: 100px;
    height: 90px;
    border: 7px solid #fff;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.plan-type {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin: 30px 0px 10px !important;
}
.plan-price {
    text-align: center;
    color: #42155f;
    font-weight: 800;
	-o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.plan-details span {
    display: block;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    color: #504f4f;
}
.view-details-btn {
    background: linear-gradient(to bottom, rgba(239, 6, 131, 1) 0%, rgba(246, 81, 169, 1) 100%);
    color: #fff !important;
    display: block;
    text-align: center;
    margin: 20px auto 0px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 30px 30px 0px 0px;
    width: 240px;
	-o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.planlist-inner:hover .view-details-btn {
    width: 100%;
    border-radius: 0;
	-o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.plan-details {
    border: 2px dashed #b4afaf;
}
.planlist-inner{
-o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.planlist-inner:hover .plan-price {
    color: #f01088;
	-o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.plan-featues{
    background: #511a74;
}
.plan-featues-inner li {
    width: 33.3%;
    margin: 0px;
    line-height: 60px;
    font-size: 20px;
    font-family: "Playfair Display", serif;
    text-align: center;
}
.plan-featues-inner {
    display: flex;
    justify-content: space-between;
    color: #fff;
    list-style: none;
}
.plan-featues-inner li span {
    color: #0aab0d;
    margin-right: 5px;
}
.custom-seo-inner {
    background: linear-gradient(45deg, rgba(161, 125, 239, 1) 0%, rgba(142, 32, 252, 1) 100%);
    padding: 60px 40px;
    max-width: 70%;
    text-align: center;
}
.custom-seo {
    margin: 4em 0px;
    position: relative;
}
.custom-seo p {
    color: #fff;
    font-size: 17px;
    max-width: 90%;
    margin: 20px auto !important;
    text-align: center;
}
.floating-rocket {
    position: absolute;
    top: 0;
    left: 80px;
}
.floating-rocket img {
    width: 250px;
}
.sp-testimonial-client-image {
    display: none;
}
.sp-testimonial-content p {
    font-size: 20px !important;
    margin-top: 20px !important;
    min-height: 140px !important;
}
.sp-testimonial-client-name {
    font-size: 20px !important;
  margin-bottom:10px !important;
}
.testimonials {
    margin-top: 50px !important;
}
.floating-businessman {
    width: 390px;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.client .title-heading {
    color: #581d7c;
    text-align: center;
    margin-bottom: 30px !important;
    background: linear-gradient(to right, #ef0381 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 600;
}
.client-slider-inner img {
    width: 200px;
    margin: 0px auto;
    background: #fff;
    border: 1px solid #401560;
    padding: 5px;
}
footer {
    background: #401560;
    position: relative;
    padding: 2em 0px;
}
.client {
    margin: 0px 0px 4em;
}
footer:before {
    position: absolute;
    content: '';
    background: url('http://seoagencyperthwa.com.au/wp-content/uploads/2025/08/footer-texture.png');
    width: 334px;
    height: 100px;
    top: 0;
    background-size: cover;
}
.footer-widget img {
    width: 250px;
    margin-bottom: 20px;
}
.footer-widget p {
    color: #fff;
    font-size: 16px;
}
.footer-menu {
    margin: 0;
    display: block;
}
.footer-menu li, .features-navi li {
    margin: 0px;
    list-style: none;
    position: relative;
}
.footer-menu li a, .features-navi li a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    display: block;
    line-height: 35px;
    padding-left: 18px;
}
footer:before {
    position: absolute;
    content: '';
    background: url('http://seoagencyperthwa.com.au/wp-content/uploads/2025/08/footer-texture.png');
    width: 220px;
    height: 100%;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-widget h6 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 10px !important;
    font-weight: 700;
    text-transform: capitalize;
}
.footer-menu li:before, .features-navi li a:before {
    background: #e40381;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 50%;
    transform: translateY(-50%);
	border-radius: 10px;
	left: 0;
}
.contact-info-one li {
    display: flex;
    color: #fff;
    margin: 0px 0px 15px;
}
.contact-info-one li span {
    font-weight: 600;
    width: 14%;
    font-size: 16px;
}
.contact-info-one li p {
    margin: 0px !important;
    width: 86%;
}
.footer-social-icon {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin-top: 15px;
}
.footer-social-icon li a {
    background: #fff;
    width: 50px;
    display: block;
    margin-right: 10px;
    text-align: center;
    color: #000;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.5);
}
.footer-menu li a:hover, .features-navi li a:hover, .footer-social-icon li a:hover {
    opacity: 0.7;
}
.footer-social-icon li {
    margin: 0px;
}
.copyright {
    background: #5e2787;
    text-align: center;
    color: #fff;
}
.copyright p{
	line-height:40px;
}
/*.website-content h4 {
    color: #fff;
    background: #f00;
    line-height: 43px;
    text-transform: uppercase;
    font-size: 18px;
    margin: 20px auto 0px !important;
    display: inline-block;
    padding: 1px 30px;
    border-radius: 100px;
}*/
.usp-list-inner li {
    display: flex;
    margin: 0px;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px dashed #b0aeae;
    padding: 5px 0px;
}
.usp-list-inner li span {
    width: 70px;
    margin-right: 8px;
}
.usp-list-inner h4 {
    font-size: 18px;
    color: #2c2c2c;
    letter-spacing: 1px;
}
.section-one {
    padding: 40px 0px !important;
    background: #d7d7d7;
}
.seo-images-inner {
    overflow: hidden;
    margin: 0px !important;
}
.seo-images-inner img {
    height: 680px !important;
    object-fit: cover;
}
.accordian-section .title-heading {
    color: #581d7c;
    margin-bottom: 30px !important;
    font-size: 35px;
    background: linear-gradient(to right, #ef0381 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  font-weight:600; 
}
.ea-body p {
    font-size: 18px;
}
iframe#gform_ajax_frame_2 {
    display: none;
}
.accordian-section {
    background: #f1f1f1;
    padding: 3em 0px;
    background-size: cover !important;
    position: relative;
    background-attachment: fixed !important;
}
.accordian-section:before {
    position: absolute;
    content: '';
    background: rgba(255,255,255,0.82);
    width: 100%;
    height: 100%;
    top: 0;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 18px !important;
}
.post-inner {
        padding-top: 0px !important;
    }
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    width: 100% !important;
}
.e-con-inner {
    max-width: 100% !important;
}
.sp-testimonial-item {
    background: #fff;
    padding: 10px;
    box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 15px;
}
.sp-testimonial-client-image img {
    height: 100px !important;
    object-fit: cover;
    width: 100px;
}
h3.sp-testimonial-post-title {
    display: none !important;
}
.sp-testimonial-free-section .sp-testimonial-client-image {
    margin: 0px !important;
}
.testimonial-nav-arrow {
    border-radius: 100px;
    width: 36px !important;
}
.sp-testimonial-client-testimonial {
    margin-bottom: 10px !important;
}
.post-grid-thumbnail img {
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}
.pdf-view .title-heading {
    font-size: 35px;
    text-align: center;
    color: #401560;
    background: linear-gradient(to right, #ef0381 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 600;
}
.section-textarea h2 {
    font-size: 50px;
    text-align: center;
    color: #401560;
    background: linear-gradient(to right, #ffffff 0%, #ff7ae7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    position: relative;
}
.section-textarea {
    background: #c97070;
    padding: 60px 0px;
    text-align: center;
}
.section-textarea p {
    color: #fff;
    letter-spacing: 0;
    font-size: 20px;
    max-width: 80%;
    margin: 20px auto;
}
.service-list {
    padding: 30px 40px;
    box-shadow: 1px 0px 9px 1px rgb(0 0 0 / 16%);
    background: #fff;
    margin-bottom: 40px;
}
.service-name {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    color: #ef0d84;
}
.service-list p {
    font-size: 16px;
    text-align: center;
}
.service-list hr {
    margin: 15px 0px;
}
.features h3 {
    text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}
.services{
	margin:30px 0px;
}
.service-list p {
    font-size: 18px;
    text-align: left;
    margin: 16px 0px;
    min-height: 84px !important;
    letter-spacing: 0;
}
.services {
    margin-top: 50px;
}
.features li {
    position: relative;
    margin: 0px;
    list-style: none;
    padding-left: 20px;
}
.features li:before {
    position: absolute;
    content: '';
    background: #ce0b72;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
}
.service-list .button-group {
    text-align: center;
}
.pdf-view {
    margin: 4em 0px !important;
}
.seo-problm {
    position: relative;
}
.usp-list-inner h6 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
}
.view-priceing h3 {
    font-size: 14px;
    font-weight: 500;
}
marquee {
    height: 196px;
}
.button-group a h2 {
    font-size: 13px;
}
.inner-banner {
    background: linear-gradient(45deg, rgba(161, 125, 239, 1) 0%, rgba(142, 32, 252, 1) 100%);
    height: 400px;
    position: relative;
    display: flex;
}
.inner-banner-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.inner-banner-inner h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    text-align: center;
}
.breadcrumbs {
    color: #fff;
    font-weight: 600;
}

.breadcrumbs a {
    color: #fff;
    font-weight: 300;
}
.singular .entry-header {
    padding: 8rem 0;
    display: none;
}
.footer-nav-widgets-wrapper {
    display: none;
}
.tablepress th {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}
th {
    text-align: center !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    background: #419f9c !important;
    color: #fff !important;
}
td {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 10px !important;
    text-align: center !important;
}
.fa-check {
    color: #0cac0b;
    font-size: 20px;
}
.fa-xmark {
    color: #f00;
    font-size: 20px;
}

.comments-wrapper {
    display: none !important;
}
.pagination-single {
    display: none;
}
figure.featured-media {
    display: none;
}
.entry-content {
    width: calc(100% - 8rem);
    margin: 30px auto;
    max-width: 80%;
}
.entry-content p {
    font-size: 18px;
}
.entry-content h3 {
    color: #581d7c;
    margin-bottom: 30px !important;
    font-size: 25px;
    background: linear-gradient(to right, #ef0381 0%, #330867 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin-top: 30px !important;
    font-weight: 500;
}
.blog-section h3 a {
    font-size: 25px !important;
}
.blog-section .post-grid-thumbnail img {
    height: 190px;
    object-fit: cover;
}
.blog-section .post-grid-excerpt p {
    font-size: 17px;
    color: #3e3a3a !important;
    margin-bottom: 16px !important;
}
.blog-section h3 a {
    font-size: 20px !important;
    min-height: 85px !important;
    display: block;
}
.contact-form .gform_wrapper {
    margin: 0px !important;
}
.contact-page .elementor-icon-list-icon {
    background: linear-gradient(to bottom, rgb(239 3 129) 0%, rgb(255 244 244) 100%);
    padding: 14px;
}
.contact-page .elementor-icon-list-icon svg {
    margin: 0px !important;
}
.usp-heading {
    max-width:70%;
} 
.usp-heading p {
    font-size: 17px;
    letter-spacing: 0;
    margin-top: 20px;
}
span.sp-testimonial-post-title {
    display: none;
}
.fixed {
    position: fixed !important;
    top: 0;
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 1px 2px 9px 1px rgb(158 157 157 / 53%);
    border-bottom: 2px solid #5b1d7e;
    z-index: 999;
}
.fixed .top-header-inner a, .fixed .top-header-inner i {
    color: #fff !important;
    font-size: 20px;
}
.fixed .header-inner {
    box-shadow: none;
}
.fixed .top-header {
    margin-bottom: 0px;
    background: linear-gradient(to right, rgb(79, 26, 114) 0%, rgb(152, 47, 198) 100%);
}
.fixed .primary-menu li a {
    line-height: 64px;
}

.fixed .top-header .contact-info span {
    line-height: 0;
}
tr:nth-child(even) {background-color: #f2f2f2;}
table .view-priceing {
    padding: 10px 30px;
    font-size: 15px;
}
table h4 {
    font-size: 25px;
}
input[type='submit']:hover {
    background: #ef0381 !important;
}
textarea {
    background: #fff !important;
    border: 1px solid #dcd7ca;
}
.wpcf7-response-output {
    display: none !important;
}
span.wpcf7-spinner {
    display: none !important;
}
.allow-dropdown {
    margin-bottom: 5px;
}
.close-template-btn {
    position: relative;
}
.close-template-btn img{
	display:none;
}
.close-template-btn:before {
    position: absolute;
    content: '';
    background: #000;
    width: 2px;
    height: 23px;
    transform: rotate(-45deg);
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.close-template-btn:after {
    position: absolute;
    content: '';
    background: #000;
    width: 2px;
    height: 23px;
    transform: rotate(45deg);
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 0;
}
.close-template-btn {
    top: -10px;
}
.form-fields {
    max-width: 100%;
    padding: 0px;
}
.form-fields .col-lg-6, .form-fields .col-lg-12 {
    padding: 0px 5px;
}
.cell {
    background: #fff;
    border: 10px solid #f5efe0;
    margin-bottom: 0px;
}
.cell img {
    margin-bottom: 12px !important;
}
.form-area .nf-form-content label {
    display: none;
}
.form-area .nf-field-container {
    position: relative;
    margin-bottom: 0px;
}
.nf-error-msg {
    position: absolute;
    bottom: 0px;
    background: #f00;
    width: 100%;
    color: #fff !important;
    font-size: 15px;
    z-index: 1;
    left: 0;
    text-align: center;
}
.nf-form-fields-required {
    display: none;
}
.nf-response-msg p {
    font-size: 20px !important;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #fff;
    padding: 10px;
    background: #ef0381;
}
.ays_template_content .nf-field-label {
    display: none;
}
.ays_template_content .nf-field-container {
    margin-bottom: 0px;
    position: relative;
	    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.field-wrap input[type=submit] {
    width: 100% !important;
}
.nf-field-label label {
    display: none;
}
.nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 0px !important;
}
/*RESPONSIVE*/
@media only screen and (max-width: 999px) {
.toggle-inner {
    padding-top: 0px !important;
    height: auto !important;
    font-size: 24px;
    text-decoration: none !important;
}
button.close-nav-toggle .toggle-text {
    margin-right: 1.6rem;
    display: none;
}
.menu-modal-inner {
    background: #000;
}
.mobile-menu a {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
}
.menu-wrapper .menu-item {
    position: relative;
    border-color: #333333;
}
button.close-nav-toggle svg {
    height: 22px;
    width: 22px;
    background: #fff;
    padding: 5px;
}
input[type='submit'] {
    padding: 8px 0px;
}
}



@media only screen and (max-width: 768px) {
	.ays_template_content .nf-field-container {
    width: 48%;
}
	.entry-content {
    width: 100% !important;
    margin: 30px auto;
    max-width: 100%;
}
.ays_bg_image_box {
    display: none;
}
.ays_template_window .ays_template_content {
        width: 100% !important;
    }
	.ays_template_footer {
    background: rgba(0, 0, 0, 0.5) !important;
}
input {
        font-size: 12px !important;
    }
	.close-template-btn:before, .close-template-btn:after {
    height: 16px;
}
.header-area {
    position: relative;
}
.image-slider {
    height: auto;
}
.image-slider-inner {
    position: inherit;
    transform: inherit;
    margin-top: 0px;
}
.slider-content h1 br {
    display: none;
}
.slider-content h1 {
    font-size: 45px;
}
.top-header {
    display: none;
}
    .quote-form {
        max-width: 100%;
        margin-top: 10px;
        background: #309693;
    }
      .quote-form h2 {
        font-size: 17px;
        text-align: center;
        color: #fff;
    }
.header-inner {
        background: #fff;
        box-shadow: none;
        padding: 5px 0px;
        border-radius: 0;
    }
    .image-slider {
        height: auto;
        padding: 1em 0px;
    }
.image-slider:before {
display:none;
}
.container {
    max-width: 100%;
}
.health-slider-inner {
        flex-direction: column;
        margin: 0;
    }
    .website-image, .website-content {
        width: 100%;
        padding: 0px 20px;
    }
.website-content {
    padding: 20px 60px;
}
.slick-prev {
    left: 0px !important;
    z-index: 99;
}
	.slick-next {
    right: 0px !important;
    z-index: 99;
}
.website-image img {
    height: auto;
}
.website-content h2 {
    font-size: 40px;
    line-height: 50px;
}
    .header-inner .view-priceing {
        margin: 10px auto 0px;
        display: block;
        max-width: 300px;
    }
.floating-rocket {
    position: absolute;
    top: -50px;
    left: 80px;
    width: 105px;
}
	.floating-businessman{display:none;}

.planlist {
    flex-direction: column;
}
.planlist li {
    width: 100%;
    margin: 0px 0px 60px;
}
.plan-featues-inner {
    flex-direction: column;
}
.plan-featues-inner li {
    width: 100%;
}
.usp-heading h2 {
    font-size: 30px;
    color: #401560;
    text-align: center;
    margin-bottom: 20px !important;
}
    .health-slider-inner {
        padding: 0px !important;
    }
    .button-group a {
        margin-bottom: 10px;
        max-width: 80%;
        margin: 0px auto 10px;
        display: block;
        padding: 14px 0px;
    }
.button-group a {
    margin-bottom: 10px;
}
.title-heading {
    text-align: center;
    color: #fff;
    font-size: 30px;
}
.usp-heading small {
    text-align: center;
}
.usp-list {
    max-width: 100%;
}
.floating-img {
    display: none;
}
.small-text {
    text-align: center;
}
.custom-seo-inner {
    border-radius: 0;
}
.custom-seo p {
    max-width: 100%;
}
    a.about-right-btn {
        display: none;
    }
.view-priceing {
    border: 1px solid #fff;
}
.free-guide {
    border: 1px solid #ef0381;
}
.arrow {
    top: 42%;
}
.website-health-slider {
    max-width: 100%;
}
  .problem-list:before{display:none;}
    .website-content h4 {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 0px !important;
    }
  .problem-list .view-priceing {
    max-width: 100%;
}
.view-priceing span {
    right: 5px !important;
}
.seo-images-inner img {
    height: 300px !important;
    object-fit: cover;
}
.title-heading {
    font-size: 30px !important;
}
    .usp-heading {
        text-align: center;
        max-width: 100%;
    }
  .usp-list-point {
    max-width: 100%;
}
    .usp-heading p {
        font-size: 14px;
        margin-top: 20px;
    }
    .name-section input {
        background: #ffffff;
        border-bottom: 2px solid #ad5a5a;
        height: 40px;
    }
    textarea {
        background: #ffffff;
        border-bottom: 3px solid #ad5a5a !important;
        height: 65px !important;
    }
 body .gform_wrapper .top_label div.ginput_container {
    margin-top: 8px;
    margin-right: 0;
}
input[type='submit'] {
        margin-bottom: 0px !important;
        font-size: 14px !important;
        margin: 0px !important;
        width: 100% !important;
    }
.problem-list {
        padding: 10px 30px;
        border-top: 2px solid #8128ab;
    }
.usp-list {
    padding: 10px;
}
.accordian-section .title-heading {
    margin-bottom: 20px !important;
    font-size: 18px !important;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
        font-size: 14px !important;
        letter-spacing: 1px;
        line-height: 14px;
        font-weight: 100;
        font-weight: 300;
    }
     .ea-body p {
        font-size: 14px;
        letter-spacing: 0;
    }
  .our-usp {
    padding: 2em 0px;
}
.usp-heading h2 {
    font-size: 18px !important;
    text-transform: capitalize;
    margin-bottom: 0px !important;
}
.custom-seo a {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
}
.wpcap-post {
    border-bottom: 3px solid #d70374;
}
.wpcap-grid-container .post-grid-thumbnail {
    margin-bottom: 0px;
}
li.client-slider-inner {
    margin: 0px !important;
}
.footer-widget img {
    width: 240px;
    margin: 0px auto 20px;
}
    .footer-widget img {
        width: 200px;
        margin: 0px auto 20px;
    }
.footer-widget {
    text-align: center;
}
.contact-info-one li {
    display: flex;
    color: #fff;
    margin: 0px 0px 15px;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
}
.contact-info-one a {
    font-size: 14px;
    color: #fff;
}
.footer-social-icon {
    justify-content: center;
}
.contact-info-one li span {
    width: 100%;
}
.inner-banner-inner h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin-bottom: 12px !important;
}
.inner-banner {
    height: 220px;
}
.breadcrumbs {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}
.entry-content p {
    font-size: 14px;
    font-weight: 400;
}
.entry-content h3 {
    font-size: 18px;
}
.footer-widget p {
    color: #fff;
    font-size: 14px;
}
.mobile-phonenumber a i {
    color: #ef0381;
    transform: rotate(-27deg);
    font-size: 30px;
}
.mobile-phonenumber {
    width: 60px;
    margin: 0px auto;
}
}

@media only screen and (max-width: 640px) {
	.form-fields .col-xs-6{
		max-width:50%;
	}
	.ays_template_window {
    border: none !important;
    max-width: 90% !important;
}
	    .ays_template_footer {
        background: rgba(0, 0, 0, 0.5) !important;
        height: auto !important;
    }
	.ays_template_footer {
    max-width: 90%;
    margin: 0px auto;
}
	.close-template-btn {
    top: -10px;
    right: -7px;
}
    .slider-content h1 {
        font-size: 25px;
        line-height: 26px;
        text-align: center;
        font-weight: 700;
        margin-bottom: 15px !important;
        letter-spacing: 0px;
    }
    .slider-content p {
        text-align: center;
        font-size: 13px;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        letter-spacing: 1px;
    }
.button-group {
    text-align: center;
}
    .view-priceing {
        margin-bottom: 15px;
        padding: 13px 20px;
        font-size: 12px !important;
    }
.name-section {
    width: 100%;
}
    .slider-content small {
        text-align: center;
        font-size: 14px;
    }
 .google-rating {
    flex-direction: column;
}
.quote-form h3 {
    text-align: center;
}
    .website-content {
        padding: 0;
        text-align: center;
    }
.website-content h2 {
    font-size: 30px;
    line-height: 40px;
}
.website-tags span {
    margin-bottom: 10px;
}
.title-heading {
    font-size: 30px;
    text-align: center;
}
.usp-heading {
    text-align: center;
}
    .usp-heading h2 {
        font-size: 20px;
        color: #401560;
        margin-bottom: 30px !important;
    }
.usp-heading h2 br {
    display: none;
}
.usp-list {
    max-width: 100%;
}
.floating-img {
    display: none;
}
.small-text {
    text-align: center;
}
.review:after {
    height: 100px;
}
.planlist {
    display: flex;
    flex-direction: column;
}
.planlist li {
    width: 100%;
}
.planlist li {
    width: 100%;
    margin-bottom: 70px;
}
.plan-featues-inner {
    flex-direction: column;
}
.planlist li {
    width: 100%;
    margin-bottom: 70px;
    margin: 0px 0px 70px;
}
    .plan-featues-inner li {
        width: 100%;
        line-height: 30px;
        font-size: 16px;
    }
.arrow {
        top: 33%;
        left: 100px;
    }
  body {
    background: #fff;
}
.view-priceing h3 {
    font-size: 13px;
    text-align: center;
    font-weight: 500;
}
.site-logo img {
        width: 200px;
    }
    .header-inner .view-priceing {
        display:none;
    }
 .header-titles-wrapper {
    justify-content: flex-start;
    padding: 0;
}
.name-section input {
    font-size: 14px !important;
}
textarea {
    font-size: 14px !important;
}
.gform_wrapper {
    margin-bottom: 0px !important;
}
    input[type='submit'] {
        margin-bottom: 0px !important;
        font-size: 14px !important;
    }
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 4px;
}
body .gform_wrapper .top_label div.ginput_container {
        margin-top: 7px !important;
    }
    .title-heading {
        text-align: center !important;
        font-size: 20px !important;
        text-transform: capitalize !important;
        margin-top: 20px !important;
      	margin-botton:20px !important;
    }
  .usp-list-inner h6 {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}
.button-group a {
        max-width: 250px;
        font-size: 13px;
        letter-spacing: 1px;
        font-weight: 400;
        line-height: 12px;
    }
.view-priceing span {right: 5px !important; display: none !important;}
.free-guide span {
    display: none;
}
.accordian-section {
    padding: 1em 0px;
}
.usp-list-point li h4 {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    font-family: "Questrial", sans-serif !important;
    letter-spacing: 0px;
}
.usp-list-point {
    margin-top: 20px !important;
}
.service-name {
    font-size: 18px;
}
.service-list p {
        font-size: 14px;
        text-align: center;
        margin: 16px 0px;
        min-height: auto !important;
        letter-spacing: 0;
    }
.service-list {
    padding: 20px;
}
.features h3 {
        font-size: 15px;
        text-align: center;
    }
    .features li {
        font-size: 14px;
        padding: 0;
        text-align: center;
    }
.pdf-view {
    margin: 2em 0px 0px !important;
}
  .features li:before{display:none;}
#sp-testimonial-free-wrapper-166 .sp-testimonial-free-section {
    margin: 0px !important;
}
.review {
    background: linear-gradient(to right, rgba(79, 26, 114, 1) 0%, rgba(152, 47, 198, 1) 100%);
    position: relative;
    padding: 1em 0px 1em 0px;
}
    .sp-testimonial-client-testimonial p {
        font-size: 14px !important;
    }
.sp-testimonial-client-name {
    font-size: 16px !important;
}
hr {
    margin: 0;
}
    .review::after {
        height: 100px;
      display:none;
    }
    .custom-seo p {
        font-size: 14px;
    }
.custom-seo {
    margin: 1em 0px;
    position: relative;
}
.custom-seo {
    margin: 1em 0px;
    position: relative;
}
.post-grid-excerpt p {
    font-size: 14px !important;
}
.footer-widget h6 {
    margin-top: 20px !important;
    font-size: 18px;
}
.footer-widget {
    margin-bottom: 20px !important;
}
contact-info-one a {
    font-size: 14px;
    color: #fff;
}
.button-group a h2 {
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 400;
}
    .arrow {
        display:none;
    }
 .about-right-btn {
    border: 1px solid #fff;
    width: 250px;
    margin: 0px auto;
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 39px;
    display: block;
}
.button-group {
    margin-top: 10px;
}
.usp-list-inner {
    padding: 0px 30px;
}
.service-list {
    padding: 30px 40px;
    box-shadow: 1px 6px 9px 1px rgb(0 0 0 / 16%);
    background: #fff;
    margin-bottom: 20px;
    border-bottom: 3px solid #d70374;
}
.whatsapp-btn {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 23px;
}
.plan-type {
    font-size: 16px;
}
.plan-price {
    font-size: 24px;
    font-weight: 600;
}

.plan-icon {
    width: 80px;
    height: 80px;
    top: -30px;
}
.planlist li {
    margin-bottom: 50px;
}
.planlist {
    margin: 50px 0px 20px;
}
.planlist li:last-child {
    margin-bottom: 0px;
}
.floating-rocket {
    display: none;
}
.custom-seo-inner {
    padding: 20px;
}
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        font-size: 14px !important;
    }

    table td::before {
        content: attr(data-label);
        float: none;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
        display: block;
    }
  
  table td:last-child {
    border-bottom: 0;
  }
  table td h4 {
    font-size: 16px !important;
}
.view-priceing {
    padding: 10px 25px;
}
}