@charset "UTF-8";

/*!
Theme Name: Solapa
Theme URI: https://themazine.com/mr/solapawp/
Author: Bracket Web
Author URI: https://themeforest.net/user/bracket-web
Description: Solapa is an amazing WordPress Theme for Solar and Wind Energy. It is suitable for Solar and Wild Energy, Wind & Power companies, Renewable Energy, bio energy, alternative energy, hydro energy, related Business, And Energy Services websites.
Version: 1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: solapa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

solapa is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Templates
	- Common
	- Navigations One
	- Navigations Two
	- Animations
	- Zoom Fade Css
	- Mobile Nav
	- Search Popup
	- Banner One
	- Main Slider Two
	- Welcome One
	- Counter One
	- We Change
	- We Make
	- Services One
	- Portfolio One
	- Brand One
	- Testimonials Two
	- Two Boxes
	- Video One
	- Reasons One
	- Blog One
	- CTA One
	- Site Footer
	- Areas Of Practice
	- Build Business
	- Web Solutions
	- Team One
	- Watch Video
	- Core Features
	- Blog Two
	- Google Map
	- Get In Touch
	- CTA Two
	- Portfolio Two
	- Page Header
	- Service Details
	- Blog Sidebar
	- Sidebar
	- Blog Details
		- Comments
	- Portfolio Page
	- Portfolio Details
	- Similar Work
	- Portfolio Details Full
	- Reasons
	- Error Page
	- Contact Page
	- Contact Page Google Map
--------------------------------------------------------------*/
:root {
    --solapa-font: 'Smooch Sans', sans-serif;
    --solapa-font-two: 'Catamaran', sans-serif;
    --solapa-gray: #232323;
    --solapa-gray-rgb: 35, 35, 35;
    --solapa-base: #fc8f14;
    --solapa-base-rgb: 252, 143, 20;
    --solapa-primary: #2ab684;
    --solapa-primary-rgb: 42, 182, 132;
    --solapa-black: #000000;
    --solapa-black-rgb: 0, 0, 0;
    --solapa-white: #ffffff;
    --solapa-white-rgb: 255, 255, 255;
    --solapa-bdr-color: #e3e3e3;
    --solapa-bdr-color-rgb: 227, 227, 227;
    --solapa-letter-space-big: 0em;
    --solapa-letter-space-small: -0.0em;
    --solapa-bdr-radius: 0px;
    --solapa-color-1: #000000;
    --solapa-color-1-rgb: 0, 0, 0;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: var(--solapa-gray, #232323);
    font-family: var(--solapa-font-two, "Catamaran", sans-serif);
    font-size: 1rem;
    line-height: 1.5;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 700;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted var(--solapa-gray, #232323);
    cursor: help;
}

mark,
ins {
    background: var(--solapa-bdr-color, #e3e3e3);
    text-decoration: none;
}

big {
    font-size: 125%;
}

b,
strong {
    color: var(--solapa-black);
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: var(--solapa-bdr-color, #e3e3e3);
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 .5em 3em;
    padding-left: 1em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

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

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    max-width: 100%;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid var(--solapa-bdr-color, #e3e3e3);
    border-top: 1px solid var(--solapa-bdr-color, #e3e3e3);
    font-size: 16px;
}

table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid var(--solapa-bdr-color, #e3e3e3);
    border-top: 1px solid var(--solapa-bdr-color, #e3e3e3);
    font-size: 16px;
}

/* Links
--------------------------------------------- */
a {
    color: var(--solapa-black);
}

a:hover,
a:focus,
a:active {
    color: var(--solapa-primary);
}

a:focus {
    outline: none;
}

a:hover,
a:active {
    outline: none;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: var(--solapa-bdr-color, #e3e3e3) var(--solapa-bdr-color, #e3e3e3) var(--solapa-bdr-color, #e3e3e3);
    background: var(--solapa-bdr-color, #e3e3e3);
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: var(--solapa-bdr-color, #e3e3e3) var(--solapa-bdr-color, #e3e3e3) var(--solapa-bdr-color, #e3e3e3);
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: var(--solapa-bdr-color, #e3e3e3) var(--solapa-bdr-color, #e3e3e3) var(--solapa-bdr-color, #e3e3e3);
}

.wp-block-button:not(.wp-block-button.align-left) {
    margin-bottom: 20px;
}

.blog-details__content .wp-block-button a:hover {
    background-color: var(--solapa-base, #fc8f14);
    border-color: var(--solapa-base, #fc8f14);
    color: var(--solapa-white, #ffffff);
}

.blog-details__content .wp-block-button a {
    transition: all 500ms ease;
}

.blog-details__content .wp-block-button.is-style-squared a {
    border-radius: 0;
}

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: var(--solapa-gray, #232323);
    border: 1px solid var(--solapa-bdr-color, #e3e3e3);
    border-radius: 0px;
    padding: 3px;
}

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: var(--solapa-gray, #232323);
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

select {
    border: 1px solid var(--solapa-bdr-color, #e3e3e3);
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

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

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

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

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

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

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

.bypostauthor {
    display: block;
}

.comments-area {
    position: relative;
    margin-top: 10px;
}

.comments-area .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.comments-area .comment-list ul.children {
    margin: 0;
    list-style: none;
    padding-left: 3em;
}

@media (max-width: 575px) {
    .comments-area .comment-list ul.children {
        padding-left: 1em;
    }
}

.comments-area .comment-box {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid var(--solapa-bdr-color, #e3e3e3);
}

.comments-area .comment {
    position: relative;
    min-height: 90px;
}

.comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 20px;
    overflow: hidden;
}

.comments-area .comment-box .author-thumb img {
    width: 90px;
    height: 90px;
    display: block;
    border-radius: 50%;
}

.comments-area .comment-box .info {
    position: relative;
    margin-bottom: 25px;
    line-height: 24px;
}

.comments-area .comment-box .info .name {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    color: var(--solapa-black, #000000);
    text-transform: uppercase;
}

.comments-area .comment-box .info .date {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: var(--solapa-base, #fc8f14);
}

.comments-area .comment-box .text {
    position: relative;
    display: block;
    color: var(--solapa-gray, #232323);
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
}

.comments-area .comment-box .reply-btn {
    position: relative;
    display: block;
}

.comments-area .comment-box .theme-btn .btn-title {
    padding: 6px 30px 4px;
    line-height: 30px;
}

.comments-area .comment-body .says {
    display: none;
}

.comments-area .comment-body {
    position: relative;
    padding-left: 120px;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid var(--solapa-bdr-color, #e3e3e3);
}

@media (max-width: 767px) {
    .comments-area .comment-body {
        padding-left: 0;
    }
}

.comments-area .pingback .comment-body,
.comments-area .trackback .comment-body {
    padding-left: 0;
}

.comments-area .comment-body .avatar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .comments-area .comment-body .avatar {
        position: relative;
        margin-bottom: 30px;
    }
}

.comments-area .fn a,
.comments-area .fn {
    position: relative;
    display: block;
    font-size: var(--font-30);
    line-height: 30px;
    font-weight: 600;
    color: var(--solapa-third-color);
    text-decoration: none;
    font-family: var(--solapa-font);
}

.comments-area .comment-body .comment-metadata {
    margin-top: 10px;
    margin-bottom: 5px;
}

.comments-area .comment-body .comment-metadata a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: var(--solapa-base, #fc8f14);
    text-decoration: none;
}

.comments-area .comment-body .comment-metadata a:hover {
    color: var(--solapa-black, #000000);
}

.comments-area .comment-body .comment-metadata .edit-link a::before {
    content: ".";
    margin-left: 8px;
    margin-right: 10px;
}

.comments-area .comment-content p {
    position: relative;
    display: block;
    color: rgba(var(--solapa-third-color-rgb), 0.8);
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-size: 18px;
    line-height: 2em;
    font-family: var(--solapa-font-two, "Catamaran", sans-serif);
    letter-spacing: 0;
}

.comments-area .comment-content table a {
    color: var(--solapa-base, #fc8f14);
    text-decoration: none;
}

.comments-area .comment-content table a {
    color: var(--solapa-black, #000000);
}

.comments-area .comment-content table a:hover {
    color: var(--solapa-base, #fc8f14);
}

.comments-area .comment-content p:last-of-type {
    margin-bottom: 0;
}

.comments-area .reply a {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    color: var(--solapa-third-color);
    text-transform: capitalize;
    transition: all 0.3s linear;
    overflow: hidden;
    z-index: 1;
    margin-top: 30px;
    background-color: var(--solapa-fifteen-color);
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    font-family: var(--solapa-font-two, "Catamaran", sans-serif);
    border-radius: 3px;
}

.comments-area .reply a:hover {
    background-color: var(--solapa-primary);
    color: var(--solapa-white);
}

.thm-btn.comment-form__btn {
    padding: 23px 50px 23px;
}

@media (min-width: 992px) {
    .comments-area .reply a {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.comments-area .blog-pagination a,
.comments-area .blog-pagination span {
    margin-bottom: 52px;
}

.comment-respond .blog-details__content-title {
    margin-bottom: 50px;
}

.reply-form .logged-in-as {
    display: flex;
    color: var(--solapa-black, #000000);
    margin-top: 0px;
    margin-bottom: 0px;
}

.reply-form .logged-in-as span:not(.required) {
    margin-left: 10px;
}

.reply-form .logged-in-as a {
    text-decoration: none;
    margin-left: 10px;
    margin-right: 0px;
    transition: all 500ms ease;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 500ms ease;
}

.reply-form .logged-in-as a:hover {
    background-size: 100% 2px;
}

.comment-form__title small {
    font-size: 20px;
}

.comment-form__title small a {
    text-decoration: none;
    color: var(--solapa-base, #fc8f14);
    text-decoration: underline;
}

.comment-form__title small a:hover {
    color: var(--solapa-black, #000000);
    opacity: 0.5;
}

.comment-list .comment-respond {
    margin-bottom: 30px;
}

.reply-form .form-submit {
    margin-bottom: 0;
    margin-top: 10px;
}

.comment-list .reply-form .form-submit {
    margin-bottom: 30px;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

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

.sidebar .widget {
    margin-bottom: 42px;
}

.sidebar__single,
.widget-area .widget {
    position: relative;
    border-radius: 5px;
    padding: 50px 35px 50px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
    background-color: var(--solapa-fifteen-color);
    z-index: 9999;
}

.sidebar__single:before,
.widget-area .widget:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    border-radius: 3px;
    border: 1px solid var(--solapa-fourtynine-color);
    z-index: -1;
}

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

.sidebar .widget ul,
.sidebar__single ul {
    margin-left: 0;
    padding-left: 0;
}

.sidebar .widget ul ul,
.sidebar__single ul ul {
    padding-left: 0.5em;
    margin-top: 19px;
}

.sidebar .widget select,
.sidebar__single select {
    width: 100%;
    height: 68px;
    background-color: var(--solapa-white, #ffffff);
    border: 1px solid var(--solapa-bdr-color, #e3e3e3);
    font-weight: 600;
    outline: none;
    color: rgba(var(--solapa-third-color-rgb), 0.8);
    font-size: 16px;
    padding-left: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: var(--solapa-font-two, "Kumbh Sans", sans-serif);
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M540.1 776.847l472.32-473.63c15.466-15.518 15.44-40.642-0.080-56.134-15.518-15.48-40.656-15.44-56.134 0.080l-444.208 445.438-444.206-445.454c-15.48-15.518-40.602-15.558-56.122-0.080-7.78 7.766-11.67 17.94-11.67 28.114 0 10.148 3.864 20.282 11.59 28.034l472.308 473.632c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z"></path></svg>');
    background-repeat: no-repeat;
    background-position: right 30px top 50%;
    background-size: 0.65em auto;
    border-radius: var(--solapa-bdr-radius, 0px);
}

.sidebar .widget ul li,
.sidebar__single ul li {
    position: relative;
}

.sidebar .widget ul li a::after,
.sidebar__single ul li a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
    font-size: 16px;
    top: -1px;
    right: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar .widget ul li a,
.sidebar__single ul li a {
    transition: all 500ms ease;
}

.sidebar .widget ul li a:hover,
.sidebar__single ul li a:hover {
    color: var(--solapa-primary, #2ab684) !important;
}

.sidebar .widget.widget_rss,
.sidebar__single.widget_rss {
    padding-bottom: 40px;
}

.sidebar .widget.widget_rss ul,
.sidebar__single.widget_rss ul {
    list-style: none;
}

.sidebar .widget.widget_rss ul li,
.sidebar__single.widget_rss ul li {
    position: relative;
}

.sidebar .widget.widget_rss ul li ::after,
.sidebar__single.widget_rss ul li ::after {
    content: "";
}

.sidebar .widget.widget_rss ul li+li,
.sidebar__single.widget_rss ul li+li {
    margin-top: 10px;
}

.sidebar .widget.widget_rss li .rsswidget,
.sidebar__single.widget_rss li .rsswidget {
    color: var(--solapa-black, #000000);
    font-size: 20px;
    line-height: 1.5em;
    display: block;
}

.sidebar .widget p,
.sidebar__single p,
.sidebar .widget.widget_rss li .rssSummary,
.sidebar__single.widget_rss li .rssSummary {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
}

.sidebar .widget.widget_rss li .rss-date,
.sidebar__single.widget_rss li .rss-date {
    display: flex;
    align-items: center;
    color: var(--solapa-third-color);
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 10px;
    line-height: 1;
}

.sidebar .widget.widget_rss li .rss-date::before,
.sidebar__single.widget_rss li .rss-date::before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 14px;
    color: var(--solapa-base, #fc8f14);
    margin-right: 10px;
}

.sidebar .widget.widget_rss cite,
.sidebar__single.widget_rss cite {
    color: var(--solapa-black, #000000);
    font-size: 14px;
}

.sidebar .widget .tagcloud,
.sidebar__single .tagcloud {
    margin-bottom: -10px;
    margin-left: -5px;
}

.sidebar .widget .tagcloud a,
.sidebar__single .tagcloud a,
.sidebar__single .wp-block-tag-cloud a {
    font-size: 16px !important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #fff;
    display: inline-block;
    padding: 8px 12px;
    margin-left: 5px;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-right: 0;
    line-height: 22px;
    color: var(--solapa-third-color);
}

.sidebar .widget .tagcloud a:hover,
.sidebar__single .tagcloud a:hover,
.sidebar__single .wp-block-tag-cloud a:hover {
    color: var(--solapa-white, #ffffff);
    background: var(--solapa-primary, #2ab684);
}

.sidebar .widget .wp-block-search input[type="search"],
.sidebar__single .wp-block-search input[type="search"] {
    background-color: var(--solapa-white, #ffffff);
    height: 70px;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    font-weight: 400;
    color: var(--solapa-black, #010212);
    border-radius: var(--solapa-bdr-radius, 0px);
    font-family: var(--solapa-font-two);
}

.sidebar .widget .wp-block-search input[type="text"],
.sidebar .widget .wp-block-search input[type="search"] {
    border: none;
}

.sidebar .widget .wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    padding-right: 25px;
}

.sidebar .widget .wp-block-search .wp-block-search__button,
.sidebar__single .wp-block-search .wp-block-search__button {
    text-transform: capitalize;
    color: #080d1c;
    background-color: #eff4f2;
    line-height: 1;
    fill: #080d1c;
    border-radius: 0;
    margin-left: 0;
    transition: all 500ms ease;
    font-size: 14px;
    border-top-right-radius: var(--solapa-bdr-radius, 0px);
    border-bottom-right-radius: var(--solapa-bdr-radius, 0px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.sidebar .widget .wp-block-search .wp-block-search__button.has-icon,
.sidebar__single .wp-block-search .wp-block-search__button.has-icon {
    width: 47px;
    height: 47px;
    border-radius: 50%;
}

.sidebar .widget .wp-block-search .wp-block-search__button:hover,
.sidebar__single .wp-block-search .wp-block-search__button:hover {
    background-color: var(--solapa-base, #fc8f14);
    color: var(--solapa-white, #ffffff);
    fill: var(--solapa-white, #ffffff);
}

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

.wp-calendar-table {
    margin-bottom: 0;
}

.wp-calendar-table th,
.wp-calendar-table td {
    text-align: center;
}

.wp-calendar-table caption {
    padding: 0;
    text-align: center;
    color: var(--solapa-black, #000000);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
}

.wp-calendar-nav {
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}

.wp-calendar-nav a {
    color: var(--solapa-black, #000000);
    transition: all 500ms ease;
}

.wp-calendar-nav a:hover {
    color: var(--solapa-base, #fc8f14);
}

.sidebar .widget .calendar_wrap .wp-calendar-table thead,
.sidebar__single .calendar_wrap .wp-calendar-table thead {
    background-color: var(--solapa-black, #000000);
}

.sidebar .widget .calendar_wrap .wp-calendar-table thead th,
.sidebar__single .calendar_wrap .wp-calendar-table thead th {
    text-align: center;
    color: var(--solapa-white, #ffffff);
    font-weight: 400;
    font-size: 18px;
    border: none;
}

.wp-block-calendar .wp-calendar-table caption {
    padding-bottom: 0;
    line-height: 1;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    padding-top: 10px;
}

.wp-block-calendar .wp-calendar-nav {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp-block-calendar .wp-calendar-nav a {
    text-decoration: none;
    line-height: 1;
    color: var(--solapa-black, #000000);
    text-transform: uppercase;
    font-weight: 600;
    transition: all 500ms ease;
    font-size: 16px;
}

tbody {
    background-color: var(--solapa-white, #ffffff);
}

.sidebar .widget ul,
.sidebar__single ul {
    list-style: none;
}

.sidebar .widget .widget-title,
.sidebar__single .widget-title {
    display: flex;
    align-items: center;
}

.sidebar .widget .widget-title .rss-widget-icon,
.sidebar__single .widget-title .rss-widget-icon {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.sidebar .widget .widget-title a,
.sidebar__single .widget-title a {
    color: inherit;
    transition: all 500ms ease;
}

.sidebar .widget .widget-title a:hover,
.sidebar__single .widget-title a:hover {
    color: var(--solapa-primary, #2ab684);
}

.sidebar .widget.widget_categories>ul,
.sidebar .widget.widget_nav_menu>ul,
.sidebar .widget.widget_meta>ul,
.sidebar .widget.widget_pages>ul,
.sidebar .widget.widget_archive>ul,
.sidebar__single.widget_categories>ul,
.sidebar__single.widget_nav_menu>ul,
.sidebar__single.widget_meta>ul,
.sidebar__single.widget_pages>ul,
.sidebar__single.widget_archive>ul {
    margin-top: -8px;
    padding-left: 0;
}

.sidebar .widget.widget_categories>ul ul,
.sidebar .widget.widget_nav_menu>ul ul,
.sidebar .widget.widget_meta>ul ul,
.sidebar .widget.widget_pages>ul ul,
.sidebar .widget.widget_archive>ul ul,
.sidebar__single.widget_categories>ul ul,
.sidebar__single.widget_nav_menu>ul ul,
.sidebar__single.widget_meta>ul ul,
.sidebar__single.widget_pages>ul ul,
.sidebar__single.widget_archive>ul ul {
    margin-top: 18px;
    padding-left: 0.7em;
}

.sidebar .widget.widget_categories li,
.sidebar .widget.widget_nav_menu li,
.sidebar .widget.widget_meta li,
.sidebar .widget.widget_pages li,
.sidebar .widget.widget_archive li,
.sidebar__single.widget_categories li,
.sidebar__single.widget_nav_menu li,
.sidebar__single.widget_meta li,
.sidebar__single.widget_pages li,
.sidebar__single.widget_archive li {
    font-size: 18px;
}

.sidebar .widget.widget_categories li+li,
.sidebar .widget.widget_nav_menu li+li,
.sidebar .widget.widget_meta li+li,
.sidebar .widget.widget_pages li+li,
.sidebar .widget.widget_archive li+li,
.sidebar__single.widget_categories li+li,
.sidebar__single.widget_nav_menu li+li,
.sidebar__single.widget_meta li+li,
.sidebar__single.widget_pages li+li,
.sidebar__single.widget_archive li+li {
    margin-top: 18px;
}

.sidebar .widget.widget_recent_entries ul,
.sidebar .widget.widget_recent_comments ul,
.sidebar__single.widget_recent_entries ul,
.sidebar__single.widget_recent_comments ul {
    padding: 0;
    margin-top: 7px;
}

.sidebar .widget.widget_recent_entries ul li ::after,
.sidebar .widget.widget_recent_comments ul li ::after,
.sidebar__single.widget_recent_entries ul li ::after,
.sidebar__single.widget_recent_comments ul li ::after {
    display: none;
}

.sidebar .widget.widget_recent_entries ul li,
.sidebar .widget.widget_recent_comments ul li,
.sidebar__single.widget_recent_entries ul li,
.sidebar__single.widget_recent_comments ul li {
    padding-left: 65px;
    font-size: 18px;
    margin: 0;
    line-height: 26px;
    color: var(--solapa-black, #010212);
    min-height: 45px;
}

.sidebar .widget.widget_recent_entries ul li+li,
.sidebar .widget.widget_recent_comments ul li+li,
.sidebar__single.widget_recent_entries ul li+li,
.sidebar__single.widget_recent_comments ul li+li {
    margin-top: 23px;
}

.sidebar .widget.widget_recent_entries ul li a,
.sidebar .widget.widget_recent_comments ul li a,
.sidebar__single.widget_recent_entries ul li a,
.sidebar__single.widget_recent_comments ul li a {
    color: inherit;
    transition: all 500ms ease;
}

.sidebar .widget.widget_recent_entries ul li a:hover,
.sidebar .widget.widget_recent_comments ul li a:hover,
.sidebar__single.widget_recent_entries ul li a:hover,
.sidebar__single.widget_recent_comments ul li a:hover {
    color: var(--solapa-black, #000000);
    text-shadow: 0 0 1px currentColor;
}

.sidebar .widget.widget_recent_entries ul li::before,
.sidebar .widget.widget_recent_comments ul li::before,
.sidebar__single.widget_recent_entries ul li::before,
.sidebar__single.widget_recent_comments ul li::before {
    height: 45px;
    width: 45px;
    color: var(--solapa-base, #fc8f14);
    border-radius: 50%;
    font-size: 15px;
    color: var(--solapa-base, #fc8f14);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0;
    transition: all 0.4s ease;
    content: "\f075";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: var(--solapa-black, #010212);
    color: #fff;
}

.sidebar .widget.widget_recent_entries ul li:hover::before,
.sidebar .widget.widget_recent_comments ul li:hover::before,
.sidebar__single.widget_recent_entries ul li:hover::before,
.sidebar__single.widget_recent_comments ul li:hover::before {
    background-color: var(--solapa-base, #fc8f14);
    color: var(--solapa-white, #ffffff);
}

.sidebar .widget.widget_recent_entries li,
.sidebar__single.widget_recent_entries li {
    min-height: 45px;
    display: flex;
    align-items: center;
}

.sidebar .widget.widget_recent_entries ul li::before,
.sidebar__single.widget_recent_entries ul li::before {
    content: "\f044";
}

.sidebar .widget.widget_rss ul,
.sidebar__single.widget_rss ul {
    padding: 0;
    margin-top: -5px;
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li ::after,
.sidebar__single.recent-posts-widget-with-thumbnails ul li ::after {
    display: none;
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li,
.sidebar__single.recent-posts-widget-with-thumbnails ul li {
    display: flex;
    flex-direction: column-reverse;
    padding-left: 107px;
    position: relative;
    transition: all 500ms ease;
    border-bottom: 1px solid var(--solapa-fourtynine-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
    justify-content: flex-end;
    min-height: 90px;
    padding-top: 10px;
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li img,
.sidebar__single.recent-posts-widget-with-thumbnails ul li img {
    position: absolute;
    top: -5px;
    left: 0px;
    background-color: var(--solapa-black, #000000);
    border-radius: var(--solapa-bdr-radius, 0px);
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before {
    content: "\f017";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    color: var(--solapa-base, #fc8f14);
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title {
    font-size: 24px;
    color: var(--solapa-black, #000000);
    transition: all 500ms ease;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: var(--solapa-letter-space-small);
    line-height: 28px;
    display: block;
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover {
    color: var(--solapa-base, #fc8f14);
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 1;
    color: var(--solapa-third-color);
    font-size: 14px;
    text-transform: capitalize;
}

.news-one .blog-pagination {
    justify-content: center;
    margin-top: 30px;
}

.sidebar .widget .wp-block-categories,
.sidebar__single .wp-block-categories {
    padding-left: 0;
}

.sidebar .widget .wp-block-tag-cloud,
.sidebar__single .wp-block-tag-cloud {
    margin-bottom: -10px;
}

.sidebar .widget .wp-block-latest-comments__comment-meta,
.sidebar__single .wp-block-latest-comments__comment-meta {
    font-size: 20px;
    line-height: 32px;
    color: var(--solapa-black, #010212);
}

.sidebar .widget .wp-block-categories,
.sidebar__single .wp-block-categories {
    margin-top: -8px;
    margin-bottom: -8px;
}

.sidebar .widget .wp-block-categories li+li,
.sidebar__single .wp-block-categories li+li {
    margin-top: 20px;
}

.sidebar .widget ul li,
.sidebar__single ul li {
    font-size: 18px;
}

.sidebar .widget.recent-posts-widget-with-thumbnails,
.sidebar__single.recent-posts-widget-with-thumbnails {
    padding-bottom: 55px;
}

.sidebar .widget .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li,
.sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li {
    margin-bottom: 0;
}

.sidebar .widget .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li+li,
.sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li+li {
    margin-top: 20px;
}

.widget_nav_menu ul.menu {
    margin-top: -10px;
    margin-bottom: -6px;
}

.widget_recent_entries>ul {
    margin-top: -7px;
}

.sidebar .widget.widget_recent_comments ul li:hover::before,
.sidebar__single.widget_recent_comments ul li:hover::before {
    background-color: var(--solapa-base);
    color: var(--solapa-white, #ffffff);
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before {
    content: "\f086";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    color: var(--solapa-primary, #3c72fc);
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title,
.sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title {
    color: var(--solapa-black, #000000);
    transition: all 500ms ease;
    text-transform: capitalize;
    margin-top: 3px;
    display: block;
    font-family: var(--solapa-font);
    font-weight: 700;
}

.sidebar .widget input[type="email"],
.sidebar .widget input[type="search"],
.sidebar .widget input[type="password"],
.sidebar .widget input[type="text"] {
    width: 100%;
    display: block;
    height: 68px;
    background-color: #fff;
    border: 1px solid var(--solapa-bdr-color, #e3e3e3);
    padding-right: 30px;
    color: var(--solapa-black, #010212);
    outline: none;
}

.sidebar .widget input[type="search"] {
    background-color: var(--solapa-white, #ffffff);
    height: 70px;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    font-weight: 400;
    color: var(--solapa-black, #010212);
    border-radius: var(--solapa-bdr-radius, 0px);
    font-family: var(--solapa-font-two);
}

.sidebar .widget .textwidget>p:first-child {
    margin-top: -10px;
}

.sidebar .widget .wp-block-tag-cloud {
    margin-bottom: -10px;
    margin-left: -5px;
}

.sidebar .widget .wp-block-tag-cloud a {
    font-size: 16px !important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: var(--solapa-white);
    display: inline-block;
    padding: 8px 12px;
    margin-left: 5px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
    margin-right: 0;
    color: var(--solapa-third-color);
    line-height: 22px;
}

.sidebar .widget .wp-block-tag-cloud a:hover {
    color: var(--solapa-white, #ffffff);
    background: var(--solapa-primary, #2ab684);
}

.sidebar .widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border-color: var(--solapa-black, #000000);
    border-radius: var(--solapa-bdr-radius, 0px);
}

.sidebar .widget .wp-calendar-table td {
    padding: 3px 0px;
    font-size: 18px;
}

.sidebar .widget .wp-block-calendar thead th {
    background-color: var(--solapa-black, #000000);
    color: #fff;
    border: none;
    font-weight: 400;
    padding-top: 9px;
}

.sidebar .widget .wp-calendar-table td {
    color: var(--solapa-black, #000000);
}

.sidebar .widget .wp-block-archives {
    margin-top: -10px;
    margin-bottom: -10px;
}

.sidebar .widget .wp-block-archives label {
    font-size: 16px;
}

.sidebar .widget .wp-block-archives li+li {
    margin-top: 10px;
}

.sidebar .widget .wp-block-archives li a::after {
    display: none;
}

.sidebar .widget .wp-block-categories-dropdown,
.sidebar .widget .wp-block-archives-dropdown {
    margin-bottom: 0;
}

.sidebar .widget .wp-block-calendar .wp-calendar-table caption {
    padding-top: 15px;
    padding-bottom: 15px;
    color: var(--solapa-black, #000000);
    font-weight: 400;
}

.sidebar .widget .wp-block-calendar .wp-calendar-nav a {
    text-transform: capitalize;
    font-weight: 400;
}

.sidebar .widget .wp-block-latest-comments__comment-meta {
    color: var(--solapa-black, #000000);
}

.sidebar .widget .wp-block-latest-comments__comment-meta a:hover {
    color: var(--solapa-primary, #2ab684);
}

.sidebar .widget .wp-block-latest-comments__comment-date {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--solapa-font-two, "Catamaran", sans-serif);
}

.sidebar .widget .wp-block-latest-comments__comment-date::before {
    content: "\f017";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: var(--solapa-base, #fc8f14);
}

.sidebar .widget .has-avatar .wp-block-latest-comments__comment-date {
    margin-left: 5px;
}

.sidebar .widget .wp-block-latest-comments__comment:last-child {
    margin-bottom: 0;
}

.sidebar .widget .wp-block-latest-comments__comment-excerpt p:last-child {
    margin-bottom: 0;
}

.sidebar .widget .has-excerpts.wp-block-latest-comments {
    margin-bottom: -10px;
}

.sidebar .widget .wp-block-latest-posts__list li a::after {
    display: none;
}

.sidebar .widget .wp-block-latest-posts__list.has-dates li {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.sidebar .widget .wp-block-latest-posts__list.has-dates li::before {
    display: none;
}

.sidebar .widget .wp-block-latest-posts__list.has-dates li a::after {
    display: none;
}

.sidebar .widget .wp-block-latest-posts__list {
    margin-bottom: -10px;
}

.sidebar .widget .wp-block-latest-posts__list li>a,
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {
    flex: 0 0 100%;
}

.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {
    font-weight: 400;
    margin-bottom: 0;
    color: var(--solapa-black, #010212);
    font-size: 18px;
    line-height: 32px;
}

.sidebar .widget .wp-block-latest-posts__list li+li {
    margin-top: 15px;
}

.sidebar .widget .wp-block-latest-posts__list li>a {
    color: var(--solapa-black, #000000) !important;
    font-weight: 600;
    font-size: 20px;
}

.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author {
    margin-right: 5px;
}

.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author::before {
    color: var(--solapa-base, #fc8f14);
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    content: "\f2bd";
    margin-right: 5px;
}

.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date::before {
    content: "\f017";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: var(--solapa-base, #fc8f14);
}

.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author,
.sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date {
    font-weight: 500;
    font-size: 16px;
    color: var(--solapa-third-color);
}

.sidebar .widget .wp-block-page-list {
    margin-top: -10px;
    margin-bottom: -10px;
}

.sidebar .widget .wp-block-page-list li+li {
    margin-top: 19px;
}

.sidebar .widget .wp-block-rss__item {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.sidebar .widget .wp-block-rss__item::before {
    display: none;
}

.sidebar .widget .wp-block-rss__item a::after {
    display: none;
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-title,
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt {
    flex: 0 0 100%;
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt {
    font-weight: 400;
    margin-bottom: 0;
    color: var(--solapa-black, #010212);
    font-size: 18px;
    line-height: 1.8;
    margin-top: 10px;
}

.sidebar .widget .wp-block-rss__item li+li {
    margin-top: 15px;
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-title {
    color: var(--solapa-black, #000000);
    font-weight: 400;
    padding-bottom: 15px;
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-author {
    margin-right: 5px;
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-author::before {
    color: var(--solapa-base, #fc8f14);
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    content: "\f2bd";
    margin-right: 5px;
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date::before {
    content: "\f017";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: var(--solapa-base, #fc8f14);
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-author,
.sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date {
    font-weight: 500;
    font-size: 16px;
    color: var(--solapa-third-color);
}

.sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date {
    margin-right: 10px;
}

.sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 60px;
}

.sidebar .widget #loginform {
    margin-top: -10px;
}

.sidebar .widget #loginform input[type="text"],
.sidebar .widget #loginform input[type="password"] {
    margin-bottom: 10px;
}

.sidebar .widget #loginform p {
    margin: 0;
}

.sidebar .widget #loginform input[type="checkbox"] {
    border: 1px solid var(--solapa-bdr-color, #e3e3e3);
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.sidebar .widget #loginform .login-submit .button {
    padding: 25px 39px;
    color: #fff;
    font-size: 16px;
    background-color: var(--solapa-black, #000000);
    text-transform: uppercase;
    font-family: var(--solapa-font-two, "Catamaran", sans-serif);
    transition: all 500ms ease;
}

.sidebar .widget #loginform .login-submit .button:hover {
    color: #fff;
    background-color: var(--solapa-base, #fc8f14);
}

.sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta {
    font-family: var(--solapa-font, "Smooch Sans", sans-serif);
    font-size: 16px;
    color: var(--solapa-black, #010212);
    text-transform: capitalize;
}

.sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a {
    color: inherit;
}

.sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a:hover {
    color: var(--solapa-base, #fc8f14);
}

.widget.widget_block h2,
.widget .sidebar__title {
    color: #0c0d24;
    font-size: 34px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 20px;
    margin-top: -5px;
}

.widget.widget_block h2::before,
.widget .sidebar__title::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 65px;
    height: 3px;
    background-color: var(--solapa-base);
}

.widget.widget_block h2::after,
.widget .sidebar__title::after {
    position: absolute;
    content: "";
    left: 68px;
    bottom: 0px;
    width: 20px;
    height: 3px;
    background-color: var(--solapa-primary);
}

.sidebar .widget ul.wp-block-social-links li a::after {
    content: "";
}

.wp-block-rss__item-title a,
.sidebar .widget.widget_rss li .rsswidget {
    font-weight: 600;
}

.sidebar .widget.widget_categories>ul,
.sidebar .widget.widget_pages>ul,
.sidebar .widget.widget_meta>ul,
.sidebar .widget.widget_recent_comments>ul,
.sidebar .widget.widget_archive>ul {
    margin-bottom: -10px;
}

.sidebar .widget ::placeholder {
    opacity: 1;
    color: var(--solapa-black, #010212);
}

.sidebar .widget.widget_archive li a::after {
    content: "";
}

.sidebar .widget .wp-block-latest-posts__list li a:hover {
    color: var(--solapa-primary, #2ab684) !important;
}

.sidebar .widget .wp-block-categories li,
.sidebar .widget_categories ul li,
.sidebar__single .widget_categories ul li,
.sidebar__single .wp-block-categories li,
.sidebar .widget ul.wp-block-categories li li,
.sidebar .widget.widget_categories ul li li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sidebar .widget .wp-block-categories li ul.children,
.sidebar .widget_categories ul li ul.children,
.sidebar__single .widget_categories ul li ul.children,
.sidebar__single .wp-block-categories li ul.children,
.sidebar .widget ul.wp-block-categories li li ul.children,
.sidebar .widget.widget_categories ul li li ul.children {
    flex: 0 0 100%;
}

.sidebar .widget .wp-block-categories li ul.children,
.sidebar .widget.widget_categories>ul ul {
    margin-top: 21px;
}

.sidebar .widget .widget_categories ul li a::after,
.widget.widget_categories ul li a::after,
.widget-area .widget .wp-block-categories li a::after {
    content: "";
}

.sidebar__search-form {
    position: relative;
}

.sidebar__search-form button[type="submit"] {
    background-color: var(--solapa-fifteen-color);
    color: #080d1c;
    font-size: 20px;
    position: absolute;
    right: 25px;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    outline: none;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar__search-form button[type="submit"]:hover {
    color: #fff;
    background-color: #080d1c;
}

.sidebar__single.recent-posts-widget-with-thumbnails ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.widget .wp-block-loginout {
    font-size: 16px;
}

/* 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 logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

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

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

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

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

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

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

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

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

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

/* Alignments
--------------------------------------------- */
.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

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

/* Custom Animations
--------------------------------------------- */
@keyframes sunMove {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25%,
    75% {
        -webkit-transform: rotate(22.5deg);
        transform: rotate(22.5deg);
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.rotate-me {
    animation-name: rotateme;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 24s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 24s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 24s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 24s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

@keyframes float-bob {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

.float-bob {
    animation-name: float-bob;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 7s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/***
  =============================================
	  circle Css
  =============================================
  ***/
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

/***
  =============================================
	  Zoom Fade Css
  =============================================
  ***/
.zoom-fade {
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

/***
  =============================================
	  Zoom In Out Css
  =============================================
  ***/
.zoominout {
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7);
        transform: rotate(0deg) scale(0.7);
        opacity: 0;
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.7);
        transform: rotate(360deg) scale(0.7);
        opacity: 0;
    }
}

@-webkit-keyframes bgSlideReverse {
    0% {
        background-position: 0 0;
    }

    20% {
        background-position: 100px 0;
    }

    40% {
        background-position: 200px 0;
    }

    60% {
        background-position: 150px 0;
    }

    80% {
        background-position: 100px 0;
    }

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

@keyframes bgSlideReverse {
    0% {
        background-position: 0 0;
    }

    20% {
        background-position: 100px 0;
    }

    40% {
        background-position: 200px 0;
    }

    60% {
        background-position: 150px 0;
    }

    80% {
        background-position: 100px 0;
    }

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

@-webkit-keyframes bgSlideReverse2 {
    0% {
        background-position: -0 0;
    }

    20% {
        background-position: -100px 0;
    }

    40% {
        background-position: -200px 0;
    }

    60% {
        background-position: -150px 0;
    }

    80% {
        background-position: -100px 0;
    }

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

@keyframes bgSlideReverse2 {
    0% {
        background-position: -0 0;
    }

    20% {
        background-position: -100px 0;
    }

    40% {
        background-position: -200px 0;
    }

    60% {
        background-position: -150px 0;
    }

    80% {
        background-position: -100px 0;
    }

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

@-webkit-keyframes banner-animate {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }
}

@keyframes banner-animate {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }
}

.banner-animate {
    animation-name: banner-animate;
    animation-duration: 70s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: banner-animate;
    -webkit-animation-duration: 70s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: banner-animate;
    -moz-animation-duration: 70s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: banner-animate;
    -ms-animation-duration: 70s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: banner-animate;
    -o-animation-duration: 70s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}

/***
  =============================================
	  Animation1 Css
  =============================================
  ***/
@-webkit-keyframes animation1 {

    0%,
    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}

@keyframes animation1 {

    0%,
    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}

/***
  =============================================
	  Animation2 Css
  =============================================
  ***/
@keyframes animation2 {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-moz-keyframes animation2 {
    0% {
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-o-keyframes animation2 {
    0% {
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes animation2 {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes bgSlide {
    0% {
        background-position: 0 0;
    }

    20% {
        background-position: -100px 0;
    }

    40% {
        background-position: -200px 0;
    }

    60% {
        background-position: -150px 0;
    }

    80% {
        background-position: -100px 0;
    }

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

@keyframes bgSlide {
    0% {
        background-position: 0 0;
    }

    20% {
        background-position: -100px 0;
    }

    40% {
        background-position: -200px 0;
    }

    60% {
        background-position: -150px 0;
    }

    80% {
        background-position: -100px 0;
    }

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

@-webkit-keyframes bgSlideReverse {
    0% {
        background-position: 0 0;
    }

    20% {
        background-position: 100px 0;
    }

    40% {
        background-position: 200px 0;
    }

    60% {
        background-position: 150px 0;
    }

    80% {
        background-position: 100px 0;
    }

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

@keyframes bgSlideReverse {
    0% {
        background-position: 0 0;
    }

    20% {
        background-position: 100px 0;
    }

    40% {
        background-position: 200px 0;
    }

    60% {
        background-position: 150px 0;
    }

    80% {
        background-position: 100px 0;
    }

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

@-webkit-keyframes ribbonRotate {

    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@keyframes ribbonRotate {

    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@-webkit-keyframes footerFish {

    0%,
    100% {
        -webkit-transform: translateX(0) translateY(0) rotate(0);
        transform: translateX(0) translateY(0) rotate(0);
    }

    25%,
    75% {
        -webkit-transform: translateX(20px) translateY(30px) rotate(25deg);
        transform: translateX(20px) translateY(30px) rotate(25deg);
    }

    50% {
        -webkit-transform: translateX(40px) translateY(60px) rotate(45deg);
        transform: translateX(40px) translateY(60px) rotate(45deg);
    }
}

@keyframes footerFish {

    0%,
    100% {
        -webkit-transform: translateX(0) translateY(0) rotate(0);
        transform: translateX(0) translateY(0) rotate(0);
    }

    25%,
    75% {
        -webkit-transform: translateX(20px) translateY(30px) rotate(25deg);
        transform: translateX(20px) translateY(30px) rotate(25deg);
    }

    50% {
        -webkit-transform: translateX(40px) translateY(60px) rotate(45deg);
        transform: translateX(40px) translateY(60px) rotate(45deg);
    }
}

@-webkit-keyframes contactSwimmer {

    0%,
    100% {
        -webkit-transform: translateX(0) translateY(0) rotate(0);
        transform: translateX(0) translateY(0) rotate(0);
    }

    25%,
    75% {
        -webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
        transform: translateX(15px) translateY(20px) rotate(10deg);
    }

    50% {
        -webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
        transform: translateX(60px) translateY(35px) rotate(15deg);
    }
}

@keyframes contactSwimmer {

    0%,
    100% {
        -webkit-transform: translateX(0) translateY(0) rotate(0);
        transform: translateX(0) translateY(0) rotate(0);
    }

    25%,
    75% {
        -webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
        transform: translateX(15px) translateY(20px) rotate(10deg);
    }

    50% {
        -webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
        transform: translateX(60px) translateY(35px) rotate(15deg);
    }
}

/***
  =============================================
	  Float Bob Y Animation Css
  =============================================
  ***/
@-webkit-keyframes float-bob-y {
    0% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes float-bob-y {
    0% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(-20px);
    }
}

.float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes footerTree {

    0%,
    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}

@keyframes footerTree {

    0%,
    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}

.footertree {
    -webkit-animation: footerTree 5s ease-in infinite;
    animation: footerTree 5s ease-in infinite;
}

@keyframes service_hexagon_2 {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-moz-keyframes service_hexagon_2 {
    0% {
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-o-keyframes service_hexagon_2 {
    0% {
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes service_hexagon_2 {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes bgSlide {
    0% {
        background-position: 0 0;
    }

    20% {
        background-position: -100px 0;
    }

    40% {
        background-position: -200px 0;
    }

    60% {
        background-position: -150px 0;
    }

    80% {
        background-position: -100px 0;
    }

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

@keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(360deg);
    }
}

@-o-keyframes rotateScale {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(360deg);
    }
}

.rotatescale {
    -webkit-animation-name: rotateScale;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateScale;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateScale;
    -ms-animation-duration: 20s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: rotateScale;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*--------------------------------------------------------------
  # Animations
  --------------------------------------------------------------*/
@-webkit-keyframes bubbleMover {
    0% {
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: center center;
    }

    50% {
        transform: translateY(50px) translateX(100px) rotate(45deg);
        transform-origin: right bottom;
    }

    80% {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: left top;
    }

    100% {
        transform: translateY(0px) translateX(0) rotate(0);
        transform-origin: center center;
    }
}

@keyframes bubbleMover {
    0% {
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: center center;
    }

    50% {
        transform: translateY(50px) translateX(100px) rotate(45deg);
        transform-origin: right bottom;
    }

    80% {
        transform: translateY(30px) translateX(50px) rotate(15deg);
        transform-origin: left top;
    }

    100% {
        transform: translateY(0px) translateX(0) rotate(0);
        transform-origin: center center;
    }
}

@-webkit-keyframes shapeMover {

    0%,
    100% {
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
    }

    50% {
        transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}

@keyframes shapeMover {

    0%,
    100% {
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
    }

    50% {
        transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}

@-webkit-keyframes banner3Shake {
    0% {
        transform: rotate3d(0, 1, 0, 0deg);
    }

    30% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    60% {
        transform: rotate3d(1, 0, 0, 0deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    100% {
        transform: rotate3d(0, 1, 0, 0deg);
    }
}

@keyframes banner3Shake {
    0% {
        transform: rotate3d(0, 1, 0, 0deg);
    }

    30% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    60% {
        transform: rotate3d(1, 0, 0, 0deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    100% {
        transform: rotate3d(0, 1, 0, 0deg);
    }
}

@-webkit-keyframes squareMover {

    0%,
    100% {
        transform: translate(0, 0) rotate(0);
    }

    20%,
    60% {
        transform: translate(20px, 40px) rotate(180deg);
    }

    30%,
    80% {
        transform: translate(40px, 60px) rotate(0deg);
    }
}

@keyframes squareMover {

    0%,
    100% {
        transform: translate(0, 0) rotate(0);
    }

    20%,
    60% {
        transform: translate(20px, 40px) rotate(180deg);
    }

    30%,
    80% {
        transform: translate(40px, 60px) rotate(0deg);
    }
}

@-webkit-keyframes treeMove {

    0%,
    100% {
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        transform: rotate(10deg) translateX(30px);
    }
}

@keyframes treeMove {

    0%,
    100% {
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        transform: rotate(10deg) translateX(30px);
    }
}

/*--------------------------------------------------------------
  #     Zoom Fade Css
  --------------------------------------------------------------*/
.zoom-fade {
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes zoom-fade {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

@keyframes zoom-fade {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

/* custom animations */
@keyframes btnIconMove {
    0% {
        transform: rotate(0deg) translate(0px, 0px);
    }

    50% {
        transform: rotate(20deg) translate(10px, 0px);
    }

    100% {
        transform: rotate(0deg) translate(0px, 0px);
    }
}

@keyframes ImgBounce {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(10px);
    }

    75% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes boxRotate {

    0%,
    100% {
        transform: rotateY(0deg);
        visibility: visible;
    }

    25%,
    75% {
        visibility: hidden;
        transform: rotateY(-90deg);
    }

    50% {
        transform: rotateY(-180deg);
        visibility: visible;
    }
}

@keyframes boxRotateReverse {

    0%,
    100% {
        transform: rotateY(0deg);
        visibility: visible;
    }

    25%,
    75% {
        transform: rotateY(90deg);
        visibility: hidden;
    }

    50% {
        transform: rotateY(180deg);
        visibility: visible;
    }
}

@keyframes btnIconMove {
    0% {
        transform: rotate(0deg) translate(0, 3px);
    }

    50% {
        transform: rotate(-15deg) translate(0, 10px);
    }

    100% {
        transform: rotate(0deg) translate(0, 3px);
    }
}

/** squares **/
@keyframes squares {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}

@-moz-keyframes squares {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    20% {
        -moz-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}

@-o-keyframes squares {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    20% {
        -o-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }

    100% {
        -o-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}

@keyframes squares {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    20% {
        -webkit-transform: scale(1.24);
        -moz-transform: scale(1.24);
        -o-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2.1);
        -moz-transform: scale(2.1);
        -o-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0;
    }
}

/* Templates
--------------------------------------------- */
/*

  font-family: 'Catamaran', sans-serif;
  font-family: 'Smooch Sans', sans-serif;

*/
/* Preloader */
.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
}

.preloader span {
    position: relative;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    display: block;
    margin-left: -30px;
    margin-top: -30px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-size: 60px auto;
}

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

/***

====================================================================
  Root Code Variables
====================================================================

 ***/
/* Theme Color */
:root {
    /* Fonts Variable */
    --solapa-smooch-font: "Smooch Sans", sans-serif;
    --solapa-catamaran-font: "Catamaran", sans-serif;
    --solapa-second-color: #1a4987;
    --solapa-second-color-rgb: 26, 73, 135;
    --solapa-third-color: #080d1c;
    --solapa-third-color-rgb: 8, 13, 28;
    --solapa-fourth-color: #f7f5f5;
    --solapa-fourth-color-rgb: 247, 245, 245;
    --solapa-fifth-color: #4d4b57;
    --solapa-fifth-color-rgb: 77, 75, 87;
    --solapa-six-color: #03050c;
    --solapa-six-color-rgb: 3, 5, 12;
    --solapa-seven-color: #fff1e2;
    --solapa-seven-color-rgb: 255, 241, 226;
    --solapa-eight-color: #03060d;
    --solapa-eight-color-rgb: 3, 6, 13;
    --solapa-nine-color: #f8fafe;
    --solapa-nine-color-rgb: 248, 250, 254;
    --solapa-ten-color: #eaedf3;
    --solapa-ten-color-rgb: 234, 237, 243;
    --solapa-eleven-color: #dae6f6;
    --solapa-eleven-color-rgb: 218, 230, 246;
    --solapa-twelve-color: #f2f8ff;
    --solapa-twelve-color-rgb: 242, 248, 255;
    --solapa-thirteen-color: #f2f5fa;
    --solapa-thirteen-color-rgb: 242, 245, 250;
    --solapa-fourteen-color: #232323;
    --solapa-fourteen-color-rgb: 35, 35, 35;
    --solapa-fifteen-color: #eff4f2;
    --solapa-fifteen-color-rgb: 239, 244, 242;
    --solapa-sixteen-color: #ecf9f5;
    --solapa-sixteen-color-rgb: 236, 249, 245;
    --solapa-seventeen-color: #dae3e0;
    --solapa-seventeen-color-rgb: 218, 227, 224;
    --solapa-eightteen-color: #fdfaf6;
    --solapa-eightteen-color-rgb: 253, 250, 246;
    --solapa-nineteen-color: #fbb02d;
    --solapa-nineteen-color-rgb: 251, 176, 45;
    --solapa-twenty-color: #355d4d;
    --solapa-twenty-color-rgb: 53, 93, 77;
    --solapa-twentyone-color: #2b2b2b;
    --solapa-twentyone-color-rgb: 43, 43, 43;
    --solapa-twentytwo-color: #e8e7e6;
    --solapa-twentytwo-color-rgb: 232, 231, 230;
    --solapa-twentythree-color: #ececec;
    --solapa-twentythree-color-rgb: 236, 236, 236;
    --solapa-twentyfour-color: #f5f3f3;
    --solapa-twentyfour-color-rgb: 245, 243, 243;
    --solapa-twentyfive-color: #f8f8f8;
    --solapa-twentyfive-color-rgb: 248, 248, 248;
    --solapa-twentysix-color: #2e313d;
    --solapa-twentysix-color-rgb: 46, 49, 61;
    --solapa-twentyseven-color: #111e43;
    --solapa-twentyseven-color-rgb: 17, 30, 67;
    --solapa-twentyeight-color: #17161a;
    --solapa-twentyeight-color-rgb: 23, 22, 26;
    --solapa-twentynine-color: #2a282e;
    --solapa-twentynine-color-rgb: 42, 40, 46;
    --solapa-thirty-color: #1c1b1e;
    --solapa-thirty-color-rgb: 28, 27, 30;
    --solapa-thirtyone-color: #1d1c21;
    --solapa-thirtyone-color-rgb: 29, 28, 33;
    --solapa-thirtytwo-color: #e8e8e8;
    --solapa-thirtytwo-color-rgb: 232, 232, 232;
    --solapa-thirtythree-color: #f2f5f4;
    --solapa-thirtythree-color-rgb: 242, 245, 244;
    --solapa-thirtyfour-color: #ece6e0;
    --solapa-thirtyfour-color-rgb: 236, 230, 224;
    --solapa-thirtyfive-color: #edf4f2;
    --solapa-thirtyfive-color-rgb: 237, 244, 242;
    --solapa-thirtysix-color: #120e1c;
    --solapa-thirtysix-color-rgb: 18, 24, 28;
    --solapa-thirtyseven-color: #f5f5f5;
    --solapa-thirtyseven-color-rgb: 245, 245, 245;
    --solapa-thirtyeight-color: #131212;
    --solapa-thirtyeight-color-rgb: 19, 18, 19;
    --solapa-thirtynine-color: #dedede;
    --solapa-thirtynine-color-rgb: 222, 222, 222;
    --solapa-fourty-color: #cbcdd4;
    --solapa-fourty-color-rgb: 203, 205, 212;
    --solapa-fourtyone-color: #7adbb8;
    --solapa-fourtyone-color-rgb: 122, 219, 184;
    --solapa-fourtytwo-color: #f9f8f4;
    --solapa-fourtytwo-color-rgb: 249, 248, 244;
    --solapa-fourtythree-color: #f7e5c7;
    --solapa-fourtythree-color-rgb: 247, 229, 199;
    --solapa-fourtyfour-color: #f0faf6;
    --solapa-fourtyfour-color-rgb: 240, 250, 246;
    --solapa-fourtyfive-color: #f1f1f1;
    --solapa-fourtyfive-color-rgb: 241, 241, 241;
    --solapa-fourtysix-color: #ededed;
    --solapa-fourtysix-color-rgb: 237, 237, 237;
    --solapa-fourtyseven-color: #fbf4eb;
    --solapa-fourtyseven-color-rgb: 251, 244, 235;
    --solapa-fourtyeight-color: #efece8;
    --solapa-fourtyeight-color-rgb: 239, 236, 232;
    --solapa-fourtynine-color: #d8e0dd;
    --solapa-fourtynine-color-rgb: 216, 224, 221;
    --solapa-fifty-color: #e7e7eb;
    --solapa-fifty-color-rgb: 231, 231, 235;
    --solapa-fiftyone-color: #090a0a;
    --solapa-fiftyone-color-rgb: 9, 10, 10;
    --solapa-fiftytwo-color: #faf2e8;
    --solapa-fiftytwo-color-rgb: 250, 242, 232;
    --solapa-fiftythree-color: #cee0d9;
    --solapa-fiftythree-color-rgb: 206, 224, 217;
    --solapa-fiftyfour-color: var(--solapa-fifteen-color);
    --solapa-fiftyfour-color-rgb: 248, 247, 245;
    --solapa-fiftyfive-color: #161616;
    --solapa-fiftyfive-color-rgb: 22, 22, 22;
    --solapa-fiftysix-color: #f3fafc;
    --solapa-fiftysix-color-rgb: 243, 250, 252;
    --solapa-fiftyseven-color: #000108;
    --solapa-fiftyseven-color-rgb: 0, 1, 8;
    --solapa-white: #ffffff;
    --solapa-white-rgb: 255, 255, 255;
    --heading-color: #0c0d24;
    --heading-color-rgb: 12, 13, 36;
    --text-color: #01050c;
    --text-color-rgb: 1, 5, 12;
    --dark-color: #00040b;
    --dark-color-rgb: 0, 4, 11;
    /* Heading Fonts */
    --font-8: 8px;
    --font-10: 10px;
    --font-11: 11px;
    --font-12: 12px;
    --font-13: 13px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-17: 17px;
    --font-18: 18px;
    --font-20: 20px;
    --font-22: 22px;
    --font-24: 24px;
    --font-26: 26px;
    --font-28: 28px;
    --font-30: 30px;
    --font-32: 32px;
    --font-34: 34px;
    --font-36: 36px;
    --font-38: 38px;
    --font-40: 40px;
    --font-42: 42px;
    --font-43: 43px;
    --font-44: 44px;
    --font-45: 45px;
    --font-48: 48px;
    --font-50: 50px;
    --font-52: 52px;
    --font-54: 54px;
    --font-56: 56px;
    --font-58: 58px;
    --font-60: 60px;
    --font-62: 62px;
    --font-64: 64px;
    --font-65: 65px;
    --font-66: 66px;
    --font-68: 68px;
    --font-70: 70px;
    --font-72: 72px;
    --font-74: 74px;
    --font-75: 75px;
    --font-76: 76px;
    --font-78: 78px;
    --font-80: 80px;
    --font-85: 85px;
    --font-86: 86px;
    --font-90: 90px;
    --font-100: 100px;
    --font-110: 110px;
    --font-120: 120px;
    --font-150: 150px;
    --font-200: 200px;
    --margin-zero: 0px;
    /* Margin Left Variables */
    --margin-left-5: 5px;
    --margin-left-10: 10px;
    --margin-left-15: 15px;
    --margin-left-20: 20px;
    --margin-left-25: 25px;
    --margin-left-30: 30px;
    --margin-left-35: 35px;
    --margin-left-40: 40px;
    --margin-left-45: 45px;
    --margin-left-50: 50px;
    --margin-left-55: 55px;
    --margin-left-60: 60px;
    --margin-left-65: 65px;
    --margin-left-70: 70px;
    --margin-left-75: 75px;
    --margin-left-80: 80px;
    --margin-left-85: 85px;
    --margin-left-90: 90px;
    --margin-left-95: 95px;
    --margin-left-100: 100px;
    --margin-left-110: 110px;
    --margin-left-120: 120px;
    --margin-left-130: 130px;
    --margin-left-150: 150px;
    /* Margin Top Variables */
    --margin-top-5: 5px;
    --margin-top-10: 10px;
    --margin-top-15: 15px;
    --margin-top-19: 19px;
    --margin-top-20: 20px;
    --margin-top-25: 25px;
    --margin-top-30: 30px;
    --margin-top-35: 35px;
    --margin-top-40: 40px;
    --margin-top-45: 45px;
    --margin-top-50: 50px;
    --margin-top-55: 55px;
    --margin-top-60: 60px;
    --margin-top-65: 65px;
    --margin-top-70: 70px;
    --margin-top-75: 75px;
    --margin-top-80: 80px;
    --margin-top-85: 85px;
    --margin-top-90: 90px;
    --margin-top-95: 95px;
    --margin-top-100: 100px;
    --margin-top-120: 120px;
    /* Margin Right Variables */
    --margin-right-5: 5px;
    --margin-right-10: 10px;
    --margin-right-15: 15px;
    --margin-right-20: 20px;
    --margin-right-25: 25px;
    --margin-right-30: 30px;
    --margin-right-35: 35px;
    --margin-right-40: 40px;
    --margin-right-45: 45px;
    --margin-right-50: 50px;
    --margin-right-55: 55px;
    --margin-right-60: 60px;
    --margin-right-65: 65px;
    --margin-right-70: 70px;
    --margin-right-75: 75px;
    --margin-right-80: 80px;
    --margin-right-85: 85px;
    --margin-right-90: 90px;
    --margin-right-95: 95px;
    --margin-right-100: 100px;
    --margin-right-115: 115px;
    /* Margin Bottom Variables */
    --margin-bottom-5: 5px;
    --margin-bottom-10: 10px;
    --margin-bottom-15: 15px;
    --margin-bottom-20: 20px;
    --margin-bottom-25: 25px;
    --margin-bottom-30: 30px;
    --margin-bottom-35: 35px;
    --margin-bottom-40: 40px;
    --margin-bottom-45: 45px;
    --margin-bottom-50: 50px;
    --margin-bottom-55: 55px;
    --margin-bottom-60: 60px;
    --margin-bottom-65: 65px;
    --margin-bottom-70: 70px;
    --margin-bottom-75: 75px;
    --margin-bottom-80: 80px;
    --margin-bottom-85: 85px;
    --margin-bottom-90: 90px;
    --margin-bottom-95: 95px;
    --margin-bottom-100: 100px;
    --margin-bottom-150: 150px;
    --margin-bottom-160: 160px;
    --margin-bottom-200: 200px;
    --padding-zero: 0px;
    /* Padding Left Variables */
    --padding-left-5: 5px;
    --padding-left-10: 10px;
    --padding-left-15: 15px;
    --padding-left-20: 20px;
    --padding-left-25: 25px;
    --padding-left-30: 30px;
    --padding-left-35: 35px;
    --padding-left-40: 40px;
    --padding-left-45: 45px;
    --padding-left-50: 50px;
    --padding-left-55: 55px;
    --padding-left-60: 60px;
    --padding-left-65: 65px;
    --padding-left-70: 70px;
    --padding-left-75: 75px;
    --padding-left-80: 80px;
    --padding-left-85: 85px;
    --padding-left-90: 90px;
    --padding-left-95: 95px;
    --padding-left-100: 100px;
    --padding-left-105: 105px;
    --padding-left-110: 110px;
    --padding-left-120: 120px;
    --padding-left-130: 130px;
    --padding-left-140: 140px;
    --padding-left-150: 150px;
    --padding-left-160: 160px;
    --padding-left-170: 170px;
    --padding-left-180: 180px;
    --padding-left-190: 190px;
    --padding-left-200: 200px;
    --padding-left-210: 210px;
    --padding-left-220: 220px;
    /* Padding Top Variables */
    --padding-top-5: 5px;
    --padding-top-10: 10px;
    --padding-top-15: 15px;
    --padding-top-20: 20px;
    --padding-top-25: 25px;
    --padding-top-30: 30px;
    --padding-top-35: 35px;
    --padding-top-40: 40px;
    --padding-top-45: 45px;
    --padding-top-50: 50px;
    --padding-top-55: 55px;
    --padding-top-60: 60px;
    --padding-top-65: 65px;
    --padding-top-70: 70px;
    --padding-top-75: 75px;
    --padding-top-80: 80px;
    --padding-top-85: 85px;
    --padding-top-90: 90px;
    --padding-top-95: 95px;
    --padding-top-100: 100px;
    --padding-top-110: 110px;
    --padding-top-120: 120px;
    --padding-top-130: 130px;
    --padding-top-140: 140px;
    --padding-top-150: 150px;
    --padding-top-170: 170px;
    /* Padding Right Variables */
    --padding-right-5: 5px;
    --padding-right-10: 10px;
    --padding-right-15: 15px;
    --padding-right-20: 20px;
    --padding-right-25: 25px;
    --padding-right-30: 30px;
    --padding-right-35: 35px;
    --padding-right-40: 40px;
    --padding-right-45: 45px;
    --padding-right-50: 50px;
    --padding-right-55: 55px;
    --padding-right-60: 60px;
    --padding-right-65: 65px;
    --padding-right-70: 70px;
    --padding-right-75: 75px;
    --padding-right-80: 80px;
    --padding-right-85: 85px;
    --padding-right-90: 90px;
    --padding-right-95: 95px;
    --padding-right-100: 100px;
    --padding-right-110: 110px;
    --padding-right-115: 115px;
    --padding-right-120: 120px;
    --padding-right-130: 130px;
    --padding-right-135: 135px;
    --padding-right-140: 140px;
    --padding-right-150: 150px;
    --padding-right-160: 160px;
    --padding-right-170: 170px;
    --padding-right-200: 200px;
    --padding-right-250: 250px;
    /* Padding Bottom Variables */
    --padding-bottom-5: 5px;
    --padding-bottom-10: 10px;
    --padding-bottom-15: 15px;
    --padding-bottom-20: 20px;
    --padding-bottom-25: 25px;
    --padding-bottom-30: 30px;
    --padding-bottom-35: 35px;
    --padding-bottom-40: 40px;
    --padding-bottom-45: 45px;
    --padding-bottom-50: 50px;
    --padding-bottom-55: 55px;
    --padding-bottom-60: 60px;
    --padding-bottom-65: 65px;
    --padding-bottom-70: 70px;
    --padding-bottom-75: 75px;
    --padding-bottom-80: 80px;
    --padding-bottom-85: 85px;
    --padding-bottom-90: 90px;
    --padding-bottom-95: 95px;
    --padding-bottom-100: 100px;
    --padding-bottom-110: 110px;
    --padding-bottom-150: 150px;
    --padding-bottom-180: 180px;
    --padding-bottom-200: 200px;
    --padding-bottom-250: 250px;
}

/***

====================================================================
  Global Settings
====================================================================

***/
body {
    font-family: var(--solapa-catamaran-font);
    font-size: 14px;
    color: var(--text-color);
    line-height: 1.6em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
    padding: 0px 50px 0px;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

button,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    background: none;
    color: var(--heading-color);
    font-family: var(--solapa-smooch-font);
}

.owl-with-shadow .owl-stage-outer {
    overflow: visible;
}

.owl-with-shadow .owl-item {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease,
        -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease,
        -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease,
        -webkit-transform 500ms ease;
}

.owl-with-shadow .owl-item.active {
    opacity: 1;
    visibility: visible;
}

textarea {
    overflow: hidden;
}

.text,
p {
    position: relative;
    line-height: 1.7em;
    font-size: var(--font-18);
    color: var(--text-color);
}

.row {
    --bs-gutter-x: 30px;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
}

.theme-btn {
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.centered {
    text-align: center;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

/***

====================================================================
  Scroll To Top style
====================================================================

***/
.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-color: var(--solapa-base);
    font-size: var(--font-16);
    text-transform: uppercase;
    line-height: 38px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    color: var(--solapa-white);
    display: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: var(--solapa-base);
    background: var(--solapa-white);
}

/* List Style One */
.list-style-one {
    position: relative;
}

.list-style-one li {
    position: relative;
    color: var(--solapa-white);
    font-size: var(--font-16);
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: var(--margin-bottom-20);
    padding-left: var(--padding-left-30);
}

.list-style-one li a {
    position: relative;
    color: var(--solapa-white);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.list-style-one li a:hover {
    color: var(--solapa-base);
}

.list-style-one li .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    line-height: 1em;
    color: var(--solapa-white);
    font-size: var(--font-20);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/* Btn Style One */
.btn-style-one {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    padding: 14px 42px;
    display: inline-grid;
    color: var(--solapa-white);
    font-size: var(--font-18);
    text-transform: capitalize;
    font-family: var(--solapa-dmsans-font);
    background-color: var(--solapa-third-color);
}

.btn-style-one .txt {
    position: relative;
    z-index: 1;
}

.btn-style-one:before {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: absolute;
    width: 47px;
    height: 47px;
    content: "";
    right: -25px;
    bottom: -18px;
    border-radius: 50%;
    z-index: 1;
    background: var(--solapa-base);
}

.btn-style-one i {
    position: relative;
    z-index: 1;
    font-style: normal;
    display: inline-block;
    margin-left: var(--margin-left-5);
}

.btn-style-one:hover {
    color: var(--solapa-white);
}

.btn-style-one:hover:before {
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
}

/* Btn Style Two */
.btn-style-two {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    padding: 14px 44px;
    display: inline-grid;
    color: var(--solapa-white);
    font-size: var(--font-18);
    text-transform: capitalize;
    font-family: var(--solapa-dmsans-font);
    background-color: var(--solapa-base);
}

.btn-style-two .txt {
    position: relative;
    z-index: 1;
}

.btn-style-two:before {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: absolute;
    width: 47px;
    height: 47px;
    content: "";
    right: -25px;
    bottom: -18px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.15;
    background-color: var(--solapa-white);
}

.btn-style-two i {
    position: relative;
    z-index: 1;
    font-style: normal;
    display: inline-block;
    margin-left: var(--margin-left-5);
}

.btn-style-two:hover {
    color: var(--solapa-white);
}

.btn-style-two:hover:before {
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
}

/* Btn Style Three */
.btn-style-three {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    padding: 14px 44px;
    display: inline-grid;
    font-size: var(--font-18);
    text-transform: capitalize;
    color: var(--solapa-twentyone-color);
    font-family: var(--solapa-catamaran-font);
    background-color: var(--solapa-white);
}

.btn-style-three .txt {
    position: relative;
    z-index: 1;
}

.btn-style-three:before {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: absolute;
    width: 47px;
    height: 47px;
    content: "";
    right: -17px;
    bottom: -17px;
    border-radius: 50%;
    z-index: 1;
    background-color: var(--solapa-base);
}

.btn-style-three i {
    position: relative;
    z-index: 1;
    font-style: normal;
    display: inline-block;
    margin-left: var(--margin-left-5);
}

.btn-style-three:hover {
    color: var(--solapa-white);
}

.btn-style-three:hover:before {
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
}

.theme_color {
    color: var(--white-color-two);
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/***

====================================================================
  Section Title
====================================================================

***/
.section-title {
    position: relative;
    margin-bottom: var(--margin-bottom-60);
}

.section-title__tagline {
    position: relative;
    font-weight: 600;
    font-size: var(--font-16);
    text-transform: uppercase;
    color: var(--solapa-base);
}

.section-title__text {
    position: relative;
    opacity: 0.8;
    line-height: 34px;
    font-size: var(--font-20);
    margin-top: 20px;
    color: var(--solapa-fourteen-color);
}

.section-title__title {
    position: relative;
    font-weight: 700;
    line-height: 75px;
    font-size: var(--font-75);
    color: var(--solapa-third-color);
    margin-top: var(--margin-top-10);
}

.section-title__title span {
    color: var(--solapa-base);
}

.section-title.light .section-title__text,
.section-title.light .section-title__title {
    color: var(--solapa-white);
}

.section-title.light .section-title__tagline {
    color: var(--solapa-white);
}

.section-title.centered {
    text-align: center !important;
}

/* Custom Select */
.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: var(--font-16);
    font-style: normal;
    height: 56px;
    padding: 12px 20px 10px 20px;
    line-height: 32px;
    border: none;
    border-radius: 2px;
    background: var(--solapa-white);
    color: var(--solapa-thirtyeight-color);
    border: 1px solid var(--solapa-thirtynine-color);
}

.form-group .ui-button .ui-icon {
    background: none;
    position: relative;
    top: 2px;
    text-indent: 0px;
    color: #333333;
}

.form-group .ui-button .ui-icon:before {
    font-family: "FontAwesome";
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 2px !important;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: var(--text-color);
    line-height: 20px;
    font-size: var(--font-16);
    font-weight: normal;
    text-align: center;
    z-index: 5;
    font-weight: 800;
}

.ui-menu .ui-menu-item {
    font-size: var(--font-14);
}

.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: var(--solapa-base);
    border-color: var(--solapa-base);
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: var(--font-14);
    line-height: 24px;
}

.ui-menu-item:hover {
    background-color: var(--solapa-base);
}

/***

====================================================================
  Header style One
====================================================================

***/
/* Header Top */
.main-header__top {
    position: relative;
    background-color: var(--solapa-fourth-color);
}

.main-header__top .container {
    max-width: 1810px;
}

.main-header__info {
    position: relative;
    padding: 21px 0px;
    float: left;
    z-index: 1;
}

.main-header__info li {
    position: relative;
    float: left;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    margin-right: var(--margin-right-30);
}

.main-header__info li .icon {
    position: absolute;
    left: 0px;
    top: 2px;
    line-height: 1em;
    font-size: var(--font-26);
    color: var(--solapa-primary);
}

.main-header__info li:last-child .icon {
    top: -6px;
    font-size: 43px;
}

.main-header__info li:last-child {
    margin-right: 0px;
}

.main-header__info li:last-child a {
    padding-left: 52px;
}

.main-header__info li a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    padding-left: 34px;
}

.main-header__info li a:hover {
    color: var(--solapa-base);
}

.main-header__top-text {
    position: relative;
    font-weight: 400;
    float: left;
    padding: 21px 0px;
    font-size: var(--font-16);
    color: var(--solapa-third-color);
    margin-right: var(--margin-right-20);
}

.main-header__top-estimate {
    position: relative;
    float: left;
    margin: 12px 0px 0;
    margin-right: var(--margin-right-25);
}

.main-header__top-estimate a {
    position: relative;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--solapa-base);
    text-transform: uppercase;
    background-color: var(--solapa-white);
    padding: 7px 16px 5px;
    font-weight: 500;
    overflow: hidden;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    z-index: 1;
}

.main-header__top-estimate a:hover {
    color: var(--solapa-white);
}

.main-header__top-estimate a:before {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: absolute;
    width: 40px;
    height: 40px;
    content: "";
    right: -25px;
    bottom: -18px;
    border-radius: 50%;
    z-index: -1;
    background: var(--solapa-base);
}

.main-header__top-estimate a:hover:before {
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
}

/* Language Dropdown */
.main-header__language-dropdown {
    position: relative;
    float: left;
    padding: 19px 0px;
}

.main-header__language-dropdown button {
    border: 0px;
    background: none;
    font-size: var(--font-15);
    color: var(--solapa-fifth-color);
}

.header-top__flag-icon {
    position: relative;
    margin-right: 5px;
}

.main-header__language-dropdown .dropdown-toggle::after {
    position: relative;
    content: "\e928";
    border: 0px;
    top: 4px;
    line-height: 1em;
    font-size: var(--font-12);
    font-family: "icomoon";
}

.main-header__language-list {
    position: relative;
    border: 0px;
    padding: 0px;
    border-radius: 0px;
    margin-top: var(--margin-top-20) !important;
}

.main-header__language-list li {
    position: relative;
    display: block;
}

.main-header__language-list li a {
    position: relative;
    display: block;
    padding: 8px 14px;
    font-size: var(--font-14);
    color: var(--solapa-white);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--solapa-fifth-color);
}

.main-header__language-list li a:hover {
    background-color: var(--solapa-base);
}

/* Cart Box */
.main-header__cart-box {
    position: relative;
    float: left;
    z-index: 10;
    line-height: 1em;
    background: none;
    color: var(--main-color);
    padding: 22px 0px 21px;
    font-size: var(--font-16);
    margin-left: var(--margin-left-10);
}

.main-header__cart-box button {
    border: 0px;
    background: none;
}

.main-header__cart-box button::after {
    display: none;
}

.main-header__total-cart {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 18px;
    height: 18px;
    color: var(--solapa-white);
    font-size: var(--font-10);
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    background-color: var(--solapa-primary);
}

.main-header__cart-product {
    position: relative;
    margin-bottom: var(--margin-bottom-20);
    min-height: 90px;
    border-bottom: 1px solid #e4e4e4;
}

.main-header__cart-product .inner {
    position: relative;
    padding-left: var(--padding-left-90);
    min-height: 70px;
}

.main-header__cross-icon {
    position: absolute;
    right: 0px;
    top: -2px;
    z-index: 1;
    cursor: pointer;
    color: var(--dark-color);
    font-size: var(--font-18);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header__cross-icon:hover {
    color: var(--main-color);
}

.main-header__cart-image {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0px;
    top: 0px;
}

.main-header__cart-title {
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: var(--font-18);
    margin: var(--margin-zero);
    text-transform: capitalize;
}

.main-header__cart-title a {
    color: var(--dark-color-two);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-header__cart-title a:hover {
    color: var(--main-color);
}

.main-header__quantity-text {
    position: relative;
    font-weight: 300;
    color: var(--dark-color);
    font-size: var(--font-14);
    margin-top: var(--margin-top-5);
    margin-bottom: var(--margin-zero);
}

.main-header__cart-price {
    position: relative;
    font-weight: 700;
    font-size: var(--font-16);
    margin-top: var(--margin-top-5);
    color: var(--dark-color);
}

.main-header__cart-panel {
    left: auto !important;
    right: 0px !important;
    border-radius: 0px;
    padding: 20px 20px;
    min-width: 300px;
    margin-top: var(--margin-top-40) !important;
    z-index: -1;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    border: 3px solid var(--main-color);
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.main-header__cart-total {
    color: var(--dark-color-two);
    font-size: var(--font-15);
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
}

.main-header__cart-total span {
    font-weight: 800;
    font-size: var(--font-16);
}

.main-header__cart-btns {
    position: relative;
    text-align: center;
    margin-top: var(--margin-top-20);
}

.main-header__cart-btns li {
    position: relative;
    margin: 0px 5px;
    display: inline-block;
}

.main-header__cart-btns li a {
    position: relative;
    color: var(--white-color);
    font-weight: 500;
    font-size: var(--font-12);
    padding: 10px 20px 8px;
    border-radius: 0px;
    display: inline-block;
    background-color: var(--solapa-base);
    color: var(--solapa-white);
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-header__cart-btns li a:hover {
    background-color: var(--solapa-primary);
}

/* Main Header */
.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 99;
    width: 100%;
}

.main-header:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    height: 143px;
    background-color: var(--solapa-white);
}

.default-header.main-header:before {
    height: initial;
}

.main-header__lower {
    position: relative;
}

.main-header__lower .container {
    position: relative;
    max-width: 1810px;
}

.main-header__lower__inner {
    position: relative;
}

.main-header__logo-box {
    position: relative;
    z-index: 1;
    float: left;
    top: 10px;
    margin-left: -30px;
    padding: 35px 55px 0px;
}

.default-header .main-header__logo-box {
    top: 0;
    padding: 0;
    margin-left: 0;
}

.default-header .main-header__logo-box h1 {
    font-size: 65px;
    text-transform: capitalize;
    padding-top: 20px;
}

.main-header__logo-box:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 279px;
    height: 190px;
    background: url(assets/images/shapes/logo-shape.png) center top no-repeat;
}

.default-header .main-header__logo-box:before {
    content: "";
    position: relative;
}

.main-header__logo-box img {
    position: relative;
    top: 9px;
}

.main-header__logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .nav-outer {
    position: relative;
    float: left;
    z-index: 1;
    margin-left: var(--margin-left-80);
}

.default-header.main-header .nav-outer {
    margin-left: 0;
}

.default-header.main-header .nav-outer {
    float: right;
}

/* Main Menu */
.main-menu__menu-box {
    position: relative;
    float: left;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu__menu-box .navbar-collapse {
    padding: 0px;
    float: left;
    display: block !important;
}

.main-menu__navigation {
    position: relative;
    margin: 0px;
}

.main-menu__navigation>li {
    position: relative;
    float: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    margin-right: var(--margin-right-40);
}

.main-menu__navigation>li .dropdown-btn {
    display: none;
}

.sticky-header .main-menu__navigation>li>a {
    padding: 23px 0px;
    color: var(--dark-color);
}

.sticky-header .main-menu__navigation>li:hover>a,
.sticky-header .main-menu__navigation>li.current>a {
    color: var(--solapa-base);
    background-color: inherit !important;
}

/* Phone Box */
.main-header__phone-box {
    position: relative;
    float: left;
}

.main-header__phone-inner {
    position: relative;
    font-weight: 400;
    font-size: var(--font-15);
    padding-left: var(--padding-left-75);
    color: rgba(var(--solapa-third-color-rgb), 0.7);
}

.main-header__phone-box .main-header__phone-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-size: var(--font-26);
    border-radius: 50px;
    color: var(--solapa-third-color);
    background-color: var(--solapa-seven-color);
    transition: all 500ms ease;
}

.main-header__phone-box .main-header__phone-icon:hover {
    background-color: var(--solapa-base);
    color: #fff;
}

.main-header__phone-number {
    position: relative;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-24);
    margin-top: var(--margin-top-5);
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: var(--solapa-smooch-font);
}

.main-header__phone-number:hover {
    color: var(--solapa-base);
}

.main-header__button-box {
    position: relative;
    float: left;
    margin-left: var(--margin-left-40);
}

/*Sticky Header*/
.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: var(--solapa-white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.sticky-header .mobile-nav-toggler {
    display: none;
    cursor: pointer;
    color: var(--black-color);
    font-size: var(--font-30);
    font-family: "FontAwesome";
}

.sticky-header__logo {
    padding: 8px 0px;
}

.header-style-two .sticky-header__logo {
    padding: 15px 0px;
}

.main-header.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-menu__navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 500;
    padding: 47px 0px;
    font-size: var(--font-18);
    color: var(--solapa-six-color);
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu__navigation>li:last-child {
    margin-right: var(--margin-zero);
}

.main-menu__navigation>li:last-child>a {
    padding-right: 0px;
}

.main-menu__navigation>li:last-child ul {
    right: 0px;
}

.main-menu__navigation>li:hover>a,
.main-menu__navigation>li.current>a,
.main-menu__navigation>li.current>a,
.main-menu__navigation>li.current-menu-ancestor>a,
.main-menu__navigation>li.current_page_item>a,
.main-menu__navigation>li.current-menu-item>a,
.main-menu__navigation>li.current-menu-parent>a,
.main-menu__navigation>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li.current-menu-ancestor>a,
.stricky-header .main-menu__list>li.current_page_item>a,
.stricky-header .main-menu__list>li.current-menu-item>a,
.stricky-header .main-menu__list>li.current-menu-parent>a {
    opacity: 1;
    color: var(--solapa-base) !important;
}

.main-menu__navigation>li>ul {
    margin: 0;
    position: absolute;
    width: 15rem;
    transform: perspective(300px) scaleY(0) translateZ(30px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border-radius: 0px;
    background-color: var(--solapa-white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu__navigation>li>ul>li {
    position: relative;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-menu__navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu__navigation>li>ul>li>a {
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--solapa-black);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu__navigation>li>ul>li:hover>a {
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

.main-menu__navigation>li>ul>li>ul {
    margin: 0;
    position: absolute;
    left: 100%;
    top: 0px;
    width: 15rem;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border-radius: 0px;
    background-color: var(--solapa-white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu__navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu__navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-menu__navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu__navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--solapa-black);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu__navigation>li>ul>li>ul>li:hover>a {
    color: var(--white-color);
    background-color: var(--solapa-blue-color);
}

.main-menu__navigation>li>ul>li>ul>li:hover>a {
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

.main-menu__navigation>li.dropdown:hover>ul {
    transform: perspective(300px) scaleY(1) translateZ(0);
    opacity: 1;
    visibility: visible;
}

.main-menu__navigation li>ul>li.dropdown:hover>ul {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}

.default-header .main-menu__navigation li>ul>li.dropdown:hover>ul {
    margin-left: 0;
}

.main-menu__menu-box .dropdown-btn {
    display: none;
}

.main-header__contact-list {
    position: relative;
    float: left;
    padding: 29px 0px;
}

.main-header__contact-list li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-90);
    padding-left: var(--padding-left-75);
}

.main-header__contact-list li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    line-height: 57px;
    text-align: center;
    display: inline-block;
    font-size: var(--font-26);
    color: var(--solapa-twentyeight-color);
    background-color: var(--solapa-white);
    transition: all 500ms ease;
}

.main-header__contact-list li .icon:hover {
    background-color: var(--solapa-base, #fc8f14);
    color: #fff;
}

.main-header__contact-list li:last-child .icon {
    font-size: 43px;
}

.main-header__contact-list li p {
    margin: var(--margin-zero);
    font-size: var(--font-15);
    color: rgba(var(--solapa-white-rgb), 0.7);
}

.main-header__contact-list li h5 {
    font-weight: 700;
    font-size: var(--font-24);
    color: var(--solapa-white);
}

.main-header__contact-list li h5 a {
    color: var(--solapa-white);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header__contact-list li h5 a:hover {
    color: var(--solapa-primary);
}

.main-header__contact-list li:last-child {
    margin-right: var(--margin-zero);
}

.header-search__box {
    position: relative;
    width: 55px;
    height: 55px;
    cursor: pointer;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-18);
    color: var(--text-color);
    margin-left: var(--margin-left-25);
    background-color: var(--solapa-thirtytwo-color);
    text-shadow: 0 0 1px currentColor;
    transition: all 500ms ease;
}

.header-search__box:hover {
    background-color: var(--solapa-third-color);
    color: #fff;
}

.main-header-two__social {
    position: relative;
    float: left;
    padding: 32px 0px;
}

.main-header-two__social a {
    position: relative;
    width: 56px;
    height: 56px;
    line-height: 54px;
    display: inline-block;
    color: var(--solapa-white);
    text-align: center;
    border-radius: 50px;
    font-size: var(--font-18);
    margin-left: var(--margin-left-5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header-two__social a:hover {
    border-color: var(--solapa-base);
    background-color: var(--solapa-base);
}

.main-header__btn-box {
    position: relative;
    float: left;
    padding: 31px 0px;
    margin-left: var(--margin-left-25);
}

/* Main Header Location Box */
.main-header__location-box {
    position: relative;
    float: left;
    padding: 33.5px 30px;
    margin-right: var(--margin-right-5);
    background-color: var(--solapa-thirtythree-color);
}

.main-header__location-inner {
    position: relative;
    font-size: var(--font-18);
    color: var(--solapa-twentyeight-color);
    padding-left: var(--padding-left-35);
}

.main-header__location-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 1em;
    font-size: var(--font-24);
    color: var(--solapa-primary);
}

.header-style-two .container {
    max-width: 1800px;
}

.main-header__upper {
    background-color: var(--solapa-twentyeight-color);
}

.header-style-two:before {
    display: none;
}

.header-style-two .main-header__logo-box {
    top: 0px;
    padding: 20px 25px;
    margin-right: var(--margin-right-60);
}

.header-style-two .main-header__logo-box:before {
    background-image: none;
    width: auto;
    height: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.02;
    background-color: var(--solapa-white);
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}

.header-style-two .main-header__logo-box img {
    top: 0px;
}

.header-style-two .main-menu__navigation>li>a {
    padding: 30px 0px;
}

.header-style-two .main-header__lower .outer-box {
    padding: var(--padding-zero);
}

.header-style-two .main-header__cart-box {
    padding: 38px 0px 30px;
}

.header-style-two .nav-outer {
    margin-left: var(--margin-left-40);
}

.header-style-two .header-search__box {
    margin: 17.5px 0px 17.5px 25px;
}

.main-header__agent-box {
    position: relative;
    float: left;
    padding: 33.5px 0px;
    font-size: var(--font-18);
    padding-right: var(--padding-right-25);
    color: var(--solapa-twentyeight-color);
    background-color: var(--solapa-thirtythree-color);
}

.main-header__agent-box a {
    position: relative;
    font-weight: 500;
    padding: 3px 10px;
    font-size: var(--font-16);
    color: var(--solapa-base);
    margin-left: var(--margin-left-10);
    background-color: var(--solapa-thirtyfour-color);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    z-index: 1;
}

.main-header__agent-box a:hover {
    color: var(--solapa-white);
    background: var(--solapa-base);
}

.main-header__agent-box:before {
    position: absolute;
    content: "";
    top: 0px;
    right: 100%;
    width: 200%;
    bottom: 0px;
    background-color: var(--solapa-thirtythree-color);
}

/***

====================================================================
  Search Popup
====================================================================

***/
.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.search-popup .color-layer {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.sidenav-bar-visible .search-popup {
    width: 80%;
}

.search-popup:after {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-image: url(assets/images/icons/waves-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0px;
    content: "";
}

.search-active .search-popup {
    transform: translateY(0%);
    margin-top: var(--margin-zero);
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    border: 0px;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--solapa-base);
    width: 70px;
    padding: 0px 0px;
    cursor: pointer;
    border-bottom: 3px solid var(--solapa-white);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: var(--font-30);
    line-height: 70px;
    color: var(--solapa-white);
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    z-index: 999;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: var(--solapa-white);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group {
    position: relative;
    margin: var(--margin-zero);
    overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    border: 0px;
    font-size: var(--font-18);
    line-height: 50px;
    color: var(--black-color);
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: var(--solapa-white);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: var(--font-24);
    color: var(--black-color);
    padding: 0;
    cursor: pointer;
    border: 0px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
    color: var(--black-color);
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: var(--black-color);
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: var(--white-color);
    width: auto;
    height: auto;
    top: 25px;
    margin: 0px;
    border: none;
    background: none !important;
    box-shadow: none !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .close-search.style-two span {
    font-size: var(--font-20);
    color: var(--white-color);
}

/***

====================================================================
  Mobile Menu
====================================================================

***/
.main-header .mobile-nav-toggler {
    position: relative;
    float: right;
    display: none;
    cursor: pointer;
    line-height: 44px;
    padding: 0px 0px 0px;
    color: var(--solapa-dark);
    font-size: var(--font-30);
    font-family: "FontAwesome";
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 999999;
}

.admin-bar .mobile-menu {
    top: 20px;
}

.mobile-menu__logo {
    position: relative;
    padding: 20px 20px;
    text-align: left;
}

.mobile-menu__logo h1 {
    color: #fff;
}

.mobile-menu__logo img {
    max-width: 200px;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    visibility: visible;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 1;
    width: 100%;
    visibility: visible;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .mobile-menu__box {
    position: absolute;
    right: -400px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: var(--solapa-black);
    padding: 0px 0px;
    z-index: 5;
    border-radius: 0px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu__contact-list {
    position: relative;
    margin-top: var(--margin-top-25);
    margin-left: var(--margin-left-15);
}

.mobile-menu__contact-list li {
    position: relative;
    padding-top: 2px;
    padding-left: var(--padding-left-40);
    margin-bottom: var(--margin-bottom-15);
}

.mobile-menu__contact-list li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

.mobile-menu__contact-list>li>a {
    position: relative;
    color: var(--solapa-white);
    font-size: var(--font-16);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.mobile-menu__contact-list>li>a:hover {
    color: var(--solapa-base);
}

/* Social Box */
.mobile-menu__social {
    position: relative;
    margin-top: var(--margin-top-25);
    margin-left: var(--margin-left-15);
    padding-bottom: var(--padding-bottom-50);
}

.mobile-menu__social li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-5);
}

.mobile-menu__social li a {
    position: relative;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 50px;
    color: var(--solapa-white);
    background-color: var(--solapa-base);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.mobile-menu__social li a:hover {
    background-color: var(--solapa-white);
    color: var(--solapa-base);
}

.mobile-menu-visible .mobile-menu .mobile-menu__box {
    right: 0px;
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

.mobile-menu .close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: var(--font-20);
    color: var(--solapa-white);
    cursor: pointer;
    z-index: 10;
    background-color: var(--solapa-black);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: "FontAwesome";
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}

.mobile-menu .close-btn:hover {
    opacity: 0.5;
}

.mobile-menu .mobile-menu__outer li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-menu li>ul>li:last-child {
    border-bottom: none;
}

.mobile-menu li.dropdown .dropdown-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: #404040;
    cursor: pointer;
    z-index: 5;
}

.mobile-menu li>ul,
.mobile-menu li>ul>li>ul {
    display: none;
}

.mobile-menu li>ul>li>a {
    padding-left: 30px;
}

.mobile-menu li>ul>li>ul {
    padding-left: 0px;
}

.mobile-menu li>ul>li>ul>li>a {
    padding-left: 40px;
}

.mobile-menu .close-btn:hover {
    opacity: 0.5;
}

.mobile-menu li>ul>li:last-child {
    border-bottom: none;
}

.mobile-menu li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-menu .mobile-menu__outer li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 15px;
    font-size: var(--font-16);
    color: var(--solapa-white);
    text-transform: capitalize;
}

.mobile-menu .mobile-menu__outer li:hover>a,
.mobile-menu .mobile-menu__outer li.current>a {
    color: var(--solapa-base);
}

.mobile-menu li.dropdown .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 5px;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 3px;
    color: var(--solapa-white);
    font-size: var(--font-16);
    background-color: var(--solapa-base);
    line-height: 34px;
    cursor: pointer;
    z-index: 5;
}

.mobile-menu li>ul,
.mobile-menu li>ul>li>ul {
    display: none;
}

.sticky-header .navbar-header {
    display: none;
}

.main-header__lower .outer-box {
    position: relative;
    float: right;
    padding: 33px 0px;
}

.mobile-menu .menu-box .mCSB_scrollTools {
    width: 3px;
}

/***

====================================================================
  Main Slider Section
====================================================================

***/
/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider {
    position: relative;
    display: block;
    z-index: 91;
}

.main-slider .swiper-slide {
    position: relative;
    background-color: var(--solapa-black);
}

.main-slider .container {
    position: relative;
    z-index: 30;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (min-width: 1200px) {
    .main-slider .container {
        padding-top: 155px;
        padding-bottom: 190px;
    }
}

.main-slider .image-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in,
        -webkit-transform 7000ms ease;
    z-index: 1;
}

.main-slider .swiper-slide-active .image-layer {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.main-slider__shape-1 {
    position: absolute;
    top: 125px;
    right: 135px;
    z-index: 1;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.main-slider__shape-1 img {
    width: auto;
}

.main-slider__shape-2 {
    position: absolute;
    bottom: 50px;
    right: 65px;
    z-index: 1;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.main-slider__shape-2 img {
    width: auto;
}

.main-slider__shape-group {
    position: relative;
    display: block;
}

.main-slider__shape-7 {
    position: absolute;
    left: -174px;
    top: 166px;
    border-radius: 50%;
    background-color: #95b9d4;
    opacity: 0.102;
    width: 598px;
    height: 598px;
}

.main-slider__shape-8 {
    position: absolute;
    left: -72px;
    top: 225px;
    border-radius: 50%;
    background-color: #2ab684;
    width: 195px;
    height: 195px;
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
}

.main-slider__shape-9 {
    position: absolute;
    right: 167px;
    top: 455px;
    border-radius: 50%;
    background-color: #fc8f14;
    width: 195px;
    height: 195px;
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
}

.main-slider__shape-3 {
    position: absolute;
    top: 135px;
    left: 0;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.main-slider__shape-3 img {
    width: auto;
}

.main-slider__shape-4 {
    position: absolute;
    top: 131px;
    right: 195px;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.main-slider__shape-4 img {
    width: auto;
}

.main-slider__shape-5 {
    position: absolute;
    top: 581px;
    right: 145px;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.main-slider__shape-5 img {
    width: auto;
}

.main-slider__shape-6 {
    position: absolute;
    top: 290px;
    left: 85px;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.main-slider__shape-6 img {
    width: auto;
}

.main-slider__content {
    position: relative;
    display: block;
    text-align: left;
}

.main-slider__inner {
    position: relative;
    display: block;
}

.main-slider__content-left {
    position: relative;
    display: block;
    z-index: 1;
}

.main-slider__content-img {
    position: absolute;
    top: 5px;
    left: -150px;
    transform: translateX(-100%);
    z-index: 2;
}

.main-slider__content-img img {
    width: auto;
}

.swiper-slide-active .main-slider__content-img {
    opacity: 1;
    transform: translateX(0px);
    transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
        background 500ms ease;
}

.main-slider__content-right {
    position: relative;
    display: block;
}

.main-slider__sub-title-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

.main-slider__sub-title-icon {
    margin-right: 6px;
}

.main-slider__sub-title-icon img {
    width: auto;
}

.main-slider__sub-title {
    font-size: 16px;
    color: var(--solapa-white);
    font-weight: 500;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.main-slider__title {
    color: var(--solapa-white);
    opacity: 0;
    line-height: 100px;
    font-weight: 700;
    font-size: var(--font-110);
    margin-bottom: 63px;
    font-family: var(--solapa-smooch-font);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

.main-slider__btn-box {
    position: relative;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

.main-slider .swiper-slide-active .main-slider__title,
.main-slider .swiper-slide-active .main-slider__sub-title-box,
.main-slider .swiper-slide-active .main-slider__btn-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}

.main-slider__nav {
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translateY(-50%) translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0;
    line-height: 0;
}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 100;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: rgba(var(--solapa-white-rgb), 1);
    background-color: rgba(193, 222, 243, 0.3);
    border-radius: 50%;
    margin: 0;
    text-align: center;
    transition: all 500ms ease;
    padding: 23px 0;
}

.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
    color: rgba(var(--solapa-white-rgb), 1);
    background-color: black;
}

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
    display: none;
}

/***

====================================================================
  Main Slider Two
====================================================================

***/
.main-slider-two {
    position: relative;
    display: block;
    border-top: 1px solid #9adedf;
    z-index: 91;
}

.main-slider-two .swiper-slide {
    position: relative;
    background-color: var(--solapa-black);
}

.main-slider__two-shape-1 {
    position: absolute;
    bottom: 75px;
    left: 35px;
    z-index: 2;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.main-slider__two-shape-1 img {
    width: auto;
}

.main-slider__two-shape-2 {
    position: absolute;
    bottom: 180px;
    left: 440px;
    z-index: 1;
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.main-slider__two-shape-2 img {
    width: auto;
}

.main-slider__two-shape-3 {
    position: absolute;
    bottom: 75px;
    right: 100px;
    z-index: 1;
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
}

.main-slider__two-shape-3 img {
    width: auto;
}

.main-slider__two-img {
    position: absolute;
    bottom: 0;
    left: 25px;
    transform: translateX(-100%);
    z-index: 1;
    display: none;
}

@media (min-width: 992px) {
    .main-slider__two-img {
        display: block;
    }
}

.main-slider__two-img img {
    width: auto;
}

.swiper-slide-active .main-slider__two-img {
    opacity: 1;
    transform: translateX(0px);
    transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
        background 500ms ease;
}

.main-slider-two .container {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    z-index: 30;
}

@media (min-width: 1200px) {
    .main-slider-two .container {
        padding-top: 140px;
        padding-bottom: 180px;
    }
}

.image-layer-two {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in,
        -webkit-transform 7000ms ease;
    z-index: 1;
}

.main-slider-two .swiper-slide-active .image-layer-two {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.image-layer-two:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-image: -moz-linear-gradient(-90deg, rgba(112, 115, 115, 0.8) 0%, rgba(112, 115, 115, 0.4) 58%, rgba(112, 115, 115, 0.8) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(112, 115, 115, 0.8) 0%, rgba(112, 115, 115, 0.4) 58%, rgba(112, 115, 115, 0.8) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(112, 115, 115, 0.8) 0%, rgba(112, 115, 115, 0.4) 58%, rgba(112, 115, 115, 0.8) 100%);
}

.main-slider__two-content {
    position: relative;
    display: block;
    text-align: center;
}

.main-slider__two-top {
    position: relative;
    display: block;
    margin-bottom: 21px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

.main-slider__two-top-icon {
    position: relative;
    display: block;
    margin-bottom: 3px;
}

.main-slider__two-top-icon span {
    font-size: 35px;
    color: var(--solapa-primary);
}

.main-slider__two-top-text {
    position: relative;
    font-weight: 500;
    line-height: 1.6em;
    color: var(--solapa-white);
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--solapa-catamaran-font);
    margin: 0;
}

.main-slider__two-title {
    color: var(--solapa-white);
    line-height: 100px;
    font-weight: 700;
    font-size: var(--font-110);
    margin-bottom: 20px;
    font-family: var(--solapa-smooch-font);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

@media (min-width: 992px) {
    .main-slider__two-title {
        margin-bottom: var(--margin-bottom-35);
    }
}

.main-slider__two-text {
    color: var(--solapa-white);
    line-height: 36px;
    font-weight: 400;
    margin-bottom: var(--margin-bottom-30);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

@media (min-width: 992px) {
    .main-slider__two-text {
        margin-bottom: var(--margin-bottom-50);
    }
}

.main-slider__two-btn-box {
    position: relative;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

.main-slider-two .swiper-slide-active .main-slider__two-top,
.main-slider-two .swiper-slide-active .main-slider__two-title,
.main-slider-two .swiper-slide-active .main-slider__two-text,
.main-slider-two .swiper-slide-active .main-slider__two-btn-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}

/***

====================================================================
  Main Slider Two
====================================================================

***/
.main-slider-three {
    position: relative;
    display: block;
    z-index: 91;
}

.main-slider-three .swiper-slide {
    position: relative;
    background-color: var(--solapa-black);
}

.main-slider-three .container {
    position: relative;
    z-index: 30;
    padding-top: 120px;
    padding-bottom: 135px;
}

@media (min-width: 1200px) {
    .main-slider-three .container {
        padding-top: 201px;
        padding-bottom: 205px;
    }
}

.image-layer-three {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in,
        -webkit-transform 7000ms ease;
    z-index: 1;
}

.main-slider-three .swiper-slide-active .image-layer-three {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.image-layer-three:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 950px;
    content: "";
    background: #5b7880;
    background: linear-gradient(90deg, #5b7880 38%, rgba(91, 120, 128, 0.000437675) 87%);
}

.main-slider__three-img {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    z-index: 2;
    display: none;
}

@media (min-width: 768px) {
    .main-slider__three-img {
        display: block;
    }
}

.main-slider__three-img img {
    width: auto;
}

.swiper-slide-active .main-slider__three-img {
    opacity: 1;
    transform: translateX(0px);
    transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
        background 500ms ease;
}

.main-slider__three-shape-1 {
    position: absolute;
    bottom: 369px;
    right: 434px;
    z-index: 1;
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
}

.main-slider__three-shape-1 img {
    width: auto;
}

.main-slider__three-left {
    position: relative;
    display: block;
}

.main-slider__three-title {
    font-size: var(--font-110);
    color: var(--solapa-white);
    line-height: 100px;
    font-weight: 700;
    margin-bottom: 63px;
    font-family: var(--solapa-smooch-font);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
    z-index: 1;
}

.main-slider__three-title span {
    position: relative;
}

.main-slider__three-title span::before {
    position: absolute;
    content: "";
    left: 3px;
    bottom: 27px;
    height: 14px;
    right: 17px;
    z-index: -1;
    background-color: var(--solapa-fourtyone-color);
}

.main-slider__three-btn-box {
    position: relative;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease,
        -webkit-transform 2000ms ease;
}

.main-slider-three .swiper-slide-active .main-slider__three-title,
.main-slider-three .swiper-slide-active .main-slider__three-btn-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}

.main-slider__three-right {
    position: relative;
    display: block;
    margin-left: -13px;
    margin-right: 58px;
    display: none;
}

@media (min-width: 992px) {
    .main-slider__three-right {
        display: block;
    }
}

.main-slider__three-play-box {
    position: absolute;
    top: 313px;
    left: 0;
}

.main-slider__three-play-box:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    height: 3px;
    background: #2ab785;
    background: linear-gradient(90deg, #2ab785 23%, rgba(42, 183, 133, 0) 56%);
    z-index: 2;
}

.main-slider__three-play-box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    height: 3px;
    background: #2ab785;
    background: linear-gradient(90deg, #2ab785 23%, rgba(42, 183, 133, 0) 56%);
    z-index: 2;
}

.main-slider__three-play {
    position: relative;
    display: block;
    padding: 33px 65px 40px;
    z-index: 1;
}

.main-slider__three-play:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: white;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 30%);
}

.main-slider__three-play-title {
    font-size: var(--font-40);
    font-weight: 700;
    line-height: 40px;
    color: var(--solapa-third-color);
    margin: 0;
    margin-bottom: 20px;
}

.main-slider__three-play-text {
    font-size: var(--font-22);
    font-weight: 400;
    line-height: 32px;
    color: var(--solapa-third-color);
}

.main-slider__three-video-link {
    position: absolute;
    top: 50%;
    left: -37px;
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    z-index: 1;
}

.main-slider__three-video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 77px;
    height: 77px;
    line-height: 97px;
    text-align: center;
    font-size: 23px;
    color: var(--solapa-base);
    border: 1px solid var(--solapa-base);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.main-slider__three-video-icon:hover {
    background-color: var(--solapa-base);
    color: var(--solapa-white);
}

.main-slider__three-video-icon:before {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    content: "";
    border-radius: 50%;
    background-color: var(--solapa-white);
    box-shadow: 0px 0px 32px 0px rgba(207, 204, 204, 0.45);
    z-index: -1;
}

.main-slider__three-video-link .ripple,
.main-slider__three-video-icon .ripple:before,
.main-slider__three-video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 93px;
    height: 93px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--solapa-base-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--solapa-base-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--solapa-base-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--solapa-base-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    border-radius: 50%;
}

.main-slider__three-video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.main-slider__three-video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}

#main-slider-pagination {
    z-index: 10;
    bottom: 38px;
    left: 50%;
    width: 100%;
    max-width: 1170px;
    -webkit-transform: translate(-50%, calc(-50% + 95px));
    transform: translate(-50%, calc(0% + 0px));
    text-align: left;
}

#main-slider-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 8px;
    border-radius: 3px;
    background-color: #fff !important;
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
}

#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px;
}

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 28px;
    background-color: var(--solapa-base) !important;
    opacity: 1;
}

/***

====================================================================
  Energy One
====================================================================

***/
.energy-one {
    position: relative;
    overflow: hidden;
    padding: 120px 0px 90px;
    background-color: var(--solapa-nine-color);
}

.energy-one__color {
    position: absolute;
    left: -200px;
    top: 30%;
    width: 469px;
    height: 469px;
    border-radius: 50%;
    background-color: var(--solapa-twelve-color);
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.energy-one__color-two {
    position: absolute;
    right: -240px;
    top: 30%;
    width: 469px;
    height: 469px;
    border-radius: 50%;
    background-color: var(--solapa-thirteen-color);
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.energy-one__shape-one {
    position: absolute;
    top: 285px;
    left: 85px;
    height: 70px;
    width: 70px;
    background-repeat: no-repeat;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.energy-one__shape-two {
    position: absolute;
    left: -20px;
    top: -20px;
    width: 64px;
    height: 98px;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.energy-one__shape-three {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 132px;
    height: 87px;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.energy-one__shape-four {
    position: absolute;
    right: 40px;
    top: 250px;
    width: 64px;
    height: 98px;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.energy-one__shape-five {
    position: absolute;
    right: 70px;
    top: 77%;
    width: 77px;
    height: 75px;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.energy-one__content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.energy-one__content-column .section-title {
    margin-bottom: var(--margin-bottom-25);
}

.enerygy-one__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-eight-color);
    padding-right: var(--padding-right-50);
    margin-bottom: var(--margin-bottom-20);
}

.enerygy-one__text-two {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-20);
    color: var(--solapa-eight-color);
    margin-bottom: var(--margin-bottom-40);
    padding-right: var(--padding-right-80);
}

.enerygy-one__client-box {
    position: relative;
    margin-right: -10px;
}

.enerygy-one__client-box {
    position: relative;
    padding: 60px 35px;
    border-radius: 6px;
    font-weight: 600;
    line-height: 38px;
    color: var(--solapa-white);
    font-size: var(--font-36);
    background-color: var(--solapa-second-color);
    font-family: var(--solapa-smooch-font);
}

.enerygy-one__client-box span {
    position: relative;
    color: var(--solapa-primary);
}

.enerygy-one__client-box::before {
    position: absolute;
    content: "";
    left: 35px;
    top: 30px;
    width: 10px;
    height: 10px;
    background-color: var(--solapa-base);
}

.enerygy-one__client-box::after {
    position: absolute;
    content: "";
    right: 45px;
    bottom: 40px;
    width: 10px;
    height: 10px;
    background-color: var(--solapa-white);
}

/* Phone Box */
.energy-one__phone-box {
    position: relative;
    margin-left: var(--margin-left-5);
    margin-top: var(--margin-top-40);
}

.energy-one__phone-box.alternate {
    margin: var(--margin-zero);
}

.energy-one__phone-inner {
    position: relative;
    font-weight: 600;
    font-size: var(--font-28);
    color: var(--solapa-third-color);
    padding-top: var(--padding-top-5);
    padding-left: var(--padding-left-80);
    font-family: var(--solapa-smooch-font);
}

.energy-one__phone-box .energy-one__phone-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 68px;
    height: 68px;
    line-height: 68px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: var(--font-30);
    color: var(--solapa-third-color);
    background-color: var(--solapa-ten-color);
    transition: all 500ms ease;
}

.energy-one__phone-box .energy-one__phone-icon:hover {
    background-color: var(--solapa-base, #fc8f14);
    color: #fff;
}

.energy-one__phone-number {
    position: relative;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-24);
    margin-top: var(--margin-top-10);
    color: var(--solapa-primary);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: var(--solapa-smooch-font);
}

.energy-one__phone-number:hover {
    color: var(--solapa-base);
}

.energy-one__btn-box {
    position: relative;
    margin-left: var(--margin-left-5);
    margin-top: var(--margin-top-40);
}

.energy-one__images-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.energy-one__images-column .inner-column {
    position: relative;
}

.energy-one__image {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.energy-one__image-two {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin-top: var(--margin-top-50);
}

.energy-one__image-three {
    position: relative;
    top: 35px;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin-left: var(--margin-left-15);
}

.energy-one__color-three {
    position: absolute;
    left: 60px;
    top: 45px;
    width: 428px;
    height: 526px;
    background-color: var(--solapa-eleven-color);
}

/***

====================================================================
  Service One
====================================================================

***/
.service-one {
    position: relative;
    padding: 120px 0px 190px;
    background-color: var(--solapa-fifteen-color);
}

.service-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.service-one__single-inner {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 15px 35px 50px;
    background-color: var(--solapa-white);
}

.service-one__single-inner:hover::before {
    background-color: var(--solapa-third-color);
    border-color: var(--solapa-third-color);
}

.service-one__single-inner::before {
    position: absolute;
    content: "";
    left: 50%;
    top: -45px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    transform: translateX(-50%);
    background-color: var(--solapa-sixteen-color);
    border: 1px solid var(--solapa-seventeen-color);
    transition: all 500ms ease;
}

.service-one__icon {
    position: relative;
    line-height: 1em;
    font-size: var(--font-40);
    color: var(--solapa-third-color);
    transition: all 500ms ease;
}

.service-one__single-inner:hover .service-one__icon {
    color: #fff;
}

.service-one__title {
    position: relative;
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-35);
    margin-bottom: var(--margin-bottom-15);
}

.service-one__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 500ms ease;
}

.service-one__title a:hover {
    background-size: 100% 2px;
}

.service-one__title a:hover {
    color: var(--solapa-base);
}

.service-one__text {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-25);
}

.service-one__read-more {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--solapa-third-color);
    font-family: var(--solapa-catamaran-font);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-one__single-inner .service-one__read-arrow {
    position: relative;
    width: 42px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border-radius: 3px;
    color: var(--solapa-white);
    margin-left: var(--margin-left-10);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--solapa-third-color);
    top: 2px;
}

.service-one__read-more:hover {
    color: var(--solapa-base);
}

.service-one__read-more:hover .service-one__read-arrow {
    background-color: var(--solapa-base);
    color: var(--solapa-white);
}

/***

====================================================================
  Faq's One
====================================================================

***/
.faq-one {
    position: relative;
    padding: 0px 0px 119px;
}

.faq-one__inner-container {
    position: relative;
    margin-top: -110px;
}

.faq-one__image-column {
    position: relative;
}

.faq-one__image {
    position: relative;
}

.faq-one__image img {
    position: relative;
    width: 100%;
    display: block;
}

.faq-one__image:before {
    position: absolute;
    content: "";
    left: 130px;
    top: 45px;
    right: 120px;
    bottom: 45px;
    z-index: 1;
    border-radius: 3px;
    border: 1px solid var(--solapa-white);
}

.faq-one__accordion-column {
    position: relative;
}

.faq-one__accordion-column-inner {
    position: relative;
    padding-top: 142px;
    padding-left: 0;
}

@media (min-width: 1200px) {
    .faq-one__accordion-column-inner {
        padding-left: var(--padding-left-40);
    }
}

.faq-one__accordion-column .section-title {
    margin-bottom: var(--margin-bottom-35);
}

.faq-one__accordion-column .section-title h2 {
    font-size: var(--font-65);
}

/***

====================================================================
  Accordion Style
====================================================================

***/
.faq-one__accordion {
    position: relative;
}

.faq-one__block {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 25px 20px 50px;
    margin-bottom: var(--margin-bottom-15);
    background-color: var(--solapa-eightteen-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.faq-one__block:last-of-type {
    margin-bottom: 0;
}

.faq-one__acc-btn {
    position: relative;
    cursor: pointer;
    line-height: 25px;
    font-weight: 500;
    background: none;
    font-size: var(--font-20);
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    color: var(--solapa-third-color);
    -webkit-transition: all 500ms ease;
}

.faq-one__acc-btn.active .faq-one__icon {
    opacity: 0;
    transform: rotate(180deg);
}

.faq-one__accordion .faq-one__block.active-block {
    padding-top: var(--padding-top-30);
    border-color: var(--dark-color);
}

.faq-one__icon {
    position: absolute;
    left: -25px;
    top: calc(50% - 7.5px);
    color: var(--dark-color);
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    font-size: var(--font-12);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    color: rgba(0, 0, 0, 0);
    width: 15px;
    display: block;
    height: 15px;
}

.faq-one__icon::before,
.faq-one__icon::after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: var(--solapa-third-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faq-one__icon::after {
    width: 15px;
    height: 1px;
}

.faq-one__accordion .faq-one__block.active-block .faq-one__icon-two {
    opacity: 1;
}

.faq-accordion__toggle .faq-one__icon-two {
    position: absolute;
    left: -25px;
    top: calc(50% - 7.5px);
    opacity: 0;
    color: var(--dark-color);
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    font-size: var(--font-12);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    width: 15px;
    display: block;
    height: 15px;
}

.faq-accordion__toggle .faq-one__icon-two::before {
    content: "";
    width: 15px;
    height: 1px;
    background-color: var(--solapa-third-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faq-one-acc__content {
    position: relative;
    display: none;
    padding-top: var(--padding-top-15);
}

.faq-one__content-text {
    padding-bottom: 6px;
}

.faq-one__accordion .faq-one-acc__content.current {
    display: block;
}

.faq-one__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-16);
    color: var(--solapa-third-color);
}

.faq-one__content {
    position: relative;
    margin-left: -15px;
}

/***

====================================================================
  Choose One
====================================================================

***/
.choose-one {
    position: relative;
    padding: 120px 0px 190px;
    background-color: var(--solapa-fifteen-color);
}

.choose-one .section-title {
    margin-bottom: 40px;
}

.choose-one.style-two {
    padding-bottom: 140px;
}

.choose-one.style-three {
    padding: 60px 0px 90px;
}

.choose-one.style-four {
    padding: 90px 0px 70px;
}

.choose-one.style-five {
    padding: 110px 0px 90px;
}

.choose-one.style-six {
    padding: 220px 0px 90px;
    margin-top: -110px;
}

.choose-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.choose-one__single-inner {
    position: relative;
    padding: 35px 35px;
    border-radius: 3px;
    overflow: hidden;
    background-color: var(--solapa-white);
}

.choose-one__single-inner::before {
    position: absolute;
    content: "";
    right: -60px;
    bottom: -60px;
    width: 120px;
    height: 120px;
    opacity: 0.1;
    border-radius: 50%;
    background-color: var(--solapa-primary);
    transition: all 500ms ease;
}

.choose-one__single-inner:hover::before {
    opacity: 1;
    background-color: var(--solapa-base);
}

.choose-one__icon {
    position: relative;
    line-height: 1em;
    font-size: var(--font-50);
    color: var(--solapa-third-color);
    transform: scale(1);
    transform-origin: center center;
    transition: transform 500ms ease;
}

.choose-one__single:hover .choose-one__icon {
    transform: scale(0.9);
}

.choose-one__title {
    position: relative;
    font-weight: 700;
    line-height: 40px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-25);
}

.choose-one__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 500ms ease;
}

.choose-one__title a:hover {
    background-size: 100% 2px;
}

.choose-one__title a:hover {
    color: var(--solapa-primary);
}

.choose-one__text {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    margin-top: var(--margin-top-15);
}

.choose-one__arrow {
    position: relative;
    width: 42px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    color: var(--solapa-white);
    margin-top: var(--margin-top-25);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--solapa-primary);
}

.choose-one__single .choose-one__arrow {
    line-height: 28px;
}

.choose-one__arrow:hover {
    background-color: var(--solapa-nineteen-color);
    color: var(--solapa-white);
}

/***

====================================================================
  CTA One Section
====================================================================

***/
.cta-one {
    position: relative;
    z-index: 1;
}

.cta-one__inner {
    position: relative;
    margin-top: -125px;
    border-radius: 3px;
    padding: 55px 50px 20px;
    background-color: var(--solapa-twenty-color);
}

.cta-one__title {
    position: relative;
    font-weight: 600;
    line-height: 56px;
    font-size: var(--font-50);
    color: var(--solapa-white);
}

.cta-one__btn-box {
    margin-top: var(--margin-top-35);
}

.cta-image__one {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    margin-left: var(--margin-left-20);
}

.cta-image__one img {
    position: relative;
    width: 100%;
    display: block;
}

.cta-one__counter {
    position: relative;
    padding-left: var(--padding-left-40);
    margin-bottom: var(--margin-bottom-15);
}

.cta-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-35);
}

.cta-one__count {
    position: relative;
    font-weight: 700;
    line-height: 1em;
    font-size: var(--font-65);
    color: var(--solapa-white);
    font-family: var(--solapa-smooch-font);
}

.cta-one__text {
    position: relative;
    font-weight: 400;
    font-size: var(--font-24);
    margin-top: var(--margin-top-10);
    color: var(--solapa-white);
    font-family: var(--roofie-catamaran-font);
}

/***

====================================================================
  Project One
====================================================================

***/
.project-one {
    position: relative;
    padding: 120px 0px 0px;
}

.project-one .section-title {
    margin-bottom: 40px;
}

.project-one.style-two {
    padding: 100px 0px 70px;
}

.project-one .owl-nav {
    display: none;
}

.project-one .owl-dots {
    position: relative;
    text-align: right;
}

.project-one .owl-dots .owl-dot {
    position: relative;
    width: 11px;
    height: 11px;
    padding: 0px;
    border-radius: 50px;
    display: inline-block;
    margin-left: var(--margin-left-10);
    border: 3px solid var(--solapa-twentytwo-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-one .owl-dots .owl-dot.active,
.project-one .owl-dots .owl-dot:hover {
    background-color: var(--solapa-base);
    border-color: var(--solapa-base);
}

.project-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.project-one__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
}

.project-one__image:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    z-index: 1;
}

.project-one__single:hover .project-one__image:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.project-one__image img {
    position: relative;
    width: 100%;
    display: block;
}

.project-one__overlay-box {
    position: absolute;
    left: 40px;
    right: 30px;
    bottom: 25px;
    overflow: hidden;
    padding: 25px 30px;
    border-radius: 2px;
    border-left: 5px solid var(--solapa-primary);
    background-color: var(--solapa-white);
    z-index: 2;
}

.project-one__sub-title {
    position: relative;
    font-size: var(--font-16);
    color: var(--solapa-base);
}

.project-one__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-32);
    margin-top: var(--margin-top-5);
    margin-bottom: var(--margin-zero);
}

.project-one__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-one__title a:hover {
    color: var(--solapa-base);
}

.project-one__arrow {
    position: absolute;
    right: -20px;
    bottom: -17px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--solapa-white);
    background-color: var(--solapa-base);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-one__arrow:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

.project-one__arrow span {
    position: absolute;
    top: 18px;
    left: 15px;
}

/***

====================================================================
  Project Two
====================================================================

***/
.project-two {
    position: relative;
}

.project-two__inner-container {
    position: relative;
    padding: 70px 0px 50px;
    border-bottom: 1px solid var(--solapa-twentythree-color);
}

.project-two__title {
    position: relative;
    font-weight: 600;
    line-height: 33px;
    font-size: var(--font-65);
    color: var(--solapa-third-color);
}

.project-two__title span {
    position: relative;
}

.project-two__title span::before {
    position: absolute;
    content: "";
    left: -20px;
    top: 10px;
    width: 119px;
    height: 55px;
    background: url(assets/images/icons/shape-1.png) no-repeat;
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.project-two__text {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-20);
    margin-top: var(--margin-top-35);
    color: var(--solapa-third-color);
}

.project-two__btn-box {
    margin-top: var(--margin-top-30);
    margin-right: 0;
}

/***

====================================================================
  Energy Two
====================================================================

***/
.energy-two {
    position: relative;
    padding: 80px 0px 90px;
}

.energy-two.style-two {
    padding-top: var(--padding-top-110);
}

.energy-two__image-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.energy-two__image-inner {
    position: relative;
    padding-right: var(--padding-right-80);
}

.energy-two__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
}

.energy-two__image img {
    position: relative;
    width: 100%;
    display: block;
}

.energy-two__icon {
    position: absolute;
    left: 35px;
    bottom: -45px;
    width: 138px;
    height: 138px;
    border-radius: 50%;
    overflow: hidden;
}

.energy-two__content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.energy-two__title {
    position: relative;
    font-weight: 700;
    line-height: 75px;
    font-size: var(--font-75);
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
}

.energy-two__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    margin-top: var(--margin-top-25);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-30);
}

.energy-two__title-two {
    position: relative;
    font-weight: 700;
    line-height: 34px;
    font-size: var(--font-32);
    color: var(--solapa-third-color);
    font-style: normal;
}

.energy-two__text-two {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-15);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-30);
}

/* Skills Section */
.energy-two__skills {
    position: relative;
}

.energy-two__skill-item {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.energy-two__skill-bar {
    position: relative;
    width: 100%;
    padding: 5px 5px;
    border-radius: 3px;
    background-color: var(--solapa-twentyfour-color);
}

.energy-two__bar-inner {
    position: relative;
    width: 100%;
}

.energy-two__bar {
    position: relative;
    left: 0px;
    top: 0px;
    height: 8px;
    width: 0px;
    border-radius: 3px;
    background-color: var(--solapa-primary);
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    transition: all 2000ms ease;
}

.energy-two__skill-header {
    position: relative;
    margin-bottom: var(--margin-bottom-10);
}

.energy-two__skill-title {
    font-weight: 500;
    line-height: 25.6px;
    font-size: var(--font-20);
    text-transform: capitalize;
    color: var(--solapa-third-color);
}

.energy-two__skill-percentage {
    position: absolute;
    right: 0px;
    top: -40px;
    font-weight: 500;
    line-height: 25.6px;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--solapa-third-color);
}

/***

====================================================================
  Testimonial One
====================================================================

***/
.testimonial-one {
    position: relative;
    padding: 100px 0px 115px;
    background-color: var(--solapa-twentyfive-color);
}

.testimonial-one__shape-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 459px;
    height: 149px;
    background-repeat: no-repeat;
}

.testimonial-one__shape-two {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 643px;
    height: 194px;
    background-repeat: no-repeat;
}

.testimonial-one__shape-three {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 376px;
    height: 183px;
    background-repeat: no-repeat;
}

.testimonial-one__shape-four {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 444px;
    height: 69px;
    background-repeat: no-repeat;
}

.testimonial-one .owl-dots {
    display: none;
}

.testimonial-one .owl-nav {
    position: absolute;
    left: 170px;
    right: 170px;
    bottom: 130px;
}

.testimonial-one .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    width: 50px;
    height: 50px;
    border: 0px;
    line-height: 55px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--solapa-base) !important;
    background-color: var(--solapa-white) !important;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-one .owl-nav .owl-next {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    border: 0px;
    line-height: 55px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--solapa-base) !important;
    background-color: var(--solapa-white) !important;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-one .owl-nav .owl-prev:hover,
.testimonial-one .owl-nav .owl-next:hover {
    color: var(--solapa-white) !important;
    background-color: var(--solapa-base) !important;
}

.testimonial-one .section-title {
    margin-bottom: var(--margin-bottom-40);
}

.testimonial-one__single {
    position: relative;
    text-align: center;
}

.testimonial-one__text {
    position: relative;
    line-height: 48px;
    max-width: 850px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: var(--font-32);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-40);
}

.testimonial-one__author-info {
    position: relative;
    display: inline-block;
}

.testimonial-one__author-image {
    position: relative;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}

.testimonial-one__title {
    position: relative;
    font-weight: 600;
    line-height: 38px;
    font-size: var(--font-30);
    color: var(--solapa-base);
    margin-top: var(--margin-top-20);
}

.testimonial-one__designation {
    position: relative;
    opacity: 0.8;
    font-size: var(--font-16);
}

.testimonial-one__single .testimonial-one__quote-icon {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 40px;
    height: 40px;
    z-index: 1;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

/***

====================================================================
  News One
====================================================================

***/
.news-one {
    position: relative;
    padding: 120px 0px 90px;
}

.news-one .section-title {
    margin-bottom: 40px;
}

.news-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.news-one__single-inner {
    position: relative;
}

.news-one__img {
    position: relative;
    overflow: hidden;
    background-color: var(--solapa-base);
}

.news-one__img img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-one__single-inner:hover .news-one__img img {
    opacity: 0.7;
    transform: scale(1.04, 1.04);
}

.news-one__content {
    position: relative;
    padding-top: var(--padding-top-35);
}

.news-one__meta {
    position: relative;
}

.news-one__meta li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-20);
}

.news-one__meta li:last-child {
    margin-right: var(--margin-zero);
}

.news-one__meta li a {
    position: relative;
    display: inline-block;
    font-size: var(--font-16);
    padding-left: var(--padding-left-25);
    color: rgba(var(--solapa-twentysix-color-rgb), 1);
    transition: all 500ms ease;
}

.news-one__meta li a:hover {
    text-shadow: 0 0 1px currentColor;
}

.news-one__meta li a i {
    position: absolute;
    left: 0px;
    top: 2px;
    line-height: 1em;
    color: var(--solapa-primary);
}

.news-one__title {
    font-weight: 700;
    line-height: 38px;
    font-size: var(--font-32);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-35);
    padding-bottom: var(--padding-bottom-30);
    border-bottom: 1px solid var(--solapa-twentythree-color);
}

.news-one__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 500ms ease;
}

.news-one__title a:hover {
    background-size: 100% 2px;
}

.news-one__title a:hover {
    color: var(--solapa-primary);
}

.news-one__info {
    position: relative;
    padding-top: 5px;
    padding-left: var(--padding-left-75);
}

.news-one__img-two {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
}

.news-one__title-two {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--solapa-third-color);
    font-family: var(--solapa-catamaran-font);
    font-weight: 600;
}

.news-one__designation {
    position: relative;
    font-weight: 500;
    top: -3px;
    font-size: var(--font-16);
    color: var(--solapa-twentyseven-color);
    font-family: var(--solapa-catamaran-font);
}

/***

====================================================================
  Site Footer
====================================================================

***/
.site-footer {
    position: relative;
    background-color: var(--solapa-twentyeight-color);
}

.footer-widget__column {
    margin-bottom: var(--margin-bottom-30);
}

.site-footer__middle {
    position: relative;
    padding: 100px 0px 60px;
}

.style-two .site-footer__middle {
    padding-bottom: 80px;
}

.site-footer__shape-one {
    position: absolute;
    left: 0px;
    bottom: 122px;
    width: 310px;
    height: 174px;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.site-footer__shape-two {
    position: absolute;
    right: 0px;
    bottom: 122px;
    width: 310px;
    height: 174px;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.site-footer__shape-three {
    position: absolute;
    left: 0px;
    bottom: 122px;
    width: 269px;
    height: 150px;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.site-footer__shape-four {
    position: absolute;
    right: 0px;
    bottom: 28px;
    width: 521px;
    height: 265px;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.footer-widget__title {
    font-weight: 600;
    line-height: 32px;
    font-size: var(--font-30);
    color: var(--solapa-white);
    margin-bottom: var(--margin-bottom-25);
}

.site-footer__about-text {
    position: relative;
    line-height: 34px;
    opacity: 0.5;
    font-size: var(--font-16);
    color: var(--solapa-white);
    padding-right: 100px;
    margin-bottom: var(--margin-bottom-30);
}

.footer-contact__list {
    position: relative;
    padding-right: var(--padding-right-60);
}

.footer-contact__list li {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--solapa-white);
    padding-left: var(--padding-left-60);
    margin-bottom: var(--margin-bottom-20);
}

.footer-contact__list li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-24);
    color: var(--solapa-white);
    background-color: var(--solapa-twentynine-color);
}

.footer-widget__links-list {
    position: relative;
}

.footer-widget__links-list li {
    position: relative;
    margin-bottom: var(--margin-bottom-20);
}

.footer-widget__links-list li a {
    position: relative;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-white);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer-widget__links-list li a:hover {
    opacity: 1;
    color: var(--solapa-primary);
}

.site-footer__newsletter-text {
    position: relative;
    line-height: 34px;
    opacity: 0.5;
    font-size: var(--font-16);
    color: var(--solapa-white);
    padding-right: var(--padding-right-60);
    margin-bottom: var(--margin-bottom-30);
}

/* Newsletter Form */
.footer-widget__newsletter-form {
    position: relative;
    display: block;
    margin-bottom: var(--margin-bottom-20);
}

.footer-widget__newsletter-input-box {
    position: relative;
    display: block;
    padding: 5px 5px;
    background-color: var(--solapa-thirty-color);
}

.footer-widget__newsletter-input-box input[type="email"] {
    height: 64px;
    width: 100%;
    border: none;
    outline: none;
    font-weight: 400;
    border-radius: 4px;
    font-size: var(--font-16);
    color: var(--solapa-white);
    padding-left: var(--padding-left-25);
    padding-right: var(--padding-right-80);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: var(--roofie-seventeen-color);
}

.footer-widget__newsletter-input-box input::placeholder {
    opacity: 0.5;
    color: var(--solapa-white);
}

.footer-widget__newsletter-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 99px;
    height: 63px;
    bottom: 0px;
    border: 0px;
    font-weight: 600;
    font-size: var(--font-18);
    background-color: var(--solapa-base);
    color: var(--solapa-white);
    border-radius: 4px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 0px;
}

.footer-widget__newsletter-btn:hover {
    background-color: var(--solapa-primary);
}

.site-footer_newsletter-list {
    position: relative;
}

.site-footer_newsletter-list li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-25);
}

.site-footer_newsletter-list li a {
    position: relative;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-white);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.site-footer_newsletter-list li a:hover {
    opacity: 1;
}

.site-footer__bottom {
    position: relative;
    background-color: var(--solapa-thirtyone-color);
}

.site-footer__bottom-logo {
    position: relative;
    padding: 21px 30px;
    display: inline-block;
}

.site-footer__bottom-logo a {
    position: relative;
    display: inline-block;
}

.site-footer__bottom-logo:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.02;
    background-color: var(--solapa-white);
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}

.site-footer__copyright {
    position: relative;
    opacity: 0.8;
    text-align: center;
    font-size: var(--font-18);
    color: var(--solapa-white);
    padding-top: var(--padding-top-50);
}

.site-footer__social-nav {
    position: relative;
    text-align: right;
    padding: 31px 0px;
}

.site-footer__social-nav li {
    position: relative;
    display: inline-block;
    margin-left: var(--margin-left-10);
}

.site-footer__social-nav li a {
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50px;
    line-height: 60px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--solapa-white);
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.15);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.site-footer__social-nav li a:hover {
    border-color: var(--solapa-base);
    background-color: var(--solapa-base);
}

.default-footer .site-footer__copyright {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

/***

====================================================================
  Counter One
====================================================================

***/
.counter-one {
    position: relative;
    background-color: var(--solapa-nine-color);
}

.counter-one__inner-container {
    position: relative;
    padding: 80px 0px 50px;
    border-bottom: 1px solid var(--solapa-twentythree-color);
}

.counter-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.counter-one__inner {
    position: relative;
    min-height: 80px;
    padding-top: var(--padding-top-15);
    padding-left: var(--padding-left-100);
}

.counter-one__single .counter-one__icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    font-size: var(--font-40);
    color: var(--solapa-thirtysix-color);
    background-color: var(--solapa-thirtyfive-color);
    transition: all 500ms ease;
}

.counter-one__single .counter-one__icon:hover {
    color: #fff;
    background-color: var(--solapa-thirtysix-color);
}

.counter-one__count {
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-thirtysix-color);
    font-family: var(--solapa-smooch-font);
}

.counter-one__text {
    position: relative;
    font-weight: 500;
    opacity: 0.8;
    font-size: var(--font-16);
    margin-top: var(--margin-top-15);
    color: var(--solapa-thirtysix-color);
}

/***

====================================================================
  Solar One
====================================================================

***/
.solar-one {
    position: relative;
    overflow: hidden;
    padding: 90px 0px 50px;
    background-color: var(--solapa-nine-color);
}

.solar-one__image-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.solar-one__image-inner-column {
    position: relative;
    padding-right: var(--padding-right-25);
}

.solar-one__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    margin: var(--margin-zero);
}

.solar-one__image-two {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    margin-top: var(--margin-top-50);
}

.solar-one__image-three {
    position: absolute;
    right: 25px;
    bottom: 40px;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    margin-top: var(--margin-top-50);
}

.solar-one__shape-one {
    position: absolute;
    left: -55px;
    top: 0px;
    width: 64px;
    height: 98px;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.solar-one__shape-two {
    position: absolute;
    right: 70px;
    top: 20px;
    width: 132px;
    height: 87px;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.solar-one__color {
    position: absolute;
    left: -200px;
    bottom: 50px;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    opacity: 0.1;
    background-color: var(--solapa-eleven-color);
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.solar-two__color {
    position: absolute;
    right: -280px;
    top: 20px;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    background-color: var(--solapa-thirteen-color);
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.solar-three__color {
    position: absolute;
    left: 30px;
    top: 70px;
    width: 420px;
    height: 500px;
    background-color: var(--solapa-eleven-color);
}

.solar-one__shape-three {
    position: absolute;
    right: 5%;
    top: 10%;
    width: 77px;
    height: 75px;
    background-repeat: no-repeat;
}

.solar-one__shape-four {
    position: absolute;
    left: 5%;
    top: 40%;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.solar-one__content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.solar-one__content-inner-column {
    position: relative;
    padding-left: var(--padding-left-30);
}

.solar-one__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--solapa-eight-color);
    padding-right: var(--padding-right-50);
    margin-bottom: var(--margin-bottom-20);
}

.solar-one__text-two {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-eight-color);
    margin-bottom: var(--margin-bottom-40);
    padding-right: var(--padding-right-80);
    padding-bottom: var(--padding-bottom-30);
    border-bottom: 1px solid var(--solapa-twentythree-color);
}

.solar-one__content-column .section-title {
    margin-bottom: var(--margin-bottom-25);
}

/***

====================================================================
  Service Two
====================================================================

***/
.service-two {
    position: relative;
    padding: 120px 0px 80px;
    background-color: var(--solapa-fifteen-color);
}

.service-two.style-two,
.style-two .service-two {
    padding-top: var(--padding-top-95);
}

.service-two__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.service-two__single-inner {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    padding: 40px 40px 45px;
    background-color: var(--solapa-white);
}

.service-two__single-inner:before {
    position: absolute;
    content: "";
    left: -75px;
    top: -60px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: var(--solapa-base);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-two__single:hover .service-two__single-inner:before {
    background-color: var(--solapa-fourtyone-color);
}

.service-two__number {
    position: absolute;
    right: 30px;
    top: 35px;
    opacity: 0.1;
    font-size: 112px;
    font-weight: 700;
    line-height: 1em;
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
}

.service-two__single .service-two__icon {
    position: relative;
    width: 90px;
    height: 90px;
    line-height: 1em;
    border-radius: 50%;
    font-size: var(--font-50);
    display: inline-block;
    line-height: 90px;
    text-align: center;
    color: var(--solapa-third-color);
    background-color: var(--solapa-thirtyseven-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}

.service-two__single:hover .service-two__icon {
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

.service-two__title {
    position: relative;
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-10);
}

.service-two__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 500ms ease;
}

.service-two__title a:hover {
    background-size: 100% 2px;
}

.service-two__title a:hover {
    color: var(--solapa-base);
}

.service-two__text {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-25);
}

.service-two__read-more {
    position: relative;
    font-weight: 500;
    text-align: center;
    font-size: var(--font-16);
    color: var(--solapa-third-color);
    font-family: var(--solapa-catamaran-font);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-two__single-inner .service-two__read-arrow {
    position: relative;
    width: 42px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    color: var(--solapa-white);
    margin-right: var(--margin-right-10);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--solapa-base);
}

.service-two__read-more:hover {
    color: var(--solapa-base);
}

.service-two__read-more:hover .service-two__read-arrow {
    background-color: var(--solapa-primary);
    color: var(--solapa-white);
}

/***

====================================================================
  Sponsors One
====================================================================

***/
.sponsors-one {
    position: relative;
    padding: 0px 0px 190px;
    background-color: var(--solapa-fifteen-color);
}

.sponsors-one.style-two {
    padding-top: var(--padding-top-110);
    background-color: var(--solapa-white);
}

.sponsors-one .section-title__title {
    margin-top: var(--margin-zero);
}

.sponsors-one .owl-dots,
.sponsors-one .owl-nav {
    display: none;
}

.sponsors-one .image-box img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sponsors-one .image-box img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/***

====================================================================
  Project Three
====================================================================

***/
.project-three {
    position: relative;
    padding: 120px 0px 120px;
}

.project-three.style-two {
    padding: 100px 0px 70px;
}

.project-three.style-two .container {
    max-width: 1800px;
}

.project-three .owl-nav {
    display: none;
}

.project-three .owl-dots {
    position: relative;
    text-align: center;
    margin-top: var(--margin-top-10);
}

.project-three .owl-dots .owl-dot {
    position: relative;
    width: 7px;
    height: 7px;
    padding: 0px;
    margin: 0px 7px;
    border-radius: 50px;
    display: inline-block;
    margin-left: var(--margin-left-10);
    border: 3px solid var(--solapa-twentytwo-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-three .owl-dots .owl-dot:before {
    position: absolute;
    content: "";
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
    opacity: 0;
    border-radius: 50px;
    border: 2px solid var(--solapa-base);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-three .owl-dots .owl-dot.active,
.project-three .owl-dots .owl-dot:hover {
    background-color: var(--solapa-twentytwo-color);
}

.project-three .owl-dots .owl-dot.active::before,
.project-three .owl-dots .owl-dot:hover::before {
    opacity: 1;
}

.project-three__outer-container {
    position: relative;
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 15px;
}

.project-three__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.project-three__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    background-color: var(--solapa-primary);
}

.project-three__image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-three__image:hover img {
    opacity: 0.5;
    transform: scale(1.06, 1.06);
}

.project-three__overlay-box {
    position: absolute;
    left: 20px;
    bottom: 20px;
    overflow: hidden;
    border-radius: 2px;
    display: inline-block;
    padding: 25px 80px 25px 30px;
    border-left: 5px solid var(--solapa-primary);
    background-color: var(--solapa-white);
}

.project-three__sub-title {
    position: relative;
    font-size: var(--font-16);
    color: var(--solapa-base);
}

.project-three__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-32);
    margin-top: var(--margin-top-5);
    margin-bottom: var(--margin-zero);
}

.project-three__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-three__title a:hover {
    color: var(--solapa-base);
}

.project-three__arrow {
    position: absolute;
    right: -20px;
    bottom: -17px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--solapa-white);
    background-color: var(--solapa-base);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-three__arrow:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

.project-three__arrow span {
    position: absolute;
    top: 18px;
    left: 15px;
}

.project-three__arrow span::before {
    position: relative;
    top: -2px;
}

/***

====================================================================
  Testimonial Two
====================================================================

***/
.testimonial-two {
    position: relative;
    padding: 90px 0px 120px;
    background-color: var(--solapa-twentyfive-color);
}

.testimonial-two .owl-nav {
    display: none;
}

.testimonial-two .owl-dots {
    position: relative;
    text-align: center;
    margin-top: var(--margin-top-20);
}

.testimonial-two .owl-dots .owl-dot {
    position: relative;
    width: 7px;
    height: 7px;
    padding: 0px;
    margin: 0px 10px;
    border-radius: 50px;
    display: inline-block;
    margin-left: var(--margin-left-10);
    border: 3px solid var(--solapa-twentytwo-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-two .owl-dots .owl-dot:before {
    position: absolute;
    content: "";
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
    opacity: 0;
    border-radius: 50px;
    border: 2px solid var(--solapa-base);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-two .owl-dots .owl-dot.active,
.testimonial-two .owl-dots .owl-dot:hover {
    background-color: var(--solapa-twentytwo-color);
}

.testimonial-two .owl-dots .owl-dot.active::before,
.testimonial-two .owl-dots .owl-dot:hover::before {
    opacity: 1;
}

.testimonial-two__shape-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 459px;
    height: 149px;
    background-repeat: no-repeat;
}

.testimonial-two__shape-two {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 643px;
    height: 194px;
    background-repeat: no-repeat;
}

.testimonial-two__shape-three {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 376px;
    height: 183px;
    background-repeat: no-repeat;
}

.testimonial-two__shape-four {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 444px;
    height: 69px;
    background-repeat: no-repeat;
}

.testimonial-two__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.testimonial-two__single-inner {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    padding: 50px 35px 45px;
    background-color: var(--solapa-white);
}

.testimonial-two__single-inner:before {
    position: absolute;
    content: "";
    right: -40px;
    top: -40px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: var(--solapa-base);
}

.testimonial-two__text {
    position: relative;
    line-height: 42px;
    font-size: var(--font-24);
    color: var(--solapa-third-color);
    margin-top: var(--margin-top-30);
}

.testimonial-two__author-info {
    position: relative;
    min-height: 85px;
    padding-left: var(--padding-left-100);
}

.testimonial-two__author-image {
    position: absolute;
    left: 0px;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}

.testimonial-two__title {
    position: relative;
    font-weight: 600;
    line-height: 38px;
    font-size: var(--font-30);
    color: var(--solapa-base);
}

.testimonial-two__designation {
    position: relative;
    font-size: var(--font-16);
}

.testimonial-two__single .testimonial-two__quote-icon {
    position: absolute;
    left: -20px;
    top: 20px;
    width: 40px;
    height: 40px;
    z-index: 1;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

/***

====================================================================
  Consultant One
====================================================================

***/
.consultant-one {
    position: relative;
}

.consultant-one__inner-container {
    position: relative;
    margin-top: -50px;
    background-color: var(--solapa-white);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07);
}

.consultant-one__image-column {
    position: relative;
    float: left;
    padding: var(--padding-zero);
}

.consultant-one__image {
    position: relative;
}

.consultant-one__image:before {
    position: absolute;
    content: "";
    left: 130px;
    top: 40px;
    right: 130px;
    bottom: 40px;
    z-index: 1;
    border: 1px solid var(--solapa-white);
}

.consultant-one__image:after {
    position: absolute;
    content: "";
    left: -25px;
    top: 100px;
    bottom: -30px;
    width: 320px;
    z-index: -1;
    border: 1px solid var(--solapa-thirtynine-color);
}

.consultant-one__image img {
    position: relative;
    width: 100%;
    display: block;
}

.consultant-one__form-column {
    position: relative;
    float: left;
    padding: var(--padding-zero);
}

.consultant-one__form-column p {
    margin: 0;
}

.consultant-one__form-inner {
    position: relative;
    padding: 65px 45px 50px;
}

.consultant-one__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-52);
    color: var(--solapa-thirtyeight-color);
}

.consultant-one__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-20);
    margin-bottom: var(--margin-bottom-25);
    color: var(--solapa-thirtyeight-color);
}

/* Consultant Form*/
.consultant-one__form {
    position: relative;
}

.consultant-one__form .form-group {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.consultant-one__form .form-group:last-child {
    margin-bottom: var(--margin-zero);
}

.consultant-one__form input[type="text"],
.consultant-one__form input[type="email"],
.consultant-one__form input[type="password"],
.consultant-one__form select,
.consultant-one__form textarea {
    display: block;
    width: 100%;
    line-height: 28px;
    height: 56px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 2px;
    font-size: var(--font-16);
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background: var(--roofie-white);
    -webkit-transition: all 500ms ease;
    color: var(--solapa-thirtyeight-color);
    border: 1px solid var(--solapa-thirtynine-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.consultant-one__form .form-group textarea::-webkit-input-placeholder,
.consultant-one__form .form-group input::-webkit-input-placeholder {
    color: var(--roofie-fourth-color);
    font-weight: 400;
}

.consultant-one__form textarea {
    height: 210px;
    resize: none;
    font-size: 15px;
    padding-top: 15px;
}

.consultant-one__form input[type="text"]:focus,
.consultant-one__form input[type="email"]:focus,
.consultant-one__form input[type="password"]:focus,
.consultant-one__form select:focus,
.consultant-one__form textarea:focus {
    border-color: var(--main-color);
}

.consultant-one__form .theme-btn {
    cursor: pointer;
    border: none;
    width: 100%;
    border-radius: 3px;
    letter-spacing: 0px;
    font-size: var(--font-20);
    text-transform: capitalize;
    margin-top: var(--margin-top-5);
}

/***

====================================================================
  News Two
====================================================================

***/
.news-two {
    position: relative;
    padding: 120px 0px 90px;
}

.news-two .section-title {
    margin-bottom: 40px;
}

.news-two.style-two {
    padding: 120px 0px 120px;
}

.news-two.style-two .blog-pagination {
    margin-top: 30px;
}

.news-two__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.news-two__single-inner {
    position: relative;
}

.news-two__img {
    position: relative;
    overflow: hidden;
    background-color: var(--solapa-third-color);
}

.news-two__img img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-two__single-inner:hover .news-two__img img {
    opacity: 0.7;
    transform: scale(1.04, 1.04);
}

.news-two__category {
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 6px 14px 3px;
    border-radius: 3px;
    color: var(--solapa-white);
    font-size: var(--font-16);
    background-color: var(--solapa-base);
    transition: all 500ms ease;
}

.news-two__single:hover .news-two__category {
    background-color: #fff;
    color: var(--solapa-third-color);
}

.news-two__content {
    position: relative;
    padding: 35px 30px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid var(--solapa-fourty-color);
}

.news-two__content:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -2px;
    height: 2px;
    width: 60%;
    background-color: var(--solapa-third-color);
}

.news-two__meta {
    position: relative;
}

.news-two__meta li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-20);
}

.news-two__meta li .icon-comment-outline {
    position: relative;
    top: 2px;
}

.news-two__meta li:last-child {
    margin-right: var(--margin-zero);
}

.news-two__meta li a {
    position: relative;
    display: inline-block;
    font-size: var(--font-16);
    padding-left: var(--padding-left-25);
    color: rgba(var(--solapa-twentysix-color-rgb), 1);
    transition: all 500ms ease;
}

.news-two__meta li a:hover {
    text-shadow: 0 0 1px currentColor;
}

.news-two__meta li .byline a {
    padding-left: 5px;
}

.news-two__meta li a {
    padding-left: 10px;
}

.news-two__meta li a i {
    position: absolute;
    left: 0px;
    top: 2px;
    line-height: 1em;
    color: var(--solapa-twentysix-color);
}

.news-two__title {
    font-weight: 700;
    line-height: 38px;
    font-size: var(--font-32);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-15);
}

.news-two__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 500ms ease;
}

.news-two__title a:hover {
    background-size: 100% 2px;
}

.news-two__title a:hover {
    color: var(--solapa-primary);
}

.news-two__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: rgba(var(--solapa-fourteen-color-rgb), 0.8);
}

.site-footer__upper {
    padding-top: var(--padding-top-90);
    padding-bottom: var(--padding-bottom-70);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footer.style-two .container {
    position: relative;
}

.site-footer.style-two .site-footer__copyright {
    text-align: left;
}

.site-footer.style-two .site-footer_newsletter-list {
    text-align: center;
    padding: 49px 0px;
}

.site-footer__upper-logo {
    position: absolute;
    left: 0px;
    z-index: 1;
    padding: 21px 30px;
    display: inline-block;
}

.site-footer__upper-logo:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.02;
    z-index: -1;
    background-color: var(--solapa-white);
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}

.site-footer__upper-title {
    font-weight: 600;
    line-height: 50px;
    padding-left: 260px;
    color: var(--solapa-white);
    font-size: var(--font-43);
    top: 6px;
}

.site-footer__upper-btn-box {
    text-align: right;
    padding-top: var(--padding-top-20);
}

/***

====================================================================
  Choose Two
====================================================================

***/
.choose-two {
    position: relative;
    background-color: var(--solapa-fifteen-color);
}

.choose-two .section-title {
    margin-bottom: 40px;
}

.choose-two__inner-container {
    position: relative;
    padding: 120px 0px 0px;
    border-bottom: 1px solid #e4e6ea;
}

.choose-two__left {
    margin-right: 45px;
}

.choose-two__right {
    position: relative;
    display: block;
    margin-top: 1px;
}

.choose-two__single {
    position: relative;
    margin-top: var(--margin-top-45);
    margin-bottom: var(--margin-bottom-5);
}

.choose-two__inner {
    position: relative;
    min-height: 80px;
    padding-top: var(--padding-top-15);
    padding-left: var(--padding-left-100);
}

.choose-two__right .choose-two__icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    font-size: var(--font-40);
    color: var(--solapa-thirtysix-color);
    background-color: var(--solapa-white);
    transition: all 500ms ease;
}

.choose-two__right .choose-two__icon:hover {
    background-color: var(--solapa-base, #fc8f14);
    color: #fff;
}

.choose-two__count {
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-thirtysix-color);
    font-family: var(--solapa-smooch-font);
}

.choose-two__text {
    position: relative;
    font-weight: 500;
    opacity: 0.8;
    font-size: var(--font-16);
    margin-top: var(--margin-top-15);
    color: var(--solapa-thirtysix-color);
}

.choose-two__text-two {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-20);
    margin-top: var(--margin-top-35);
    color: var(--solapa-fourteen-color);
}

/***

====================================================================
  History One
====================================================================

***/
.history-one {
    position: relative;
    padding: 0px 0px 130px;
    background-color: var(--solapa-fifteen-color);
}

.history-one.style-two,
.style-two .history-one {
    padding-top: var(--padding-top-70);
}

.history-one__inner-container {
    position: relative;
    padding-left: 300px;
}

.history-one__client-box {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 60px 35px;
    border-radius: 6px;
    font-weight: 600;
    line-height: 38px;
    max-width: 230px;
    color: var(--solapa-white);
    font-size: var(--font-36);
    background-color: var(--solapa-second-color);
    font-family: var(--solapa-smooch-font);
}

.history-one__client-box span {
    position: relative;
    color: var(--solapa-primary);
}

.history-one__client-box::before {
    position: absolute;
    content: "";
    left: 35px;
    top: 30px;
    width: 10px;
    height: 10px;
    background-color: var(--solapa-base);
}

.history-one__client-box::after {
    position: absolute;
    content: "";
    right: 45px;
    bottom: 40px;
    width: 10px;
    height: 10px;
    background-color: var(--solapa-white);
}

.history-one__title {
    line-height: 66px;
    font-weight: 600;
    font-size: var(--font-60);
    color: var(--solapa-third-color);
}

.history-one__text {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-20);
    margin-top: var(--margin-top-25);
    color: var(--solapa-fourteen-color);
}

.history-one__btn-box {
    position: absolute;
    right: 0px;
    top: 70px;
}

/***

====================================================================
  Service Three
====================================================================

***/
.service-three {
    position: relative;
    padding: 120px 0px 180px;
    background-color: var(--solapa-fourtytwo-color);
}

.service-three.style-two,
.style-two .service-three {
    padding-top: var(--padding-top-5);
    padding-bottom: var(--padding-bottom-10);
    background-color: var(--solapa-fifteen-color);
}

.service-three__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.service-three__single-inner {
    position: relative;
    overflow: hidden;
}

.service-three__image {
    position: relative;
    overflow: hidden;
    background-color: var(--solapa-nineteen-color);
}

.service-three__image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.service-three__single-inner:hover .service-three__image img {
    opacity: 0.7;
    transform: scale(1.06, 1.06);
}

.service-three__content {
    position: relative;
    padding: 35px 35px 50px;
    background-color: var(--solapa-white);
}

.service-three__content:before {
    position: absolute;
    content: "";
    right: -50px;
    bottom: -50px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--solapa-fourtythree-color);
}

.service-three__content-upper {
    position: relative;
    padding-left: var(--padding-left-65);
}

.service-three__icon {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    line-height: 1em;
    font-size: var(--font-50);
    color: var(--solapa-black);
}

.service-three__icon::after {
    position: absolute;
    content: "";
    left: -10px;
    top: 10px;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--solapa-sixteen-color);
}

.service-three__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    padding-top: var(--padding-top-10);
}

.service-three__title a:hover {
    color: var(--solapa-nineteen-color);
}

.service-three__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-three__text {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    margin-top: var(--margin-top-30);
    margin-bottom: var(--margin-bottom-25);
}

.service-three__read-more {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--solapa-third-color);
    font-family: var(--solapa-catamaran-font);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-three__single-inner .service-three__arrow {
    position: relative;
    width: 42px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    color: var(--solapa-white);
    border-radius: 3px 50px 50px 3px;
    margin-left: var(--margin-left-10);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--solapa-nineteen-color);
}

.service-three__read-more:hover {
    color: var(--solapa-nineteen-color);
}

.service-three__read-more:hover .service-three__arrow {
    background-color: var(--solapa-base);
    color: var(--solapa-white);
}

/***

====================================================================
  Progress One
====================================================================

***/
.progress-one {
    position: relative;
}

.progress-one__inner-container {
    position: relative;
    padding: 80px 50px 140px;
    background-color: var(--solapa-fifteen-color);
}

@media (min-width: 992px) {
    .progress-one__inner-container {
        margin-top: -100px;
    }
}

.progress-one__inner-container:before {
    position: absolute;
    content: "";
    left: 180px;
    bottom: 99px;
    right: 180px;
    height: 1px;
    background-color: var(--solapa-white);
}

.progress-one .progress-one__single {
    width: 310px;
    float: left;
}

.progress-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.progress-one__single-inner {
    position: relative;
    border-radius: 5px;
    padding: 40px 40px 30px;
    background-color: var(--solapa-white);
}

.progress-one__single-inner:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -80px;
    width: 18px;
    height: 18px;
    z-index: 1;
    border-radius: 50px;
    transform: translateX(-50%);
    border: 5px solid var(--solapa-white);
    background-color: var(--solapa-fifteen-color);
}

.progress-one__single-inner:before {
    position: absolute;
    content: "";
    right: 0px;
    top: 0px;
    width: 45px;
    height: 60px;
    background: url(assets/images/shapes/shape-10.png) no-repeat;
}

.progress-one__number {
    position: absolute;
    right: 30px;
    top: 50px;
    opacity: 0.1;
    font-weight: 700;
    line-height: 1em;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
}

.progress-one__icon {
    position: relative;
    text-align: center;
    font-size: var(--font-56);
    color: var(--solapa-third-color);
}

.progress-one__title {
    position: relative;
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-5);
}

.progress-one__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.progress-one__title a:hover {
    color: var(--solapa-base);
}

.progress-one__text {
    position: relative;
    line-height: 34px;
    opacity: 0.8;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
}

/***

====================================================================
  Pricing One
====================================================================

***/
.pricing-one {
    position: relative;
    padding-top: var(--padding-top-110);
}

.pricing-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.pricing-one__single-inner {
    position: relative;
    border-radius: 3px;
    text-align: center;
    padding: 35px 50px 50px;
    background-color: var(--solapa-white);
    border: 1px solid var(--solapa-fourtyfive-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-one__single-inner:hover {
    border-color: var(--solapa-third-color);
}

.pricing-one__title {
    position: relative;
    font-weight: 600;
    line-height: 60px;
    font-size: var(--font-50);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-45);
    padding-bottom: var(--padding-bottom-15);
    border-bottom: 1px solid var(--solapa-fourtysix-color);
}

.pricing-one__price {
    position: relative;
    font-weight: 700;
    line-height: 1em;
    display: inline-block;
    font-size: var(--font-60);
    z-index: 999;
}

.pricing-one__price sub {
    position: relative;
    font-weight: 400;
    font-size: var(--font-18);
    margin-left: var(--margin-left-5);
}

.pricing-one__price:before {
    position: absolute;
    content: "";
    left: -25px;
    top: -10px;
    width: 80px;
    height: 80px;
    z-index: -1;
    border-radius: 50%;
    background-color: var(--solapa-sixteen-color);
}

.pricing-one__list-options {
    position: relative;
    margin-top: var(--margin-top-40);
}

.pricing-one__list-options li {
    position: relative;
    font-size: var(--font-18);
    color: var(--text-color);
    margin-bottom: var(--margin-bottom-15);
}

.pricing-one__list-options li:last-child {
    margin-bottom: var(--margin-zero);
}

.pricing-one__button-box {
    position: relative;
    margin-top: var(--margin-top-40);
}

.pricing-one__start-btn {
    position: relative;
    font-weight: 500;
    padding: 16px 44px;
    border-radius: 4px;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    background-color: var(--solapa-seven-color);
}

.pricing-one__start-btn:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

/***

====================================================================
  Consultant Two
====================================================================

***/
.consultant-two {
    position: relative;
    padding: 110px 0px 110px;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 60px;
}

.consultant-two:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.85;
    background-color: var(--solapa-fifteen-color);
}

.consultant-two__content {
    position: relative;
    padding: 50px 0px 98px;
}

.consultant-two__content:before {
    position: absolute;
    content: "";
    left: -50px;
    top: 0px;
    right: 115px;
    bottom: 0px;
    border: 1px solid var(--solapa-white);
}

.consultant-two__icon {
    position: relative;
    line-height: 1em;
    font-size: var(--font-76);
    color: var(--solapa-white);
}

.consultant-two__title {
    position: relative;
    font-weight: 700;
    line-height: 58px;
    font-size: var(--font-50);
    margin-top: var(--margin-top-20);
}

.consultant-two__text {
    position: relative;
    font-weight: 400;
    line-height: 32px;
    font-size: var(--font-20);
    margin-top: var(--margin-top-20);
    color: var(--solapa-thirtyeight-color);
}

/* Phone Box */
.consultant-two__phone-box {
    position: relative;
    margin-top: var(--margin-top-35);
}

.consultant-two__phone-inner {
    position: relative;
    font-weight: 400;
    font-size: var(--font-15);
    padding-left: var(--padding-left-75);
    color: var(--solapa-thirtyeight-color);
}

.consultant-two__phone-inner .consultant-two__phone-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-size: var(--font-26);
    border-radius: 50px;
    color: var(--solapa-white);
    background-color: var(--solapa-nineteen-color);
}

.consultant-two__phone-number {
    position: relative;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-24);
    margin-top: var(--margin-top-5);
    color: var(--solapa-thirtyeight-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: var(--solapa-smooch-font);
}

.consultant-two__phone-number:hover {
    color: var(--solapa-base);
}

.consultant-two__form-box {
    position: relative;
    padding: 55px 55px;
    border-radius: 4px;
    margin-left: var(--margin-left-65);
    background-color: var(--solapa-white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.consultant-two__form-box p {
    margin: 0;
}

.consultant-two__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-52);
    color: var(--solapa-thirtyeight-color);
}

.consultant-two__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-20);
    margin-bottom: var(--margin-bottom-25);
    color: var(--solapa-thirtyeight-color);
}

/* Consultant Form*/
.consultant-two__form {
    position: relative;
}

.consultant-two__form .form-group {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.consultant-two__form .form-group:last-child {
    margin-bottom: var(--margin-zero);
}

.consultant-two__form input[type="text"],
.consultant-two__form input[type="email"],
.consultant-two__form input[type="password"],
.consultant-two__form select,
.consultant-two__form textarea {
    display: block;
    width: 100%;
    line-height: 28px;
    height: 56px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 2px;
    font-size: var(--font-16);
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background: var(--roofie-white);
    -webkit-transition: all 500ms ease;
    color: var(--solapa-thirtyeight-color);
    border: 1px solid var(--solapa-thirtynine-color);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.consultant-two__form .form-group textarea::-webkit-input-placeholder,
.consultant-two__form .form-group input::-webkit-input-placeholder {
    color: var(--roofie-fourth-color);
    font-weight: 400;
}

.consultant-two__form textarea {
    height: 210px;
    resize: none;
    font-size: 15px;
    padding-top: 15px;
}

.consultant-two__form input[type="text"]:focus,
.consultant-two__form input[type="email"]:focus,
.consultant-two__form input[type="password"]:focus,
.consultant-two__form select:focus,
.consultant-two__form textarea:focus {
    border-color: var(--main-color);
}

.consultant-two__form .theme-btn {
    cursor: pointer;
    border: none;
    width: 100%;
    border-radius: 3px;
    letter-spacing: 0px;
    font-size: var(--font-18);
    text-transform: capitalize;
    margin-top: var(--margin-top-5);
}

/***

====================================================================
  Page Title
====================================================================

***/
.page-title {
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center center;
}

.page-title .container {
    position: relative;
    padding: 80px 15px 80px;
}

@media (min-width: 1200px) {
    .page-title .container {
        padding: 130px 15px 130px;
    }
}

.page-header__shape {
    position: absolute;
    bottom: 0;
    right: -235px;
    width: 415px;
    height: 276px;
    display: none;
}

@media (min-width: 992px) {
    .page-header__shape {
        display: block;
    }
}

.page-main__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-85);
    color: var(--solapa-white);
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.page-main__title b {
    color: var(--solapa-white);
}

.page__breadcrumb {
    position: relative;
}

.page__breadcrumb li {
    position: relative;
    font-weight: 400;
    margin-right: 10px;
    padding-right: 15px;
    display: inline-block;
    color: var(--solapa-base);
    font-size: var(--font-20);
    text-transform: capitalize;
}

.page__breadcrumb li:after {
    position: absolute;
    content: "/";
    right: -2px;
    top: 0px;
    color: #ffffff;
    font-weight: 700;
    font-size: var(--font-14);
    font-family: "FontAwesome";
}

.page__breadcrumb li:last-child::after {
    display: none;
}

.page__breadcrumb li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.page__breadcrumb li a {
    font-weight: 400;
    color: var(--solapa-white);
    text-transform: capitalize;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.page__breadcrumb li a:hover {
    color: var(--solapa-base);
}

/***

====================================================================
  Purpose One
====================================================================

***/
.purpose-one {
    position: relative;
    padding: 110px 0px 120px;
}

.purpose-one__title {
    position: relative;
    font-weight: 700;
    line-height: 65px;
    font-size: var(--font-65);
    margin-bottom: var(--margin-bottom-25);
    color: var(--solapa-third-color);
}

.purpose-one__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--solapa-eight-color);
    margin-bottom: var(--margin-bottom-50);
}

.purpose-one__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.purpose-one__image img {
    position: relative;
    width: 100%;
    display: block;
}

.purpose-one__title-two {
    position: relative;
    font-weight: 700;
    line-height: 40px;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-15);
}

.purpose-one__text-two {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--solapa-eight-color);
    padding-right: var(--padding-right-30);
    margin-bottom: var(--margin-bottom-20);
}

.purpose-two__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding-left: var(--padding-left-20);
}

.purpose-two__image img {
    position: relative;
    width: 100%;
    display: block;
}

/***

====================================================================
  Team One
====================================================================

***/
.team-one {
    position: relative;
    padding-bottom: var(--padding-bottom-110);
}

.team-one.style-two {
    padding-top: var(--padding-top-110);
    padding-bottom: var(--padding-zero);
}

.team-one .container {
    max-width: 1600px;
}

.team-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.team-one__inner {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.team-one__inner:hover .team-one__image img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.team-one__image {
    position: relative;
}

.team-one__image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.team-one__content {
    position: relative;
    text-align: center;
    padding: 30px 0px 25px;
}

.team-one__name {
    font-weight: 700;
    line-height: 34px;
    font-size: var(--font-30);
    color: var(--solapa-third-color);
}

.team-one__name a {
    color: var(--solapa-third-color);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.team-one__name a:hover {
    color: var(--solapa-base);
}

.team-one__title {
    position: relative;
    font-size: var(--font-16);
    color: var(--solapa-base);
}

.team-one__social-box {
    position: relative;
    margin-top: var(--margin-top-20);
    padding-top: var(--padding-top-25);
    border-top: 1px solid var(--solapa-fifteen-color);
}

.team-one__social-box a {
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    margin: 0px 5px;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    background-color: var(--solapa-fourtyseven-color);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.team-one__social-box a:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

/***

====================================================================
  Faq Two
====================================================================

***/
.faq-two {
    position: relative;
    padding: 100px 0px 110px;
}

.faq-two__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-50);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-30);
}

.faq-two .column {
    padding: 0px 45px;
}

.faq-email {
    position: relative;
    font-weight: 600;
    display: inline-block;
    font-size: var(--font-24);
    color: var(--solapa-base);
    padding: 29px 0px 29px 50px;
    font-family: var(--solapa-smooch-font);
    background-color: var(--solapa-fifteen-color);
}

.faq-email a {
    position: relative;
    padding: 26px 30px;
    color: var(--solapa-third-color);
    margin-left: var(--margin-left-50);
    background-color: var(--solapa-fourtyeight-color);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.faq-email a:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

/***

====================================================================
  History Two
====================================================================

***/
.history-two {
    position: relative;
    padding: 120px 0px 80px;
}

.history-two__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: var(--margin-bottom-40);
}

.history-two__image img {
    position: relative;
    width: 100%;
}

.history-two__text {
    position: relative;
    padding-left: 160px;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-fourteen-color);
    margin-bottom: var(--margin-bottom-20);
}

.history-two__text span {
    position: absolute;
    left: 0px;
    top: 30px;
    font-weight: 700;
    font-size: var(--font-75);
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
}

.history-two__text-two {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-fourteen-color);
}

.history-two__title {
    position: relative;
    font-weight: 700;
    margin-top: -10px;
    font-size: var(--font-75);
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
    margin-bottom: var(--margin-bottom-10);
}

.history-two__text-three {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-fourteen-color);
    margin-bottom: var(--margin-bottom-25);
}

.history-two__title-two {
    position: relative;
    font-weight: 700;
    margin-top: -10px;
    font-size: var(--font-75);
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
    margin-bottom: var(--margin-bottom-15);
}

.history-two__text-four {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-fourteen-color);
    margin-bottom: var(--margin-bottom-25);
}

.history-two__text-five {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-fourteen-color);
}

.history-two__left {
    position: relative;
    padding-right: var(--padding-right-50);
}

.history-two__right {
    position: relative;
    padding-right: var(--padding-right-25);
}

.history-two__right::before {
    position: absolute;
    content: "";
    left: -35px;
    top: 10px;
    width: 1px;
    height: 102%;
    background-color: var(--solapa-twentythree-color);
}

/***

====================================================================
  Service Detail
====================================================================

***/
.service-detail {
    position: relative;
    padding: 80px 0px 120px;
}

.sidebar-widget {
    position: relative;
    margin-bottom: var(--margin-bottom-40);
}

.sidebar-widget__content {
    position: relative;
    border-radius: 5px;
    padding: 40px 35px 60px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
    background-color: var(--solapa-fifteen-color);
}

.sidebar-widget__content:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    border-radius: 3px;
    border: 1px solid var(--solapa-fourtynine-color);
}

.service-details__title {
    position: relative;
    font-weight: 700;
    line-height: 32px;
    font-size: var(--font-34);
    margin-bottom: var(--margin-bottom-30);
    padding-bottom: var(--padding-bottom-20);
}

.service-details__title::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 65px;
    height: 3px;
    background-color: var(--solapa-base);
}

.service-details__title::after {
    position: absolute;
    content: "";
    left: 68px;
    bottom: 0px;
    width: 20px;
    height: 3px;
    background-color: var(--solapa-primary);
}

/* Service Details Cagegory List */
.service-details__cagegory-list {
    position: relative;
}

.service-details__cagegory-list li {
    position: relative;
    margin-bottom: var(--margin-bottom-10);
}

.service-details__cagegory-list li:last-child {
    margin-bottom: var(--margin-zero);
}

.service-details__cagegory-list li a {
    position: relative;
    font-weight: 600;
    display: block;
    font-size: var(--font-20);
    padding: 16px 20px 16px 25px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    color: var(--solapa-third-color);
    border-left: 2px solid transparent;
    background-color: var(--solapa-white);
}

.service-details__cagegory-list li.active a,
.service-details__cagegory-list li a:hover {
    border-color: var(--solapa-base);
}

.service-details__cagegory-list li.active .arrow,
.service-details__cagegory-list li:hover .arrow {
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

.service-details__cagegory-list .arrow {
    position: absolute;
    right: 20px;
    width: 36px;
    top: 10px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    font-size: var(--font-14);
    display: inline-block;
    color: var(--roofie-base);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: var(--solapa-fifteen-color);
}

.service-details__cagegory-list li .numbering {
    position: absolute;
    right: 70px;
    font-weight: 600;
    font-size: var(--font-20);
    color: var(--solapa-third-color);
}

/* Service Details Contractor */
.service-details__contractor {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.service-details__contractor-image {
    position: relative;
}

.service-details__contractor-image img {
    position: relative;
    width: 100%;
    display: block;
}

.service-details__contractor-content {
    position: relative;
    text-align: center;
    padding: 30px 50px 40px;
    background-size: cover;
    background-color: var(--solapa-twenty-color);
}

.sidebar-widget .service-details__contractor-icon {
    position: relative;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    display: block;
    line-height: 86px;
    border-radius: 50px;
    font-size: var(--font-40);
    background-color: var(--solapa-white);
}

.service-details__contractor-title {
    position: relative;
    font-weight: 600;
    line-height: 38px;
    font-size: var(--font-36);
    color: var(--solapa-white);
    margin-top: var(--margin-top-15);
}

.service-details__contractor-quote {
    position: relative;
    font-weight: 400;
    line-height: 25.6px;
    font-size: var(--font-18);
    color: var(--solapa-white);
    margin-top: var(--margin-top-20);
}

.service-details__contractor-phone {
    position: relative;
    font-weight: 600;
    line-height: 25.6px;
    font-size: var(--font-38);
    color: var(--solapa-white);
    display: inline-block;
    margin-top: var(--margin-top-20);
    font-family: var(--solapa-smooch-font);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.service-details__contractor-phone:hover {
    color: var(--solapa-base);
}

/* Service Detail Title */
.service-detail__title {
    position: relative;
    font-weight: 700;
    line-height: 64px;
    font-size: var(--font-60);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-20);
}

.service-detail__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-20);
}

.service-detail__title-two {
    position: relative;
    font-weight: 700;
    line-height: 64px;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-5);
}

.service-detail__text-two {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-50);
}

.service-detail__solutions {
    position: relative;
    margin-bottom: var(--margin-bottom-60);
}

.service-detail__solution-single {
    position: relative;
    padding-left: 145px;
    line-height: 32px;
    min-height: 120px;
    font-size: var(--font-18);
    padding-top: var(--padding-top-5);
    margin-bottom: var(--margin-bottom-40);
    padding-right: var(--padding-right-50);
    font-family: var(--solapa-dmsans-font);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.service-detail__solution-single .service-detail__solution-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: var(--font-70);
    color: var(--solapa-black);
    border-radius: 0px 3px 3px 0px;
    border-left: 1px solid var(--solapa-primary);
    background-color: var(--solapa-fifteen-color);
}

.service-detail__solution-single:nth-child(2) .service-detail__solution-icon {
    background-color: var(--solapa-seven-color);
    border-color: var(--solapa-base);
}

.service-detail__image {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.service-detail__image img {
    position: relative;
    width: 100%;
}

.service-provide {
    position: relative;
    padding-left: var(--padding-left-20);
}

.service-detail__title-three {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-15);
}

.service-detail__text-three {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-20);
    padding-right: var(--padding-right-30);
}

.service-detail__list {
    position: relative;
}

.service-detail__list li {
    position: relative;
    font-size: var(--font-18);
    margin-bottom: var(--margin-bottom-20);
    color: var(--solapa-thirtyeight-color);
    padding-left: var(--padding-left-30);
}

.service-detail__list li:before {
    position: absolute;
    content: "\e905";
    left: 0px;
    top: 3px;
    line-height: 1em;
    font-size: var(--font-16);
    font-family: "icomoon";
}

.service-detail__text-four {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-60);
    margin-bottom: var(--margin-bottom-50);
    padding-right: var(--padding-right-80);
    font-family: var(--solapa-dmsans-font);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.service-detail .choose-one__single-inner {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
}

.service-detail__accordian-title {
    position: relative;
    font-weight: 700;
    line-height: 64px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-10);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-20);
}

.service-detail__faq-accordion {
    position: relative;
    border-radius: 5px;
    padding: 40px 30px 50px;
    margin-bottom: var(--margin-bottom-30);
    border: 1px solid var(--dark-color);
    margin-bottom: 3px;
}

/***

====================================================================
  Accordion Style
====================================================================

***/
.service-detail__faq-toggle {
    position: relative;
    border-radius: 3px;
    margin-bottom: var(--margin-bottom-20);
    border: 1px solid var(--solapa-fifteen-color);
}

.service-detail__faq-toggle:last-child {
    margin-bottom: var(--margin-zero);
}

.service-detail__acc-btn {
    position: relative;
    cursor: pointer;
    line-height: 25px;
    font-weight: 600;
    background: none;
    padding: 16px 25px;
    border-radius: 3px;
    font-size: var(--font-20);
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    color: var(--solapa-thirtyeight-color);
    -webkit-transition: all 500ms ease;
    background-color: var(--solapa-fifteen-color);
}

.service-detail__acc-btn.active .service-detail__faq-icon {
    transform: rotate(180deg);
}

.service-detail__acc-btn .service-detail__faq-toggle.active-block {
    padding-top: var(--padding-top-30);
    border-color: var(--dark-color);
}

.service-detail__faq-icon {
    position: absolute;
    right: 25px;
    color: var(--dark-color);
    text-align: center;
    line-height: 30px;
    font-family: "FontAwesome";
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.fa-angle-down:before {
    font-family: "Font Awesome 5 Free";
}

.service-detail__faq-content {
    position: relative;
    display: none;
    padding: 20px 22px 15px;
}

.service-detail__faq-text {
    padding-bottom: 6px;
}

.service-detail__faq-accordion .service-detail__faq-content.current {
    display: block;
}

.service-detail__faq-text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-16);
    color: var(--roofie-fourth-color);
}

/***

====================================================================
  Project Four
====================================================================

***/
.project-four {
    position: relative;
    padding: 100px 0px 70px;
}

.project-four .filters {
    position: relative;
    margin-bottom: var(--margin-bottom-40);
}

.project-four .filters .filter-tabs {
    position: relative;
    text-align: center;
}

.project-four .filters li {
    position: relative;
    cursor: pointer;
    font-weight: 500;
    margin: 0px 10px 10px;
    font-size: var(--font-22);
    color: var(--text-color);
    display: inline-block;
    padding: 14px 35px 13px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    font-family: var(--solapa-smooch-font);
    border: 1px solid var(--solapa-fifty-color);
}

.project-four .filters .filter.active,
.project-four .filters .filter:hover {
    color: var(--solapa-white);
    border-color: var(--solapa-primary);
    background-color: var(--solapa-primary);
}

.project-four .filters .filter.active::before,
.project-four .filters .filter:hover::before {
    opacity: 1;
    transform: scale(1, 1);
}

.project-four .filters .filter.active .project-four__total-posts,
.project-four .filters .filter:hover .project-four__total-posts {
    opacity: 1;
    visibility: visible;
}

.project-four__total-posts {
    position: absolute;
    left: 50%;
    top: -22px;
    width: 30px;
    height: 30px;
    opacity: 0;
    visibility: visible;
    line-height: 30px;
    margin-left: -15px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-18);
    color: var(--solapa-white);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    background-color: var(--solapa-base);
}

.project-four__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.project-four__image {
    position: relative;
}

.project-four__image img {
    position: relative;
    width: 100%;
    display: block;
}

.project-four__overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.project-four__image:hover .project-four__overlay-box {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.project-four__overlay-box:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.54;
    background-color: var(--solapa-fiftyone-color);
}

.project-four__content {
    position: absolute;
    left: 40px;
    bottom: 40px;
    padding-left: var(--padding-left-20);
    border-left: 4px solid var(--solapa-white);
}

.project-four__sub-title {
    position: relative;
    font-size: var(--font-16);
    color: var(--solapa-base);
}

.project-four__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-32);
    margin-top: var(--margin-top-5);
}

.project-four__title a {
    position: relative;
    color: var(--solapa-white);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.project-four__title a:hover {
    color: var(--solapa-base);
}

.project-four__arrow {
    position: relative;
    width: 46px;
    height: 31px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--solapa-white);
    margin-top: var(--margin-top-5);
    border-radius: 3px 50px 50px 3px;
    background-color: var(--solapa-primary);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.project-four__arrow:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

.project-four__single.mix {
    display: none;
}

.project-detail {
    position: relative;
    padding: 70px 0px 90px;
}

.project-detail__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-60);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-15);
}

.project-detail_text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-20);
}

.project-detail_text-two {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-50);
}

.project-detail__image {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--margin-bottom-50);
}

.project-detail__image img {
    position: relative;
    width: 100%;
    display: block;
}

.project-detail__title-two {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-20);
}

.project-detail__text-three {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-30);
}

.project-detail .choose-one__single-inner::before {
    display: none;
}

.project-detail .choose-one__single-inner {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
}

.project-detail__title-three {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    margin-top: var(--margin-top-30);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-20);
}

.project-detail__title-four {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
}

.project-detail__info-box {
    position: relative;
    padding: 37px 50px 20px;
    margin-bottom: var(--margin-bottom-60);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

/* Project Detail Info Title */
.project-detail__info-title {
    position: relative;
    font-weight: 700;
    line-height: 32px;
    font-size: var(--font-30);
    margin-bottom: var(--margin-bottom-30);
    padding-bottom: var(--padding-bottom-20);
    font-family: var(--solapa-smooch-font);
}

.project-detail__info-title::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 65px;
    height: 3px;
    background-color: var(--solapa-base);
}

.project-detail__info-title::after {
    position: absolute;
    content: "";
    left: 68px;
    bottom: 0px;
    width: 20px;
    height: 3px;
    background-color: var(--solapa-primary);
}

.project-detail__info {
    position: relative;
}

.project-detail__info li {
    position: relative;
    font-weight: 500;
    font-size: var(--font-18);
    margin-bottom: var(--margin-bottom-30);
    padding-left: var(--padding-left-55);
    color: rgba(var(--solapa-thirtyeight-color-rgb), 0.7);
}

.project-detail__info li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 1em;
    font-size: var(--font-40);
    color: var(--solapa-primary);
}

.project-detail__info li strong {
    position: relative;
    display: block;
    margin-top: var(--margin-top-5);
    color: var(--solapa-thirtyeight-color);
}

/* Project Detail List */
.project-detail__list {
    position: relative;
}

.project-detail__list li {
    position: relative;
    font-size: var(--font-18);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-25);
    color: rgba(var(--solapa-thirtyeight-color-rgb), 0.8);
}

.project-detail__list li:before {
    position: absolute;
    content: "\e905";
    left: 0px;
    top: 3px;
    line-height: 1em;
    font-size: var(--font-16);
    font-family: "icomoon";
}

.project-detail__list li:last-child {
    margin-bottom: var(--margin-zero);
}

.project-detail__text-four {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-40);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-100);
}

.project-detail__text-five {
    position: relative;
    line-height: 32px;
    max-width: 440px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-15);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-35);
}

/***

====================================================================
  Styled Pagination
====================================================================

***/
.styled-pagination {
    position: relative;
    margin-top: var(--margin-top-40);
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    margin: 0px 8px 8px 0px;
}

.styled-pagination li a {
    position: relative;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    min-width: 50px;
    font-weight: 500;
    text-align: center;
    border-radius: 50px;
    font-size: var(--font-24);
    color: var(--solapa-third-color);
    text-transform: capitalize;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    background-color: var(--solapa-fifteen-color);
    font-family: var(--solapa-smooch-font);
}

.styled-pagination li.next a:hover,
.styled-pagination li a:hover,
.styled-pagination li a.active {
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

.styled-pagination li.next a {
    background-color: var(--solapa-fiftytwo-color);
}

/* Search Box Widget */
.blog-search__box .form-group {
    position: relative;
    margin: 0px;
}

.blog-search__box .form-group input[type="text"],
.blog-search__box .form-group input[type="search"] {
    position: relative;
    line-height: 43px;
    display: block;
    width: 100%;
    height: 70px;
    outline: none;
    border: none;
    border-radius: 3px;
    color: var(--dark-color);
    font-size: var(--font-18);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    padding: 10px 50px 10px 25px;
    background: var(--solapa-white);
}

.blog-search__box .form-group button {
    position: absolute;
    right: 20px;
    top: 12px;
    height: 48px;
    width: 48px;
    display: block;
    cursor: pointer;
    border: none;
    line-height: 100%;
    font-weight: normal;
    border-radius: 50px;
    line-height: 50px;
    font-size: var(--font-18);
    color: var(--solapa-twentyeight-color);
    background: var(--solapa-fifteen-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.blog-search__box .form-group button:hover {
    color: var(--solapa-white);
    background: var(--solapa-primary);
}

/* Sidebar Post List */
.sidebar__post-list {
    position: relative;
}

.sidebar__post-list li {
    position: relative;
    min-height: 128px;
    margin-bottom: var(--margin-bottom-30);
    padding-left: var(--padding-left-105);
    border-bottom: 1px solid var(--solapa-fourtynine-color);
}

.sidebar__post-list li:last-child {
    border: none;
    min-height: 95px;
    margin-bottom: var(--margin-zero);
    padding-bottom: var(--padding-zero);
}

.sidebar__post-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90px;
    height: 95px;
    overflow: hidden;
    border-radius: 3px;
    display: inline-block;
}

.sidebar__post-content-meta {
    position: relative;
    display: block;
    font-size: var(--font-15);
    color: var(--solapa-third-color);
    padding-left: var(--padding-left-20);
}

.sidebar__post-content-meta:before {
    position: absolute;
    content: "\e903";
    left: 0px;
    top: 0px;
    font-family: "icomoon";
    color: var(--solapa-base);
}

.sidebar__post-list a {
    position: relative;
    font-weight: 700;
    display: block;
    line-height: 30px;
    font-size: var(--font-24);
    margin-top: var(--margin-top-10);
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar__post-list a:hover {
    color: var(--solapa-primary);
}

/* Sidebar Tags List */
.sidebar__tags-list {
    position: relative;
}

.sidebar__tags-list a {
    position: relative;
    padding: 8px 12px;
    border-radius: 3px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--solapa-third-color);
    margin-right: var(--margin-right-5);
    margin-bottom: var(--margin-bottom-10);
    background-color: var(--solapa-white);
    font-weight: 600;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar__tags-list a:hover {
    color: var(--solapa-white);
    background: var(--solapa-primary);
}

.news-three {
    position: relative;
    padding: 120px 0px 120px;
}

/* News Three Single */
.news-three__single {
    position: relative;
    margin-bottom: var(--margin-bottom-50);
}

.news-three__single-inner {
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}

.news-three__img {
    position: relative;
    overflow: hidden;
    background-color: #080d1c;
}

.news-three__img img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-three__single-inner:hover .news-three__img img {
    opacity: 0.7;
    transform: scale(1.04, 1.04);
}

.news-three__category {
    position: absolute;
    left: 40px;
    bottom: 20px;
    padding: 6px 14px 3px;
    border-radius: 3px;
    color: var(--solapa-white);
    font-size: var(--font-16);
    background-color: var(--solapa-nineteen-color);
}

.news-three__category a {
    color: var(--solapa-white);
}

.news-three__content {
    position: relative;
    padding: 40px 40px;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid var(--solapa-fourty-color);
}

.news-three__title {
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-50);
    margin-bottom: 15px;
}

.news-three__title a {
    position: relative;
    color: var(--solapa-third-color);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 500ms ease;
}

.news-three__title a:hover {
    background-size: 100% 2px;
}

.news-three__title a:hover {
    color: var(--solapa-primary);
}

.news-three__meta {
    position: relative;
}

.news-three__meta li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-20);
}

.news-three__meta li:last-child {
    margin-right: var(--margin-zero);
}

.news-three__meta li a {
    position: relative;
    display: inline-block;
    font-size: var(--font-16);
    padding-left: var(--padding-left-25);
    color: rgba(var(--solapa-twentysix-color-rgb), 0.8);
}

.news-three__meta li a i {
    position: absolute;
    left: 0px;
    top: 2px;
    line-height: 1em;
    color: var(--solapa-twentysix-color);
}

.news-three__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-20);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
    word-wrap: break-word;
}

.news-three__read-more {
    position: relative;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--solapa-third-color);
    font-family: var(--solapa-catamaran-font);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

a .news-three__arrow {
    position: relative;
    top: 3px;
    width: 42px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    color: var(--solapa-white);
    border-radius: 3px 50px 50px 3px;
    margin-left: var(--margin-left-10);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--solapa-third-color);
}

.news-three__read-more:hover {
    color: var(--solapa-base);
}

.news-three__read-more:hover .news-three__arrow {
    color: var(--solapa-white);
    background-color: var(--solapa-nineteen-color);
}

/* News Four */
.news-four {
    position: relative;
    padding: 100px 0px 100px;
}

@media (min-width: 1200px) {

    .col-lg-7 .blog-list__left,
    .col-lg-7 .news-detail {
        padding-right: 20px;
    }
}

.news-detail {
    position: relative;
}

.news-detail__inner {
    position: relative;
}

.news-detail__img {
    position: relative;
}

.news-detail__img img {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 50px;
    border-radius: 5px;
}

.news-detail__category {
    position: absolute;
    left: 40px;
    bottom: 20px;
    padding: 6px 14px 3px;
    border-radius: 3px;
    color: var(--solapa-white);
    font-size: var(--font-16);
    background-color: var(--solapa-nineteen-color);
}

.news-detail__content {
    position: relative;
    margin-top: -10px;
}

.news-detail__title {
    position: relative;
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-50);
    color: var(--solapa-third-color);
    margin-bottom: 17px;
}

.blog-details__content-box-one .blog-details__content ul.news-detail__meta {
    position: relative;
    padding-left: 0;
}

.news-detail__inner .news-detail__meta li {
    position: relative;
    display: inline-block;
    font-size: var(--font-16);
    padding-left: var(--padding-left-25);
    margin-right: var(--margin-right-20);
    color: rgba(var(--solapa-twentysix-color-rgb), 0.8);
}

.news-detail__meta li:last-child {
    margin-right: var(--margin-zero);
}

.news-detail__meta li i {
    position: absolute;
    left: 0px;
    top: 6px;
    line-height: 1em;
    font-style: normal;
    color: var(--solapa-twentysix-color);
}

.news-detail__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-20);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.news-detail__text-two,
.news-detail__text-two p {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-45);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.news-detail__img-two {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: var(--margin-bottom-45);
    margin-top: 50px;
}

.news-detail__img-two img {
    position: relative;
    width: 100%;
    display: block;
}

.news-detail__text-three {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-bottom: var(--margin-bottom-40);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.news-detail__blockquote {
    position: relative;
    font-weight: 700;
    line-height: 36px;
    margin: var(--margin-zero);
    font-size: var(--font-30);
    padding-left: var(--padding-left-25);
    padding-right: var(--padding-right-20);
    color: var(--solapa-thirtyeight-color);
    font-family: var(--solapa-smooch-font);
    border-left: 6px solid var(--solapa-fiftythree-color);
}

.news-detail__list {
    position: relative;
}

.news-detail__list li {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    padding-left: var(--padding-left-35);
    margin-bottom: var(--margin-bottom-15);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.news-detail__list li:before {
    position: absolute;
    content: "\e905";
    left: 0px;
    top: 0px;
    font-family: "icomoon";
    color: var(--solapa-primary);
}

.news-detail__text-four {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-30);
    margin-bottom: var(--margin-bottom-60);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.news-details__bottom {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news-details__tags {
    position: relative;
}

.news-details__tags span {
    position: relative;
    font-weight: 700;
    font-size: var(--font-30);
    margin-right: var(--margin-right-5);
    color: var(--solapa-thirtyeight-color);
    font-family: var(--solapa-smooch-font);
}

.news-details__tags a {
    position: relative;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px 15px 1px;
    display: inline-block;
    margin-bottom: var(--margin-bottom-10);
    font-size: var(--font-16);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    color: rgba(var(--solapa-third-color-rgb), 0.8);
    background-color: var(--solapa-fifteen-color);
    line-height: 31px;
    margin-right: 9px;
}

.news-details__tags a:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

.news-details__social-list {
    position: relative;
}

.news-details__social-list a {
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    font-size: var(--font-18);
    margin-left: var(--margin-left-5);
    color: var(--solapa-thirtyeight-color);
    border: 1px solid var(--solapa-thirtyeight-color);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-details__social-list a:hover {
    color: var(--solapa-white);
    border-color: var(--solapa-primary);
    background-color: var(--solapa-primary);
}

/* Author Box */
.news-detail__author-box {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding: 45px 30px 40px;
    margin-top: var(--margin-top-60);
    margin-bottom: var(--margin-bottom-65);
    background-color: var(--solapa-fiftyfour-color);
}

.news-detail__author-inner {
    position: relative;
    padding-top: var(--padding-top-5);
    padding-left: var(--padding-left-130);
}

.news-detail__author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 112px;
    overflow: hidden;
    border-radius: 50%;
}

.news-detail__author-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.news-detail__author-name {
    position: relative;
    font-weight: 700;
    line-height: 26.6px;
    display: inline-block;
    font-size: var(--font-30);
    color: var(--solapa-fiftyfive-color);
    font-family: var(--solapa-smooch-font);
}

.news-detail__author-text {
    position: relative;
    font-weight: 400;
    line-height: 32px;
    opacity: 0.8;
    font-size: var(--font-18);
    margin-top: var(--margin-top-10);
    color: var(--solapa-fiftyfive-color);
}

.news-detail__social-box {
    position: relative;
    display: inline-block;
    margin-top: var(--margin-top-20);
}

.news-detail__social-box a {
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    font-size: var(--font-18);
    margin-right: var(--margin-right-5);
    color: var(--solapa-thirtyeight-color);
    border: 1px solid var(--solapa-thirtyeight-color);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-detail__social-box a:hover {
    color: var(--solapa-white);
    border-color: var(--solapa-primary);
    background-color: var(--solapa-primary);
}

/* News Detail More Posts */
.news-detail__more-posts {
    position: relative;
    padding: 19px 0px;
    border-top: 1px solid var(--solapa-fifteen-color);
    border-bottom: 1px solid var(--solapa-fifteen-color);
}

.news-detail__more-posts .prev-post {
    position: relative;
    font-weight: 700;
    line-height: 34px;
    font-size: var(--font-24);
    padding-left: var(--padding-left-50);
    color: var(--solapa-fiftyfive-color);
    font-family: var(--solapa-smooch-font);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-detail__more-posts .prev-post span {
    position: absolute;
    left: 0px;
    top: 16px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 50px;
    font-size: var(--font-16);
    display: inline-block;
    background-color: var(--solapa-fifteen-color);
}

.news-detail__more-posts .next-post:hover,
.news-detail__more-posts .prev-post:hover {
    color: var(--solapa-primary);
}

.news-detail__more-posts .next-post {
    position: relative;
    font-weight: 700;
    line-height: 34px;
    text-align: right;
    font-size: var(--font-24);
    padding-right: var(--padding-right-50);
    color: var(--solapa-fiftyfive-color);
    font-family: var(--solapa-smooch-font);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-detail__more-posts .next-post span {
    position: absolute;
    right: 0px;
    top: 16px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 50px;
    font-size: var(--font-16);
    display: inline-block;
    background-color: var(--solapa-fifteen-color);
}

/* Comment One */
.comment-one {
    position: relative;
    margin-top: var(--margin-top-60);
}

.comment-one__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-35);
    font-family: var(--solapa-smooch-font);
}

.comment-one__single {
    position: relative;
    padding-left: 130px;
    margin-bottom: var(--margin-bottom-40);
    padding-bottom: var(--padding-bottom-40);
    border-bottom: 1px solid var(--solapa-fifteen-color);
}

.comment-one__image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 112px;
    height: 112px;
    overflow: hidden;
    border-radius: 50%;
}

.comment-one__content {
    position: relative;
}

.comment-one__name {
    position: relative;
    font-weight: 600;
    font-size: var(--font-30);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-10);
    font-family: var(--solapa-smooch-font);
}

.comment-one__time {
    position: relative;
    font-size: var(--font-16);
    color: rgba(var(--solapa-third-color-rgb), 0.7);
}

.comment-one__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-5);
    color: rgba(var(--solapa-third-color-rgb), 0.8);
}

.comment-one__reply-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight: 700;
    border-radius: 3px;
    padding: 6px 15px 3px;
    display: inline-block;
    margin-bottom: var(--margin-bottom-10);
    font-size: var(--font-16);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    color: var(--solapa-third-color);
    font-family: var(--solapa-smooch-font);
    background-color: var(--solapa-fifteen-color);
}

.comment-one__reply-btn:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-primary);
}

.comment-one__reply-comment {
    position: relative;
    margin-left: var(--margin-left-90);
}

/* Comment One Form */
.comment-one__form {
    position: relative;
    margin-top: var(--margin-top-40);
}

.comment-form__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-third-color);
    margin-bottom: var(--margin-bottom-30);
    font-family: var(--solapa-smooch-font);
}

/* Service One Form */
.comment-one__form-box {
    position: relative;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
    margin-top: 0;
}

.comment-one__form-box .form-group {
    position: relative;
}

.comment-one__form-box .form-group.comment_field {
    margin-bottom: 10px;
}

.comment-one__form-box .form-group:last-child {
    margin-bottom: var(--margin-zero);
}

.comment-one__form-box input[type="text"],
.comment-one__form-box input[type="email"],
.comment-one__form-box input[type="password"],
.comment-one__form-box select,
.comment-one__form-box textarea {
    display: block;
    width: 100%;
    height: 56px;
    border: 0px;
    font-weight: 400;
    padding: 8px 25px;
    border-radius: 3px;
    line-height: 28px;
    font-size: var(--font-16);
    color: var(--roofie-fourth-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: var(--solapa-fiftyfour-color);
    font-family: var(--solapa-font-two, "Catamaran", sans-serif);
}

.comment-one__form-box .form-group textarea::-webkit-input-placeholder,
.comment-one__form-box .form-group input::-webkit-input-placeholder {
    color: rgba(var(--solapa-third-color-rgb), 0.6);
    font-weight: 400;
}

.comment-one__form-box textarea {
    height: 210px;
    resize: none;
    font-size: 15px;
    padding-top: 15px;
    border-radius: 3px;
    padding: 20px 25px;
}

.comment-one__form-box input[type="text"]:focus,
.comment-one__form-box input[type="email"]:focus,
.comment-one__form-box input[type="password"]:focus,
.comment-one__form-box select:focus,
.comment-one__form-box textarea:focus {
    border: 0px;
}

.comment-one__form-box .theme-btn {
    cursor: pointer;
    border: none;
    letter-spacing: 0px;
    font-size: var(--font-18);
    text-transform: capitalize;
}

/***

====================================================================
  Error Page
====================================================================

***/
.error-page {
    position: relative;
    text-align: center;
    padding: 110px 0px 110px;
}

.error-page__image {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
}

.error-page__tagline {
    position: relative;
    font-weight: 600;
    font-size: var(--font-50);
    margin-top: var(--margin-top-25);
    color: var(--solapa-thirtyeight-color);
    font-family: var(--solapa-catamaran-font);
}

.error-page__text {
    position: relative;
    font-weight: 400;
    font-size: var(--font-20);
    margin-top: var(--margin-top-20);
    color: rgba(var(--solapa-thirtyeight-color-rgb), 0.8);
}

.error-home__btn {
    position: relative;
    font-weight: 500;
    padding: 19px 42px;
    border-radius: 4px;
    font-size: var(--font-18);
    text-transform: capitalize;
    margin-top: var(--margin-top-40);
    color: var(--solapa-thirtyeight-color);
    border: 2px solid var(--solapa-base);
}

.error-home__btn:hover {
    color: var(--solapa-white);
    background-color: var(--solapa-base);
}

/***

====================================================================
  Contact One
====================================================================

***/
.contact-one {
    position: relative;
    padding: 115px 0px 90px;
    background-color: var(--solapa-fiftysix-color);
}

.contact-one__title {
    position: relative;
    font-weight: 700;
    line-height: 49px;
    font-size: var(--font-43);
    margin-right: -25px;
    color: var(--solapa-fiftyseven-color);
}

.contact-one__text {
    position: relative;
    font-weight: 400;
    line-height: 30px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-40);
    color: rgba(var(--solapa-fiftyseven-color-rgb), 0.8);
}

.contact-one__info {
    position: relative;
}

.contact-one__info li {
    position: relative;
    font-weight: 600;
    font-size: var(--font-30);
    color: var(--roofie-third-color);
    padding-top: var(--padding-top-10);
    padding-left: var(--padding-left-120);
    margin-bottom: var(--margin-bottom-35);
    font-family: var(--solapa-smooch-font);
}

.contact-one__info li:last-child {
    margin-bottom: var(--margin-zero);
}

.contact-one__info li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 95px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-40);
    color: var(--solapa-six-color);
    background-color: var(--solapa-white);
    transition: all 500ms ease;
}

.contact-one__info li .icon:hover {
    background-color: var(--solapa-third-color);
    color: #fff;
}

.contact-one__info li:last-child .icon {
    font-size: var(--font-50);
}

.contact-one__info p {
    position: relative;
    line-height: 30px;
    font-weight: 400;
    font-size: var(--font-18);
    color: var(--solapa-six-color);
    margin-top: var(--margin-top-15);
    font-family: var(--solapa-catamaran-font);
}

.contact-one__form-box {
    position: relative;
    padding: 50px 40px;
    border-radius: 4px;
    margin-left: var(--margin-left-50);
    background-color: var(--solapa-white);
}

.contact-one__title-two {
    position: relative;
    font-weight: 700;
    line-height: 26.4px;
    font-size: var(--font-36);
    color: var(--solapa-fiftyseven-color);
}

.contact-one__text-two {
    position: relative;
    font-weight: 400;
    line-height: 30px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-35);
    color: rgba(var(--solapa-fiftyseven-color-rgb), 0.8);
}

/* Contact Form */
.contact-form {
    position: relative;
}

.contact-form p {
    margin: 0;
}

.contact-form .row {
    margin: 0px -10px;
}

.contact-form .form-group {
    position: relative;
    padding: 0px 10px;
    margin-bottom: var(--margin-bottom-30);
}

.contact-form .form-group:last-child {
    margin-bottom: 0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 18px;
    padding: 10px 25px;
    height: 56px;
    border-radius: 0px;
    font-size: var(--font-16);
    color: var(--header-color);
    border: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: var(--solapa-fiftysix-color);
    font-family: var(--solapa-catamaran-font);
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group textarea:focus {
    color: rgba(var(--solapa-third-color-rgb), 0.7);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #181818;
    opacity: 0.66;
}

.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    line-height: 18px;
    padding: 20px 25px;
    color: var(--header-color);
    border-radius: 0px;
    font-size: var(--font-16);
    background-color: var(--solapa-fiftysix-color);
    border: 2px solid transparent;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: var(--solapa-catamaran-font);
}

.contact-form button {
    position: relative;
    border: none;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #ff0000 !important;
}

.contact-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ff0000;
    font-weight: 500;
}

/* Contact Map */
.contact-map {
    position: relative;
    margin-bottom: -15px;
}

.contact-map iframe {
    position: relative;
    width: 100%;
    height: 600px;
}

/* Css 3 Animation  */
@-webkit-keyframes shapeMover {

    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
    }

    50% {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}

@keyframes shapeMover {

    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
    }

    50% {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}

@-webkit-keyframes squareMover {

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }

    20%,
    60% {
        -webkit-transform: translate(20px, 40px) rotate(180deg);
        transform: translate(20px, 40px) rotate(180deg);
    }

    30%,
    80% {
        -webkit-transform: translate(40px, 60px) rotate(0deg);
        transform: translate(40px, 60px) rotate(0deg);
    }
}

@keyframes squareMover {

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }

    20%,
    60% {
        -webkit-transform: translate(20px, 40px) rotate(180deg);
        transform: translate(20px, 40px) rotate(180deg);
    }

    30%,
    80% {
        -webkit-transform: translate(40px, 60px) rotate(0deg);
        transform: translate(40px, 60px) rotate(0deg);
    }
}

@-webkit-keyframes float-bob-y {
    0% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes float-bob-y {
    0% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(-20px);
    }
}

@-webkit-keyframes float-bob-x {
    0% {
        transform: translateX(-30px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(-30px);
    }
}

@keyframes float-bob-x {
    0% {
        transform: translateX(-30px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(-30px);
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7);
        transform: rotate(0deg) scale(0.7);
        opacity: 0;
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.7);
        transform: rotate(360deg) scale(0.7);
        opacity: 0;
    }
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.swiper-button-prev,
.swiper-button-next {
    background-image: none !important;
}

.page-header-bg {
    background-color: #17161a;
}

.news-three__meta li a {
    padding-left: 5px;
}

/*--------------------------------------------------------------
## Error Page
--------------------------------------------------------------*/
.error-page__inner {
    position: relative;
    display: block;
    text-align: center;
}

.error-page__title {
    position: relative;
    display: inline-block;
    font-size: 350px;
    line-height: 350px;
    letter-spacing: 0.2em;
    font-weight: 200;
    margin-bottom: 16px;
}

.error-page__tagline {
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 19px;
    text-transform: uppercase;
    font-weight: 500;
}

.error-page__text {
    margin: 0 auto;
    line-height: 1.6em;
    max-width: 550px;
}

.error-page__form {
    position: relative;
    display: block;
    margin: 61px auto 20px;
}

.error-page__form-input {
    position: relative;
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

.error-page__form input[type="search"] {
    height: 68px;
    width: 100%;
    border: none;
    outline: none;
    background-color: var(--solapa-fifteen-color);
    font-size: 18px;
    color: var(--solapa-gray);
    font-weight: 400;
    padding-left: 50px;
    padding-right: 75px;
}

.error-page__form button[type="submit"] {
    background-color: transparent;
    color: var(--solapa-black);
    font-size: 22px;
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    width: 70px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
}

/* unit */
.news-three__single.tag-sticky-2 .news-three__single-inner:before,
.news-three__single.sticky .news-three__single-inner:before {
    position: absolute;
    right: 0px;
    content: "";
    width: 40px;
    height: 40px;
    background-color: var(--solapa-base, #fc8f14);
    z-index: 10;
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
}

.wp-block-cover-image .wp-block-cover-image-text,
.blog-details__content .wp-block-cover-image .wp-block-cover-text,
.blog-details__content .wp-block-cover-image h2,
.blog-details__content .wp-block-cover .wp-block-cover-image-text,
.blog-details__content .wp-block-cover .wp-block-cover-text,
.blog-details__content .wp-block-cover h2 {
    color: #fff;
}

.blog-details__content .wp-block-cover {
    margin-bottom: 32px;
}

.blog-details__content {
    font-size: 16px;
    line-height: 2;
    overflow: hidden;
}

.blog-details__content .wp-block-quote.has-text-align-right {
    border-right: 2px solid var(--solapa-black, #1e1e22);
    border-left: 0;
}

.blog-details__content .wp-block-quote.has-text-align-right::before {
    right: auto;
    left: 30px;
    transform: rotateX(-180deg);
}

.blog-details__content .blocks-gallery-caption {
    margin-bottom: 26px;
}

.blog-details__content blockquote:not([class*="has-"]),
.comment-content blockquote,
.blog-details__content .wp-block-quote {
    background-color: var(--solapa-fifteen-color);
    border-left: 2px solid var(--solapa-black, #1e1e22);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--solapa-bdr-radius);
}

blockquote {
    margin: 0 1.5em;
}

.blog-details__content blockquote:not([class*="has-"])::before,
.comment-content blockquote::before,
.blog-details__content .wp-block-quote::before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    bottom: 0;
    transform: rotate(180deg);
    font-size: 100px;
    color: var(--solapa-base, #fc8f14);
    opacity: 0.4;
    right: 30px;
    line-height: 0.9em;
    bottom: -25px;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-style: italic;
}

.comment-content strong,
.blog-details__content strong {
    color: var(--solapa-black, #1e1e22);
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: none;
}

.wp-block-pullquote {
    border-top: 4px solid #555d66;
    border-bottom: 4px solid #555d66;
    color: #40464d;
}

.wp-block-pullquote {
    margin: 0 0 1em;
    padding: 3em 0;
    text-align: center;
    border-radius: var(--solapa-bdr-radius);
}

.post .blog-details__content p.has-large-font-size {
    font-size: 2.25em;
}

.post .blog-details__content p.has-small-font-size {
    font-size: 0.9125em;
}

.wp-block-group.has-background {
    padding: 30px;
}

.wp-block-columns {
    margin: 30px 0;
}

.post-password-form label {
    font-weight: 600;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.blog-details__content .post-password-form label {
    font-size: 18px;
    font-weight: 600;
    color: var(--solapa-black, #1e1e22);
}

.comments-area h1,
.blog-details__content h1,
.comment-content h2,
.blog-details__content h2,
.comment-content h3,
.blog-details__content h3,
.comment-content h4,
.blog-details__content h4,
.comment-content h5,
.blog-details__content h5,
.comment-content h6,
.blog-details__content h6 {
    color: var(--solapa-black, #1e1e22);
}

.blog-details__content .post-password-form label {
    font-size: 18px;
    font-weight: 600;
    color: var(--solapa-black, #1e1e22);
}

.blog-details__content .post-password-form input[type="password"] {
    width: 200px;
    height: 50px;
    background-color: var(--solapa-fifteen-color);
    color: var(--solapa-gray, #717178);
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: var(--solapa-bdr-radius);
}

.blog-details__content .post-password-form input[type="submit"] {
    width: 120px;
    height: 50px;
    background-color: var(--solapa-black, #1e1e22);
    color: var(--solapa-white, #ffffff);
    padding: 0;
    text-align: center;
    text-transform: capitalize;
    font-family: var(--solapa-font-two, "Smooch Sans", sans-serif);
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    transition: all 500ms ease;
    border-radius: var(--solapa-bdr-radius);
    font-size: 18px;
}

.blog-details__content .post-password-form input[type="submit"]:hover {
    background-color: var(--solapa-base, #fc8f14);
    color: var(--solapa-white, #ffffff);
}

.post .blog-details__content>p {
    line-height: 2em;
    font-size: 16px;
}

.wp-block-cover-text strong {
    color: inherit;
}

/* block widget */
.blog-details__content ul,
.comments-area ul,
.comments-area ol,
.blog-details__content ol {
    margin: 0 0 0.5em 0.5em;
    margin-left: 0;
}

.wp-block-archives-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--solapa-gray, #717178);
    position: relative;
    line-height: 34px;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--solapa-gray, #717178);
    transition: all 0.3s ease;
    z-index: 1;
}

.wp-block-archives-list li a {
    color: inherit;
    transition: all 500ms ease;
}

.wp-block-archives.wp-block-archives-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}

.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
    width: 100%;
    height: 60px;
    background-color: var(--solapa-fifteen-color);
    border: 1px solid var(--solapa-fifteen-color);
    outline: none;
    color: var(--solapa-gray, #717178);
    font-size: 16px;
    font-weight: 500;
    padding-left: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: var(--solapa-catamaran-font);
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="rgb(34, 36, 41)" d="M540.1 776.847l472.32-473.63c15.466-15.518 15.44-40.642-0.080-56.134-15.518-15.48-40.656-15.44-56.134 0.080l-444.208 445.438-444.206-445.454c-15.48-15.518-40.602-15.558-56.122-0.080-7.78 7.766-11.67 17.94-11.67 28.114 0 10.148 3.864 20.282 11.59 28.034l472.308 473.632c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z"></path></svg>');
    background-repeat: no-repeat;
    background-position: right 30px top 50%;
    background-size: 0.65em auto;
    border-radius: var(--solapa-bdr-radius);
}

.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
    margin-bottom: 30px;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 3.25em;
}

.wp-block-latest-comments__comment-meta {
    font-size: 18px;
    line-height: 1.889;
    font-weight: 600;
    color: var(--solapa-black, #1e1e22);
}

.wp-block-latest-comments__comment-date {
    font-weight: 500;
    color: var(--solapa-third-color);
}

.wp-block-latest-comments__comment-date {
    display: block;
    font-size: 0.75em;
}

.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li {
    position: relative;
    padding-left: 68px;
    min-height: 44px;
}

.wp-block-latest-comments {
    padding-left: 0;
    margin-left: 0;
}

.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li::before {
    content: "\f075";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--solapa-black, #000000);
    width: 44px;
    height: 44px;
    color: var(--solapa-white, #ffffff);
    margin-right: 20px;
    transition: all 500ms ease;
    position: absolute;
    top: -5px;
    left: 0;
}

.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li:hover::before {
    background-color: var(--solapa-primary, #2ab684);
    color: var(--solapa-white, #ffffff);
}

.wp-block-latest-posts__list.has-dates li {
    position: relative;
    padding-left: 64px;
    font-size: 16px;
    line-height: 1.889;
    font-weight: 600;
    transition: all 500ms ease;
    color: var(--solapa-gray, #717178);
}

.wp-block-latest-posts__list.has-dates {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

.wp-block-latest-posts__list.has-dates li::before {
    content: "\f302";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--solapa-black, #1e1e22);
    width: 44px;
    height: 44px;
    color: var(--solapa-white, #ffffff);
    transition: all 500ms ease;
    position: absolute;
    top: 10px;
    left: 0;
}

.wp-block-latest-posts__list.is-grid.has-dates li::before {
    position: relative;
    top: auto;
    left: 0;
    margin-bottom: 10px;
}

.wp-block-latest-posts__list.is-grid.has-dates li {
    padding-left: 0;
}

.wp-block-search label {
    font-size: 18px;
    color: var(--solapa-black, #1e1e22);
    font-weight: 600;
}

.wp-block-search input[type="search"] {
    display: block;
    border: none;
    outline: none;
    width: 100%;
    max-width: 300px;
    position: relative;
    line-height: 40px;
    padding: 19px 80px 19px 35px;
    background: var(--solapa-fifteen-color);
    color: var(--solapa-gray, #717178);
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--solapa-font-two, "Kumbh Sans", sans-serif);
    width: 100%;
    height: 70px;
    border: 1px solid var(--solapa-fifteen-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.wp-block-search .wp-block-search__button {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    background-color: var(--solapa-black, #1e1e22);
    text-align: center;
    color: var(--solapa-white, #ffffff);
    padding: 0 50px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    letter-spacing: 0.01em;
}

.wp-block-tag-cloud a {
    font-size: 18px !important;
    color: var(--solapa-gray, #717178);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    transition: all 500ms ease;
}

.wp-block-rss li {
    position: relative;
    padding-left: 68px;
    font-size: 16px;
    font-weight: 600;
    color: var(--solapa-black, #1e1e22);
    min-height: 44px;
}

.wp-block-rss li+li {
    margin-top: 20px;
}

.wp-block-rss {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wp-block-rss li::before {
    content: "\f09e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--solapa-black, #1e1e22);
    width: 44px;
    height: 44px;
    color: var(--solapa-white, #ffffff);
    transition: all 500ms ease;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.blog-details__content .page-links {
    color: var(--solapa-black, #1e1e22);
    display: flex;
    align-items: center;
}

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

.blog-details__content .page-links span,
.blog-details__content .page-links a {
    display: flex;
    width: 40px;
    height: 40px;
    display: flex;
    color: var(--solapa-black, #1e1e22);
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #f1f1f5;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition: all 500ms ease;
    border-radius: 50%;
}

.blog-details__content .page-links span {
    background-color: var(--solapa-primary, #2ab684);
    color: var(--solapa-white, #ffffff);
}

.blog-details__content .page-links a:hover {
    background-color: var(--solapa-primary, #2ab684);
    color: var(--solapa-white, #ffffff);
}

.news-sidebar__left .blog-pagination {
    margin-top: 30px;
}

.blog-pagination {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-widget-pagination {
    justify-content: center;
    margin-top: 30px;
}

.blog-pagination a,
.blog-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border: 1px solid var(--solapa-bdr-color);
    width: 52px;
    height: 52px;
    font-size: 16px;
    transition: all 500ms ease;
    border-radius: 50%;
    background: #f8f6f5;
    color: #080d1c;
    font-family: var(--solapa-smooch-font);
    font-size: 24px;
    font-weight: 500;
}

.blog-pagination a.prev,
.blog-pagination a.next,
.blog-pagination span.prev,
.blog-pagination span.next {
    font-size: 20px;
}

.blog-pagination a.current,
.blog-pagination a:hover,
.blog-pagination span.current,
.blog-pagination span:hover {
    background-color: var(--solapa-primary, #2ab684);
    border-color: var(--solapa-primary, #2ab684);
    color: var(--solapa-white, #ffffff);
}

.blog-pagination span+span,
.blog-pagination a+span,
.blog-pagination span+a,
.blog-pagination a+a {
    margin-left: 10px;
}

.blog-details__content a,
.comment-content a,
.blog-details__content blockquote:not([class*="has-"]) cite {
    color: rgba(var(--solapa-twentysix-color-rgb), 0.8);
}

.wp-block-latest-comments a,
.wp-block-latest-posts__list.has-dates li a,
.wp-block-rss li a {
    color: var(--solapa-black);
    font-size: 20px;
}

a.wp-block-button__link {
    background-color: var(--solapa-black);
    color: #fff;
}

.blog-details__content a.wp-block-file__button,
.wp-block-cover strong,
.wp-block-cover__inner-container a,
.blog-details__content .wp-block-cover-text a {
    color: #fff;
}

.post .blog-details__content p {
    margin-bottom: 1rem;
}

.wp-block-calendar table th {
    background: var(--solapa-fifteen-color);
}

.comments-area ol ol,
.blog-details__content ol ol,
.blog-details__content ul ol,
.blog-details__content ol ul,
.blog-details__content ul ul,
.comments-area ul ul {
    margin-bottom: 0;
}

.wp-block-archives-list li,
.sidebar .widget.widget_archive li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.blog-details__content .wp-block-calendar .wp-calendar-nav {
    margin-bottom: 20px;
}

.comments-area ol ol,
.blog-details__content ol ol,
.blog-details__content ul ol,
.blog-details__content ol ul,
.blog-details__content ul ul,
.comments-area ul ul {
    margin-bottom: 0;
}

.tag-video .blog-details__content ul:not(.blocks-gallery-grid),
.tag-template .blog-details__content ul,
.tag-codex .blog-details__content ul,
.tag-html .blog-details__content ul,
.tag-html .blog-details__content ol,
.tag-trackbacks-2 .blog-details__content ol,
.comment-content ul,
.comment-content ol {
    display: block;
    margin: 0 0 0.5em 0.5em;
    margin-left: 0;
    padding-left: 25px;
}

.tag-html .blog-details__content ol ol,
.tag-html .blog-details__content ul ul,
.comment-content ol ol,
.comment-content ul ul {
    margin-bottom: 0;
}

.tag-trackbacks-2 .blog-details__content ol,
.tag-trackbacks-2 .blog-details__content ol li,
.tag-html .blog-details__content ol,
.tag-html .blog-details__content ol li,
.tag-video .blog-details__content ol,
.tag-video .blog-details__content ol li,
.tag-markup-2 .blog-details__content ol,
.tag-markup-2 .blog-details__content ol li,
.comment-content ol li {
    list-style-type: decimal;
}

.tag-video .blog-details__content ul:not(.blocks-gallery-grid),
.tag-video .blog-details__content ul:not(.blocks-gallery-grid) li,
.tag-codex .blog-details__content ul,
.tag-codex .blog-details__content ul li,
.tag-template .blog-details__content ul,
.tag-template .blog-details__content ul li,
.tag-html .blog-details__content ul,
.tag-html .blog-details__content ul li,
.tag-markup-2 .blog-details__content ul,
.tag-markup-2 .blog-details__content ul li,
.comment-content ul li {
    list-style-type: disc;
}

.wp-block-gallery:not(.has-nested-images).alignleft {
    margin-right: 30px;
}

.error-page__tagline.page-title:before {
    position: relative;
}

.page-title.error-page__tagline {
    padding: 0;
}

.elementor-widget.elementor-widget-solapa-shape {
    position: unset;
}

.has-fixed-footer,
.has-fixed-footer body,
.has-fixed-footer .page-wrapper {
    height: 100%;
}

.has-fixed-footer .news-four,
.has-fixed-footer .news-three {
    min-height: 100%;
}

.has-fixed-footer .default-footer {
    height: 90.59px;
}

/* Responsive
--------------------------------------------- */
/* Solapa HTML Template */
@media only screen and (max-width: 1500px) {
    .main-header__location-box {
        display: none;
    }
}

@media only screen and (max-width: 1340px) {
    .mobile-menu__logo h1 {
        margin-bottom: 0;
    }

    .page-wrapper {
        overflow: hidden;
    }

    .service-details__cagegory-list .arrow {
        right: 10px;
    }

    .service-details__cagegory-list li a {
        font-size: var(--font-18);
    }

    .slider-three__image,
    .main-header-two__social,
    .history-two__right:before,
    .service-details__cagegory-list li .numbering,
    .main-header__phone-box {
        display: none;
    }

    .solar-one__image-inner-column,
    .project-two__btn-box {
        margin-right: var(--margin-zero);
    }

    .energy-two__image {
        display: block;
    }

    .history-two__right,
    .history-two__left,
    .purpose-one__text-two,
    .service-detail__text-three,
    .service-detail__text-four,
    .service-detail__solution-single,
    .energy-two__image-inner {
        padding-right: var(--padding-zero);
    }

    .consultant-two__content::before {
        left: 0px;
    }

    .service-detail__text-four {
        margin-top: var(--margin-top-30);
    }

    .consultant-two__content {
        padding-left: var(--padding-left-30);
    }

    .service-details__contractor-content {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }
}

@media only screen and (max-width: 1140px) {

    .main-header__top-text,
    .main-header .sticky-header {
        display: none;
    }

    .main-header {
        position: relative;
    }

    .main-header__logo-box {
        top: 0px;
        padding: 25px 55px 0px;
    }

    .main-header__lower .outer-box {
        padding: 20px 0px;
    }

    .main-header .outer-box {
        position: relative;
        margin-left: var(--margin-left-25);
    }

    .main-menu__navigation {
        float: left;
    }

    .slider-three__shape-one,
    .site-footer__upper-title br,
    .slider-two__image,
    .main-menu__menu-box {
        display: none;
    }

    .main-header .mobile-nav-toggler {
        display: block;
        padding: 27px 0px;
        margin-left: var(--margin-left-30);
    }

    .main-header .nav-outer {
        float: right;
    }

    .default-header .main-header__logo-box h1 {
        padding-top: 6px;
    }

    .project-detail__title,
    .section-title__title {
        line-height: 50px;
        font-size: var(--font-50);
    }

    .main-header__logo-box::before {
        top: -15px;
    }

    .main-header__info li {
        font-size: var(--font-16);
    }

    .main-slider__tagline {
        margin-top: var(--margin-zero);
    }

    .site-footer__about-text,
    .site-footer__newsletter-text,
    .solar-one__text,
    .solar-one__text-two,
    .enerygy-one__text-two,
    .enerygy-one__text {
        padding-right: var(--padding-zero);
    }

    .enerygy-one__client-box {
        padding: 50px 25px;
    }

    .energy-one__image-three {
        position: absolute;
        top: auto;
        right: 0px;
        bottom: -20px;
    }

    .cta-one__text {
        font-size: var(--font-16);
    }

    .site-footer_newsletter-list li {
        margin-right: var(--margin-right-5);
    }

    .main-header__contact-list li {
        margin-right: var(--margin-right-15);
    }

    .header-style-two .mobile-nav-toggler {
        padding: 23px 0px;
        margin-left: var(--margin-zero);
    }

    .slider-two .slide {
        padding: 80px 0px 120px;
    }

    .energy-one__phone-inner {
        font-size: var(--font-24);
    }

    .service-two__single-inner {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }

    .service-two__text {
        line-height: 30px;
    }

    .cta-one__inner {
        padding-bottom: var(--padding-bottom-50);
    }

    .project-three .section-title .pull-right {
        width: 100%;
        margin-top: var(--margin-top-40);
    }

    .testimonial-two__text {
        line-height: 34px;
        font-size: var(--font-20);
    }

    .consultant-one__image::before {
        left: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
    }

    .consultant-one__text {
        font-size: var(--font-18);
    }

    .consultant-one__form-inner {
        padding: 40px 30px 40px;
    }

    .main-header .nav-outer {
        margin-left: var(--margin-zero) !important;
    }

    .slider-three .owl-dots {
        left: auto;
        text-align: center;
        transform: translateX(0px);
    }

    .history-one__btn-box {
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: var(--margin-top-30);
    }

    .service-three__title {
        padding-top: var(--padding-zero);
    }

    .progress-one__inner-container::before,
    .progress-one__single-inner::after {
        display: none;
    }

    .progress-one .progress-one__single {
        width: 33.1%;
    }

    .progress-one__inner-container,
    .progress-one__single-inner {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }

    .consultant-two__form-box {
        margin-left: var(--margin-zero);
    }

    .faq-two .column {
        padding: 0px 15px;
    }

    .project-one__overlay-box {
        left: 20px;
        bottom: 20px;
        right: 20px;
    }

    .project-detail__info-box {
        padding: 25px 25px;
    }

    .news-three__content {
        padding: 25px 25px;
    }

    .news-three__title {
        line-height: 40px;
        font-size: var(--font-40);
    }

    .news-detail__title {
        line-height: 40px;
        font-size: var(--font-40);
    }

    .contact-one__info p br,
    .comment-one__text br {
        display: none;
    }

    .contact-one__form-box,
    .comment-one__reply-comment {
        margin-left: var(--margin-zero);
    }

    .contact-one__title {
        margin-right: var(--margin-zero);
    }
}

@media only screen and (min-width: 768px) {

    .main-menu__navigation>li>ul,
    .main-menu__navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .main-header .header-lower .logo-box {
        padding-bottom: var(--padding-zero);
    }

    .main-menu__navigation .navigation>li {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-15);
    }

    .main-header .header-lower .inner-container {
        clear: both;
        content: "";
    }

    .main-header .header-lower .logo-box {
        float: left;
    }

    .project-detail__text-five {
        max-width: 100%;
    }

    .project-detail__text-four br,
    .project-detail__text-three br,
    .purpose-one__text br,
    .main-header__top {
        display: none;
    }

    .main-slider .owl-nav {
        position: absolute;
        right: 15px;
        bottom: 20px;
        left: auto;
        top: auto;
        width: auto;
        max-width: auto;
    }

    .main-slider .owl-nav .owl-prev,
    .main-slider .owl-nav .owl-next {
        position: relative;
        margin-left: 15px;
        display: inline-block;
    }

    .main-header::before {
        display: none;
    }

    .main-header__lower__inner {
        padding-right: var(--padding-zero);
    }

    .main-header__lower {
        background-color: var(--roofie-primary);
    }

    .main-header .nav-outer {
        margin-left: var(--margin-zero);
    }

    .header-search__box {
        color: var(--roofie-white);
        margin-left: var(--margin-left-5);
    }

    .main-header-phone__number {
        color: var(--roofie-white);
    }

    .main-slider .main-slider__image {
        margin-left: var(--margin-zero);
    }

    .main-slider__content {
        order: 1;
    }

    .main-slider .image-column {
        order: 2;
    }

    .energy-one__phone-box {
        margin-top: var(--margin-zero);
    }

    .faq-one__accordion-column-inner {
        padding-top: var(--padding-top-80);
    }

    .choose-one .section-title .pull-right {
        width: 100%;
    }

    .choose-one .section-title .section-title__text br {
        display: none;
    }

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

    .cta-one__counter {
        margin-top: var(--margin-top-40);
        padding-left: var(--padding-zero);
    }

    .news-detail__blockquote {
        margin-bottom: var(--margin-bottom-40);
    }

    .cta-one__inner {
        padding-bottom: var(--padding-bottom-50);
    }

    .project-two__inner-container .pull-right {
        width: 100%;
    }

    .energy-two__content-column {
        order: 1;
    }

    .energy-two__image-column {
        order: 2;
    }

    .testimonial-one__text {
        font-size: 24px;
        line-height: 36px;
    }

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

    .site-footer__bottom-logo::before {
        display: none;
    }

    .site-footer__copyright {
        padding: var(--padding-zero);
    }

    .site-footer__social-nav {
        text-align: center;
    }

    .site-footer__bottom-logo {
        display: block;
    }

    .header-style-two .main-header__logo-box {
        margin-right: var(--margin-zero);
    }

    .main-header__btn-box {
        display: none;
    }

    .header-style-two .mobile-nav-toggler {
        margin-left: var(--margin-left-20);
    }

    .slider-two__title {
        line-height: 60px;
        font-size: var(--font-70);
    }

    .slider-two__text {
        font-size: var(--font-18);
    }

    .solar-one__content-column {
        order: 1;
        margin-bottom: var(--margin-bottom-60);
    }

    .solar-one__image-column {
        order: 2;
    }

    .solar-one__image-three {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: var(--margin-top-30);
    }

    .site-footer__shape-three,
    .site-footer__shape-four,
    .project-three .section-title .section-title__text br {
        display: none;
    }

    .site-footer__upper {
        padding-top: var(--padding-zero);
    }

    .site-footer.style-two .site-footer__copyright {
        text-align: center;
        margin-bottom: var(--margin-bottom-30);
    }

    .site-footer__upper-btn-box,
    .site-footer__upper {
        text-align: center;
    }

    .site-footer__upper-logo {
        position: relative;
        margin-bottom: var(--margin-bottom-30);
    }

    .site-footer__upper-title {
        padding-left: var(--padding-zero);
    }

    .site-footer.style-two .site-footer__bottom {
        padding-top: var(--padding-top-30);
    }

    .site-footer.style-two .site-footer_newsletter-list {
        padding: var(--padding-zero);
    }

    .slider-three .slide {
        padding-top: var(--padding-top-120);
    }

    .slider-three__title {
        line-height: 74px;
        font-size: var(--font-70);
    }

    .choose-two__inner-container .section-title {
        margin-bottom: var(--margin-zero);
    }

    .history-one__text br,
    .history-one__title br {
        display: none;
    }

    .history-one__text {
        font-size: var(--font-18);
    }

    .history-one__title {
        line-height: 54px;
        font-size: var(--font-50);
    }

    .history-one__inner-container {
        padding-left: 260px;
    }

    .progress-one .progress-one__single {
        width: 50%;
    }

    .progress-one__inner-container {
        padding-bottom: var(--padding-bottom-70);
    }

    .consultant-two__content {
        margin-bottom: var(--margin-bottom-40);
    }

    .purpose-one__title-two {
        margin-top: var(--margin-top-40);
    }

    .purpose-one__button-box {
        margin-bottom: var(--margin-bottom-40);
    }

    .faq-email a {
        position: relative;
        display: block;
        margin-top: var(--margin-top-20);
        margin-left: var(--margin-zero);
    }

    .faq-email {
        display: block;
        padding: 20px 20px;
    }

    .history-two__text-two {
        margin-bottom: var(--margin-bottom-20);
    }

    .comment-one__form-box {
        margin-bottom: var(--margin-bottom-40);
    }

    .contact-one__info {
        margin-bottom: var(--margin-bottom-60);
    }

    .site-footer__bottom .row {
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {

    .section-title__text br,
    .main-header .outer-box,
    .main-menu__navigation {
        display: none;
    }

    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
    }

    .main-header #navbarSupportedContent {
        display: block;
    }

    .main-header .mCSB_inside>.mCSB_container {
        margin-right: 0px;
    }

    .main-header .outer-box {
        position: relative;
        left: 0px;
        margin-left: 0px;
        padding: 0px 0px;
    }

    .main-header .sticky-header .mobile-nav-toggler {
        display: block;
        padding: 28px 0px 20px;
    }

    .section-title__title,
    .cta-one__title,
    .energy-two__title,
    .project-two__title,
    .faq-one__accordion-column .section-title h2 {
        line-height: 40px;
        font-size: var(--font-44);
    }

    .section-title {
        margin-bottom: var(--margin-bottom-45);
    }

    .project-two__text br,
    .slider-three__power,
    .testimonial-one__text br,
    .project-two__title span::before,
    .main-header__contact-list,
    .main-slider__shape-three {
        display: none;
    }

    .main-slider .main-slider__image {
        margin-top: var(--margin-top-40);
    }

    .energy-one__phone-box {
        margin-top: var(--margin-top-30);
    }

    .testimonial-one .owl-nav {
        left: 0px;
        right: 0px;
    }

    .header-style-two .main-header__upper .pull-left {
        width: 100%;
        text-align: center;
    }

    .header-style-two .main-header__logo-box {
        width: 100%;
        display: inline-block;
        margin: var(--margin-zero);
        text-align: center;
    }

    .slider-two__title {
        line-height: 56px;
        font-size: var(--font-60);
    }

    .counter-one__inner {
        text-align: center;
        padding: var(--padding-zero);
    }

    .counter-one__icon {
        position: relative;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-25);
    }

    .solar-one__shape-three,
    .solar-one__shape-four {
        display: none;
    }

    .energy-one__phone-inner {
        text-align: left;
        padding: var(--padding-zero);
        padding-left: 85px;
    }

    .energy-one__phone-icon {
        position: relative;
        margin: 0 auto;
        display: block;
        margin-bottom: var(--margin-bottom-20);
    }

    .history-one__inner-container {
        padding-left: var(--padding-zero);
    }

    .history-one__client-box {
        position: relative;
        display: block;
        max-width: 100%;
        margin-bottom: var(--margin-bottom-30);
    }

    .progress-one .progress-one__single {
        width: 100%;
        text-align: center;
    }

    .page-title {
        padding: 0px 0px;
    }

    .service-detail__title-three {
        margin-top: var(--margin-top-40);
    }

    .styled-pagination {
        margin-bottom: var(--margin-bottom-30);
    }

    .news-details__social-list,
    .news-details__tags.pull-right {
        width: 100%;
    }

    .news-detail__more-posts .prev-post {
        width: 100%;
        text-align: center;
        padding: var(--padding-zero);
        margin-bottom: var(--margin-bottom-20);
    }

    .news-detail__more-posts .prev-post span {
        position: relative;
        top: 0px;
        display: block;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-10);
    }

    .news-detail__more-posts .next-post {
        width: 100%;
        text-align: center;
        padding: var(--padding-zero);
    }

    .news-detail__more-posts .next-post span {
        position: relative;
        top: 0px;
        display: block;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-10);
    }

    .choose-two__left {
        margin-right: 0;
    }
}

@media only screen and (max-width: 599px) {
    .main-slider .text {
        font-size: 15px;
    }

    .sec-title h2 br {
        display: none;
    }

    .main-slider__tagline {
        margin-bottom: var(--margin-bottom-25);
    }

    .enerygy-one__text,
    .section-title__text,
    .project-two__text,
    .energy-two__text,
    .enerygy-one__text-two {
        line-height: 28px;
        font-size: var(--font-16);
    }

    .testimonial-one__text {
        font-size: var(--font-20);
    }

    .faq-one__image:before {
        left: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
    }

    .contact-one__text-two br,
    .sponsors-one .section-title__title br,
    .solar-one__shape-three,
    .slider-two__text br {
        display: none;
    }

    .solar-one__image-inner-column {
        padding-right: var(--padding-zero);
    }

    .cta-image__one {
        margin-left: var(--margin-zero);
    }

    .solar-one__image-two {
        margin-top: var(--margin-top-30);
    }

    .slider-three__title {
        line-height: 56px;
        font-size: var(--font-50);
    }

    .consultant-two__text {
        font-size: var(--font-18);
    }

    .consultant-two__title {
        line-height: 42px;
        font-size: var(--font-40);
    }

    .slider-three .slide {
        padding-bottom: var(--padding-bottom-150);
    }

    .consultant-two__form-box {
        padding: 20px 30px 45px;
    }

    .purpose-one__title,
    .default-header .main-header__logo-box h1,
    .page-main__title {
        font-size: var(--font-50);
    }

    .default-header .main-header__logo-box {
        padding-top: 12px;
    }

    .faq-two__title {
        line-height: 42px;
        font-size: var(--font-40);
    }

    .faq-one__accordion {
        margin-bottom: 0;
    }

    .history-two__text {
        font-size: var(--font-18);
        padding-left: var(--padding-zero);
    }

    .history-two__text-four,
    .history-two__text-five,
    .history-two__text-three,
    .service-detail__text,
    .service-detail__text-two,
    .project-detail_text,
    .project-detail_text-two,
    .project-detail__text-three,
    .history-two__text-two {
        font-size: var(--font-18);
    }

    .history-two__text span,
    .history-two__title,
    .history-two__title-two {
        font-size: var(--font-50);
    }

    .history-two__text span {
        position: relative;
        top: 0px;
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }

    .service-detail__title {
        font-size: var(--font-40);
    }

    .service-detail__faq-accordion {
        padding: 20px 20px;
    }

    .project-detail__text-four {
        margin-bottom: var(--margin-bottom-30);
    }

    .comment-one__single {
        padding-left: var(--padding-zero);
    }

    .news-detail__author-inner {
        padding: var(--padding-zero);
    }

    .comment-one__image,
    .news-detail__author-thumb {
        position: relative;
        margin-bottom: var(--margin-bottom-25);
    }

    .contact-one__form-box {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 479px) {
    .project-detail__title {
        line-height: 40px;
        font-size: var(--font-36);
    }

    .main-header__logo-box {
        padding: 25px 45px 0px;
    }

    .section-title__title,
    .cta-one__title,
    .energy-two__title,
    .project-two__title,
    .faq-one__accordion-column .section-title h2 {
        font-size: var(--font-38);
    }

    .energy-two__skill-title {
        font-size: var(--font-16);
    }

    .energy-one__image-three {
        position: relative;
        bottom: 0px;
        margin-left: var(--margin-zero);
    }

    .energy-one__image-two {
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }

    .energy-one__image-three img,
    .energy-one__image-two img {
        width: 100%;
    }

    .energy-one__image-three {
        display: block;
    }

    .cta-one__inner {
        padding: 45px 20px 40px;
    }

    .project-one__overlay-box {
        left: 20px;
        right: 20px;
    }

    .main-header__agent-box {
        display: none;
    }

    .header-style-two .main-header__lower .outer-box {
        display: block;
        float: left;
    }

    .main-header__cart-box {
        margin-left: var(--margin-zero);
    }

    .slider-two__title {
        line-height: 40px;
        font-size: var(--font-36);
    }

    .solar-one__image-inner-column img {
        width: 100%;
    }

    .solar-one__image,
    .solar-one__image-two,
    .solar-one__image-three {
        display: block;
    }

    .project-three__overlay-box {
        right: 20px;
    }

    .testimonial-two__single-inner {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }

    .testimonial-two__quote-icon {
        left: -10px;
    }

    .choose-one__single-inner {
        padding: 30px 20px;
    }

    .consultant-one__title {
        line-height: 40px;
        font-size: var(--font-36);
    }

    .news-two__content {
        padding: 25px 25px;
    }

    .site-footer__upper-title {
        line-height: 36px;
        font-size: var(--font-34);
    }

    .slider-three__title {
        line-height: 46px;
        font-size: var(--font-38);
    }

    .choose-two__text-two {
        font-size: var(--font-18);
    }

    .pricing-one__title {
        font-size: var(--font-36);
    }

    .history-one__title {
        line-height: 44px;
        font-size: var(--font-40);
    }

    .service-three__content {
        padding: 25px 25px 30px;
    }

    .section-title__title br {
        display: none;
    }

    .main-header__cart-panel {
        left: 0px !important;
        right: auto;
    }

    .faq-two__title {
        line-height: 40px;
        font-size: var(--font-36);
    }

    .service-three__title {
        line-height: 34px;
        font-size: var(--font-28);
    }

    .service-detail__solution-single {
        padding: var(--padding-zero);
    }

    .service-detail__solution-icon {
        position: relative !important;
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }

    .service-detail__faq-accordion {
        padding: 20px 20px;
    }

    .project-four .filters li {
        width: 100%;
        margin: 0px 0px 15px;
    }

    .error-page__tagline,
    .news-detail__title,
    .contact-one__title,
    .news-three__title {
        line-height: 34px;
        font-size: var(--font-30);
    }

    .styled-pagination li {
        margin-right: 5px;
    }
}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-slider__content-img {
        top: 112px;
    }

    .main-slider__title {
        font-size: var(--font-90);
    }

    .main-slider__three-title {
        font-size: var(--font-80);
        line-height: 90px;
    }

    .main-slider__three-title span::before {
        bottom: 16px;
    }

    .main-slider__three-right {
        margin-left: 0;
        margin-right: 0;
    }

    .main-slider__three-play-box {
        top: 90px;
        left: 0;
    }

    .main-slider__three-play {
        padding: 33px 50px 40px;
    }

    #main-slider-pagination {
        max-width: 960px;
        padding: 0 15px;
    }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider__content-img {
        display: none;
    }

    .main-slider__shape-group {
        display: none;
    }

    .main-slider__two-title {
        font-size: var(--font-90);
    }

    .main-slider__three-title br {
        display: none;
    }

    .main-slider__three-title {
        font-size: var(--font-90);
        line-height: 100px;
    }

    .main-slider__three-title span::before {
        bottom: 19px;
    }

    .main-slider__three-play-box {
        position: relative;
        top: 0;
    }

    .main-slider__three-right {
        margin-top: 60px;
        margin-left: 37px;
        margin-right: 0;
        max-width: 320px;
        width: 100%;
    }

    #main-slider-pagination {
        max-width: 720px;
        padding: 0 15px;
    }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .main-slider__content-img {
        display: none;
    }

    .main-slider__shape-group {
        display: none;
    }

    .main-slider__nav {
        display: none;
    }

    .main-slider__title {
        line-height: 50px;
        font-size: var(--font-50);
        margin-bottom: 30px;
    }

    .main-slider__title br {
        display: none;
    }

    .energy-one__shape-one {
        display: none;
    }

    .main-slider__two-title {
        font-size: var(--font-50);
        line-height: 60px;
    }

    .main-slider__two-title br {
        display: none;
    }

    .main-slider__two-text br {
        display: none;
    }

    .main-slider__three-title br {
        display: none;
    }

    .main-slider__three-title {
        font-size: var(--font-50);
        line-height: 60px;
    }

    .main-slider__three-title span::before {
        display: none;
    }

    .main-slider__three-play-box {
        position: relative;
        top: 0;
    }

    .main-slider__three-right {
        margin-top: 60px;
        margin-left: 37px;
        margin-right: 0;
        max-width: 320px;
        width: 100%;
    }

    #main-slider-pagination {
        max-width: 540px;
        padding: 0 15px;
    }

    .main-slider__three-play {
        padding: 33px 50px 40px;
    }
}