/*!
Theme Name: ebinayadesigns
Theme URI: http://www.ebinayadesigns.com/
Author: ebinayadesigns.com
Author URI: http://www.ebinayadesigns.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ebinayadesigns
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}
.logged-in .navbar-fixed-top{
	top:32px;
}
@media screen and (max-width: 782px) {
	.logged-in .navbar-fixed-top{
		top:46px;
	}
}
@media screen and (max-width: 600px) {
	.logged-in .navbar-fixed-top{
		top:42px;
	}
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/* Custom */
@font-face{font-family:'Brandon Text';src:url("assets/fonts/BrandonText-light.eot");
src:url("assets/fonts/BrandonText-light.eot?#iefix") format("embedded-opentype"),
url("assets/fonts/BrandonText-light.woff") format("woff"),url("assets/fonts/BrandonText-light.ttf") format("truetype");
font-style:normal;font-weight:300}
@font-face{font-family:'Brandon Text';src:url("assets/fonts/BrandonText-Medium.eot");
src:url("assets/fonts/BrandonText-Medium.eot?#iefix") format("embedded-opentype"),
url("assets/fonts/BrandonText-Medium.woff") format("woff"),
url("assets/fonts/BrandonText-Medium.ttf") format("truetype");font-style:normal;font-weight:600}
@font-face{font-family:'Brandon Text';src:url("assets/fonts/BrandonText-Black.eot");
src:url("assets/fonts/BrandonText-Black.eot?#iefix") format("embedded-opentype"),
url("assets/fonts/BrandonText-Black.woff") format("woff"),
url("assets/fonts/BrandonText-Black.ttf") format("truetype");font-style:normal;font-weight:900}
body {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    color: #6E7076;margin: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   
    background-color: #f6fafb; 
}
img {
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6{font-family: 'Brandon Text';font-weight:bold;color:#5333ed;line-height: 1.2; }
a{color: #172232;}
a:hover,.blue,.main-navigation ul li.current_page_item a{color:#5333ed;text-decoration: none;}
.green{color: #2cd4d9;}
header#masthead:before, header#masthead:after {
    display: none;
}
header#masthead {
    padding: 10px 0%;position: relative;
    border-bottom: 1px solid #eee;
    z-index: 100;
}
header#masthead > .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.container{
	max-width:1400px;	
}
header#masthead.fixed,.home header#masthead.fixed{
    background: #fff;border-bottom: 1px solid #eee;
    position: fixed;left: 0;right: 0;
    top: 0;z-index: 999;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
header#masthead.fixed h1.site-title a,
header#masthead.fixed .main-navigation ul li.current_page_item a,
header#masthead.fixed .main-navigation .social_icons a{
    color: #5333ed;
}
header#masthead.fixed .main-navigation ul li a {
    color: #172232;
}
.main-navigation .social_icons {
    display: inline-block;
    margin: 0;
}
.main-navigation .social_icons a {
    display: inline-block;
    margin: 0 8px;
    font-size: 17px;    
}
.home header#masthead {    
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100000;
    border-bottom: none;
}
header#masthead.absolute {
    top: 0 !important;
}
.home div#content{margin-top:0 !important;}
.home h1.site-title a,.home .main-navigation ul li a,.home .main-navigation .social_icons a {
    color: #000;
}
.hero{    
    /*background-image: linear-gradient(-30deg, #00004d 0%, #5333ed 49%, #2cd4d9 100%);*/
	background-image: linear-gradient(-30deg, #99ebff 9%, #ffffff 49%, #ebebeb 100%);
    height: 800px;
    width: 100%;    
    background-size: auto;
    position: relative;
    background-position: center right;
    display: flex;background-repeat: no-repeat;
    flex-direction: column;
}
.hero .row {
    align-items: center;
}
.hero-text{position: relative;z-index: 1;}
.hero-image{
    position: static;
    z-index: 0;
}
.hero-content {
    position: relative;
    margin-top: -200px;
    display: flex;
    align-items: center;
    flex: 1;width: 100%;
    overflow: hidden;
}
.hero svg {
    width: 85%;
    height: auto;
    position: absolute;
    right: -4%;
    top: 60%;
    max-height: 750px;
    transform: translateY(-50%);
    z-index: 0;
}
#main .hero h2{
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 35px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#main .hero h2:before{content:none;}
.hide,.site-info,span.edit-link{
    display: none !important;
}
.main-navigation ul {
    display: block;
    margin: 0;padding: 0;
}
.main-navigation .menu-main-container, .main-navigation .btn {
    display: inline-block;
    vertical-align: middle;
}
.main-navigation .btn {
    margin-left: 30px;
}
.main-navigation ul li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 15px;position: relative;    
    letter-spacing: 1px;
}
.main-navigation ul li.current_page_item a {
    font-weight: 700;
}
.main-navigation ul li::after {
    position: absolute;
    content: '';
    left: -3px;
    top: 0;
    height: 100%;
    width: 0%;
    background-color: rgba(0, 60, 255, 0.4);
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.main-navigation ul li:hover:after {
    width: 60%;
}
.hero .wp-block-cover-text a,.btn{
    border: none;outline: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff !important;
    font-size: 14px;
    background-color: #5333ed;
    padding: 12px 25px;
    margin: 0 0 0 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
    border-radius: 0;z-index: 1;
    letter-spacing: 0.04em;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn,.wpcf7-form-control.wpcf7-submit{margin:0;}
.main-navigation .btn:after,.Testimonials .btn:after,.btn:after,.wpcf7-form-control.wpcf7-submit:after,
.hero .wp-block-cover-text a:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    /*background: #78c7d2;*/
    background: #150773;z-index: -1;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-120%) translateY(-20%) rotate(45deg);
    transform: translateX(-120%) translateY(-20%) rotate(45deg);
}
.main-navigation .btn:hover:after,.Testimonials .btn:hover:after,.btn:hover:after,.wpcf7-form-control.wpcf7-submit:hover:after,
.hero .wp-block-cover-text a:hover:after{
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
.form-submit-wrap {
    display: inline-block;position: relative;
}
.Footer_newsletter .wpcf7 .ajax-loader {
    position: absolute;    
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.form-submit-wrap .wpcf7-form-control.wpcf7-submit {
    min-width: 150px;
    display: block;
}
.site-title{
    text-transform: uppercase;    
    font-size: 20px;
    margin: 0;font-weight: 700;
    letter-spacing: 5px;    
}
.site-title a{
    color: #5333ed;
}
.site-title a::first-letter{
    color: #007bff;
    font-size:200%;
}
.home #content .entry-header {
    display: none;
}
.home #content .entry-content {
    margin: 0;
}
.wp-block-cover.hero {    
    margin: 0;
    height: 600px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.hero .wp-block-cover-text {
    font-size: 45px;max-width: 100%;
    line-height: 45px;font-family: 'Brandon Text';
    font-weight: 600;
}
.hero .wp-block-cover-text strong{
    font-size: 85px;letter-spacing: 2px;
    color:#fff;font-weight: 900;     
    line-height: normal;
    display: block;
    text-shadow: 4px 4px 10px #000;
}
.hero .wp-block-cover-text p {
    text-shadow: 4px 4px 10px #000;
}
.hero .wp-block-cover-text a{
    font-size: 22px;    
    margin: 30px 0 0;
    overflow: hidden;
    display: inline-block;
    padding: 10px 25px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 8px #000;
}
.hero .wp-block-cover-text a:hover{
    background: #150773;
}
.hero-content h1{
    color: #000;
    font-size: 42px;
    font-weight: 900;
    text-shadow:0em 0.1em 0.1em rgba(0,0,0,0.18);
}
.hero-content p{
    font-size: 18px;
    line-height: 1.6;
    margin-top: 20px;
    color: #000;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.hero-content .btn{
    display: inline-block;
    margin-top: 40px;
}
.bottom-divider,.top-divider{
    transition: height 300ms ease 0ms,height 300ms ease 0ms,background-size 300ms ease 0ms,background-size 300ms ease 0ms;
    background-image: url(images/divider.svg);
    background-size: 100% 300px;
    bottom: 0;
    height: 300px;
    z-index: 1;
    transform: rotateX(180deg);
    display: block;
    position: absolute;
    width: 100%;
    pointer-events: none;
    background-repeat-y: no-repeat;
}
.top-divider{
    bottom: auto;top:0;z-index: 0;
    background-image: url(images/divider.svg), linear-gradient(-30deg, #00004d 0%, #5333ed 49%, #2cd4d9 100%);height: 400px;background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 400px;
}
.btn,.wpcf7-form-control.wpcf7-submit{    
    border: none;
    padding: 11px 33px;
    box-sizing: border-box;
    border-radius: 80px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;        
    transition: all 120ms linear;
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    background-color: #2cd4d9;    
}
.services h4 span {
    background: #150773;
    width: 75px;
    height: 75px;
    text-align: center;
    display: inline-block;
    line-height: 65px;
    border-radius: 50%;
    position: absolute;
    left: -100px;
    z-index: 3;color: #fff;
    border: 5px solid #fff;
}
.services h4 span img {
    filter: invert(100%);
}
.services .wp-block-column {
    position: relative;
}
.services.wp-services h4 span {
    right: -100px;
    left: auto;
}
#Services h3 {
    margin-top: -60px;
    margin-bottom: 60px;
}
.Portfolio {
    margin: 70px 0 0;    
    padding: 30px 0 70px;
}
.services.Portfolio h3 {
    margin-bottom: 20px;
}
.Portfolio img{
    width: 100%;
    -webkit-transition: -webkit-transform .25s ease-out,opacity .25s;
    transition: transform .25s ease-out,opacity .25s;
}
.portfolio_carousel_item:hover img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
}
.portfolio_carousel {
    padding: 25px 40px 0;
}
.portfolio_carousel_img{
    overflow: hidden;display:block;
    padding: 0;margin-bottom: 20px;margin-top: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
}
.portfolio_carousel_item {
    overflow: hidden;padding: 0 15px;
}
.portfolio_carousel_item span {
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px;
    padding: 0 15px;
}
.owl-carousel div.owl-nav button.owl-prev, .owl-carousel div.owl-nav button.owl-next {
    position: absolute;
    left: 25px;
    top: 50%;outline: none;
    transform: translateY(-50%);
    background: #2cd4d9;
    width: 60px;
    height: 50px;
    color: #fff;
    font-size: 45px;
    line-height: 45px;
}
.owl-carousel div.owl-nav button.owl-prev span,.owl-carousel div.owl-nav button.owl-next span{
    display: block;
    line-height: 45px;
    height: 100%;
}
.owl-carousel div.owl-nav button.owl-next{
    left: auto;right: 25px;
}
.Portfolio,.Portfolio-blocks{position: relative;}
.Portfolio-blocks:after{
    content: "";
    position: absolute;
    left: 0;
    top: -600px;
    right: 0;
    background: rgba(137, 166, 255, 0.1);
    z-index: -1;
    height: 800px;
    clip-path: polygon(0% 0, 0% 0%, 100% 100%, 0 100%);
}
.Portfolio-blocks .wp-block-column,.Portfolio-blocks .wp-block-cover{
    margin: 0;
}
.Portfolio-blocks .wp-block-cover {
    min-height: 300px;
}
.Portfolio-blocks .wp-block-cover-text{
    background: rgba(47, 94, 247, 0.8);
    height: 0;padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    width: 361px;
    overflow: hidden;position: absolute;top: 0;left: 0;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.Portfolio-blocks .wp-block-cover:hover .wp-block-cover-text{
    height: 100%;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    top: 0px;padding: 20px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}
.Portfolio-blocks .wp-block-cover:before{
    content:none;
}
.Portfolio-blocks .wp-block-cover h3{
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;    
    padding: 10px;    
    margin: 20px 0 0 0;
}
.Portfolio-blocks .wp-block-cover p {    
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.Portfolio-blocks .wp-block-cover a,.Portfolio-blocks .wp-block-cover a:hover{
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    background: #fff;
    color: #150773;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #fff;
    -moz-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}
.clipbg {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}
.Testimonials {
    padding: 80px 0 45px;
    position: relative;
    background: #fff;    
}
.Testimonials:before{
    content:"";position: absolute;left:0;right:0;top:0;height:82%;
    background-image: linear-gradient(-30deg, #00004d 0%, #5333ed 49%, #2cd4d9 100%);
    background-size: auto;
    background-position: center right;
    background-repeat: no-repeat;
}
.Testimonials .bottom-divider {
    top: calc(82% - 120px);
    background-image: url(images/divider.svg);
    background-size: 100% 120px;
    background-position: bottom center;
    z-index: 0;
    height: 120px;
    bottom: auto;
}
#main .Testimonials  h2 {
    color: #fff;
    font-weight: 700;
    font-size: 47px;
    line-height: 45px;
    margin-bottom: 30px;
    position: relative;
    margin-top: -7px;
}
#main .Testimonials  h2:before{content:none;}
#main .Testimonials h2:after{
    content: "";
    background: url(images/quote1.png) no-repeat left top;
    background-size: contain;
    width: 80px;
    height: 80px;
    position: absolute;
    left: -10px;
    top: -40px;
    z-index: 0;
    opacity: 0.2;
}
.Testimonials p {
    font-size: 20px;
    color: #fff;margin-bottom: 50px;
}
.Testimonials .btn,.Testimonials .btn a{
    margin: 0 0 0 0px;color:#fff;
}
.quote {
    background: #fff;margin-bottom: 35px;
    padding: 20px 25px;transform: translateX(-5px);
    color: #172232;position: relative;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
}
.quote:nth-child(even) {
    transform: translateX(30px);
}
.quote:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    border-left: 5px solid #2cd4d9;
    width: 5px;
    height: 50px;
}
.quote:nth-child(even):after{
    left: auto;right: 0;border-right: 5px solid #2cd4d9;border-left:none;
}
.quote p {
    color: #172232;
    font-size: 18px;
    margin: 0 0 15px;
}
.quote cite {
    font-weight: 500;
    color: #5333ed;
}
.quote cite:before {
    content: "- ";
}
.main-timeline {
    position: relative;
    padding: 20px 0 50px;
}
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.why-choose-title {
    margin-bottom: 50px;position: relative;
}
.main-timeline .timeline{
    width: 50%;
    margin: 0 10px 15px 0;
    float: left;
}
.main-timeline .timeline-content{
    color: #fff;
    text-align: right;
    display: block;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after{
    content: "";
    background-image: linear-gradient(151deg,#2cd4d9 0%,#5333ed 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    -webkit-clip-path: polygon(10% 0, 100% 10%, 95% 100%, 0 90%);
    clip-path: polygon(10% 0, 100% 10%, 95% 100%, 0 90%);
}
.main-timeline .timeline-content:after{
    background-image: linear-gradient(-30deg, #00004d 0%, #5333ed 49%, #2cd4d9 100%);
    z-index: -2;
    -webkit-clip-path: polygon(10% 10%, 95% 0, 90% 90%, 5% 100%);
    clip-path: polygon(10% 10%, 95% 0, 90% 90%, 5% 100%);
}
.main-timeline .timeline-icon{
    color: #2cd4d9;
    background-color: #5333ed;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    box-shadow: 0 0 4px #000, 0 0 0 10px #fff, 0 0 10px 6px #000;
    display: block;
    transform: translateY(-50%);
    position: absolute;
    top: 57%;
    right: -30px;
}
.main-timeline .inner-content{ padding: 25px 85px 25px 40px; }
.main-timeline .title{
    font-size: 20px;
    font-weight: 800;color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.main-timeline .description{
    font-size: 15px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){
    float: right;
    margin: 0 0 15px 10px;
}
.main-timeline .timeline:nth-child(even) .timeline-content{ text-align: left; }
.main-timeline .timeline:nth-child(even) .timeline-content:before,
.main-timeline .timeline:nth-child(even) .timeline-content:after{
    transform: rotateY(180deg);
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: -45px;
    right: auto;
}
.main-timeline .timeline:nth-child(even) .inner-content{ padding: 25px 40px 25px 85px; }
#main h2,#main h2 span,.services h3{position: relative;text-transform: uppercase;}
#main h2:before,.why-choose-title:before,.services h3:before,
article.page header.entry-header h1:before{
    content: none;
    position: absolute;
    top: -35px;
    left: 50%;
    width: 30px;
    height: 4px;
    background: #2cd4d9;transform:translateX(-50%);
    -webkit-transition: width 1s cubic-bezier(.23,1,.38,1) 1.3s;
    -o-transition: width 1s cubic-bezier(.23,1,.38,1) 1.3s;
    transition: width 1s cubic-bezier(.23,1,.38,1) 1.3s;
}
.features-title h2:before{left: 10%!important;transform: none!important;}
#main h2 > span:after,.services h3:after,.features-title h3 small:before,.Portfolio strong:after{
    position: absolute;
    content: none;
    height: 20px;
    width: 20px;
    -webkit-transition: height 1.8s cubic-bezier(.23,1,.38,1) 1.2s;
    -o-transition: height 1.8s cubic-bezier(.23,1,.38,1) 1.2s;
    transition: height 1.8s cubic-bezier(.23,1,.38,1) 1.2s;
    right: -4px;
    bottom: 7px;
    background: #2cd4d9;
    z-index: -1;
}
.Portfolio strong:after{
    right: -1px;
    bottom: 9px;
}
.features-title h3 small:before{
    left:0px;
    top: 2px;
    right: auto;
    bottom: auto;
}
.features-title h3 small,.Portfolio strong{position: relative;}
#main h2 strong {
    color: #5333ed;
    text-transform: unset;
    font-weight: bold;
    font-size: 110%;
}
div#Services {
    margin-top: 0;
    z-index: 1;
    background: #fff;
    position: relative;
    padding-bottom: 90px;
}
.services h3 {
    display: inline-block;
    font-size: 50px;
    letter-spacing: 0px;
    font-weight: 600;
    margin-bottom: 90px;
    margin-top: 60px;
}
.services h3 span,.why-choose-title small{
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: -4px;
}
.why-choose-title small{margin-bottom:0px;}
.services h4{font-weight: bold;}
.service-img svg{
    width: 100px;
}
.service-inner{
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    max-width: 395px;
    padding-top: 40px!important;
    padding-right: 23px!important;
    padding-bottom: 40px!important;
    padding-left: 23px!important;margin-top: 120px;
    background:#fff;margin-left:auto;margin-right: auto;
    transition: color 300ms ease 0ms,color 300ms ease 0ms;
    box-shadow: 0px 2px 48px 0px rgba(0,0,0,0.1);    
}
.service-inner.middle,.wp_services .service-inner.middle{margin-top:0px;}
.services-hero {
    width: 320px;
    margin: -60px auto 0;
}
.services-hero svg{width:100%;height:320px;}
.service-inner h5 {
    margin-top: 5px;
}
.wp_services{
    margin-top: -120px;
}
.wp_services .service-inner{margin-top: 180px;}
.hire_us h2:after {
    content: none;
    background: #fff;
    position: relative;
    bottom: 0;
    left: 0;width: 30px;
    height: 4px;
    margin: 20px auto 20px;
    transform: none;
    right: 0;
    display: block;
}
.hire_us h2, .hire_us h2 span,.hire_us p,.hire_us a{
    color: #fff;text-align: center;
}
.hire_us h2 {
    font-size: 45px;margin-bottom: 30px;font-weight: normal;font-weight: 600;
    text-transform: uppercase;
}
.hire_us p {
    font-size: 20px;margin-bottom: 30px;
}
.hire_us p a {
    display: block;
    font-size: 25px;
}
.social_icons {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
}
.social_icons a {
    display: inline-block;
    margin: 0 15px;
    font-size: 20px;
    color: #5333ed;
}
.site-footer {
    padding-top: 0px;background: #150773;margin-top: 80px;
}
body.home .site-footer{margin-top:0px;}
.footer_logo .site-title{color:#fff;position: relative;margin-bottom: 30px;letter-spacing: 4px;font-size: 16px;}
.footer_logo .site-title a{color:#fff;}
.footer_logo {
    margin-bottom: 40px;letter-spacing: 4px;
}
.footer_logo p {
    font-size: 13px;
    letter-spacing: 0;
    color: #8586b2;
}
.footer_middle {
    padding-top: 55px;color: #fff;
    display: block;
    margin: 0 -25px;
}
.footer_middle > div {
    float: left;
    width: 23.333333%;
    padding: 0 25px;
}
.footer_middle > div.footer_logo {
    margin-bottom: 40px;
    width: 30%;
    padding-right: 40px;
}
.FooterLinks li {
    list-style: none;
    margin: 0 0 10px;
}
.FooterLinks li a{color:#8586b2;}
.FooterLinks li a:hover{color:#fff;}
.FooterLinks ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.FooterLinks h5 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0 0 25px;
    color: #fff;
}
.FooterLinks h5:before,.footer_logo .site-title:before {
    content: none;
    height: 3px;
    width: 25px;
    background: #fff;
    display: block;
    margin: 0px 0 20px;
}
.copyright {
    clear: both;
    font-size: 13px;
    padding: 25px 0;color: #8586b2;
    border-top: 1px solid rgba(133, 134, 178, 0.3);
}
.copyright p {
    margin: 0;
}
.Footer_newsletter h4 {
    font-size: 18px;
    margin-bottom: 0;
    letter-spacing: 1px;
}
.Footer_newsletter form.wpcf7-form {
    display: flex;flex-wrap: wrap;
    justify-content:center;
}
.Footer_newsletter form p{margin:0;}
.Footer_newsletter input {
    border: none;
    padding: 9px 10px;
    max-width: 100%;
    border-bottom: 1px solid #aaa;
    padding-left: 0;
}
.wp-block-image.Portfolio-blocks {
    margin: 0;
}
.footer_contact i {
    color: #8586b2;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 7px;
}
.footer_contact i.fa-phone {
    margin-right: 0px;
}
.footer_contact {
    margin: 5px 0 0;
    font-family: 'Brandon Text';
    font-weight: 600;
    letter-spacing: 1px;
}
.footer_contact a {
    color: #fff;
    font-size: 16px;
}
.form-field.form-input.field-half {
    float: left;
    width: 50%;
}
.form-input input {
    max-width: 97%;
    border: none;
    height: 40px;color:#fff;
    width: 100%;margin-bottom: 20px;
    background: transparent;
    border-bottom: 2px solid #aaa;
    outline: none;
}
.form-input input::placeholder,.form-input textarea::placeholder{
    opacity:1;color:#ccc;
}
.form-field.field-half input {
    max-width: 93%;
}
.form-field.form-input {
    width: 100%;
    display: inline-block;
    margin-bottom: 12px;
}
.form-input textarea {
    width: 100%;
    max-width: 97%;
    height: 100px;color:#fff;
    background: transparent;
    border: none;margin-bottom: 20px;
    border-bottom: 2px solid #aaa;
    outline: none;
}
.form-field.form-input label {
    color: #fff;display: none;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
}
.form-field.form-input br {
    display: none;
}
.wpcf7-form-control.wpcf7-submit {        
    min-width: 150px;
}
.hire_us {
    padding: 0px 0;
    align-items: stretch;
    background-image: linear-gradient(120deg, #5333ed 40%, #2cd4d9 100%);
}
.hire_us .wp-block-media-text__media img {
    height: 100%;
    position: relative;
    object-fit: cover;
}
.hire_us.wp-block-media-text .wp-block-media-text__content,.hire_us .wp-block-media-text__content{    
    padding: 50px 10% 100px;
}
.form-submit {
    text-align: center;
    margin-top: 5px;
}
.Portfolio-blocks img {
    width: 100%;
}
.features,.Footer_newsletter{
    display: flex;
    align-items: center;    
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
    padding: 40px;margin-top: -120px;
    position: relative;
    z-index: 2;
    margin-bottom: 45px;
}
.features-title {
    width: 30%;
}
.features-title h3,.features-title h2{
    font-weight: bold;padding: 0 10%;margin:0;
    font-size: 1.75rem;
}
.features-title h3 small,.features-title h2 small{
    display: block;
    font-weight: 600;
    color: #172232;
}
ul.features-list {
    list-style: none;
    column-count: 3;
    margin: -0px 0 -30px;
    padding: 0;
    font-family: 'Brandon Text';
    width: 70%;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
ul.features-list li {
    padding: 10px 20px 15px;
    color: #43414e;
    text-align: center;
    margin-bottom: 35px;
    position: relative;
    white-space: nowrap;
}
ul.features-list li:after {
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    background: #2cd4d9;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
}
ul.features-list li .feature-icon{
    display: inline-block;
    vertical-align: middle;
}
ul.features-list li p {
    font-weight: 500;
    text-transform: none;
    line-height: normal;
    font-size: 15px;
    margin-top: 5px;
    white-space: normal;
}
ul.features-list i,ul.features-list li svg{
    color: #2cd4d9;
    font-size: 33px;
    margin-right: auto;
    min-width: 55px;
    position: relative;
    top: -2px;
    text-align: center;
    display: block;
    vertical-align: middle;
    width: 55px;
    height: 45px;
    margin-left: auto;
    margin-bottom: 8px;
}
ul.features-list i.fa.fa-crosshairs {
    font-size: 40px;
}
ul.features-list i.fa.fa-life-ring {
    font-size: 30px;
}
.hero .wp-block-cover-text h1, .hero .wp-block-cover-text p,.wow{
    visibility: hidden;
}
.Footer_newsletter {
    margin-top: -55px;display: block;margin-bottom: 0;padding: 45px 40px 30px;
}
.hire_us .wpcf7-response-output{
        text-align: center;
    color: #fff;
}
div.wpcf7-response-output {
    margin: 15px 0 0;
}
article.page #main {
    min-height: 35vh;
}
article.page header.entry-header {
    margin-top: 65px;
    margin-bottom: 65px;
}
article.page header.entry-header h1{
    position: relative;
}
article.page header.entry-header h1:before{top: -20px;}
.page_hero.hero {
    height: 500px;
}
.page_hero .hero-content{margin-top: 0px;}
.page_hero .hero-image {
    position: relative;
}
.page_hero.hero svg {
    width: auto;
    max-width: 100%;
    max-height: 400px;
    position: relative;
    top: 0;
    transform: translateY(-25px);
    right: 0;
    float: right;
}
.contact_wrapper,.services-page{
    background: #fff;
    box-shadow: 0 0 32px 0 rgba(0,0,0,.09);
    position: relative;
    margin-top: -60px;
    margin-bottom: 60px;
}
.contact_form{
    padding: 80px 80px 60px;
}
.contact_form .form-submit {
    text-align: left;
    margin-top: 0;
}
#main .contact_form h2:before,
.about_column_content h3:before{
    left: 0;transform:none;
}
.contact_form form p {
    margin-bottom: 30px;
}
.contact_info {
    background: #2cd4d9;
    padding: 45px;
    color: #fff;
    font-size: 20px;
    background-image: linear-gradient(151deg,#2cd4d9 0%,#5333ed 100%);
}
.contact_info a{color: #fff;}
.contact_details {
    margin-top: 30px;
    display: flex;
}
.address.contact_details svg,.phoneno.contact_details svg{margin-top: 8px;}
.contact_details svg {
    margin-right: 0;
    margin-top: 6px;
}
.contact_icon {
    display: inline-block;
    background: #5333ed;
    width: 40px;min-width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
}
.about_column{
    font-size: 13px;
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;    
    max-width: 300px;
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    margin-bottom: 30px;
    box-shadow: 0px 6px 51px 0px rgba(0,0,0,0.07);
}
.about_column_right .about_column:first-child{
    margin-top: 100px;
}
.about_column_icon {
    display: block;
    max-width: 100%;
    margin-bottom: 30px;    
}
.about_column_icon i {
    color: #fff;
    background-image: linear-gradient(151deg,#4a39be 0%,#55eaf7 100%);
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    font-size: 50px;
}
.about_columns {
    margin-top: -70px;
}
.about_column_content {
    margin-top: 80px;
}
.progress{
    height: 6px;
    background: #ddd;
    border-radius: 5px;
    box-shadow: none;
    margin-top: 70px;
    overflow: visible;
}
.progress .progress-bar{
    box-shadow: none;
    border-radius: 5px;
    position: relative;
    animation: animate-positive 2s;
    background: #2cd4d9;
}
.progress .progress-title{
    padding: 3px 10px;
    margin: 0;
    min-width: 100px;
    font-size: 14px;
    font-weight: 700;    
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.14);
    position: absolute;
    top: -11px;
    left: 0;
}
.progress .progress-value{
    width: 50px;
    height: 25px;
    font-size: 13px;    
    color: #fff;
    line-height: 25px;
    border-radius: 4px;
    position: absolute;
    top: -34px;
    right: 0;text-align: center;
    background: #5333ed;
}
.progress .progress-title:before,.progress .progress-title:after{content:none;}
@-webkit-keyframes animate-positive{
    0%{ width: 0; }
}
@keyframes animate-positive{
    0%{ width: 0; }
}
.about_footer{
    padding: 35px 0px 95px;margin-bottom: -80px;
}
.about_footer .row {
    align-items: center;
}
.about_footer h3 {
    color: #fff;
}
.about_footer p {
    margin: 0;
    text-align: left;
    font-size: 16px;
}
.services-page {
    padding: 80px 35px 35px;
    margin-bottom: 115px;
}
.services-page >h2,.services-page >p{
    max-width:90%;margin-left:auto;
    margin-right:auto;
}
.services-page .row {
    justify-content: center;
}
.services_intro {
    background: linear-gradient(151deg,#4a39be 0%,#55eaf7 100%);
    border-radius: 10px;
    padding: 20px;
}
.services_intro svg {
    height: 90px;
    max-width: 95%;
}
.services_intro_img {
    min-height: 100px;
    display: flex;
    justify-content: center;
}
.services_intro a {
    display: block;
    line-height: normal;
    color: #fff;
    margin-top: 10px;
}
.services-card{
    padding: 40px;align-items: center;
    background: #fff;margin-top: -35px;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
}
.services-card svg{
    height:auto;max-width: 100%;
}
.key_details {
    clear: both;
    background: #fff;
    padding-top: 70px;
    padding-bottom: 50px;
}
.key_details i {
    margin-right: 20px;
    font-size: 35px;
    margin-top: 5px;
}
.key_details p {
    font-size: 14px;
}
.key_details .row.nocol {
    flex-wrap: nowrap;
    max-width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.page_hero.hero-small {
    height: 250px;
    text-align: center;
}
#secondary section.widget {
    background: #fff;
    box-shadow: 0px 6px 50px 0px rgba(0,0,0,0.07);
    border-radius: 0px;
    margin-top: 35px;
    padding: 30px;
}
input.search-field {
    border: none;background: transparent;
    border-bottom: 1px solid #aaa;
    height: 40px;
    width: 100%;
}
.search-submit {
    position: absolute;
    border: none;
    background: transparent;
    right: 0;
    top: 6px;
    color: #2cd4d9;
    font-size: 17px;
}
.search-submit:before {
    content: "\f002";
    font-family: FontAwesome;
}
form.search-form {
    position: relative;
}
form.search-form label {
    display: block;
    margin: 0;
}
#secondary h2.widget-title {
    font-size: 20px;
    margin-bottom: 20px;
}
#secondary h2.widget-title:before {
    position: relative;
    top: 0;
    transform: none;
    left: 0;width: 25px;
    display: block;
    margin-bottom: 10px;
    margin-top: 0px;
}
#secondary ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    line-height: 28px;
}
#secondary li:before {
    content: "";
    display: inline-block;
    width: 5px;height: 5px;
    border-radius: 0%;
    background: #2cd4d9;
    vertical-align: middle;
    position: relative;
    top: -2px;margin-right: 7px;
}
.tagcloud a {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    background: #2cd4d9;
    padding: 10px 20px 10px 15px;
    border-radius: 80px;
    color: #fff;margin-bottom: 5px;
    margin-right: 5px;
}
.tag-cloud-link:before {
    content: "\f02b";
    font-family: FontAwesome;
    transform: rotate(90deg);
    position: relative;
    display: inline-block;
    margin-right: 8px;    
}
#main article.post .entry-header h2:before,#main h2.comments-title:before{
    content: none;
}
#main h2.comments-title{margin-bottom: 20px;}
article.post .entry-header h2{
    font-size: 26px;margin-bottom: 15px;
}
article.post .entry-header h2 a{
    color: #5333ed;
}
article.post .btn {
    margin-top: 5px;
}
.posts-navigation, .nav-links {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
}
.nav-next a,.nav-previous a{
    color: #5333ed;
    border-bottom: 2px solid #2cd4d9;
    padding-bottom: 1px;
}
.nav-next a:after {
    content: "\f178";
    font-family: FontAwesome;
    color: #2cd4d9;
    margin-left: 7px;
}
.nav-previous a:before{
    content: "\f177";
    font-family: FontAwesome;
    color: #2cd4d9;
    margin-right: 7px;
}
.blog .about_column {
    width: 100%;
    max-width: 100%;
    padding-bottom: 30px;
}
.cat-links{
        padding-right: 5px;
    position: relative;
    padding-left: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.tags-links,.posted-on,.byline{
    position: relative;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.cat-links:before,.tags-links:before,.posted-on:before,.byline:before{
    content: "\f127";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #2cd4d9;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 2px;
}
.tags-links:before,.posted-on:before,.byline:before{
    position: relative;vertical-align: middle;
    top: 0px;display: inline-block;
}
.tags-links:before{content: "\f02c";}
.posted-on:before{content: "\f017";}
.byline:before{content: "\f2c0";margin-right: 2px;}
.single_hero .entry-meta a,.single_hero .entry-meta .cat-links{
    color: #172232;
}
.single_hero .cat-links:before{top:0;}
.single_hero .tags-links, .single_hero .posted-on, .single_hero .cat-links{padding-right: 10px;}
#comments,.the_content {
    margin-top: 35px;
    background: #fff;
    padding: 35px;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
    margin-bottom: 35px;
}
.comment-notes {
    font-size: 13px;
}
#comments{margin: 0 0 30px;border-radius: 10px;}
#comments .formsubmit {
    margin-top: 30px;
}
#comments label {
    display: block;
    margin: 0;
    font-size: 14px;
}
#comments input {
    min-height: 35px;
}
#comments textarea,#comments input{    
    max-width: 100%;
}
.comment-metadata {
    font-size: 13px;
    font-style: italic;
}
.comment-author {
    color: #5333ed;
}
.comment-author img {
    margin-right: 3px;
    margin-bottom: 3px;
}
ol.comment-list {
    padding: 0 0 0 20px;
}
a.comment-reply-link {
    color: #5333ed;
    border-bottom: 1px solid #2cd4d9;
    font-size: 14px;
}
.comment-body {
    margin-bottom: 20px;
}
.comment-metadata a {
    color: #2cd4d9;
    font-weight: 500;
}
.testimonials_intro h2{color: #fff;}
@media (min-width:1200px){
    .testimonials_intro {
        padding-right: 11%;
    }
}
@media (max-width:1199px){
    .services_intro{margin-bottom: 30px;padding-left:0px;padding-right:0px;}
    .about_column_content h3{font-size: 40px;}
    .Footer_newsletter h4 {
        font-size: 16px;    
        letter-spacing: 0px;
    }
    .Footer_newsletter input{margin-bottom: 15px;}
    .quote:nth-child(even) {
        transform: translateX(25px);
    }
    .main-navigation ul li{margin: 0px 10px;}
    .main-navigation .btn{margin: 0 0 0 10px;}
    header#masthead {
        padding: 10px 0px;
    }
    .services .wp-block-cover {
        margin: 0;
        height: 100%;
    }
    ul.features-list li {padding: 10px 4%;}
    .Testimonials p{color:#fff;}
}
@media (max-width:991px){
    .progress-bar-wrapper {
        margin-bottom: 60px;
    }
    .about_column_content {
        margin-top: 0;
    }
    .contact_icon{margin-right: 10px;width: 35px;
    min-width: 35px;
    height: 35px;line-height: 35px;}
    .contact_details svg {    
        width: 20px;
        height: 22px;
    }
    .contact_info{padding: 25px;font-size: 16px;}
    .footer_middle{margin: 0 -10px;}
    .footer_middle > div{padding: 0 10px;}
    ul.features-list li {
        padding: 10px 0px;
    }
    .features{padding: 20px;}
    .hero .wp-block-cover-text strong {
        font-size: 60px;
    }
    .hero .wp-block-cover-text {
        font-size: 35px;
    }
    ul.features-list{font-size: 18px;}
    ul.features-list i{
        font-size: 28px;min-width: 40px;
    }
    ul.features-list i.fa.fa-crosshairs {
        font-size: 33px;
    }
    ul.features-list i.fa.fa-life-ring {
        font-size: 26px;
    }
    .hero .wp-block-cover-text a {
        font-size: 18px;
        margin: 25px 0 0;    
        padding: 5px 25px;
    }
    header#masthead,header#masthead > .container{
        flex-wrap: wrap;
    }
    .features-title h3, .features-title h2{font-size: 1.4rem;}
    .site-branding {
        text-align: center;
        width: 100%;
    }
    nav#site-navigation {
        width: 100%;
        text-align: right;
    }
    .main-navigation .menu-main-container {
        float: left;
        margin-top: 10px;
    }
    .wp-block-columns.services,.wp-block-columns{
        flex-wrap: nowrap;
    }
    #main .Testimonials h2{
        font-size: 43px;
        line-height: 40px;
    }
    .quote:nth-child(even) {
        transform: translateX(15px);
    }
    .FooterLinks h5,.footer_logo .site-title{
        font-size: 15px;letter-spacing: 2px;        
    }
    .social_icons a{margin: 0 10px;}
    .services-hero {
    width: 270px;
    }
    .wp_services {
        margin-top: -90px;
    }
    ul.features-list li svg{
        min-width: 45px;width: 30px;height: 35px;
    }
}
@media (max-width:767px){
    .custom-logo-link img.custom-logo {
    width: 180px;
    height: auto;
}
    .services-page {    
        margin-bottom: 60px;
    }
    .services-card{
        margin-top: 0;    
        margin-bottom: 35px;
    }
    .about_footer a.btn {
        margin-top: 20px;
    }
    .about_column_right .about_column:first-child {
        margin-top: 0;
    }
    .contact_info {
        padding: 45px;
    }
    .contact_form {
        padding: 75px 45px 60px;
    }
    .contact_wrapper > .row {
        margin: 0;
    }
    .page_hero.hero {
        height: auto;
        min-height: 350px;
    }
    .Footer_newsletter input {    
        width: 100%;
    }
    ul.features-list {
        font-size: 17px;
    }
    ul.features-list li svg {
        min-width: 25px;
        width: 25px;
        height: 30px;
    }
    .hero-text,.contact_form,.contact_info{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .site-branding{text-align: left;}
    .wp-block-columns.services .wp-block-column,
    .wp-block-columns .wp-block-column{flex-basis: 100%;margin-left:0;margin-right:0;}
    .wp-block-columns.services,.wp-block-columns,.features{flex-wrap: wrap;}
    button.menu-toggle{display: block;} .features-title h3{display: inline-block;}
    .main-navigation .menu-main-container,.main-navigation .social_icons,.main-navigation .btn{display: none;}
    .main-navigation .menu-main-container{margin:0;}
    .features-title,ul.features-list{width: 100%;}
    .features-title{text-align: center;}
    .services h4 span,.services.wp-services h4 span{left:0;right:auto;}
    .services h4,.services .wp-block-column p{padding-left: 85px;}
    .hero .wp-block-cover-text {
        font-size: 30px;
        padding: 0;
    }
    .hero .wp-block-cover-text strong {
        font-size: 50px;
        line-height: 50px;
    }
    ul.features-list{margin-top: 10px;}
    ul.features-list i {
        font-size: 25px;
        min-width: 35px;
    }
    ul.features-list i.fa.fa-life-ring {
        font-size: 24px;
    }
    ul.features-list i.fa.fa-crosshairs {
        font-size: 31px;
    }
    .Testimonials {
        padding: 35px 0px;
    }
    #main .Testimonials h2 {
        font-size: 30px;
        line-height: 30px;
    }
    #main .Testimonials h2:after{
        width: 50px;
        height: 50px;    
        left: -5px;
        top: -20px;
    }
    .Testimonials p{margin-bottom: 20px;}
    .quote:nth-child(even),.quote{
        transform: translateX(0px);
    }
    .main-timeline .timeline,.main-timeline .timeline:nth-child(even) {
        width: 90%;
        margin: 0 auto 15px auto;        
    }
    .hire_us.wp-block-media-text .wp-block-media-text__content, .hire_us .wp-block-media-text__content {
        padding: 50px 5% 100px;
    }
    .footer_logo h1.site-title{
        font-size: 18px;        
        letter-spacing: 4px;
    }
    .footer_middle > div,.footer_middle > div.footer_logo{width:100%;margin-bottom: 30px;}
    .Footer_newsletter:before{content:none;}
    .footer_middle {
        display: flex;
        flex-wrap: wrap;
    }  
    header#masthead > .container{position: relative;} 
    header#masthead.fixed .main-navigation ul li a {
    color: #172232;
    }  
    button.menu-toggle{
        top: 22px;font-size: 0;
        display: block;z-index: 999;
        margin-top: 0;outline:none;
    }
    button.menu-toggle, button.menu-toggle:after, button.menu-toggle:before {
        position: absolute;
        width: 20px;
        height: 2px;cursor: pointer;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform;
        border-radius: 4px;
        background-color: #2cd4d9;
        right: 15px;
        border: none;
        padding: 0;
    }
    .home button.menu-toggle, .home button.menu-toggle:after, .home button.menu-toggle:before{
        background-color: #5333ed;
    }
    button.menu-toggle:before {
        top: -6px;content: '';right: 0px;
    }
    button.menu-toggle:after {
        bottom: -6px;width: 20px;content: '';right: 0px;
    }
    header#masthead.fixed button.menu-toggle, 
    header#masthead.fixed button.menu-toggle:after, 
    header#masthead.fixed button.menu-toggle:before{
        background-color:#2cd4d9;
    }
    .toggled button.menu-toggle{
        transform: rotate(-45deg);
    }
    .toggled button.menu-toggle:before{
        transform: rotate(-90deg);top: 0px;
    }
    .toggled button.menu-toggle:after{
        opacity:0;
    }    
    .main-navigation ul li {
        margin: 10px 10px;
        display: block;
        text-align: left;
    }
    .main-navigation ul li a{color:#fff;font-size: 16px;}
    .main-navigation.toggled .menu-main-container{
        display: block;margin:0px;
        padding: 50px 20px 0;
        transform: translateX(0px);
    }
    .menu-main-container {
        position: fixed;
        top: 0;
        right: 0;
        background: #fff;
        margin: 0;
        width: 280px;
        bottom: 0;
        height: 100%;
        overflow: auto;
        padding: 50px 20px 0;
        transform: translateX(280px);
        transition: transform 0.4s ease;
        display: block !important;
    }
    .features {        
        overflow: hidden;
    }
    .shopify_services {
        justify-content: center;
    }
    .service-inner{margin-top: 0;margin-bottom: 40px;}
    .services-hero {    
        margin: 0 auto;
    }
    .wp_services {
        margin-top: 40px;
    }
    .wp_services .service-inner {
        margin-top: 0;
    }
    .Footer_newsletter .row div {
        max-width: 100%;margin: 0;
        text-align: center;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
    }
    .form-submit-wrap .wpcf7-form-control.wpcf7-submit {    
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    #main h2:before, .why-choose-title:before, .services h3:before, article.page header.entry-header h1:before{top: -25px;}
    div#Services {
        margin-top: 0px;
    }
    .bottom-divider{
        display:none;
    }
    .hero-content{margin-top: 0px;}
    .hero-image{display:none;}
    .hero {
        min-height: 400px;
        padding: 60px 0 30px;
        height: 100vh;
    }
    .features {
        overflow: hidden;
        margin: -170px 15px 0;
        max-width: calc(100% - 30px);
    }
    .hero-content .btn {    
        margin-top: 10px;
    }
    #main .hero h2{margin-bottom: 25px;}
    .Portfolio {
        margin: 0;
    }
}
@media (max-width:575px){
    .key_details {
        padding: 25px;
    }
    .key_details .row.nocol{margin-bottom: 0px;}
}
@media (max-width:480px){
    .contact_info {
        padding: 35px;
    }
    .contact_form {
        padding: 75px 35px 30px;
    }
    .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: -30px;
        right: auto;
    }
    .main-timeline .timeline:nth-child(even) .inner-content {
        padding: 25px 30px 25px 60px;
    }
    .main-timeline .inner-content {
        padding: 25px 60px 25px 30px;
    }
    .main-timeline .timeline-icon{
        font-size: 35px;    
        line-height: 65px;
        height: 65px;
        width: 65px;
    }
    ul.features-list li {    
        text-align: left;
    }
    .footer_logo h1.site-title::before, .footer_logo h1.site-title::after{
        width: calc(33.333333% - 60px);
    }
    .form-field.form-input.field-half {    
        width: 100%;
    }
    .form-field.field-half input,.form-input input,.form-input textarea{
        max-width: 100%;
    }
    .hero-content h1{font-size: 31px;}
    #main .hero h2{font-size: 21px;}
    .hero-content p{font-size: 14px;}
    .Testimonials {
        padding: 55px 0px 35px;
    }
    #main .Testimonials h2:after {
        width: 40px;
        height: 40px;
        left: -10px;
        top: -10px;
    }
    #main .Testimonials h2 {
        font-size: 25px;
        line-height: 25px;
        margin-top: -20px;
    }    
    .services h4, .services .wp-block-column p {
        padding-left: 65px;
    }
    .services h4 span {    
        width: 50px;
        height: 50px;    
        line-height: 50px;    
        border: none;
        font-size: 20px;
    }
    ul.features-list {    
        column-count: 1;
        display: inline-block;
        width: auto;
        float: none;
        margin: 10px auto 0;
    }
    .features {    
        text-align: center;
    }
    .hero .wp-block-cover-text {    
        line-height: 30px;
    }
    .hero .wp-block-cover-text h1 {
        margin-bottom: 25px;
    }
    .hero .wp-block-cover-text a {    
        line-height: 45px;
    }
    .Footer_newsletter{padding: 30px 20px 15px;}
    .services h3{font-size: 38px;}
}