/*
Theme Name: Freelancer Resume Pro
Theme URI: 
Author: Webnotick 
Author URI: www.Webnotick.com
Description: This is Freelancer Resume Pro theme. 
Version: 0.2
Requires at least: 5.1
Requires PHP: 5.6
Tested up to: 5.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: the-corporate-business
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, three-columns, custom-colors, custom-header, custom-logo

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.

The Corporate Business  is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://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
# Layouts and Titles
# Media
    ## Captions
    ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
    ## Featured Slider Section
    ## Featured  Section
    ## Featured type_of_work Section
    ## Featured Classes Section
    ## Featured Testimonial Section
    ## Latest Posts Section
# Footer
# Responsive

--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-weight: 400;
    background-color: #000;
}

/* $text-color: #333 !default; // very dark grey */

.container-fluid {
    padding: 0 0;
}

#section-header .border-b-2 {
    border-bottom: 4px solid #000;
}

#content {
    position: relative;
}

#content .entry-content p {
    color: #000;
    margin: 30px 0px 30px;
}

#content .wp-block-details p {
    color: #A1A1A1;
    margin: 0px 30px;
}

.boxed-layout,
.frame-layout {
    background-color: #f6f6f6;
}

.boxed-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
}

.frame-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 50px auto;
    background-color: #1a1a1a;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #282828;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
}

mark {
    background: #ff0;
    color: #111;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#wp-calendar {
    display: table;
    width: 100%;
    margin-bottom: 0;
}

tbody {
    text-align: left;
}

tr {
    border: 1px solid #aaa;
}

td,
th {
    padding: 5px;
    font-weight: 400;
}

td#next {
    text-align: right;
}

.social-links a[href*="twitter.com"]:before {
    content: "\e61b";
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    word-wrap: break-word;
}

p {
    margin: 0 0 1em;
}

p:last-child {
    margin-bottom: 0;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

.md-0 {
    margin: 0 0;
}

.pd-0 {
    padding: 0 0;
}

pre {
    background: #f6f6f6;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
    counter-reset: my-sec-counter;
}

blockquote {
    font-size: 18px;
    line-height: 35px;
    position: relative;
    margin: 0;
}

blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
    padding-left: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 0.5em;
}

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    display: inline-block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #C63DC1;
    border-radius: 0;
    padding: 10px 45px;
    text-align: center;
    position: relative;
    display: inline-block;
    transition: 0.5s;
    color: #fff;
    transition: all 0.5s ease-in-out;
    border: none;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.59px;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #000;
    background-color: #000;
    border-color: #000;
    text-decoration: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    color: #fff;
    border-color: #000;
    outline: thin dotted;
    text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #000;
    border: 1px solid #C63DC1;
    background-color: #fff;
    padding: 12px;
    width: 100%;
}

select {
    border: 1px solid #021338;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #333;
    outline: thin dotted;
}

textarea {
    width: 100%;
}

#respond input[type="checkbox"] {
    min-height: auto;
    height: auto;
    float: left;
    margin-right: 10px;
    width: auto;
}

#respond .comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}

#commentform .comment-form-cookies-consent {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 0;
}

p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}

.comment-notes {
    font-size: 14px;
    margin-top: 0;
}

#respond label {
    margin-bottom: 15px;
    display: block;
    color: #3f536d;
    font-weight: 500;
}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    width: 100%;
}

#commentform p {
    margin-bottom: 21px;
}

#commentform p.comment-form-comment {
    margin-bottom: 0;
}

#commentform p.form-submit {
    margin: 21px 0 0;
}

#comments {
    margin-top: 35px;
    background-color: #fff;
}

#respond {
    margin-top: 35px;
    box-shadow: 0px 3px 22px 0px #00000029;
    padding: 15px;
}

.single-service #respond,
.single-project #respond {
    display: none;
}

.logged-in-as a {
    color: #01549a;
    text-decoration: none;
}

.logged-in-as a:hover,
.logged-in-as a:focus {
    color: #fdc401;
}

.required {
    color: #ff0000;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #c42118;
    text-decoration: underline;
}

/* a:hover,
a:focus,
a:active {
    color: #000;
} */

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
/* ///////top header/ ///////////// */
#section-header {
    width: 95%;
    height: 70px;
    justify-self: center;
    /* background-color: #3f536d; */
    opacity: 1;
    /* margin-top: 1%; */
    /* margin: 0 10% 0; */
}

/* /////// bottom header ////// */
.bottomheader {
    /* background-color: #FFFFFF; */
    position: relative;
    /* padding: 15px 27px; */
    /* margin: 1.7% 0 1%; */
}

#top-bar {
    padding: 5px 0;
    background-color: #c42118;
}

#top-bar a {
    text-decoration: none;
}

#top-bar .widget {
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
}

#top-bar .widget+.widget {
    margin-top: 15px;
}

.widget_address_block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_address_block ul li {
    display: inline-block;
}

.widget_address_block ul li i {
    margin-right: 8px;
}

#top-bar .widget_address_block ul li {
    color: #fff;
    margin-right: 30px;
}

#top-bar .widget_address_block ul li a {
    color: #fff;
}

#top-bar .widget_address_block ul li a:hover,
#top-bar .widget_address_block ul li a:focus {
    opacity: 0.8;
}

#top-bar .widget ul li:not(:last-child) {
    margin-bottom: 0;
}

/*------------------------------------*/
.header-fixed {
    position: fixed !important;
    top: -42px;
    left: 0;
    width: 100%;
    background: #ffffff;
    max-width: 100%;
    z-index: 99999;
    transform: translateY(70px);
    transition: transform 500ms ease, background 200ms ease;
    padding: 15px 0px;
    margin: 0 !important;
    border-bottom: 1px solid #3f536d57;
    box-shadow: 0 0 10px 0 #3F536D;
}

#masthead {
    position: absolute;
    z-index: 3000;
    width: 100%;
}

#section-header a {
    text-decoration: none;
}

.md-0 {
    padding: 0 0;
    margin: 0 0;
}

.pd-0 {
    padding: 0 0;
}

.site-logo,
#site-identity {
    display: inline-block;
    vertical-align: middle;
}

.site-description {
    color: #fff;
    font-size: 18px;
    padding: 15px 0;
    font-weight: 400;
}

#site-identity .site-title a {
    color: #000;
    font-size: 35px;
    margin: 0 0 0px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

#site-identity .site-description {
    margin: 0;
    line-height: 1.3;
    color: #000;
    padding: 10px 0px;
    letter-spacing: 0.01em;
}

#section-header .site-logo a {
    display: block;
    margin-right: 0px;
}

#section-header .site-logo {
    background-color: #ffffff;
    padding: 1rem 2.5rem 1.5rem 3rem;
    box-shadow: 10px 0px 10px #00000029;
    border-radius: 0px 0px 46px 46px;
}

#section-header .site-logo img {
    width: 100%;
    height: 45px;
}

#section-header .header-main {
    height: 95px;
}

#section-header .content-site {
    width: 100%;
    /* padding: 6px 0; */
}

#section-header .content-site .addicon a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
}

#section-header .addicon {
    margin: 14px 0;
}

#section-header .topheadinfo .px-2::after {
    content: '';
    border-left: 2px solid #fff;
    height: 32px;
    margin: 0px 0px 0 10px;
}

.bottomheader .navbox {
    margin: 7px auto;
}

/*-----------Header Social Icon--------------*/

#section-header .social-links a {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    margin-right: 20px;
    transition: all 0.2s ease-in-out;
    font-family: "Font Awesome 5 Brands" !important;
    padding: 3px 9px;
    margin: 15px 4px;
}

#section-header .social-links a:hover {
    color: #a1a1a1;
}

.social-links a:before {
    content: "\f1d0";
}

.social-links a[href*="facebook.com"]:before,
.social-links a[href*="fb.com"]:before {
    content: "\f39e";
}

.social-links a[href*="twitter.com"]:before {
    content: "\e61b";
}

.social-links a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-links a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-links a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-links a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-links a[href*="pinterest.com"]:before {
    content: "\f231";
}

.social-links a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-links a[href*="github.com"]:before {
    content: "\f113";
}

.social-links a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-links a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-links a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-links a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-links a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-links a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-links a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-links a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-links a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-links a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-links a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-links a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-links a[href*="soundcloud.com"]:before {
    content: "\f1be";
}

.social-links a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.social-links a[href*="wordpress.com"]:before {
    content: "\f19a";
}

.social-links a[href*="jsfiddle.net"]:before {
    content: "\f1cc";
}

.social-links a[href*="tripadvisor.com"]:before {
    content: "\f262";
}

.social-links a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links a[href*="angel.co"]:before {
    content: "\f209";
}

.social-links a[href*="slack.com"]:before {
    content: "\f198";
}

.social-links a[href*="tiktok.com"]:before {
    content: "\e07b";
}

#section-header .content-site .social-links i {
    font-size: 24px;
    color: transparent;
    margin-right: 12px;
    background: #fff;
}

/*------------------------------------------------*/
#section-header .contact-number {
    display: none;
}

#section-header .contact-number i,
#section-header .contact-number svg {
    margin-right: 5px;
}

#section-header .contact-box {
    float: right;
    background: #c42118;
    border-radius: 19px;
    margin-right: 5em;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    position: relative;
    bottom: 21px;
}

#section-header .contact-box h3 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}

#section-header .contact-box p,
.contact-box a {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

#section-header .contact-header h3 {
    margin: 0;
}

#section-header .contact-header {
    margin-left: 44px;
}

#section-header .contact-header a {
    font-size: 19px;
    color: #fff;
    letter-spacing: 1px;
}

#section-header .contact-header .fas.fa-phone-alt {
    margin-right: 10px;
    color: #c42118;
}

.main-navigation {
    display: block;
    position: relative;
    width: 100%;
}

.main-navigation ul.nav-menu>li>a {
    margin: 0px 0px 0 0;
    overflow: hidden;
    transition: ease-in-out;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.9px;
    color: #000000;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

.main-navigation .sub-menu li {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.main-navigation .sub-menu li:hover {
    margin-left: 20px;
}

.main-navigation ul.nav-menu>li>a>i,
.main-navigation ul.nav-menu>li>a>svg {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    background-color: #a1a1a1;
    display: inline-block;
    vertical-align: middle;
    color: #283B60;
    text-align: center;
}

.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}

.main-navigation ul ul li a {
    padding: 12px 15px;
    background-color: #000000;
    color: #fff;
}

.main-navigation ul ul a:after {
    float: right;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
}

.main-navigation ul.nav-menu>li>a {
    position: relative;
    height: 100%;
}

.main-navigation ul.nav-menu>li:hover>a,
.main-navigation ul.nav-menu>li.focus>a {
    color: #C93CC1;
}

.main-navigation form.search-form input {
    background-color: #111;
    border-color: #111;
    color: #111;
    font-weight: 400;
}

.main-navigation a {
    display: block;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation li li {
    display: block;
}

.main-navigation ul.nav-menu .current_page_item>a,
.main-navigation ul.nav-menu .current-menu-item>a,
.main-navigation ul.nav-menu .current_page_ancestor>a,
.main-navigation ul.nav-menu .current-menu-ancestor>a {
    color: #C93CC1;
    padding: 5px 9px;
    border-radius: 3px;
    /* margin-bottom: -6px; */
}

.main-navigation ul.nav-menu>li>a {
    padding: 5px 22px;
}

.main-navigation ul.nav-menu>li:last-child>a {
    font-size: 15px;
    background-color: transparent;
    letter-spacing: 0.75px;
    color: #151606;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.main-navigation ul.nav-menu .sub-menu .current_page_item>a,
.main-navigation ul.nav-menu .sub-menu .current-menu-item>a,
.main-navigation ul.nav-menu .sub-menu .current_page_ancestor>a,
.main-navigation ul.nav-menu .sub-menu .current-menu-ancestor>a {
    color: #fff;
    background-color: #C93CC1;
    padding: 12px 20px;
    border-radius: 3px;
    margin-bottom: -6px;
}

form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-navigation form.search-form {
    min-width: 320px;
}

input.search-field {
    height: 45px;
    padding: 0 50px 0 15px;
    width: 100%;
}

.menu-toggle {
    font-size: 8px;
    margin: 2px 0;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 30px;
    box-shadow: none;
    border: 2px solid #3f536d;
    border-radius: 0;
    background-color: #fff !important;
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: #3f536d;
    border: none;
}

.menu-toggle:hover span,
.menu-toggle:focus span,
.menu-toggle:hover span::after,
.menu-toggle:hover span::before,
.menu-toggle:focus span::after,
.menu-toggle:focus span::before {
    background-color: #000;
}

.menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 35px;
    height: 4px;
    background-color: #3f536d;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    right: 0;
    margin: 0 auto;
}

.menu-toggle span:before,
.menu-toggle span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3f536d;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -webkit-transform 0.3s;
    -ms-transition: -webkit-transform 0.3s;
    -o-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.menu-toggle span:before {
    -webkit-transform: translateY(-250%);
    -moz-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    -o-transform: translateY(-250%);
    transform: translateY(-250%);
}

.menu-toggle span:after {
    -webkit-transform: translateY(250%);
    -moz-transform: translateY(250%);
    -ms-transform: translateY(250%);
    -o-transform: translateY(250%);
    transform: translateY(250%);
}

.menu-toggle.active span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.menu-toggle.active span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.menu-toggle.active span {
    background-color: transparent;
}

.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    right: 2rem;
    top: 5px;
    z-index: 2;
    background-color: #fff;
    color: #000 !important;
    border: none;
    margin-left: 0px;
    box-shadow: none;
    width: 30px;
    height: 30px;
}

.dropdown-toggle::after {
    display: none !important;
}

button.dropdown-toggle.active i,
button.dropdown-toggle.active svg {
    color: #000 !important;
    padding-right: 8px;
    font-weight: 200;
    background: transparent;
    box-shadow: 0px 0px 30px -5px #fff;
    margin: 0px 20px 0px 0px;
    width: 20px;
    height: 20px;
    font-size: 5px;
    padding: 6px;
    transform: rotate(-180deg);
    transform-origin: center;
}

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

.nav-links .nav-previous a:before,
.nav-links .nav-next a:after,
.nav-links .nav-previous a span:before,
.nav-links .nav-next a span:after {
    content: "\f0d9";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
    color: #C63DC1;
}

.nav-links .nav-previous a span:before {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
    color: #fdc401;
}

.nav-links .nav-next a:after {
    content: "\f0da";
    margin-left: 10px;
    margin-right: 0;
}

.nav-links .nav-next a span:after {
    content: "";
    margin-left: 10px;
    margin-right: 0;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    position: relative;
    text-align: left;
    padding: 0 .5rem;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
    justify-items: right;
    padding: 0 .5rem;
}

.post-navigation a,
.posts-navigation a {
    background: #ECF5FF;
    padding: 5px 10px;
    border-radius: 10px;
    width: fit-content;
    font-weight: 400;
    display: block;
    color: #000;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0px -1px 10px;
}

.post-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:focus,
.posts-navigation a:focus {
    color: #3f536d;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px -1px 10px;
    transition: all 0.3s ease-in-out;
}

.post-navigation,
.posts-navigation {
    padding: 0;
    position: relative;
}


.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    background-color: #01549a;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #fdc401;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    margin-right: 25px;
    width: auto;
    height: auto;
    position: relative;
    top: 2px;
    background-color: transparent;
    color: #000;
}

.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus,
.pagination .page-numbers.next:focus {
    color: #111;
    background-color: transparent;
}

.pagination .page-numbers.next {
    margin-left: 18px;
    margin-right: 0;
    background-color: transparent;
}

.nav-previous span {
    padding-left: 11px;
    float: left;
    text-align: left;
}

.nav-next span {
    padding-right: 11px;
    float: right;
    text-align: right;
}

.post-navigation span,
.posts-navigation span {
    display: table;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    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;
    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,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
    table-layout: fixed;
}

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

/*------------------------------------------------------------
Not Found Page
--------------------------------------------------------------*/
#main .no-results {
    text-align: center;
}

#main .no-results form {
    width: 25%;
    max-width: 100%;
    position: relative;
    padding: 0px 17px 10px 0px;
    display: inline-block;
}

#main .no-results form label {
    display: block;
}

#main .no-results form .search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    width: 45px;
    padding: 0;
    background: #3F536D;
    color: #fff;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 2em;
    width: 90%;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
    margin: 0 0 10px;
}

#colophon .widget.widget_text,
#colophon .secondary.widget_text {
    margin-bottom: 20px;
}

#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6 {
    color: #fff;
}

#colophon .widget:last-child {
    margin-bottom: 0;
}

#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6 {
    color: #fff;
}

/* Widgets Start */
.widget_recent_entries,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget_nav_menu,
.widget_text {
    background-color: #ECF5FF;
    padding: 1rem 0;
    border-radius: 20px;
}

/* .widget_search,
.widget_recent_entries,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget_tag_cloud,
.widget_nav_menu,
.widget_text {
    background-color: #fff;
} */

.widget_search .search-form label {
    width: 100%;
}

.widget_search .search-form .screen-reader-text {
    display: none;
}

.widget-title,
#secondary .widget-title {
    padding: 12px 25px;
    margin: 0 0 13px;
    font-size: 18px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #C63DC1;
    text-transform: uppercase;
    border-bottom: 2px solid #C63DC1;
}

.widget_search form.search-form input[type="search"] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #C63DC1;
    border-radius: 27px;
    padding: 1.7rem;
}

#primary ul li a,
#secondary ul li a {
    text-decoration: none;
    border-bottom: none;
    line-height: 40px;
    color: #363636;
    font-weight: 400;
    font-size: 16px;
}

.edit-link {
    display: none;
}

/* Widgets End */

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

.widget input {
    padding: 0 15px;
    border: none;
}

form.search-form button.search-submit {
    /* height: 45px; */
    /* line-height: 30px; */
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    /* width: 45px; */
    padding: 0;
    /* background: #3F536D; */
    color: #fff;
}

.widget_search form.search-form button.search-submit {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    background: #C63DC1 0% 0% no-repeat padding-box;
    border-radius: 24px;
    height: 46px;
    padding: 0 2rem;
    top: 5px;
    right: 5px;
}

.widget_search form.search-form .search-submit svg {
    display: none;
}

.search-submit::before {
    content: "Search";
}

.widget_search form.search-form input[type="search"]:focus {
    border-color: #c42118;
}

form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
    color: #3f536d;
    font-weight: 500;
}

/* form.search-form input::after ,.widget_search form.search-form input[type="search"]::after{
content: "\f002";
font-size: 25px;
display: block !important;
    margin-left: 1em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #fdc401;
    transform: rotate(45deg);
    margin-right: 15px;
} */

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
    font-weight: 600;
}

.widget-title {
    font-size: 18px;
    margin: 0 0 20px;
    color: #fff;
}

.widget_text input {
    padding: 10px 15px;
    border: 1px solid #002434;
    width: 80%;
    margin: 0 40px 16px;
    background-color: #fff;
}

.widget_text .textwidget .wpcf7-submit {
    background-color: #01549a;
    color: #fff;
}

.widget_text .textwidget .wpcf7-submit:hover {
    background-color: #fdc401;
    color: #fff;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0.5em 0.5em 1em;
}

.widget li {
    margin-bottom: 10px;
}

.widget .menu {
    width: 100%;
    /* padding-left: 19px; */
}

.widget .menu-services-container li,
.widget .menu-our-services-container li {
    background-color: transparent;
    position: relative;
    margin-bottom: 10px;
}

.widget .menu-services-container li:hover,
.widget .menu-our-services-container li:hover {
    background-color: #000000;
    position: relative;
    border-radius: 18px;
}

#secondary .widget .menu-services-container ul li a,
#secondary .widget .menu-our-services-container ul li a {
    margin-left: 3rem;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

#secondary .widget .menu-services-container ul li:hover a,
#secondary .widget .menu-our-services-container ul li:hover a {
    color: #fff;
}

#secondary .widget .menu-services-container ul li a:active,
#secondary .widget .menu-our-services-container ul li a:active {
    color: #fdc401 !important;
}

#secondary .widget .menu-services-container ul li a::before,
#secondary .widget .menu-our-services-container ul li a::before {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    /* right: 9px; */
    background: #fff;
    color: #C63DC1;
    border-radius: 50%;
    border: 1px solid #C63DC1;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5px;
    bottom: 0;
    left: 0;
    transform: rotate(0deg);
    margin-left: .3rem;
}

#secondary .widget .menu-services-container ul li a::before,
#secondary .widget .menu-our-services-container ul li a::before {
    /* width: 10px;
    height: 10px;
    background-color: #01549a;
    content: '';
    transform: rotate(0deg);
    border-radius: 50%; */
}

#secondary .widget .menu-projects-container ul li a:active,
#secondary .widget .menu-our-projects-container ul li a:active {
    color: #fdc401;
}

#primary ul li a:hover,
#secondary ul li a:hover,
#primary ul li a:focus,
#secondary ul li a:focus {
    border-bottom-color: #fff;
}

#primary .widget ul li a::before,
#secondary .widget ul li a::before,
#primary .widget ol li a::before,
#secondary .widget ol li a::before {
    display: inline-block;
    margin-left: 1em;
    /* vertical-align: .255em; */
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #C63DC1;
    transform: rotate(-45deg);
    margin-right: 15px;
}

#primary .widget_recent_entries ul li a::before,
#secondary .widget_recent_entries ul li a::before,
#primary .widget_recent_entries ol li a::before,
#secondary .widget_recent_entries ol li a::before {
    display: none;
}

#primary .widget_recent_entries,
#secondary .widget_recent_entries {
    background-color: #fff;
}

#primary .widget_recent_entries ul li a,
#secondary .widget_recent_entries ul li,
#primary .widget_recent_entries ol li,
#secondary .widget_recent_entries ol li {
    display: flex;
}

#primary .widget_recent_entries ul,
#secondary .widget_recent_entries ul,
#primary .widget_recent_entries ol,
#secondary .widget_recent_entries ol {
    margin-top: 2.5rem;
}

#primary .widget_recent_entries ul li,
#secondary .widget_recent_entries ul li,
#primary .widget_recent_entries ol li,
#secondary .widget_recent_entries ol li {
    margin-bottom: 2rem;
    background-color: #F4F9FF;
    border-radius: 10px;
}

#primary .widget_recent_entries ul li a img,
#secondary .widget_recent_entries ul li a img,
#primary .widget_recent_entries ol li a img,
#secondary .widget_recent_entries ol li a img {
    width: 105px !important;
    height: 140px !important;
    border-radius: 20px;
}

#primary .widget_recent_entries ul li a.img-content,
#secondary .widget_recent_entries ul li a.img-content,
#primary .widget_recent_entries ol li a.img-content,
#secondary .widget_recent_entries ol li a.img-content {
    padding: 0 2rem;
    align-content: center;
}

#primary .widget_recent_entries ul li a.img-content .post-date,
#secondary .widget_recent_entries ul li a.img-content .post-date,
#primary .widget_recent_entries ol li a.img-content .post-date,
#secondary .widget_recent_entries ol li a.img-content .post-date {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: .6;
}

#primary .widget_recent_entries ul li a h1,
#secondary .widget_recent_entries ul li a h1,
#primary .widget_recent_entries ol li a h1,
#secondary .widget_recent_entries ol li a h1 {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0px;
    color: #141414;
    line-height: 26px;
}

#primary .widget_recent_entries ul li a .span svg,
#secondary .widget_recent_entries ul li a .span svg,
#primary .widget_recent_entries ol li a .span svg,
#secondary .widget_recent_entries ol li a .span svg {
    font-size: 15px;
    color: #ffffff;
    transform: rotate(-45deg);
}

#primary .widget_recent_entries ul li a .span,
#secondary .widget_recent_entries ul li a .span,
#primary .widget_recent_entries ol li a .span,
#secondary .widget_recent_entries ol li a .span {
    background-color: #C63DC1;
    padding: .2rem .5rem;
    border-radius: 8px;
}

#primary .widget ul,
#secondary .widget ul {
    padding: 0 .5rem;
}

#primary .widget_categories ul,
#secondary .widget_categories ul {
    counter-reset: cat-counter;
}

#primary .widget_categories ul li,
#secondary .widget_categories ul li {
    counter-increment: cat-counter;
    /* Increment counter for each li */
    position: relative;
    /* So we can position the number */
    /* padding-left: 20px; */
    /* Space for the number */
}

#primary .widget_categories ul li::after,
#secondary .widget_categories ul li::after {
    content: "(" counter(cat-counter) ")";
    position: absolute;
    right: 22px;
    top: 6;
    color: #333;
    font-weight: 600;
}

.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#recent-comments-2 li span a::after {
    display: none;
}

#recent-comments-2 li span a::before {
    display: inline-block !important;
}

#recent-comments-2 li a::before {
    display: none !important;
}

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

.hentry {
    margin: 0;
}

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

.single .byline,
.group-blog .byline {
    display: inline;
}

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

.author img {
    display: block;
    text-align: center;
    /* margin: 20px auto; */
}

.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}

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

.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #111;
}

.page-header small {
    font-size: 12px;
    color: #c42118;
}

nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.posts-wrapper.col-3 article:nth-child(3n) {
    border-right: 1px solid #e4e4e4;
}

.post-categories a {
    color: #c42118;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.archive-description {
    color: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.tags-links {
    margin-bottom: 20px;
    display: inline-block;
}

.tags-links span {
    margin: 0 8px 8px 0;
}

.tags-links span.fw-bold {
    color: #01549a;
}

.tags-links a {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px 0px;
    border-radius: 0;
    padding: 8px 10px;
    margin: 0px 0 8px 8px;
    text-align: center;
    position: relative;
    display: inline-block;
    transition: 0.5s;
    color: #01549a;
    transition: all 0.5s ease-in-out;
    border: none;
    font-weight: 400;
}

.tags-links a:hover,
.tags-links a:focus {
    border-color: #000;
    background-color: #fdc401;
    color: #fff;
}

.socialMedia {
    float: right;
}

.socialMedia ul li {
    display: inline-block;
    position: relative;
    margin-bottom: 0 !important;
    padding: 4px 10px !important;
    border: 1px solid;
    border-color: #3f536d;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    background-color: #01549a;
    transition: all ease 0.5s;
    font-size: 18px;
}

#primary .socialMedia ul li a.blgsmedia {
    font-size: 18px;
    color: #fff;
    line-height: 0;
}

.socialMedia ul li:hover {
    background-color: #fdc401;
    /* transform: scale(-20px); */
    transition: all ease 0.5s;
    transform: scale(1.1);
}

.single .date a:before,
.entry-meta .author a:before,
.comments-link a:before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    color: #C63DC1;
}

.entry-meta .author a:before {
    content: "\f007";
}

.comments-link a:before {
    content: "\f086";
}

.single .date a:before {
    content: "\f017";
}

.cat-links a:before {
    content: "\f02c";
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #01549a;
    margin-right: 5px;
}

.entry-meta a,
.entry-meta span:before,
.entry-meta .author:before {
    color: #000;
    text-decoration: none;
    font-weight: 300;
}

.entry-meta a:hover,
.entry-meta a:focus {
    color: #3f536d;
}

.entry-meta {
 display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
    text-decoration: none;
    border-bottom: 1px solid #00000050;
}

.author.vcard {
    margin-left: 5px;
}

.byline {
    visibility: hidden;
}

.byline .author.vcard {
    visibility: visible;
    margin-left: -20px;
}

.single-post .site-main .comment-navigation,
.single-post .site-main .posts-navigation,
.single-post .site-main .post-navigation {
    margin-bottom: 0;
}

.navigation.post-navigation,
.navigation.posts-navigation {
    padding: 10px;
    margin-top: 35px;
}

.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}

.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}

.error-404.not-found {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.error404 #page-site-header {
    display: none !important;
}

.error404 .section-gap {
    padding: 9em 0;
}

.error-404.not-found .page-title {
    font-size: 38px;
}

.error-404.not-found .page-content p {
    color: #01549a;
    font-weight: 400;
}

.error-404.not-found .error-404title {
    color: #fff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px;
}

@keyframes effect {
    0% {
        text-shadow: 4px -4px 0 #01549A, 3px -3px 0 #01549A,
            2px -2px 0 #01549A, 1px -1px 0 #01549A,
            -4px 4px 0 #01549A, -3px 3px 0 #01549A,
            -2px 2px 0 #01549A, -1px 1px 0 #01549A;
    }

    25% {
        text-shadow: -4px -4px 0 #01549A, -3px -3px 0 #01549A,
            -2px -2px 0 #01549A, -1px -1px 0 #01549A,
            4px 4px 0 #01549A, 3px 3px 0 #01549A,
            2px 2px 0 #01549A, 1px 1px 0 #01549A;
    }

    50% {
        text-shadow: -4px 4px 0 #01549a, -3px 3px 0 #01549a,
            -2px 2px 0 #01549a, -1px 1px 0 #01549a,
            4px -4px 0 #01549a, 3px -3px 0 #01549a,
            2px -2px 0 #01549a, 1px -1px 0 #01549a;
    }

    75% {
        text-shadow:
            4px 4px 0 #01549a, 3px 3px 0 #01549a,
            2px 2px 0 #01549a, 1px 1px 0 #01549a,
            -4px -4px 0 #01549a, -3px -3px 0 #01549a,
            -2px -2px 0 #01549a, -1px -1px 0 #01549a;
    }

    100% {
        text-shadow:
            4px -4px 0 #01549a, 3px -3px 0 #01549a,
            2px -2px 0 #01549a, 1px -1px 0 #01549a,
            -4px 4px 0 #01549a, -3px 3px 0 #01549a,
            -2px 2px 0 #01549a, -1px 1px 0 #01549a;
    }
}

.page404 .site-main {
    padding-top: 15%;
}

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

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}

.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 600;
    color: #C63DC1;
}

#cancel-comment-reply-link {
    float: right;
}

ul.post-categories li:after {
    content: ",";
}

ul.post-categories li:last-child:after {
    display: none;
}

ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}

#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

#comments ol.comment-list {
    padding-top: 35px;
    position: relative;
    overflow: hidden;
}

#comments ol.children {
    margin-left: 120px;
}

.says {
    display: none;
}

.comment-meta img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px;
}

#comments time:before {
    display: none;
}

.comment-body {
    position: relative;
}

.reply {
    text-align: right;
}

#comments article {
    margin-bottom: 30px;
    clear: both;
    padding: 30px;
    background-color: #f6f6f6;
    text-decoration: none;
    border: 1px solid #C63DC1;
}

#comments ol.comment-list>li {
    padding-top: 49px;
}

#comments ol.comment-list>li:first-child {
    padding-top: 0;
}

#comments ol.comment-list>li article:last-child .reply {
    border-bottom: none;
    padding-bottom: 0;
}

.reply a {
    color: #000;
    display: inline-block;
    font-weight: 400;
    padding: 7px 30px;
    position: relative;
    background-color: #C8DCEC;
    border: 2px solid #C8DCEC;
    border-radius: 50px;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.reply a:hover,
.reply a:focus {
    color: #000;
    background-color: #C63DC1;
    border-color: #C63DC1;
}

.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #000;
    font-size: 25px;
    text-decoration: none;
    text-transform: capitalize;
}

.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #C63DC1;
}

.comment-metadata a,
.comment-metadata a time {
    color: #000;
    text-decoration: none;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #000;
}

.comment-metadata time {
    font-weight: 500;
}

.comment-metadata {
    display: block;
    margin-bottom: 15px;
}

.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 80px;
}

.comment-content p {
    font-weight: 400;
    margin-bottom: 1em;
    color: #A1A1A1;
    font-size: 16px;
    line-height: 1.6;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.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;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/

section {
    position: relative;
    overflow: hidden;
}

.title-section {
    /* text-align: center; */
    margin-bottom: 3em;
    display: flex;
    /* align-items: center; */
    position: relative;
    z-index: 2;
}

.title-section h1 {
    margin: 0;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000000;
    border-radius: 0px;
}

.entry-content {
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.main-navigation ul.nav-menu>li:last-child a {
    padding: 5px;
}

.main-navigation ul.nav-menu>li:last-child {
    box-shadow: 0px 0px 10px -5px #7b7b7b;
    padding: 8px 20px;
    background-color: #F6F6F6;
    border-radius: 25px;
    border-left: 8px solid #C93CC1;
    border-right: 8px solid #C93CC1;
}

.main-navigation ul.nav-menu>li:last-child:hover {
    background-color: #C93CC1;
}

.main-navigation ul.nav-menu>li:last-child:hover a {
    color: #fff;
}

.main-navigation ul.nav-menu .current_page_item::before,
.main-navigation ul.nav-menu .current-menu-item::before,
.main-navigation ul.nav-menu .current_page_ancestor::before,
.main-navigation ul.nav-menu .current-menu-ancestor::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    width: 50%;
    height: 3px;
    background-color: #000000;
}

.main-navigation ul.nav-menu ul .current_page_item::before,
.main-navigation ul.nav-menu ul .current-menu-item::before,
.main-navigation ul.nav-menu ul .current_page_ancestor::before,
.main-navigation ul.nav-menu ul .current-menu-ancestor::before {
    display: none;
}

.wrapper.section-gap {
    width: 90%;
    margin: 0 auto;
}

.section-gap {
    padding: 3em 0;
}

.entry-title,
.section-title {
    font-size: 22px;
    margin: 0 0 6px;
    font-weight: 700;
    word-wrap: break-word;
}

.section-title {
    font-size: 32px;
    margin: 0 0 15px;
    color: #000;
}

.section-subtitle {
    max-width: 600px;
    margin: 0 auto;
}

.entry-title a {
    color: #000;
    text-decoration: none;
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #c42118;
}

.post-thumbnail-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.align-left {
    text-align: left;
}

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

.align-right {
    text-align: right;
}

.btn {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 8px 25px;
    border-radius: 7px;
    font-size: 21px;
    position: relative;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.featured-image {
    position: relative;
}

.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
    margin-bottom: 30px;
    width: 100%;
}

.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# 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%;
}

/*--------------------------------------------------------------
## 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
--------------------------------------------------------------*/
.type_of_work {
    margin: -4px;
}

.type_of_work-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 4px;
}

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

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

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

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

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

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

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

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

.type_of_work-caption {
    display: block;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}

.footer-widgets-area .widget .social-icons li {
    display: inline-block;
    width: auto;
}

.social-icons li:not(:last-child) {
    margin-right: 5px;
}

.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}

.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
ul.social-icons {
    margin: 0;
    padding: 0;
}

.social-icons li {
    width: 40px;
    height: auto;
    text-align: center;
    line-height: 40px;
    position: relative;
    list-style: none;
}

.social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-icons li:not(:last-child) {
    margin-right: 10px;
}

.social-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Brands";
}

.social-icons li a:hover,
.social-icons li a:focus {
    color: #fff;
    background-color: #FF3366;
}

.social-icons li a:before {
    content: "\f1d0";
}

.social-icons li a[href*="facebook.com"]:before,
.social-icons li a[href*="fb.com"]:before {
    content: "\f39e";
}

.social-icons li a[href*="twitter.com"]:before {
    content: "\e61b";
}

.social-icons li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-icons li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-icons li a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-icons li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-icons li a[href*="pinterest.com"]:before {
    content: "\f231";
}

.social-icons li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-icons li a[href*="github.com"]:before {
    content: "\f113";
}

.social-icons li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-icons li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-icons li a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-icons li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-icons li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-icons li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-icons li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-icons li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-icons li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-icons li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-icons li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-icons li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-icons li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-icons li a[href*="soundcloud.com"]:before {
    content: "\f1be";
}

.social-icons li a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.social-icons li a[href*="wordpress.com"]:before {
    content: "\f19a";
}

.social-icons li a[href*="jsfiddle.net"]:before {
    content: "\f1cc";
}

.social-icons li a[href*="tripadvisor.com"]:before {
    content: "\f262";
}

.social-icons li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-icons li a[href*="angel.co"]:before {
    content: "\f209";
}

.social-icons li a[href*="slack.com"]:before {
    content: "\f198";
}

.social-icons li a[href*="tiktok.com"]:before {
    content: "\e07b";
}

/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
    background-color: #3c5798 !important;
}

.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
    background-color: #1ea0f1 !important;
}

.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
    background-color: #0077B5 !important;
}

.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
    background-color: #ec7161 !important;
}

.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
    background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus {
    background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
    background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus {
    background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus {
    background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
    background-color: #111000 !important;
}

.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus {
    background-color: #025FDF !important;
}

.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus {
    background-color: #089DE3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus {
    background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
    background-color: #cd42e7 !important;
}

.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus {
    background-color: #56BC8A !important;
}

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus {
    background-color: #FF4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus {
    background-color: #0E9DD9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus {
    background-color: #EB4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus {
    background-color: #0076E8 !important;
}

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus {
    background-color: #4169E1 !important;
}

.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus {
    background-color: #FF5500 !important;
}

.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus {
    background-color: #0073AA !important;
}

.social-icons li a[href*="wordpress.com"]:hover,
.social-icons li a[href*="wordpress.com"]:focus {
    background-color: #00AADC !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus {
    background-color: #396AB1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus {
    background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
    background-color: #111000 !important;
}

.social-icons li a[href*="tiktok.com"]:hover,
.social-icons li a[href*="tiktok.com"]:focus {
    background-color: #7d88e3 !important;
}

/*--------------------------------------------------------------
#  Inner Page settings
--------------------------------------------------------------*/
#secondary .entry-content,
#primary .entry-content {
    z-index: 0;
    position: relative;
}

#primary .entry-content h1,
#secondary .entry-content h1 {
    font-size: 55px;
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
}

#primary .entry-content p,
#secondary .entry-content p {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    color: #333333;
    text-transform: capitalize;
}

#primary .entry-content p strong,
#secondary .entry-content p strong {
    color: #000;
}

#primary .entry-content p em,
#secondary .entry-content p em {
    color: #FF5B4A;
}

#primary .entry-content h2,
#secondary .entry-content h2 {
    font-size: 45px;
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
}

#primary .entry-content h3,
#secondary .entry-content h3 {
    font-size: 38px;
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
    /* letter-spacing: 0.59px; */
}

#primary .entry-content h4,
#secondary .entry-content h4 {
    font-size: 30px;
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
}

#primary .entry-content h5,
#secondary .entry-content h5 {
    font-size: 26px;
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
}

#primary .entry-content h6,
#secondary .entry-content h6 {
    font-size: 22px;
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
}

#primary .entry-content ul,
#secondary .entry-content ul {
    /* padding: 20px 0 20px 0; */
    list-style: none;
    font-size: 18px;
    margin: 0;
}

#primary .entry-content ul li,
#secondary .entry-content ul li,
#primary .entry-content ul li ul li,
#secondary .entry-content ul li ul li {
    line-height: 50px;
    font-size: 18px;
    color: #000;
}

#primary .entry-content ul li:before,
#secondary .entry-content ul li:before {
    display: inline-block;
    margin-left: 1em;
    /* vertical-align: .255em; */
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #C63DC1;
    transform: rotate(-45deg);
    margin-right: 15px;
}

details {
    line-height: 2rem;
}

details p {
    margin-left: 30px;
}

.tagcloud {
    padding: 15px 22px;
}

.tagcloud a {
    color: #959595 !important;
}

#primary .entry-content ul li ul,
#secondary .entry-content ul li ul {
    margin: 15px 0 0 40px;
}

#primary .entry-content ul li ul li:before,
#secondary .entry-content ul li ul li:before {
    display: inline-block;
    margin-left: 1em;
    /* vertical-align: .255em; */
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #C63DC1;
    transform: rotate(-45deg);
    margin-right: 15px;
}

#primary .entry-content ol,
#secondary .entry-content ol {
    counter-reset: li;
    list-style: none;
    margin: 30px 0 0;
}

#primary .entry-content ol li,
#secondary .entry-content ol li {
    position: relative;
    padding-left: 6rem;
    min-height: 50px;
    padding-top: 0px;
    line-height: 30px;
    font-size: 18px;
    color: #000;
}

#primary .entry-content ol li,
#secondary .entry-content ol li {
    counter-increment: li;
    position: relative;
    padding-left: 4rem;
    list-style: none;
}

#primary .entry-content ol li::before,
#secondary .entry-content ol li::before {
    content: counter(li, decimal-leading-zero);
    color: #C63DC1;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0px;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
}

#primary .wp-block-column-is-layout-flow ul li:before,
#secondary .wp-block-column-is-layout-flow ul li:before {
    content: '\f013';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 18px;
    margin: 0 10px;
    color: #C63DC1;
    padding: 3px 0;
}

#primary .wp-block-column-is-layout-flow ul li,
#secondary .wp-block-column-is-layout-flow ul li {
    font-size: 19px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    color: #000000;
    line-height: 1.5rem;
    margin-bottom: 20px;
    text-transform: capitalize;
    padding-left: 3rem;
    position: relative;
    letter-spacing: 0.95px;
}

#primary.single-content .wp-block-column-is-layout-flow ul li,
#secondary.single-content .wp-block-column-is-layout-flow ul li {
    font-size: 17px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    color: #000000;
    line-height: 1.5rem;
    margin-bottom: 20px;
    text-transform: capitalize;
    padding-left: 2.5rem;
    position: relative;
    letter-spacing: 0px;
}

blockquote .wp-block-quote,
.wp-block-pullquote,
.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large) {
    padding: 1em !important;
    background-color: #01549a !important;
    border: 1px solid !important;
    border-color: #002434 !important;
    margin-top: 50px;
}

.wp-block-quote h1,
.wp-block-quote h2,
.wp-block-quote h3,
.wp-block-quote h4,
.wp-block-quote h5,
.wp-block-quote h6 {
    text-align: center;
    font-size: 25px !important;
    font-weight: bold !important;
    margin: 0px 0px 20px;
}

blockquote .wp-block-quote p,
.wp-block-pullquote p,
.wp-block-quote p {
    color: #fff !important;
    font-size: 16px;
    font-weight: 300;
    /* text-align: left; */
    padding: 12px 40px 0;
    letter-spacing: 0.64px;
    line-height: 30px;
}

.wp-block-quote p:before,
blockquote .wp-block-quote p:before {
    content: "\f10d";
    position: absolute;
    top: -1rem;
    left: 1.5rem;
    font-size: 60px;
    color: #fdc401;
    font-family: 'FontAwesome';
}

.wp-block-quote p:after,
blockquote .wp-block-quote p:after {
    content: "\f10e";
    position: absolute;
    bottom: -1rem;
    right: 33px;
    font-size: 60px;
    color: #fdc401;
    font-family: 'FontAwesome';
    transform: rotate(180deg) rotateY(180deg);
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    background-size: cover;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/people-railway-transport-portrait-public-transport-streetphotography-583586-pxhere1.com.png);
}

.page-title {
    font-size: 30px;
    color: #3f536d;
    font-weight: bold;
    margin-bottom: 10px;
}

#page-site-header .innerheader-overly1 {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
   background: linear-gradient(90deg, #e9d6f9 0%, #d9f9f9 50% ,  #e9d6f9 90%);

}

#page-site-header .page-site-headerimg {
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    background-size: cover;
}

#page-site-header .page-title {
    font-size: 59px;
    text-align: left;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 2.42px;
    color: #000000;
}

#page-site-header .page-header .wrapper {
    width: 100%;
}

#page-site-header .page-header {
    position: absolute;
    text-align: center;
    margin: 0 0rem 0 5rem;
    z-index: 1;
    top: 60%;
    left: 0%;
    transform: translate(0%, -50%);
    padding: 2rem;
}

#page-site-header .header-title .headerdotsbox {
    width: 36px;
    height: 55px;
    position: absolute;
    left: 110px;
    bottom: 0px;
}

#page-site-header .header-title .headerdotsbox div {
    background: #a1a1a1;
    margin: 0 5px 5px 0;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    float: left;
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

#page-site-header .breadcrumbbox {
    padding: 0px 0 0.5em 0%;
    text-align: left;
}

#page-site-header .breadcrumbbox .button {
    display: inline-block;
    padding: 7px 0px;
    border-radius: 50px;
    text-decoration: none;
}

#page-site-header .breadcrumbbox a,
#page-site-header .breadcrumbbox .button .root,
#page-site-header .breadcrumbbox span {
    padding: 10px 3px;
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
}

#page-site-header .breadcrumbbox span.bread-arrow {
    font-size: 15px;
    position: relative;
    top: 0px;
    padding: 0px;
    color: #000000;
    background-color: #00000000;
    font-weight: 400;
}

#page-site-header .breadcrumbbox a:hover,
#page-site-header .breadcrumbbox .treeEnd:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
#breadcrumb-list {
    background-color: #222;
    padding: 20px 0;
}

.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.trail-items li a {
    color: rgba(255, 255, 255, 0.30);
}

.trail-items li a:hover,
.trail-items li a:focus {
    color: #fff;
}

.trail-items .separator {
    color: rgba(255, 255, 255, 0.30);
    padding: 0 2px;
}

/*--------------------------------------------------------------
#  Slick Slider
--------------------------------------------------------------*/
.slick-slide {
    outline: none;
}

.slick-dotted.slick-slider {
    margin-bottom: 8%;
}

.slick-next:before,
.slick-prev:before {
    opacity: 1;
    /* content: "\f105"; */
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 26px;
    color: #c42118;
    z-index: 5;
}

.slick-prev:before {
    content: '\f104' !important;
    font-family: 'Font Awesome 5 Free' !important;
}

.slick-next:before {
    content: '\f105' !important;
    font-family: 'Font Awesome 5 Free' !important;
}

.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 84px;
    height: 45px;
    line-height: 62px;
}

.slick-prev {
    left: 0;
    border-left: 3px solid #c42118;
}

.slick-next {
    left: auto;
    right: 0;
    border-right: 3px solid #c42118;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    background-color: #000;
}

.slick-dots {
    bottom: 25px;
}

.slick-dots li {
    margin: 0 6px;
    width: auto;
    height: auto;
}

.slick-dots li button {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    padding: 0;
    border-radius: 12px;
}

.slick-dots li button:focus-visible {
    outline: auto;
}

.slick-dots li button:before {
    display: none;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.slick-dotted.slick-slider {
    margin: 0 !important;
}

/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/
#featured-slider .slick-dots {
    bottom: 3rem;
}

#featured-slider {
    position: relative;
    overflow: hidden;
    padding-bottom: 2rem;
}

#featured-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

#featured-slider .slide-inner {
    width: 100%;
    height: auto;
    position: relative;
    justify-content: center;
    align-items: center;
}

#featured-slider .sliderimg {
    width: 100%;
    height: 840px;
}

#featured-slider img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-slider img.featureimg {
    width: 30px;
    height: 30px;
}

.opbg {
    position: relative;
    width: 100%;
    height: auto;
}

#featured-slider article {
    position: relative;
    background-size: cover;
    background-position: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

#featured-slider .slider-abs {
    width: 55%;
    bottom: 0;
    right: 0;
    justify-items: flex-end;
    z-index: 0;
    position: absolute;
}

#featured-slider .slider-abs1 {
    position: relative;
    -webkit-mask-image: url(./assets/images/slider2.png);
    mask-image: url(./assets/images/slider2.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 100%;
    width: 100%;
    right: -14px;
    filter: drop-shadow(1px 1px 1px white);

}

#featured-slider .slider-abs2 {
    position: absolute;
    bottom: 0;
    -webkit-mask-image: url(./assets/images/slider2.png);
    mask-image: url(./assets/images/slider2.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 100%;
    width: 833px;
    -webkit-mask-size: 100% 100%;
    background: linear-gradient(203deg, #D431BF, #38CBD1, #D431BF);
    background-size: 200% 200%;
    animation: waveGradient 1s ease-in-out infinite;
}

/* Wave animation */
@keyframes waveGradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


#featured-slider img.slider-roted {
    position: absolute;
    right: 45%;
    top: 3%;
    z-index: -1;
    width: 146px !important;
    height: 146px !important;
    animation: animName 12s linear infinite;
}

@keyframes animName {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#featured-slider .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 200px 0;
    border-radius: 50px;
    margin-bottom: 50px;
}

#featured-slider .wrapper {
    width: 81%;
    position: relative;
    top: 29%;
    left: 15%;
    z-index: 5;
}

#featured-slider .entry-header {
    margin: 0 0;
    height: auto;
    padding: 10px 0px 40px;
}

#featured-slider .entry-content {
    margin-left: auto;
    margin-right: auto;
}

#featured-slider h2.entry-title {
    font-size: 96px;
    letter-spacing: 3.94px;
    text-transform: capitalize;
    color: #000000;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: bold;
    margin: 0 0 0px !important;
    text-align: left;
}

#featured-slider .entry-container:hover h2.entry-title {
    color: #38CBD1;
    transition: 0.5s;
}

#featured-slider .entry-header h3 {
    font-size: 30px;
    letter-spacing: normal;
    text-transform: capitalize;
    color: #fff;
    position: relative;
}

#featured-slider .entry-header h3.subtitle1 {
    font-size: 18px;
    letter-spacing: 0.9px;
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-align: left;
}

#featured-slider .entry-header h3 span {
    font-size: 29px;
    letter-spacing: 1.45px;
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

#featured-slider h2.entry-title small {
    font-size: 31px;
    letter-spacing: normal;
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
    margin: 0 0 0 0em;
    position: absolute;
    left: 17px;
    top: 91px;
}

#featured-slider .entry-content {
    color: #fff;
}

#featured-slider .entry-content p {
    font-size: 18px;
    letter-spacing: 0.74px;
    color: #000000;
    margin-bottom: 20px;
    opacity: 0.6;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

hr {
    border: none;
    height: 2px;
    background-color: #000;
    margin: 10px 0;
}

/*slider  button  */

#featured-slider .gap1 .read-more .btn {
    position: relative;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 54px;
    font-size: 25px;
    text-transform: capitalize;
    background: #38CBD1;
    border-radius: 29px;
    text-decoration: none;
    letter-spacing: 1.02px;
    font-family: 'SpaceGrotesk-Bold';
    box-shadow: inset 0px 0px 5px #00000029;
    opacity: 1;
    z-index: 1;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#featured-slider .gap1:hover .read-more .btn,
#featured-slider .gap1:hover .corve,
#featured-slider .gap1:hover .user-icon svg {
    background-color: #FFFFFF;
    color: #38CBD1;
    transform: scale(1.05);
}

#featured-slider .gap1 .corve {
    content: '';
    position: absolute;
    color: #38CBD1;
    background: #38CBD1 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 40px;
    height: 20px;
    left: 12rem;
    bottom: 20px;
    z-index: -1;
    box-shadow: inset 0px 0px 5px #00000029;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.gap1 {
    column-gap: 5px;
}

#featured-slider .gap1 .user-icon {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 1;
}

#featured-slider .user-icon svg {
    width: 35px;
    height: 35px;
    padding: 9px;
    background-color: #38CBD1;
    color: #FFFFFF;
    border-radius: 29px;
    box-shadow: inset 0px 0px 5px #00000029;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#featured-slider .sliderbut2 {
    padding: 8px 30px;
    font-size: 22px;
    position: relative;
    z-index: 1;
    color: #38CBD1;
    background-color: #FFFFFF;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    font-family: 'SpaceGrotesk-Bold';
    letter-spacing: 0.9px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px #00000029;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 1.7rem !important;
}


#featured-slider .sliderbut2:hover {
    background-color: #38CBD1;
    color: #FFFFFF;
    transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* //////////////// */

#featured-slider .leftcontentbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

/* ///////// pagination slider section /////////// */
#featured-slider .slick-dots-container {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
}

#featured-slider .slick-slide {
    outline: none;
}

/* ///////////////////// */
.icon-disable,
.image-disable .featured-image,
.position-disable .team-position,
.position-disable .testimonial-position,
.title-disable .entry-header,
.content-disable .entry-content,
.button-disable .read-more,
.category-disable .cat-links,
.date-disable .date,
.blog-posts-wrapper .category-disable .cat-links,
#page-site-header.page-title-disable .page-header,
#page-site-header.header-image-disable {
    display: none;
}

.title-font-weight-regular .entry-title,
.content-font-weight-regular .entry-content,
.button-font-weight-regular .btn {
    font-weight: 400;
}

.title-font-weight-semi-bold .entry-title,
.content-font-weight-semi-bold .entry-content,
.button-font-weight-semi-bold .btn {
    font-weight: 600;
}

.title-font-weight-bold .entry-title,
.content-font-weight-bold .entry-content,
.button-font-weight-bold .btn {
    font-weight: bold;
}

.title-default .entry-title,
.content-default .entry-content,
.button-default .btn {
    text-transform: none;
}

.title-uppercase .entry-title,
.content-uppercase .entry-content,
.button-uppercase .btn {
    text-transform: uppercase;
}

.title-lowercase .entry-title,
.content-lowercase .entry-content,
.button-lowercase .btn {
    text-transform: lowercase;
}

.title-capitalize .entry-title,
.content-capitalize .entry-content,
.button-capitalize .btn {
    text-transform: capitalize;
}

.cloud-top {
    margin-bottom: -5px;
    position: absolute;
    bottom: 100%;
    z-index: 1;
}

.cloud-bottom {
    margin-top: -5px;
    position: absolute;
    top: 100%;
    z-index: 1;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

#featured-slider .slick-prev,
#featured-slider .slick-next {
    font-size: 25px;
    line-height: 0;
    position: absolute;
    bottom: 0 !important;
    top: 80%;
    width: 90px;
    height: 130px;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
    display: none;
}

#featured-slider .slick-prev {
    left: 1.5%;
    top: 50%;
}

#featured-slider .slick-prev:before {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    opacity: 9;
    border: 5px solid #fff;
    font-size: 22px;
    padding: 4px 7px;
    color: #000000;
    display: none;
}

#featured-slider .slick-next {
    right: 0%;
    top: 50%;
}

#featured-slider .slick-next:before {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    opacity: 9;
    border: 5px solid #fff;
    font-size: 22px;
    padding: 4px 7px;
    color: #000000;
    display: none;
}

#featured-slider .slider_facility {
    margin: 0 100px;
    padding: 20px;
    background-color: #fff;
    position: relative;
    bottom: 2.5rem;
    box-shadow: -1px 1px 2px -1px;
    overflow: hidden;
}

#featured-slider .slider_facility .logos {
    margin-right: 10px;
}

#featured-slider .sliderpar {
    font-size: 25px;
    font-weight: 500;
    font-family: 'Poppins-Medium';
}

/*--------------------------------------------------------------
#  Featured Client Section
--------------------------------------------------------------*/

#featured-slider .clientlogo {
    position: relative;
    overflow: hidden;
    background: #000000;
    /* margin: 0 100px; */
    width: 100%;
    padding: 17px;
    overflow: hidden;
    bottom: .1rem;
    box-shadow: -1px 1px 2px -1px;
}

#featured-slider .clientlogo .slider1box .slider1-icon1 {
    width: 24px;
    height: 24px;
    color: #FFFFFF;
    padding-right: 10px;
    padding-top: 3px;
}

#featured-slider .clientlogo .slider1box h4.slider1-title {
    text-transform: capitalize;
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    opacity: 1;
    margin-right: 2rem;
    width: max-content;
}

#featured-slider .clientlogo .slider1box h4.slider1-title:hover {
    color: #38CBD1;
}

/*--------------------------------------------------------------
#  Featured Services Section
--------------------------------------------------------------*/
#featured-services {
    position: relative;
    overflow: hidden;
}

#featured-services .featured-services-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-services .title-section {
    margin: 0 0 1rem 0;
}

#featured-services .service2row {
    width: 97%;
    justify-self: right;
}

#featured-services .title-section {
    display: block;
}

#featured-services .title-section h1 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
}

#featured-services .title-section p {
    font-size: 42px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
}

#featured-services .featured-service-item {
    position: relative;
    margin-bottom: 2rem;
    transition: all 0.4s ease-in-out;
}

#featured-services .entry-container {
    align-items: center;
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d6d6d6;
    padding-left: 2rem;
}

#featured-services .featured-service-item:hover .entry-container {
    border-bottom: 2px solid #000;
}

#featured-services article {
    padding-top: 4rem;
}

#featured-services .featured-service-item .numbers {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
    align-self: center;
}

#featured-services .featured-service-item:hover .numbers {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    border-radius: 7px;
}

/* Parent container where counting starts */
#featured-services .grid {
    counter-reset: service-counter;
}

#featured-services article:hover .featured-service-item::before {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    border-radius: 7px;
}

/* Target each article or entry block */
#featured-services .featured-service-item::before {
    counter-increment: service-counter;
    content: counter(service-counter) ") ";
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
    align-self: center;
    top: 10%;
    left: -3%;
    position: absolute;
}

#featured-services .entry-title a {
    font-size: 54px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    color: #000;
    letter-spacing: 5.4px;
    text-decoration: none;
}

#featured-services .service-image {
    position: absolute;
    right: 4rem;
    top: 35%;
    transform: translateY(-50%);
    width: 310px;
    height: 190px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

#featured-services .entry-container:hover .service-image {
    opacity: 1;
}

#featured-services .image-container {
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 5px;
}

/* Arrow styling */
#featured-services .service-arrow::after {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: 22px;
    color: #000;
    transform: rotate(-45deg);
}

/*--------------------------------------------------------------
#  Inner Services Page css
--------------------------------------------------------------*/

#main .service-inner-content,
#secondary .service-inner-content {
    position: relative;
    overflow: hidden;
}

#main .service-inner-content .entry-container,
#secondary .service-inner-content .entry-container {
    position: relative;
}

#main .service-inner-content .service-image,
#secondary .service-inner-content .service-image {
    width: 90%;
}

#main .service-inner-content .entry-content,
#secondary .service-inner-content .entry-content {
    width: 90%;
    justify-self: right;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #6A98CA;
    border-radius: 20px;
    padding: .7rem 1rem 1.5rem 1.5rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

#main .service-inner-content .featured-service-item,
#secondary .service-inner-content .featured-service-item {
    padding: 15px 13px 4px;
    margin: 0 0px;
    width: 100%;
}

#main .service-inner-content h2.entry-title,
#secondary .service-inner-content h2.entry-title,
#main .service-inner-content .entry-title .service-title,
#secondary .service-inner-content .entry-title .service-title {
    font-size: 27px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    text-decoration: none;
    margin: 0;
}

#main .service-inner-content .featured-service-item:hover h2.entry-title,
#secondary .service-inner-content .featured-service-item:hover h2.entry-title,
#main .service-inner-content .featured-service-item:hover .entry-title .service-title,
#secondary .service-inner-content .featured-service-item:hover .entry-title .service-title {
    color: #976AC5;
}

#main .service-inner-content p,
#secondary .service-inner-content p {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.5;
    margin: 0;
    padding: 1rem 0 1.5rem 0;
}

#main .service-inner-content a.newsCaption-link,
#secondary .service-inner-content a.newsCaption-link {
    font-size: 15px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0.75px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    padding: 5px 16px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
}

#main .service-inner-content .featured-service-item:hover a.newsCaption-link,
#secondary .service-inner-content .featured-service-item:hover a.newsCaption-link {
    background-position: bottom;
    color: #fff;
}

/*--------------------------------------------------------------
#  Featured About Section
--------------------------------------------------------------*/
#featured-about {
    position: relative;
    overflow: hidden;
}

#featured-about .featured-about-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-about .about-image img {
    position: relative;
    width: 100%;
    z-index: 1;
}

#featured-about .about-img-box {
    position: relative;
}

#featured-about .title-section {
    position: relative;
    display: block !important;
    margin-bottom: 0;
    width: 85%;
    justify-self: center;
}

#featured-about .title-section h5 {
    color: #000000;
    font-size: 25px !important;
    position: relative;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: bold !important;
    padding: 20px 0;
    letter-spacing: 1.02px;
    margin: 0;
}

#featured-about .title-section h1.about-heading1 {
    font-size: 42px !important;
    line-height: 1.4;
    font-family: "Poppins", sans-serif !important;
    font-weight: bold !important;
    position: relative;
    z-index: 1;
    letter-spacing: 0px;
    color: #000000;
    margin: 0;
}

#featured-about h2.subtitle {
    line-height: 2rem;
    color: #4B4B4B;
    font-size: 17px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    position: relative;
    padding: 15px 0;
    letter-spacing: 0.85px;
    width: 80%;
    margin: 0;
}

#featured-about .title-section .row h3 {
    margin: 0;
    font-size: 16px !important;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 400 !important;
    color: #000000;
    line-height: 1.5rem;
    margin-bottom: 20px;
    letter-spacing: 0.8px;
    text-transform: capitalize;
    padding-left: 3rem;
    position: relative;
}

#featured-about .title-section .row h3::before {
    content: '\f013';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 18px;
    margin: 0 10px;
    color: #C63DC1;
    padding: 3px 0;
}

#featured-about .title-section .about_facility {
    padding: 5px 0;
    bottom: 0;
}

#featured-about .title-section .about_facility p {
    font-size: 18px !important;
    color: #3F536D;
    padding: 8px 0;
    margin: 0;
}

#featured-about .title-section .about_facility p::before {
    opacity: 1;
    content: "\f00c";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 14px;
    color: #3F536D;
    z-index: 5;
    padding: 0px 10px 0px 0px;
}

#featured-about .title-section .button {
    margin-top: 20px;
}

#featured-about .title-section .button a {
    font-size: 22px !important;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 400 !important;
    color: #000000;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    opacity: 1;
    padding: 8px 46px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
}

#featured-about .title-section .button a:hover {
    background-position: bottom;
    color: #fff;
}

#featured-about .back12 {
    transition: all 0.5s ease-in-out;
}

#featured-about .back12 .text1 {
    margin: 0;
}

#featured-about .back12 .number {
    transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
    color: #000000;
    margin: 0;
}

#featured-about .back12:hover {
    background: transparent linear-gradient(0deg, #C63DC100 0%, #6A98CA 100%);
    border-radius: 10px;
    transform: scale(1.1);
}

#featured-about .back12:hover .number {
    color: #C63DC1;
    opacity: 1;
}

#featured-about .number {
    font-size: 45px !important;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: bold !important;
    letter-spacing: 0px;
    opacity: 1;
    text-align: center;
    color: #000000;
    margin: 0;
}

#featured-about .text1 {
    font-size: 16px !important;
    color: #000000;
    opacity: 0.54;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    text-align: center;
    margin: 0;
}

#featured-about .about-imag {
    position: relative;
    -webkit-mask-image: url(./assets/images/about-mask.png);
    mask-image: url(./assets/images/about-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 100%;
    bottom: 25px;
    filter: drop-shadow(1px 1px 1px white);
}

#featured-about .about-imag2 {
    position: relative;
    -webkit-mask-image: url(./assets/images/about-mask.png);
    mask-image: url(./assets/images/about-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 100%;
    width: auto;
    -webkit-mask-size: 100% 100%;
    background: transparent linear-gradient(90deg, #D431BF 0%, #38CBD1 100%);
    border-radius: 20px 20px 0px 0px;
}

@keyframes pulseGlow {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

#featured-about .about-imag2 {
    background: linear-gradient(270deg, #D431BF, #38CBD1, #D431BF);
    background-size: 400% 400%;
    animation: pulseGlow 4s ease infinite;
}

#featured-about .about-text-number {
    padding: 10px 0px 20px;
}

#featured-about .about-image {
    box-shadow: 0px 0px 15px #0000001A;
    border-radius: 0px 0px 20px 20px;
}

/*--------------------------------------------------------------
#  Featured projects Section
--------------------------------------------------------------*/
#featured-projects {
    position: relative;
    overflow: hidden;
}

#featured-projects .featured-projects-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-projects .projectrow {
    position: relative;
}

#featured-projects .featured-project-item {
    position: relative;
}

#featured-projects .title-section {
    margin-bottom: 4em;
    display: block;
}

#featured-projects .title-section p {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    font-size: 42px;
    color: #000000;
    padding: 10px 0;
    text-transform: capitalize;
    letter-spacing: 0px;
    text-align: left;
    opacity: 1;
}

#featured-projects .title-section h1 {
    font-size: 25px;
    color: #000000;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1.02px;
    opacity: 1;
}

/* //////////// */
#featured-projects .entry-container {
    position: relative;
}

#featured-projects .featured-project-item {
    transition: 0.5s;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#featured-projects .featured-project-item img {
    border-right: 8px solid #976AC5;
    border-radius: 20px;
    border-bottom-right-radius: 0px;
    transition: transform 0.3s ease;
}

#featured-projects .featured-project-item img:hover {
    transform: scale(1.1);
}

#featured-projects .hover-wrapper {
    position: relative;
    overflow: hidden;
}

#featured-projects .hover-ripple-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #976AC5;
    opacity: 0.5;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.7s ease;
    z-index: 0;
    pointer-events: none;
}

#featured-projects .featured-project-item:hover .hover-wrapper .hover-ripple-horizontal {
    transform: scaleX(1);
}

#featured-projects .entry-title a {
    text-decoration: none;
    color: #000000;
    font-size: 25px;
    letter-spacing: 0px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    text-align: left;
}

#featured-projects .entry-container:hover .entry-title a {
    color: #976ac5;
}

#featured-projects .entry-content h2 {
    margin: 0;
    padding: 1.5rem 4.5rem 1.5rem 10px;
}

#featured-projects .image-container {
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    z-index: 2;
    border-radius: 20px;
}

#featured-projects article:nth-child(odd) {
    position: relative;
    top: -16rem;
}

#featured-projects .project-w {
    position: relative;
}

#featured-projects .project-w p {
    position: absolute;
    top: -2rem;
    bottom: 0;
    right: -1px;
    color: #C63DC1;
    padding: 10px 7px;
    background: #976AC5;
    border-radius: 20px;
    height: 6.8rem;
}

#featured-projects .project-w p span {
    font-size: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding: .7rem 1.5rem;
}

#featured-projects .project-w p span svg {
    margin-top: 2.9rem;
    color: #C63DC1;
    font-size: 30px;
    transform: rotate(-45deg);
}

/*--------------------------------------------------------------
#  Inner Page Project 
--------------------------------------------------------------*/

#main .projectmainbox,
#secondary .projectmainbox {
    position: relative;
    overflow: hidden;
}

#main .project-inner-content .featured-project-item,
#secondary .project-inner-content .featured-project-item {
    position: relative;
}

#main .project-inner-content .entry-container,
#secondary .project-inner-content .entry-container {
    position: relative;
}

#main .project-inner-content .featured-project-item,
#secondary .project-inner-content .featured-project-item {
    transition: 0.5s;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#main .project-inner-content .featured-project-item img,
#secondary .project-inner-content .featured-project-item img {
    border-right: 8px solid #976AC5;
    border-radius: 25px;
    border-bottom-right-radius: 0px;
    transition: transform 0.3s ease;
}

#main .project-inner-content .featured-project-item img:hover,
#secondary .project-inner-content .featured-project-item img:hover {
    transform: scale(1.1);
}

#main .project-inner-content .hover-wrapper,
#secondary .project-inner-content .hover-wrapper {
    position: relative;
    overflow: hidden;
}

#main .project-inner-content .hover-ripple-horizontal,
#secondary .project-inner-content .hover-ripple-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #976AC5;
    opacity: 0.5;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.7s ease;
    z-index: 0;
    pointer-events: none;
}

#main .project-inner-content .featured-project-item:hover .hover-wrapper .hover-ripple-horizontal,
#secondary .project-inner-content .featured-project-item:hover .hover-wrapper .hover-ripple-horizontal {
    transform: scaleX(1);
}

#main .project-inner-content .entry-title a,
#secondary .project-inner-content .entry-title a {
    text-decoration: none;
    color: #000000;
    font-size: 22px;
    letter-spacing: 0px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    text-align: left;
}

#main .project-inner-content .entry-container:hover .entry-title a,
#secondary .project-inner-content .entry-container:hover .entry-title a {
    color: #976ac5;
}

#main .project-inner-content .entry-content h2,
#secondary .project-inner-content .entry-content h2 {
    margin: 0;
    padding: 1.2rem 5.4rem 1.5rem 10px;
    font-size: 25px;
    letter-spacing: 0px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    text-align: left;
}

#main .project-inner-content .image-container,
#secondary .project-inner-content .image-container {
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    z-index: 2;
    border-radius: 20px;
}

#main .project-inner-content article:nth-child(odd),
#secondary .project-inner-content article:nth-child(odd) {
    position: relative;
    top: -16rem;
}

#main .project-inner-content .project-w,
#secondary .project-inner-content .project-w {
    position: relative;
    padding-bottom: 1rem;
}

#main .project-inner-content .project-w p,
#secondary .project-inner-content .project-w p {
    position: absolute;
    top: -4rem;
    bottom: 0;
    right: -1px;
    color: #C63DC1;
    padding: 10px 7px;
    background: #976AC5;
    border-radius: 20px;
    height: 6.8rem;
}

#main .project-inner-content .project-w p span,
#secondary .project-inner-content .project-w p span {
    font-size: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding: .7rem 1.5rem;
}

#main .project-inner-content .project-w p span svg,
#secondary .project-inner-content .project-w p span svg {
    margin-top: 2.9rem;
    color: #C63DC1;
    font-size: 30px;
    transform: rotate(-45deg);
}

/*--------------------------------------------------------------
#  Featured Features Section
--------------------------------------------------------------*/

#featured-features {
    position: relative;
    overflow: hidden;
}

#featured-features .featured-features-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-features .image-container {
    position: relative;
    z-index: 1;
    height: 90px;
    width: 91px;
    background-color: #976AC5;
    border-radius: 7px;
}

#featured-features .image-container img {
    height: 100%;
    width: 100%;
    padding: 1rem;
}

#featured-features .features-image {
    justify-content: center;
    align-items: center;
    display: flex;
}

#featured-features .title-section {
    display: inline-block;
    margin: 0 0 17px;
}

#featured-features .title-section p {
    position: relative;
    font-size: 42px;
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
}


#featured-features .title-section h1 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1.02px;
    text-align: left;
    opacity: 1;
    padding-bottom: 10px;
}

#featured-features p.section-text {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin: 0 0 65px;
}

#featured-features .features-block {
    border-radius: 25px;
    padding: 15px 0px 15px;
    text-align: center;
    position: relative;
    background-color: #C63DC110;
}

#featured-features .features-block:last-child:after {
    display: none;
}

#featured-features .featuresbox {
    position: relative;
    padding: 28px 0 15px;
    border-radius: 25px;
}

#featured-features h4.features-title {
    display: flex;
    justify-content: center;
}

#featured-features .features-details {
    padding: 0 0 0 70px;
}

#featured-features h4.features-title a {
    color: #000000;
    text-decoration: none;
    font-size: 24px;
    transition: color 0.3s ease;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0px;
    text-transform: capitalize;
    padding-top: 20px;
}

#featured-features .features-block:hover h4.features-title a {
    color: #FFFFFF;

}

#featured-features .features-block:hover {
    background-color: #976AC5;
    transition: all 0.8s ease;

}

#featured-features .features-details p {
    color: #000000;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    opacity: 0.8;
}

#featured-features .featuredicon i,
#featured-features .featuredicon svg {
    color: #000000;
    /* padding: 0 20px; */
    width: 50px;
    height: 50px;
}

#featured-features .featureimageheading {
    justify-items: anchor-center;
    margin-bottom: 10px;
}

#featured-features .featuretextcontainer .featuredicon .numbers {
    font-size: 25px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding: 10px 20px 0;
    background: linear-gradient(88deg, #70707036, #00000000);
}

/* Required: position relative on the container */
#featured-features .features-block {
    /* position: relative; */
    border-radius: 25px;
    overflow: hidden;
}

/* Top Line: Initial state hidden */
#featured-features .features-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    height: 7px;
    background: #C63DC1;
    z-index: 0;
    transition: right 1s ease-out;
}

/* Top Line: Animate left to right */
#featured-features .features-block:hover::before {
    right: 0;
}

/* Bottom Line: Initial state hidden */
#featured-features .features-block span:last-child::after,
#featured-features .features-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 100%;
    right: 0;
    height: 7px;
    background: #C63DC1;
    z-index: 0;
    transition: left 1s ease-out;
}

/* Bottom Line: Animate right to left */
#featured-features .features-block:hover span:last-child::after,
#featured-features .features-block:hover::after {
    left: 0;
}

/*--------------------------------------------------------------
#  Featured Our Steps Section
--------------------------------------------------------------*/
#featured-steps {
    position: relative;
    overflow: hidden;
}

#featured-steps .featured-steps-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-steps .step-img-box {
    width: 45%;
}

#featured-steps .step-content-box {
    width: 55%;
    align-self: anchor-center;
}

#featured-steps .steps-content1 {
    padding-left: 4%;
    position: relative;
    width: 100%;
}

#featured-steps .steps-block .steps-no {
    font-size: 39px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.6px;
    color: #000000;
}

#featured-steps .steps-block .box-2 .ring1 {
    width: 42px;
    height: 42px;
    border: 1px solid #AF4DC7;
    border-radius: 100%;
    background-color: #FFFFFF;
}

#featured-steps .steps-block .box-2 .dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 14px;
    background-color: #AF4DC7;
    border-radius: 100%;
    z-index: 1;
}

#featured-steps .steps-block .box-2 {
    position: absolute;
    left: 0;
    top: .6rem;
    width: 42px;
    height: 42px;
    z-index: 1;
}

#featured-steps .steps-block {
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    padding-left: 6rem;
    margin-top: 2rem;
}

#featured-steps .steps-image {
    width: 100%;
    height: 746px;
}

#featured-steps .steps-block::after {
    content: '';
    position: absolute;
    top: 25px;
    left: 2.5%;
    border-left: 1px dashed #6A98CA;
    height: calc(100% + 40px);
    /* go to next step */
    z-index: 0;
}

/* Remove line after last step */
#featured-steps .steps-block:last-child::after {
    content: none;
}

#featured-steps .steps-inner-box .steps-title {
    align-self: center;
    font-size: 40px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
}

#featured-steps .steps-inner-box .steps-title a {
    color: #000000;
    letter-spacing: 0px;
    opacity: 1;
    padding-left: 33px;
}

#featured-steps .stepsbox:hover .steps-title a,
#featured-steps .stepsbox:hover .steps-no {
    color: #C63DC1;
}

#featured-steps p.steps-text {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.64px;
    text-transform: capitalize;
    opacity: 1;
    padding: .5rem 0 0 4.7rem;
    width: 75%;
}

#featured-steps .title-section {
    display: inline-block;
    margin: 0 0 3rem;
}

#featured-steps .title-section h1 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1.02px;
    padding-bottom: 2rem;
}

#featured-steps .title-section p {
    position: relative;
    font-size: 42px;
    color: #000000;
    padding: 0;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 1;
}

#featured-steps .steps-imag {
    position: relative;
    -webkit-mask-image: url(./assets/images/steps-1.png);
    mask-image: url(./assets/images/steps-1.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 100%;
    width: 100%;
    bottom: 15px;
    filter: drop-shadow(1px 1px 1px white);
}

#featured-steps .steps-imag2 {
    position: relative;
    -webkit-mask-image: url(./assets/images/steps-1.png);
    mask-image: url(./assets/images/steps-1.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 100%;
    width: auto;
    -webkit-mask-size: 100% 100%;
    background: linear-gradient(90deg, #D431BF, #38CBD1, #D431BF);
    background-size: 200% 100%;
    border-radius: 20px 20px 0px 0px;
    animation: pulseGlow 3s ease infinite;
}

/*--------------------------------------------------------------
#  Featured Faqs Section
--------------------------------------------------------------*/


#featured-faqs {
    position: relative;
    overflow: hidden;
}

#featured-faqs .featured-faqs-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-faqs hr {
    color: #3f536d;
}

.image-container {
    position: relative;
}

#featured-faqs .faqside {
    position: relative;
    overflow: hidden;
}

#featured-faqs .faqsrow {
    width: 94%;
    justify-self: center;
    z-index: 0;
    position: relative;
}

#featured-faqs .image-container .image1 img {
    width: 90%;
    border-right: 2px solid;
    border-right-color: #a1a1a1 !important;
    padding-right: 15px;

}

#featured-faqs .image-container .image1::after {
    content: "";
    width: 2px;
    height: 65%;
    background: #a1a1a1;
    position: absolute;
    bottom: 0px;
    top: 0px;
    right: 48px;
}

#featured-faqs .image-container .borderimg2::after {
    content: '';
    position: absolute;
    bottom: -11rem;
    left: 29.7%;
    width: 2px;
    height: 35%;
    background-color: #a1a1a1;
}

#featured-faqs .image-container .image2 img {
    position: absolute;
    right: 0;
    top: 75%;
    background: #fff;
    padding: 14px;
    width: 70%;
}

#featured-faqs .image-container .image2::after {
    content: '';
    width: 1.8px;
    height: 35%;
    background: #a1a1a1;
    position: absolute;
    bottom: -39%;
    left: 27.8%;
}

#featured-faqs .titletext h4 {
    color: #000000;
    padding: 10px 0;
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    opacity: 1;
}

#featured-faqs .titletext h2 {
    color: #000000;
    line-height: 1.4;
    padding: 1.1rem 0 33px;
    font-size: 42px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
}

#featured-faqs .titletext p {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #A1A1A1;
    letter-spacing: .77px;
    opacity: 1;
    line-height: 2;
    width: 90%;
    padding-bottom: 32px;
}

#featured-faqs .titletext .button a {
    font-size: 22px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    opacity: 1;
    padding: 8px 46px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    /* Blue at bottom, white on top */
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    /* start with white */
    transition: background-position 0.4s ease;
}

#featured-faqs .titletext .button a:hover {
    background-position: bottom;
    color: #000;
}

/* fAq's */
#featured-faqs .faqsbox {
    margin-bottom: 22px;
}

#featured-faqs .faqsbox.active summary {
    font-size: 18px !important;
}

#featured-faqs .faqsbox summary {
    font-size: 16px;
    padding: 8px 3rem 8px 1rem;
    color: #000000;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    letter-spacing: 0.74px;
    opacity: 1;
    background-color: #FFFFFF;
    border: 1px solid #6A98CA;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

#featured-faqs .faqs-details p {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    opacity: 0.6;
    letter-spacing: 0.95px;
    line-height: 1.4;
    padding: .5rem 3rem 0rem .5rem;
    width: 89%;
    justify-self: center;
    margin: 0;
}

#featured-faqs .faqs-details {
    transition: 0.5s ease-in-out;
}

/* Target your FAQ summaries specifically */
.faqs-title {
    list-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Chrome / Edge / Safari */
.faqs-title::-webkit-details-marker {
    display: none !important;
}

/* Firefox */
.faqs-title::marker {
    content: "" !important;
    display: none !important;
}

#featured-faqs summary::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 49px;
    height: 100%;
    background: transparent radial-gradient(closest-side at 50% 50%, #6A98CA 0%, #976AC5 100%);
    right: 0;
    top: 0px;
    padding: 24px 7px;
}

#featured-faqs summary::after {
    border-radius: 5px;
    content: "\f0de";
    font-family: "FontAwesome";
    color: #FFFFFF;
    /* float: right; */
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transform: rotateZ(0deg);
    transition: all 0.5s ease-in-out;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    text-align: center;
    width: 20px;
    position: absolute;
    right: 13px;
    margin: 0.3rem 0rem 0rem 0rem;
    top: 50%;
    transform: translate(0px, -50%);
}

#featured-faqs details[open] summary::after {
    content: "\f0de";
    font-family: "FontAwesome";
    transform: rotateZ(180deg);
    transition: all 0.5s ease-in-out;
    margin: 0.3rem 0rem 0rem 0rem;
    top: 0%;
}

/*-----------------------
 ## End FAQS page
 -----------------------------*/

/*--------------------------------------------------------------
#  Featured Expert Pricing Section
--------------------------------------------------------------*/
#featured-pricings {
    position: relative;
    overflow: hidden;
}

#featured-pricings .featured-pricings-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-pricings .pricebox {
    width: 100%;
    transition: all 0.4s ease-in-out;
}

#featured-pricings .pricebox:hover {
    z-index: 2;
    border-radius: 15px;
}

#featured-pricings .row {
    padding: 0 5%;
}

#featured-pricings .entry-content {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    padding: 40px 30px 30px 30px;
    background-color: #FFFFFF;
    border: 1px solid #6A98CA;
    border-radius: 20px;
    opacity: 1;
    z-index: 0;
}

#featured-pricings .title-section {
    display: inline-block;
}

#featured-pricings .title-section p {
    position: relative;
    font-size: 42px;
    color: #000000;
    padding: 10px 0;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 1;
}

#featured-pricings .title-section h1 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1.02px;
    opacity: 1;
}

#featured-pricings .pricebox .entry-title a {
    font-size: 26px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #6A98CA;
    padding: 9px 54px;
    border-radius: 26px;
    border: 1px solid #6A98CA;
    position: absolute;
    top: -26px;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
}

#featured-pricings .pricebox:hover .entry-title a {
    transition: all 0.4s ease-in-out;
}

#featured-pricings .pricebox .entry-content h2.pricing-price {
    font-size: 49px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    padding-bottom: 29px;
}

#featured-pricings .pricebox .entry-content h2.pricing-price span {
    font-size: 15px;
    color: #3E3E3E;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: capitalize;
    text-decoration: underline;
    opacity: 1;
    padding-left: 11px;
}

#featured-pricings .pricebox .entry-content h3.pricing-paragraph {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 20px 10px;
    background: transparent linear-gradient(1270deg, #6A98CA 0%, #976AC5 100%);
    border-radius: 21px;
    opacity: 1;
}

#featured-pricings .pricebox .entry-content .rotated {
    position: absolute;
    writing-mode: sideways-lr;
    top: 3rem;
    right: -1.1rem;
}

#featured-pricings .price-ul ul li {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #464646;
    letter-spacing: 0px;
    padding-bottom: 25px;
    transition: all 0.4s ease-in-out;
}

#featured-pricings .price-ul ul li::before {
    opacity: 1;
    content: "\f04b";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    color: #6A98CA;
    padding: 0px 10px 0 0;
    transition: all 0.4s ease-in-out;
}

#featured-pricings .pricebox .pricebutton a {
    font-size: 22px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    opacity: 1;
    padding: 8px 27px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
}

#featured-pricings .pricebox:hover .pricebutton a {
    background-position: bottom;
    /* reveal blue from bottom to top */
    color: #fff;
    /* keep text color or change if needed */
}

#featured-pricings .pricebox:hover .entry-title a {
    color: #C63DC1;
}

#featured-pricings .pricebox:hover .entry-content h2.pricing-price {
    color: #C63DC1;
}

#featured-pricings .pricebox:nth-child(odd) {
    margin-top: 4.7rem;
}



/*--------------------------------------------------------------
#  Featured Contact Section
--------------------------------------------------------------*/
#featured-contact {
    position: relative;
    overflow: hidden;
}

#featured-contact .featured-contact-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#featured-contact .contactformdiv {
    width: 98%;
}

#featured-contact .contact-img-box {
    width: 45%;
}

#featured-contact .padding-contact {
    width: 55%;
}

#featured-contact form p span.labelname {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.75px;
    color: #2D2D2D;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

#featured-contact .contact-image .contactimgtext h3.contact-heading {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1.02px;
    opacity: 1;
}

#featured-contact .contact-image .contactimgtext h4 {
    font-size: 42px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
    opacity: 1;
    padding-top: 29px;
    padding-bottom: 58px;
    letter-spacing: 0px;
}

#featured-contact .contact-image .contactimgtext .contact-con {
    padding-left: 45px;
}

#featured-contact .contact-image .contactimgtext .contact-con .contact-no svg {
    font-size: 29px;
    padding-right: 32px;
    color: #C63DC1;
}

#featured-contact .contact-image .contactimgtext .contact-con .contact-no a {
    font-size: 26px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0px;
    opacity: 1;
}

#featured-contact .contact-image .contactimgtext .contact-con p.contact-add {
    opacity: 1;
    font-size: 26px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0px;
    padding: 18px 0 43px 60px;
}

#featured-contact form .col-12 {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.75px;
    color: #2D2D2D;
    text-transform: capitalize;
}

#featured-contact .contactformdiv input[type="text"]::placeholder,
#featured-contact .contactformdiv input[type="email"]::placeholder,
#featured-contact .contactformdiv input[type="url"]::placeholder,
#featured-contact .contactformdiv input[type="password"]::placeholder,
#featured-contact .contactformdiv input[type="search"]::placeholder,
#featured-contact .contactformdiv input[type="number"]::placeholder,
#featured-contact .contactformdiv input[type="tel"]::placeholder,
#featured-contact .contactformdiv input[type="range"]::placeholder,
#featured-contact .contactformdiv input[type="date"],
#featured-contact .contactformdiv input[type="month"]::placeholder,
#featured-contact .contactformdiv input[type="week"]::placeholder,
#featured-contact .contactformdiv input[type="time"]::placeholder,
#featured-contact .contactformdiv input[type="datetime"]::placeholder,
#featured-contact .contactformdiv input[type="datetime-local"]::placeholder,
#featured-contact .contactformdiv input[type="color"]::placeholder,
#featured-contact .contactformdiv input[type="file"]::placeholder,
#featured-contact .contactformdiv textarea::placeholder,
#featured-contact select::placeholder {
    color: #263923;
}

#featured-contact .contactformdiv input[type="text"],
#featured-contact .contactformdiv input[type="email"],
#featured-contact .contactformdiv input[type="url"],
#featured-contact .contactformdiv input[type="password"],
#featured-contact .contactformdiv input[type="search"],
#featured-contact .contactformdiv input[type="number"],
#featured-contact .contactformdiv input[type="tel"],
#featured-contact .contactformdiv input[type="range"],
#featured-contact .contactformdiv input[type="date"],
#featured-contact .contactformdiv input[type="month"],
#featured-contact .contactformdiv input[type="week"],
#featured-contact .contactformdiv input[type="time"],
#featured-contact .contactformdiv input[type="datetime"],
#featured-contact .contactformdiv input[type="datetime-local"],
#featured-contact .contactformdiv input[type="color"],
#featured-contact .contactformdiv input[type="file"],
#featured-contact .contactformdiv textarea,
#featured-contact select {
    border: none;
    background-color: #fff;
    margin: 1rem 0;
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.6px;
    color: #263923;
}

#featured-contact .contactformdiv textarea {
    padding: 1rem 1rem 1rem 1.2rem;
    height: 150px;
    resize: none;
}

#featured-contact select {
    padding: 13.7px;
    width: 100%;
}

#featured-contact .contactformdiv button,
#featured-contact .contactformdiv input[type="button"],
#featured-contact .contactformdiv input[type="reset"],
#featured-contact .contactformdiv input[type="submit"] {
    font-size: 22px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    opacity: 1;
    padding: 8px 46px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
}

#featured-contact .contactformdiv button:hover,
#featured-contact .contactformdiv input[type="button"]:hover,
#featured-contact .contactformdiv input[type="reset"]:hover,
#featured-contact .contactformdiv input[type="submit"]:hover {
    background-position: bottom;
    color: #fff;
}

/*-----------------------
## Contact Inner page
-----------------------------*/

#content .contact-inner-content {
    position: relative;
    overflow: hidden;
}

#content .leftbox {
    padding: 0 2rem;
}

#content .leftbox .contactrightbox {
    align-content: center;
}

#content .leftbox .contactrightbox .contactform {
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 20px;
}

#content .leftbox .contactleftbox .content {
    padding: 2rem;
    background: #FBFBFB 0% 0% no-repeat padding-box;
    width: 96%;
}

#content .contactinnettop img {
    width: 200px;
}

#content .leftbox .contactformbox h1 {
    font-size: 25px;
    padding: 10px 20% 10px 0px;
    color: #000000;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    text-align: left;
}

#content .leftbox .contactformbox .contacttext p {
    font-size: 42px;
    line-height: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    color: #000000;
    padding: 20px 0% 33px 0px;
    letter-spacing: 0px;
}

#content .infoboxinn .contact-inner svg {
    font-size: 26px;
    color: #C63DC1;
    padding-right: 26px;
}

#content .box-left {
    padding-left: 42px;
}

#content .infoboxinn {
    padding-bottom: 35px;
}

#content .infoboxinn .contact-inner {
    padding-bottom: 14px;
}

#content .infoboxinn .contact-inner h4 a {
    font-size: 26px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0px;
    opacity: 1;
}

#content .infoboxinn p {
    font-size: 26px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0px;
    opacity: 1;
    padding-left: 3.1rem;
}

#content .contactinnpage-infobox {
    padding: 0 76px;
}


#content .featured-contact-mapbox {
    padding: 4% 0 0;
}

#content .featured-contact-mapbox iframe {
    width: 100%;
    border-radius: 10px;
}

#content textarea {
    padding: 12px;
    margin: 10px 0;
    border: 2px dashed #3f536d5c;
}

#content .rightbox-form form label {
    display: block;
    position: relative;
}

#content .rightbox-form form label span.label-1 {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #2D2D2D;
    letter-spacing: 0.75px;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 20px;
}


#content .innershortcode input[type="text"],
#content .innershortcode input[type="email"],
#content .innershortcode input[type="url"],
#content .innershortcode input[type="password"],
#content .innershortcode input[type="search"],
#content .innershortcode input[type="number"],
#content .innershortcode input[type="tel"],
#content .innershortcode input[type="range"],
#content .innershortcode input[type="date"],
#content .innershortcode input[type="month"],
#content .innershortcode input[type="week"],
#content .innershortcode input[type="time"],
#content .innershortcode input[type="datetime"],
#content .innershortcode input[type="datetime-local"],
#content .innershortcode input[type="color"],
#content .innershortcode input[type="file"],
#content .innershortcode textarea,
#content .innershortcode select {
    border-radius: 10px;
    background: #F6F6F6;
    border: none !important;
    z-index: 2000;
    width: 100%;
    color: #000000;
    padding: 0 0 0 23px;
    font-size: 15px;
    height: 47px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin: 15px 0;
}

#content .innershortcode select {
    padding: 13.7px;
    width: 100%;
}

#content .innershortcode select {
    border: none;
    margin: 1rem 0;
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.6px;
    color: #263923;
}

#content .innershortcode form .intrested,
#content .innershortcode form .country {
    border-radius: 10px;
    width: 100%;
    height: 41px;
    border: none;
    font-size: 12px;
    box-shadow: 0px 0px 1px 0px #a1a1a1;
    background: #F6F6F6;
    margin: 15px 0;
}

#content .innershortcode textarea {
    height: 150px;
    padding: 10px 15px;
}

#content .innershortcode input::placeholder,
#content .innershortcode textarea::placeholder {
    color: #263923;
    opacity: 1;
    z-index: 999;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

#content .innershortcode input[type="submit"] {
    font-size: 22px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    opacity: 1;
    padding: 8px 46px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
}

#content .innershortcode input[type="submit"]:hover {
    background-position: bottom;
    color: #fff;
}

#content .innershortcode p .wpcf7-spinner {
    display: none !important;
}

#content .contact-image-bg {
    position: absolute;
    z-index: -1;
    right: 0;
    top: 4%;
    width: 34%;
}

#content .contact-image-bg .contact-inner-img {
    height: 878px;
}

#content .innershortcode .contact-icon {
    position: relative;
    padding: 0px 0;
    column-gap: 20px;
}

/*--------------------------------------------------------------
#  Inner page Gallery
--------------------------------------------------------------*/

#main .gallery-title {
    display: block;
}

#content .gallery-inner-content {
    position: relative;
    overflow: hidden;
    margin: 0 0;
}

#main .padding-gallery h1 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.02px;
    color: #000000;
    margin: 0;
    padding-bottom: 1.5rem;
}

#main .padding-gallery h2 {
    font-size: 42px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    margin: 0;
}

#main .gallerybox {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    padding-top: 3rem;
}

#main .gallerybox img,
#main .gallery-box {
    height: 100%;
    width: 100%;
}

/* 
#main .gallerybox .img1 {
    height: 202px;
}

#main .gallerybox .img3 {
    height: 406px;
}

#main .gallerybox .img4 {
    height: 397px;
} */

#main .gallery-image {
    position: relative;
}

/*--------------------------------------------------------------
#  Featured Testimonials Section
--------------------------------------------------------------*/
#featured-testimonials {
    position: relative;
    overflow: hidden;
    background: linear-gradient(0deg, #c0ecf182, #d7edf3b3);
}

#featured-testimonials .content-wrapper {
    position: relative;
}

#main .testimonial-inner-page .padding-test,
#featured-testimonials .padding-test {
    padding: 0px 88px;
    position: relative;
}

#featured-testimonials .testimonial-overlay {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#featured-testimonials .featured-testimonials-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#main .padding-testimonial,
#featured-testimonials .testimonials-container .container {
    margin: 1rem 0 4rem;
}

#main .padding-testimonial h1,
#featured-testimonials .testimonials-container h1 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 1.2px;
    color: #000000;
    opacity: 1;
}

#main .padding-testimonial h2.text,
#featured-testimonials .testimonials-container h2.text {
    font-size: 42px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    padding-top: 1rem;
    width: 50%;
}

#main .padding-testimonial .button,
#featured-testimonials .button {
    position: absolute;
    right: 100px;
    bottom: 15px;
}

#main .padding-testimonial .button a,
#featured-testimonials .button a {
    font-size: 22px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    opacity: 1;
    padding: 8px 27px;
    border-bottom: 7px solid #6A98CA;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    background: linear-gradient(to top, #6A98CA 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease;
}

#main .padding-testimonial .button:hover a,
#featured-testimonials .button:hover a {
    background-position: bottom;
    color: #fff;
}

#main .testimonial-inner-page .testimonial-box img,
#featured-testimonials .testimonial-box img {
    width: 50px;
    height: 50px;
    transition: border-radius 0.5s ease-in-out;
}

#main .testimonial-inner-page .testimonial-box:hover img,
#featured-testimonials .testimonial-box:hover img {
    border-radius: 5px !important;
}

#main .testimonial-inner-page .testimonial-box .content p,
#featured-testimonials .testimonial-box .content p {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.6px;
    color: #000000;
    margin: 0;
    opacity: 0.6;
    text-transform: capitalize;
}

#main .testimonial-inner-page .testimonial-box .content::before,
#featured-testimonials .testimonial-box .content::before {
    content: '';
    display: inline-block;
    background-image: url(assets/images/coma1.png);
    height: 21px;
    width: 26px;

}

#main .testimonial-inner-page .testimonial-box .content::after,
#featured-testimonials .testimonial-box .content::after {
    content: '';
    display: inline-block;
    background-image: url(assets/images/coma2.png);
    height: 21px;
    width: 26px;
    position: absolute;
    right: 8%;
}

#main .testimonial-inner-page .testimonial-box .box-test,
#featured-testimonials .testimonial-box .box-test {
    border: 0.5px solid #976AC5;
    border-radius: 20px;
    opacity: 1;
    padding: 20px 20px 40px 20px;
}

#main .testimonial-inner-page .testimonial-box .box-test .content,
#featured-testimonials .testimonial-box .box-test .content {
    position: relative;
}

#main .testimonial-inner-page .testimonial-box .img-content h2,
#featured-testimonials .testimonial-box .img-content h2 {
    font-size: 28px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    letter-spacing: 1.12px;
    color: #000000;
    margin: 0;
}

#main .testimonial-inner-page .testimonial-box:hover .img-content h2,
#featured-testimonials .testimonial-box:hover .img-content h2 {
    color: #38CBD1;
}

#main .testimonial-inner-page .testimonial-box .img-content p,
#featured-testimonials .testimonial-box .img-content p {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.64px;
    color: #000000;
    opacity: 0.7;
    margin: 0;
}

#main .testimonial-inner-page .testimonial-box,
#featured-testimonials .testimonial-box {
    border: 1px solid #707070;
    width: 95%;
    justify-self: center;
}

#main .testimonial-inner-page .testimonial-box {
    width: 100% !important;
}

#main .testimonial-inner-page .testimonial-box .testimonial-content,
#featured-testimonials .testimonial-box .testimonial-content {
    display: flex;
}

#featured-testimonials .testimonialsliderdiv {
    position: relative;
}

#featured-testimonials .testimonial-slider-bottom {
    direction: rtl;
}

#featured-testimonials .testimonial-slider-bottom .testimonial-box {
    direction: ltr;
    text-align: left;
}

#featured-testimonials .testimonial-box {
    padding: 17px;
    margin: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 30px;
    position: relative;
}

#main .testimonial-inner-page .testimonial-content img,
#featured-testimonials .testimonial-content img {
    width: 67px;
    height: 67px;
    object-fit: cover;
}

#featured-testimonials .testimonial-slider-top .testimonial-box {
    left: -10%
}

#featured-testimonials .testimonial-slider-bottom .testimonial-box {
    left: -30%
}

/*--------------------------------------------------------------
#  Featured Testimonial Inner Page
--------------------------------------------------------------*/
#main .testimonial-inner-page,
#main .testimonial-inner-page .content-wrapper,
#main .padding-testimonial {
    position: relative;
}

#main .testimonial-inner-page .testimonial-box {
    border: none;
}

/*--------------------------------------------------------------
# Latest Posts(blog)
--------------------------------------------------------------*/

#featured-posts {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

#featured-posts .content-wrapper {
    position: relative;
}

/* #featured-posts .testimonial-overlay {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
} */

#featured-posts .featured-posts-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-posts .title-section p {
    position: relative;
    font-size: 42px;
    color: #000000;
    padding: 10px 0;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 1;
}

#featured-posts .title-section h1 {
    font-size: 25px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1.02px;
    opacity: 1;
}

#featured-posts .title-section {
    display: block;
    margin-bottom: 4em;
}

#featured-posts .expanded-view {
    position: relative;
    justify-content: start;
    background: #FFFFFF;
    border: 1px solid #6A98CA;
    border-radius: 20px;
    opacity: 1;
    overflow: hidden;
    width: 95%;
    justify-self: center;
}

#featured-posts .expanded-image-container img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

#featured-posts .expanded-text-container {
    width: 100%;
    padding: 30px 45px;
}

#featured-posts .animate {
    animation-name: slidein;
    animation-duration: 1s;
}

@keyframes slidein {
    from {
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

#featured-posts .expanded-text-container h2,
#featured-posts .expanded-text-container h4 {
    margin: 0 0 10px;
}

#featured-posts .expanded-text-container p {
    font-size: 18px;
    letter-spacing: 0.36px;
    line-height: 29px;
    color: #000000;
    opacity: 0.5;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

#featured-posts .expanded-text-container h2 {
    color: #000;
    font-size: 28px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    letter-spacing: 0.56px;
    text-transform: capitalize;
    opacity: 1;
}

#featured-posts .expanded-text-container h3 {
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.4px;
    text-decoration: underline;
    opacity: 1;
    padding-top: 27px;
}

#featured-posts .expanded-text-container h4 {
    font-size: 16px;
    color: #fdc401;
}

#featured-posts .client-single {
    position: relative;
    transition: 0.3s ease-in-out;
}

#featured-posts .client-single:hover {
    transform: scale(1.05);
}

#featured-posts .client-img {
    width: 100%;
    height: 306px;
    background-size: 100% 100%;
    border-radius: 20px;
}

#featured-posts .expanded-view:hover .expanded-image-container img {
    transform: scale(1.1);
}

#featured-posts .expanded-image-container img {
    transition: transform 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#featured-posts .expanded-image-container {
    width: 100%;
    height: 393px;
    overflow: hidden;
}

#featured-posts .client-comment {
    display: none;
    position: absolute;
    bottom: 9rem;
    left: 39rem;
    width: 746px;
    padding: 15px;
    transform: translate(-50%, -50%);
    z-index: 10;
}

#featured-posts .date-con {
    background-color: #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    position: absolute;
    top: 30px;
    padding: 7px 8px 7px 11px;
    z-index: 2;
}

#featured-posts .expanded-view:hover .date-con,
#featured-posts .client-single:hover .date-con {
    background-color: #000000;
}

#featured-posts .expanded-view:hover .date-con svg,
#featured-posts .client-single:hover .date-con svg {
    color: #ffffff;
}

#featured-posts .expanded-view:hover .date-con span,
#featured-posts .client-single:hover .date-con span {
    color: #ffffff;
}

#featured-posts .expanded-view:hover .expanded-text-container h2,
#featured-posts .client-single:hover h2.text-heading,
#featured-posts .expanded-view:hover .expanded-text-container h3 {
    color: #C93CC1;
}

#featured-posts h2.text-heading {
    position: absolute;
    bottom: 0px;
    background: #EBECF0;
    border: 1px solid #DAD9DE;
    border-radius: 20px;
    opacity: 0.92;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    padding: 15px 42px 15px 15px;
    font-size: 22px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.44px;
    width: 100%;
    z-index: 2;
}

#featured-posts h2.text-heading::after {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 0;
    bottom: 0rem;
    font-weight: 600;
    rotate: 320deg;
    color: #6A98CA;
    z-index: 3;
    font-size: 22px;
    opacity: 1;
    padding: 12px;
    background: transparent radial-gradient(closest-side at 50% 50%, #FFFFFF 0%, #D5E2F0C4 100%, #6A98CA2E 100%);
    border-radius: 50px;
}

#main .bloginn-inner-content .hover-wrapper,
#secondary .bloginn-inner-content .hover-wrapper,

#featured-posts .hover-wrapper {
    position: relative;
    overflow: hidden;
}

#main .bloginn-inner-content .hover-ripple,
#secondary .bloginn-inner-content .hover-ripple,

#featured-posts .hover-ripple {
    background-color: #212429;
    bottom: 0;
    height: 100%;
    position: absolute;
    transform: scale(0);
    transform-origin: center center;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
    left: 0;
}

#main .bloginn-inner-content:hover .hover-ripple,
#secondary .bloginn-inner-content:hover .hover-ripple,
#featured-posts .client-single:hover .hover-wrapper .hover-ripple,
#featured-posts .expanded-view:hover .hover-wrapper .hover-ripple {
    transform: scale(1);
}


/*--------------------------------------------------------------
# Inner Blog Posts
--------------------------------------------------------------*/
#main .bloginn-inner-content,
#secondary .bloginn-inner-content {
    position: relative;
    overflow: hidden;
}

#main .bloginn-inner-content .img-responsive,
#secondary .bloginn-inner-content .img-responsive {
    position: relative;
    width: 100%;
    height: 317px;
    border-radius: 23px;
    overflow: hidden;
}

#main .bloginn-inner-content,
#secondary .bloginn-inner-content {
    position: relative;
    overflow: hidden;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 23px;
    width: 90%;
    justify-self: center;
}

#main .bloginn-inner-content .entry-contentbox,
#secondary .bloginn-inner-content .entry-contentbox {
    padding: 1rem 2rem 2.5rem 2rem;
}

#main .bloginn-inner-content h2.entry-title,
#secondary .bloginn-inner-content h2.entry-title {
    font-size: 26px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0.52px;
    color: #000000;
    text-transform: capitalize;
}

#main .bloginn-inner-content h2.entry-title a,
#secondary .bloginn-inner-content h2.entry-title a {
    font-size: 26px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    color: #000000;
}

#main .bloginn-inner-content:hover h2.entry-title a,
#secondary .bloginn-inner-content:hover h2.entry-title a {
    color: #C93CC1;
}

#main .bloginn-inner-content p,
#secondary .bloginn-inner-content p {
    font-size: 19px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.38px;
    color: #000000;
    opacity: 0.5;
}

#main .bloginn-inner-content .button-content .servicebtn,
#secondary .bloginn-inner-content .button-content .servicebtn {
    font-size: 19px;
    text-decoration: underline;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.38px;
    color: #000000;
}

#main .bloginn-inner-content .date,
#secondary .bloginn-inner-content .date {
    position: absolute;
    top: 1.5rem;
}

#main .bloginn-inner-content .date .post-date,
#secondary .bloginn-inner-content .date .post-date {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    background-color: #fff;
    opacity: 1;
    padding: .5rem .8rem;
    border-radius: 8px;
}

#main .bloginn-inner-content:hover .date .post-date,
#secondary .bloginn-inner-content:hover .date .post-date {
    color: #ffffff;
    background-color: #000000;
}

#main .bloginn-inner-content:hover,
#secondary .bloginn-inner-content:hover {
    background-color: #F6F6F6;
}


/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
/* 
#colophon .footerbox .social-twitter a {
    background-image: url('assets/images/twitter.png');
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    width: 24px; 
    height: 24px; 
    display: inline-block; 
    text-indent: -9999px; 
    filter: grayscale(100%) brightness(0) saturate(100%) invert(35%) sepia(100%) hue-rotate(200deg);
    display: none;
} */

#colophon {
    position: relative;
    overflow: hidden;
    padding: 1.2rem;
    z-index: 0;
    padding-bottom: 7.5rem;
}

#colophon .footer-bgoverlay {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#colophon .footer-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(assets/images/contact.png);
}

#colophon .grid {
    grid-template-columns: 40% auto auto 23%;
    gap: 30px;
}

#colophon .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    position: relative;
}

#colophon p {
    font-size: 18px;
    z-index: 3;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.5;
}

#colophon .widget_custom_html a {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

#colophon .widget_custom_html .row {
    padding-bottom: 1.9rem;
}

#colophon .widget_custom_html .col-lg-2 {
    text-align: center;
}

#colophon .widget_custom_html .col-lg-2 svg {
    font-size: 25px;
    color: #000000;
}

#colophon .social-profile-icons h2.widget-title {
    font-size: 15px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #0C0407;
    text-transform: capitalize;
    margin: 1.5rem 0;
    border: none;
}

#colophon form p {
    opacity: 1;
}

#colophon form p input {
    margin: 0;
    width: 100%;
    margin: 2.5rem 0 2rem 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    border: none;
}

#colophon form p input.subscribe {
    margin: 0;
    width: 144px;
    box-shadow: 0px 0px 10px #00000029;
    color: #000000;
}

#colophon .social-links {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s ease-in-out;
}

#colophon .social-links a:hover {
    background: #3f536d;
    color: #fff;
    box-shadow: rgba(255, 255, 255, 2.24) 0px 1px 6px 1px;
    transition: all 0.6s ease-in-out;
}

#colophon .social-links a {
    font-size: 18px;
    background: #fff;
    color: #3F536D;
    margin-right: 20px;
    transition: all 0.2s ease-in-out;
    font-family: "Font Awesome 5 Brands" !important;
    padding: 5px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    margin: 13px;
}

#colophon .widget-title {
    font-size: 25px;
    padding: 0;
    background: transparent;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 30px;
    border: none;
}

#colophon .widget-title::before {
    display: none;
}

#colophon .widget_nav_menu ul li:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 13px;
    color: #000;
    position: relative;
    margin: 5px 20px 5px 5px;
}

#colophon .widget_nav_menu ul li a {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

#colophon .widget_nav_menu ul li a:active {
    color: #C63DC1;
}

#colophon .gap-16 {
    gap: 4rem;
}

#colophon .widget_nav_menu ul li:hover a {
    color: #C63DC1;
}

#colophon .footer-widgets-area .widget_text ul li:nth-child(1),
#colophon .footer-widgets-area .widget_text ul li:nth-child(3) {
    margin-bottom: 0;
}

#colophon .footer-widgets-area .widget_text ul li:nth-child(2),
#colophon .footer-widgets-area .widget_text ul li:nth-child(4),
#colophon .footer-widgets-area .widget_text ul .list-email {
    margin-left: 2.7rem;
}

#colophon .footer-widgets-area .widget_text ul li svg {
    margin-right: 17px;
    transition: 0.3s;
}

#colophon .footer-widgets-area .widget_text ul li:hover svg {
    color: #000;
    transition: 0.3s;
}

#colophon .footer-widgets-area {
    position: relative;
    z-index: 3;
}

#colophon ul {
    list-style: none;
    padding: 0;
}

#colophon ul.menu {
    padding-bottom: 14rem;
}

#colophon ul a {
    text-decoration: none;
}

#colophon a,
#colophon li,
#colophon .textwidget {
    color: #000000;
}

#colophon li {
    font-size: 16px;
    letter-spacing: 0.53px;
}

#colophon .footerbox .hentry .social-profile-icons ul {
    display: flex;
    gap: 16px;
    align-items: center;
}

#colophon .footerbox .hentry .social-profile-icons li {
    margin-bottom: 17px;
    /* border: 2px outset; */
    /* border-color: #000; */
    border: none;
    padding: 11px;
    font-size: 18px;
    width: 40px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 10px;
}

#colophon .footerbox .hentry .social-profile-icons li:hover {
    transform: scale(1.1);
    background-color: #C63DC1;
    transition: all 0.5s;
}

#colophon .footerbox .hentry .social-profile-icons li a {
    color: #C63DC1;
}

#colophon .footerbox .hentry .social-profile-icons li:hover a {
    color: #FFFFFF;
    transform: scale(1.1);
}

#colophon .footer-widgets-area .widget ul li {
    margin-bottom: 16px;
    background-color: transparent;
}

#colophon .site-info .copy-right {
    font-size: 82px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    width: 56%;
    line-height: 6rem;
    position: absolute;
    bottom: 3rem;
    right: 7%;
}

#colophon .widget_nav_menu .current-menu-item a {
    color: #C63DC1;
    /* font-weight: bold; */
}

#colophon .widget {
    width: 100%;
    border: none;
    background-color: transparent;
    margin: 0 0 1.5em;
}

#colophon .footerbox .hentry {
    width: 92%;
    justify-self: center;
}

.backtotop {
    background-color: #FDAF1B;
    z-index: 300;
    font-size: 25px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.backtotop:hover,
.backtotop:focus {
    background-color: #000;
}

#loader-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 100%;
    z-index: 9999;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
}

.preloader-one #loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.preloader-one #loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.preloader-one #loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loader svg,
.preloader-disable #loader-wrapper {
    display: none;

}

#loader svg {
    width: 70px;
    height: 70px;
    fill: #d72924;
}

.preloader-two #loader .loader-two,
.preloader-three #loader .loader-three,
.preloader-four #loader .loader-four,
.preloader-five #loader .loader-five {
    display: block;
}

/* / Scroll to top Button / */
.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}

.scroll-to-top a {
    padding: 8px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 65px;
    height: 65px;
    transition: transform 0.3s ease;
    overflow: hidden;
}

.scroll-to-top a img {
    width: 20px;
    height: 51px;
    border-radius: 50%;
    justify-self: center;
    transition: transform 0.3s ease;
    animation: rocket-float 4s ease-in-out infinite;
}

/* Smooth up → down float */
@keyframes rocket-float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-50px);
        /* smooth rise */
    }

    51% {
        transform: translateY(0);
        /* instantly back down */
    }

    100% {
        transform: translateY(0);
        /* stay at bottom until restart */
    }
}


/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 767px) {

    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
    }

    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 19px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }

    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: left;
    }

    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    .footer-widgets-area.col-3 .hentry {
        width: 33.33%;
        float: left;
        margin-bottom: 0;
    }

    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }

    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }

    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
}

@media screen and (min-width: 992px) {

    .col-3 article,
    .col-5 article,
    .col-6 article {
        width: 33.33%;
    }

    .col-3 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: none;
    }

    .col-3 article:nth-child(3n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: left;
    }

    .col-3 article:nth-last-child(-n+3),
    .col-5 article:nth-last-child(-n+3),
    .col-6 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

    .col-4 article {
        width: 25%;
    }

    .col-5 article {
        width: 20%;
    }

    .col-6 article {
        width: 16.66%;
    }

    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: none;
    }

    .col-4 article:nth-child(4n+1),
    .col-5 article:nth-child(5n+1),
    .col-6 article:nth-child(6n+1) {
        clear: left;
    }

    .col-4 article:nth-last-child(-n+4),
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }

    /* #top-bar .widget+.widget {
        margin-top: 0;
    } */

    /* #top-bar.col-2 .widget {
        float: left;
        text-align: left;
        padding: 6px 0;
    }

    #top-bar.col-2 .widget+.widget {
        float: right;
        text-align: right;
        padding: 0;
    }

    nav.navigation.pagination {
        margin-top: 63px;
    }
 */
}

/*---------menu display above 1024 and 1024 screen-------------*/
@media screen and (min-width: 1024px) {
    .menu-sticky #masthead {
        position: sticky;
        top: 0;
    }

    .menu-sticky #masthead.nav-shrink {
        box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
    }

    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }

    /*---------menu css for home screen-------------*/
    .main-navigation {
        width: auto;
        float: right;
        position: relative;
        height: 100%;
    }

    .main-navigation.icons-active {
        padding: 0;
    }

    .main-navigation ul.nav-menu>li {
        text-align: center;
    }

    .main-navigation ul.nav-menu>li:last-child>a {
        margin: 0px 0px 0 0;
    }

    .main-navigation ul.nav-menu>li>a {
        position: relative;
        z-index: 10;
        transition: all 0.3s ease-in-out;
        font-weight: 400;
    }

    .main-navigation ul.nav-menu .current_page_item>a,
    .main-navigation ul.nav-menu .current-menu-item>a,
    .main-navigation ul.nav-menu .current_page_ancestor>a,
    .main-navigation ul.nav-menu .current-menu-ancestor>a {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        letter-spacing: 0.9px;
        color: #000000;
    }


    .main-navigation ul.nav-menu>li:hover>a,
    .main-navigation ul.nav-menu>li.focus>a,
    .main-navigation ul ul li a:hover,
    .main-navigation ul ul li a.focus {
        color: #C93CC1;
    }

    .main-navigation ul.nav-menu>li {
        text-align: center;
        padding: 10px 0 0 0;
        position: relative;
        height: 100%;
        font-weight: bold
    }

    .main-navigation.icons-active ul.nav-menu>li {
        padding: 15px 25px 8px;
    }

    .main-navigation ul.nav-menu>.menu-item-has-children>a:after {
        content: "\f078";
        padding-left: 2px;
        font-size: 10px;
        position: relative;
        bottom: 5px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .main-navigation ul ul .menu-item-has-children>a:before {
        content: "\f067";
        font-size: 10px;
        position: relative;
        top: 20px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        right: 15px;
    }

    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
        position: relative;
        height: 100% !important;
    }

    .main-navigation ul ul {
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
        width: 250px;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: auto;
        right: 0;
        display: block !important;
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
    }

    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        left: auto;
        right: 100%;
    }

    .main-navigation ul ul li:hover>a,
    .main-navigation ul ul li.focus>a {
        background-color: #C93CC1;
        color: #fff;
    }

    .main-navigation ul .sub-menu li:hover>a,
    .main-navigation ul .sub-menu li.focus>a {
        background-color: #C93CC1;
        color: #fff;
    }

    .main-navigation ul.sub-menu>li:last-child>a {
        border-bottom: none;
    }

    .main-navigation ul ul li {
        border-bottom: 1px solid #fff;
    }

    .main-navigation ul ul>li:last-child {
        border-bottom: none;
    }

    .main-navigation ul ul ul {
        top: 5px;
    }

    .main-navigation ul ul li a {
        color: #fff;
    }

    .main-navigation ul .sub-menu li a {
        color: #fff;
    }

    .main-navigation ul.nav-menu>li>a>i,
    .main-navigation ul.nav-menu>li>a>i.wpmi-icon:not(.wpmi-label-1).wpmi-position-before {
        display: block;
        margin: 0 auto 10px;
    }

    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #search {
        position: absolute;
        z-index: 30;
        right: 0;
        top: 100%;
        display: none;
    }

    .main-navigation .search-active .icon-search {
        display: none;
    }

    .main-navigation .search-active .icon-close {
        display: inline-block;
    }

    #search:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #111;
        position: absolute;
        top: -9px;
        right: 5px;
    }

    button.dropdown-toggle {
        display: none;
    }

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }

    .main-navigation li {
        display: inline-block;
    }

    .main-navigation .left-menu {
        padding-left: 50px;
    }

    .main-navigation li.left-menu+li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-navigation form.search-form {
        border: 20px solid #111;
    }

    .main-navigation form.search-form input {
        background-color: #fff;
        border-color: #fff;
        color: #111;
    }
}

@media screen and (min-width: 1900px) {

    .footer-widgets-area.section-gap {
        padding: 200px 0 100px;
    }
}

@media only screen and (max-width: 768px) {
    #featured-contact .contact-img-box iframe {
        width: 100%;
    }

    #featured-contact .contact-image .contactimgtext h3.contact-heading,
    #featured-contact .contact-image .contactimgtext h4 {
        text-align: center;
    }

    #colophon ul.menu {
        padding-bottom: 0rem !important;
    }

    #featured-services .entry-container {
        padding-left: 2.5rem;
    }

    #featured-services article:hover .featured-service-item .entry-container {
        padding-bottom: 7rem !important;
        margin-bottom: 4rem;
    }

    #featured-projects .projectrow .grid {
        gap: 2rem;
    }

    #featured-services .entry-title a {
        font-size: 24px !important;
    }

    #featured-services .entry-container {
        padding-bottom: 0.5rem;
    }

    #featured-services .service-image {
        right: 7% !important;
        top: 75%;
    }

    #featured-services .service2row,
    #featured-faqs .titletext p {
        width: 100%;
        text-align: justify;
    }

    #featured-services .featured-service-item::before {
        top: 5% !important;
    }

    #featured-services article:hover .featured-service-item::before {
        top: 0% !important;
    }

    #featured-about .about-text-number .row .col-xl-4 {
        width: 33.33% !important;
    }

    #featured-about .number {
        font-size: 26px !important;
    }

    #featured-projects,
    #featured-about {
        padding-top: 2em;
    }
   #featured-about .text1 {
        font-size: 12px !important;
    }
   #content #featured-about .text1 {
        font-size: 12px !important;
    }

    #featured-about .title-section,
    #featured-about h2.subtitle,
    #featured-posts .expanded-view {
        width: 100%;
    }

    #featured-posts .expanded-image-container {
        height: auto !important;
    }

    #featured-posts .expanded-text-container {
        width: 100%;
        padding: 16px 17px;
    }

    #featured-posts .expanded-text-container p {
        font-size: 15px;
        letter-spacing: 0.3px;
        line-height: inherit;
    }

    #featured-posts .expanded-text-container h3 {
        padding-top: 8px;
    }

    #featured-posts .expanded-view {
        margin-bottom: 2rem;
    }

    #featured-posts h2.text-heading {
        font-size: 18px;
    }

    #featured-faqs .faqside {
        margin-top: 3rem;
    }

    #featured-faqs .titletext .button {
        justify-self: center;
    }

    #featured-faqs .titletext h2 {
        font-size: 24px !important;
        padding: 1.1rem 0 24px;
        text-align: center !important;
    }

    #featured-steps .title-section p {
        font-size: 23px;
        text-align: center !important;
    }

    #featured-steps .title-section h1 {
        text-align: center !important;
    }

    #featured-faqs .faqs-details p {
        padding: .5rem 1rem 0rem .5rem;
        width: 100%;
    }

    #featured-contact .contact-img-box {
        width: 100% !important;
        padding: .7rem !important;
    }

    #featured-contact .padding-contact {
        width: 100% !important;
        padding: 1rem !important;
    }

    #featured-contact form .col-12 {
        width: 50%;
        padding: 0rem .3rem 0rem .3rem;
    }

    #featured-contact .contactformdiv input[type="text"],
    #featured-contact .contactformdiv input[type="email"],
    #featured-contact .contactformdiv input[type="url"],
    #featured-contact .contactformdiv input[type="password"],
    #featured-contact .contactformdiv input[type="search"],
    #featured-contact .contactformdiv input[type="number"],
    #featured-contact .contactformdiv input[type="tel"],
    #featured-contact .contactformdiv input[type="range"],
    #featured-contact .contactformdiv input[type="date"],
    #featured-contact .contactformdiv input[type="month"],
    #featured-contact .contactformdiv input[type="week"],
    #featured-contact .contactformdiv input[type="time"],
    #featured-contact .contactformdiv input[type="datetime"],
    #featured-contact .contactformdiv input[type="datetime-local"],
    #featured-contact .contactformdiv input[type="color"],
    #featured-contact .contactformdiv input[type="file"],
    #featured-contact .contactformdiv textarea {
        margin-top: .2rem;
    }

    #featured-contact form .submit {
        justify-self: center;
    }

    #featured-pricings .entry-content {
        width: 95%;
    }

    #featured-pricings .title-section p {
        font-size: 25px;
        text-align: center !important;
    }

    #featured-pricings .title-section h1,
    #featured-faqs .titletext h4 {
        text-align: center !important;
    }

    #featured-steps .step-content-box {
        width: 100%;
        margin-top: 2rem;
    }

    #featured-steps .step-img-box {
        width: 100%;
    }

    #featured-steps p.steps-text {
        width: 96%;
        font-size: 14px;
        font-weight: 300;
        padding: .2rem 0 0 2.4rem;
    }

    #featured-steps .steps-image {
        height: auto !important;
    }

    #featured-steps .steps-block {
        padding-left: 3rem;
        margin-top: 0rem;
        padding-bottom: 0px;
    }

    #featured-steps .steps-inner-box .steps-title,
    #featured-steps .steps-block .steps-no {
        font-size: 26px;
    }

    #featured-steps .steps-inner-box .steps-title a {
        padding-left: 10px;
    }

    #featured-steps .steps-block .box-2 .ring1 {
        width: 35px;
        height: 35px;
    }

    #featured-steps .steps-block .box-2 .dot {
        width: 13px;
        height: 13px;
        top: 11px;
        left: 11px;
    }

    #featured-steps .steps-block::after {
        top: 8px;
        left: 1.1rem;
    }

    #featured-steps .steps-block .box-2 {
        top: 0.2rem;
    }

    #content .box-left {
        padding-left: 0 !important;
    }

    #content .leftbox .contactformbox h1 {
        text-align: center !important;
        padding: 0 !important;
    }

    #content .leftbox .contactformbox .contacttext p {
        font-size: 24px !important;
        text-align: center;
    }

    #content .infoboxinn {
        padding-bottom: 15px !important;
    }

    #content .leftbox .contactrightbox form {
        margin-top: 2rem;
    }

    #content .leftbox .contactformbox p .labelname {
        font-size: 14px;
    }

    #content .leftbox .contactrightbox form .col-lg-6 {
        width: 50%;
        padding: 5px;
    }

    #content .leftbox .contactrightbox .contactform,
    #content .leftbox .contactrightbox {
        padding: .5rem;
    }

    #content .innershortcode input[type="submit"] {
        padding: 4px 34px;
    }

    #colophon form p,
    #content .innershortcode .submit p {
        justify-self: center;
    }
}

@media only screen and (max-width: 460px) {
    #featured-steps .steps-content1 {
        padding-left: 2%;
    }

    #featured-steps p.steps-text {
        width: 100%;
        font-size: 12px;
        padding: .2rem 0 0 0.4rem;
    }
}

@media only screen and (max-width: 1023px) {
    #featured-slider img.slider-roted {
        right: 48%;
        top: 3%;
        width: 130px !important;
        height: 130px !important;
    }

    #featured-slider .slider-abs2 {
        width: 533px;
    }

    #primary.single-content .entry-content .is-layout-flex,
    #secondary.single-content .entry-content .is-layout-flex {
        display: block !important;
        margin: 0 !important;
    }

    #secondary .entry-content p,
    #primary .entry-content p {
        font-size: 15px;
    }

    #primary .entry-content h2,
    #secondary .entry-content h2 {
        font-size: 28px;
    }

    #primary .entry-content h3,
    #secondary .entry-content h3 {
        font-size: 23px;
    }

    #primary .entry-content h4,
    #secondary .entry-content h4 {
        font-size: 18px;
    }


    #main .project-inner-content .featured-project-item img,
    #secondary .project-inner-content .featured-project-item img {
        height: 100% !important;
    }

    .bottomheader .logodiv,
    .bottomheader .menudiv {
        width: 100% !important;
        padding: 0;
    }

    .menu-toggle {
        width: 50px;
        height: 50px;
        top: -5rem;
        right: 0px;
    }

    .main-navigation ul ul {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }

    .main-navigation ul ul ul {
        margin-top: 0;
    }

    .main-navigation ul.nav-menu li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        display: block;
        width: 100%;
        justify-items: center;
    }

    .main-navigation ul.nav-menu li:last-child {
        border-bottom: none;
    }

    .main-navigation ul ul li a {
        text-align: center;
        color: #fff;
    }

    .main-navigation ul ul ul li a {
        padding-left: 60px;
    }

    .main-navigation ul ul ul ul li a {
        padding-left: 80px;
    }

    .main-navigation ul ul a {
        width: 100%;
    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        width: 100%;
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }

    .main-navigation .menu-item-has-children>a:before {
        content: "";
        float: right;
        position: relative;
        right: 0;
        background-color: rgba(255, 255, 255, 0.20);
        width: 1px;
        height: 25px;
    }

    .main-navigation .menu-item-has-children>a:after {
        padding-top: 3px;
    }

    .main-navigation ul.sub-menu li a {
        border-left: none;
    }

    .main-navigation ul.nav-menu .current_page_item::before,
    .main-navigation ul.nav-menu .current-menu-item::before,
    .main-navigation ul.nav-menu .current_page_ancestor::before,
    .main-navigation ul.nav-menu .current-menu-ancestor::before {
        width: 10%;
    }

    .main-navigation ul.nav-menu li:last-child {
        width: fit-content;
        justify-self: center;
        margin-top: 1rem;
    }

    .main-navigation ul li ul.sub-menu li:last-child {
        width: 100% !important;
        margin-top: 0rem;
    }

    .main-navigation {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
    }

    .menu-toggle {
        width: 40px !important;
        height: 40px !important;
    }

    .menu-toggle span {
        width: 32px !important;
        height: 3px !important;
    }

    .main-navigation ul.nav-menu {
        position: fixed;
        width: 80%;
        background-color: #ffffff;
        transition: left 0.4s ease-in-out;
        top: 0%;
        left: 0;
        height: 100vh;
        z-index: 0;
        align-content: center;
        overflow-y: auto;
    }

    #section-header #form1 form {
        width: 100%;
    }










    #colophon .site-info .copy-right {
        font-size: 40px;
        line-height: 3.5rem;
    }

    #colophon .grid {
        grid-template-columns: 50% auto;
        gap: 30px;
    }

    #content .leftbox {
        padding: 0;
    }

    #content .leftbox .featureimg iframe {
        width: 100%;
    }

    #content .leftbox .contactleftbox .content {
        padding: .5rem;
    }

    #content .leftbox .contactformbox .contacttext p {
        font-size: 27px;
        padding: 11px 0% 26px 0px;
    }

    #content .box-left {
        padding-left: 10px;
    }

    #content .infoboxinn p {
        font-size: 18px;
    }

    #content .infoboxinn .contact-inner h4 a {
        font-size: 22px;
    }

    #content .innershortcode input[type="text"],
    #content .innershortcode input[type="email"],
    #content .innershortcode input[type="url"],
    #content .innershortcode input[type="password"],
    #content .innershortcode input[type="search"],
    #content .innershortcode input[type="number"],
    #content .innershortcode input[type="tel"],
    #content .innershortcode input[type="range"],
    #content .innershortcode input[type="date"],
    #content .innershortcode input[type="month"],
    #content .innershortcode input[type="week"],
    #content .innershortcode input[type="time"],
    #content .innershortcode input[type="datetime"],
    #content .innershortcode input[type="datetime-local"],
    #content .innershortcode input[type="color"],
    #content .innershortcode input[type="file"],
    #content .innershortcode textarea,
    #content .innershortcode select {
        padding: 0 0 0 10px;
        margin: 11px 0;
        height: 42px;
    }

    #content .innershortcode textarea {
        height: 142px;
    }

    .wrapper.section-gap {
        padding-left: 0;
    }

    #content .leftbox .contactleftbox .content {
        width: 100%;
    }

    /* .main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }

    .body-overlay #content,
    .body-overlay #colophon,
    .body-overlay .backtotop {
        filter: blur(25px);
    } */

    #featured-services .service-image {
        right: 5%;
        top: 75%;
    }

    #featured-services .entry-title a {
        font-size: 36px;
    }

    #featured-services .featured-service-item::before {
        font-size: 20px;
        top: 5%;
    }

    #featured-services article:hover .featured-service-item .entry-container {
        padding-bottom: 2rem;
    }

    #featured-services .service-image {
        width: 230px;
        height: 150px !important;
    }

    #featured-features .grid {
        gap: 15px !important;
    }

    #featured-services article {
        padding-top: 0rem;
    }

    #featured-pricings .row {
        padding: 0 2%;
    }

    #featured-pricings .pricing-column {
        gap: 3rem;
    }

    #featured-pricings .pricebox:nth-child(odd) {
        margin-top: 0;
    }

    #featured-testimonials .testimonial-slider-top .testimonial-box,
    #featured-testimonials .testimonial-slider-bottom .testimonial-box {
        left: 0%;
    }

    #featured-contact .row.align-items-center {
        padding: 0 !important;
    }

    #featured-contact .contact-img-box {
        width: 48%;
    }

    #featured-contact .padding-contact {
        width: 52%;
    }

    #featured-contact .contact-image .contactimgtext .contact-con p.contact-add,
    #featured-contact .contact-image .contactimgtext .contact-con .contact-no a {
        font-size: 20px;
    }

    #featured-contact .contact-image .contactimgtext h4 {
        font-size: 26px;
        padding-top: 25px;
        padding-bottom: 36px;
    }

    #featured-contact .contact-image .contactimgtext .contact-con {
        padding-left: 10px;
    }

    #featured-contact .contact-image .contactimgtext .contact-con .contact-no svg {
        font-size: 22px;
        padding-right: 12px;
    }

    #featured-contact .contact-image .contactimgtext .contact-con p.contact-add {
        padding: 9px 0 30px 45px;
    }

    #featured-contact .contactformdiv input[type="text"],
    #featured-contact .contactformdiv input[type="email"],
    #featured-contact .contactformdiv input[type="url"],
    #featured-contact .contactformdiv input[type="password"],
    #featured-contact .contactformdiv input[type="search"],
    #featured-contact .contactformdiv input[type="number"],
    #featured-contact .contactformdiv input[type="tel"],
    #featured-contact .contactformdiv input[type="range"],
    #featured-contact .contactformdiv input[type="date"],
    #featured-contact .contactformdiv input[type="month"],
    #featured-contact .contactformdiv input[type="week"],
    #featured-contact .contactformdiv input[type="time"],
    #featured-contact .contactformdiv input[type="datetime"],
    #featured-contact .contactformdiv input[type="datetime-local"],
    #featured-contact .contactformdiv input[type="color"],
    #featured-contact .contactformdiv input[type="file"],
    #featured-contact .contactformdiv textarea {
        margin: .5rem 0;
        padding: 7px 12px !important;
    }

    #featured-contact select {
        margin: .5rem 0;
        padding: 6.8px;
    }

    #featured-contact form p span.labelname {
        font-size: 12px;
    }

    #main .gallerybox .img1,
    #main .gallerybox .img3,
    #main .gallerybox .img4 {
        height: auto;
    }

    #colophon ul.menu {
        padding-bottom: 7rem;
    }

    .comments-title,
    #reply-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 992px) {
    #colophon .widget_custom_html .col-lg-2 {
        width: 20%;
    }

    #colophon .widget_custom_html .col-lg-10 {
        width: 80%;
    }

    /* .comments-title,
    #reply-title {
        font-size: 28px;
    }

    .menu-toggle {
        width: 45px;
        height: 45px;
        top: 9px;
        right: 35px;
    }

    .menu-toggle span {
        width: 29px;
    } */

}

@media screen and (max-width: 767px) {

    #main .bloginn-inner-content .entry-contentbox,
    #secondary .bloginn-inner-content .entry-contentbox {
        padding: 1rem 1rem 1.5rem 1rem;
    }

    #main .bloginn-inner-content h2.entry-title a,
    #secondary .bloginn-inner-content h2.entry-title a {
        font-size: 22px !important;
    }

    #main .bloginn-inner-content p,
    #secondary .bloginn-inner-content p {
        font-size: 16px;
    }

    #secondary.widget-area .col-lg-8,
    #secondary.widget-area .col-lg-4 {
        margin-top: 3rem;
    }

    #featured-slider .slider-abs {
        width: 100%;
               height: 40% !important;
               top: 70px;
               bottom: auto;
    }

    #featured-slider h2.entry-title {
        font-size: 42px !important;
        text-align: center;
    }

    #featured-slider .entry-header h3.subtitle1 {
        text-align: center;
        display: block;
    }

    #featured-slider .entry-content p {
        opacity: 0.9;
        text-align: center;
        font-size: 14px;
    }

    #colophon .site-info .copy-right {
        font-size: 32px;
        line-height: 3rem;
        width: 100%;
        line-height: 2.5rem;
        bottom: 1rem;
        position: relative;
    }

    #colophon .grid {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .logodiv .row {
        margin: 0 !important;
    }

    .logodiv .row .col-md-12 {
        padding: 0 !important;
    }

    .menu-toggle span {
        width: 30px;
        height: 3px;
    }

    #section-header .site-logo {
        padding: .5rem 1.2rem .7rem 1rem;
        border-radius: 0px 0px 32px 32px;
    }

    .menu-toggle {
        width: 40px;
        height: 40px;
        top: -4rem;
    }

    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        width: 100%;
        margin: 15px 0;
    }

    .post-navigation span.previous-article b,
    .post-navigations span.previous-article b,
    .post-navigation span.next-article b,
    .post-navigations span.next-article b {
        font-size: 18px;
    }

    #respond {
        margin-top: 40px;
    }

    .comment-meta img {
        margin-right: 15px;
    }

    .comments-title,
    #reply-title {
        margin-bottom: 8px;
    }

    #commentform p.comment-form-comment,
    #commentform p.form-submit {
        margin-top: 21px;
    }

    nav.navigation.pagination,
    #secondary {
        margin-top: 4rem;
    }

    .comments-title,
    #reply-title {
        font-size: 26px;
    }

    #comments {
        margin-top: 40px;
    }

    .tags-links {
        margin-bottom: 25px;
    }

    .backtotop {
        display: none;
    }

    #featured-projects article:nth-child(odd) {
        position: relative;
        top: 0rem;
    }

    #featured-projects .image-container {
        height: auto !important;
    }

    #featured-projects .entry-title a {
        text-decoration: none;
        color: #000000;
        font-size: 20px;
    }

    #featured-projects .entry-content h2 {
        padding: 1.5rem 5rem 1.5rem 10px;
    }

    #featured-projects .title-section {
        margin-bottom: 0em;
    }

    #featured-about .title-section h1.about-heading1,
    #featured-services .title-section p,
    #featured-features .title-section p,
    #featured-projects .title-section p,
    #main .padding-testimonial h2.text,
    #featured-testimonials .testimonials-container h2.text,
    #featured-posts .title-section p {
        font-size: 24px !important;
        text-align: center !important;
    }

    #featured-about .title-section h5,
    #featured-services .title-section h1,
    #featured-features .title-section h1,
    #featured-projects .title-section h1,
    #main .padding-testimonial h1,
    #featured-testimonials .testimonials-container h1 {
        text-align: center !important;
    }

    #main .testimonial-inner-page .padding-test,
    #featured-testimonials .padding-test {
        padding: 0 10px;
    }

    #main .padding-testimonial h2.text,
    #featured-testimonials .testimonials-container h2.text {
        width: 100%;
    }

    #main .padding-testimonial .button,
    #featured-testimonials .button {
        position: relative;
        margin-top: 1rem;
        right: 0;
        bottom: 0;
        text-align: center;
    }

    #main .bloginn-inner-content .img-responsive,
    #secondary .bloginn-inner-content .img-responsive {
        height: auto !important;
    }

    #primary #main .service-inner-content p,
    #primary #secondary .service-inner-content p {
        margin: 0 !important;
        padding: 0.5rem 0;
        font-size: 14px;
    }
}

@media screen and (max-width: 567px) {
    #primary .entry-content #featured-about h2.subtitle {
        font-size: 15px !important;
    }

    #content .entry-content {
        padding: .5rem !important;
    }

    #featured-slider .slider-abs2 {
        width: 100% !important;
        height: 100% !important;
    }

    #featured-faqs {
        padding-top: 2em !important;
    }

    #featured-slider img.slider-roted {
        right: 40% !important;
        top: 4% !important;
    }

    .main-navigation ul.nav-menu {
        width: 100% !important;
    }

    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        top: 0;
    }

    .pagination .prev.page-numbers:before,
    .pagination .next.page-numbers:before {
        width: 35px;
        height: 10px;
    }

    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        margin-left: 0;
        margin-right: 0;
    }

    #main .project-inner-content .project-w p,
    #secondary .project-inner-content .project-w p {
        top: -3.2rem;
    }

    #main .project-inner-content .project-w p span,
    #secondary .project-inner-content .project-w p span {
        padding: .5rem 1.5rem;
    }

    #featured-slider .gap1 .corve {
        left: 55% !important;
        bottom: 4.2rem !important;
    }

    #featured-slider .wrapper .d-flex {
        display: block !important;
    }

    #featured-slider .wrapper .gap1 {
        display: inline-flex !important;
    }

    #featured-slider .sliderbut2 {
        margin-top: 0.5rem !important;
    }

    #featured-features h4.features-title a {
        color: #000000;
        text-decoration: none;
        font-size: 14px;
    }

    #featured-features .image-container {
        height: 80px;
        width: 85px;
    }

    #featured-features .featuresbox {
        position: relative;
        padding: 10px 0 10px;
    }

    #colophon .site-info {
        padding: 0 !important;
    }

    #colophon .site-info .copy-right {
        font-size: 24px;
        right: 0 !important;
    }

    #colophon {
        padding: 1.2rem 0;
    }

    #colophon .row .col-md-12 {
        padding: 0;
    }

    #colophon form p input {
        margin: 0.5rem 0 1rem 0;
    }

    #primary .widget ul,
    #secondary .widget ul {
        padding: 0 !important;
    }

    #primary .widget,
    #secondary .widget {
        width: 100%;
    }

    #primary .widget_recent_entries ul li a img,
    #secondary .widget_recent_entries ul li a img,
    #primary .widget_recent_entries ol li a img,
    #secondary .widget_recent_entries ol li a img {
        width: 140px !important;
        height: 140px !important;
    }

    #primary .widget_recent_entries ul li a.img-content,
    #secondary .widget_recent_entries ul li a.img-content,
    #primary .widget_recent_entries ol li a.img-content,
    #secondary .widget_recent_entries ol li a.img-content {
        padding: 0 1rem !important;
    }

    #primary .widget_recent_entries ul li a h1,
    #secondary .widget_recent_entries ul li a h1,
    #primary .widget_recent_entries ol li a h1,
    #secondary .widget_recent_entries ol li a h1 {
        font-size: 14px !important;
    }

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        font-size: 16px !important;
        padding: 5px 20px;
    }

    #primary .entry-content h1,
    #secondary .entry-content h1 {
        font-size: 36px !important;
    }

    #primary .entry-content h2,
    #secondary .entry-content h2 {
        font-size: 30px !important;
    }

    #primary .entry-content h3,
    #secondary .entry-content h3 {
        font-size: 24px !important;
    }

    #primary .entry-content h4,
    #secondary .entry-content h4 {
        font-size: 20px !important;
    }

    #primary .entry-content figure.wp-block-image,
    #secondary .entry-content figure.wp-block-image,
    #primary .entry-content p,
    #secondary .entry-content p {
        margin: 1rem 0 !important;
    }

    .wrapper.section-gap {
        width: 95%;
    }

    .navigation.post-navigation,
    .navigation.posts-navigation {
        padding: 0px;
        margin-top: 15px;
    }
}

/* mobile view */
@media screen and (max-width: 460px) {
    #featured-slider .entry-header h3 span {
        font-size: 18px;
    }
}

@media (min-width:300px) and (max-width:700px) {
    /* .socialMedia {
        float: left;
    }

    blockquote .wp-block-quote p,
    .wp-block-pullquote p,
    .wp-block-quote p {
        padding: 12px 0 0;
    }

    .error-404.not-found .error-404title {
        font-size: 162px;
    }
  */
}

/* ============================================= */
/*/////////////////// media query css for tab start ////////////////*/
@media (min-width:767px) and (max-width:1024px) {
    #featured-about .about-text-number .row .col-xl-4 {
        width: 33.33% !important;
    }

    #featured-testimonials .padding-test {
        padding: 0px 30px;
    }

    #featured-about .number {
        font-size: 26px !important;
    }

    #featured-about .text1 {
        font-size: 12px !important;
    }

    #featured-about .title-section {
        width: 100%;
    }

    #featured-about .title-section h1.about-heading1 {
        font-size: 28px !important;
    }

    #featured-about .title-section .row h3 {
        padding-left: 2rem;
        font-size: 13px !important;
    }

    #featured-about .title-section .row h3::before {
        margin: 0 5px;
    }

    #featured-about .title-section .row h3::before {
        font-size: 15px !important;
    }

    #featured-about .title-section .col-xl-6 {
        padding-left: 0 !important;
    }

    #featured-about h2.subtitle {
        width: 100%;
        line-height: 1.5rem;
        font-size: 16px !important;
        padding: 10px 0;
    }

    #featured-about .title-section h1.about-heading1 {
        font-size: 20px !important;
    }

    #featured-about .title-section h5 {
        padding: 10px 0;
    }

    #featured-about .title-section .button {
        margin-top: 10px;
    }

    #featured-about .title-section .row h3::before {
        margin: 0 0px 0 10px;
    }

    #featured-projects .title-section p {
        font-size: 24px;
    }

    #featured-projects article:nth-child(odd) {
        position: relative;
        top: -20rem;
    }

    #featured-projects .projectrow .grid {
        gap: 40px;
    }

    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous {
        width: 100%;
    }

    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        width: 100%;
        margin-top: .7rem;
    }

}

/* ============================================= */
/*/////////////////// media query css for laptop start ////////////////*/
@media (min-width:1023px) and (max-width:1024px) {
    /* 
    #colophon .footer-widgets-area .widget_text ul li:nth-child(2),
    #colophon .footer-widgets-area .widget_text ul li:nth-child(4),
    #colophon .footer-widgets-area .widget_text ul .list-email {
        margin-left: 0rem;
    }

    #colophon .gap-16 {
        gap: 2rem;
    }

    .navigation.post-navigation,
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        padding: 0;
    } */

    /* .comment-navigation .nav-links,
    .posts-navigation .nav-links,
    .post-navigation .nav-links {
        display: flex;
        flex-direction: column;
    }

    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous {
        margin-bottom: 15px;
    }
 */
}

@media (min-width:567px) and (max-width:768px) {
    #featured-slider .wrapper .d-flex {
        display: inline-flex !important;
    }

    #featured-slider img.slider-roted {
        right: 45% !important;
        top: 2% !important;
    }
}

@media (min-width:300px) and (max-width:768px) {
    #featured-slider .slider-abs2 {
        width: 500px;
        height: 100%;
    }

    #featured-slider .sliderimg {
        width: 100%;
        height: 120vh;
    }

    #featured-slider .wrapper {
           width: 100%;
        top: 50%;
        left: 0%;
        padding: 0 .5rem;
    }

    #featured-slider .entry-header {
        padding: 10px 0 10px;
    }

    #featured-slider .gap1 .corve {
        left: 37%;
        width: 50px;
    }

    #featured-slider .gap1 .corve {
        bottom: 17px;
    }

    #featured-slider .gap1 .read-more .btn {
        padding: 5px 20px;
    }

    #featured-slider .sliderbut2 {
        padding: 5px 20px;
    }

    #featured-about .title-section .button {
        justify-self: center;
    }

    #page-site-header .page-title {
        font-size: 25px;
    }

    #page-site-header .page-header {
        margin: 0px;
        padding: .5rem;
    }

    #page-site-header .breadcrumbbox a,
    #page-site-header .breadcrumbbox .button .root,
    #page-site-header .breadcrumbbox span {
        padding: 7px 1px;
        font-size: 16px;
    }

    #page-site-header .page-site-headerimg {
        height: 310px !important;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #featured-slider .slider-abs {
        width: 60%;
        height: 500px !important;
    }

    #featured-slider .sliderimg {
        width: 100%;
        height: 620px;
    }

    #featured-slider .wrapper {
        width: 118% !important;
        top: 22% !important;
        left: 5% !important;
    }

    #featured-slider h2.entry-title {
        font-size: 60px;
    }

    #featured-slider .gap1 .read-more .btn {
        padding: 5px 29px;
    }

    #featured-slider .gap1 .corve {
        left: 8rem;
        bottom: 17px;
    }

    #featured-slider .sliderbut2 {
        padding: 8px 17px;
    }

    #featured-posts .col-lg-6,
    #featured-posts .expanded-view {
        width: 100%;
    }

    #featured-posts .expanded-view {
        margin-bottom: 2rem;
    }

    #featured-steps p.steps-text {
        width: 96%;
        font-size: 12px;
        font-weight: 300;
        padding: .2rem 0 0 2.4rem;
    }

    #featured-steps .steps-image {
        height: auto !important;
    }

    #featured-steps .steps-block {
        padding-left: 3rem;
        margin-top: 0rem;
        padding-bottom: 0px;
    }

    #featured-steps .steps-inner-box .steps-title,
    #featured-steps .steps-block .steps-no {
        font-size: 26px;
    }

    #featured-steps .steps-inner-box .steps-title a {
        padding-left: 10px;
    }

    #featured-steps .steps-block .box-2 .ring1 {
        width: 35px;
        height: 35px;
    }

    #featured-steps .steps-block .box-2 .dot {
        width: 13px;
        height: 13px;
        top: 11px;
        left: 11px;
    }

    #featured-steps .steps-block::after {
        top: 8px;
        left: 4.2%;
    }

    #featured-steps .steps-block .box-2 {
        top: 0.2rem;
    }

    #main .padding-testimonial h2.text,
    #featured-testimonials .testimonials-container h2.text {
        font-size: 30px;
        width: 60%;
    }

    #page-site-header .page-title {
        font-size: 32px;
    }

    #page-site-header .page-header {
        margin: 0px 0rem 0 1rem;
    }

    #page-site-header .breadcrumbbox a,
    #page-site-header .breadcrumbbox .button .root,
    #page-site-header .breadcrumbbox span {
        padding: 7px 1px;
        font-size: 18px;
    }
}

/* ============================================= */
@media (min-width:1024px) and (max-width:1366px) {

    #featured-slider .slider-abs2 {
        width: 100% !important;
        height: 640px !important;
    }

    #featured-testimonials .testimonials-container h2.text {
        font-size: 35px;
        width: 60%;
    }

    #featured-slider .sliderimg {
        width: 100%;
        height: 730px;
    }

    .main-navigation ul.nav-menu>li>a {
        padding: 5px 15px !important;
    }

    #featured-slider .wrapper {
        width: 100% !important;
        left: 5% !important;
    }

    #featured-slider h2.entry-title {
        font-size: 80px;
    }

    #featured-pricings .row {
        padding: 0 0%;
    }

    #featured-pricings .pricing-column {
        gap: 3rem;
    }

    #featured-contact .row.align-items-center {
        padding: 0 !important;
    }

    #featured-contact .contact-img-box,
    #featured-contact .padding-contact {
        width: 50%;
    }

    #featured-contact .contact-image .contactimgtext .contact-con p.contact-add,
    #featured-contact .contact-image .contactimgtext .contact-con .contact-no a {
        font-size: 20px;
    }

    #featured-contact .contact-image .contactimgtext h4 {
        font-size: 32px;
    }

    #featured-contact iframe {
        width: 90% !important;
        justify-self: center;
    }

    #featured-steps p.steps-text {
        width: 90%;
        font-size: 15px;
        font-weight: 300;
        padding: .5rem 0 0 3.7rem;
    }

    #featured-steps .steps-image {
        height: auto !important;
    }

    #featured-steps .steps-block {
        padding-left: 4rem;
        margin-top: 0rem;
        padding-bottom: 0px;
    }

    #featured-steps .steps-inner-box .steps-title,
    #featured-steps .steps-block .steps-no {
        font-size: 33px;
    }

    #featured-steps .steps-inner-box .steps-title a {
        padding-left: 22px;
    }

    #featured-steps .steps-block .box-2 .ring1 {
        width: 35px;
        height: 35px;
    }

    #featured-steps .steps-block .box-2 .dot {
        width: 13px;
        height: 13px;
        top: 11px;
        left: 11px;
    }

    #featured-steps .steps-block::after {
        content: '';
        position: absolute;
        top: 20px;
        left: 2.7%;
    }

    #colophon .site-info .copy-right {
        font-size: 55px;
        line-height: 4rem;
    }

    #secondary .widget {
        width: 96%;
    }

    #primary .widget_recent_entries ul li a.img-content,
    #secondary .widget_recent_entries ul li a.img-content,
    #primary .widget_recent_entries ol li a.img-content,
    #secondary .widget_recent_entries ol li a.img-content {
        padding: 0 1rem;
    }

    #primary .widget_recent_entries ul li a img,
    #secondary .widget_recent_entries ul li a img,
    #primary .widget_recent_entries ol li a img,
    #secondary .widget_recent_entries ol li a img {
        width: 135px !important;
        height: 140px !important;
    }

    #page-site-header .page-title {
        font-size: 45px;
    }

    #page-site-header .page-header {
        margin: 0px 0rem 0 1rem;
    }

    #primary.single-content .entry-content .display-block,
    #secondary.single-content .entry-content .display-block {
        display: block !important;
    }

    #primary .entry-content p,
    #secondary .entry-content p {
        font-size: 15px;
    }

    #featured-slider img.slider-roted {
        right: 49%;
        top: 16%;
    }

}

@media (min-width:1366px) and (max-width:1440px) {
    #featured-slider .wrapper {
        width: 84%;
        top: 26%;
        left: 10%;
    }

    #featured-slider h2.entry-title {
        font-size: 85px;
    }

    #featured-steps p.steps-text {
        width: 85%;
    }

    #colophon .site-info .copy-right {
        font-size: 68px;
        line-height: 5rem;
    }

    #page-site-header .page-title {
        font-size: 50px;
    }

    #featured-slider img.slider-roted {
        right: 56%;
        top: 4%;
    }
}

/* ============================================= */
/*/////////////////// media query css for laptop start ////////////////*/
@media (orientation: landscape) and (max-width:1440px) {

    #primary.single-content .wp-block-column-is-layout-flow ul li,
    #secondary.single-content .wp-block-column-is-layout-flow ul li {
        font-size: 15px;
        font-weight: 400;
    }
}

@media (min-width: 1536px) {
    .container-fluid {
        max-width: 1688px;
    }

    #featured-slider .container-fluid {
        max-width: 100%;
    }
}

#secondary .widget {
    justify-self: center;
}

#primary .entry-content .wp-block-column,
#secondary .entry-content .wp-block-column {
    align-content: center;
}

#primary .entry-content .wp-block-column,
#secondary .entry-content .wp-block-column {
    align-content: center;
    align-self: center;
}



#content .entry-content {
    box-shadow: 0px 0px 38px #00000029;
    padding: 2rem 2rem;
}

#content #featured-about {
    padding-top: 1rem;
}

.home #content .entry-content {
    display: none !important;
}
#content #featured-about .title-section .button {
    display: none;
}