:root {
--color-white: #ffffff;
--color-white2: #f8f7f0;
--color-white3: #f7f7f7;
--color-black: #24231d;
--color-black2: #333f4d;
--color-gBlack: #878680;
--color-border: #e3e3e3;
--color-green: #4baf47;
--color-yellow: #eec044;
--color-tr: transparent;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} *,
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
big,
cite,
code,
del,
img,
q,
small,
strong,
sub,
sup,
tt,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
::before,
::after {
margin: 0;
padding: 0;
border: 0;
}
*,
::before,
::after {
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul,
ol,
li {
list-style: none;
}
img {
vertical-align: middle;
}
iframe {
max-width: 100%;
}
del {
text-decoration: line-through;
}
table {
width: 100%;
max-width: 100%;
}
table th {
vertical-align: top;
}
pre {
display: block;
word-break: break-all;
word-wrap: break-word;
}
textarea {
resize: initial;
}
b,
strong {
font-weight: 700;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
input,
.uneditable-input,
select,
textarea {
border-radius: 0;
font-size: 14px;
min-width: auto;
letter-spacing: 1.4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6;
height: 50px;
padding: 0px 20px;
vertical-align: middle;
}
input:focus,
.uneditable-input:focus,
select:focus,
textarea:focus {
outline: none;
-webkit-box-shadow: 0 0 0 0em rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0em rgba(0, 123, 255, 0.25);
}
input[type="submit"] {
padding: 13px 15px;
height: 40px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
letter-spacing: 0.5px;
border: none;
}
input[type="submit"],
input[type="button"] {
cursor: pointer;
} .row,
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
--bs-gutter-x: 1.875rem;
}
html {
overflow-x: hidden;
}
body {
font-family: "Manrope", sans-serif;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.2px;
word-spacing: 0px;
word-wrap: break-word;
background: var(--color-white);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color-black);
}
h1 {
font-size: 54px;
line-height: 66px;
}
h2 {
font-size: 48px;
line-height: 60px;
}
h3 {
font-size: 32px;
line-height: 44px;
}
h4 {
font-size: 24px;
line-height: 36px;
}
h5 {
font-size: 20px;
line-height: 30px;
}
h6 {
font-size: 18px;
line-height: 28px;
}
p {
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
line-height: 26px;
color: var(--color-gBlack);
}
.color-green {
color: var(--color-green);
}
a,
button,
.btn {
outline: none;
cursor: pointer;
color: var(--color-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a:hover,
button:hover,
.btn:hover {
color: var(--color-green);
outline: none;
}
a {
text-decoration: none;
}
a:hover {
color: var(--color-green);
text-decoration: none;
}
.btn,
.btn:focus {
outline: none;
-webkit-box-shadow: 0 0 0 0em rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0em rgba(0, 123, 255, 0.25);
}
input,
.uneditable-input,
select,
textarea {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
section section,
.blog-post,
.blog-details {
padding: 50px 0px;
}
section.pt-spach {
padding-top: 200px;
}
section.pb-spach {
padding-bottom: 200px;
}
section.mt-spach {
margin-top: -100px;
}
section.mb-spach {
margin-bottom: -100px;
} .top-bar.v1 {
background: var(--color-white);
}
.top-bar.v1 .top-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar.v1 .top-info {
padding-top: 15px;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-bar.v1 .top-info ul {
gap: 20px;
text-align: right;
}
.top-bar.v1 .top-info li ~ li {
border-left: 1px solid var(--color-border);
padding-left: 20px;
}
.top-bar.v1 .top-info li a:hover {
color: var(--color-green);
}
.top-bar.v1 .top-info p,
.top-bar.v1 .top-info li a {
display: inline-block;
font-size: 15px;
font-weight: 500;
color: var(--color-gBlack);
}
.top-bar.v1 .top-bar-logo a {
display: inline-block;
max-width: 150px;
}
.top-bar.v1 .top-bar-logo img {
width: 100%;
}
.top-bar.v1 .top-bar-btn {
text-align: right;
}
.top-bar.v1 .top-display-info {
padding: 15px 0px;
}
.top-bar.v1 .top-display-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-bar.v1 .top-display-info ul,
.top-bar.v1 .top-display-info li {
gap: 14px;
}
.top-bar.v1 .top-display-info li {
display: none;
}
.top-bar.v1 .top-display-info li:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top-bar.v1 .top-display-info .info-icon .my-icon {
font-size: 20px;
color: var(--color-green);
}
.top-bar.v1 .top-display-info .info-text p {
font-size: 13px;
font-weight: 500;
}
.top-bar.v1 .top-display-info .info-text p ~ h6 {
margin-top: -5px;
}
.top-bar.v1 .top-display-info .info-text h6 {
font-size: 13px;
font-weight: 700;
}
.top-bar.v1 .top-display-info .search-open-btn {
width: 38px;
height: 38px;
font-size: 18px;
color: var(--color-green);
border-radius: 50px;
background: var(--color-white2);
}
.top-bar.v1 .top-display-info .top-bar-search {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-bar.v1 .top-display-info .top-bar-search::before {
position: fixed;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.95;
background: var(--color-black);
}
.top-bar.v1 .top-display-info .top-bar-search .search-close {
position: absolute;
padding: 0;
top: 80px;
right: 40px;
font-size: 24px;
color: var(--color-white);
background: var(--color-tr);
}
.top-bar.v1 .top-display-info .top-bar-search .search-close:hover {
color: var(--color-green);
}
.top-bar.v1 .top-display-info .top-bar-search form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
width: calc(100% - 40px);
height: 60px;
top: 50%;
left: 50%;
border-bottom: 1px solid var(--color-border);
background: var(--color-tr);
-webkit-transform: translate(-50%, -150%) scale(0.8);
transform: translate(-50%, -150%) scale(0.8);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-bar.v1 .top-display-info .top-bar-search form input {
width: calc(100% - 40px);
height: 100%;
font-size: 18px;
color: var(--color-white);
background: var(--color-tr);
}
.top-bar.v1 .top-display-info .top-bar-search form button {
width: 70px;
height: 100%;
padding: 0;
color: var(--color-white);
font-size: 18px;
background: var(--color-tr);
}
.top-bar.v1 .top-display-info .top-bar-search form button:hover {
color: var(--color-green);
}
.top-bar.v1 .top-display-info.active .top-bar-search {
opacity: 1;
visibility: visible;
}
.top-bar.v1 .top-display-info.active .top-bar-search form {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
} .menu-bar.v1 {
background: var(--color-white2);
}
.menu-bar.v1 .menu-bar-content {
display: none;
}
.menu-bar.v1 .menu-bar-content .main-menu > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.menu-bar.v1 .menu-bar-content .main-menu li {
position: relative;
}
.menu-bar.v1 .menu-bar-content .main-menu li a {
display: inline-block;
font-size: 15px;
font-weight: 500;
padding: 20px 0px;
text-transform: capitalize;
color: var(--color-white);
}
.menu-bar.v1 .menu-bar-content .main-menu li.active > a,
.menu-bar.v1 .menu-bar-content .main-menu li:hover > a,
.menu-bar.v1 .menu-bar-content .main-menu li.current_page_parent > a,
.menu-bar.v1 .menu-bar-content .main-menu li.current-menu-parent > a,
.menu-bar.v1 .menu-bar-content .main-menu li.current_page_item > a {
opacity: 0.7;
}
.menu-bar.v1 .menu-bar-content .main-menu li.has-dropdown > a::after {
font-family: "icomoon";
content: "\e900";
speak: never;
font-size: calc(100% - 5px);
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-left: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu-bar.v1 .menu-bar-content .main-menu li ul {
padding-top: 0;
position: absolute;
min-width: 220px;
top: 120%;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 4;
pointer-events: none;
background: var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
}
.menu-bar.v1 .menu-bar-content .main-menu li ul ul {
left: 100%;
}
.menu-bar.v1 .menu-bar-content .main-menu li ul li:hover > ul {
top: 0;
}
.menu-bar.v1 .menu-bar-content .main-menu li:hover > ul {
top: 100%;
opacity: 1;
pointer-events: inherit;
visibility: visible;
}
.menu-bar.v1 .menu-bar-content .main-menu li li ~ li {
border-top: 1px dashed var(--color-green);
}
.menu-bar.v1 .menu-bar-content .main-menu li li a {
display: block;
padding: 15px 35px;
font-weight: 600;
color: var(--color-black);
}
.menu-bar.v1 .menu-bar-content .main-menu li li:hover > a,
.menu-bar.v1 .menu-bar-content .main-menu li li.active a {
color: var(--color-green);
}
.menu-bar.v1 .menu-bar-content .main-menu li li:hover > a {
padding-left: 45px;
}
.menu-bar.v1 .menu-bar-content .social-link ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px;
}
.menu-bar.v1 .menu-bar-content .social-link a {
display: inline-block;
color: var(--color-white);
font-size: 15px;
}
.menu-bar.v1 .menu-bar-content .social-link a:hover {
opacity: 0.7;
}
.menu-bar.v1 .mobile-header {
padding: 25px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.menu-bar.v1 .mobile-header .mobile-menu-logo a {
display: inline-block;
max-width: 140px;
}
.menu-bar.v1 .mobile-header .mobile-menu-logo a img {
max-width: 100%;
}
.menu-bar.v1 .mobile-header .mobile-menu-logo img {
max-width: 140px;
}
.menu-bar.v1 .mobile-header .mobile-menu-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.menu-bar.v1 .mobile-header .search-open-btn {
padding: 0;
font-size: 20px;
color: var(--color-green);
background: var(--color-tr);
}
.menu-bar.v1 .mobile-header .mobile-menu-btn {
position: relative;
width: 35px;
height: 25px;
background: var(--color-tr);
}
.menu-bar.v1 .mobile-header .mobile-menu-btn span {
position: absolute;
width: 100%;
height: 2px;
left: 0;
border-radius: 10px;
background: var(--color-green);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bar.v1 .mobile-header .mobile-menu-btn span:nth-child(1) {
top: 0;
}
.menu-bar.v1 .mobile-header .mobile-menu-btn span:nth-child(3) {
bottom: 0;
}
.menu-bar.v1 .mobile-header .mobile-menu-btn.active span:nth-child(1) {
width: 15px;
top: 23px;
-webkit-transform: translate(-1.5px, -5.3px) rotate(-135deg);
transform: translate(-1.5px, -5.3px) rotate(-135deg);
}
.menu-bar.v1 .mobile-header .mobile-menu-btn.active span:nth-child(2) {
width: 75%;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.menu-bar.v1 .mobile-header .mobile-menu-btn.active span:nth-child(3) {
width: 15px;
bottom: 23px;
-webkit-transform: translate(-1.5px, 7.3px) rotate(135deg);
transform: translate(-1.5px, 7.3px) rotate(135deg);
}
.menu-bar.v1 .mobile-header .mobile-menu-bar {
position: fixed;
width: 320px;
max-width: 100%;
height: 100%;
top: 0;
left: -100%;
opacity: 0;
visibility: hidden;
background: var(--color-white);
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 5;
}
.menu-bar.v1 .mobile-header .mobile-menu-bar.active {
left: 0;
opacity: 1;
visibility: visible;
}
.menu-bar.v1 .mobile-header .mobile-menu-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px dashed var(--color-green);
}
.menu-bar.v1 .mobile-header .mobile-menu-header .mobile-logo {
padding-left: 15px;
}
.menu-bar.v1 .mobile-header .mobile-menu-header .mobile-logo a {
display: inline-block;
max-width: 140px;
}
.menu-bar.v1 .mobile-header .mobile-menu-header .mobile-logo a img {
max-width: 100%;
}
.menu-bar.v1 .mobile-header .mobile-menu-header .mobile-logo img {
max-width: 140px;
}
.menu-bar.v1 .mobile-header .mobile-menu-header .close-mobile-btn {
padding: 25px;
font-size: 20px;
border-left: 1px dashed var(--color-green);
background: var(--color-tr);
}
.menu-bar.v1 .mobile-header .mobile-main-manu {
margin-top: 25px;
overflow-y: auto;
height: calc(100% - 100px);
}
.menu-bar.v1 .mobile-header .main-menu li {
border-top: 1px dashed var(--color-green);
}
.menu-bar.v1 .mobile-header .main-menu li.active > a {
color: var(--color-green);
}
.menu-bar.v1 .mobile-header .main-menu li.active a > .my-icon {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-bar.v1 .mobile-header .main-menu > ul > li:first-child {
border-top: none;
}
.menu-bar.v1 .mobile-header .main-menu ul ul {
display: none;
}
.menu-bar.v1 .mobile-header .main-menu ul ul a {
font-size: calc(100% - 0.4px);
padding-left: calc(7% + 5px);
}
.menu-bar.v1 .mobile-header .main-menu a {
position: relative;
display: block;
padding: 15px 40px 15px 20px;
font-size: 15px;
line-height: 25px;
font-weight: 700;
}
.menu-bar.v1 .mobile-header .main-menu li.has-dropdown > a::after {
position: absolute;
font-family: "icomoon";
content: "\e900";
speak: never;
font-size: calc(100% - 5px);
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-left: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: 21px;
right: 24px;
font-size: 12px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu-bar.v1 .mobile-header .main-menu li.has-dropdown.active > a::after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-bar.v1 .mobile-header .social-link {
padding: 0 20px;
margin-top: 30px;
}
.menu-bar.v1 .mobile-header .social-link ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
.menu-bar.v1 .mobile-header .social-link a {
display: block;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50px;
text-align: center;
font-size: 15px;
color: var(--color-green);
border: 1px solid var(--color-green);
background: var(--color-white);
}
.menu-bar.v1 .mobile-header .social-link a:hover {
color: var(--color-white);
background: var(--color-green);
}
.menu-bar.v1 .mobile-header .mobile-menu-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background: var(--color-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
}
.menu-bar.v1 .mobile-header .mobile-menu-overlay.active {
opacity: 0.3;
visibility: visible;
}
.menu-bar.v1.sticky-header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 7;
-webkit-box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.3);
box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.3);
}
.play-btn {
text-align: center;
line-height: 50px;
border-radius: 50px;
}
@-webkit-keyframes b-zoom {
0% {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes b-zoom {
0% {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
.play-btn.v1 {
position: relative;
width: 50px;
height: 50px;
font-size: 14px;
color: var(--color-black);
background: var(--color-yellow);
}
.play-btn.v1::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
opacity: 0.5;
-webkit-transform: scale(1.1);
transform: scale(1.1);
background: var(--color-yellow);
z-index: -1;
-webkit-animation: b-zoom 4s ease-out infinite;
animation: b-zoom 4s ease-out infinite;
}
.play-btn.v1:hover {
color: var(--color-yellow);
background: var(--color-white);
}
.play-btn.v2 {
position: relative;
width: 50px;
height: 50px;
font-size: 20px;
color: var(--color-green);
background: var(--color-white);
}
.play-btn.v2::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
opacity: 0.5;
background: var(--color-white);
z-index: -1;
-webkit-animation: b-zoom 4s ease-out infinite;
animation: b-zoom 4s ease-out infinite;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
}
.play-btn.v2:hover {
color: var(--color-yellow);
background: var(--color-white);
}
.section-title h6,
.section-title-center h6,
.section-title-white h6,
.section-title-center-white h6 {
color: var(--color-green);
letter-spacing: 0.4px;
font-size: 24px;
line-height: 34px;
font-family: "Covered By Your Grace", cursive;
text-transform: capitalize;
font-weight: 500;
}
.section-title h6 ~ h2,
.section-title-center h6 ~ h2,
.section-title-white h6 ~ h2,
.section-title-center-white h6 ~ h2 {
margin-top: 10px;
}
.section-title h2,
.section-title-center h2,
.section-title-white h2,
.section-title-center-white h2 {
font-weight: 700;
font-size: 40px;
line-height: 50px;
text-transform: capitalize;
}
.section-title h2 ~ p,
.section-title-center h2 ~ p,
.section-title-white h2 ~ p,
.section-title-center-white h2 ~ p {
margin-top: 20px;
}
.section-title ~ .row,
.section-title ~ .slider,
.section-title-center ~ .row,
.section-title-center ~ .slider,
.section-title-white ~ .row,
.section-title-white ~ .slider,
.section-title-center-white ~ .row,
.section-title-center-white ~ .slider {
margin-top: 50px;
}
.section-title-center,
.section-title-center-white {
text-align: center;
}
.section-title-center h6,
.section-title-center h2,
.section-title-center p,
.section-title-center-white h6,
.section-title-center-white h2,
.section-title-center-white p {
margin-left: auto;
margin-right: auto;
}
.title-left-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.section-title-white h2,
.section-title-center-white h2 {
color: var(--color-white);
}
.link-anime,
.btn-anime {
position: relative;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.2px;
text-align: center;
border-radius: 10px;
color: var(--color-black);
text-transform: capitalize;
overflow: hidden;
background: var(--color-tr);
}
.link-anime.v1,
.link-anime.v2,
.btn-anime.v1,
.btn-anime.v2 {
z-index: 1;
}
.link-anime.v1::before,
.link-anime.v1::after,
.link-anime.v2::before,
.link-anime.v2::after,
.btn-anime.v1::before,
.btn-anime.v1::after,
.btn-anime.v2::before,
.btn-anime.v2::after {
position: absolute;
content: "";
width: 50%;
height: 150%;
z-index: -1;
border-radius: 800px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: scale(1.8);
transform: scale(1.8);
}
.link-anime.v1::before,
.link-anime.v2::before,
.btn-anime.v1::before,
.btn-anime.v2::before {
top: 0;
left: 0;
}
.link-anime.v1::after,
.link-anime.v2::after,
.btn-anime.v1::after,
.btn-anime.v2::after {
bottom: 0;
right: 0;
}
.link-anime:hover::before,
.link-anime:hover::after,
.btn-anime:hover::before,
.btn-anime:hover::after {
opacity: 0.5;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.link-anime:hover::before,
.btn-anime:hover::before {
top: -116%;
left: -38%;
}
.link-anime:hover::after,
.btn-anime:hover::after {
bottom: -116%;
right: -38%;
}
.link-anime.v1,
.btn-anime.v1 {
color: var(--color-white);
border: 1.8px solid var(--color-green);
}
.link-anime.v1::before,
.link-anime.v1::after,
.btn-anime.v1::before,
.btn-anime.v1::after {
background: var(--color-green);
}
.link-anime.v1:hover,
.btn-anime.v1:hover {
color: var(--color-green);
}
.link-anime.v2,
.btn-anime.v2 {
color: var(--color-black);
border: 1.8px solid var(--color-yellow);
}
.link-anime.v2::before,
.link-anime.v2::after,
.btn-anime.v2::before,
.btn-anime.v2::after {
background: var(--color-yellow);
}
.link-anime.v2:hover,
.btn-anime.v2:hover {
color: var(--color-yellow);
}
.link-anime {
padding: 15px 30px;
display: inline-block;
}
.link-anime::before,
.link-anime::after {
display: block;
}
.btn-anime {
padding: 18.2px 30px;
background: var(--color-tr);
}
.read-more-link {
display: inline-block;
text-transform: capitalize;
font-weight: 800;
background: var(--color-tr);
}
.read-more-link .icon-plus {
display: inline-block;
width: 16px;
height: 16px;
font-size: 8px;
text-align: center;
line-height: 16px;
color: var(--color-white);
border-radius: 100px;
background: var(--color-green);
margin-right: 10px;
}
.check-mark-list.v1 li,
.check-mark-list.v2 li,
.check-mark-list.v3 li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
.check-mark-list.v1 li ~ li,
.check-mark-list.v2 li ~ li,
.check-mark-list.v3 li ~ li {
margin-top: 20px;
}
.check-mark-list.v1 li .my-icon,
.check-mark-list.v2 li .my-icon,
.check-mark-list.v3 li .my-icon {
line-height: 20px;
font-size: 12px;
margin-top: 5px;
}
.check-mark-list.v1 li .my-icon,
.check-mark-list.v2 li .my-icon {
width: 20px;
height: 20px;
min-width: 20px;
text-align: center;
border-radius: 50px;
color: var(--color-white);
}
.check-mark-list.v1 li h6,
.check-mark-list.v2 li h6 {
color: var(--color-gBlack);
}
.check-mark-list.v1 .my-icon {
background: var(--color-yellow);
}
.check-mark-list.v1 h6 {
font-weight: 700;
}
.check-mark-list.v2 .my-icon {
background: var(--color-green);
}
.check-mark-list.v3 li .my-icon {
color: var(--color-green);
font-size: 24px;
}
.check-mark-list.v3 li h6 {
font-weight: 700;
}
.preloder {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--color-black);
}
.preloder .corners {
position: relative;
width: 60px;
height: 60px;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation: spin 3s infinite linear;
animation: spin 3s infinite linear;
}
.preloder .corners li {
position: absolute;
width: 100%;
height: 100%;
}
.preloder .corners li::before {
display: block;
content: "";
width: 48%;
height: 48%;
border-radius: 0 40% 0 40%;
background: var(--color-green);
}
.preloder .corners li:nth-child(1) {
-webkit-animation: spin1 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation: spin1 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.preloder .corners li:nth-child(2) {
-webkit-animation: spin2 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation: spin2 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.preloder .corners li:nth-child(3) {
-webkit-animation: spin3 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation: spin3 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.preloder .corners li:nth-child(4) {
-webkit-animation: spin4 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation: spin4 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
70% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
70% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
70% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
70% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
70% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
30% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
70% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.my-select {
position: relative;
display: inline-block;
}
.my-select .current {
position: relative;
padding: 0px 40px 0px 20px;
height: 50px;
font-weight: 400;
font-size: 16px;
line-height: 30px;
border-radius: 5px;
letter-spacing: 1.4px;
color: var(--color-gBlack);
border: 1px solid var(--color-border);
background: var(--color-white);
}
.my-select .current::before {
position: absolute;
font-size: 10px;
top: 50%;
right: 20px;
content: "\e900";
font-family: "icomoon";
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.my-select .current.open::before {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.my-select .list {
position: absolute;
width: 100%;
top: 110%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
background: var(--color-white);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
}
.my-select .list.open {
top: 100%;
opacity: 1;
visibility: visible;
}
.my-select .list li {
cursor: pointer;
padding: 15px 20px;
font-weight: 400;
font-size: 14px;
line-height: 24px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.my-select .list li:hover {
padding: 15px 20px 15px 30px;
color: var(--color-green);
}
.my-select .list li ~ li {
border-top: 1px dashed var(--color-green);
}
.message-form.v1 .group-box,
.message-form.v2 .group-box,
.message-form.v3 .wpcf7-form{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.message-form.v1 input[type="number"]::-webkit-inner-spin-button,
.message-form.v1 input[type="number"]::-webkit-outer-spin-button,
.message-form.v2 input[type="number"]::-webkit-inner-spin-button,
.message-form.v2 input[type="number"]::-webkit-outer-spin-button,
.message-form.v3 .wpcf7-form label input[type="number"]::-webkit-inner-spin-button,
.message-form.v3 .wpcf7-form label input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.message-form.v1 input[type="number"],
.message-form.v2 input[type="number"],
.message-form.v3 .wpcf7-form label input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.message-form.v1 input[type="number"],
.message-form.v2 input[type="number"],
.message-form.v3 .wpcf7-form label input[type="number"] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.message-form.v1 input,
.message-form.v1 textarea,
.message-form.v1 .my-select,
.message-form.v2 input,
.message-form.v2 textarea,
.message-form.v2 .my-select,
.message-form.v3 .wpcf7-form label input,
.message-form.v3 .wpcf7-form label textarea,
.message-form.v3 .wpcf7-form label .my-select {
width: 100%;
border: 1px solid var(--color-border);
border-radius: 5px;
background: var(--color-white);
}
.message-form.v3 .wpcf7-form label:nth-last-child(4){
width: 100%;
}
.message-form.v3 .wpcf7-form label{
text-align: left;
}
.message-form.v3 .wpcf7-form label .wpcf7-form-control-wrap{
margin-top: 15px;
display: block;
}
.message-form.v1 input,
.message-form.v1 .my-select,
.message-form.v2 input,
.message-form.v2 .my-select,
.message-form.v3 .wpcf7-form label input,
.message-form.v3 .wpcf7-form label .my-select {
height: 70px;
}
.message-form.v1 input,
.message-form.v1 textarea,
.message-form.v2 input,
.message-form.v2 textarea,
.message-form.v3 .wpcf7-form label input,
.message-form.v3 .wpcf7-form label textarea {
color: var(--color-gBlack);
font-size: 16px;
line-height: 26px;
}
.message-form.v1 textarea,
.message-form.v2 textarea,
.message-form.v3 .wpcf7-form label textarea {
height: 140px;
padding: 15px 20px;
}
.message-form.v1 .my-select,
.message-form.v2 .my-select,
.message-form.v3 .wpcf7-form label .my-select {
width: calc(100% + 50px);
text-align: left;
}
.message-form.v1 .my-select button,
.message-form.v2 .my-select button,
.message-form.v3 .wpcf7-form label .my-select button {
border: none;
width: 100%;
height: 100%;
text-align: left;
}
.message-form.v1 .submit-btn,
.message-form.v2 .submit-btn {
padding: 20px 30px;
}
.message-form.v3 .wpcf7-submit {
padding: 15px 47px;
font-size: 14px;
font-weight: 800;
letter-spacing: .2px;
line-height: inherit;
height: inherit;
text-align: center;
border-radius: 10px;
color: var(--color-white);
text-transform: capitalize;
border: 1.8px solid var(--color-green);
background: var(--color-green);
}
.message-form.v3 .wpcf7-submit:hover {
color: var(--color-green);
background: var(--color-white);
}
.message-form.v1 .group-box ~ .group-box,
.message-form.v1 .group-box ~ textarea,
.message-form.v1 textarea ~ .btn-anime,
.message-form.v2 .group-box ~ .group-box,
.message-form.v2 .group-box ~ textarea,
.message-form.v2 textarea ~ .btn-anime,
.message-form.v3 .group-box ~ .group-box,
.message-form.v3 .group-box ~ textarea,
.message-form.v3 textarea ~ .btn-anime {
margin-top: 30px;
}
.message-form.v1 .submit-btn {
display: block;
width: 100%;
}
.message-form.v3 {
text-align: center;
}
.slider {
position: relative;
overflow: hidden;
padding-bottom: 45px;
}
.slider .swiper-pagination {
bottom: 0px;
z-index: 1;
}
.slider .swiper-pagination .swiper-pagination-bullet {
position: relative;
width: 30px;
height: 5px;
border-radius: 2px;
padding: 0;
opacity: 1;
background: var(--color-gBlack);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slider
.swiper-pagination
.swiper-pagination-bullet
~ .swiper-pagination-bullet {
margin: 0px 0px 0px 10px;
}
.slider
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--color-black);
}
.star-mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.star-mark .my-icon {
font-size: 19px;
color: var(--color-yellow);
}
.star-mark.star-1 li:nth-child(1) .my-icon::before,
.star-mark.star-2 li:nth-child(1) .my-icon::before,
.star-mark.star-2 li:nth-child(2) .my-icon::before,
.star-mark.star-3 li:nth-child(1) .my-icon::before,
.star-mark.star-3 li:nth-child(2) .my-icon::before,
.star-mark.star-3 li:nth-child(3) .my-icon::before,
.star-mark.star-4 li:nth-child(1) .my-icon::before,
.star-mark.star-4 li:nth-child(2) .my-icon::before,
.star-mark.star-4 li:nth-child(3) .my-icon::before,
.star-mark.star-4 li:nth-child(4) .my-icon::before,
.star-mark.star-5 li:nth-child(1) .my-icon::before,
.star-mark.star-5 li:nth-child(2) .my-icon::before,
.star-mark.star-5 li:nth-child(3) .my-icon::before,
.star-mark.star-5 li:nth-child(4) .my-icon::before,
.star-mark.star-5 li:nth-child(5) .my-icon::before {
content: "\e932";
}
.bg-cover,
.bg-cover-top,
.bg-cover-center,
.bg-cover-bottom {
background-repeat: no-repeat;
background-size: cover;
}
.bg-cover-top {
background-position: top;
}
.bg-cover-center {
background-position: center;
}
.bg-cover-bottom {
background-position: bottom;
}
.breadcum.v1 {
padding: 0;
position: relative;
overflow: hidden;
z-index: 1;
}
.breadcum.v1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.9;
background: var(--color-black);
z-index: -1;
}
.breadcum.v1 .breadcum-content {
padding: 50px 0px;
text-align: center;
}
.breadcum.v1 .breadcum-content h2 {
color: var(--color-white);
font-weight: 700;
font-size: 38px;
line-height: 48px;
}
.breadcum.v1 .breadcum-content h2 ~ ul {
margin-top: 30px;
}
.breadcum.v1 .breadcum-content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px;
color: var(--color-white);
font-size: 20px;
line-height: 25px;
font-weight: 700;
}
.breadcum.v1 .breadcum-content li {
color: var(--color-green);
}
.breadcum.v1 .breadcum-content li ~ li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.breadcum.v1 .breadcum-content li ~ li::before {
content: "/";
color: var(--color-white);
}
.breadcum.v1 .breadcum-content a {
display: block;
color: var(--color-white);
}
.breadcum.v1 .breadcum-content a:hover {
color: var(--color-green);
}
.breadcum.v1 .line-shap,
.breadcum.v1 .right-bottom-shap {
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
.breadcum.v1 .line-shap {
top: -40%;
left: -14%;
width: 50%;
min-height: 100%;
opacity: 1;
}
.breadcum.v1 .right-bottom-shap {
width: 30%;
min-height: 100%;
bottom: -40%;
right: -10%;
opacity: 0.2;
}
.blog-sidebar__wrapper .blog-sidebar__widget {
margin-top: 50px;
}
.blog-sidebar__wrapper .blog-sidebar__widget-head,
.blog-sidebar__widget .wp-block-heading,
.blog-sidebar__widget .wp-block-search__label {
padding: 15px 30px;
border-radius: 5px 5px 0px 0px;
background: var(--color-green);
}
.blog-sidebar__wrapper .blog-sidebar__widget-head .blog-sidebar__widget-title,
.blog-sidebar__widget .wp-block-heading,
.blog-sidebar__widget .wp-block-search__label {
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--color-white);
}
.blog-sidebar__wrapper .blog-sidebar__widget-content > div:nth-child(2),
.blog-sidebar__widget .wp-block-search__inside-wrapper,
.blog-sidebar__widget .wp-block-latest-posts,
.blog-sidebar__widget .blog-sidebar__widget-head ~ ul,
.blog-sidebar__widget .wp-block-latest-comments{
padding: 30px;
border-radius: 0px 0px 5px 5px;
background: var(--color-white2);
}
.blog-sidebar__wrapper .search-px form,
.blog-sidebar__widget .wp-block-search__inside-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-sidebar__wrapper .search-px input,
.blog-sidebar__wrapper .wp-block-search__input {
width: 85%;
font-size: 16px;
border: none;
padding: 0 20px;
border-radius: 5px 0px 0px 5px;
}
.blog-sidebar__wrapper .search-px button,
.blog-sidebar__wrapper .wp-block-search__button.wp-element-button {
position: relative;
padding: 0;
width: 50px;
height: 50px;
font-size: 15px;
margin-left: 0px;
border: none;
color: var(--color-tr);
border-radius: 0px 5px 5px 0px;
background: var(--color-green);
}
.blog-sidebar__wrapper .search-px button::before,
.blog-sidebar__wrapper .wp-block-search__button.wp-element-button::before {
position: absolute;
content: "\e928";
top: 17px;
left: 17px;
font-family: "icomoon";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--color-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.blog-sidebar__wrapper .post-list li,
.blog-sidebar__wrapper .post-list li .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-sidebar__wrapper .post-list li {
gap: 20px;
}
.blog-sidebar__wrapper .post-list li ~ li,
.blog-sidebar__widget-content .wp-block-latest-posts__list.wp-block-latest-posts li ~ li {
margin-top: 15px;
}
.blog-sidebar__wrapper .post-list .date {
gap: 10px;
}
.blog-sidebar__wrapper .post-list .post-img {
width: 80px;
height: 85px;
}
.blog-sidebar__wrapper .post-list .post-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blog-sidebar__wrapper .post-list .post-text {
width: calc(100% - 75px);
}
.blog-sidebar__wrapper .post-list .post-text .my-icon {
color: var(--color-green);
}
.blog-sidebar__wrapper .post-list .post-text h6{
font-weight: 700;
margin-top: 2px;
}
.blog-sidebar__wrapper .post-list .post-text h6,
.blog-sidebar__widget .wp-block-latest-posts__list.wp-block-latest-posts li,
.blog-sidebar__widget .wp-block-latest-comments li,
.blog-sidebar__widget .blog-sidebar__widget-head ~ ul > li,
.blog-sidebar__widget .menu-service-container li,
.blog-sidebar__widget .textwidget p {
font-size: 18px;
line-height: 28px;
}
.blog-sidebar__wrapper .category-list ul {
padding: 25px 20px;
border-radius: 5px;
background: var(--color-white);
}
.blog-sidebar__wrapper .category-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
.blog-sidebar__wrapper .category-list li ~ li,
.blog-sidebar__widget .wp-block-latest-posts__list.wp-block-latest-posts li ~ li,
.blog-sidebar__widget .wp-block-latest-comments li ~ li,
.blog-sidebar__widget .blog-sidebar__widget-head ~ ul > li ~ li,
.blog-sidebar__widget .menu-service-container li ~ li,
.blog-sidebar__widget .wp-calendar-table caption {
margin-top: 20px;
}
.blog-sidebar__wrapper .category-list h6 {
font-size: 15px;
line-height: 25px;
font-weight: 700;
}
.blog-sidebar__wrapper .category-list .my-icon {
color: var(--color-green);
font-size: 14px;
}
.blog-sidebar__wrapper .tags-widgets ul,
.blog-sidebar__wrapper .tagcloud {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
}
.blog-sidebar__wrapper .tags-widgets a,
.blog-sidebar__wrapper .tagcloud a {
display: block;
padding: 5px 20px;
color: var(--color-gBlack);
border-radius: 5px;
background: var(--color-white);
}
.blog-sidebar__wrapper .tagcloud a {
font-size: 14px !important;
line-height: 25px;
}
.blog-sidebar__wrapper .tags-widgets a:hover,
.blog-sidebar__wrapper .tagcloud a:hover {
color: var(--color-white);
background: var(--color-green);
}
.scroll-bottom-Top {
position: fixed;
width: 55px;
height: 55px;
right: 0px;
bottom: 50px;
text-align: center;
line-height: 55px;
opacity: 0;
font-size: 15px;
visibility: hidden;
border-radius: 100px;
color: var(--color-green);
background: var(--color-white);
-webkit-box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1),
0px 4px 13px -2px rgba(19, 16, 34, 0.06);
box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1),
0px 4px 13px -2px rgba(19, 16, 34, 0.06);
z-index: 5;
}
.scroll-bottom-Top.show {
right: 50px;
opacity: 1;
visibility: visible;
}
.scroll-bottom-Top .my-icon {
display: inline-block;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
} .banner.v1,
.banner.v2 {
padding: 0;
overflow: hidden;
}
.banner.v1 .banner-content,
.banner.v2 .banner-content {
padding: 50px 0px;
}
.banner.v1 .banner-content h6,
.banner.v2 .banner-content h6 {
color: var(--color-green);
font-size: 24px;
line-height: 34px;
font-family: "Covered By Your Grace", cursive;
}
.banner.v1 .banner-content h2,
.banner.v2 .banner-content h2 {
font-weight: 700;
}
.banner.v1 .banner-content h6 ~ h2,
.banner.v1 .banner-content h2 ~ p,
.banner.v2 .banner-content h6 ~ h2,
.banner.v2 .banner-content h2 ~ p {
margin-top: 30px;
}
.banner.v1 .banner-content p ~ ul,
.banner.v2 .banner-content p ~ ul {
margin-top: 45px;
}
.banner.v1 .banner-content ul,
.banner.v2 .banner-content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
.banner.v1 {
position: relative;
z-index: 1;
}
.banner.v1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.6;
background: var(--color-black);
z-index: -1;
}
.banner.v1 .banner-content h2,
.banner.v1 .banner-content p {
color: var(--color-white);
}
.banner.v1 .line-shap,
.banner.v1 .lip-shap,
.banner.v1 .right-bottom-shap {
position: absolute;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.banner.v1 .line-shap,
.banner.v1 .lip-shap,
.banner.v1 .right-bottom-shap,
.banner.v1 .circle-shap,
.banner.v1 .circle-dot-shap {
display: none;
}
.banner.v1 .line-shap {
top: -26%;
left: -28%;
width: 75%;
min-height: 65%;
opacity: 0.8;
background-size: 100% 115%;
}
.banner.v1 .lip-shap {
top: -4%;
left: -17%;
width: 35%;
min-height: 35%;
background-size: 100% 100%;
}
.banner.v1 .circle-shap,
.banner.v1 .circle-dot-shap {
position: absolute;
border-radius: 300px;
background: var(--color-green);
}
.banner.v1 .circle-shap {
top: 50%;
left: -65px;
width: 105px;
height: 105px;
-webkit-filter: contrast(85%);
filter: contrast(85%);
}
.banner.v1 .circle-shap::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 300px;
border: 10px solid var(--color-green);
-webkit-filter: contrast(85%);
filter: contrast(85%);
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
.banner.v1 .circle-dot-shap {
top: 40%;
left: 20px;
width: 20px;
height: 20px;
}
.banner.v1 .right-bottom-shap {
width: 38%;
min-height: 66%;
bottom: -25%;
right: -10%;
background-size: cover;
}
.banner.v2 .profile-img {
position: relative;
}
.banner.v2 .profile-img .main-img {
position: relative;
width: 100%;
margin-left: auto;
z-index: 1;
text-align: center;
}
.banner.v2 .profile-img .main-img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0px;
border-radius: 10px;
background: var(--color-yellow);
z-index: -1;
}
.banner.v2 .profile-img .main-img img {
width: 100%;
}
.banner.v2 .profile-img .plan-p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
margin-top: 40px;
}
.banner.v2 .profile-img .plan-p img {
width: 100%;
-o-object-fit: content;
object-fit: content;
-o-object-position: center center;
object-position: center center;
}
.banner.v2 .profile-img .plan-p li {
width: 80px;
height: 80px;
border-radius: 300px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 13px -2px rgba(19, 16, 34, 0.06),
0px 4.8px 24.4px -9px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 13px -2px rgba(19, 16, 34, 0.06),
0px 4.8px 24.4px -9px rgba(19, 16, 34, 0.1);
}
.banner.v2 .profile-img .plan-p li:nth-child(3) ~ li {
display: none;
} .about-us.v1 .about-us-img img {
width: 100%;
border-radius: 500px;
margin-top: -130px;
}
.about-us.v1 .about-us-img .count-shap {
width: 90%;
padding: 40px 50px 150px 32px;
border-radius: 0px 170px 0px 120px;
background: var(--color-green);
}
.about-us.v1 .about-us-img .count-shap h2,
.about-us.v1 .about-us-img .count-shap h6 {
font-weight: 700;
color: var(--color-white);
}
.about-us.v1 .about-us-img .count-shap h2 {
font-size: 58px;
line-height: 72px;
}
.about-us.v1 .about-us-img .count-shap h2 ~ h6 {
margin-top: -6px;
}
.about-us.v1 .about-us-img .about-profile {
position: relative;
}
.about-us.v1 .about-us-img .about-profile .img-shap-left,
.about-us.v1 .about-us-img .about-profile .img-shap-right {
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.about-us.v1 .about-us-img .about-profile .img-shap-left {
width: 70px;
height: 57px;
left: 10px;
bottom: 20px;
}
.about-us.v1 .about-us-img .about-profile .img-shap-right {
width: 49px;
height: 60px;
top: -135px;
right: 0px;
}
.about-us.v1 .about-us-content {
margin-top: 50px;
}
.about-us.v1 .section-title ~ .about-items-list {
margin-top: 30px;
}
.about-us.v1 .about-items-list ~ .profile-and-button {
margin-top: 40px;
}
.about-us.v1 .profile-and-button,
.about-us.v1 .profile-and-button .profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-us.v1 .profile-and-button {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
.about-us.v1 .profile-and-button .profile {
gap: 20px;
}
.about-us.v1 .profile-and-button .profile img {
width: 70px;
height: 70px;
border-radius: 100px;
}
.about-us.v1 .profile-and-button .profile-text p {
color: var(--color-green);
}
.about-us.v1 .profile-and-button .profile-text h5 {
font-weight: 700;
}
.about-us.v2 {
background: var(--color-white2);
}
.about-us.v2 .about-us-img {
position: relative;
}
.about-us.v2 .about-us-img .img-shap-right {
position: absolute;
width: 22%;
height: 22%;
top: 0;
left: calc(50% + 30px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.about-us.v2 .about-us-img .box-img-1,
.about-us.v2 .about-us-img .box-img-2 {
position: relative;
z-index: 2;
}
.about-us.v2 .about-us-img .box-img-1 img,
.about-us.v2 .about-us-img .box-img-2 img {
width: 100%;
border-radius: 10px;
}
.about-us.v2 .about-us-img .box-img-1 {
width: 55%;
}
.about-us.v2 .about-us-img .box-img-2 {
width: 70%;
margin: -40% 0px 0px auto;
}
.about-us.v2 .about-us-img .count-shap {
position: absolute;
padding: 15px;
width: 40%;
bottom: 10%;
left: 8%;
border-radius: 10px;
background: var(--color-yellow);
z-index: 2;
}
.about-us.v2 .about-us-img .count-shap h2,
.about-us.v2 .about-us-img .count-shap h6 {
font-weight: 700;
color: var(--color-white);
}
.about-us.v2 .about-us-img .count-shap h6 {
text-transform: capitalize;
}
.about-us.v2 .about-us-img ~ .about-us-content {
margin-top: 30px;
}
.about-us.v2 .about-us-content .section-title ~ .icon-text-items {
margin-top: 40px;
}
.about-us.v2 .about-us-content .icon-text-items {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 60px;
}
.about-us.v2 .about-us-content .icon-text-items,
.about-us.v2 .about-us-content .icon-text-items li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-us.v2 .about-us-content .icon-text-items li {
width: 50%;
gap: 20px;
}
.about-us.v2 .about-us-content .icon-text-items .my-icon {
font-size: 40px;
color: var(--color-green);
}
.about-us.v2 .about-us-content .icon-text-items h5 {
font-weight: 700;
}
.about-us.v2 .about-us-content .icon-text-items ~ .box-img-list {
margin-top: 30px;
}
.about-us.v2 .about-us-content .box-img-list .left-img img {
width: 100%;
border-radius: 10px;
}
.about-us.v2 .about-us-content .box-img-list .left-img ~ .check-mark-list {
margin-top: 30px;
}
.about-us.v2 .about-us-content .box-img-list ~ .link-anime {
margin-top: 40px;
} .services.v1 .provide-card,
.services.v2 .provide-card {
position: relative;
}
.services.v1 .provide-card .provide-img,
.services.v2 .provide-card .provide-img {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.services.v1 .provide-card .provide-img img,
.services.v2 .provide-card .provide-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.services.v1 .provide-card .provide-content,
.services.v2 .provide-card .provide-content {
width: calc(100% - 60px);
padding: 30px;
text-align: center;
border-radius: 10px;
-webkit-box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.1);
z-index: 1;
}
.services.v1 .provide-card .provide-content h5,
.services.v2 .provide-card .provide-content h5 {
font-weight: 700;
}
.services.v1 .provide-card:hover .provide-img img,
.services.v2 .provide-card:hover .provide-img img {
-webkit-transform: scale(1.1) rotate(1.5deg);
transform: scale(1.1) rotate(1.5deg);
}
.services.v1 .row > div:nth-last-child(1) .provide-card,
.services.v2 .row > div:nth-last-child(1) .provide-card {
margin-bottom: 0px;
}
.services.v1 {
position: relative;
background: var(--color-white2);
overflow: hidden;
z-index: 1;
}
.services.v1 .provide-card {
margin-bottom: 45px;
}
.services.v1 .provide-card::before {
position: absolute;
content: "";
left: 50%;
bottom: -5px;
width: 80px;
height: 80px;
border-radius: 100px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--color-yellow);
}
.services.v1 .provide-card .provide-content {
position: relative;
z-index: 1;
background: var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin: 0px auto -60px auto;
}
.services.v1 .provide-card .provide-content p ~ h5 {
margin-top: 5px;
}
.services.v1 .provide-card .provide-icon {
position: relative;
width: 70px;
height: 70px;
font-size: 30px;
line-height: 70px;
text-align: center;
color: var(--color-white);
border-radius: 100px;
background: var(--color-green);
margin: -40px auto 5px auto;
}
.services.v1 .provide-card:hover .provide-content {
background: var(--color-yellow);
}
.services.v1 .bg-shap {
position: absolute;
width: 10vw;
height: 10vw;
opacity: 0.1;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
.services.v1 .bg-shap-1 {
left: 0;
bottom: 2%;
}
.services.v1 .bg-shap-2 {
top: 28%;
left: 0;
}
.services.v1 .bg-shap-3 {
top: 32%;
right: 0;
}
.services.v1 .bg-shap-4 {
right: 0;
bottom: 5%;
}
.services.v1 .bg-shap-5 {
right: -4%;
top: 6%;
}
.services.v2 .provide-card {
margin-bottom: 40px;
}
.services.v2 .provide-card .provide-content {
position: relative;
overflow: hidden;
background: var(--color-yellow);
margin: -80px auto 0 auto;
}
.services.v2 .provide-card .provide-content::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 10px;
top: -4px;
left: 0;
background: var(--color-white);
z-index: -1;
}
.services.v2 .provide-card .provide-content h5 ~ p,
.services.v2 .provide-card .provide-content p ~ .read-more-link {
margin-top: 10px;
}
.services.v2 .provide-card .provide-content .provide-icon {
position: absolute;
bottom: 30px;
right: -30px;
font-size: 78px;
opacity: 0.1;
z-index: -1;
} .projects-gallery.v1 .row > div:nth-last-child(1) .gallery-card,
.projects-gallery.v2 .row > div:nth-last-child(1) .gallery-card {
margin-bottom: 0px;
}
.projects-gallery.v1 .gallery-card,
.projects-gallery.v2 .gallery-card {
margin-bottom: 30px;
}
.projects-gallery.v1 .gallery-card .gallery-img,
.projects-gallery.v2 .gallery-card .gallery-img {
border-radius: 10px;
overflow: hidden;
}
.projects-gallery.v1 .gallery-card .card-info,
.projects-gallery.v2 .gallery-card .card-info {
padding: 25px 20px;
background: var(--color-white);
-webkit-box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1);
}
.projects-gallery.v1 .gallery-card .card-info h6,
.projects-gallery.v2 .gallery-card .card-info h6 {
font-weight: 700;
}
.projects-gallery.v1 .gallery-card img,
.projects-gallery.v2 .gallery-card img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.projects-gallery.v1 .gallery-card:hover img,
.projects-gallery.v2 .gallery-card:hover img {
-webkit-transform: rotate(1.05deg) scale(1.1);
transform: rotate(1.05deg) scale(1.1);
}
.projects-gallery.v1 .section-title ~ .gallery-btns,
.projects-gallery.v1 .section-title-white ~ .gallery-btns,
.projects-gallery.v1 .section-title-center ~ .gallery-btns,
.projects-gallery.v1 .section-title-center-white ~ .gallery-btns,
.projects-gallery.v2 .section-title ~ .gallery-btns,
.projects-gallery.v2 .section-title-white ~ .gallery-btns,
.projects-gallery.v2 .section-title-center ~ .gallery-btns,
.projects-gallery.v2 .section-title-center-white ~ .gallery-btns {
margin-top: 60px;
}
.projects-gallery.v1 .gallery-btns.v1 ul,
.projects-gallery.v1 .gallery-btns.v2 ul,
.projects-gallery.v1 .gallery-btns-center.v1 ul,
.projects-gallery.v1 .gallery-btns-center.v2 ul,
.projects-gallery.v2 .gallery-btns.v1 ul,
.projects-gallery.v2 .gallery-btns.v2 ul,
.projects-gallery.v2 .gallery-btns-center.v1 ul,
.projects-gallery.v2 .gallery-btns-center.v2 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 60px;
}
.projects-gallery.v1 .gallery-btns.v1.btns-center ul,
.projects-gallery.v1 .gallery-btns.v2.btns-center ul,
.projects-gallery.v1 .gallery-btns-center.v1.btns-center ul,
.projects-gallery.v1 .gallery-btns-center.v2.btns-center ul,
.projects-gallery.v2 .gallery-btns.v1.btns-center ul,
.projects-gallery.v2 .gallery-btns.v2.btns-center ul,
.projects-gallery.v2 .gallery-btns-center.v1.btns-center ul,
.projects-gallery.v2 .gallery-btns-center.v2.btns-center ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.projects-gallery.v1 .gallery-btns.v1 li button,
.projects-gallery.v1 .gallery-btns.v2 li button,
.projects-gallery.v1 .gallery-btns-center.v1 li button,
.projects-gallery.v1 .gallery-btns-center.v2 li button,
.projects-gallery.v2 .gallery-btns.v1 li button,
.projects-gallery.v2 .gallery-btns.v2 li button,
.projects-gallery.v2 .gallery-btns-center.v1 li button,
.projects-gallery.v2 .gallery-btns-center.v2 li button {
border-radius: 5px;
}
.projects-gallery.v1 .gallery-btns.v1 li button.active,
.projects-gallery.v1 .gallery-btns.v2 li button.active,
.projects-gallery.v1 .gallery-btns-center.v1 li button.active,
.projects-gallery.v1 .gallery-btns-center.v2 li button.active,
.projects-gallery.v2 .gallery-btns.v1 li button.active,
.projects-gallery.v2 .gallery-btns.v2 li button.active,
.projects-gallery.v2 .gallery-btns-center.v1 li button.active,
.projects-gallery.v2 .gallery-btns-center.v2 li button.active {
color: var(--color-white);
background: var(--color-green);
}
.projects-gallery.v1 .gallery-btns.v1 li button,
.projects-gallery.v1 .gallery-btns-center.v1 li button,
.projects-gallery.v2 .gallery-btns.v1 li button,
.projects-gallery.v2 .gallery-btns-center.v1 li button {
padding: 15px 20px;
font-size: 16px;
color: var(--color-white);
background: var(--color-black2);
}
.projects-gallery.v1 .gallery-btns.v2 li button,
.projects-gallery.v1 .gallery-btns-center.v2 li button,
.projects-gallery.v2 .gallery-btns.v2 li button,
.projects-gallery.v2 .gallery-btns-center.v2 li button {
padding: 20px 40px;
font-size: 18px;
font-weight: 700;
color: var(--color-black);
background: var(--color-white);
-webkit-box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1);
}
.projects-gallery.v1 {
position: relative;
z-index: 1;
overflow: hidden;
}
.projects-gallery.v1 .gallery-card {
position: relative;
}
.projects-gallery.v1 .gallery-card .card-info {
position: absolute;
width: calc(100% - 40px);
border-radius: 5px;
left: 50%;
bottom: 20px;
gap: 15px;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translate(-50%, 0%) scale(0.8) rotateX(90deg);
transform: translate(-50%, 0%) scale(0.8) rotateX(90deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.projects-gallery.v1 .gallery-card .card-info h6 {
font-weight: 700;
}
.projects-gallery.v1 .gallery-card .card-info .info-link {
width: 50px;
min-width: 50px;
height: 50px;
color: var(--color-white);
line-height: 50px;
text-align: center;
border: 2px solid var(--color-green);
border-radius: 10px;
background: var(--color-green);
}
.projects-gallery.v1 .gallery-card .card-info .info-link .my-icon {
font-size: 16px;
}
.projects-gallery.v1 .gallery-card .card-info .info-link:hover {
color: var(--color-green);
background: var(--color-tr);
}
.projects-gallery.v1 .gallery-card:hover .card-info {
-webkit-transform: translate(-50%, 0%) scale(1);
transform: translate(-50%, 0%) scale(1);
opacity: 1;
visibility: visible;
}
.projects-gallery.v2 {
background: var(--color-black);
}
.projects-gallery.v2 .gallery-card .card-info {
position: relative;
width: calc(100% - 70px);
border-radius: 0px 5px 5px 0px;
border-left: 5px solid var(--color-green);
margin-top: -13%;
z-index: 1;
}
.projects-gallery.v2 .gallery-card .card-info p ~ h6 {
margin-top: 10px;
} .faq.v1 .section-title ~ .faq-accordion,
.faq.v2 .section-title ~ .faq-accordion {
margin-top: 20px;
}
.faq.v1 .faq-accordion li ~ li,
.faq.v2 .faq-accordion li ~ li {
margin-top: 20px;
}
.faq.v1 .faq-accordion .faq-btn,
.faq.v2 .faq-accordion .faq-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
width: 100%;
text-align: inherit;
padding: 30px 20px;
border-radius: 5px;
font-weight: 700;
font-size: 16px;
color: var(--color-white);
background: var(--color-green);
-webkit-box-shadow: 0px 4px 243px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 243px -6px rgba(19, 16, 34, 0.1);
}
.faq.v1 .faq-accordion .faq-btn span,
.faq.v2 .faq-accordion .faq-btn span {
width: 30px;
min-width: 30px;
height: 30px;
text-align: center;
line-height: 32px;
color: var(--color-green);
border-radius: 50px;
background: var(--color-white);
}
.faq.v1 .faq-accordion .faq-btn span::before,
.faq.v2 .faq-accordion .faq-btn span::before {
font-family: "icomoon";
content: "\e929";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.faq.v1 .faq-accordion .faq-btn.collapsed,
.faq.v2 .faq-accordion .faq-btn.collapsed {
color: var(--color-black);
background: var(--color-white);
}
.faq.v1 .faq-accordion .faq-btn.collapsed span,
.faq.v2 .faq-accordion .faq-btn.collapsed span {
color: var(--color-white);
background: var(--color-green);
-webkit-box-shadow: 0px 4px 243px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 243px -6px rgba(19, 16, 34, 0.1);
}
.faq.v1 .faq-accordion .faq-btn.collapsed span::before,
.faq.v2 .faq-accordion .faq-btn.collapsed span::before {
content: "\e92f";
}
.faq.v1 .faq-accordion .faq-content-body,
.faq.v2 .faq-accordion .faq-content-body {
padding: 30px 20px;
}
.faq.v1 {
padding: 0;
}
.faq.v1 .faq-img {
margin-bottom: 30px;
}
.faq.v1 .faq-img .small-box {
position: relative;
padding: 30px;
z-index: 1;
}
.faq.v1 .faq-img .small-box::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
background: var(--color-green);
z-index: -1;
}
.faq.v1 .faq-img .small-box h5,
.faq.v1 .faq-img .small-box h2,
.faq.v1 .faq-img .small-box h4 {
text-transform: capitalize;
color: var(--color-white);
}
.faq.v1 .faq-img .small-box h5,
.faq.v1 .faq-img .small-box h4 {
font-weight: 700;
}
.faq.v1 .faq-img .small-box h5 ~ h2 {
margin-top: 13px;
}
.faq.v1 .faq-img .small-box h2 {
font-weight: 800;
}
.faq.v1 .faq-img .small-box h2 ~ h4 {
margin-top: 10px;
}
.faq.v1 .faq-content {
padding: 30px;
border-radius: 10px;
background: var(--color-white2);
}
.faq.v2 {
background: var(--color-white2);
margin-bottom: 40px;
}
.faq.v2 .faq-img {
position: relative;
margin-top: 50px;
}
.faq.v2 .faq-img img {
border-radius: 5px;
}
.faq.v2 .faq-img .play-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.faq.v2 .faq-img img {
width: 100%;
} .work-process.v1 .row > div:nth-last-child(1) .work-card,
.work-process.v2 .row > div:nth-last-child(1) .work-card {
margin-bottom: 0px;
}
.work-process.v1 .work-card {
margin-bottom: 30px;
}
.work-process.v1 .work-card .work-card-img {
position: relative;
padding: 0px 30px 40px 30px;
}
.work-process.v1 .work-card .work-card-img img {
border-radius: 10px;
width: 100%;
}
.work-process.v1 .work-card .work-card-img i {
position: absolute;
width: 80px;
height: 80px;
left: 50%;
bottom: 0px;
border-radius: 100px;
color: var(--color-white);
font-size: 40px;
text-align: center;
line-height: 80px;
background: var(--color-green);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.work-process.v1 .work-card .work-card-img ~ .work-card-text {
margin-top: 20px;
}
.work-process.v1 .work-card .work-card-text {
text-align: center;
}
.work-process.v1 .work-card .work-card-text h4 {
font-weight: 700;
}
.work-process.v1 .work-card .work-card-text h4 ~ p {
margin-top: 4px;
}
.work-process.v2 .work-card {
width: 150px;
text-align: center;
margin: 0 auto 30px auto;
}
.work-process.v2 .work-card i {
position: relative;
width: 74px;
height: 74px;
line-height: 70px;
font-size: 35px;
text-align: center;
margin: 0 auto -35px auto;
border: 4px solid var(--color-white);
border-radius: 100px;
background: var(--color-yellow);
-webkit-box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
z-index: 1;
}
.work-process.v2 .work-card .work-card-text h3 {
padding: 50px 30px 40px 30px;
color: var(--color-green);
border: 1px solid var(--color-border);
border-radius: 5px;
background: var(--color-tr);
}
.work-process.v2 .work-card .work-card-text h3 ~ h5 {
margin-top: 20px;
}
.work-process.v2 .work-card .work-card-text h3,
.work-process.v2 .work-card .work-card-text h5 {
font-weight: 700;
}
.work-process.v2 .row > div:nth-last-child(2) .work-card {
margin-bottom: 0px;
} .counting-items.v1,
.counting-items.v2 {
position: relative;
padding: 0px 0px 50px 0px;
}
.counting-items.v1 .counting-item-list,
.counting-items.v2 .counting-item-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
gap: 30px;
border-radius: 5px;
padding: 40px;
}
.counting-items.v1 .counting-item-list .my-icon,
.counting-items.v2 .counting-item-list .my-icon {
min-width: 80px;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
font-size: 40px;
color: var(--color-green);
background: var(--color-white);
}
.counting-items.v1 .counting-item-list .counting-item-text h2,
.counting-items.v2 .counting-item-list .counting-item-text h2 {
font-weight: 800;
}
.counting-items.v1 .counting-item-list .counting-item-text h2 ~ h5,
.counting-items.v2 .counting-item-list .counting-item-text h2 ~ h5 {
margin-top: 5px;
}
.counting-items.v1 {
z-index: 1;
}
.counting-items.v1 .counting-item-list {
background: var(--color-white2);
}
.counting-items.v1 .counting-item-list li {
gap: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.counting-items.v1 .counting-item-list .my-icon {
border-radius: 100px;
-webkit-box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
}
.counting-items.v1 .counting-item-list .counting-item-text h2 {
color: var(--color-green);
}
.counting-items.v1 .counting-item-list .counting-item-text h5 {
font-weight: 700;
}
.counting-items.v1 .counting-item-list .counting-item-text h5 ~ p {
padding-top: 10px;
margin-top: 15px;
border-top: 2px solid var(--color-green);
}
.counting-items.v2 {
z-index: 2;
}
.counting-items.v2 .counting-item-list {
position: relative;
border-radius: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
}
.counting-items.v2 .counting-item-list::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.8;
border-radius: 10px;
background: var(--color-green);
z-index: -1;
}
.counting-items.v2 .counting-item-list li:nth-last-of-type(1n + 0) .my-icon {
border-radius: 100px 100px 2px 100px;
}
.counting-items.v2 .counting-item-list li:nth-last-of-type(2n + 0) .my-icon {
border-radius: 2px 100px 100px 100px;
}
.counting-items.v2 .counting-item-list .my-icon ~ .counting-item-text {
margin-top: 20px;
}
.counting-items.v2 .counting-item-list .counting-item-text h2,
.counting-items.v2 .counting-item-list .counting-item-text h5 {
color: var(--color-white);
} .our-team.v1 .team-card,
.our-team.v2 .team-card {
margin-bottom: 30px;
}
.our-team.v1 .team-card .team-card-img,
.our-team.v2 .team-card .team-card-img {
border-radius: 5px;
overflow: hidden;
}
.our-team.v1 .team-card .team-card-img img,
.our-team.v2 .team-card .team-card-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-team.v1 .team-card .team-card-text h5,
.our-team.v2 .team-card .team-card-text h5 {
font-weight: 700;
}
.our-team.v1 .team-card .team-card-text p,
.our-team.v2 .team-card .team-card-text p {
color: var(--color-green);
}
.our-team.v1 .team-card .social-link,
.our-team.v2 .team-card .social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our-team.v1 .team-card:hover .team-card-img img,
.our-team.v2 .team-card:hover .team-card-img img {
-webkit-transform: rotate(1.05deg) scale(1.1);
transform: rotate(1.05deg) scale(1.1);
}
.our-team.v1 .row > div:nth-last-child(1) .team-card,
.our-team.v2 .row > div:nth-last-child(1) .team-card {
margin-bottom: 0px;
}
.our-team.v1 {
background-color: var(--color-black);
}
.our-team.v1 .team-card .team-card-text {
position: relative;
padding: 25px 30px;
border-radius: 5px;
text-align: center;
background: var(--color-white);
margin: -30px 15px 0px 15px;
z-index: 1;
}
.our-team.v1 .team-card .team-card-text h5 ~ p {
margin-top: 5px;
}
.our-team.v1 .team-card .team-card-text p ~ .social-link {
margin-top: 12px;
}
.our-team.v1 .team-card .team-card-text .social-link {
gap: 10px;
}
.our-team.v1 .team-card .team-card-text .social-link a {
display: inline-block;
width: 30px;
height: 30px;
font-size: 14px;
line-height: 30px;
text-align: center;
color: var(--color-white);
border-radius: 5px;
border: 1px solid var(--color-green);
background: var(--color-green);
}
.our-team.v1 .team-card .team-card-text .social-link a:hover {
color: var(--color-green);
background: var(--color-white);
}
.our-team.v2 .team-card {
position: relative;
width: calc(100% - 35px);
}
.our-team.v2 .team-card::before {
position: absolute;
content: "";
width: 75%;
height: 65%;
right: -35px;
bottom: 0;
border-radius: 0px 5px 0px 0px;
background: var(--color-white2);
z-index: -1;
}
.our-team.v2 .team-card .team-card-img {
position: relative;
}
.our-team.v2 .team-card .team-card-img .social-link {
position: absolute;
left: 50%;
bottom: -1px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.our-team.v2 .team-card .team-card-img .social-link li ~ li {
border-left: 1px solid var(--color-border);
}
.our-team.v2 .team-card .team-card-img .social-link a {
display: inline-block;
width: 50px;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
color: var(--color-white);
background: var(--color-yellow);
}
.our-team.v2 .team-card .team-card-img .social-link a:hover {
background: var(--color-green);
}
.our-team.v2 .team-card .team-card-text {
position: relative;
padding: 25px 30px;
width: calc(80% - 1px);
border-radius: 0px 0px 5px 5px;
background: var(--color-white2);
margin: 0px 0px 0px auto;
right: -35px;
}
.our-team.v2 .team-card .team-card-text h5 ~ p {
margin-top: 10px;
} .testimonial.v1 .slider,
.testimonial.v2 .slider {
padding-bottom: 0;
}
.testimonial.v1 .testimonial-card,
.testimonial.v2 .testimonial-card {
position: relative;
z-index: 1;
}
.testimonial.v1 .testimonial-card .test-icon,
.testimonial.v2 .testimonial-card .test-icon {
position: absolute;
}
.testimonial.v1 .testimonial-card h5,
.testimonial.v2 .testimonial-card h5 {
font-weight: 700;
}
.testimonial.v1 .testimonial-card h6,
.testimonial.v2 .testimonial-card h6 {
font-weight: 500;
color: var(--color-green);
}
.testimonial.v1 .testimonial-card .star-mark ~ h5,
.testimonial.v1 .testimonial-card h6 ~ p,
.testimonial.v2 .testimonial-card .star-mark ~ h5,
.testimonial.v2 .testimonial-card h6 ~ p {
margin-top: 20px;
}
.testimonial.v1 .testimonial-card h5 ~ h6,
.testimonial.v2 .testimonial-card h5 ~ h6 {
margin-top: 5px;
}
.testimonial.v1 .testimonial-card .profile-img,
.testimonial.v2 .testimonial-card .profile-img {
position: absolute;
-webkit-box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
overflow: hidden;
}
.testimonial.v1 .testimonial-card .profile-img img,
.testimonial.v2 .testimonial-card .profile-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.testimonial.v1 .testimonial-card {
padding: 60px 30px 70px 30px;
text-align: center;
border-radius: 50px 50px 0px 50px;
margin: 30px 0px 40px 0px;
background: var(--color-white2);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.testimonial.v1 .testimonial-card .test-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 45%;
z-index: -1;
opacity: 0.08;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.testimonial.v1 .testimonial-card .test-icon {
top: -30px;
left: 50%;
width: 60px;
height: 60px;
font-size: 32px;
text-align: center;
color: var(--color-white);
line-height: 60px;
border-radius: 100px;
border: 2px solid var(--color-white);
background: var(--color-green);
-webkit-box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial.v1 .testimonial-card h5,
.testimonial.v1 .testimonial-card h6,
.testimonial.v1 .testimonial-card p {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.testimonial.v1 .testimonial-card:hover,
.testimonial.v1 .testimonial-card.swiper-slide-active {
background-color: var(--color-black);
}
.testimonial.v1 .testimonial-card:hover h5,
.testimonial.v1 .testimonial-card:hover h6,
.testimonial.v1 .testimonial-card:hover p,
.testimonial.v1 .testimonial-card.swiper-slide-active h5,
.testimonial.v1 .testimonial-card.swiper-slide-active h6,
.testimonial.v1 .testimonial-card.swiper-slide-active p {
color: var(--color-white);
}
.testimonial.v1 .testimonial-card .profile-img {
left: 50%;
bottom: -40px;
width: 80px;
height: 80px;
border-radius: 100px;
border: 5px solid var(--color-white);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial.v1 .testimonial-card .star-mark {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.testimonial.v2 {
position: relative;
z-index: 1;
}
.testimonial.v2::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
opacity: 0.9;
top: 0;
left: 0;
background: var(--color-black);
z-index: -1;
}
.testimonial.v2 .testimonial-card {
padding: 60px 30px 30px 30px;
border-radius: 10px;
margin: 35px 0px 40px 0px;
background: var(--color-white);
}
.testimonial.v2 .testimonial-card p {
position: relative;
padding-right: 100px;
}
.testimonial.v2 .testimonial-card p::before {
position: absolute;
right: 0;
bottom: 0;
font-family: "icomoon";
content: "\e930";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 48px;
color: var(--color-green);
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.testimonial.v2 .testimonial-card .profile-img {
top: -35px;
right: 40px;
width: 100px;
height: 100px;
border-radius: 5px;
}
.testimonial.v2 .prev-btn,
.testimonial.v2 .next-btn {
width: 48px;
height: 48px;
font-size: 24px;
color: var(--color-white);
border-radius: 5px;
background: var(--color-black2);
z-index: 1;
}
.testimonial.v2 .prev-btn:hover,
.testimonial.v2 .next-btn:hover {
color: var(--color-white);
background: var(--color-green);
}
.testimonial.v2 .prev-btn ~ .next-btn {
margin-left: 24px;
} .client-logo.v1 {
position: relative;
z-index: 1;
}
.client-logo.v1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.8;
background: var(--color-green);
z-index: -1;
}
.client-logo.v1 .main-logo {
text-align: center;
}
.client-logo.v1 .main-logo img {
max-width: 160px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.client-logo.v1 .slider {
padding-bottom: 0;
} .massage-form.v1 .form-img {
position: relative;
}
.massage-form.v1 .form-img .play-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.massage-form.v1 .form-img img {
width: 100%;
}
.massage-form.v1 .right-bottom-shap {
background-repeat: no-repeat;
background-position: bottom right;
background-size: 45%;
}
.massage-form.v1 .main-form-massage {
margin-top: 30px;
position: relative;
z-index: 1;
}
.massage-form.v1 .main-form-massage .section-title ~ .message-form {
margin-top: 30px;
} .our-blogs.v1 .row > div:nth-last-child(1) .blog-card,
.our-blogs.v2 .row > div:nth-last-child(1) .blog-card {
margin-bottom: 0px;
}
.our-blogs.v1 .blog-card,
.our-blogs.v2 .blog-card {
margin-bottom: 30px;
}
.our-blogs.v1 .blog-card .blog-card-img,
.our-blogs.v2 .blog-card .blog-card-img {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.our-blogs.v1 .blog-card .blog-card-img .tag,
.our-blogs.v2 .blog-card .blog-card-img .tag {
position: absolute;
color: var(--color-white);
font-size: 14px;
line-height: 14px;
font-weight: 500;
text-transform: uppercase;
border-radius: 5px;
padding: 10px 15px;
background: var(--color-green);
z-index: 1;
}
.our-blogs.v1 .blog-card .blog-card-img img,
.our-blogs.v2 .blog-card .blog-card-img img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-blogs.v1 .blog-card:hover .blog-card-img img,
.our-blogs.v2 .blog-card:hover .blog-card-img img {
-webkit-transform: rotate(1.05deg) scale(1.1);
transform: rotate(1.05deg) scale(1.1);
}
.our-blogs.v1 .blog-card {
padding: 10px;
border: 1px solid var(--color-border);
border-radius: 5px;
background: var(--color-white);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-blogs.v1 .blog-card .blog-card-img .tag {
left: 18px;
bottom: 18px;
}
.our-blogs.v1 .blog-card .blog-card-text {
position: relative;
padding: 35px 10px;
z-index: 1;
}
.our-blogs.v1 .blog-card .blog-card-text .card-shap {
position: absolute;
width: 100%;
height: 100%;
right: -10px;
bottom: -10px;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 40%;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.our-blogs.v1 .blog-card .blog-card-text h4 {
font-weight: 700;
}
.our-blogs.v1 .blog-card .blog-card-text h4 ~ p {
margin-top: 20px;
}
.our-blogs.v1 .blog-card .blog-card-text p ~ .profile {
margin-top: 25px;
}
.our-blogs.v1 .blog-card .blog-card-text .profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.our-blogs.v1 .blog-card .blog-card-text .profile .profile-img {
width: 50px;
height: 50px;
border-radius: 100px;
overflow: hidden;
border: 4px solid var(--color-white);
-webkit-box-shadow: 0px 2px 6px -1px rgba(19, 16, 34, 0.2);
box-shadow: 0px 2px 6px -1px rgba(19, 16, 34, 0.2);
}
.our-blogs.v1 .blog-card .blog-card-text .profile .profile-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.our-blogs.v1 .blog-card .blog-card-text .profile .profile-info h6 {
font-weight: 700;
}
.our-blogs.v1 .blog-card .blog-card-text .profile .profile-info h6 ~ p {
margin-top: -1px;
}
.our-blogs.v1 .blog-card:hover {
-webkit-box-shadow: 0px 5px 40px -30px rgba(19, 16, 34, 0.6);
box-shadow: 0px 5px 40px -30px rgba(19, 16, 34, 0.6);
}
.our-blogs.v1 .blog-card:hover .blog-card-text .card-shap {
opacity: 1;
}
.our-blogs.v2 .blog-card .blog-card-img .tag {
top: 18px;
right: 18px;
}
.our-blogs.v2 .blog-card .blog-card-text {
padding: 0px 15px;
}
.our-blogs.v2 .blog-card .blog-card-text ul,
.our-blogs.v2 .blog-card .blog-card-text .comment-text,
.our-blogs.v2 .blog-card .blog-card-text .user-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.our-blogs.v2 .blog-card .blog-card-text ul {
position: relative;
gap: 20px;
padding: 45px 0px 25px 0px;
}
.our-blogs.v2 .blog-card .blog-card-text .date-text {
position: absolute;
width: 80px;
top: -60px;
left: 0;
padding: 15px;
border-radius: 5px;
background: var(--color-yellow);
}
.our-blogs.v2 .blog-card .blog-card-text .date-text p {
color: var(--color-black);
font-size: 16px;
font-weight: 500;
text-align: center;
}
.our-blogs.v2 .blog-card .blog-card-text .date-text p span {
display: block;
font-size: 20px;
font-weight: 700;
}
.our-blogs.v2 .blog-card .blog-card-text .comment-text,
.our-blogs.v2 .blog-card .blog-card-text .user-text {
gap: 5px;
}
.our-blogs.v2 .blog-card .blog-card-text .comment-text .my-icon,
.our-blogs.v2 .blog-card .blog-card-text .user-text .my-icon {
font-size: 12px;
color: var(--color-green);
}
.our-blogs.v2 .blog-card .blog-card-text h4 {
font-weight: 700;
}
.our-blogs.v2 .blog-card .blog-card-text h4 ~ p {
margin-top: 20px;
}
.our-blogs.v2 .blog-card .blog-card-text p ~ a,
.our-blogs.v2 .blog-card .blog-card-text h4 ~ a {
margin-top: 25px;
} .service-details.v1 .service-sidebar .service-links-list ~ .need-help {
margin-top: 60px;
}
.service-details.v1 .service-links-list {
border-radius: 5px;
background: var(--color-white);
-webkit-box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.1);
}
.service-details.v1 .service-links-list h5 {
padding: 20px;
font-weight: 700;
border-radius: 5px 5px 0px 0px;
background: var(--color-white3);
}
.service-details.v1 .service-links-list li ~ li {
border-top: 1px solid var(--color-border);
}
.service-details.v1 .service-links-list li a {
position: relative;
padding: 20px 40px 20px 20px;
display: block;
font-weight: 700;
color: var(--color-gBlack);
}
.service-details.v1 .service-links-list li a::before {
position: absolute;
content: "\e902";
top: 25px;
right: 20px;
font-family: "icomoon";
font-size: calc(100% - 4px);
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.service-details.v1 .service-links-list li a:hover {
color: var(--color-white);
background: var(--color-green);
}
.service-details.v1 .need-help {
position: relative;
z-index: 1;
width: 100%;
min-height: 420px;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.service-details.v1 .need-help::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.8;
border-radius: 5px;
background: var(--color-black);
z-index: -1;
}
.service-details.v1 .need-help .profile-numbber {
padding: 30px 18%;
text-align: center;
}
.service-details.v1 .need-help .profile-numbber .my-icon {
width: 55px;
height: 55px;
color: var(--color-green);
font-size: 24px;
line-height: 55px;
border-radius: 100px;
background: var(--color-white);
margin: 0 auto;
}
.service-details.v1 .need-help .profile-numbber .my-icon ~ .text-content {
margin-top: 15px;
}
.service-details.v1 .need-help .profile-numbber .text-content h6,
.service-details.v1 .need-help .profile-numbber .text-content h4,
.service-details.v1 .need-help .profile-numbber .text-content a,
.service-details.v1 .need-help .profile-numbber .text-content p {
color: var(--color-white);
}
.service-details.v1 .need-help .profile-numbber .text-content a:hover {
color: var(--color-green);
}
.service-details.v1 .need-help .profile-numbber .text-content h4 {
font-weight: 700;
}
.service-details.v1 .need-help .profile-numbber .text-content h4 ~ p {
margin-top: 20px;
}
.service-details.v1 .service-content {
margin-top: 40px;
}
.service-details.v1 .service-content h2,
.service-details.v1 .service-content h4,
.service-details.v1 .service-content h5 {
font-weight: 700;
}
.service-details.v1 .service-content h2 ~ p {
margin-top: 20px;
}
.service-details.v1 .service-content p ~ .serv-box-img-text,
.service-details.v1 .service-content .serv-box-img-text ~ .our-features,
.service-details.v1 .service-content .our-features ~ .key-service,
.service-details.v1 .service-content .key-service ~ .para-text {
margin-top: 40px;
}
.service-details.v1 .serv-box-img-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.service-details.v1 .serv-box-img-text .box-img img {
width: 100%;
}
.service-details.v1 .serv-box-img-text .box-text h5 ~ ul {
margin-top: 20px;
}
.service-details.v1 .our-features h4 ~ ul {
margin-top: 20px;
}
.service-details.v1 .our-features ul,
.service-details.v1 .our-features li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.service-details.v1 .our-features ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.service-details.v1 .our-features li {
gap: 20px;
}
.service-details.v1 .our-features li .my-icon {
font-size: 40px;
color: var(--color-green);
}
.service-details.v1 .our-features li .text-content h5 ~ p {
margin-top: 16px;
}
.service-details.v1 .key-service h4 ~ ul {
margin-top: 30px;
}
.service-details.v1 .para-text h2 ~ p {
margin-top: 20px;
}
.service-details.v1 .para-text p ~ P {
margin-top: 20px;
}
.service-details.v1 .para-text ~ .faq-accordion {
margin-top: 30px;
}
.service-details.v1 .faq-accordion li {
padding: 20px 30px;
border: 1px solid var(--color-border);
border-radius: 5px;
}
.service-details.v1 .faq-accordion li ~ li {
margin-top: 30px;
}
.service-details.v1 .faq-accordion li button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
width: 100%;
text-align: inherit;
padding: 0px;
font-weight: 700;
font-size: 18px;
line-height: 25px;
color: var(--color-green);
background: var(--color-tr);
-webkit-box-shadow: 0px 4px 243px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 243px -6px rgba(19, 16, 34, 0.1);
}
.service-details.v1 .faq-accordion li button span {
width: 30px;
min-width: 30px;
height: 30px;
text-align: center;
line-height: 32px;
border-radius: 50px;
color: var(--color-white);
background: var(--color-green);
}
.service-details.v1 .faq-accordion li button span::before {
font-family: "icomoon";
content: "\e929";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.service-details.v1 .faq-accordion li button.collapsed {
color: var(--color-black);
}
.service-details.v1 .faq-accordion li button.collapsed span::before {
content: "\e92f";
}
.service-details.v1 .faq-accordion li .faq-content-body {
padding-top: 20px;
} .projects-details.v1 .projects-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 25px;
}
.projects-details.v1 .projects-social a {
display: inline-block;
width: 45px;
height: 45px;
font-size: 20px;
color: var(--color-green);
text-align: center;
line-height: 45px;
border-radius: 50px;
background: var(--color-white2);
}
.projects-details.v1 .projects-social a:hover {
color: var(--color-white);
background: var(--color-green);
}
.projects-details.v1 .section-title ~ .main-content,
.projects-details.v1 .section-title-center ~ .main-content {
margin-top: 50px;
}
.projects-details.v1 .main-content .projects-info img {
width: 100%;
border-radius: 10px;
}
.projects-details.v1 .main-content .projects-info .info-list {
position: relative;
padding: 35px 0px;
margin: 40px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: var(--color-white);
border-radius: 10px;
-webkit-box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
z-index: 1;
}
.projects-details.v1 .main-content .projects-info .info-list li {
padding-left: 40px;
width: 100%;
}
.projects-details.v1 .main-content .projects-info .info-list li p ~ h5 {
margin-top: 10px;
}
.projects-details.v1 .main-content .projects-info .info-list li h5 {
font-weight: 700;
}
.projects-details.v1 .main-content .projects-info ~ .row {
margin-top: 60px;
}
.projects-details.v1 .main-content p ~ h6,
.projects-details.v1 .main-content h6 ~ p,
.projects-details.v1 .main-content p ~ ul {
margin-top: 30px;
}
.projects-details.v1 .main-content h4,
.projects-details.v1 .main-content h5,
.projects-details.v1 .main-content h6 {
font-weight: 700;
}
.projects-details.v1 .main-content .prev-next-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
padding: 30px 0px;
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
margin-top: 60px;
}
.projects-details.v1 .main-content .prev-next-btns a {
font-size: 18px;
font-weight: 700;
}
.projects-details.v1 .main-content .prev-next-btns a .my-icon {
display: inline-block;
width: 40px;
height: 40px;
font-size: 16px;
text-align: center;
line-height: 40px;
color: var(--color-green);
border-radius: 100px;
background: var(--color-white2);
}
.projects-details.v1 .main-content .prev-next-btns a .my-icon ~ .text,
.projects-details.v1 .main-content .prev-next-btns a .text ~ .my-icon {
margin-left: 20px;
} .contact-us.v1,
.contact-us.v2,
.contact-us.v3 {
background: var(--color-white2);
}
.contact-us.v1 form .response.error,
.contact-us.v1 form .response.success,
.contact-us.v2 form .response.error,
.contact-us.v2 form .response.success,
.contact-us.v3 form .response.error,
.contact-us.v3 form .response.success {
padding: 20px;
border-radius: 5px;
background: var(--color-white);
}
.contact-us.v1 form .response.error,
.contact-us.v2 form .response.error,
.contact-us.v3 form .response.error {
color: #ef4444;
}
.contact-us.v1 form .response.success,
.contact-us.v2 form .response.success,
.contact-us.v3 form .response.success {
color: #22c55e;
}
.contact-us.v1 .contact-info {
margin-top: 50px;
}
.contact-us.v1 .contact-info h4 {
font-weight: 500;
}
.contact-us.v1 .contact-info h4 ~ .contact-list {
margin-top: 25px;
}
.contact-us.v1 .contact-info .contact-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-us.v1 .contact-info .contact-list,
.contact-us.v1 .contact-info .contact-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.contact-us.v1 .contact-info .contact-list .my-icon {
font-size: 30px;
color: var(--color-green);
}
.contact-us.v1 .contact-info .contact-list .text h5 {
font-weight: 700;
}
.contact-us.v1 .contact-info .contact-list .text h5 ~ p {
margin-top: 3px;
}
.contact-us.v1 .contact-info .contact-list ~ .contact-map {
margin-top: 40px;
}
.contact-us.v1 .contact-info .contact-map iframe {
width: 100%;
min-height: 210px;
border-radius: 10px;
}
.contact-us.v2 .contact-info .section-title ~ .need-help {
margin-top: 20px;
}
.contact-us.v2 .contact-info .need-help {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
.contact-us.v2 .contact-info .need-help .my-icon {
position: relative;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: var(--color-green);
z-index: 1;
margin-top: 6px;
}
.contact-us.v2 .contact-info .need-help .my-icon::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.1;
border-radius: 100px;
background: var(--color-green);
z-index: -1;
}
.contact-us.v2 .contact-info .need-help .text h6 {
font-size: 16px;
font-weight: 500;
color: var(--color-gBlack);
}
.contact-us.v2 .contact-info .need-help .text h5 {
font-weight: 700;
}
.contact-us.v2 .contact-info .need-help .text h5 ~ p {
margin-top: 20px;
}
.contact-us.v3 .section-title-center ~ .message-form.v3,
.contact-us.v3 .section-title ~ .message-form.v3 {
margin-top: 50px;
} .faq-info.v1 .section-title ~ .accordion,
.faq-info.v1 .section-title-center ~ .accordion {
margin-top: 50px;
}
.faq-info.v1 .accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.faq-info.v1 .accordion li {
width: 100%;
}
.faq-info.v1 .accordion .faq-btn {
position: relative;
width: 100%;
padding: 25px 30px 25px 50px;
font-weight: 700;
font-size: 18px;
text-align: inherit;
border: 1px solid var(--color-border);
border-radius: 5px;
background: var(--color-white);
}
.faq-info.v1 .accordion .faq-btn::before {
position: absolute;
content: "@";
top: 22px;
left: 20px;
font-size: 20px;
color: var(--color-green);
}
.faq-info.v1 .accordion .faq-content-body {
padding: 30px 18px;
} .map-info.v1 {
position: relative;
z-index: 1;
}
.map-info.v1 .contact-map iframe {
width: 100%;
min-height: 600px;
border-radius: 10px;
}
.map-info.v1 .contact-info,
.map-info.v1 li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.map-info.v1 .contact-info {
margin-top: 50px;
gap: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.map-info.v1 .contact-info li {
width: 100%;
padding: 35px 45px;
border: 1px solid var(--color-border);
border-radius: 5px;
background: var(--color-white);
gap: 20px;
}
.map-info.v1 .contact-info li .my-icon {
width: 50px;
height: 50px;
border-radius: 5px;
color: var(--color-white);
font-size: 30px;
line-height: 50px;
text-align: center;
background: var(--color-green);
}
.map-info.v1 .contact-info li .text h4 {
font-weight: 700;
} .blog-post.v1 .blog-post-card {
border-radius: 10px;
-webkit-box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px -6px rgba(19, 16, 34, 0.1);
}
.blog-post.v1 .blog-post-card.video-box .post-img,
.blog-details.v1 .post-details .slider .post-img {
position: relative;
}
.blog-post.v1 .blog-post-card.video-box .post-img::before,
.blog-details.v1 .post-details .slider .post-img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
opacity: 0.3;
background: var(--color-black);
z-index: 1;
}
.blog-post.v1 .blog-post-card.post-slider {
position: relative;
overflow: hidden;
}
.blog-post.v1 .blog-post-card.post-slider .slider,
.blog-details.v1 .post-details .slider {
padding-bottom: 0;
}
.blog-post.v1 .blog-post-card.post-slider .slider .post-img {
border-radius: 0;
}
.blog-post.v1 .blog-post-card.post-slider .prev-btn,
.blog-post.v1 .blog-post-card.post-slider .next-btn,
.blog-details.v1 .post-details .slider .prev-btn,
.blog-details.v1 .post-details .slider .next-btn {
position: absolute;
width: 50px;
height: 50px;
font-size: 18px;
color: var(--color-white);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 45px;
background: var(--color-green);
z-index: 1;
}
.blog-post.v1 .blog-post-card.post-slider .prev-btn,
.blog-details.v1 .post-details .slider .prev-btn {
left: 0;
border-radius: 0px 5px 5px 0px;
}
.blog-post.v1 .blog-post-card.post-slider .next-btn,
.blog-details.v1 .post-details .slider .next-btn {
right: 0;
border-radius: 5px 0px 0px 5px;
}
.blog-post.v1 .blog-post-card .post-img {
border-radius: 10px 10px 0px 0px;
overflow: hidden;
}
.blog-post.v1 .blog-post-card .post-img img,
.blog-details.v1 .post-details .slider .post-img img{
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.blog-post.v1 .blog-post-card .post-img iframe {
width: 100%;
}
.blog-post.v1 .blog-post-card .post-img .play-btn,
.blog-details.v1 .blog-img .play-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.blog-post.v1 .blog-post-card .post-body {
position: relative;
padding: 30px 20px 0px 30px;
}
.blog-post.v1 .blog-post-card .post-body .day-box {
font-size: 18px;
font-weight: 700;
color: var(--color-green);
}
.blog-post.v1 .blog-post-card .post-body .day-box ~ .post-title {
margin-top: 15px;
}
.blog-post.v1 .blog-post-card .post-body .post-title {
position: relative;
font-weight: 700;
padding-bottom: 30px;
}
.blog-post.v1 .blog-post-card .post-body .post-title::before,
.blog-post.v1 .blog-post-card .post-body .post-title::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 5px;
}
.blog-post.v1 .blog-post-card .post-body .post-title::before {
width: 100%;
background: var(--color-border);
}
.blog-post.v1 .blog-post-card .post-body .post-title::after {
width: 20%;
background: var(--color-green);
}
.blog-post.v1 .blog-post-card .post-body p {
padding: 35px 0px;
border-bottom: 1px solid var(--color-border);
}
.blog-post.v1 .blog-post-card .post-footer,
.blog-post.v1 .blog-post-card .post-footer ul,
.blog-post.v1 .blog-post-card .post-footer li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-post.v1 .blog-post-card .post-footer {
padding: 30px;
gap: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-post.v1 .blog-post-card .post-footer ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.blog-post.v1 .blog-post-card .post-footer ul li {
gap: 5px;
}
.blog-post.v1 .blog-post-card .post-footer ul li ~ li {
padding-left: 10px;
border-left: 1px solid var(--color-border);
}
.blog-post.v1 .blog-post-card .post-footer .my-icon {
color: var(--color-green);
}
.blog-post.v1 .blog-post-card .post-footer p a {
color: var(--color-gBlack);
}
.blog-post.v1 .blog-post-card .post-footer p a:hover {
color: var(--color-green);
}
.blog-post.v1 .blog-post-card:hover img {
-webkit-transform: rotate(1.05deg) scale(1.1);
transform: rotate(1.05deg) scale(1.1);
}
.blog-post.v1 .blog-post-card ~ .blog-post-card,
.blog-post.v1 .blog-post-card ~ .pegination {
margin-top: 60px;
}
.blog-post.v1 .pegination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
.blog-post.v1 .pegination li a,
.blog-post.v1 .pegination li .page-numbers {
display: inline-block;
padding: 8px 15px;
font-size: 16px;
font-weight: 500;
color: var(--color-black);
border: 1px solid var(--color-border);
border-radius: 5px;
}
.blog-post.v1 .pegination li a:hover,
.blog-post.v1 .pegination li .page-numbers:hover {
color: var(--color-white);
background: var(--color-green);
}
.blog-post.v1 .pegination li .page-numbers {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.blog-post.v1 .pegination li.active a,
.blog-post.v1 .pegination li .current {
color: var(--color-white);
background: var(--color-green);
} .blog-details.v1 .blog-img a {
position: relative;
}
.blog-details.v1 .blog-img img {
width: 100%;
}
.blog-details.v1 .post-info ul,
.blog-details.v1 .post-info ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-details.v1 .post-info ul {
padding: 25px 0px;
gap: 40px;
}
.blog-details.v1 .post-info ul li {
gap: 8px;
}
.blog-details.v1 .post-info ul .my-icon {
color: var(--color-green);
}
.blog-details.v1 .main-text h2,
.blog-details.v1 .main-text h4 {
font-weight: 700;
}
.blog-details.v1 .main-text h2 {
font-size: 38px;
line-height: 48px;
}
.blog-details.v1 .main-text h2 ~ p {
margin-top: 20px;
}
.blog-details.v1 .main-text p ~ h4,
.blog-details.v1 .main-text h4 ~ .article-text {
margin-top: 30px;
}
.blog-details.v1 .main-text .article-text {
position: relative;
padding: 80px 30px 35px 30px;
border-left: 5px solid var(--color-green);
background: var(--color-white2);
}
.blog-details.v1 .main-text .article-text::before {
position: absolute;
content: "\e930";
top: 20px;
left: 20px;
font-size: 45px;
font-family: "icomoon";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--color-green);
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.blog-details.v1 .main-text .article-text p ~ h6 {
margin-top: 20px;
}
.blog-details.v1 .main-text .article-text h6 {
display: inline-block;
padding-top: 15px;
font-weight: 700;
border-top: 2px solid var(--color-green);
}
.blog-details.v1 .post-details ~ .post-tag-social {
margin-top: 30px;
}
.blog-details.v1 .post-tag-social {
padding-top: 10px;
border-top: 1px solid var(--color-border);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.blog-details.v1 .post-tag-social,
.blog-details.v1 .post-tag-social .post-tags,
.blog-details.v1 .post-tag-social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-details.v1 .post-tag-social h4 {
font-weight: 700;
}
.blog-details.v1 .post-tag-social .post-tags {
gap: 10px;
}
.blog-details.v1 .post-tag-social .post-tags ul {
gap: 20px;
}
.blog-details.v1 .post-tag-social .post-tags a {
display: inline-block;
padding: 5px 20px;
border-radius: 5px;
color: var(--color-white);
background: var(--color-green);
}
.blog-details.v1 .post-tag-social .social-link ul {
gap: 10px;
}
.blog-details.v1 .post-tag-social .social-link a {
display: inline-block;
width: 45px;
height: 45px;
font-size: 20px;
color: var(--color-green);
text-align: center;
line-height: 45px;
border-radius: 50px;
background: var(--color-white2);
}
.blog-details.v1 .post-tag-social .social-link a:hover {
color: var(--color-white);
background: var(--color-green);
}
.blog-details.v1 .post-tag-social ~ .next-preve-post {
margin-top: 30px;
}
.blog-details.v1 .next-preve-post {
padding: 30px;
border-radius: 5px;
background: var(--color-white2);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-details.v1 .next-preve-post,
.blog-details.v1 .next-preve-post .prev-post,
.blog-details.v1 .next-preve-post .next-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.blog-details.v1 .next-preve-post .prev-post > a,
.blog-details.v1 .next-preve-post .next-post > a {
width: 50px;
height: 50px;
color: var(--color-tr);
font-size: 20px;
line-height: 50px;
text-align: center;
background: var(--color-yellow);
overflow: hidden;
font-family: "icomoon";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.blog-details.v1 .next-preve-post .prev-post > a:hover,
.blog-details.v1 .next-preve-post .next-post > a:hover {
background: var(--color-green);
}
.blog-details.v1 .next-preve-post .prev-post > a::before,
.blog-details.v1 .next-preve-post .next-post > a::before {
display: block;
line-height: 48px;
width: 50px;
height: 50px;
color: var(--color-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.blog-details.v1 .next-preve-post .prev-post > a:hover::before,
.blog-details.v1 .next-preve-post .next-post > a:hover::before {
color: var(--color-white);
}
.blog-details.v1 .next-preve-post .prev-post > a::before {
content: "\e905";
}
.blog-details.v1 .next-preve-post .next-post > a::before {
content: "\e906";
}
.blog-details.v1 .next-preve-post .prev-post > .text-icon,
.blog-details.v1 .next-preve-post .next-post > .text-icon {
width: calc(100% - 70px);
}
.blog-details.v1 .next-preve-post .next-post {
text-align: right;
}
.blog-details.v1 .next-preve-post .prev-post,
.blog-details.v1 .next-preve-post .next-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.blog-details.v1 .next-preve-post .prev-post .text-icon > span,
.blog-details.v1 .next-preve-post .next-post .text-icon > span {
display: block;
}
.blog-details.v1 .next-preve-post .prev-post .text-icon > a,
.blog-details.v1 .next-preve-post .next-post .text-icon > a {
font-size: 18px;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.blog-details.v1 .next-preve-post ~ .post-comments,
.blog-details.v1 .post-tag-social ~ .post-comments
{
margin-top: 50px;
}
.blog-details.v1 .post-comments .comment-reply-title {
font-size: 24px;
line-height: 36px;
font-weight: 700;
}
.blog-details.v1 .post-comments .comment-reply-title ~ .comment-form {
margin-top: 10px;
}
.blog-details.v1 .all-comments h4 ~ ul {
margin-top: 25px;
}
.blog-details.v1 .all-comments li ~ li {
margin-top: 35px;
}
.blog-details.v1 .all-comments li ul {
margin: 30px 0px 0px calc(9% + 15px);
}
.blog-details.v1 .all-comments .comment-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-details.v1 .all-comments .comment-wrapper .profile-img {
width: 60px;
height: 60px;
min-width: 60px;
overflow: hidden;
border-radius: 100px;
}
.blog-details.v1 .all-comments .comment-wrapper .profile-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blog-details.v1 .all-comments .comment-wrapper .profile-text {
width: calc(100% - 90px);
}
.blog-details.v1 .all-comments .comment-wrapper h5 {
font-weight: 700;
margin-left: 3px;
}
.blog-details.v1 .all-comments .comment-wrapper h5 ~ .content {
margin-top: 5px;
}
.blog-details.v1 .all-comments .comment-wrapper .content {
position: relative;
padding: 40px 30px;
margin-left: 5px;
background: var(--color-white2);
}
.blog-details.v1 .all-comments .comment-respond {
padding: 15px;
border-radius: 10px;
-webkit-box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
box-shadow: 0px 4px 24px rgba(19, 16, 34, 0.1);
background: var(--color-white);
z-index: 1;
}
.blog-details.v1 .all-comments .comment-respond .comment-reply-title {
font-size: 24px;
line-height: 36px;
font-weight: 700;
}
.blog-details.v1 .all-comments .comment-wrapper .content::before {
position: absolute;
content: "";
width: 25px;
height: 19px;
left: -25px;
top: 0;
border-bottom: 19px solid var(--color-tr);
border-right: 25px solid var(--color-white2);
background: var(--color-tr);
}
.blog-details.v1 .all-comments .comment-wrapper .content ~ .reply-btn,
.blog-details.v1 .all-comments li ~ .comment-respond {
margin-top: 20px;
}
.blog-details.v1 .all-comments .comment-wrapper .reply-btn {
padding: 0;
color: var(--color-green);
font-weight: 700;
font-size: 18px;
background: var(--color-tr);
}
.blog-details.v1 .all-comments .comment-wrapper .reply-btn .my-icon {
display: inline-block;
font-size: 16px;
margin-right: 13px;
}
.blog-details.v1 .all-comments ~ .comments-form {
margin-top: 50px;
}
.blog-details.v1 .comments-form h4 {
font-weight: 700;
}
.blog-details.v1 .comments-form h4 ~ .comment-form {
margin-top: 10px;
}
.blog-details.v1 .comments-form .comment-form .check-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.blog-details.v1 .comments-form .comment-form .check-box input {
padding: 0;
width: 14px;
height: 14px;
min-width: 14px;
border-radius: 1px;
border: 1px solid var(--color-border);
margin-top: 2px;
}
.blog-details.v1 .comments-form .comment-form .check-box input:checked {
background-color: var(--color-green);
border-color: var(--color-green);
}
.blog-details.v1 .comments-form .comment-form .check-box input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-details.v1 .comments-form .comment-form .check-box label {
width: calc(100% - 20px);
color: var(--color-gBlack);
font-size: 16px;
line-height: 26px;
margin-top: -5px;
}
.blog-details.v1 .comments-form .comment-form .comment-notes ~ .group-input,
.blog-details.v1 .all-comments .comment-respond .comment-notes ~ .group-input {
margin-top: 30px;
}
.blog-details.v1 .comments-form .comment-form .group-input,
.blog-details.v1 .all-comments .comment-respond .group-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.blog-details.v1 .comments-form .comment-form .group-input input,
.blog-details.v1 .all-comments .comment-respond .group-input input {
width: 100%;
height: 70px;
border: 1px solid var(--color-border);
border-radius: 5px;
font-size: 16px;
line-height: 26px;
}
.blog-details.v1 .comments-form .comment-form .group-input ~ textarea,
.blog-details.v1 .all-comments .comment-respond .group-input ~ textarea {
margin-top: 30px;
}
.blog-details.v1 .comments-form .comment-form textarea,
.blog-details.v1 .all-comments .comment-respond textarea {
width: 100%;
height: 140px;
padding: 15px 20px;
border: 1px solid var(--color-border);
border-radius: 5px;
font-size: 16px;
line-height: 26px;
}
.blog-details.v1 .comments-form .comment-form textarea ~ .form-submit,
.blog-details.v1 .all-comments .comment-respond textarea ~ .form-submit {
margin-top: 30px;
} .info-footer.v1,
.info-footer.v2 {
padding-top: 50px;
}
.info-footer.v1 .footer__widget,
.info-footer.v2 .footer__widget {
margin-top: 50px;
}
.info-footer.v1 .footer__widget .footer__widget-title ~ div,
.info-footer.v1 .footer__widget .footer__widget-content ~ .footer__widget-content,
.info-footer.v2 .footer__widget .footer__widget-title ~ div
{
margin-top: 35px;
}
.info-footer.v1 .footer__widget h4,
.info-footer.v1 .footer__widget h5,
.info-footer.v1 .footer__widget h6,
.info-footer.v1 .footer__widget p,
.info-footer.v2 .footer__widget h4,
.info-footer.v2 .footer__widget h5,
.info-footer.v2 .footer__widget h6,
.info-footer.v2 .footer__widget p,
.footer__widget .wp-block-group .wp-block-heading {
font-size: 20px;
line-height: 30px;
color: var(--color-white);
}
.info-footer.v1 .footer__widget h4,
.info-footer.v1 .footer__widget h5,
.info-footer.v2 .footer__widget h4,
.info-footer.v2 .footer__widget h5,
.footer__widget .wp-block-group .wp-block-heading {
font-weight: 700;
}
.info-footer.v1 .footer__widget h4 ~ .subscriber,
.info-footer.v2 .footer__widget h4 ~ .subscriber,
.footer__widget .wp-block-heading ~ .wp-block-archives-list,
.footer__widget .wp-block-heading ~ .wp-block-categories {
margin-top: 35px;
}
.info-footer.v1 .footer__widget .recent-post li,
.info-footer.v2 .footer__widget .recent-post li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.info-footer.v1 .footer__widget .recent-post li ~ li,
.info-footer.v2 .footer__widget .recent-post li ~ li {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid var(--color-green);
}
.info-footer.v1 .footer__widget .recent-post .post-img img,
.info-footer.v2 .footer__widget .recent-post .post-img img {
width: 80px;
height: 85px;
border-radius: 5px;
}
.info-footer.v1 .footer__widget .recent-post .post-text,
.info-footer.v2 .footer__widget .recent-post .post-text {
width: calc(100% - 80px);
}
.info-footer.v1 .footer__widget .recent-post .post-text .post-time,
.info-footer.v2 .footer__widget .recent-post .post-text .post-time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 7px;
}
.info-footer.v1 .footer__widget .recent-post .post-text .post-time .my-icon,
.info-footer.v2 .footer__widget .recent-post .post-text .post-time .my-icon {
color: var(--color-green);
}
.info-footer.v1 .footer__widget .recent-post .post-text .post-time p,
.info-footer.v2 .footer__widget .recent-post .post-text .post-time p {
color: var(--color-white);
opacity: 0.8;
}
.info-footer.v1 .footer__widget .recent-post .post-text .post-time ~ h6,
.info-footer.v2 .footer__widget .recent-post .post-text .post-time ~ h6 {
margin-top: 8px;
}
.info-footer.v1 .footer__widget .recent-post .post-text h6,
.info-footer.v2 .footer__widget .recent-post .post-text h6 {
font-weight: 700;
color: var(--color-white);
}
.info-footer.v1 .footer__widget .recent-post .post-text h6 a,
.info-footer.v2 .footer__widget .recent-post .post-text h6 a {
color: var(--color-white);
}
.info-footer.v1 .footer__widget .recent-post .post-text h6 a:hover,
.info-footer.v2 .footer__widget .recent-post .post-text h6 a:hover {
color: var(--color-green);
}
.info-footer.v1 .footer__widget .recent-post ul ~ .read-more-link,
.info-footer.v2 .footer__widget .recent-post ul ~ .read-more-link {
margin-top: 30px;
}
.info-footer.v1 .footer__widget .recent-post .read-more-link,
.info-footer.v2 .footer__widget .recent-post .read-more-link {
color: var(--color-white);
}
.info-footer.v1 .footer__widget .recent-post .read-more-link:hover,
.info-footer.v2 .footer__widget .recent-post .read-more-link:hover {
color: var(--color-green);
}
.info-footer.v1 .footer__widget .footer__widget-content .my-icon,
.info-footer.v2 .footer__widget .footer__widget-content .my-icon {
color: var(--color-green);
}
.info-footer.v1 .footer__widget .footer__widget-content p,
.info-footer.v2 .footer__widget .footer__widget-content p {
color: var(--color-white);
}
.info-footer.v1 .footer__widget .footer__widget-content a,
.info-footer.v2 .footer__widget .footer__widget-content a {
color: var(--color-white);
font-size: 16px;
}
.info-footer.v1 .footer__widget .footer__widget-content a:hover,
.info-footer.v2 .footer__widget .footer__widget-content a:hover {
color: var(--color-green);
}
.info-footer.v1 .footer__widget .menu-category-menu-container .menu li ~ li,
.info-footer.v1 .footer__widget .more-servicve li ~ li,
.info-footer.v1 .footer__widget .wp-block-categories li ~ li,
.info-footer.v2 .footer__widget .our-link li ~ li,
.info-footer.v2 .footer__widget .more-servicve li ~ li {
margin-top: 20px;
}
.info-footer.v1 .footer__widget .more-servicve a,
.info-footer.v2 .footer__widget .more-servicve a {
position: relative;
padding-left: 30px;
color: var(--color-white);
}
.info-footer.v1 .footer__widget .more-servicve a::before,
.info-footer.v2 .footer__widget .more-servicve a::before {
position: absolute;
left: 0;
top: 5px;
speak: never;
font-size: 14px;
color: var(--color-green);
content: "\e90b";
font-family: "icomoon";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.info-footer.v1 .footer__widget .address-link li,
.info-footer.v2 .footer__widget .address-link li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
.info-footer.v1 .footer__widget .address-link li ~ li,
.info-footer.v2 .footer__widget .address-link li ~ li {
margin-top: 14px;
}
.info-footer.v1 .footer__widget .address-link li .my-icon,
.info-footer.v2 .footer__widget .address-link li .my-icon {
margin-top: 7px;
}
.info-footer.v1 .row > div:nth-child(1) .footer__widget,
.info-footer.v2 .row > div:nth-child(1) .footer__widget {
margin-top: 0;
}
.info-footer.v1 .main-footer,
.info-footer.v1 .main-footer .social-link ul,
.info-footer.v1 .main-footer .link-group ul,
.info-footer.v2 .main-footer,
.info-footer.v2 .main-footer .social-link ul,
.info-footer.v2 .main-footer .link-group ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-footer.v1 .main-footer,
.info-footer.v2 .main-footer {
gap: 30px;
padding: 30px 0px;
margin-top: 50px;
border-top: 1px solid var(--color-gBlack);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.info-footer.v1 .main-footer .social-link ul,
.info-footer.v2 .main-footer .social-link ul {
gap: 30px;
}
.info-footer.v1 .main-footer .social-link a,
.info-footer.v1 .main-footer p,
.info-footer.v1 .main-footer p a,
.info-footer.v1 .main-footer .link-group a,
.info-footer.v2 .main-footer .social-link a,
.info-footer.v2 .main-footer p,
.info-footer.v2 .main-footer p a,
.info-footer.v2 .main-footer .link-group a {
color: var(--color-white);
}
.info-footer.v1 .main-footer .social-link a:hover,
.info-footer.v1 .main-footer p a:hover,
.info-footer.v1 .main-footer .link-group a:hover,
.info-footer.v2 .main-footer .social-link a:hover,
.info-footer.v2 .main-footer p a:hover,
.info-footer.v2 .main-footer .link-group a:hover {
color: var(--color-green);
}
.info-footer.v1 .main-footer .link-group ul,
.info-footer.v2 .main-footer .link-group ul {
gap: 20px;
}
.info-footer.v1 {
position: relative;
z-index: 1;
}
.info-footer.v1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.9;
background: var(--color-black);
z-index: -1;
}
.info-footer.v1 .footer__widget .subscriber form input {
width: 100%;
color: var(--color-white);
background: var(--color-tr);
border: 1px solid var(--color-green);
border-radius: 5px;
}
.info-footer.v1 .footer__widget .subscriber form input ~ button {
margin-top: 30px;
}
.info-footer.v1 .footer__widget .subscriber form button {
text-transform: uppercase;
border-radius: 5px;
}
.info-footer.v1 .footer__widget .subscriber ~ .address-info {
margin-top: 50px;
}
.info-footer.v1 .footer__widget .address-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
.info-footer.v1 .footer__widget .address-info .icon-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.info-footer.v1 .footer__widget .address-info .icon-title .my-icon {
width: 30px;
height: 30px;
color: var(--color-white);
font-size: 14px;
text-align: center;
line-height: 30px;
border-radius: 100px;
background: var(--color-green);
}
.info-footer.v1 .footer__widget .address-info .icon-title ~ .text-info {
margin-top: 15px;
}
.info-footer.v1 .footer__widget .address-info .text-info li ~ li {
margin-top: 5px;
}
.info-footer.v1 .footer__widget .address-info p {
color: var(--color-white);
}
.info-footer.v1 .footer__widget .address-info p a {
color: var(--color-white);
}
.info-footer.v1 .footer__widget .address-info p a:hover {
color: var(--color-green);
}
.info-footer.v2 .logo-subscriber {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
border-bottom: 1px solid var(--color-gBlack);
padding-bottom: 50px;
margin-bottom: 50px;
}
.info-footer.v2 .logo-subscriber,
.info-footer.v2 .logo-subscriber .footer-subscrib,
.info-footer.v2 .logo-subscriber .icon-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-footer.v2 .logo-subscriber .footer-logo {
max-width: 160px;
}
.info-footer.v2 .logo-subscriber .footer-logo a {
display: block;
}
.info-footer.v2 .logo-subscriber .footer-logo a img {
width: 100%;
}
.info-footer.v2 .logo-subscriber .footer-subscrib {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
.info-footer.v2 .logo-subscriber .icon-text {
width: 250px;
font-size: 40px;
color: var(--color-white);
gap: 20px;
}
.info-footer.v2 .logo-subscriber .icon-text h5 {
color: var(--color-white);
font-weight: 700;
}
.info-footer.v2 .logo-subscriber .sent-email {
width: 100%;
}
.info-footer.v2 .logo-subscriber .sent-email input {
width: 100%;
height: 50px;
}
.info-footer.v2 .logo-subscriber .sent-email input ~ button {
margin-top: 30px;
}
.info-footer.v2 .logo-subscriber .sent-email button {
border-radius: 0px;
}
.info-footer.v2 .footer__widget .get-free-estimate .my-icon {
font-size: 40px;
color: var(--color-green);
}
.info-footer.v2 .footer__widget .get-free-estimate .phone-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.info-footer.v2 .footer__widget .get-free-estimate .phone-text .text p {
font-weight: 700;
}
.info-footer.v2 .footer__widget .get-free-estimate .phone-text .text h6 ~ p {
margin-top: 5px;
}
.info-footer.v2 .footer__widget .get-free-estimate .phone-text ~ P {
margin-top: 10px;
}
.info-footer.v2 .footer__widget .get-free-estimate p ~ a {
margin-top: 30px;
} .mejs-container {
margin-top: 30px;
}
.blog-img > iframe {
width:100%;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.gallery-caption {
font-size: 1.2rem;
}
.bypostauthor {
color: #777;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }