/*
Theme Name: wareworks
Text Domain: wareworks
Version: 1.6
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-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/wareworks/
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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body,
body * {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family:Inter !important;
}


body {
    background: #fff !important;
}
a,
a:hover {
	text-decoration: none;
	cursor: pointer;
}

p {
	margin-bottom: 15px;
	letter-spacing: 0.2px;
}

h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
}

h1 {
	font-size: 60px;
	margin-bottom: 42px;
}

h2 {
	font-size: 45px;
	margin-bottom: 30px;
}

section {
	height: 100vh;
	display: flex;
	align-items: center;
}
.service-box h6 {
    margin: 0px !important;
}
h1.entry-title {
    display: none;
}
section.career-banner {
    min-height: 600px;
    padding-top: 60px;
    display: flex;
}
nav.primary-menu-wrapper ul li a {
    color: #fff ;
    font-size: 18px;
    font-family: 'Inter';
    text-transform: capitalize;
    font-weight: 400;
}
.primary-menu-wrapper + .header-toggles {
    margin-left: 3rem;
}
span.toggle-text, .header-inner .toggle-wrapper:first-child::before {
    display: none !important;
}
button.toggle.nav-toggle.desktop-nav-toggle {
    padding: 12px;
    background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    margin-right: 0rem;
    border-radius: 5px;
    color: #fff !important;
	    outline: none;
}
h4.side-menu-logo {
     margin-top: 30px;
    font-size: 32px;
    font-family: 'Oswald';
    text-align: left;
}
ul.social-media-sidemenu li a {
    color: #000;
    border: 1px solid #000;
    padding: 3px 10px;
    width: 40px !important;
    text-align: center;
    display: flex;
    border-radius: 50px;
    font-size: 17px !important;
    height: 40px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}

ul.social-media-sidemenu li {
    list-style: none;
    margin: 35px 5px 5px;
}
ul.social-media-sidemenu {
    display: flex;
    justify-content: center;
    margin: 0px;
}
button.toggle.close-nav-toggle.fill-children-current-color {
    position: absolute;
   background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    width: 45px;
    height: 45px;
    padding: 12px;
    color: #fff;
    border-radius: 3px;
    right: 0px;
    top: 29px;
    outline: none;
}
.onepage-wrapper .btn {
	border-radius: 4px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	min-width: 180px;
    overflow: hidden;
	padding: 10px 30px;
	position: relative;
	text-transform: uppercase;
	transition: 0.3s all ease-in-out;
	margin-top: 32px;
	font-size: 18px;
    text-decoration: none;
}
.onepage-wrapper .btn-red:after {
    content: "";
    position: absolute;
    top: 0;
    left: 150%;
    width: 200%;
    height: 100%;
    transform: skewX(-20deg);
    background-image: linear-gradient(90deg,transparent, hsla(0, 0%, 100%, 0.25),transparent);
}
.onepage-wrapper .btn-red:hover:after {
    animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
}





.card {
    cursor: pointer;
}
.single {
    overflow: scroll;
}

.single header#site-header, .page header#site-header, .blog header#site-header {
    color: #000;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
	    position: absolute;
    background: #fff;
}
.site-description {
    margin-top: 0px !important;
    font-size: 11px !important;
	color: hsl(0deg 0% 100%) ;
	}
.header-titles {
    flex-direction: column;
}
.single .site-title.faux-heading a, .single nav.primary-menu-wrapper ul li a, .single li#menu-item-71 a::before, .single li#menu-item-72 a::before, .blog li#menu-item-72 a::before, .blog .site-title.faux-heading a  {
    color: #000 !important;
	
}
.home .site-description {
    color: #fff !important;
}
 body .site-title.faux-heading a, body nav.primary-menu-wrapper ul li a, body li#menu-item-71 a::before, body li#menu-item-72 a::before, body .site-description, body:not(.overlay-header) .primary-menu > li > .icon {
    color: #000 ;
	
}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: underline;
    background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 body.home .site-title.faux-heading a, body.home  nav.primary-menu-wrapper ul li a, body.home  li#menu-item-71 a::before,  body.home  li#menu-item-72 a::before,  body.home  .site-description, body.home ul.primary-menu li span.icon, body.home .search-toggle svg  {
    color: #fff ;
	
}

.btn-border:hover, a.case-study-btn.btn-border:hover {
    border-color: #f82222 !important;
    background: #f82222;
    color: #fff !important;
}
a.case-study-btn.btn-border {
    border: 2px solid #fff !important;
}
header#site-header {
    background: transparent;
    position: absolute;
    top: 0px;
    width: 100%;
    color: #fff;
	    z-index: 9;

}
.menu-modal.cover-modal.header-footer-group.show-modal.active {
    z-index: 999999;
    text-align: center;
    max-width: 389px;
    right: 0px !important;
    position: fixed;
    left: auto;
	    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
}

nav.expanded-menu a {
color: #939191;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: capitalize;
    font-family: 'Inter';
    padding: 10px 0px !important;
    text-align: left;
}
.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
    text-decoration: underline;
    color: #000;
}
nav.expanded-menu li {
    border: none;
}
@keyframes shine {
  to {left:-200%;}
}

@-webkit-keyframes shine {
  to {left:-200%;}
}

.btn-red {
	background-color: #f82222 !important;
	color: #fff !important;
}
.btn-red:hover {
	color: #fff !important;
}

.btn-border {
	background-color: transparent;
	border: 1px solid #000 !important;
	color: #000;
}
.btn-border:hover {
	color: #000;
}
.btn-border.white {	
	border-color: #fff !important;
	color: #fff;
}
.blogs p, .portfolio p, .news p, .about p{
    font-size: 16px !important;
    font-family: 'Inter';
}
.portfolio .owl-item {
    border-radius: 5px;
    overflow: hidden;
}
.hero {
padding: 0px;
	background-size: cover;
}
.hero-inner {
    max-width: 650px;
    padding-right: 30px;
}
.hero-inner h1,
.hero-inner p {
	color: #fff;
}
.hero-inner h1 {
    text-transform: uppercase;
    font-size: 64px;
	    margin-top: 0px;
}
.hero-inner h1 span {
	font-weight: 200;
	display: block;
}
.hero svg {
    position: absolute;
    top: 0px;
    opacity: 0.5;
}

/*digital-exp*/
.digital-exp {
	background-color: #fff;
	overflow: hidden;
}
.digital-exp h2 span {
	display: block;
	font-weight: 200;
}
.digital-exp-media {
    display: inline-block;
}
.digital-exp-media img {
	display: block;
    margin: 0 auto;
    position: relative;
    top: -25px;
    
    max-width: 80%;
}
.digital-streams-inner {
	margin-top: 30px;
	padding-right: 50px;
}
.digital-streams-inner h3 {
	margin-bottom: 20px;
}


/*development*/
.development {
	background: rgb(238,174,202);
    background: linear-gradient(
90deg
, rgb(253 220 235) 0%, rgb(192 220 253) 100%);
	min-height: 100vh;
    height: auto;
}
.development h3 {
	margin: 20px 0 15px 0;
}
.development .tags {
    font-size: 0;
    padding: 0px;
    margin: 0px;
}
.development .tags {
	font-size: 0;
}
.development .tags li {
	display: inline-block;
	list-style: none;
	padding: 5px 15px;
	border: 1px solid #000;
	border-radius: 50px;
	margin: 0 10px 10px 0;
	font-size: 12px;
	font-weight: 600;
}
.card {
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.1);
}
.card-img {
    overflow: hidden;
}
.card-text {
    padding: 10px 15px;
}
.card-text h4 {
    margin-bottom: 15px;
	margin-top:0px;
	    font-size: 20px !important;
}
.card-text p {
    margin-bottom: 15px;
}
.news .psac-post-carousel-content {
    border: none !important;
    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 10%);
    text-align: left !important;
}
.news .psac-post-carousel-content:hover .psac-post-image-bg {
    transform: scale(1.1);
	  transition: 1s;
}
section.testimonials img.attachment-thumbnail.size-thumbnail.wp-post-image {
    margin-top: 25px;
}
section.testimonials {
    text-align: center;
      background-image: linear-gradient(to top, #f5f8ff 0%, #efefef 52%, #ffffff 100%);
}
 .news .psac-post-image-bg {

	  transition: 0.5s;
}
.news .psac-post-img-wrap {
    height: 250px;
    overflow: hidden;
}
.portfolio .owl-item:hover .psac-post-image-bg {
    transform: scale(1.1);
    transition: 1s;
}
.portfolio .owl-item .psac-post-image-bg{
	transition: 0.5s;
}
.news .psac-post-categories, .news .psac-post-meta {
    display: none;
}
.news .owl-stage-outer {
    padding: 10px 0px;
}
.news .psac-post-title {
    font-family: 'Inter';
    font-size: 20px !important;
}
.news a.psac-readmorebtn {
    color: #f82222;
    padding: 0px;
    border: none;
}
input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:focus {
      background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    min-width: 200px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600 !important;
	text-decoration:none !important;
}
.blogs {
    background: #fff;
}
.blogs-inner .row .blog-post:nth-child(2) .card-text {
    padding-top: 0px;
    margin-top: -20px;
}

.blogs-inner .row .blog-post:nth-child(2) .card {
    display: flex;
    flex-direction: column-reverse;
}
.news .card-img {
	height: 250px;
}
.news .card-img img {
	object-fit: cover;
	object-position: center;
	height: 100%;
	    width: 100%;
}

/*about*/
.about {
	   background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center bottom;
	    
	    background-image:linear-gradient(
135deg
, #667eea 0%, #764ba2 100%)
}
.blogs-inner .card-img img {
    transition: 0.5s all ease-in-out;
    width: 100%;
}
.about h2 {
	color: #fff;
}
.about p {
	color: #fff;
}
span.toggle-icon:before {
    top: 0px;
    right: 0;
}
section.testimonials p {
    font-family: 'Inter' !important;
    font-style: normal;
    font-size: 16px;
}
.wpmtst-testimonial-field.testimonial-field.testimonial-name {
    font-family: 'Oswald';
    font-weight: 700;
    font-size: 20px;
}
.mobile-nav-toggle span.toggle-icon:before, .mobile-nav-toggle span.toggle-icon:after, .desktop-nav-toggle span.toggle-icon:before, .desktop-nav-toggle span.toggle-icon:after {
    content: "";
    position: absolute !important;
    display: inline-block;
    width: 19px;
    height: 2px !important;
    background: #fff !important;
    transition: all 0.2s linear;
}
.mobile-nav-toggle span.toggle-icon, .desktop-nav-toggle span.toggle-icon {
    height: 2px !important;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;
    display: block;
    position: static;
}
.mobile-nav-toggle span.toggle-icon svg, .desktop-nav-toggle span.toggle-icon svg  {
    display: none !important;
}
 .mobile-nav-toggle span.toggle-inner, .desktop-nav-toggle span.toggle-inner {
    position: relative !important;
	    margin-top: 5px;
	 width:30px;
}
 .mobile-nav-toggle span.toggle-icon:after,  .desktop-nav-toggle span.toggle-icon:after {
    bottom: 5px;
    right: 0;
}
.hero video {
    position: absolute;
}
.menu-model-left div {
    cursor: pointer;
}
input.tnp-email {
    background: #fff !important;
}
section.news ul li:hover {
    transform: translate(-10px, 0px);
    transition: 0.5s;
}
section.news ul li a {
    font-size: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: 500;
	
}
section.news ul li span {
    font-size: 14px !important;
    color: #777676;
}
section.news-banner {
    padding: 0px;
    height: auto;
}
section.all-news ul li span {
    color: #737272;
    font-size: 14px !important;
	 font-family: 'Inter' !important;
}
section.all-news {
    height: auto;
}
section.all-news ul li a {
       background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Inter' !important;
}
section.all-news ul li {
      list-style: none;
    padding: 10px;
    margin: 0px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    transition: 0.5s;
    background: url(/wp-content/themes/wareworks/images/news.svg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: center;
}
section.career-banner {
    padding: 40px;
    background: #eef4ff;
    height: auto;
}
section.career-banner h1 {
    font-size: 45px;
	    margin-top: 0px;
}
section.available.positions {
    padding-top: 0px;
}
section.available.positions h2 {
    font-size: 36px;
    text-align: center;
    margin-top: 0px;
}
section.all-news ul li:hover {
    transform: translate(-10px, 0px);
    transition: 0.5s;
}
section.all-news ul {
    margin: 0px;
    list-style: none;
}

section.all-news .nav-links {
    margin-top: 40px;
}
section.news ul li {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    padding: 5px 10px;
    transition: 0.5s;
}
button.toggle.nav-toggle.desktop-nav-toggle:hover span:before, button.toggle.nav-toggle.desktop-nav-toggle:hover span:after {
    width: 100%;
}
/*portfolio*/
.portfolio {
	background-color: #f4f4f4;
}
.portfolio .carousel {
	margin-top: 30px;    
}
.portfolio .carousel,
.portfolio .carousel-inner,
.portfolio .carousel-item {
	height: 65vh;
    overflow: hidden;
}
.portfolio .carousel-caption p:first-of-type {
	text-transform: uppercase;
}
.portfolio .carousel-caption p {
	margin: 0;
}
.portfolio .carousel-caption h3 {
	font-size: 60px;
	margin: 15px 0 20px 0;
}
.carousel-caption {
    right: auto;
    bottom: auto;
    top: 0;
    left: 0;
    padding: 20px;
    text-align: left;
}
.news h2 {
    margin-top: 0px;
}
.carousel-indicators {
    bottom: 20px;
}
.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 0 !important;
}


/*blogs*/
.blogs-inner {
	margin-top: 50px;
}
.blogs-inner .card {
	box-shadow: none;
}
.blogs-inner .card-img {
	overflow: hidden;
    width: 100%;
    height: 214px;
    position: relative;
}
.blogs-inner .card-img img {
	transition: 0.5s all ease-in-out;
}
.blogs-inner .card-img:hover img {
	transform: scale(1.5);
}
.blogs-inner .card-text {
	padding: 0;
}
.img-top .card-text {
    padding: 15px 0;
}
.img-top .card-text {
    padding-top: 15px;
}
.card.content-top {
    display: flex;
    flex-direction: column-reverse;
}
.blogs .psac-post-title{
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
	text-align:left;
}

.blogs .psac-post-short-content  {
	margin-bottom: 10px;
	color: #c1c1c1;
}
.blogs-inner p.date {
    color: #f82222;
    font-size: 14px;
}
.blogs-inner .card-text p {
    margin-bottom: 10px;
    color: #9f9f9f;
    font-size: 14px;
}
.blogs-inner .card {
    box-shadow: none;
    text-decoration: none;
}
/*contact*/
.contact {
	background: url(/wp-content/themes/wareworks/images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover; 
	position: relative;
	z-index: 1;
}
.contact h2,
.contact p {
	color: #000;
}
.contact-left h5 {
    display: flex;
    font-size: 16px;
    margin: 20px 0px 0px;
    font-weight: 400;
}
.contact-left {
    padding-left: 5%;
}
li#menu-item-71 a {
    position: relative;
    color: transparent !important;
}
li#menu-item-71 a::before {
    content: "\f17e";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    position: absolute;
    color: #fff;
    left: 0px;
    top: 0px;
}
li#menu-item-72 a {
    position: relative;
    color: transparent !important;
    width: 22px;
    margin-left: 15px;
}
li#menu-item-72 a::before {
    content: "\f232";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    position: absolute;
    color: #fff;
    left: 0px;
    top: 0px;
}

body.viewing-page-2 li#menu-item-72 a::before, body.viewing-page-3 li#menu-item-72 a::before, body.viewing-page-4 li#menu-item-72 a::before, body.viewing-page-6 li#menu-item-72 a::before, body.viewing-page-7 li#menu-item-72 a::before{
	color:#000;
}
body.viewing-page-2 li#menu-item-71 a::before, body.viewing-page-3 li#menu-item-71 a::before, body.viewing-page-4 li#menu-item-71 a::before, body.viewing-page-6 li#menu-item-71 a::before, body.viewing-page-7 li#menu-item-71 a::before{
	color:#000;
}
body.viewing-page-2 .site-title.faux-heading a, body.viewing-page-3 .site-title.faux-heading a, body.viewing-page-4 .site-title.faux-heading a, body.viewing-page-6 .site-title.faux-heading a, body.viewing-page-7 .site-title.faux-heading a{
	color:#000;
}

body.viewing-page-2 .site-description, body.viewing-page-3 .site-description, body.viewing-page-4 .site-description, body.viewing-page-6 .site-description, body.viewing-page-7 .site-description {
	color:#000 !important;
	}
.site-title.faux-heading a {
    font-size: 30px;
    font-family: 'Oswald';
    color: #fff;
	text-decoration:none !important;
}
.blog h1.site-title a  {
    font-size: 30px;
    font-family: 'Oswald';
	text-decoration:none !important;
}
.contact-left img {
    margin-right: 15px;
}
.contact form {
	margin-top: 30px;
	padding-right: 50px;
}
.contact form .form-group {
	padding: 0 15px;
	margin-bottom: 20px;
}
.contact form .form-group:last-of-type {
	margin-bottom: 0;
}
.contact input::placeholder {
	color: #fff;
	opacity: 0.5;
	font-weight: 300;
}
.contact input::-ms-input-placeholder {
	color: #fff;
	opacity: 0.5;
	font-weight: 300;
}
.contact input::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.5;
	font-weight: 300;
}
.contact input {
	color: #fff;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	padding: 10px 0;
	box-shadow: none;
	outline: none;
}
button[type="submit"] span {
	background: url(/wp-content/themes/wareworks/images/right-arrow.png);
	background-repeat: no-repeat;
    background-size: 24px;
    background-position: right center;
    padding-right: 32px;
    transition: 0.25s all ease-in-out;
}
button[type="submit"]:hover span {
    padding-right: 42px;
}
.d-block.w-100 img {
    width: 100%;
    display: block;
    object-fit: cover;
}
.carousel-indicators li {
    width: 15px;
    height: 15px;
}

/*scroll menu*/
.onepage-pagination {
    position: fixed;
    right: 0;
    top: 120px;
    z-index: 9;
 
}
.onepage-pagination li {
	list-style: none;
    text-align: right;
    margin: 30px 0;
    position: relative;
 
}
.onepage-wrapper .ops-section {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 100vh;
    display: flex;
}
.onepage-pagination li a:before {
	position: absolute;
	
	font-size: 14px;
	right: 32px;
	top: 50%;
	    width: 20px;
	transform: translateY(-50%);
	transition: 0.25s all ease-in-out;
	color: #000;
	opacity: 0.75;
}
.onepage-pagination li a {
    position: relative;
    color: #fff;
    padding-right: 35px;
    opacity: 0.75;
    transition: 0.25s all ease-in-out;
	text-decoration: none;
}
.onepage-pagination li:after {
	position: absolute;
	content: "";
	width: 25px;
	height: 2px;
	background-color: #fff;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.25s all ease-in-out;
}
.hero video {
    position: absolute;
    width: 100%;
    top: 0px;
}
.hero {
  
    background-size: cover;
    position: relative;
	display: flex;
}
.main1 section {
    display: flex;
}
.onepage-pagination li a:hover {
    opacity: 1;
}
.onepage-pagination li a.active {
    padding-right: 65px;
    opacity: 1;
}
.onepage-pagination li a.active:after {
	width: 50px;
	height: 4px;
}
.onepage-pagination li a.active:before {
	font-size: 18px;
	right: 60px;
	opacity: 1;
	    width: 24px;
}

body.viewing-page-1 .onepage-pagination li:after,
body.viewing-page-5 .onepage-pagination li:after,
body.viewing-page-8 .onepage-pagination li:after {
	background-color: #fff;
}
body.viewing-page-1 .onepage-pagination li a:before,
body.viewing-page-5 .onepage-pagination li a:before,
body.viewing-page-8 .onepage-pagination li a:before {
	color: #fff;
}

.social-media {
    position: fixed;
    bottom: 55px;
    z-index: 9;
    left: 0px;
}
.social-media li {
	list-style: none;
}
.social-media li a {
	width: 35px;
	height: 35px;

	border-radius: 50%;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 7px;
	transition: 0.25s all ease-in-out;
	    text-decoration: none;
}
.social-media li a:hover {
	background-color: #000;
}
.social-media li a i.fa {
	color: #fff;
	font-size: 18px;
	transition: 0.25s all ease-in-out;
}
.social-media li a:hover i.fa {
	color: #fff;
}

body.viewing-page-1 .social-media li a,
body.viewing-page-5 .social-media li a,
body.viewing-page-8 .social-media li a {
	border-color: #fff;
}
body.viewing-page-1 .social-media li a i.fa,
body.viewing-page-5 .social-media li a i.fa,
body.viewing-page-8 .social-media li a i.fa {
	color: #fff;
}
body.viewing-page-1 .social-media li a:hover,
body.viewing-page-5 .social-media li a:hover,
body.viewing-page-8 .social-media li a:hover {
	background-color: #fff;
}
body.viewing-page-1 .social-media li a:hover i.fa,
body.viewing-page-5 .social-media li a:hover i.fa,
body.viewing-page-8 .social-media li a:hover i.fa {
	color: #000;
}
.white-contact-area {
    background: #fff;
    border-radius: 5px;
    position: relative;
	    margin-top: 10%;
	    background-image: url(/wp-content/themes/wareworks/images/contact2.png);
    background-repeat: no-repeat;
    background-position: center;
}
.contact-img img {
    position: absolute;
    width: 200px;
    right: -10%;
    bottom: -10%;
    z-index: 1;
}
.contact-right input::placeholder {
    color: #000;
}
.home h1.entry-title {
    display: none;
}
.contact-right br {
    display: none;
}
.contact-right input, .contact-right textarea {
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 300 !important;
	margin-bottom: 10px !important;
	    padding: 15px !important;
}
.contact-right input:focus, .contact-right textarea:focus, .contact-right textarea:focus-visible {
    border: 1px solid rgb(0, 95, 204) !important;
    border-radius: 0px;
    outline: none;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    margin: 60px 0px 0px;
    align-items: center;
}
.footer-bottom h5, .footer-bottom h5 a {
    margin: 0px 0px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}
.wpcf7-response-output{
    font-size: 14px;
    position: relative;
    z-index: 2;
    margin: 0px 0px 20px!important;
}
.wpcf7-not-valid-tip {
    position: absolute;
    top: 2px;
    width: max-content;
    font-size: 11px !important;
    left: 6px;
}
.wpcf7-response-output {
    background: #fff;
}
.contact-right label {
    position: relative;
}
  .portfolio .wpsisac-slider-content {
    text-align: center;
    left: 50% !important;
    transform: translate(-50%, -0%);
	      min-width: 100%;
}
a.case-study-btn {
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    text-shadow: none;
    border-radius: 5px;
    font-weight: 600;
}
.portfolio .wpsisac-slide-wrap {
    position: relative;
    min-height: 450px;
    text-align: center !important;
}
.portfolio .wpsisac-bg-overlay.wp-medium-7.wpcolumns {
    width: 100%;
    background: transparent !important;
}
.portfolio .wpsisac-slick-slider .slick-dots li button {
   
	border: 0px solid #000 !important;
}

.portfolio div#wpsisac-slick-slider-1 p {
    text-align: center !important;
    margin-top: 24px;
    font-size: 18px !important;
	 text-shadow: none;
}
.portfolio .psac-post-meta {
    display: none !important;
}
.portfolio .psac-post-slider.psac-design-1 .psac-post-overlay{
	top:25%;
}
.portfolio h2.psac-post-title {
    text-align: center !important;
    font-size: 45px !important;
    font-family: 'Oswald' !important;
	 text-shadow: none;
	color:#fff !important;
}
.portfolio h2.psac-post-title a {
		color:#fff !important;
}
.portfolio .owl-dots {
    position: relative;
    top: -50px;
}
button.owl-dot.active {
    background: #f82222 !important;
	border-color: #f82222 !important;
}
.portfolio .psac-post-image-bg:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
}
button.owl-dot {
    border: 1px solid #fff !important;
    background: transparent !important;
}
.portfolio a.psac-post-cat {
     background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 800;
    border-color: rgb(255 255 255 / 60%) !important;
    border-bottom: 2px solid #4581d1 !important;
}
path#eOd9AwRzXsp100, path#eOd9AwRzXsp105, polygon#eOd9AwRzXsp11, polygon#eOd9AwRzXsp15, polygon#eOd9AwRzXsp13, polygon#eOd9AwRzXsp17, polygon#eOd9AwRzXsp19, path#eOd9AwRzXsp129, polygon#eOd9AwRzXsp89, polygon#eOd9AwRzXsp120, path#eOd9AwRzXsp117, path#eOd9AwRzXsp129, path#eOd9AwRzXsp111, polygon#eOd9AwRzXsp123, path#eOd9AwRzXsp85, path#eOd9AwRzXsp23, g#eOd9AwRzXsp64 polygon, g#eOd9AwRzXsp40 polygon, g#eOd9AwRzXsp80 polygon {
    fill: #6769d4 !important;
}
 polygon#eOd9AwRzXsp123, path#eOd9AwRzXsp85, path#eOd9AwRzXsp23, g#eOd9AwRzXsp64 polygon, g#eOd9AwRzXsp40 polygon, g#eOd9AwRzXsp80 polygon, path#eOd9AwRzXsp85, path#eOd9AwRzXsp39 {
	 display:none !important;
}
.portfolio .psac-post-overlay {
    background: transparent !important;
    border: none !important;
    padding: 0px !important;
}
.contact-left h5 a {
    color: #000 !important;
}

.contact.scroll-section.footer {
    padding: 60px 0px;
}
.blogs .psac-post-img-wrap:hover .psac-post-image-bg{
    transform: scale(1.1);
	transition:1s;
}
.blogs .psac-post-img-wrap {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.blogs .psac-post-image-bg {
    margin-top: 0px;
	transition:0.5s;
}
.owl-nav{
	display:none !important;
}
.banner-form textarea, .banner-form textarea:focus {
    background: transparent !important;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 100%);
    padding-left: 0px;
    outline: none;
    color: #fff;
    height: 65px;
    overflow-y: auto;
}
.banner-form input::placeholder, .banner-form textarea::placeholder{
	color:#fff;
}
.banner-form input {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgb(255 255 255 / 100%) !important;
    padding-left: 0px !important;
    outline: none;
    color: #fff;
}
.banner-form input:focus, .banner-form textarea:focus  {
    border-color: #3f8cec !important;
}
.banner-form input.wpcf7-form-control.wpcf7-submit {
    border: none !important;
  background:#fff !important;
    padding: 15px !important;
    margin-top: 15px;
	font-family: 'Oswald';
	    display: block;
	color:#000 !important;
	width: 100%;
}
.banner-form h3 {
    color: #fff;
    font-size: 24px;
    margin: 0px 0px 15px;
    text-align: center;
}
.banner-form br {
    display: none;
}
.banner-form .wpcf7-form-control-wrap {
    position: static;
}
.banner-form label{
	position:relative;
}
.banner-form div:empty{
	display:none
}
.banner-form .wpcf7-response-output {
    display: block !important;
    color: #fff;
	border:none !important;
	margin:0px !important;
	    background: transparent !important;
}
.banner-form {
    background: rgb(255 255 255 / 10%);
    padding: 20px 30px;
    border: 1px solid rgb(255 255 255 / 50%);
    border-radius: 20px;
    text-align: center;
    max-width: 390px;
    margin: 0px auto;
}
.blogs a.psac-readmorebtn {
       color: #f82222;
    font-size: 14px;
    text-decoration: none;
    background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    text-decoration: none;
}
.blogs .psac-post-margin-content {
    padding: 0px !important;
    text-align: left;
}
.footer-bottom label {
    color: #fff;
    font-size: 16px !important;
}
.blogs a.psac-readmorebtn {
    border: none;
    padding: 0px;
}
.blogs .psac-post-carousel-content {
    border: none !important;
}
.blogs .owl-item:nth-child(even) .psac-post-carousel-content {
    display: flex;
    flex-direction: column-reverse;
}
.blogs h2.psac-post-title {
    font-family: 'Inter';
    font-size: 18px !important;
}
.blogs .psac-post-image-bg {
    margin-top: 20px;
}
.blogs .owl-dots {
    display: none;
}

.blogs .psac-slider-and-carousel .owl-nav {
    position: absolute;
    top: 100% !important;
    transform: translateY(-50%);
    margin-top: -30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    border: none !important;
    width: 100%;
    margin-top: 10px;
    width: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blogs .psac-slider-and-carousel .owl-prev {
    left: auto !important;
    position: absolute;
    right: 56px;
}
.psac-slider-and-carousel .owl-nav .owl-next:hover, .psac-slider-and-carousel .owl-nav .owl-prev:hover, .psac-slider-and-carousel .owl-nav .owl-next:focus, .psac-slider-and-carousel .owl-nav .owl-prev:focus {
    background: #f82222 !important;
    color: #fff;
    border-color: #f82222 !important;
}
.footer-bottom form {
    margin: 0px;
    display: flex;
    align-items: flex-end;
}
.footer-bottom input {
    background: transparent !important;
    border: 1px solid #fff !important;
	   height: 50px !important;
 padding: 15px !important;
	font-size:14px !important;
}
.footer-bottom input.tnp-submit {
    background: #f82222 !important;
    height: 50px !important;
    padding: 15px !important;
    border: 2px solid #f82222 !important;
	    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
a.btn.btn-white {
    border: 1px solid #fff;
    color: #fff;
}
a.btn.btn-white:hover {
    border-color: #f82222 !important;
    background: #f82222;
    color: #fff !important;
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {

	 -webkit-text-fill-color: #000 !important;
	  
}
input:-internal-autofill-selected {
    background-color: transparent !important;
}
.portfolio .slick-slide {
    text-align: center;
    color: #fff;
    min-height: 450px;
    position: relative !important;
}
.portfolio ul.post-categories, .portfolio ul.post-categories li {
    margin: 0px;
    list-style: none;
}
.port-text h4  {
    margin: 0px !important;
}
.port-text h5  {
    margin: 50px 0px 0px !important;
}
a.btn-white {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 6px 21px;
    margin-top: 0px;
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
}
.port-text h5 a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
}
.portfolio .post_img img {
      position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
.fixedMenu header#site-header {
    position: fixed;
}
.s1 .onepage-pagination li a:after
{
background-color:#fff !important;	
}
.s2 .onepage-pagination li a:after{
background-color:#000 !important;	
}
.s5 .onepage-pagination li a:after
{
background-color:#fff !important;	
}
.s6 .onepage-pagination li a:after
{
background-color:#000 !important;	
}
.s8 .onepage-pagination li a:after
{
background-color:#fff !important;	
}
.s1 .site-title.faux-heading a, .s1 .site-description, .s1 nav.primary-menu-wrapper ul li a, .s1 li#menu-item-71 a::before, .s1 li#menu-item-72 a::before, .s1 .onepage-pagination li a, .s1 .social-media li a i.fa, body.home.s1 ul.primary-menu li span.icon, body.home.s1 .search-toggle svg
{
    color: #fff !important;
}
.s2 .site-title.faux-heading a, .s2 .site-description, .s2 nav.primary-menu-wrapper ul li a, .s2 li#menu-item-71 a::before, .s2 li#menu-item-72 a::before, .s2 .onepage-pagination li a, .s2 .social-media li a i.fa, body.home.s2 ul.primary-menu li span.icon, body.home.s2 .search-toggle svg
{
    color: #000 !important;
}

.s6 .site-title.faux-heading a, .s6 .site-description, .s6 nav.primary-menu-wrapper ul li a, .s6 li#menu-item-71 a::before, .s6 li#menu-item-72 a::before, .s6 .onepage-pagination li a, .s6 .social-media li a i.fa, body.home.s6 ul.primary-menu li span.icon, body.home.s6 .search-toggle svg
{
    color: #000 !important;
}
.s5 .site-title.faux-heading a, .s5 .site-description, .s5 nav.primary-menu-wrapper ul li a, .s5 li#menu-item-71 a::before, .s5 li#menu-item-72 a::before, .s5 .onepage-pagination li a, .s5 .social-media li a i.fa, body.home.s5 ul.primary-menu li span.icon, body.home.s5 .search-toggle svg
{
    color: #fff !important;
}
.s9 .site-title.faux-heading a, .s9 .site-description, .s9 nav.primary-menu-wrapper ul li a, .s9 li#menu-item-71 a::before, .s9 li#menu-item-72 a::before, .s9 .onepage-pagination li a, .s9 .social-media li a i.fa, body.home.s9 ul.primary-menu li span.icon, body.home.s9 .search-toggle svg
{
    color: #000 !important;
}
body:not(.overlay-header) .primary-menu>li>a, body:not(.overlay-header) .primary-menu>li>.icon  {
    color: #000000 !important;
}
.primary-menu>li a, .primary-menu>li .icon {
    color: #000 !important;
}
.home header .primary-menu>li a, .home header .primary-menu>li .icon {
    color: #fff !important;
}
.page-id-61 {
    padding-top: 70px;
}
.s4.s8 .site-title.faux-heading a, .s4.s8 .site-description, .s4.s8 nav.primary-menu-wrapper ul li a, .s4.s8 li#menu-item-71 a::before, .s4.s8 li#menu-item-72 a::before, .s4.s8 .onepage-pagination li a, .s4.s8 .social-media li a i.fa, body.home.s4.s8 ul.primary-menu li span.icon
{
    color: #000 !important;
}
.s4.s8 .onepage-pagination li:after {
    background: #000;
}
.s4.s8 .site-title.faux-heading a, .s4.s8 .site-description, .s4.s8 nav.primary-menu-wrapper ul li a, .s4.s8 li#menu-item-71 a::before, .s4.s8 li#menu-item-72 a::before, .s4.s8 .onepage-pagination li a, .s4.s8 .social-media li a i.fa, body.home.s4.s8 ul.primary-menu li span.icon, body.home.s4.s8 .search-toggle svg
{
    color: #000 !important;
}
.s8 .site-title.faux-heading a, .s8 .site-description, .s8 nav.primary-menu-wrapper ul li a, .s8 li#menu-item-71 a::before, .s8 li#menu-item-72 a::before, .s8 .onepage-pagination li a, .s8 .social-media li a i.fa, body.home.s8 ul.primary-menu li span.icon, body.home.s8 .search-toggle svg
{
    color: #fff !important;
}
.s2 .onepage-pagination li:after{
	background:#000;
}
.s5 .onepage-pagination li:after{
	background:#fff;
}
.s6 .onepage-pagination li:after{
	background:#000;
}

.s9 .onepage-pagination li:after {
    background: #000;
}
.s8 .onepage-pagination li:after{
	background:#fff;
}
.s4 .onepage-pagination li:after {
    background: #000;
}
body:not(.overlay-header) .primary-menu > li > ul:after{
	display:none;
}
.sub-menu li a {
    font-size: 14px !important;
}

.footer-nav-widgets-wrapper.header-footer-group {
    margin-top: 0px !important;
}
.widget_text.widget.widget_custom_html {
    margin-top: 0px !important;
}
.footer-widgets.column-one.grid-item {
    display: flex;
    justify-content: space-around;
    margin: 0px !important;
}
.footer-inner.section-inner ul {
    margin-top: 20px;
    list-style: none;
    padding: 0px;
	margin-left: 0px;
}
.footer-inner.section-inner ul li a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-family: 'Inter';
}
.footer-inner.section-inner h4 {
    font-size: 18px;
}
.widget.widget_newsletterwidget {
    margin-top: 0px !important;
}
.footer-widgets.column-two.grid-item {
    display: flex;
    justify-content: space-around;
}
h2.widget-title.subheading.heading-size-3 {
    font-size: 18px;
    font-family: 'Inter';
	    color: #000;
}
li.scroll.active a {
    opacity: 1 !important;
    font-weight: 800;
}

.tnp-widget input.tnp-submit {
     background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    background-image: none;
    text-shadow: none;
    color: #fff;
    margin: 0;
    border: none !important;
    border-radius: 5px;
	text-decoration:none !important;
}
a.to-the-top {
    display: none;
}
.footer-nav-widgets-wrapper.header-footer-group {
       background: #f8f6ff;
    display: block;
}
footer#site-footer {
    padding: 8px;
    background: #ebe8f9;
    text-align: center;
}
footer#site-footer p {
    font-size: 14px !important;
	font-weight:400;
	    color: #707070;
}
aside.footer-widgets-outer-wrapper {
    border: 0px !important;
}

footer#site-footer .section-inner {
    justify-content: center;
}
p.powered-by-wordpress {
    display: none;
}
.portfolio-slider .slick-slide.slick-active .port-text {
	opacity:0;
}
.portfolio-slider .slick-slide.slick-current.slick-active .port-text {
    transform: translateY(50px);
    transition: 1s;
	opacity:1;
}
.portfolio-slider ul.slick-dots li.slick-active button {
    background: #f82222;
    border-color: #f82222;
}
.portfolio-slider ul.slick-dots li {
    margin: 3px;
}
.portfolio-slider ul.slick-dots li button {
color: transparent !important;
    background: transparent;
    width: 16px;
    height: 16px;
    border-radius: 30px;
    display: block;
    padding: 0px;
    border: 1px solid #ddd;
    outline: none;
    text-decoration: none;

}
.portfolio-slider button.slick-prev.slick-arrow {
    height: 50px;
    width: 50px;
    background: rgb(13 13 13 / 50%);
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(-50%,-50%);
    z-index: 1;
    font-size: 0px;
	text-decoration:none;
	outline:none;
}
.portfolio-slider button.slick-next.slick-arrow {
    height: 50px;
    width: 50px;
    background: rgb(13 13 13 / 50%);
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translate(-50%,-50%);
    z-index: 1;
    font-size: 0px;
	text-decoration:none;
	outline:none;
}
.portfolio-slider button.slick-prev.slick-arrow:before {
    content: "\f053";
    color: #ffff;
    font-size: 20px !important;
    font: normal normal normal 14px/1 FontAwesome;
}
.portfolio-slider button.slick-next.slick-arrow:before {
    content: "\f054";
    color: #ffff;
    font-size: 20px !important;
    font: normal normal normal 14px/1 FontAwesome;
}
.portfolio-slider ul.slick-dots {
    list-style: none;
    display: flex;
    position: absolute;
    bottom: 0px;
    transform: translate(-50%, -50%);
    left: 50%;
    margin: 0px;
}
.blog-slider .slick-track div:nth-child(even) .card {
    display: flex;
    flex-direction: column-reverse;
}
.blog-post {
    padding: 0px 15px;
}
/* .menu-modal-inner {
    background-image: url(https://wareworkstech.com/wp-content/themes/wareworks/images/pattern-bg.webp) !important;
} */
body.showing-modal {
    overflow: hidden;
}

.menu-modal.cover-modal.header-footer-group.show-modal.active {
    max-width: 100%;
    width: 100%;
}
.btn-animate {
	
    position: relative;
    display: inline-block;
    width: 200px;
    height: 50px;

    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
    text-decoration:none;
   font-family: 'Oswald', sans-serif !important;
    font-weight:600;
    font-size:16px;
	    margin-top: 20px;
  
}

.btn-animate svg {
    position: absolute;
    top: 0;
    left: 0;
	opacity:1;
	height: auto !important;
}

.btn-animate svg rect {
    //stroke: #EC0033;
    stroke-width: 2;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.btn-animate span{
  background: rgb(255,130,130);
  background: -moz-linear-gradient(left,  #fff 0%, #fff 100%);
  background: -webkit-linear-gradient(left,  #fff 0%, #fff 100%);
  background: linear-gradient(to right,  #fff 0%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 );
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-animate:hover svg rect {
    stroke-width: 2;
    stroke-dasharray: 147, 543;
    stroke-dashoffset: 437;
}

.btn-animate-black {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 50px;

    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
    text-decoration:none;
      font-family: 'Oswald';
    font-weight:600;
    font-size:16px;
      margin-top: 20px;
}

.btn-animate-black svg {
    position: absolute;
    top: 0;
    left: 0;
}

.btn-animate-black svg rect {
    //stroke: #EC0033;
    stroke-width: 2;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.btn-animate-black span{
  background: rgb(255,130,130);
  background: -moz-linear-gradient(left, #000 0%, #000 100%);
  background: -webkit-linear-gradient(left, #000 0%, #000 100%);
  background: linear-gradient(to right, #000 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 );
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-animate-black:hover svg rect {
    stroke-width: 2;
    stroke-dasharray: 147, 543;
    stroke-dashoffset: 437;
}
.banner-form input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:hover, .tnp-widget input.tnp-submit:hover {
       background-image: linear-gradient(
-225deg
, rgb(55, 136, 209) 35%, rgb(117, 93, 213) 100%) !important;
	color:#fff !important
}
.footer-inner.section-inner ul li a:hover {
    font-size: 14px;
       background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.banner-row {
     position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    max-width: 1100px;
}
.hero .b-slide-1 video {
    position: absolute;
    width: 100vw !important;
    top: 0px;
}
.banner-slider button.slick-prev.slick-arrow {
    height: 50px;
    width: 50px;
    background: rgb(13 13 13 / 50%);
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(-50%,-50%);
    z-index: 1;
    font-size: 0px;
    text-decoration: none;
    outline: none;
}
.banner-slider button.slick-prev.slick-arrow:before {
    content: "\f053";
    color: #ffff;
    font-size: 20px !important;
    font: normal normal normal 14px/1 FontAwesome;
}
.banner-slider button.slick-next.slick-arrow {
    height: 50px;
    width: 50px;
    background: rgb(13 13 13 / 50%);
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translate(-50%,-50%);
    z-index: 1;
    font-size: 0px;
    text-decoration: none;
    outline: none;
}
.banner-slider button.slick-next.slick-arrow:before {
    content: "\f054";
    color: #ffff;
    font-size: 20px !important;
    font: normal normal normal 14px/1 FontAwesome;
}
.banner-slider ul.slick-dots {
    list-style: none;
    display: flex;
    position: absolute;
    bottom: 30px;
    transform: translate(-50%, -50%);
    left: 50%;
    margin: 0px;
}
.banner-slider ul.slick-dots li {
    margin: 3px;
}
.banner-slider ul.slick-dots li.slick-active button {
    background: #fff;
    border-color: #fff;
}
.banner-slider ul.slick-dots li button {
    color: transparent !important;
    background: transparent;
    width: 10px;
    height: 10px;
    border-radius: 30px;
    display: block;
    padding: 0px;
    border: 1px solid #ddd;
    outline: none;
    text-decoration: none;
}

.banner-slider.slider.slick-initialized.slick-slider.slick-dotted.aos-init.aos-animate {
    max-width: 100vw !important;
/*     background: url(https://wareworkstech.com/wp-content/uploads/2021/02/bg1.jpg); */
/*     background-size: cover;
    background-position: right bottom; */
	    height: 100vh;
}

.hero {
    background: -moz-linear-gradient(45deg, #02e1ba 0%, #26c9f2 29%, #d911f2 66%, #ffa079 100%);
    background: -webkit-linear-gradient(45deg, #02e1ba 0%,#26c9f2 29%,#d911f2 66%,#ffa079 100%);
    background: linear-gradient(45deg, #02e1ba 0%,#26c9f2 29%,#d911f2 66%,#ffa079 100%);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	min-height: calc(100vh - 2rem);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-evenly;
	overflow: hidden;
	position: relative; 
}
.psac-slider-and-carousel .owl-dots .owl-dot.active{background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;border: none !important;}
.hero::before, 
.hero::after {
	content: "";
	width: 70vmax;
	height: 70vmax;
	position: absolute;
	background: rgba(255, 255, 255, 0.07);
	left: -20vmin;
	top: -20vmin;
	animation: morph 15s linear infinite alternate, spin 20s linear infinite;
	z-index: 1;
	will-change: border-radius, transform;
	transform-origin: 30% 30%;
	pointer-events: none; 
}
	
.hero::after {
    width: 70vmin;
    height: 70vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
    transform-origin: 10% 10%; 
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
  100% {
    border-radius: 40% 60%; } 
}

@keyframes spin {
  to {
    transform: rotate(1turn); 
  } 
}
	.st0{display:none;}
	.st1{display:inline;}
	.st2{opacity:0.29;}
	.st3{fill:#FFFFFF;}
	.st4{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
	.st5{clip-path:url(#SVGID_4_);}
	.st6{clip-path:url(#SVGID_6_);}
	.st7{clip-path:url(#SVGID_8_);}
	.st8{clip-path:url(#SVGID_10_);}
	.st9{fill:none;}
	.st10{clip-path:url(#SVGID_12_);}
	.st11{opacity:0.7;}
	.st12{clip-path:url(#SVGID_14_);}
	.st13{opacity:0.2;}
	.st14{clip-path:url(#SVGID_16_);}
	.st15{opacity:0.3;fill:#FFFFFF;enable-background:new    ;}





.b-slide1 {
    width: 100vw !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}
.banner-text p {
    max-width: 800px;
    margin: 0px auto;
}
.banner-text h2 {
    margin: 0px;
    font-size: 60px;
    text-transform: uppercase;
}

.banner-text {
    position: relative;
    text-align: left;
    color: #fff;
    z-index: 2;
}

a.btn-white:hover {
    background: #f82222;
    border-color: #f82222;
    color: #fff;
}

.menu-model-left div {
    max-width: 50%;
    flex-basis: 50%;
    text-align: left;
    padding: 20px;

    height: 50vh;
}
.menu-model-left {
    display: flex;
    flex-wrap: wrap;
	flex: 1;
}
.design1 img {
    position: absolute;
    top: 0px;
    right: 60px;
	    width: 75%;
}

.design1 {
    position: relative;    background: #fff;
}
.design2 img {
       width: 45%;
    position: absolute;
    right: 50px;
}
.menu-model-left h4 {
    font-size: 35px;
    font-weight: 300;
    position: relative;
    z-index: 1;
}
.menu-model-left h4 span {
    font-weight: 900;
}
.design1 {
    background: #fff;
}
.design2 {
    background-image: linear-gradient(
225deg
, #F4ED67 0%, #EDC34E 100%);
}
.design3 img {
    position: absolute;
    right: 50px;
    bottom: 40px;
	    width: 35%;
}
.contact-page-right h4 a{color:#fff;}
.menu-modal-inner.modal-inner {
    width: 350px;
}
.menu-modal.active .menu-modal-inner, .menu-modal-inner.modal-inner, .menu-modal.cover-modal.header-footer-group.show-modal.active, .menu-modal.cover-modal.header-footer-group {
    transition: none !important;
}
.header-inner {
	max-width: calc(100% - 75px) !important;}
.design3 {
    position: relative;
    background-image: linear-gradient(
135deg
, #FFC09A 0%, #FFC5DE 100%);
}
.design4 img {
      width: 45%;
    position: absolute;
    right: 40px;
}
.design4 {
    position: relative;
       background-image: linear-gradient(
60deg
, #fff1eb 0%, #ace0f9 100%);
}
.design2 {
    position: relative;
background: linear-gradient( 
90deg
 , rgb(253 220 235) 0%, rgb(192 220 253) 100%);
}
.single .site-description {
    color: #000 !important;
}
.banner-form p {
    margin-bottom: 0px;
}
.banner-form span.ajax-loader {
    transform: translate(-50%, -50%);
    top: 87% !important;
    left: 60% !important;
	position:absolute !important;
}
.single {
    padding-top: 75px;
}
.single .header-inner.section-inner, .page .header-inner.section-inner, .blog .header-inner.section-inner  {
    padding: 15px 0px;
}
nav.pagination-single.section-inner, .comments-wrapper.section-inner {
    display: none;
}

header.entry-header.has-text-align-center.header-footer-group {
    display: none;
}
.blogs .psac-post-meta, .blogs a.psac-post-cat{
    display: none;
}
button.owl-dot{
	background:#ddd !important;}
a.btn-animate.border-colored {
    outline: none !important;
}
.singular .featured-media::before {
    background: transparent !important;
}
.featured-media-inner.section-inner, figure.featured-media {
    position: static !important;
}
figure.featured-media {
    display: flex;
    flex-direction: column;
}
h1.entry-title {
    order: 1;
	margin: 40px 0px 0px !important;
    font-size: 55px;
}
.featured-media-inner.section-inner img {
    width: 100%;
    height: 475px;
    object-fit: cover;
}
.single main#site-content {
    max-width: 1140px;
    margin: 0px auto 40px;
	    min-height: 45vh;
}
.featured-media-inner.section-inner {
    order: 2;
    margin-top: 40px;
}
.post-inner.thin p {
    width: 100% !important;
    display: block;
    min-width: 100%;
    font-family: 'Inter';
    font-size: 16px;
}
.singular .featured-media {
    margin-top: 0;
    padding-bottom: 50px;
}

.post-inner.thin {
    order: 3;
	    padding-top: 30px;
}
.singular .featured-media::before{
	display:none !important;
}
figure.featured-media .container {
    order: 3;
    padding: 0px;
}
.onepage-pagination li a {
   opacity:0
}
.onepage-pagination li:hover a {
   opacity:1
}
/* -----------about-------- */
section.about-first h1 {
    font-size: 60px;
}
section.about-first {
    padding: 60px 0px;
    display: flex;
    color: #fff;
    height: max-content;
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
    min-height: 80vh;
	position:relative;
}

section.about-second p:before {
    width: 10px;
    height: 100%;
       background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
}
section.about-second p {
    color: #000;
    font-size: 18px !important;
    position: relative;
    padding-left: 40px;
}
section.about-second h2 {
    color: #000;
    font-family: 'Oswald';
}
section.about-second {
    padding: 60px 0px;
    color: #000;
	display:flex;
	    height: max-content;
}
section.about-third p:before {
    width: 10px;
    height: 100%;
       background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
}
body.page.page-template-blogs {
    padding-top: 75px;
}
section.about-third p {
    color: #000;
    font-size: 18px !important;
    position: relative;
    padding-left: 40px;
}
section.about-third h2 {
    color: #000;
    font-family: 'Oswald';
}
section.about-third {
    padding: 60px 0px;
    color: #000;
	display:flex;
	background:#f1f1f1;
	    height: max-content;
}
.blogs h2, .blogs p {
    color: #000;
}
.page section.blogs {
    padding: 30px 0px 60px;
	    height: max-content;
}
.home.page section.blogs {
    padding: 30px 0px 60px;
	    height: 100vh !important;
}
section.contact-first {
    padding: 0px;
}
.contact-page-right:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/wareworks/images/contact-bg.png);
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
	background-size:cover;
}
section.contact-first .container-fluid {
    padding: 0px 0px 0px 40px;
    position: static !important;
}
section.contact-first {
    position: relative;
  display: block;
	
}
section.contact-first h3 {
    margin: 0px 0px 10px;
	font-size:30px;
}
.contact-page-right {
 color: #fff;
    display: flex;
    padding: 40px;
    height: 100vh;
    max-width: 500px;
    align-items: center;
}
.contact-page-right h4 {
    font-size: 18px;
    margin-top: 10px;
}
.contact-page-right h5 {
    font-size: 18px;
    margin-bottom: 0px;
}
.contact-page-right p {
    color: #ddd;
    font-size: 16px;
}
ul.contact-social-media li a {
    color: #fff;
    font-size: 24px;
}
ul.contact-social-media li {
    margin: 30px 29px 30px 0px;
}

ul.contact-social-media {
    display: flex;
    list-style: none;
    margin: -1px;
}
section.contact-first {
    position: relative;
    display: block;
    height: max-content;
}

.portfolio-page-posts a:hover {
    background: #f82222;
    border-color: #f82222;
	color:#fff !important;
}
.portfolio-page-posts a {
    color: #fff;
    margin: 15px 30px 10px;
    display: inline-block;
    border: 2px solid #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    outline: none;
    text-decoration: none;
    font-weight: 600;
}
section.contact-first input::placeholder {
    color: #000;
    font-weight: 400;
}
section.contact-first input, section.contact-first textarea {
      border: 1px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    width: calc(100% - 10px);
    margin-bottom: 5px;
}
section.contact-first input:focus, section.contact-first textarea:focus {
    border: 1px solid #3f51b5;
    font-size: 16px;
    font-weight: 400;
    width: calc(100% - 10px);
    margin-bottom: 5px;
    outline: none;
}

section.contact-first h3 {
    margin: 0px 0px 10px;
}
section.contact-first p {
    margin: 0px;
}
.form-flex {
    display: flex;
}

.form-flex label {
    flex: 1;
}
.portfolio-page-posts p {
    color: #fff;
    font-size: 18px !important;
    padding: 10px 30px 0px;
}
.portfolio-page-posts .main_post h4 {
        color: #fff;
    padding: 30px 30px 0px;
    margin: 0px;
    font-size: 30px;
}
.portfolio-page-posts .main_post {
    min-height: 400px;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 5px;
}
.portfolio-page-posts {
    padding: 30px 0px 60px;
}
.home {
    padding: 0px !important;
}
.home header#site-header {
    background: transparent;
    box-shadow: none !important;
}
.home .site-title.faux-heading a{
	color:#fff;
}
section.services-first ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    flex-wrap: wrap;
}
section.services-first ul li {
  list-style: none;
    text-align: center;
    max-width: 23%;
    flex: 0 0 25%;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    padding: 45px 15px 30px;
    margin: 10px;
    background: #fff;
    min-width: 210px;
}
section.services-first {
    background: #f5f5f5;
}
section.services-first li img {
    margin: 0px auto;
    height: 52px;
}
section.services-first li h4 {
    font-size: 18px;
    margin: 16px 0px;
}
section.services-first {
    padding: 30px 0px;
}
section.services-first {
    background: #f5f5f5;
    height: auto;
}
ul.sub-menu {
    background: #fff !important;
    box-shadow: 5px 9px 10px rgb(0 0 0 / 20%);
}
ul.sub-menu li a {
    color: #000 !important;
}
body.home .services-tab ul.sub-menu li a, body.services-tab ul.sub-menu li a  {
    font-family: 'Inter';
    font-weight: 500;
	    color: #000 !important;
}
.services-tab ul.sub-menu li {
    flex-basis: 198px;
    position: relative;
	padding-left:15px;
}
.services-tab ul.sub-menu {
    display: flex;
    width: 597px;
    flex-wrap: wrap;
}

.services-tab ul.sub-menu li:before {
    content: "\f138";
     background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    left: 15px;
    top: 9px;
}
section.contact-link {
    background: url(/wp-content/themes/wareworks/images/digi-bg.png);
    background-size: cover;
    color: #fff;
    text-align: center;
	height:auto;
}

  section.about-first.ser-first {
    background: #7052a3;
    background-image: linear-gradient(to right, #0d079a, #001180, #021465, #0a144b, #0f1131);
	  background-image: linear-gradient(to right top, #3c108a, #4c0f91, #5b0e97, #690c9d, #7809a3);
}
 section.about-first.ser-first.api-first {
    background: #7052a3;
	 background-image: linear-gradient(to right, #0d079a, #001180, #021465, #0a144b, #0f1131);}
section.contact-link h3 {
    max-width: 700px;
    margin: 0px auto;
}
section.digi-services h3 {
    margin: 0px 0px 60px;
}
section.digi-services {
    height: auto;
    text-align: center;
}
.service-box p {
    font-size: 16px;
    color: #9b9b9b;
}

.service-box h5 {
    font-size: 18px;
    margin-top: 15px;
}
.service-box img {
    width: 66px;
}
.service-box {
    text-align: -webkit-center;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    padding: 40px 20px 20px;
    margin-bottom: 30px;
}
section.about-third.ser-third {
    background: #fff;
}
section.about-third.ser-third {
    background: #fff;
    height: auto;
    padding-top: 0px;
}
section.contact.scroll-section.inner-pages .row {
    margin-top: 0px;
}

section.contact.scroll-section.inner-pages {
    height: auto !important;
}
.portfolio .contact-img img {
    position: absolute;
    width: 200px;
    right: -10%;
    bottom: -10%;
    z-index: 1;
}
.wave1, .wave2 {
    height: 30px;
    position: relative;
    width: 100%;
    z-index: 12;
    left: 0;
    top: -28px;
}

.wave1 {
  -webkit-animation: wave-animation1 8.7s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 8.7s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 8.7s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 8.7s infinite linear; /* IE 10+ */
}
.wave2 {
  -webkit-animation: wave-animation1 6.3s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 6.3s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 6.3s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 6.3s infinite linear; /* IE 10+ */
}

@-webkit-keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% { background-position: 1601px 0; }
}
@-moz-keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% { background-position: 1601px 0; }
}
@-o-keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% { background-position: 1601px 0; }
}
@keyframes wave-animation1 {
  0%   { background-position: 0 0; }
  100% {background-position: 1601px 0;}
}

.wave1 {
    background: url('/wp-content/themes/wareworks/images/wave.png') 0 0 repeat-x;
}
.wave2 {
    background: url('/wp-content/themes/wareworks/images/wave.png') 0 0 repeat-x;
}
.area{
    background: #4e54c8;  
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);  
    width: 100%;
    height:100vh;
    
   
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}
.service-box h6 {
       background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Oswald';
	    margin-top: 0px;
}
section.about-first.ser-first.e-com {
    background-image: linear-gradient(
126deg
, #129991 0%, #054641 78%);
}
section.ecommerce-services {
    padding: 0px 0px 60px;
    text-align: center;
    height: min-content;
}
section.ecom-platform h3, section.ecommerce-services h3 {
    margin-top: 0px;
}
section.ecom-platform {
    text-align: center;
}
section.ecom-platform ul li p {
    font-size: 16px;
    color: #828080;
}
section.ecom-platform ul li h4 {
    font-size: 16px;
    min-height: 45px;
    margin: 0px;
}
section.ecom-platform ul li img {
    height: 60px;
    margin: 15px auto 26px;
}
section.ecom-platform ul li {
    flex: 1;
    align-items: center;
    border: 1px solid #ddd;
    padding: 15px 15px;
    margin: 5px;
}
section.ecom-platform ul {
    margin: 0px;
    list-style: none;
    display: flex;
}
section.ecom-platform {
    text-align: center;
    height: min-content;
}
section.about-first.ser-first.mob {
    background-image: linear-gradient(to left top, #052146, #004972, #007598, #00a3b6, #4cd2cb);
}
section.about-second.ser-second.mob-second {
    padding-top: 0px;
}
section.about-first.ser-first.robot {
    background-image: linear-gradient(to left, #72057b, #640679, #550777, #440875, #320a72);
}
section.about-first.about-sec {
    padding: 60px 0px;
    display: flex;
    color: #000;
    height: max-content;
    background-image: linear-gradient(to bottom, #edfffb, #ffffff);
    min-height: 80vh;
    position: relative;
}
section.about-first.about-sec p {
    color: #000;
}
section.about-first.about-sec .btn-animate {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 60px;
    line-height: 65px;
    text-align: center;
    text-transform: uppercase;
    background-color: #045556;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Oswald';
    font-weight: 600;
    font-size: 16px;
    margin-top: 20px;
    border-radius: 10px;
}
section.about-third.about-sec, section.about-second.about-sec {
    padding: 0px 0px;
    color: #000;

    background: #ffffff;
    height: max-content;
}
section.about-first h1 {
 
    margin-top: 0px;
}
section.about-second.about-sec p:before, section.about-third.about-sec p:before {
    width: 10px;
    height: 100%;
	background: #045556;}
section.about-first.about-sec {
    padding-bottom: 0px;
}
section.about-first.ser-first.ui {
    background-image: linear-gradient(
130deg
, #10054D 0%, #3D065F 75%, #45108A 100%);
}
section.about-second.ser-second.ui {
    padding-top: 0px;
}
section.about-first.ser-first.crm {
    background-image: linear-gradient(to right bottom, #2974ad, #1f5d96, #16467f, #0f3168, #081c51);
}
section.digi-services.crm {
    padding-top: 0px;
}
section.about-first.ser-first.testing {
    background-image: linear-gradient(to right bottom, #0bf6b3, #00c3cb, #008cd0, #0052b1, #170f6d);
}
section.about-first.ser-first.magento {
    background-image: linear-gradient(
131deg
, #888EB4 17%, #C2CBEA 100%);
}
.fixedMenu header#site-header {
    position: fixed;
    z-index: 91;
}
section.about-second.ser-second.magento {
    padding-top: 0px;
}
section.about-first.ser-first.digital-trans {
    background-image: linear-gradient(to right top, #12064f, #080645);
}
section.about-second.ser-second {
    padding-top: 0px;
}
.page-template-about section.blogs.scroll-section {
    min-height: auto;
    padding-top: 0px;
}
.jobs-slider .slick-slide {
    padding: 15px 10px;
}
.jobs-inner h5 {
    font-size: 16px;
    margin: 30px 0px 15px;
}
.jobs-inner h4, .positions .psac-post-margin-content h2 a, .positions .psac-post-margin-content h2  {
    margin: 25px 0px 20px !important;
    font-size: 22px;
    color: #765f8e;
	  font-family: 'Inter';
}
.single-post h1 {
    display: block;
    font-size: 42px;
    color: #765f8e;
}
.resume-form .wpcf7 {
    width: 100%;
}
.positions .psac-post-carousel-content {
    border: none !important;
}

.jobs-inner, .positions .psac-post-margin-content {
    border: 1px solid #e0eafc;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    background: #f4f6fc;
	  transition: 0.5s;
}
.jobs-inner ul, .positions .psac-post-margin-content ul, .single .post ul, ul.list-style {
    margin: 0px;
    list-style: none;
}
.jobs-inner ul li:before, .positions .psac-post-margin-content ul li:before, .single .post ul li:before, ul.list-style li:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: transparent;
    left: 0px;
    border-radius: 17px;
    top: 5px;
    border: 2px solid #755dd5;
}
.jobs-inner ul li, .positions .psac-post-margin-content ul li, .single .post ul li, ul.list-style li{
    font-size: 16px;
    text-align: left;
    position: relative;
    padding-left: 15px;
    color: #514063;
    padding-bottom: 10px;
	   font-family: 'Inter' !important;
	    margin-left: 0px;
}
.single .post .wp-block-contact-form-7-contact-form-selector {
    background: #f3f6fb;
    padding: 30px;
    border-radius: 10px;
}

.single .post .wp-block-contact-form-7-contact-form-selector label {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 14px;
}



.single .post .wp-block-contact-form-7-contact-form-selector br {
    display: none;
}

.single .post span.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
}
.positions .psac-post-short-content {
    font-size: 16px;
    text-align: left;
    position: relative;
    padding-left: 15px;
    color: #514063;
    padding-bottom: 10px;
    font-family: 'Inter' !important;
}
.positions .psac-post-categories, .positions .psac-post-meta {
    display: none;
}
.jobs-inner a, .positions .psac-post-margin-content a.psac-readmorebtn {
    color: #fff !important;
    padding: 10px 20px;
    min-width: 145px;
    display: inline-block;
    margin: 20px;
    font-weight: 600;
	border: none;
    background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    font-family: 'Inter';
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
}
section.available.positions {
    padding-top: 0px;
    height: auto;
}
.jobs-inner:hover, .positions .psac-post-margin-content:hover {
    transform: scale(1.05);
    transition: 0.5s;
}
section.resume-form {
    height: auto;
    background: #f3f6fb;
}
section.resume-form br {
    display: none;
}
section.resume-form form {
    border: 1px solid #e6efff;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
}
section.resume-form form label {
    margin-top: 10px;
    font-size: 14px;
}
section.resume-form span.wpcf7-form-control-wrap.file-727 {
    margin-bottom: 25px;
    display: block;
}
section.resume-form div#wpcf7-f1000-o1 {
    width: 100%;
}
section#resume h4 {
    margin-top: 0px;
}
section.banner.blogBanner p {
    color: #fff;
}
section.banner.blogBanner h2 {
    color: #fff;
    margin: 0px;
}
section.banner.blogBanner {
    background: #2f3b4b;
    padding: 60px 0px;
    height: auto;
    text-align: center;
}
section.showPostz {
    height: auto;
}
.CusPosts img {
    height: 260px;
    object-fit: cover;
	width:100%;
}
.cuspagination a {
    color: #000;
    font-size: 14px;
}
.cuspagination {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.withFlexWrap {
    display: flex;
    flex-wrap: wrap;
}
.postBotz h2 {
    font-size: 24px;
    margin: 15px 0px;
}
span.pDate {
   background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    display: inline-block;
    border-radius: 20px;
    padding: 2px 14px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
}
.postBotz a {
    display: block;
    margin-top: 18px;
      background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.CusPosts {
    width: 33.33%;
    padding: 12px;
    margin-bottom: 50px;
}
.portfolio .psac-post-title {
    color: #000;
    font-size: 42px;
}
.portfolio .psac-post-categories a {
   
    font-size: 20px;
}
.blogs .psac-post-title a {
    color: #000;
    font-size: 22px;
}
.news ul.wpra-item-list.rss-aggregator {
    margin: 0px;
}
.page-id-239 main {
    display: flex;
    background: url(/wp-content/themes/wareworks/images/newsletter-bg.svg);
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 100vh;
    align-items: center;
	    background-color: #fdf4f7;
}
.page-id-239 article {
    margin: 0px 40px;
}
.page-id-239 .container {
    max-width: 100%;
    padding: 0px;
}
.page-id-239 h1 {
    margin: 0px !important;
    font-size: 36px;
}
.page-id-239 .tnp.tnp-subscription {
    margin: 0px !important;
}
.page-id-239 input.tnp-submit {
      background: #f44335 !important;
    font-size: 15px !important;
    font-family: 'Inter';
    padding: 14px 40px !important;
    border-radius: 5px;
}
.page-id-239 input.tnp-email {
    background: #ffffff !important;
    border: 1px solid #000 !important;
    border-radius: 0px;
}
.page-id-239 label {
    font-family: 'Inter';
    padding: 0px 0px 5px !important;
}
.page-id-239 p {
    color: #f82222;
    font-weight: 800;
    font-size: 20px !important;
}
.page-id-239 p strong {
    color: #000;
    font-weight: 400;
    font-size: 18px;
    margin-top: 5px;
    display: block;
}

section.policy-banner h1 {
    font-size: 45px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0px;
}
section.policy-banner p {
    text-align: center;
}
section.policy-banner {
    padding: 40px 0px 40px !important;
    height: auto !important;
    background: #f8f6fe;
}
section.terms-content {
    height: auto !important;
    padding: 50px 0px 60px !important;
}
section.about-first.ser-first.hire-first {
    background-image: linear-gradient(
135deg
, #667eea 0%, #764ba2 100%);
}
section.about-first.ser-first.msd-first img {
    margin: 0px auto;
}
section.about-first.ser-first.msd-first {
    background-image: linear-gradient(
-225deg
, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
}
section.about-second.msd-second h3 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

section.about-second.msd-second {
    padding-top: 0px;
}
section.about-second.hire-second {
    padding-top: 0px;
}

section.about-second.hire-second h3 {
    margin-top: 0px;
    text-align: center;
}

section.about-second.hire-second p {
    padding: 0px;
}

section.about-second.hire-second p:before {
    display: none;
}
section.about-second.hire-second h5 {
    margin-top: 25px;
    font-size: 22px;
}
section.about-first.ser-first.sales-first {
    background-image: linear-gradient(
38deg
, #3b41c5 0%, #a981bb 49%, #ffb5ae 100%);
}
.service-box h6 {
    margin-top: 0;
}
section.about-first.ser-first.error-first {
    min-height: 100vh;
    background-image: linear-gradient(50deg, #3ab5b0 0%, #3d99be 31%, #56317a 100%);
}
section.all-news .nav-links {
    font-family: 'Inter';
	    font-size: 18px;
    font-weight: 600;
}
section.all-news .nav-links a {
    color: #d4d4d4;
    font-weight: 400;
}
section.all-news span.alignleft.wpra-feed-current-page {
    background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 600;
}
section.all-news .nav-next.alignleft.wpra-feed-next-pages a {
    background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.all-news .nav-next.alignleft.wpra-feed-next-pages a:hover {
    background-image: linear-gradient( 
225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page-id-4352 .post-inner.thin {
    padding-top: 0px;
    margin-top: -10px;
}
.header-toggles.hide-no-js {
    display: flex;
    flex-direction: row-reverse;
    margin: 0px !important;
}
button.toggle.search-toggle.desktop-search-toggle {
    padding: 0px;
    margin: 0px 25px;
}
 body:not(.overlay-header) .header-inner .toggle-wrapper::before{
	display:none !important;
}
form.search-form input {
    outline: none !important;
}
.search{
    padding-top: 90px;
    background: #fdfdfd !important;
}
.search h1 span, .search-results .entry-categories-inner a {
    background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border-color:rgb(55, 136, 209) ;
}
.search header.archive-header.has-text-align-center.header-footer-group {
    background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
}
.search article {
    max-width: 1140px;
    margin: 0px auto;
    padding: 30px 15px 40px !important;
    border-bottom: 1px solid #e4e4e4;
}
.search .entry-categories {
    margin-bottom: 0px;
}
.search h2 a, .search h2 {
    font-size: 36px !important;
    line-height: 36px;
    margin: 0px !important;
}
.search hr{
	display:none !important;
}
.search .no-search-results-form.section-inner.thin {
    padding-bottom: 60px;
}
.search input.search-submit {
    background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%);
    border-radius: 5px;
}
.search .nav-links {
    font-size: 18px !important;
    margin-bottom: 60px !important;
	    margin-top: 20px !important;
}
.search span.page-numbers.current, .search a.page-numbers:hover {
	    background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.search a.page-numbers {
    color: #a9a9a9;
    font-weight: 400;
}