html {
	scroll-behavior: smooth;
}
.cursor:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 10px solid rgb(168 68 254 / 60%);
    border-radius: 100%;
    position: absolute;
}
.cursor__circle {
	width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
}
#inner_banner .pp-hero {
    padding: 100px 0;
}
#inner_banner .h1-pp {
    text-transform: uppercase;
}
.inner_section h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 15px;
    color: white;
    letter-spacing: -0.02em;
    font-weight: 700;
}
.inner_section p {
    font-size: 1rem;
    line-height: 1.6em;
    color: white;
    letter-spacing: -0.02em;
    font-weight: 400;
	margin-bottom:15px;
}
.inner_section a {
    color: #f068ff;
    text-decoration:none;
}
.inner_section a:hover {
    color: #fff;
    text-decoration:underline;
}
.project_sec .section-inner--swiper {
    padding: 50px 0;
}

.navbar {
    display: inline-block;
}
.navbar__logo {
    float: left;
}
.navbar__menu-button {
    float: right;
    margin: 3px 0 0 0;
}
.blog__cards li {
	position:relative;
}
.blog__card-category a {
	height: auto;
}
.blog__card-image-filter {
	cursor:pointer;
}
.blog_sec {
	padding: 0px 0 80px 0;
}
.blog_box {
	position:relative;
	margin-bottom: 25px;
}
.blog_box .inner__card-category a {
	height: auto;
}
.testimonials__card-reviewer {
    display: inline-block;
    width: 100%;
}
.testimonials__card-photo-wrapper {
    display: inline-block;
}
.testimonials__card-name-block {
    width: 69%;
    float: right;
	min-height: 85px;
}
.testimonials__card-name {
    font-size: 1rem;
}
.testimonials__card-profession {
    font-size: 0.73rem;
}

/* contact form 7 */
body div.wpcf7-response-output { padding: 0 0px; margin: 20px 0 0 0; box-sizing: border-box; border: none; }
body span.wpcf7-not-valid-tip { position: absolute; top: 3px; right: 4px; font-size: 12px; white-space: nowrap; color: #7a00ff; }
body .wpcf7-not-valid {	border-color: #f00 !important; }
.wpcf7 form .wpcf7-response-output { margin: 10px 0 0 0; padding: 14px; color: #fff; font-size: 16px; }

.quote__form-label {
	display:inline-block;
}
.submit-btn {
	background: transparent;
	line-height: 2.5em;
	cursor: pointer;
}
.footer__contacts {
	text-align: right;
}
.footer__contacts p {
	margin-bottom: 15px;
}
.footer__contacts p:last-child {
	margin-bottom: 0px;
}
.footer__social-links {
	column-gap: 0;
}
.footer__social-links a {
	margin-left:30px;
}

.footer__nav {
	list-style-type: none;
  	counter-reset: css-counter 0; /* initializes counter to 0; use -1 for zero-based numbering */
}
.footer__nav li {
	position:relative;
	counter-increment: css-counter 1; /* Increase the counter by 1. */
}
.footer__nav li::before {
	content: "0"counter(css-counter); /* Apply counter before children's content. */
	width:100%;
	display:inline-block;
	position: absolute;
    top: -20px;
    left: 0;
	font-size: 0.75rem;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.2);
    font-weight: 700;
}
.footer__nav a.navbar__list-link {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: white;
    position: relative;
	background-color: transparent;
    padding: 0;
    border-radius: 0;
	box-shadow: none;
    backdrop-filter: none;
}
.footer__nav a.navbar__list-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0.25em;
    left: 0;
    background-color: white;
    transition: width 0.5s ease;
}
.footer__nav a.navbar__list-link:hover::after {
    width: 100%;
}
.comment-respond {
	display:none;
}
.inner-info__author-block .inner-info__author img {
	width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    margin-right: 1.25rem;
} 
.inner_section ul {
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
}
.inner_section ul li {
	position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 0 5px 25px;
    font-size: 1rem;
    line-height: 1.6em;
    color: white;
    letter-spacing: -0.02em;
    font-weight: 400;
}
.inner_section ul li:before {
	position: absolute;
    content: "";
    left: 0;
    background: url(https://mycctweb.com/projects/cct2021/wp-content/themes/cct/assets/images/arrow.svg) left top 7px no-repeat;
    background-size: 75%;
    width: 23px;
    height: 25px;
}
.inner_section iframe {
	height: auto!important;
}
.Widget-inner {
	padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important;
}
.inner__card-category{
	width:85%;
	color: #f16dff;
}
.inner__card-category a:hover, .inner-hero__tag a:hover{
	color:#242424;
}
.pagination{
	margin:0 auto;
}
.pagination li{
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.pagination li a, .pagination li span{
	padding: 5px;
    border-radius: 1.25rem;
    box-shadow: inset 0 0 0 1px #ffffff33;
    background-color: #ffffff08;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 39px;
    text-align: center;
}
.pagination li span{color:#ffffff;}
.pagination li a.prev {width:100px;}
.pagination li a.next {width:80px;}
.blog{display:block !important;}
blockquote{
	background: #b23afd;
    width: 100%;
    margin: 50px 20px 50px 20px;
    padding: 5px 20px 15px 20px;
    color: #ffffff;
    border-radius: 10px;
}
blockquote a{color:#ff8afc;}
blockquote small{
	color:#ffffffb3;
	display: inline-block;
    margin-top: 10px;
}
.inner__swiper-wrapper {
	row-gap: 1.25rem;
}
.inner__card-text {
    width: 100%;
}

.filter-button {
	margin-bottom: 50px;
    padding: 5px 20px;
	border: 1px solid #ffffff;
    background: transparent;
    border-radius: 50px;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
	cursor:pointer;
}
.filter-button:hover {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 50px;
    font-size: 15px;
    text-align: center;
    color: #242424;
}
.filter-button.active {
    color: #242424;
    background-color: #ffffff;
}
.port-image {
    width: 100%;
}
.gallery_product {
    margin-bottom: 30px;
}
.link-cat {
	font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: white;
	background:url(http://mycctweb.com/projects/cct2021/wp-content/themes/cct/assets/images/arrow.svg) left top 6px no-repeat;
	padding-left: 40px;
}
.link-cat:hover {
	font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #f068ff;
}
.error404 .left_content{
	padding: 50px 0px 80px 0px;
}
.error404 .left_content .search-form .search-field{
	background-color: transparent;
    border-bottom: 1px solid #555;
    width: 300px;
    padding: 15px 0px;
    font-size: 16px;
	color:#FFFFFF;
}
.error404 .left_content .search-form .search-submit{
	background-color: transparent;
    border: 0;
	cursor:pointer;
    height: 40px;
}
.error404 .left_content .search-form .search-submit i{
	background-image: url(http://mycctweb.com/projects/cct2021/wp-content/themes/cct/assets/images/arrow.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    width: 25px;
    height: 16px;
    float: left;
}
.portfolio .inner__swiper-slide.swiper-slide {
	height: auto;
}
.portfolio .inner__swiper-slide.swiper-slide .inner__card {
	height: 22.8125rem;
}
.portfolio .inner__swiper-slide.swiper-slide .inner__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(235, 104, 169, 0) 0%, rgba(235, 104, 169, 0.25) 50%, #9d98cd 100%);
    opacity: 0.8;
}
.portfolio .inner__swiper-slide.swiper-slide .inner__card .inner__card-text {
    z-index: 1;
}
.swiper-slide.see-more {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.inner__card-text {
	background-color: rgb(0 0 0 / 20%);
}

.section--hero-about .hero__text {
    max-width: 680px;
    width: 100%;
}
.section--hero-about .hero__text_2 {
    max-width: 680px;
    width: 100%;
    margin-top: 2.125rem;
}
.section--hero-about .hero__text_2 p {
    margin-top: 1rem;
	color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6em;
    font-weight: 400;
    letter-spacing: -0.02em;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.logo-wrapper-about { opacity: 0.2; }
.section--hero-about { padding: 10rem 0 2.5rem 0; }
.section--hero-about .hero__text_2 { margin-top: 1.5rem; }

}

@media screen and (max-width: 1050px) {
  .navbar__list{
    grid-template-columns: 1fr;
    padding-right: 0px;
  }  
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.blog .swiper-wrapper { display: grid !important; grid-template-columns: 1fr; transform: translate3d(0px, 0px, 0px) !important; }
.blog .inner__swiper-slide.swiper-slide { width: 100% !important; margin-right: 0px !important; }
.blog .swiper-horizontal>.swiper-pagination-bullets { display: none; }
.navbar__list{grid-template-columns: 1fr;padding-right: 0px;}
.footer__contacts{align-items: flex-start; text-align:left;}
.footer__social-links a:first-child {margin-left:0px;}
.filter-button { margin-bottom: 15px; }
.logo-wrapper-about { opacity: 0.2; }
.section--hero-about { padding: 10rem 0 2.5rem 0; }
.section--hero-about .hero__text_2 { margin-top: 1.5rem; }
.section--quote { padding: 2.5rem 0; }
blockquote { margin: 50px 0; }
.inner__swiper-wrapper { display: flex !important; }
.inner__swiper-slide.swiper-slide { margin-bottom: 0; }

}