/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Accessibility
* 3.0 - Globals
* 4.0 - Alignments
* 5.0 - Clearings
* 6.0 - Captions
* 7.0 - Posts and pages
* 8.0 - Galleries
* 9.0 - Unit Test
* 10.0 - Guterberg
* 11.0 - Guterberg Style
* 12.0 - Block Color Palette Colors
* 13.0 - Sections
* 13.1 - Breadcrumb
* 13.2 - Comments
* 13.3 - Widgets
* 13.4 - Nav Bar
* 13.5 - Info Bar
* 13.6 - Header
* 13.7 - Header Bottom Area
* 13.8 - Footer Area
* 13.9 - Error 404 Area
* 13.10 - Why us Area
* 13.11 - Highly Skilled Area
* 13.12 - Call TO Action Area
* 13.13 - Testimonial Area
* 13.14 - Top Lawyer Style 02
* 13.15 - Counterup Area
* 13.16 - Case Category Area
* 13.17 - Legal Support Area
* 13.18 - Practice Details AreaG
* 13.19 - Attorney Details Area
* 14.0 - Elements
* 14.1 - Preloader
* 14.2 - Preloader
* 14.3 - Button
* 14.4 - Blog
* 14.5 - Accordion
* 14.6 - Contact Info Item
* 14.7 - Quote block with sign
* 14.8 - Counterup Item
* 14.9 - Video With Image
* 14.10 - Video Play Button
* 14.11 - Why Us Item
* 14.12 - Section Title
* 14.13 - What we cover item
* 14.14 - Icon Box Item
* 14.15 - Testimonial Item
* 14.16 - Case Categories Item
* 14.17 - Quote With Image
* 14.18 - Price Plan Item
* 14.19 - Back Top
*/
/*-----------------
# Typographyf
-----------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
--main-color-one: #00FFAB;
--secondary-color: #6C737F;
--heading-color: #1F2A37;
--color-white: #fff;
--paragraph-color: #384250;
--heading-font: 'Archivo Condensed', sans-serif;
--style-font: 'Archivo Condensed', sans-serif;
--body-font: 'Archivo', sans-serif;
--animate-duration: 800ms;
--animate-delay: 0.9s;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-x: hidden;
font-family: var(--body-font);
}
* {
box-sizing: border-box;
outline: none;
-moz-osx-font-smoothing: grayscale;
/* Firefox */
-webkit-font-smoothing: antialiased;
/* WebKit */
}
@font-face {
font-family: "Archivo Condensed";
src: url("../fonts/Archivo_Condensed-Bold.woff");
font-style: normal;
}
@font-face {
font-family: "Archivo Condensed";
src: url("../fonts/archivo-condensed-semibold.woff");
font-style: normal;
}
@font-face {
font-family: "Archivo Condensed";
src: url("../fonts/archivo-condensed-medium.woff");
font-style: normal;
}
@font-face {
font-family: "Archivo Condensed";
src: url("../fonts/archivo-condensed-regular.woff");
font-style: normal;
}
@font-face {
font-family: "Archivo Condensed";
src: url("../fonts/archivo-condensed-light.woff");
font-style: normal;
}
body {
margin: 0;
color: var(--paragraph-color);
overflow-x: hidden;
font-family: var(--body-font), serif;
font-size: 15px;
}
h1 {
font-size: 72px;
line-height: 1.0833333333333333;
}
h2 {
font-size: 64px;
line-height: 1.4444444444444444;
}
h3 {
font-size: 56px;
line-height: 1.0833333333333333;
}
h4 {
font-size: 48px;
line-height: 1.2380952380952381;
}
h5 {
font-size: 40px;
line-height: 1.0833333333;
}
h6 {
font-size: 14px;
line-height: 1.0833333333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
color: var(--heading-color);
font-family: var(--heading-font);
transition: all 300ms ease-in-out;
margin-bottom: 0;
}
p {
line-height: 1.75;
margin-bottom: 10px;
}
a {
text-decoration: none;
color: var(--paragraph-color);
transition: all 300ms ease-in-out;
}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
color: inherit;
}
pre {
margin-top: 15px;
background-color: whitesmoke;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background-size: 100%;
background-image: linear-gradient(#f5f5f5 50%, #e6e6e6 50%);
background-size: 38px 38px;
border: 1px solid #d4d4d4;
display: block;
line-height: 19px;
margin-bottom: 20px;
overflow: visible;
overflow-y: hidden;
padding: 0 0 0 4px;
word-break: break-word;
}
a i {
padding: 0 2px;
}
img {
max-width: 100%;
height: auto;
}
ol:not([class]) {
margin-bottom: 20px;
}
ol:not([class]) ol {
margin-bottom: 0;
}
ul ol:not([class]) {
margin-bottom: 0;
}
dl, ol, ul {
padding-left: 0px;
}
ol ol, ol ul, ul ol, ul ul {
margin-top: 10px;
}
/*input and button type focus outline disable*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
outline: none;
box-shadow: none;
}
input:checked ~ span::before {
background-color: white;
}
button:focus {
outline: none;
}
code {
color: #faa603;
}
.dark-bg {
background-color: #111d5c;
}
.section-bg-1 {
background-color: #f4f7fc;
}
.check-list-02 {
margin: 0;
padding: 0;
list-style: none;
}
.check-list-02 li {
display: block;
padding-left: 20px;
position: relative;
z-index: 0;
}
.check-list-02 li:after {
position: absolute;
left: 0;
top: 0;
font-family: 'fontawesome';
content: "\f00c";
color: var(--main-color-one);
}
.check-list {
margin: 0;
padding: 0;
list-style: none;
}
.check-list li {
display: block;
padding-left: 20px;
position: relative;
z-index: 0;
}
.check-list li:after {
position: absolute;
left: 0;
top: 0;
font-family: 'fontawesome';
content: "\f105";
color: var(--main-color-one);
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
clear: both;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
text-align: center;
height: 50px;
border-radius: 5px;
line-height: 50px;
color: #fff;
transition: .3s ease-in;
border: 1px solid #e2e2e2;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
border: 1px solid #e2e2e2;
text-align: center;
height: 50px;
border-radius: 5px;
line-height: 50px;
color: #fff;
transition: .3s ease-in;
}
.comment-navigation .nav-previous > a,
.posts-navigation .nav-previous > a,
.post-navigation .nav-previous > a,
.comment-navigation .nav-next > a,
.posts-navigation .nav-next > a,
.post-navigation .nav-next > a {
transition: .3s ease-in;
color: var(--paragraph-color);
}
.comment-navigation .nav-previous:hover,
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover,
.comment-navigation .nav-next:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover {
background-color: var(--main-color-one);
color: #fff;
}
.comment-navigation .nav-previous:hover > a,
.posts-navigation .nav-previous:hover > a,
.post-navigation .nav-previous:hover > a,
.comment-navigation .nav-next:hover > a,
.posts-navigation .nav-next:hover > a,
.post-navigation .nav-next:hover > a {
color: #fff;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/
.padding-left-0 {
padding-left: 0;
}
.padding-right-0 {
padding-left: 0;
}
.gray-bg {
background-color: #f5f5f5;
}
.secondary-bg {
background-color: var(--secondary-color);
}
.padding-top-10 {
padding-top: 10px;
}
.padding-top-15 {
padding-top: 15px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-25 {
padding-top: 25px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-35 {
padding-top: 35px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-45 {
padding-top: 45px;
}
.padding-top-55 {
padding-top: 55px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-top-65 {
padding-top: 65px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-top-75 {
padding-top: 75px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-85 {
padding-top: 85px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-top-95 {
padding-top: 95px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-top-103 {
padding-top: 103px;
}
.padding-top-105 {
padding-top: 105px;
}
.padding-top-110 {
padding-top: 110px;
}
.padding-top-115 {
padding-top: 115px;
}
.padding-top-120 {
padding-top: 120px;
}
.padding-top-140 {
padding-top: 140px;
}
.padding-top-150 {
padding-top: 150px;
}
.padding-top-160 {
padding-top: 160px;
}
.padding-top-175 {
padding-top: 175px;
}
.padding-top-180 {
padding-top: 180px;
}
.padding-top-190 {
padding-top: 190px;
}
.padding-top-210 {
padding-top: 210px;
}
.padding-top-260 {
padding-top: 260px;
}
.padding-top-390 {
padding-top: 390px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-15 {
padding-bottom: 15px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-25 {
padding-bottom: 25px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-35 {
padding-bottom: 35px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-45 {
padding-bottom: 45px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-55 {
padding-bottom: 55px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-bottom-65 {
padding-bottom: 65px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-bottom-75 {
padding-bottom: 75px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-bottom-85 {
padding-bottom: 85px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-bottom-95 {
padding-bottom: 95px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
.padding-bottom-110 {
padding-bottom: 110px;
}
.padding-bottom-105 {
padding-bottom: 105px;
}
.padding-bottom-115 {
padding-bottom: 115px;
}
.padding-bottom-120 {
padding-bottom: 120px;
}
.padding-bottom-130 {
padding-bottom: 130px;
}
.padding-bottom-140 {
padding-bottom: 140px;
}
.padding-bottom-135 {
padding-bottom: 135px;
}
.padding-bottom-190 {
padding-bottom: 190px;
}
.padding-bottom-200 {
padding-bottom: 200px;
}
.padding-bottom-227 {
padding-bottom: 227px;
}
.padding-bottom-250 {
padding-bottom: 280px;
}
.padding-bottom-285 {
padding-bottom: 285px;
}
.padding-bottom-150 {
padding-bottom: 150px;
}
.padding-bottom-160 {
padding-bottom: 160px;
}
.padding-bottom-165 {
padding-bottom: 165px;
}
.padding-bottom-170 {
padding-bottom: 170px;
}
.padding-bottom-180 {
padding-bottom: 180px;
}
.padding-bottom-215 {
padding-bottom: 215px;
}
.padding-bottom-295 {
padding-bottom: 295px;
}
.padding-bottom-300 {
padding-bottom: 300px;
}
.padding-bottom-320 {
padding-bottom: 320px;
}
.padding-bottom-460 {
padding-bottom: 460px;
}
.margin-top-minus-90 {
margin-top: -90px;
}
.margin-top-minus-100 {
margin-top: -100px;
}
.margin-top-120 {
margin-top: 120px;
}
.margin-top-150 {
margin-top: 150px;
}
.margin-top-160 {
margin-top: 160px;
}
.padding-120 {
padding-top: 120px;
padding-bottom: 120px;
}
.padding-110 {
padding-top: 110px;
padding-bottom: 110px;
}
.padding-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-65 {
padding-top: 65px;
padding-bottom: 65px;
}
.padding-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.padding-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.padding-90 {
padding-top: 90px;
padding-bottom: 90px;
}
.padding-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-35 {
margin-top: 35px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-top-55 {
margin-top: 55px;
}
.margin-top-60 {
margin-top: 60px;
}
.margin-top-70 {
margin-top: 70px;
}
.margin-top-80 {
margin-top: 80px;
}
.margin-top-90 {
margin-top: 90px;
}
.margin-top-100 {
margin-top: 100px;
}
.margin-bottom-0 {
margin-bottom: 0 !important;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-35 {
margin-bottom: 35px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-45 {
margin-bottom: 45px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-bottom-55 {
margin-bottom: 55px;
}
.margin-bottom-60 {
margin-bottom: 60px;
}
.margin-bottom-70 {
margin-bottom: 70px;
}
.margin-bottom-80 {
margin-bottom: 80px;
}
.margin-bottom-90 {
margin-bottom: 90px;
}
.margin-bottom-120 {
margin-bottom: 120px;
}
.margin-bottom-150 {
margin-bottom: 150px;
}
.margin-top-100 {
margin-bottom: 100px;
}
.margin-top-120 {
margin-top: 120px;
}
.min-height-600 {
min-height: 600px;
}
.overflow-hidden {
overflow: hidden;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
clear: both;
margin-right: 20px;
margin-top: 1.75em;
margin-bottom: 1.7em;
}
.alignright {
float: right;
clear: both;
margin-left: 20px;
margin-top: 1.75em;
margin-bottom: 1.7em;
}
.aligncenter {
clear: both;
display: block;
margin: 1.75em auto 1.75em;
}
.alignnone {
margin: 1.75em auto 1.75em;
}
.alignfull {
margin: 1.5em 0;
max-width: 100%;
}
.alignwide {
max-width: 1100px;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*----------------------------------------
# Unit test
------------------------------------------*/
.wp-link-pages {
margin-bottom: 30px;
clear: both;
padding-top: 30px;
}
.wp-link-pages a {
margin: 0 5px;
transition: .3s ease-in;
border: 1px solid #e2e2e2;
padding: 5px 15px;
display: inline-block;
border-radius: 30px;
}
.wp-link-pages a:hover {
background-color: var(--main-color-one);
color: #fff;
border-color: var(--main-color-one);
}
.wp-link-pages span {
border: 1px solid #e2e2e2;
padding: 5px 15px;
display: inline-block;
border-radius: 30px;
}
.wp-link-pages span:first-child {
margin-right: 5px;
}
.wp-link-pages .current {
background-color: var(--main-color-one);
color: #fff;
border-radius: 30px;
border-color: var(--main-color-one);
}
.post-password-form input {
display: block;
border: 1px solid #e2e2e2;
height: 50px;
border-radius: 4px;
padding: 0 20px;
}
.post-password-form label {
font-weight: 600;
color: #333;
}
.post-password-form input[type=submit] {
width: 100px;
height: 50px;
background-color: var(--main-color-one);
color: #fff;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
border-radius: 4px;
border: none;
cursor: pointer;
transition: .3s ease-in;
display: inline-block;
}
.post-password-form input[type=submit]:hover {
background-color: var(--main-color-one);
}
.footer-widget .table td,
.footer-widget .table th {
padding: 0.50rem !important;
}
/*--------------------------------------------------------------
# Gutenberg Default Style
--------------------------------------------------------------*/
.single-post-details-item .entry-content > .alignwide {
max-width: 1100px;
}
.single-post-details-item .entry-content > .alignfull {
margin: 1.5em 0;
max-width: 100%;
}
.wp-block-video video {
max-width: 636px;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-quote.is-large {
margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
.wp-block-video video {
max-width: 636px;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-quote.is-large {
margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
}
/*--------------------------------------------------------------
## Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
/*---------------------
## Breadcumb
----------------------*/
.breadcrumb-wrap.navbar- .breadcrumb-content {
padding: 110px 0 120px 0;
}
.breadcrumb-wrap {
position: relative;
z-index: 0;
background-size: cover;
background-position: center;
}
.breadcrumb-wrap .stock-title {
font-size: 280px;
line-height: 210px;
font-family: "Kanit", sans-serif;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.15);
font-style: italic;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.breadcrumb-wrap.extra {
padding-bottom: 138px;
}
.breadcrumb-wrap.navbar-style-02 .breadcrumb-content {
padding: 257px 0 157px 0;
}
.breadcrumb-wrap.navbar-style-03 .breadcrumb-content {
padding: 150px 0 155px 0;
}
.breadcrumb-wrap .breadcrumb-content {
padding: 155px 0 155px 0;
text-align: center;
}
.breadcrumb-wrap .page-title {
font-size: 50px;
line-height: 60px;
font-weight: 700;
text-transform: uppercase;
font-style: italic;
color: var(--heading-color);
margin-bottom: 15px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.breadcrumb-wrap p {
display: inline-block;
padding: 5px 20px;
text-transform: uppercase;
background-color: var(--main-color-one);
font-size: 14px;
line-height: 20px;
max-width: 600px;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 20px;
}
.breadcrumb-wrap .page-list {
padding: 0;
margin: 0;
display: inline-block;
}
.breadcrumb-wrap .page-list li {
display: inline-block;
position: relative;
padding-left: 45px;
font-size: 20px;
color: #fff;
font-weight: 500;
}
.breadcrumb-wrap .page-list li:first-child {
padding-left: 0;
}
.breadcrumb-wrap .page-list li:first-child a {
color: #fff;
}
.breadcrumb-wrap .page-list li:first-child:after {
display: none;
}
.breadcrumb-wrap .page-list li:after {
position: absolute;
left: 18px;
font-size: 16px;
top: 50%;
transform: translateY(-50%);
content: "~";
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
margin-top: 30px;
}
.comments-area .comments-title {
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 38px;
}
.comments-area .comment-list {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.comments-area .comment-list .comment-respond {
margin-bottom: 30px;
}
.comments-area .comment-list li:last-child {
margin-bottom: 0;
}
.comments-area .comment-list li:last-child .single-comment-wrap .thumb .date {
margin-bottom: 0;
}
.comments-area .comment-list li ul.children {
margin: 0;
padding: 0;
list-style: none;
margin-top: 30px;
}
.comments-area .comment-list li ul.children li {
margin-left: 50px;
list-style: none;
}
.comments-area .comment-list li .single-comment-wrap {
display: flex;
--ms-flex-item-align: start;
align-self: flex-start;
}
.comments-area .comment-list li .single-comment-wrap .thumb {
margin-right: 20px;
min-width: 80px;
border-radius: 50%;
}
.comments-area .comment-list li .single-comment-wrap .thumb img {
margin-bottom: 10px;
border-radius: 50%;
border: 2px solid #fafafa;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.02);
}
.comments-area .comment-list li .single-comment-wrap .date {
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.comments-area .comment-list li .single-comment-wrap .content {
flex: 1;
position: relative;
max-width: 630px;
}
.comments-area .comment-list li .single-comment-wrap .content .title {
font-size: 18px;
line-height: 28px;
font-weight: 600;
padding-right: 70px;
color: #111;
font-family: var(--heading-font);
}
.comments-area .comment-list li .single-comment-wrap .content .comment-content {
max-width: 670px;
}
.comments-area .comment-list li .single-comment-wrap .content p {
word-break: break-word;
}
.comments-area .comment-list li .single-comment-wrap .content p:last-child {
margin-bottom: 0;
}
.comments-area .comment-list li .single-comment-wrap .content .reply {
color: var(--main-color-one);
}
.comments-area .comment-list li .single-comment-wrap .content .reply:hover {
color: var(--main-color-one);
}
.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link {
position: absolute;
top: 0;
right: 0;
transition: all 0.3s ease-in;
color: var(--main-color-one);
font-size: 14px;
}
.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link:after {
position: static;
content: "\f3e5";
font-family: "Font Awesome 5 Free";
font-size: 14px;
line-height: 1;
margin-left: 5px;
font-weight: 900;
}
.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link:hover {
color: var(--main-color-one);
}
.comments-area .comment-list li.comment {
margin-bottom: 30px;
}
.comments-area .comment-list .has-children {
padding-left: 80px;
}
.comments-area .comment-list ol:not([class]) {
margin-bottom: 20px;
}
.comments-area .comment-list ol:not([class]) li ol {
margin-bottom: 0;
}
.comments-area .comment-list .children li:last-child {
margin-bottom: 30px;
}
.comments-area .comment-list ul:not([class]) {
margin-bottom: 20px;
}
.comments-area .comment-list ul:not([class]) ul {
margin-bottom: 0px;
}
.comments-area .reply-title {
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 25px;
}
.comments-area .comment-reply-title {
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 25px;
}
.comments-area .comment-reply-title small {
font-size: 26px;
line-height: 34px;
font-weight: 600;
color: var(--secondary-color);
margin-left: 10px;
display: inline-block;
position: relative;
top: 4px;
margin-bottom: 0;
}
.comments-area .comment-form-wrap {
padding: 65px 95px 70px;
}
.comments-area .form-submit {
margin-bottom: 0;
}
.blog-content-page-content-area .comments-area .comment-list li .single-comment-wrap .time {
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.comment-form .form-group.textarea .form-control {
min-height: 120px;
resize: none;
line-height: 26px;
}
.comment-form .form-group.textarea .form-control:focus {
outline: none;
box-shadow: none;
}
.comment-form .form-group.textarea:after {
content: "\f303";
top: 20px;
}
.comment-form .form-group {
position: relative;
}
.comment-form .form-group .form-control {
height: 50px;
line-height: 50px;
border-radius: 0;
border: 1px solid #f2f2f3;
background-color: #fff;
padding: 10px 20px;
padding-right: 35px;
}
.comment-form .form-group:after {
position: absolute;
right: 15px;
top: 50%;
content: "\f105";
z-index: 1;
transform: translateY(-50%);
font-family: "Font Awesome 5 Free";
color: var(--main-color-one);
font-weight: 900;
}
.comment-form .form-group:first-child:after {
content: "\f007";
}
.comment-form .form-group:nth-child(2):after {
content: "\f0e0";
}
.comment-form .form-group:nth-child(3):after {
content: "\f57d";
}
.comment-form .btn-wrap .boxed-btn {
font-size: 14px;
}
.comment-form .submit-btn {
height: 50px;
width: auto;
border-radius: 0px;
font-weight: 600;
background-color: var(--main-color-one);
border: none;
cursor: pointer;
text-transform: uppercase;
transition: .3s ease-in;
color: #fff;
padding: 0 30px;
}
.comment-form .submit-btn:hover {
background-color: var(--secondary-color);
color: #fff;
}
.comment-form-cookies-consent input[type=checkbox] {
margin-right: 5px;
}
label[for="wp-comment-cookies-consent"] {
font-size: 14px;
}
.comment-respond {
margin-top: 42px;
}
.form-group.textarea {
width: 100% !important;
margin-left: 0 !important;
}
.full-width-content .comments-area .comment-list li .single-comment-wrap .content {
max-width: 100%;
}
@media only screen and (max-width: 991px) {
.comments-area .comment-list li .single-comment-wrap .content {
max-width: calc(100% - 100px);
}
}
@media only screen and (max-width: 384px) {
.comments-area .comment-list li .single-comment-wrap {
display: block;
}
.comments-area .comment-list li .single-comment-wrap .content {
max-width: 100%;
}
}
/*--------------------------------------------------------------
## WIdgets
--------------------------------------------------------------*/
.widget {
margin-bottom: 30px;
padding: 28px;
background-color: #F2F4F7;
}
.author-info {
text-align: center;
}
.author-info img {
margin: auto;
display: block;
border-radius: 100%;
margin-bottom: 32px;
}
.author-info .author-title {
color: var(--heading-color);
font-size: 24px;
font-weight: 600;
}
.author-info .posted-on {
font-size: 16px;
font-weight: 500;
}
.widget.style-01 {
padding: 0;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
margin: 8px 0;
display: block;
-ms-word-wrap: break-word;
word-break: break-word;
}
.widget ul li + li {
margin-top: 10px;
}
.widget ul li:before {
display: none;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul li:first-child {
margin-top: 0;
}
.widget ul li a {
color: inherit;
transition: all 0.3s ease-in;
}
.widget ul li a:hover {
color: var(--main-color-one);
}
.widget ul li a.rsswidget {
font-weight: 600;
display: block;
margin-bottom: 5px;
}
.widget ul li .rss-date {
font-size: 12px;
font-weight: 600;
margin-bottom: 5px;
display: block;
color: #a7a7a7;
}
.widget ul li ul {
margin-left: 20px;
margin-top: 10px;
}
.widget ul li ul.sub-menu {
position: initial;
visibility: visible;
opacity: 1;
background-color: transparent;
border-top: none;
box-shadow: none;
margin-top: 10px;
}
.widget ul li ul.sub-menu li a {
padding: 0 0 0 10px;
}
.widget ul li ul.sub-menu li a:hover {
background-color: transparent;
}
.widget > h1,
.widget > h2,
.widget > h3,
.widget > h4,
.widget > h5,
.widget > h6,
.widget-headline {
font-size: 16px;
font-style: normal;
color: #667085;
font-family: var(--heading-font);
text-transform: uppercase;
position: relative;
z-index: 0;
margin-bottom: 20px;
}
.widget select {
width: 100%;
height: 50px;
padding: 10px 20px;
border: 1px solid #ddd;
position: relative;
z-index: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-y: 55%;
background-position-x: 92%;
color: var(--paragraph-color);
}
.widget:last-child {
margin-bottom: 0;
}
.widget .footer-widget {
background-color: transparent !important;
padding: 0;
margin-bottom: 40px;
}
.widget.widget_nav_menu ul li.menu-item-has-children:after {
display: none;
}
.widget ul li,
.comments-area .comment-list li,
.comments-area .comment-list li.comment {
padding-left: 0;
}
.comments-area .comment-list li:before,
.comments-area .comment-list li.comment:before {
display: none;
}
.widget-nav-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget-nav-menu ul li + li {
border-top: 1px solid #2c3e88;
}
.footer-widget .widget_search .search-form .form-group .form-control {
color: #fff;
}
.widget_search .search-form {
position: relative;
}
.widget_search .search-form .form-group {
margin-bottom: 0;
}
.widget_search .search-form .form-group .form-control {
height: 50px;
color: var(--heading-color);
border: 1px solid var(--main-color-one);
border-radius: 4px;
padding: 0 55px 0 15px;
background-color: transparent;
}
.widget_search .search-form .submit-btn {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
transition: 0.3s ease-in;
border: none;
background-color: transparent;
cursor: pointer;
color: var(--main-color-one);
}
.widget_search .search-form .submit-btn:hover {
color: var(--heading-color);
}
.widget_author_meta {
text-align: center;
}
.widget_author_meta .thumb {
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 20px;
}
.widget_author_meta .thumb img {
border-radius: 50%;
}
.widget_author_meta .content .name {
font-size: 21px;
font-weight: 700;
}
.widget_author_meta .content .name p {
font-size: 16px;
line-height: 26px;
}
.widget_author_meta .content .name ul {
margin-top: 25px;
}
.widget_author_meta .content .name ul li {
display: inline-block;
margin: 0 5px;
}
.widget_author_meta .content .name ul li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
transition: all 0.3s ease-in;
}
.widget_author_meta .content .name ul li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.widget_tag_cloud .tagcloud a {
display: inline-flex;
justify-content: center;
padding: 5px 15px;
text-transform: uppercase;
font-size: 12px !important;
font-weight: 500;
background: var(--main-color-one);
margin-right: 7px;
margin-bottom: 10px;
color: #fff;
transition: all 300ms;
border-radius: 4px;
}
.widget_tag_cloud .tagcloud a:hover {
background-color: var(--secondary-color);
color: #fff;
}
.widget_nav_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget_nav_menu ul li:last-child {
margin-bottom: 0;
}
.widget_nav_menu ul li:first-child {
margin-top: 0;
}
.widget_nav_menu ul li a {
border: none;
}
.widget_nav_menu ul li > ul {
margin-left: 15px;
}
.widget.widget_archive ul li:first-child {
padding-top: 0;
}
.widget.widget_archive ul li + li {
margin-top: 5px;
}
.widget.widget_archive ul li:last-child {
border-bottom: none;
}
.widget.widget_archive ul li a i {
color: var(--main-color-one);
margin-right: 5px;
}
.widget ul.widget_categories li + li {
margin-top: 15px;
}
.widget.footer-widget.widget_calendar table {
margin-bottom: 0;
}
.widget.elementor-widget-wp-widget-flat6labs_request_form_widget, .widget.flat6labs-request-form-widget {
padding: 0;
}
.widget .request-form-widget {
padding: 25px 25px 15px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
position: relative;
z-index: 0;
}
.widget .request-form-widget:after {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 10px;
position: absolute;
z-index: -1;
background-color: rgba(17, 13, 14, 0.85);
}
.widget .request-form-widget .widget-headline {
color: #fff;
}
.widget.footer-widget {
background-color: transparent !important;
padding: 0;
margin-bottom: 30px;
box-shadow: initial;
}
.widget.footer-widget select {
color: #e2e2e2;
background-image: url("data:image/svg+xml;utf8,");
}
.widget.footer-widget select option {
color: var(--heading-color);
}
.widget.footer-widget .widget-headline {
font-weight: 400;
font-size: 20px;
line-height: 35px;
color: #181818;
position: relative;
margin-bottom: 22px;
font-family: var(--body-font);
padding-bottom: 10px;
padding-left: 0;
z-index: 0;
}
.widget.footer-widget .widget-headline:before {
display: none;
}
.widget.footer-widget .widget-headline p {
color: #fff;
font-size: 14px;
}
.widget.footer-widget ul li {
color: #fff;
font-size: 14px;
position: relative;
}
.widget.footer-widget ul li a {
color: #fff;
font-size: 16px;
position: relative;
}
.widget.footer-widget ul li a:hover {
transition: 0.5s all;
color: var(--main-color-one);
}
.widget.footer-widget.widget_tag_cloud .tagcloud {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.widget.footer-widget.widget_tag_cloud .tagcloud a {
font-size: 14px;
}
.widget.footer-widget.widget_recent_comments ul li a:after {
display: none;
}
.widget.footer-widget.widget_recent_comments ul li a:hover {
padding-left: 0;
}
.widget.footer-widget.widget_calendar table th {
border: 1px solid #ddd;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.widget.footer-widget.widget_calendar table th a {
font-weight: 600;
text-decoration: underline;
}
.widget.footer-widget.widget_calendar table td {
border: 1px solid #ddd;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.widget.footer-widget.widget_calendar table td a {
font-weight: 600;
text-decoration: underline;
}
.widget.footer-widget .subscribe-form .form-group .form-control {
background-color: #515457;
color: #fff;
}
.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder {
/* WebKit browsers */
color: rgba(255, 255, 255, 0.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: rgba(255, 255, 255, 0.6);
}
.widget.footer-widget .subscribe-form .submit-btn:hover {
background-color: #fff;
color: var(--main-color-one);
}
.widget.footer-widget .wp-calendar-nav {
padding: 8px 0;
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-prev {
color: #fff;
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-prev:hover {
color: var(--main-color-one);
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-next {
color: #fff;
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-next:hover {
color: var(--main-color-one);
}
.widget ul > li:last-child {
padding-bottom: 0;
}
.widget img {
height: auto;
}
.footer-widget.widget_nav_menu ul li a {
position: relative;
}
.footer-widget.widget.widget_nav_menu ul li {
margin: 0;
}
.footer-style .footer-wrap {
background-color: var(--heading-color);
}
.footer-wrap .footer-top .footer-widget .menu li ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget_tag_cloud.footer-widget .tagcloud a {
background-color: transparent;
border: 1px solid var(--main-color-one);
color: #fff;
}
.widget_tag_cloud.footer-widget .tagcloud a:hover {
border: 1px solid #fff;
background-color: #fff;
color: var(--main-color-one);
}
.copyright-link {
border-bottom: 1px solid #000;
}
.copyright-link:hover {
color: #1a6a39;
border-color: #1a6a39;
}
.wp-block-calendar caption {
caption-side: top;
text-align: center;
padding: 8px;
font-weight: 600;
color: var(--heading-color);
background-color: #ddd;
}
.widget_calendar caption {
caption-side: top;
text-align: center;
padding: 8px;
font-weight: 600;
color: var(--heading-color);
background-color: #ddd;
}
.wp-block-calendar table th {
background-color: transparent;
}
.widget_flat6labs_category ul li + li {
padding-top: 10px;
border-top: 1px dashed #C9C9C9;
}
.widget_recent_comments ul li {
position: relative;
}
.widget .widget_calendar caption {
color: var(--paragraph-color);
}
.widget.widget_rss li {
margin-bottom: 20px;
}
.widget.widget_rss cite {
font-weight: 600;
margin-top: 5px;
display: inline-block;
}
.widget_calendar table td {
border: 1px solid #ddd;
padding: 8px;
}
.widget_calendar table th {
border: 1px solid #ddd;
padding: 8px;
}
#wp-calendar {
border-collapse: collapse;
width: 100%;
text-align: center;
}
#wp-calendar th {
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
}
.widget_recent_comments ul li a {
text-decoration: underline;
}
.footer-widget .theme-recent-post-wrap li.theme-recent-post-item + li {
border-top: initial;
padding-top: 0;
}
.theme-recent-post-wrap {
margin: 0;
padding: 0;
list-style: none;
}
.theme-recent-post-wrap li {
display: block;
}
.theme-recent-post-wrap li + li {
margin-top: 20px;
}
.theme-recent-post-wrap li.theme-recent-post-item {
display: flex;
align-self: flex-start;
padding-bottom: 10px;
align-items: center;
}
.theme-recent-post-wrap li.theme-recent-post-item + li {
padding-top: 20px;
border-top: 1px dashed #e1e6ff;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb {
width: 70px;
border-radius: 4px;
height: 70px;
margin-right: 15px;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb a:before {
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb a:hover {
padding-left: 0;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb a:after {
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb img {
border-radius: 4px;
}
.theme-recent-post-wrap li.theme-recent-post-item .content {
flex: 1;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title {
font-size: 16px;
line-height: 24px;
font-family: var(--body-font);
font-weight: 600;
margin-bottom: 0;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a {
padding-left: 0;
color: var(--heading-color);
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a:hover {
color: var(--main-color-one);
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a:before {
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a:after {
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .time {
font-size: 14px;
text-transform: uppercase;
color: #858585;
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .time i {
color: var(--main-color-one);
padding-right: 5px;
}
.contact_info_list {
margin: 0;
padding: 0;
list-style: none;
}
.contact_info_list li.single-info-item {
display: inline-block;
margin-right: 10px;
}
.contact_info_list li.single-info-item .icon {
width: 42px;
height: 42px;
line-height: 42px;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid #E8E8E8;
border-radius: 50%;
color: #8A8A8A;
transition: all 0.3s;
font-size: 16px;
font-weight: 600;
background-color: transparent;
margin-right: 0;
}
.contact_info_list li.single-info-item .icon a {
color: #8A8A8A !important;
}
.contact_info_list li.single-info-item .details {
margin-left: 15px;
}
.about_us_widget .footer-logo {
margin-bottom: 20px;
display: block;
}
.about_us_widget p {
margin-bottom: 25px;
}
.widget-testimonial .icon {
font-size: 70px;
line-height: 60px;
color: var(--main-color-one);
margin-bottom: 16px;
}
.widget-testimonial p {
color: rgba(255, 255, 255, 0.8);
line-height: 1.6;
}
.widget-testimonial .author-meta {
display: flex;
align-self: flex-start;
margin-top: 24px;
}
.widget-testimonial .author-meta .thumb {
margin-right: 20px;
}
.widget-testimonial .author-meta .thumb img {
max-width: 80px;
height: 80px;
border-radius: 50%;
}
.widget-testimonial .author-meta .content {
flex: 1;
margin-top: 15px;
}
.widget-testimonial .author-meta .content .name {
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: #fff;
margin-bottom: 0;
}
.widget-testimonial .author-meta .content .designation {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.widget.widget_media_gallery .gallery {
margin-bottom: 0;
}
.widget_edus_post_category ul li:hover a {
background-color: var(--main-color-one);
}
.widget_edus_post_category ul li:hover a .title {
color: #fff;
}
.widget_edus_post_category ul li .title {
padding: 0 20px;
background-color: var(--secondary-color);
position: relative;
line-height: 50px;
font-family: var(--body-font);
margin-bottom: 0;
font-size: 14px;
color: #fff;
font-weight: 500;
transition: all 0.3s ease-out 0s;
}
.widget_edus_post_category ul li .title span {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: var(--main-color-one);
color: #fff;
transition: all 0.3s ease-out 0s;
}
.about_me_widget .content {
text-align: center;
}
.about_me_widget .content .thumb {
width: 140px;
height: 140px;
border-radius: 50%;
margin: auto;
}
.about_me_widget .content .thumb img {
border-radius: 50%;
}
.about_me_widget .content .title {
font-size: 18px;
margin-top: 30px;
font-weight: 700;
}
.about_me_widget .content p {
padding-top: 10px;
}
.about-us-widget p {
color: #fff;
max-width: 340px;
}
.edus-widget-about {
border: 2px solid #f7f7f7;
}
.about_me_two_widget p {
font-size: 16px;
line-height: 26px;
}
.about_me_two_widget .content-wrap {
display: flex;
margin-top: 20px;
}
.about_me_two_widget .thumb {
width: 60px;
margin-right: 20px;
}
.about_me_two_widget .title {
font-size: 20px;
font-weight: 600;
}
.about_me_two_widget .designation {
color: var(--main-color-one);
}
.widget_edus_service_category.widget {
padding: 0;
}
.widget_edus_service_category ul li a {
display: flex;
background: #f7f7f7;
align-items: center;
justify-content: space-between;
padding: 16px 35px;
font-size: 16px;
font-weight: 700;
}
.widget_edus_service_category ul li a.active, .widget_edus_service_category ul li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.widget_edus_service_category ul li a.active span, .widget_edus_service_category ul li a:hover span {
opacity: 1;
}
.widget_edus_service_category ul li a span {
opacity: 0;
}
.widget_edus_service_category ul li + li {
margin-bottom: 10px;
}
.widget.widget_media_image {
padding: 0;
}
.widget.widget_media_image img {
width: 100%;
}
.custom-logo-link img, .site-logo img, .footer-logo img {
max-width: 180px !important;
}
.widget .elementor-widget-container > h1,
.widget .elementor-widget-container > h2,
.widget .elementor-widget-container > h3,
.widget .elementor-widget-container > h4,
.widget .elementor-widget-container > h5,
.widget .elementor-widget-container > h6 {
font-size: 20px;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
position: relative;
z-index: 0;
margin-bottom: 20px;
font-family: var(--body-font);
}
.widget .elementor-widget-container > h1:after,
.widget .elementor-widget-container > h2:after,
.widget .elementor-widget-container > h3:after,
.widget .elementor-widget-container > h4:after,
.widget .elementor-widget-container > h5:after,
.widget .elementor-widget-container > h6:after {
position: absolute;
content: "";
top: 50%;
left: -25px;
transform: translateY(-50%);
height: 18px;
width: 4px;
background-color: var(--main-color-one);
}
.wp-block-group__inner-container > h1,
.wp-block-group__inner-container > h2,
.wp-block-group__inner-container > h3,
.wp-block-group__inner-container > h4,
.wp-block-group__inner-container > h5,
.wp-block-group__inner-container > h6 {
font-size: 20px;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
position: relative;
z-index: 0;
margin-bottom: 20px;
font-family: var(--body-font);
}
.wp-block-group__inner-container > h1:after,
.wp-block-group__inner-container > h2:after,
.wp-block-group__inner-container > h3:after,
.wp-block-group__inner-container > h4:after,
.wp-block-group__inner-container > h5:after,
.wp-block-group__inner-container > h6:after {
position: absolute;
content: "";
top: 50%;
left: -25px;
transform: translateY(-50%);
height: 18px;
width: 4px;
background-color: var(--main-color-one);
}
.wp-block-search__label {
font-size: 20px;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
position: relative;
z-index: 0;
color: var(--heading-color);
margin-bottom: 20px;
font-family: var(--body-font);
}
/* .wp-block-search__label:after {
position: absolute;
content: "";
top: 50%;
left: -25px;
transform: translateY(-50%);
height: 18px;
width: 4px;
background-color: var(--main-color-one);
} */
/*----------------------------------------------
# Nav bar
----------------------------------------------*/
.nav-top-info {
padding: 9px;
text-align: center;
background-color: var(--main-color-one);
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 160%;
span {
font-weight: 700;
}
}
.navbar.navbar-area.header-light .navbar-toggler-icon {
background-image: url('data:image/svg+xml,');
}
.navbar.navbar-area .navbar-toggler-icon {
background-image: url('data:image/svg+xml,');
}
.mobile-logo {
display: none;
}
.custom-container {
max-width: 1315px;
padding: 0px 15px;
}
@media only screen and (max-width: 991px) {
.mobile-logo {
display: block;
}
.desktop-logo {
display: none !important;
}
}
.logo-wrapper .site-title {
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
.navbar-area {
padding: 0;
z-index: 69996;
}
.navbar-area.nav-absolute {
position: absolute;
left: 0;
width: 100%;
top: 0px;
z-index: 999;
}
.navbar-area.navigation-style-01 .custom-container {
box-shadow: none;
border-radius: 0;
padding: 10px 15px;
}
.navbar-area.navigation-style-01 .custom-container .logo-wrapper {
max-width: 230px;
}
.navbar-area.navigation-style-01 .custom-container .nav-right-content {
display: flex;
align-items: center;
}
.navbar-area.navigation-style-01 .custom-container .nav-right-content ul li {
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .nav-right-content ul li + li {
margin-left: 10px;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .menu-main-menu-container {
width: 100%;
flex: 1;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav {
text-align: center;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav ul {
margin-bottom: 0;
margin-bottom: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgb(255 255 255 / 6%);
padding: 18px 36px;
height: auto;
display: flex;
flex-direction: column;
border-radius: 0;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: var(--main-color-one);
color: #0D0D0D !important;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:last-child.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.current-menu-item:before {
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
color: #fff;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
color: #fff;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: #fff;
}
.header-light.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: #000000;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover a {
color: var(--main-color-one);
}
.navbar-area .custom-container {
padding: 0 15px;
max-width: 1385px;
}
.navbar-area .custom-container .nav-right-content {
display: flex;
align-items: center;
}
.navbar-area .custom-container .nav-right-content .btn-wrap + .btn-wrap {
margin-left: 20px;
}
.navbar-area .custom-container .nav-right-content ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: 15px;
display: flex;
}
.navbar-area .custom-container .nav-right-content ul li {
display: inline-block;
color: #19232D;
}
.navbar-area .custom-container .nav-right-content ul li a {
color: #19232D;
transition: all 0.3s ease-in;
}
.navbar-area .custom-container .nav-right-content ul li a:hover {
color: var(--main-color-one);
}
.navbar-area .custom-container .nav-right-content ul li a:hover i {
color: var(--main-color-one);
}
.navbar-area .custom-container .nav-right-content ul li a i {
color: #19232D;
padding-right: 6px;
font-weight: 800;
}
.navbar-area .custom-container .nav-right-content ul li.search {
cursor: pointer;
transition: all 0.3s ease-in;
}
.navbar-area .custom-container .nav-right-content ul li.search:hover {
color: var(--main-color-one);
}
.navbar-area .custom-container .navbar-brand .site-title {
font-weight: 700;
font-size: 30px;
font-family: var(--heading-font);
line-height: 90px;
color: var(--heading-color);
}
.navbar-area .custom-container .navbar-collapse {
justify-content: flex-end !important;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li {
display: inline-block;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
line-height: 100px;
position: relative;
z-index: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li + li {
margin-left: 30px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children {
position: relative;
z-index: 0;
padding-right: 25px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
position: absolute;
right: 0;
top: 50%;
content: '+';
font-weight: 700;
color: var(--heading-color);
font-size: 18px;
font-family: var(--body-font);
/* IE 9 */
/* Chrome, Safari, Opera */
transform: translateY(-50%);
transition: all 0.3s ease-in;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
position: absolute;
text-align: left;
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
left: 58%;
top: 80%;
transform: translate(-50%);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
background-color: #FFFFFF0F;
z-index: 9;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in;
border-radius: 10px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
display: block;
margin-left: 0;
line-height: 22px;
font-size: 16px;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
border-top: 1px solid #a4f22921;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
display: block;
padding: 12px 17px;
white-space: nowrap;
color: var(--paragraph-color);
transition: all 0.3s ease-in;
font-family: var(--body-font);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:before {
display: none;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
position: relative;
z-index: 0;
padding-right: 0px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
left: -220px;
top: 10px;
margin-bottom: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu .sub-menu .sub-menu {
left: auto;
right: 100%;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
color: #fff;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
display: block;
}
@media only screen and (max-width: 991px) {
.navbar-area.navigation-style-02 .custom-container .navbar-collapse .navbar-nav {
padding: 0;
}
.navbar-area.navigation-style-02 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color: transparent;
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .responsive-mobile-menu .navbar-toggler {
background-image: none;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav {
text-align: left;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li {
line-height: 30px;
width: 100%;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.current-menu-item a {
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {
color: var(--main-color-one);
z-index: -1;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children {
z-index: initial;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
background-color: transparent;
color: #fff;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
background-color: transparent;
color: var(--heading-color);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
color: #656565;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li a {
transition: all 0.3s ease-in;
color: #fff;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
z-index: -1;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover a {
color: var(--main-color-one);
}
.navbar-area .custom-container {
position: relative;
z-index: 9999;
/* min-height: 80px; */
/* padding: 0px 10px; */
}
.navbar-area .custom-container .responsive-mobile-menu {
display: flex;
position: relative;
width: 100%;
align-items: center;
justify-content: space-between;
padding-top: 10px;
}
.navbar-area .custom-container .responsive-mobile-menu .navbar-toggler {
/* position: absolute; */
right: 0;
top: 50%;
padding: 0;
/* IE 9 */
/* Chrome, Safari, Opera */
/* transform: translateY(-50%); */
border: 1px solid transparent;
}
.navbar-area .custom-container .responsive-mobile-menu .navbar-toggler:focus {
box-shadow: 0 0 0 0;
}
.navbar-area .custom-container .navbar-brand {
display: block;
}
.navbar-area .custom-container .navbar-brand .navbar-toggler {
position: absolute;
right: 10px;
border: 1px solid rgba(17, 17, 17, 0.6);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav {
display: block;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li {
display: block;
text-align: left;
line-height: 30px;
padding: 10px 0;
border-bottom: 1px solid rgb(201 107 52 / 10%);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li:last-child {
border-bottom: none;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li + li {
margin-left: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
top: 19px;
right: 0px;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
color: var(--main-color-one);
z-index: 1;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
margin-top: 10px;
margin-bottom: -10px;
overflow: hidden;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
padding: 4px 17px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
transform: translate(0%);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
position: initial;
width: 100%;
border-top: none;
box-shadow: none;
margin-left: 0;
height: auto;
overflow: hidden;
max-height: 250px;
overflow-y: scroll;
background-color: transparent;
padding: 0;
border-bottom: none;
display: none;
transition: none;
visibility: visible;
opacity: 1;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
content: "\f067";
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
padding: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
color: var(--main-color-one);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
border-top: none;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
border-top: 1px solid rgb(201 107 52 / 10%)
}
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before {
right: 20px;
}
/*-------------------------
Footer Area
-------------------------*/
.footer-section {
margin: auto;
position: relative;
background-color: #F4F7FA;
overflow: hidden;
z-index: 2;
}
.footer-section .footer-element {
position: absolute;
left: 35%;
top: 0;
opacity: .1;
z-index: -1;
animation: horizontal-move 5s ease-in-out infinite;
}
@media only screen and (max-width: 991px) {
.footer-section .footer-element {
display: none;
}
}
.footer-section .footer-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.footer-section .footer-bg img {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 991px) {
.footer-list {
margin-top: 20px;
}
}
.footer-list li {
font-family: var(--heading-font);
color: #6C737F;
font-weight: 400;
font-size: 16px;
transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
.footer-list li {
font-size: 14px;
}
}
.footer-list li:hover {
color: var(--main-color-one);
}
.footer-top {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 60px;
}
.footer-top::after {
position: absolute;
content: '';
top: 20px;
left: 20%;
width: 60%;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 991px) {
.footer-top::after {
display: none;
}
}
.footer-social {
margin: 0;
padding: 0;
list-style: none;
}
.footer-social li {
display: inline-block;
}
.footer-social li a {
width: 35px;
height: 35px;
line-height: 35px;
display: inline-block;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
color: #8A8A8A;
transition: all 0.3s;
}
.footer-social li a:hover {
background-color: var(--main-color-one);
border: 1px solid var(--main-color-one);
color: #fff;
}
.footer-social li + li {
margin-left: 5px;
}
@media only screen and (max-width: 360px) {
.footer-logo {
margin-bottom: 20px;
}
}
.footer-logo a {
margin-right: 0;
}
.copyright-area {
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 110px;
}
@media only screen and (max-width: 991px) {
.copyright-area {
padding-bottom: 30px;
margin-top: 70px;
}
}
.copyright-text {
font-size: 16px;
line-height: 140%;
font-weight: 400;
}
@media only screen and (max-width: 991px) {
.copyright-area p {
font-size: 13px;
}
}
.copyright-wrap-inner {
color: #0D0D0D;
padding: 36px 0px 20px;
margin-top: 36px;
border-top: 1px solid #D0D5DD;
display: flex;
justify-content: space-between;
align-items: center;
}
.social_share {
margin: 0;
padding: 0;
list-style: none;
display: flex;
grid-column-gap: 12px;
}
.social_share .single-info-item {
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 100px;
border: 1px solid #D2D6DB;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms ease-in;
&:hover {
background-color: var(--main-color-one);
img {
-ms-filter: invert(1);
filter: invert(1);
}
}
}
/*-----------------------------
Accordion Item
-----------------------------*/
.accordion-wrapper .card {
border: none;
background-color: transparent;
}
.accordion-wrapper .card + .card {
margin-top: 24px;
border-top: 1px solid #E5E7EB;
padding-top: 24px;
}
.accordion-wrapper .card .card-header {
background-color: transparent;
padding: 0;
border: none;
position: relative;
z-index: 0;
}
.accordion-wrapper .card .card-header a {
display: block;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%;
cursor: pointer;
padding-right: 60px;
}
.accordion-wrapper .card .card-header a {
&::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 40px;
height: 40px;
padding: 7px;
border-radius: 100px;
background-color: #fff;
border: 1px solid #D2D6DB;
color: #171C1A;
transition: transform 0.4s ease 0s;
}
}
.accordion-wrapper .card .card-header a[aria-expanded=true] {
&::after {
content: url('data:image/svg+xml,');
color: #fff;
background-color: var(--main-color-one);
}
}
.accordion-wrapper .card .card-body {
font-size: 18px;
color: #384250;
padding: 0;
padding-right: 60px;
font-weight: 400;
line-height: 140%; /* 25.2px */
letter-spacing: -0.108px;
margin-top: 20px;
}
/*-----------------------
Error 404 Page
-----------------------*/
.error-404 {
text-align: center;
}
.error-404 .title {
font-size: 40px;
line-height: 50px;
font-weight: 500;
margin-bottom: 25px;
color: var(--main-color-one);
}
.error-404 .subtitle {
font-size: 24px;
line-height: 34px;
font-weight: 600;
margin-bottom: 20px;
}
.error-404 .search-form {
position: relative;
z-index: 0;
margin-top: 36px;
}
.error-404 .search-form .form-control {
height: 54px;
padding: 0 20px;
border-radius: 4px;
}
.error-404 .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 70px;
text-align: center;
padding: 0;
height: 55px;
background-color: transparent;
border: 0;
font-size: 25px;
color: var(--main-color-one);
}
/*-----------------------
No Result
-----------------------*/
.no-results.not-found .page-title {
font-size: 36px;
text-transform: capitalize;
line-height: 46px;
font-weight: 700;
}
.no-results.not-found .search-form {
position: relative;
margin-top: 40px;
}
.no-results.not-found .search-form .form-control {
height: 50px;
border: 1px solid #e2e2e2;
padding: 0 80px 0 30px;
font-size: 14px;
border-radius: 30px;
}
.no-results.not-found .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 50px;
background-color: var(--main-color-one);
color: #fff;
border: 0;
font-size: 18px;
border-radius: 0 30px 30px 0;
padding: 0;
text-align: center;
transition: .3s ease-in;
}
.no-results.not-found .search-form .submit-btn:hover {
background-color: var(--main-color-one);
}
/*-------------------------
## Preloader Css
---------------------------*/
.preloader {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999;
background: #fff;
}
.preloader svg {
width: 200px;
}
/*---------------------------------------
## Button
---------------------------------------*/
.btn-wrap {
display: block;
}
.btn-wrap .boxed-btn {
position: relative;
background: var(--main-color-one);
color: #fff;
padding: 13px 20px;
font-size: 16px;
line-height: 20px;
display: inline-flex;
align-items: center;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
text-align: center;
transition: all ease 0.5s;
background-size: 300% 100%;
display: inline-flex;
gap: 5px;
}
.btn-wrap .boxed-btn:focus, .btn-wrap .boxed-btn:hover {
transition: all .4s ease-in-out;
background-position: 100% 0;
background-color: var(--secondary-color);
}
.btn-wrap .boxed-btn.blank {
background-color: #fff;
border: 1px solid #fff;
color: #001A11;
transition: all 0.3s ease-in;
}
.header-light .btn-wrap .boxed-btn.blank {
background-color: #00ffab;
border: 1px solid #00ffab;
color: #001A11;
transition: all 0.3s ease-in;
}
.btn-wrap .boxed-btn.blank.reverse-color {
background-color: var(--secondary-color);
border: 1px solid var(--secondary-color);
color: #fff;
}
.btn-wrap .boxed-btn.blank.reverse-color:hover {
background-color: var(--main-color-one);
color: #fff;
border: 1px solid var(--main-color-one);
}
.btn-wrap .boxed-btn.blank:hover {
background-color: var(--main-color-one);
color: #001A11;
border-color: var(--main-color-one);
}
.btn-wrap .boxed-btn.btn-rounded {
border-radius: 30px;
}
.btn-wrap .boxed-btn.reverse-color {
background-color: var(--main-color-one);
}
.btn-wrap .boxed-btn.reverse-color:hover {
background-color: var(--main-color-one);
}
.btn-wrap .blank-btn {
color: var(--main-color-one);
border-radius: 999px;
font-size: 16px;
font-weight: 700;
transition: all ease 0.5s;
}
.btn-wrap .blank-btn i {
font-size: 12px;
margin-right: 10px;
}
.btn-wrap .blank-btn:hover {
color: var(--heading-color);
}
.desktop-center {
text-align: center;
}
.desktop-left {
text-align: left;
}
.desktop-right {
text-align: right;
}
@media only screen and (max-width: 768px) {
.tablet-center {
text-align: center;
}
.tablet-left {
text-align: left;
}
.tablet-right {
text-align: right;
}
}
@media only screen and (max-width: 414px) {
.mobile-center {
text-align: center;
}
.mobile-left {
text-align: left;
}
.mobile-right {
text-align: right;
}
}
/*-----------------------
Blog Grid Item
-----------------------*/
.blog-tab-nav {
margin-bottom: 40px;
}
.blog-tab-nav .nav-link:hover,
.blog-tab-nav .nav-link.active {
border: none;
color: #111827;
font-weight: 700;
border-bottom: 2px solid var(--main-color-one);
}
.blog-tab-nav .nav-link {
font-size: 20px;
line-height: 30px;
color: #494A4E;
font-weight: 500;
padding: 0 24px 16px;
}
.post-menu-item-list {
margin-bottom: 24px;
}
.post-menu-item-list a {
display: flex;
align-items: center;
grid-column-gap: 8px;
font-size: 20px;
color: var(--heading-color);
font-weight: 600;
}
.post-menu-item-list a:hover {
color: var(--main-color-one);
}
.blog-standard-item-01 {
position: relative;
}
.blog-standard-item-01 + .blog-standard-item-01 {
padding-top: 35px;
margin-top: 30px;
border-top: 1px dashed #CBCBCB;
}
.blog-standard-item-01.sticky:after {
position: absolute;
right: 0;
top: 0;
font-family: 'Font Awesome 5 Free';
content: "\f08d";
font-weight: 700;
font-size: 20px;
color: var(--main-color-one);
}
.blog-standard-item-01 .thumbnail {
position: relative;
z-index: 0;
overflow: hidden;
margin-bottom: 30px;
border-radius: 10px;
}
.blog-standard-item-01 .thumbnail img {
transition: all 300ms ease-in-out;
border-radius: 10px;
}
.blog-standard-item-01 .thumbnail img:hover {
transform: scale(1.2);
}
.blog-standard-item-01 .content .cats a {
display: inline-block;
color: #fff;
letter-spacing: 3px;
padding: 4px 15px;
font-weight: 400;
font-size: 14px;
margin-right: 10px;
margin-bottom: 10px;
background-color: var(--main-color-one);
}
.blog-standard-item-01 .content .post-meta-wrap {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
flex-wrap: wrap;
align-items: center;
}
.blog-standard-item-01 .content .post-meta-wrap .social-icon li {
padding-left: 0;
margin-top: 0;
}
.blog-standard-item-01 .content .post-meta {
margin: 0;
padding: 0;
list-style: none;
line-height: 0;
}
.blog-standard-item-01 .content .post-meta li {
display: inline-block;
font-size: 14px;
line-height: 14px;
font-weight: 400;
margin-right: 25px;
padding-left: 0;
margin-top: 0;
position: relative;
}
.blog-standard-item-01 .content .post-meta li:after {
position: absolute;
right: -16px;
top: 0;
color: var(--main-color-one);
font-weight: 400;
content: "|";
}
.blog-standard-item-01 .content .post-meta li:last-child:after {
display: none;
}
.blog-standard-item-01 .content .post-meta li i {
color: var(--main-color-one);
}
.blog-standard-item-01 .content .post-meta li:before {
display: none;
}
.blog-standard-item-01 .content .post-meta li:hover a {
color: var(--main-color-one);
}
.blog-standard-item-01 .content .post-meta li a {
transition: all 300ms;
}
.blog-standard-item-01 .content .title {
font-size: 32px;
line-height: 42px;
font-weight: 600;
text-transform: uppercase;
margin-top: 10px;
transition: all 300ms;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.blog-standard-item-01 .content .title:hover {
color: var(--main-color-one);
}
.blog-standard-item-01 .content p {
font-size: 16px;
margin-bottom: 25px;
}
.blog-standard-item-01 .content .blog-bottom {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
margin-top: 30px;
}
.blog-standard-item-01 .content .post-author {
display: flex;
align-items: center;
}
.blog-standard-item-01 .content .post-author .author-image {
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 15px;
}
.blog-standard-item-01 .content .post-author a {
color: #001b61;
font-size: 16px;
font-weight: 700;
}
.blog-standard-item-01.is-sticky {
position: relative;
z-index: 0;
}
.blog-standard-item-01.is-sticky:after {
position: absolute;
right: 0;
top: 0;
content: "\f08d";
font-family: "fontawesome";
font-size: 30px;
line-height: 30px;
color: var(--main-color-one);
}
.blog-standard-item-01.format-video .thumbnail {
position: relative;
z-index: 0;
}
.blog-standard-item-01.format-video .thumbnail .hover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.blog-standard-item-01.format-quote .thumbnail {
position: relative;
}
.blog-standard-item-01.format-quote .quote-post-type {
border-radius: 2px;
z-index: 0;
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
.blog-standard-item-01.format-quote .quote-post-type.style-01 {
position: initial;
transform: initial;
background-color: #FFF8ED;
padding: 40px;
}
.blog-standard-item-01.format-quote .quote-post-type.style-01:after {
color: var(--main-color-one);
opacity: .8;
}
.blog-standard-item-01.format-quote .quote-post-type.style-01 .title {
color: var(--heading-color);
}
.blog-standard-item-01.format-quote .quote-post-type.style-01 .post-meta li {
color: var(--heading-color);
}
.blog-standard-item-01.format-quote .quote-post-type:after {
position: absolute;
left: 40px;
top: 50px;
content: "\f10d";
font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-size: 80px;
color: var(--main-color-one);
}
.blog-standard-item-01.format-quote .quote-post-type .title {
padding-left: 100px;
padding-right: 40px;
color: #fff;
font-size: 33px;
font-weight: 600;
line-height: 44px;
margin-bottom: 10px;
}
.blog-standard-item-01.format-quote .quote-post-type .post-meta {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
padding-left: 100px;
}
.blog-standard-item-01.format-quote .quote-post-type .post-meta li {
display: inline-block;
font-size: 14px;
line-height: 24px;
font-weight: 400;
margin-right: 20px;
color: #fff;
position: relative;
}
.blog-standard-item-01.format-quote .quote-post-type .post-meta li i {
color: var(--main-color-one);
}
.blog-standard-item-01.format-quote .quote-post-type .post-meta li:before {
display: none;
}
.blog-standard-item-01.format-quote .quote-post-type .post-meta li:hover a {
color: var(--main-color-one);
}
.blog-standard-item-01.format-quote .quote-post-type .post-meta li a {
transition: all 300ms;
}
.blog-single-content-wrap .blog-details-image {
margin-top: 35px;
margin-bottom: 33px;
}
/* .blog-single-content-wrap h2 {
font-size: 28px;
font-style: normal;
font-weight: 600;
} */
.blog-single-content-wrap .thumbnail {
margin-bottom: 40px;
position: relative;
z-index: 0;
border-radius: 10px;
}
.blog-single-content-wrap .thumbnail img {
border-radius: 10px;
}
.blog-single-content-wrap .thumbnail .hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog-single-content-wrap .cats a {
display: inline-block;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
margin-right: 10px;
margin-bottom: 10px;
transition: all 300ms;
background: var(--main-color-one);
border: 1px solid var(--main-color-one);
padding: 3px 10px;
border-radius: 2px;
color: #fff;
}
.blog-single-content-wrap .cats a:hover {
background-color: transparent;
color: var(--heading-color);
}
.blog-single-content-wrap .title {
font-size: 24px;
line-height: 1.2em;
font-weight: 600;
margin-bottom: 14px;
word-wrap: break-word;
}
.blog-single-content-wrap .subtitle {
font-size: 28px;
line-height: 38px;
font-weight: 600;
margin-bottom: 20px;
}
.blog-single-content-wrap .blog-list {
padding: 0;
margin-left: 0;
list-style: none;
padding-top: 20px !important;
padding-bottom: 5px !important;
}
.blog-single-content-wrap .blog-list li {
padding-left: 40px;
padding-bottom: 10px;
position: relative;
}
.blog-single-content-wrap .blog-list li:before {
display: none;
}
.blog-single-content-wrap .blog-list li:after {
position: absolute;
content: "\f061";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
top: 3px;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
background-color: #ffbe01;
font-size: 11px;
border-radius: 50%;
padding-left: 2px;
color: #fff;
}
.blog-single-content-wrap .wp-block-columns {
padding-top: 30px;
}
.blog-single-content-wrap .wp-block-quote.has-text-align-right.extraclass {
text-align: right;
}
.blog-single-content-wrap .wp-block-quote {
padding: 56px 94px;
border-radius: 20px;
background: #F0E1DB;
border: none;
text-align: center;
margin-bottom: 32px;
p {
color: #B46B4B;
text-align: center;
font-size: 28px;
font-weight: 600;
line-height: 36px;
margin-bottom: 16px;
}
cite {
color: #475467;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
}
.blog-single-content-wrap .post-meta {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 30px;
}
.blog-single-content-wrap .post-meta li {
display: inline-block;
font-size: 14px;
line-height: 24px;
font-weight: 400;
margin-right: 25px;
padding-left: 0;
position: relative;
}
.blog-single-content-wrap .post-meta li i {
color: var(--main-color-one);
margin-right: 5px;
}
.blog-single-content-wrap .post-meta li:before {
display: none;
}
.blog-single-content-wrap .post-meta li:after {
position: absolute;
right: -16px;
top: 0;
color: var(--main-color-one);
font-weight: 400;
content: "|";
}
.blog-single-content-wrap .post-meta li:last-child:after {
display: none;
}
.blog-single-content-wrap .post-meta li a {
transition: all 300ms;
}
.blog-single-content-wrap .post-meta li a i {
color: var(--main-color-one);
margin-right: 5px;
}
.blog-single-content-wrap .post-author {
padding: 30px;
background: #f3f5f7;
display: flex;
align-items: center;
margin-top: 30px;
}
.blog-single-content-wrap .post-author .author-image {
width: 180px;
}
.blog-single-content-wrap .post-author .author-image img {
width: 100%;
height: 100%;
}
.blog-single-content-wrap .post-author .author-content {
margin-left: 30px;
flex: 1;
}
.blog-single-content-wrap .post-author .author-content .title {
margin-bottom: 15px;
}
.blog-details-footer {
display: flex;
justify-content: space-between;
margin-top: 40px;
border-top: 1px dashed #CECECE;
padding-top: 25px;
padding-bottom: 25px;
}
.blog-details-footer .title {
font-size: 16px;
font-weight: 600;
font-family: var(--body-font);
color: var(--heading-color);
padding-right: 10px;
margin-bottom: 0;
}
.blog-details-footer .left {
display: flex;
}
.blog-details-footer .left .tags {
margin: 0;
padding: 0;
list-style: none;
}
.blog-details-footer .left .tags li {
padding-left: 0;
font-family: var(--heading-font);
}
.blog-details-footer .left .tags li:before {
display: none;
}
.blog-details-footer .left .tags li i {
padding-right: 5px;
color: var(--secondary-color);
}
.blog-details-footer .left .tags li a {
display: inline-block;
padding: 5px 15px;
border: 1px solid #F3F3F3;
margin: 5px 5px 5px 0;
color: inherit;
transition: all 0.3s ease-in;
font-family: var(--body-font);
border-radius: 2px;
font-size: 14px !important;
background-color: #F3F3F3;
}
.blog-details-footer .left .tags li a:hover {
color: #fff;
background-color: var(--main-color-one);
}
.blog-details-footer .right {
display: flex;
align-items: center;
}
.blog-details-footer .right .social-share {
margin: 0;
padding: 0;
list-style: none;
}
.blog-details-footer .right .social-share li {
color: var(--heading-color);
font-size: 18px;
display: inline-block;
transition: all 0.3s ease-in;
padding-left: 0;
}
.blog-details-footer .right .social-share li:before {
display: none;
}
.blog-details-footer .right .social-share li + li {
margin-left: 10px;
}
.blog-details-footer .right .social-share li:hover {
color: var(--main-color-one);
}
.product-related-wrap {
margin-left: -15px;
margin-right: -15px;
}
.sm-outer-wrap {
padding: 0 15px;
}
.product-related-posts {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
margin-top: 40px;
border-top: 1px dashed #eaeaea;
padding-top: 40px !important;
}
.product-related-posts .service-single-item-04 {
margin-top: 0;
}
.product-related-posts .sm-outer-wrap:before {
display: none;
}
.product-related-posts .sm-outer-wrap + li {
margin-top: 0;
}
.product-related-posts.colum-2 .sm-outer-wrap {
width: calc(100% / 2);
}
.product-related-posts.colum-3 .sm-outer-wrap {
width: calc(100% / 3);
}
.product-related-posts.colum-4 .sm-outer-wrap {
width: calc(100% / 4);
}
.search-page-content-area .blog-standard-item-01 .thumbnail img:hover {
transform: scale(1);
}
/*Ajex Loader*/
.mc4wp-response p {
color: #fff;
margin-top: 20px;
}
.wpcf7 .ajax-loader {
display: none;
}
.wpcf7 form.submitting .ajax-loader {
display: block;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
color: var(--main-color-one);
border-color: var(--main-color-one);
border-radius: 2px;
}
.wpcf7-list-item {
margin-left: 27px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: var(--main-color-one);
}
.footer-menu-item .footer-title {
display: flex;
padding-bottom: 15px;
margin-bottom: 25px;
border-bottom: 1px solid #336ec6;
}
.footer-menu-item .footer-title.style-02 .icon {
color: #FF50AF;
}
.footer-menu-item .footer-title.style-03 .icon {
color: #FFDE00;
}
.footer-menu-item .footer-title .icon {
font-size: 24px;
color: #00d2ff;
padding-right: 15px;
}
.footer-menu-item .footer-title .content .title {
font-size: 22px;
line-height: 26px;
color: #fff;
font-weight: 700;
}
.footer-menu-item .footer-title .content p {
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
}
.footer-menu-item .footer-menu-item {
padding: 0;
margin: 0;
list-style: none;
}
.footer-menu-item .footer-menu-item li {
color: rgba(255, 255, 255, 0.7);
transition: all 300ms ease-in-out;
}
.footer-menu-item .footer-menu-item li i {
color: var(--main-color-one);
padding-right: 10px;
font-size: 10px;
}
.footer-menu-item .footer-menu-item li + li {
margin-top: 15px;
}
.footer-menu-item .footer-menu-item li:hover {
color: var(--main-color-one);
}
/*-------------------------
Section Title
-------------------------*/
.theme-heading-title.white .subtitle {
color: #fff;
}
.theme-heading-title.white .title {
color: #fff;
}
.theme-heading-title.white p {
color: #fff;
}
.theme-heading-title .title {
font-size: 64px;
line-height: 68px;
font-weight: 600;
font-family: var(--heading-font);
color: var(--heading-color);
}
.theme-heading-title .title span {
color: #98A2B3;
font-family: var(--style-font);
}
.theme-heading-title .subtitle {
font-size: 14px;
font-weight: 600;
line-height: 17px;
border-radius: 100px;
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
background-color: #F8EDDC;
padding: 12px 20px;
text-transform: uppercase;
z-index: 0;
margin-bottom: 13px;
color: var(--main-color-one);
}
.theme-heading-title .subtitle span {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(180deg, #FFBE01 0%, rgba(255, 91, 1, 0.9) 100%);
}
.theme-heading-title p {
color: #333333;
}
/*-------------------------
Icon Box Item
-------------------------*/
.icon-box-list {
display: flex;
}
.icon-box-list:hover .icon i {
/* IE 9 */
/* Chrome, Safari, Opera */
transform: rotateY(360deg);
}
.icon-box-list:hover .content .title {
color: var(--main-color-one);
}
.icon-box-list .icon {
display: inline-flex;
margin-right: 20px;
height: 25px;
width: 25px;
justify-content: center;
align-items: center;
text-align: center;
background-color: #fff;
color: #ff4815;
font-size: 12px;
transition: all 300ms;
}
.icon-box-list .icon i {
transition: all 300ms;
display: inline-block;
}
.icon-box-list .content {
flex: 1;
}
.icon-box-list .content .title {
font-size: 20px;
line-height: 20px;
margin-bottom: 20px;
font-weight: 600;
transition: all 300ms;
color: #14212b;
}
.icon-box-list .content p {
margin-top: 10px;
font-weight: 500;
}
.icon-box-item {
display: flex;
align-items: center;
transition: all 300ms;
}
.icon-box-item.white .text-icon, .icon-box-item.white .icon {
color: #fff;
}
.icon-box-item.white .content .title {
color: #fff;
}
.icon-box-item.white .content p {
color: #fff;
}
.icon-box-item.top {
display: block;
}
.icon-box-item.top[style="text-align:center"] .icon {
margin: 0 auto;
}
.icon-box-item.top[style="text-align:right"] .icon-wrap {
display: flex;
justify-content: flex-end;
}
.icon-box-item[style="text-align:left"] .icon {
justify-content: left;
}
.icon-box-item.right {
flex-direction: row-reverse;
}
.icon-box-item.right .icon {
margin-left: 15px;
}
.icon-box-item.left[style="text-align:left"] {
align-items: initial;
}
.icon-box-item.left .text-icon,
.icon-box-item.left .icon {
margin-right: 15px;
}
.icon-box-item .text-icon,
.icon-box-item .icon {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 60px;
line-height: 1;
color: var(--secondary-color);
border-radius: 50%;
transition: all 300ms;
}
.icon-box-item .text-icon.shape,
.icon-box-item .icon.shape {
position: relative;
z-index: 0;
}
.icon-box-item .text-icon.shape:after,
.icon-box-item .icon.shape:after {
position: absolute;
content: '';
top: 5px;
right: -7px;
width: 20px;
height: 20px;
background-color: #ffbe01;
border-radius: 50%;
z-index: -1;
}
.icon-box-item .content .title {
color: var(--heading-color);
font-size: 24px;
line-height: 34px;
font-weight: 600;
font-family: var(--heading-font);
transition: all 300ms;
}
.icon-box-item .content p {
color: var(--paragraph-color);
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
transition: all 300ms;
}
.single-icon-box-01 {
background-color: #1c2a35;
text-align: center;
padding: 30px;
position: relative;
z-index: 0;
overflow: hidden;
}
.single-icon-box-01:hover .content .title {
color: var(--main-color-one);
}
.single-icon-box-01:hover .content p {
color: rgba(255, 255, 255, 0.8);
}
.single-icon-box-01 .icon {
font-size: 60px;
line-height: 70px;
color: var(--main-color-one);
margin-bottom: 18px;
}
.single-icon-box-01 .content .title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: #fff;
}
.single-icon-box-01 .content p {
color: #fff;
transition: all .5s;
}
.single-icon-box-02 {
display: flex;
align-self: flex-start;
background-color: #fff;
padding: 20px 20px 20px 20px;
}
.single-icon-box-02:hover .icon i {
/* IE 9 */
/* Chrome, Safari, Opera */
transform: rotateY(360deg);
}
.single-icon-box-02:hover .content .title {
color: var(--main-color-one);
}
.single-icon-box-02 .icon {
margin-right: 20px;
height: 80px;
width: 80px;
border-radius: 50%;
line-height: 80px;
text-align: center;
background-color: var(--main-color-one);
color: #fff;
font-size: 40px;
transition: all 300ms;
}
.single-icon-box-02 .icon i {
transition: all 300ms;
display: inline-block;
}
.single-icon-box-02 .content {
flex: 1;
padding-top: 5px;
}
.single-icon-box-02 .content .title {
font-size: 24px;
line-height: 34px;
font-weight: 700;
transition: all 300ms;
}
.image-box-item .thumb {
position: relative;
z-index: 0;
display: inline-block;
filter: drop-shadow(20px 20px 70px rgba(232, 0, 0, 0.25));
}
.image-box-item .thumb .content {
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-box-item .thumb .content .title {
color: #fff;
font-size: 14px;
font-family: var(--body-font);
}
.image-box-item .thumb .content .price {
color: #fff;
font-size: 28px;
font-weight: 700;
font-family: var(--heading-font);
}
.image-box-item-two {
border-radius: 50px;
padding: 70px;
}
.image-box-item-two.bg-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
.image-box-item-two.bg-image:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(#FBAD41, #980F00);
background-blend-mode: multiply;
background-size: cover;
z-index: -1;
border-radius: 50px;
}
.image-box-item-two .content .title {
color: #fff;
font-size: 55px;
font-weight: 700;
}
.image-box-item-two .content .subtitle {
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Amita', cursive;
}
.feature-item {
min-height: 530px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: flex-end;
}
.feature-item .feature-content {
padding: 45px 25px;
text-align: center;
}
.feature-item .feature-content .title {
font-weight: 400;
font-size: 30px;
line-height: 42px;
color: #fff;
margin-bottom: 15px;
}
.feature-item .feature-content .style-01 {
margin-right: 20px;
}
.social-icon {
margin: 0;
padding: 0;
list-style: none;
}
.social-icon li {
margin-top: 0 !important;
color: #8B8B8B;
display: inline-block;
font-size: 16px;
transition: all 0.3s ease-in;
padding-left: 0;
}
.social-icon li + li {
margin-left: 10px;
}
.social-icon li:hover {
color: var(--main-color-one);
}
.social-icon li:before {
display: none !important;
}
.social-icon.style-01 {
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 999;
}
.social-icon.style-01:after {
content: '';
height: 210px;
width: 1px;
left: 50%;
top: 220px;
transform: translateX(-50%);
position: absolute;
background-color: #FFFFFF40;
}
.social-icon.style-01:before {
content: '';
height: 210px;
width: 1px;
left: 50%;
top: -280px;
transform: translateX(-50%);
position: absolute;
background-color: #FFFFFF40;
}
.social-icon.style-01 li {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
border: 1px solid rgba(220, 187, 135, 0.2);
text-align: center;
background: transparent;
color: var(--main-color-one);
font-size: 15px;
}
.social-icon.style-01 li:hover {
background-color: var(--main-color-one);
color: #fff;
}
.social-icon.style-01 li + li {
margin-left: 0;
margin-top: 10px;
}
.social-icon.style-02 {
background-color: #F9F8F7;
}
.social-icon.style-02 li {
font-size: 14px;
font-weight: 600;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
transform: scale(0);
border-radius: 50%;
text-align: center;
border: 1px solid var(--main-color-one);
transition: all 300ms ease-in-out;
opacity: 0;
}
.social-icon.style-02 li:hover {
background-color: var(--main-color-one);
}
.social-icon.style-02 li:hover a {
color: #fff;
transition: all 300ms ease-in-out;
}
.social-icon.style-02 li + li {
margin-left: 0;
margin-top: 10px;
}
.social-icon.style-02 li a {
color: var(--main-color-one);
}
.social-icon.style-02 li i {
font-weight: normal;
}
.social-icon.style-03 li {
height: 30px;
width: 30px;
line-height: 30px;
border-radius: 50%;
font-size: 15px;
background-color: #fff;
border: 1px solid #19232D;
text-align: center;
display: inline-block;
transition: all 300ms;
}
.social-icon.style-03 li + li {
margin-left: 10px;
}
.social-icon.style-03 li:hover {
border: 1px solid var(--main-color-one);
background-color: var(--main-color-one);
}
.social-icon.style-03 li:hover a {
color: #fff;
}
.social-icon.style-03 li a {
color: var(--heading-color);
}
.social-icon.style-03 li i {
font-weight: normal;
}
/*----------------------------------------
## Search Popup
----------------------------------------*/
.search-popup.active .search-form {
visibility: visible;
opacity: 1;
}
.search-popup .search-form {
min-width: 600px;
/* position: absolute; */
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.5s ease;
visibility: hidden;
opacity: 0;
z-index: 9;
}
.search-popup .search-form .form-group .form-control {
border: none;
border-radius: 4px;
height: 80px;
padding: 0 100px 0 30px;
}
.search-popup .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 80px;
height: 80px;
border-radius: 50%;
border-color: var(--main-color-one);
background-color: var(--main-color-one);
transition: all 0.3s ease-in;
padding: 0;
text-align: center;
}
.search-popup .search-form .submit-btn span {
color: #fff;
font-size: 20px;
}
.body-overlay {
position: fixed;
width: 100%;
height: 100%;
display: block;
background-color: black;
z-index: 9;
content: "";
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress;
}
.body-overlay.active {
visibility: visible;
opacity: 0.8;
}
.click-mobile-search {
display: none;
position: absolute;
top: 80px;
left: 0;
z-index: 5;
width: 100%;
padding: 20px;
background: #fff;
}
.header-style-01 .info-bar-bottom .info-bar-inner {
padding: 20px 0;
}
.header-style-01 .info-bar-bottom .search-form .search-form-page {
margin-left: 80px;
}
.search-form.style-01 {
margin-left: 80px;
width: 100%;
display: flex;
justify-content: left;
}
.search-form .search-form-page {
position: relative;
z-index: 0;
}
.search-form .search-form-page .form-group {
margin-bottom: 0;
}
.search-form .search-form-page input {
height: 50px;
line-height: 50px;
border-radius: 30px;
padding-left: 64px;
background: transparent;
border: 0;
width: 400px;
color: var(--heading-color);
font-size: 14px;
}
.search-form .search-form-page .submit-btn {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 50px;
font-size: 20px;
border: none;
color: var(--main-color-one);
background-color: transparent;
cursor: pointer;
transition: all 0.3s ease-in;
padding: 0;
text-align: center;
}
.search-form .search-form-page .submit-btn:focus {
border: none;
outline: none;
}
.newsletter-form {
position: relative;
}
.newsletter-form .subscribe-icon {
position: absolute;
top: 15px;
left: 15px;
color: #dcbb87;
z-index: 9;
margin: 0;
font-size: 12px;
}
.newsletter-form input {
width: 100%;
line-height: 45px;
height: 45px;
border-radius: 4px;
padding: 0 20px 0 40px;
color: var(--heading-color);
border: 1px solid #efefef;
margin-bottom: 15px;
}
.newsletter-form input::-moz-placeholder {
color: #BFBFBF;
}
.newsletter-form input::placeholder {
color: #BFBFBF;
}
.newsletter-form .submit {
width: 100%;
line-height: 45px;
height: 45px;
padding: 0 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border: 1px solid var(--main-color-one);
background: var(--main-color-one);
color: var(--heading-color);
border-radius: 4px;
font-size: 14px;
font-weight: 700;
transition: all 300ms ease-in-out;
}
.newsletter-form .submit i {
margin-left: 10px;
font-size: 14px;
}
.newsletter-form .submit:hover {
border: 1px solid var(--main-color-one);
background-color: transparent;
color: var(--main-color-one);
}
/*----------------------------
Blog Grid Item
-----------------------------*/
.blog-grid-carousel-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.blog-outer-wrap {
padding: 0 15px;
margin: 15px 0 40px;
}
.blog-slider-controls .slider-nav {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 135px;
height: 75px;
line-height: 40px;
text-align: center;
background-color: #f3f5f7;
border: 4px solid #fff;
color: #fff;
transition: all 0.3s ease-in;
}
.blog-slider-controls .slider-nav div {
font-weight: 400;
font-size: 16px;
color: #14212b;
width: 50px;
height: 50px;
background: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-in;
}
.blog-slider-controls .slider-nav div:hover {
background-color: var(--main-color-one);
color: #fff;
}
.blog-slider-controls .slider-nav div.prev-arrow {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.blog-slider-controls .slider-nav div.next-arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.blog-area .blog-item {
display: flex;
flex-direction: column;
}
.blog-area .blog-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
margin-top: 30px;
}
.blog-area .blog-content .title {
margin-bottom: 15px;
}
.blog-area div[class*="blog-outer-wrap"]:nth-of-type(3n + 2) .blog-item {
flex-direction: column-reverse;
}
.blog-area div[class*="blog-outer-wrap"]:nth-of-type(3n + 2) .blog-item .blog-content {
margin-top: 0;
margin-bottom: 30px;
}
.blog-area div[class*="blog-outer-wrap-two"]:nth-of-type(3n + 2) .blog-item {
flex-direction: column-reverse;
}
.blog-area div[class*="blog-outer-wrap-two"]:nth-of-type(3n + 2) .blog-item .blog-content {
margin-top: 0;
margin-bottom: 30px;
}
.blog-item:hover .blog-thumb img {
transform: scale(1.2);
}
.blog-thumb {
overflow: hidden;
border-radius: 10px;
position: relative;
}
.blog-thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
transition: all 0.5s;
}
.blog-thumb .blog-date {
position: absolute;
top: 30px;
left: 30px;
background-color: var(--main-color-one);
padding: 5px 10px;
font-size: 15px;
color: #fff;
border-radius: 3px;
font-weight: 500;
}
.blog-content {
padding-top: 15px;
}
.blog-content .title {
font-size: 32px;
font-weight: 700;
line-height: 40px;
margin-bottom: 20px;
}
.blog-content .title a {
transition: all 0.5s;
}
.blog-content .user {
color: #615959;
font-size: 20px;
font-weight: 600;
}
.blog-content .title a:hover {
color: var(--main-color-one);
}
.blog-post-meta {
margin-bottom: 4px;
}
.blog-post-meta span {
color: #707070;
font-size: 15px;
font-weight: 500;
}
@media only screen and (max-width: 991px) {
.blog-post-meta span {
font-size: 14px;
line-height: 17px;
margin-bottom: 2px;
}
}
.blog-post-meta .user {
margin-right: 20px;
}
.blog-post-meta .category {
color: #8C8485;
text-transform: uppercase;
}
/*---------------------------------------
## Back Top
---------------------------------------*/
.back-to-top {
position: fixed;
right: 30px;
bottom: 30px;
width: 40px;
height: 40px;
background-color: var(--main-color-one);
color: #fff;
text-align: center;
line-height: 40px;
z-index: 99;
font-size: 25px;
border-radius: 5px;
cursor: pointer;
display: none;
}
/*-------------------------------------------------
[ ## Overlay Element ]
*/
.bg-fixed {
background-attachment: fixed;
}
.bg-overlay-base {
position: relative;
}
.bg-overlay-base:after {
content: "";
position: absolute;
background-image: linear-gradient(335deg, #ffbe01 15%, rgba(25, 25, 25, 0) 100%);
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.bg-overlay-base > div {
position: relative;
z-index: 2;
}
.bg-overlay-black {
position: relative;
}
.bg-overlay-black:after {
content: "";
position: absolute;
background-color: var(--secondary-color);
opacity: .8;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.bg-overlay-black > div {
position: relative;
z-index: 2;
}
.bg-overlay-red {
position: relative;
}
.bg-overlay-red:after {
content: "";
position: absolute;
background-color: var(--main-color-one);
opacity: .6;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
mix-blend-mode: multiply;
}
.bg-overlay-red > div {
position: relative;
z-index: 2;
}
.bg-overlay-white {
position: relative;
}
.bg-overlay-white:after {
content: "";
position: absolute;
background-color: #fff;
opacity: .5;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.bg-overlay-white > div {
position: relative;
z-index: 2;
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0;
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em;
}
.wp-block-gallery.alignleft {
margin-right: 20px !important;
margin-top: 0 !important;
}
.wp-block-button__link {
margin-bottom: 20px;
}
.wp-block-cover {
margin-bottom: 20px;
color: #fff;
}
.wp-block-cover.alignleft {
margin-top: 0;
}
.wp-block-archives-list {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 30px;
}
.wp-block-archives-list li + li {
margin-top: 10px;
}
.blog-single-content-wrap .wp-block-archives-list li:before {
display: none;
}
.blog-single-content-wrap .wp-block-archives-list li {
padding-left: 20px;
}
.widget select,
.wp-block-archives-dropdown select,
.wp-block-categories-dropdown select {
width: 100%;
height: 50px;
background-position-x: 97%;
border: 1px solid #e2e2e2;
background-color: transparent;
margin-bottom: 5px;
color: var(--paragraph-color);
}
.widget.footer-widget.widget_text .textwidget p {
color: #fff;
}
.blog-single-content-wrap .wp-block-search .wp-block-search__label:after {
display: none;
}
.wp-block-latest-comments {
margin: 0;
padding: 0;
list-style: none;
}
.wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments li:before {
display: none;
}
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author {
font-size: 16px;
line-height: 28px;
font-weight: 600;
color: var(--heading-color);
}
.wp-block-latest-posts.wp-block-latest-posts__list {
margin: 0;
padding: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
padding-left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:before {
display: none;
}
.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li + li {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #C9C9C9;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a {
font-size: 16px;
font-weight: 500;
color: var(--heading-color);
line-height: 20px;
}
.wp-block-search .wp-block-search__input {
border: none;
border-radius: 4px;
height: 50px;
padding: 0 20px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-radius: 4px;
border: 1px solid var(--main-color-one);
}
.wp-block-search__inside-wrapper {
border-radius: 4px;
border: 1px solid var(--main-color-one);
}
.wp-block-search button[type=submit] {
margin-left: 0;
border: none;
color: #fff;
padding: 0 20px;
font-size: 15px;
background: var(--main-color-one);
font-weight: 600;
transition: all 300ms;
cursor: pointer;
border-radius: 0 3px 3px 0;
}
.wp-block-search button[type=submit]:focus {
outline: none;
box-shadow: none;
}
.wp-block-search button[type=submit]:hover {
background-color: var(--secondary-color);
color: #fff;
}
.wp-block-tag-cloud a {
font-size: 14px !important;
padding: 5px 10px;
margin-bottom: 5px;
margin-right: 5px;
display: inline-block;
border-radius: 4px;
border: 1px solid #D5E0EF;
background-color: transparent;
text-transform: capitalize;
transition: all 300ms;
}
.wp-block-tag-cloud a:hover {
background-color: var(--main-color-one);
color: #fff;
border-color: var(--main-color-one);
}
.wp-block-rss {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 30px;
}
.wp-block-rss li + li {
margin-top: 10px;
}
.wp-block-rss li a:hover {
color: var(--main-color-one);
}
.wp-block-rss li a {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--heading-color);
transition: all 200ms;
}
.wp-block-group.has-background {
padding: 30px;
padding-bottom: 1px;
}
.wp-block-calendar {
margin-bottom: 30px;
}
ul.wp-block-latest-posts__list li,
.blog-single-content-wrap .wp-block-rss li {
padding-left: 0;
}
ul.wp-block-latest-posts__list li:before,
.blog-single-content-wrap .wp-block-rss li:before {
display: none;
}
.wp-block-quote.is-style-large {
padding: 30px;
padding-left: 90px;
position: relative;
}
.wp-block-quote.is-style-large:after {
position: absolute;
left: 0;
top: 10px;
content: "\f149";
font-family: 'flaticon';
font-size: 30px;
color: var(--main-color-one);
font-weight: 700;
}
.wp-block-quote.has-text-align-right:after {
left: auto;
right: 30px;
transform: translate(0);
}
.wp-block-quote.has-text-align-right {
padding-left: 30px;
padding-right: 90px;
}
.wp-block-calendar .wp-calendar-nav {
text-align: left;
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
text-align: center;
}
.wp-block-image {
margin-bottom: 1em;
}
.wp-block-video video {
max-width: 636px;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-quote.is-large {
margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
.wp-block-video video {
max-width: 636px;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-column blockquote.wp-block-quote {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 20px !important;
}
.wp-block-column blockquote.wp-block-quote:before {
top: 30px;
left: 20px;
opacity: .2;
}
.wp-block-quote.is-large {
margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-separator {
margin: 3em auto;
padding: 0;
}
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
margin: 30px 0;
}
.wp-block-archives-dropdown select, .wp-block-categories-dropdown select {
width: 100%;
height: 50px;
padding: 10px 20px;
border: 1px solid #ddd;
position: relative;
z-index: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-y: 55%;
background-position-x: 92%;
color: var(--paragraph-color);
}
.wp-block-archives-dropdown select, .wp-block-categories-dropdown select {
width: 100%;
height: 50px;
background-position-x: 97%;
border: 1px solid #e2e2e2;
background-color: transparent;
margin-bottom: 30px;
color: var(--paragraph-color);
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
clear: both;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
opacity: .7;
font-weight: 600;
}
.wp-caption .wp-caption-text a {
color: var(--secondary-color);
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
text-align: center;
}
figcaption {
opacity: .7;
font-weight: 600;
}
figcaption a {
color: var(--secondary-color);
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: var(--paragraph-color) !important;
border-color: var(--main-color-one);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
color: #fff !important;
background-color: var(--main-color-one);
}
/* --------------------------
Post Navigation
---------------------------- */
.post-navigation-area {
margin: 40px 0 0px 0;
}
.post-navigation-area .post-navigation-inner .content-area.style-01.no-line .content {
text-align: left;
}
.post-navigation-inner {
display: flex;
position: relative;
z-index: 0;
border-radius: 3px;
}
.post-navigation-inner .content-area {
width: calc(100% / 2);
}
.post-navigation-inner div .title {
font-size: 18px;
line-height: 25px;
transition: all 300ms;
margin-bottom: 0px;
}
.post-navigation-inner div .title a {
transition: all 300ms;
}
.post-navigation-inner div .title:hover > a {
color: var(--main-color-one);
}
.post-navigation-inner div:first-child {
text-align: left;
}
.post-navigation-inner .content-area.no-line {
width: 100%;
}
.post-navigation-inner .prev-post {
transition: all 300ms;
font-size: 14px;
display: block;
font-family: var(--body-font);
font-weight: 500;
color: var(--main-color-one);
margin-bottom: 10px;
}
.post-navigation-inner .next-post {
transition: all 300ms;
font-size: 14px;
display: block;
font-family: var(--body-font);
font-weight: 500;
color: var(--main-color-one);
margin-bottom: 10px;
}
.blog-comment-navigation .comment-navigation {
min-height: 50px;
margin-bottom: 30px;
}
/*---------------------------
SINGLE POST NAVGATION
-----------------------------*/
.single-post-navigation {
padding-top: 40px;
word-break: break-word;
display: flex;
border-top: 1px dashed #CECECE;
align-items: center;
justify-content: space-between;
}
.single-post-navigation h3 {
font-size: 18px;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: none;
}
.single-post-navigation .single-post-navigation-center-grid {
font-size: 25px;
}
.single-post-navigation .single-post-navigation-center-grid a {
color: var(--main-color-one);
}
.single-post-navigation .single-post-navigation-center-grid a:hover, .single-post-navigation .single-post-navigation-center-grid a:focus {
color: var(--secondary-color);
}
.single-post-navigation .prev-post a {
display: flex;
position: relative;
align-items: center;
gap: 10px;
color: var(--main-color-one);
transition: all 300ms;
}
.single-post-navigation .prev-post a:hover {
color: var(--heading-color);
}
.single-post-navigation .next-post a {
display: flex;
position: relative;
align-items: center;
gap: 10px;
color: var(--main-color-one);
transition: all 300ms;
}
.single-post-navigation .next-post a:hover {
color: var(--heading-color);
}
.single-post-navigation .title-with-link {
transition: 0.3s;
overflow: hidden;
}
.single-post-navigation .title-with-link i {
margin-top: 3px;
}
.single-post-navigation .title-with-link span {
letter-spacing: 1px;
text-transform: capitalize;
font-weight: 600;
}
/*--------------------------------------------------------------
## Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
.has-large-font-size {
font-size: 36px;
line-height: 1.6;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
padding-top: 5px;
}
/*--------------------------------------------------------------
# WP Table
--------------------------------------------------------------*/
.blog-single-content-wrap table {
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.blog-single-content-wrap table td {
border: 1px solid #e3e3e3;
padding: 8px;
}
.blog-single-content-wrap table td a {
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.blog-single-content-wrap table th {
border: 1px solid #e3e3e3;
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.blog-single-content-wrap table th a {
text-decoration: underline;
font-weight: 600;
}
.page-content table {
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.page-content table td {
border: 1px solid #e3e3e3;
padding: 8px;
}
.page-content table td a {
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.page-content table th {
border: 1px solid #e3e3e3;
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.page-content table th a {
text-decoration: underline;
font-weight: 600;
}
.single-comment-wrap table {
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.single-comment-wrap table td {
border: 1px solid #e3e3e3;
padding: 8px;
}
.single-comment-wrap table td a {
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.single-comment-wrap table th {
border: 1px solid #e3e3e3;
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.single-comment-wrap table th a {
text-decoration: underline;
font-weight: 600;
}
.content-area table {
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.content-area table th {
border: 1px solid #e3e3e3;
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.content-area table th a {
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.content-area table td {
border: 1px solid #e3e3e3;
padding: 8px;
}
.content-area table td a {
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.calendar_wrap table td {
text-align: center;
}
.widget_calendar table td a, .widget_calendar table th a {
font-weight: 600;
color: var(--main-color-one);
text-decoration: underline;
}
.footer-widget.widget_calendar table td a, .footer-widget.widget_calendar table th a {
font-weight: 600;
color: var(--main-color-one);
text-decoration: underline;
}
/*--------------------------------------------------------------
# WP List
--------------------------------------------------------------*/
.content-area ol li + li {
margin-top: 10px;
}
.blog-single-content-wrap ol li + li {
margin-top: 10px;
}
/* .blog-single-content-wrap ul li + li {
margin-top: 10px;
} */
.page-content ol li + li {
margin-top: 10px;
}
.page-content ul li + li {
margin-top: 10px;
}
.single-comment-wrap ol li + li {
margin-top: 10px;
}
.single-comment-wrap ul li + li {
margin-top: 10px;
}
.comments-area .comment-list .trackback {
margin-bottom: 30px;
}
.comments-area .comment-list .pingback {
margin-bottom: 30px;
}
.carousel-indicators li + li {
margin-top: 0 !important;
}
.footer-widget.widget.widget_nav_menu ul li + li {
margin-top: 15px;
}
.blog-pagination {
display: block;
width: 100%;
}
.blog-pagination ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-pagination ul li {
display: inline-block;
padding-left: 0;
}
.blog-pagination ul li + li {
margin: 0 5px;
}
.blog-pagination ul li:before {
display: none;
}
.blog-pagination ul li a {
display: block;
padding: 3px 25px;
border: 1px solid #e2e2e2;
line-height: 40px;
text-align: center;
font-weight: 600;
border-radius: 30px;
transition: .3s ease-in;
}
.blog-pagination ul li a:hover {
background-color: var(--main-color-one);
color: #fff;
}
.blog-pagination ul li span {
display: block;
padding: 3px 25px;
border: 1px solid #e2e2e2;
line-height: 40px;
border-radius: 30px;
text-align: center;
font-weight: 600;
transition: .3s ease-in;
}
.blog-pagination ul li span.current {
background-color: var(--main-color-one);
color: #fff;
}
.flat6labs-request-form-widget {
padding: 0;
position: relative;
border-radius: 24px;
}
.flat6labs-request-form-widget .request-form {
position: relative;
z-index: 2;
}
.flat6labs-request-form-widget .request-form-widget {
padding: 32px;
background-color: #F9F5F2;
border-radius: 24px;
}
.flat6labs-request-form-widget .widget-headline {
color: var(--heading-color);
margin-bottom: 4px;
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.flat6labs-request-form-widget p {
color: var(--paragraph-color) !important;
margin-bottom: 18px;
font-size: 18px;
}
.flat6labs-request-form-widget .single-input-inner {
margin-bottom: 20px;
}
.flat6labs-request-form-widget .single-input-inner .form-control {
padding: 16px 17px;
border-radius: 12px;
color: var(--paragraph-color);
border: 1px solid #E8E5E5;
}
.flat6labs-request-form-widget .single-input-inner .form-control:focus {
border: 1px solid var(--main-color-one);
box-shadow: none;
}
.flat6labs-request-form-widget .single-input-inner textarea.form-control {
max-height: 228px;
}
.flat6labs-request-form-widget .btn-wrap .boxed-btn {
width: 100%;
text-align: center;
border: 1px solid var(--main-color-one);
display: flex;
justify-content: center;
}
.flat6labs-request-form-widget .btn-wrap .boxed-btn:hover {
background: var(--secondary-color);
border: 1px solid var(--secondary-color);
}
.footer-nav-widget {
display: flex;
align-items: center;
grid-column-gap: 8px;
}
.footer-nav-widget + .footer-nav-widget {
margin-top: 8px;
}
.footer-nav-widget p {
color: #E0C9C1;
font-size: 16px;
margin-bottom: 0;
}
/*Flat6labs Bird Content*/
.flat6labs-bird-content {
/*width: 890px;*/
padding: 43px 150px 47px 184px;
/*text-align: center;*/
.bird-content-image {
text-align: center;
position: relative;
z-index: -1;
.bird-image {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.bird-content-item {
&:hover {
.bird-content-dot {
.bird-hover-content {
min-height: 60px;
opacity: 1;
}
}
}
&.style-01 {
position: absolute;
top: 60px;
left: 160px;
max-width: 155px;
.bird-content-dot {
right: initial;
left: 100%;
}
}
&.style-02 {
position: absolute;
top: 20px;
right: 110px;
max-width: 170px;
}
&.style-03 {
position: absolute;
top: 50%;
right: -96px;
transform: translateY(-50%);
max-width: 231px;
}
&.style-04 {
position: absolute;
text-align: right;
top: 50%;
left: 0;
max-width: 155px;
.bird-content-dot {
right: initial;
left: 100%;
text-align: left;
}
}
&.style-05 {
position: absolute;
bottom: 30px;
right: 70px;
max-width: 180px;
}
&.style-06 {
position: absolute;
bottom: 0;
left: 150px;
text-align: right;
max-width: 151px;
.bird-content-dot {
right: initial;
left: 100%;
text-align: left;
}
}
.bird-content-title {
font-size: 20px;
color: var(--paragraph-color);
font-weight: 500;
line-height: 130%;
max-width: 225px;
}
.bird-content-dot {
width: 24px;
height: 24px;
border-radius: 100px;
border: 2px solid var(--main-color-one);
background-color: #fff;
right: 24px;
position: relative;
z-index: 0;
&:after {
content: '';
width: 6px;
height: 6px;
border-radius: 100px;
background-color: var(--main-color-one);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.bird-hover-content {
position: absolute;
min-width: 331px;
opacity: 0;
top: 100%;
margin-top: 8px;
max-width: 331px;
padding: 12px 20px;
background-color: var(--main-color-one);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
border-radius: 12px;
box-shadow: 0px 6px 16px 0px rgba(41, 39, 39, 0.18);
transition: all 300ms ease-in;
z-index: 1;
}
}
}
}
.platform-content-wrap {
padding: 0 125px;
.bird-content-image {
text-align: center;
position: relative;
z-index: -1;
}
.bird-content-item {
&:hover {
.bird-content-dot {
.bird-hover-content {
min-height: 60px;
opacity: 1;
visibility: visible;
}
}
}
&.style-01 {
position: absolute;
top: 20px;
left: 125px;
max-width: 240px;
.bird-content-dot {
right: initial;
left: 100%;
}
}
&.style-03 {
position: absolute;
top: 20px;
right: 140px;
max-width: 231px;
& .bird-content-dot {
.bird-hover-content {
left: 0;
}
}
}
&.style-04 {
position: absolute;
text-align: right;
bottom: 85px;
left: 150px;
max-width: 155px;
.bird-content-dot {
right: initial;
left: 100%;
text-align: left;
.bird-hover-content {
bottom: 0;
top: inherit;
padding: 16px 16px 16px 20px;
}
}
}
&.style-05 {
position: absolute;
bottom: 35px;
right: 180px;
max-width: 180px;
& .bird-content-dot {
.bird-hover-content {
left: 0;
bottom: 0;
top: inherit;
}
}
}
.bird-content-title {
font-size: 20px;
color: var(--paragraph-color);
font-weight: 500;
line-height: 130%;
max-width: 240px;
}
.bird-content-dot {
width: 24px;
height: 24px;
border-radius: 100px;
border: 2px solid var(--main-color-one);
background-color: #fff;
right: 24px;
position: relative;
z-index: 0;
&:after {
content: '';
width: 6px;
height: 6px;
border-radius: 100px;
background-color: var(--main-color-one);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.bird-hover-content {
position: absolute;
min-width: 331px;
opacity: 0;
visibility: hidden;
top: 100%;
margin-top: 8px;
max-width: 331px;
padding: 16px 12px 16px 30px;
background-color: var(--main-color-one);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
border-radius: 12px;
box-shadow: 0 6px 16px 0 rgba(41, 39, 39, 0.18);
transition: all 300ms ease-in;
z-index: 1;
right: 0;
p {
font-size: 16px;
color: #fff;
font-weight: 500;
line-height: 150%;
margin-bottom: 16px;
}
ul {
padding: 0;
margin: 0;
list-style: square;
li {
font-size: 16px;
color: #fff;
font-weight: 500;
line-height: 150%;
+ li {
margin-top: 8px;
}
}
}
.type-title {
color: #FFF;
opacity: .66;
font-size: 10px;
font-weight: 500;
line-height: 130%;
margin-bottom: 4px;
}
.type-desc {
color: #FFF;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 130%;
margin-bottom: 12px;
}
}
}
}
}
.process-single-item {
.icon {
font-size: 28px;
color: var(--main-color-one);
font-weight: 500;
line-height: 118%;
letter-spacing: -0.28px;
margin-bottom: 64px;
position: relative;
z-index: 0;
&.style-01 {
&:after {
background-color: #00FFAB;
}
}
&:after {
content: '';
width: calc(100% - 52px);
height: 1px;
background-color: #D2D6DB;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
.content {
.title {
font-size: 28px;
color: var(--heading-color);
font-weight: 700;
line-height: 32px;
margin-bottom: 20px;
}
p {
font-size: 18px;
color: var(--paragraph-color);
font-weight: 400;
line-height: 140%; /* 25.2px */
letter-spacing: -0.108px;
}
}
}
.process-carousel .slick-slide {
margin: 0 12px;
}
.process-carousel .slick-list {
margin: 0 -12px;
overflow: visible;
}
.platform-single-item {
display: flex;
justify-content: center;
}
.slick-carousel-controls {
.slick-dots {
display: flex;
margin: 0;
padding: 0;
padding-top: 55px;
list-style-type: none;
li {
+ li {
margin-left: 4px;
}
}
button {
width: 22px;
height: 6px;
text-align: center;
background: #98A2B3;
border-radius: 100px;
border: none;
text-indent: -9999px;
}
li.slick-active button {
width: 54px;
background-color: var(--main-color-one) !important;
}
}
}
.platform-slider-nav {
.slick-arrow {
width: 40px;
height: 40px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background-color: transparent;
border: 1px solid #6C737F;
justify-content: center;
align-items: center;
transition: all .3s;
display: flex;
z-index: 1;
&:hover {
background-color: #1F2A37;
svg {
path {
stroke: #fff;
}
}
}
&.prev-arrow {
left: 10px;
right: initial;
}
}
}
.process-slider-nav {
position: absolute;
right: 0;
top: -125px;
z-index: 1;
display: flex;
grid-column-gap: 12px;
.slick-arrow {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: transparent;
border: 1px solid #6C737F;
justify-content: center;
align-items: center;
transition: all .3s;
display: flex;
&:hover {
background-color: #1F2A37;
svg {
path {
stroke: #fff;
}
}
}
}
}
.body-overlay {
position: fixed;
width: 100%;
height: 100%;
display: block;
background: rgba(31, 34, 40, 0.70);
z-index: 12;
content: "";
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
&.active {
visibility: visible;
opacity: .3;
}
}
.team-member-popup-content {
width: 588px;
margin: auto;
padding: 32px;
border-radius: 24px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
opacity: 0;
background-color: #fff;
z-index: 999999;
&.active {
opacity: 1;
pointer-events: initial;
}
.team-close {
position: absolute;
right: 20px;
top: 20px;
}
.team-top-content-wrap {
display: flex;
align-items: end;
justify-content: space-between;
border-bottom: 1px solid #E5E7EB;
margin-bottom: 20px;
padding-bottom: 20px;
.content {
.thumb {
width: 120px;
height: 120px;
overflow: hidden;
background-color: #F3F4F6;
border-radius: 16px;
margin-bottom: 17px;
}
.title {
font-size: 24px;
color: var(--heading-color);
font-weight: 700;
line-height: 130%;
margin-bottom: 12px;
}
p {
font-size: 16px;
color: #384250;
font-weight: 500;
line-height: 140%;
}
}
.team-social-list {
text-align: right;
ul {
padding: 0;
margin: 0;
}
.social-share {
display: flex;
align-items: center;
gap: 12px;
justify-content: end;
margin-bottom: 12px;
li {
display: flex;
align-items: center;
justify-content: center;
background-color: #F3F4F6;
border: 1px solid #E5E7EB;
border-radius: 8px;
width: 32px;
height: 32px;
}
}
.contact-list {
li {
display: flex;
justify-content: end;
grid-gap: 8px;
font-weight: 500;
}
}
}
}
.content-body {
.content-title {
font-size: 18px;
color: #384250;
font-weight: 700;
line-height: 160%;
margin-bottom: 10px;
}
p {
font-size: 16px;
color: var(--paragraph-color);
font-weight: 500;
line-height: 140%;
}
}
}
.team-grid {
display: grid;
grid-column-gap: 22px;
grid-row-gap: 110px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.single-team-inner {
cursor: pointer;
transition: all 200ms ease-in;
&:hover {
.thumb {
img {
transform: scale(1.1);
}
}
.content {
.title {
color: var(--main-color-one);
}
}
}
.thumb {
margin-bottom: 12px;
position: relative;
z-index: 0;
transition: all 200ms ease-in;
overflow: hidden;
img {
transition: all 200ms ease-in;
}
&:after {
content: '';
background-color: #F3F4F6;
border-radius: 12px 12px 0 0;
height: calc(100% - 32px);
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
}
.content {
.title {
font-size: 24px;
color: #384250;
font-weight: 700;
line-height: 130%;
margin-bottom: 0;
transition: all 200ms ease-in;
}
p {
font-size: 16px;
color: #6C737F;
font-weight: 500;
line-height: 140%;
}
}
}
.stock-market-content-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 24px;
}
.stock-market-item {
border-radius: 24px;
border: 1px solid #E5E7EB;
padding: 24px;
background: #FFF;
.stock-current-price {
font-size: 36px;
color: var(--main-color-one);
font-weight: 700;
line-height: 112%;
margin-bottom: 8px;
}
.stock-name {
color: #1F2A37;
font-size: 20px;
font-weight: 500;
line-height: 150%;
margin-bottom: 45px;
}
.prev-price-wrap {
display: flex;
justify-content: space-between;
align-items: end;
}
.prev-price {
color: #384250;
font-size: 18px;
font-weight: 500;
line-height: 140%; /* 25.2px */
letter-spacing: -0.108px;
margin-bottom: 2px;
}
.prev-price-value {
font-size: 20px;
color: #1F2A37;
font-weight: 700;
line-height: 150%;
}
.price-button {
border-radius: 8px;
background: rgba(118, 18, 20, 0.08);
display: flex;
grid-gap: 8px;
padding: 3px 10px;
align-items: center;
font-size: 18px;
color: var(--main-color-one);
font-weight: 500;
line-height: 140%;
letter-spacing: -0.108px;
}
}
.about-single-item {
position: relative;
background-color: #182230;
padding: 32px;
height: 370px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 16px;
overflow: hidden;
.about-slide-image{
opacity: 0;
filter:grayscale(1);
transition: .5s;
}
&:hover{
.about-slide-image{
opacity: 1;
}
.serial-number{
color:#00FFAB;
}
}
.serial-number{
font-family: var(--style-font) ;
font-size: 36px;
font-style: italic;
color: #fff;
}
.title {
font-size: 24px;
color: var(--color-white);
font-weight: 700;
line-height: 120%;
}
.description{
font-size: 16px;
color: var(--color-white);
font-weight: 400;
line-height: 140%; /* 25.2px */
letter-spacing: -0.108px;
margin-top: 16px;
transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease;
transform: translateY(50px);
opacity: 0;
height: 0;
overflow: hidden;
display: hide;
}
&:hover{
.description{
opacity: 1;
transform: translateY(0);
height: auto;
display: block;
}
}
img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
};
}
.about-content {
overflow: hidden;
display: block;
max-height: 90px;
line-height: 1.5em;
transition: all 100ms ease;
p {
font-size: 20px;
color: var(--paragraph-color);
font-weight: 500;
line-height: 150%;
}
&.expanded {
max-height: 100em;
}
}
.read-more-btn.readMoreBtn {
margin-top: 16px;
color: #00FFAB;
font-size: 16px;
font-weight: 700;
line-height: 120%; /* 19.2px */
text-transform: uppercase;
display: flex;
align-items: center;
grid-gap: 12px;
}
/*# sourceMappingURL=main-style.css.map */