body {
font-family: var(--theme-font-1);
color: var(--body-color);
font-size: 18px;
line-height: 32px;
font-weight: 400;
}
img {
max-width: 100%;
height: auto;
transition: 0.4s;
}
a {
outline: none;
color: inherit;
text-decoration: none;
}
a,
button,
i {
text-decoration: none;
color: inherit;
}
a:focus,
a:hover {
text-decoration: none;
color: inherit;
}
.section-padding {
padding: 90px 0px;
}
.section-padding-two {
padding: 90px 0 90px 0;
}
.section-padding-three {
padding: 90px 0 120px 0;
}
@media (max-width: 575px) {
.section-padding {
padding: 90px 0px;
}
.section-padding-two {
padding: 90px 0 60px 0;
}
.section-padding-three {
padding: 60px 0 90px 0;
}
}
.display-none {
display: none;
}
.display-block {
display: block;
}
.img__full {
width: 100%;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
background: var(--primary-color-1);
border-color: transparent;
border-radius: 5px;
color: var(--text-white);
padding: 12px 30px;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: transparent;
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: transparent;
}
input[type=text],
input[type=file],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: var(--body-color);
border-radius: 6px;
width: 100%;
height: 60px;
background: var(--bg-white);
border: 1px solid var(--border-color-1);
padding: 0 15px;
}
input[type=text]::-moz-placeholder, input[type=file]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=range]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=color]::-moz-placeholder, textarea::-moz-placeholder {
color: var(--body-color);
}
input[type=text]::placeholder,
input[type=file]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder,
textarea::placeholder {
color: var(--body-color);
}
input[type=text]:focus,
input[type=file]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: var(--body-color);
outline: none;
box-shadow: none;
border-color: var(--primary-color-1);
}
select {
border: 1px solid rgba(var(--border-color-2), 0.1);
}
textarea {
width: 100%;
height: 150px;
padding-top: 15px;
}
button,
button:hover,
button:focus {
box-shadow: none;
border: none;
outline: none;
} h1 {
font-size: 84px;
line-height: 94px;
padding: 0;
margin: 0;
color: var(--text-heading-color);
font-family: var(--theme-font-2);
font-weight: 600;
}
h2 {
font-size: 64px;
line-height: 74px;
padding: 0;
margin: 0;
color: var(--text-heading-color);
font-family: var(--theme-font-2);
font-weight: 600;
}
h3 {
font-size: 40px;
line-height: 50px;
padding: 0;
margin: 0;
color: var(--text-heading-color);
font-family: var(--theme-font-2);
font-weight: 600;
}
h4 {
font-size: 36px;
line-height: 46px;
padding: 0;
margin: 0;
color: var(--text-heading-color);
font-family: var(--theme-font-2);
font-weight: 600;
}
h5 {
font-size: 28px;
line-height: 38px;
padding: 0;
margin: 0;
color: var(--text-heading-color);
font-family: var(--theme-font-2);
font-weight: 600;
}
h6 {
font-size: 24px;
line-height: 34px;
padding: 0;
margin: 0;
color: var(--text-heading-color);
font-family: var(--theme-font-2);
font-weight: 600;
}
@media (max-width: 767px) {
body {
font-size: 16px;
line-height: 26px;
}
} @keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
.btn-one,
.btn-three,
.btn-two {
background: var(--primary-color-1);
color: var(--text-white);
display: inline-flex;
gap: 10px;
align-items: center;
font-size: 16px;
line-height: 26px;
padding: 17px 38px;
font-family: var(--theme-font-1);
position: relative;
z-index: 3;
overflow: hidden;
transition: 0.4s;
text-transform: capitalize;
font-weight: 500;
border-radius: 5px;
}
.btn-one::after, .btn-one::before,
.btn-three::after,
.btn-three::before,
.btn-two::after,
.btn-two::before {
position: absolute;
top: 50%;
content: "";
width: 20px;
height: 20px;
background: var(--color-1);
border-radius: 50%;
left: -20px;
transform: translate(-50%, -50%);
z-index: -1;
}
.btn-one::after,
.btn-three::after,
.btn-two::after {
left: inherit;
right: -20px;
transform: translate(50%, -50%);
}
.btn-one span,
.btn-three span,
.btn-two span {
position: relative;
z-index: 1;
overflow: hidden;
}
.btn-one span i,
.btn-three span i,
.btn-two span i {
transition: 0.4s;
font-weight: 600;
}
.btn-one span::before,
.btn-three span::before,
.btn-two span::before {
position: absolute;
content: "\e09f";
font-family: "Font Awesome 6 Sharp";
font-weight: 400;
left: 0;
bottom: 0;
transition: 0.4s;
color: var(--text-white);
z-index: 1;
opacity: 0;
transform: translate(-10px, 10px);
}
.btn-one:hover,
.btn-three:hover,
.btn-two:hover {
color: var(--text-white);
border-color: var(--color-1);
}
.btn-one:hover::before,
.btn-three:hover::before,
.btn-two:hover::before {
animation: criss-cross-left 0.8s both;
animation-direction: alternate;
}
.btn-one:hover::after,
.btn-three:hover::after,
.btn-two:hover::after {
animation: criss-cross-right 0.8s both;
animation-direction: alternate;
}
.btn-one:hover span::before,
.btn-three:hover span::before,
.btn-two:hover span::before {
transform: translate(0, 0);
opacity: 1;
}
.btn-one:hover span i,
.btn-three:hover span i,
.btn-two:hover span i {
transform: translate(10px, -10px);
opacity: 0;
}
.btn-one:focus,
.btn-three:focus,
.btn-two:focus {
color: var(--text-white);
}
.btn-two {
background: var(--primary-color-2);
}
.btn-three {
background: var(--primary-color-3);
}
.simple-btn {
color: var(--text-heading-color);
display: inline-flex;
gap: 10px;
align-items: center;
font-size: 16px;
line-height: 26px;
font-family: var(--theme-font-2);
position: relative;
z-index: 3;
transition: 0.4s;
text-transform: capitalize;
font-weight: 700;
}
.simple-btn span {
position: relative;
z-index: 1;
overflow: hidden;
}
.simple-btn span i {
transition: 0.4s;
font-weight: 600;
}
.simple-btn span::before {
position: absolute;
content: "\e09f";
font-family: "Font Awesome 6 Sharp";
font-weight: 400;
left: 0;
bottom: 0;
transition: 0.4s;
color: var(--text-white);
z-index: 1;
opacity: 0;
transform: translate(-10px, 10px);
}
.simple-btn:hover {
color: var(--primary-color-1);
}
.simple-btn:hover span::before {
transform: translate(0, 0);
opacity: 1;
color: var(--primary-color-1);
}
.simple-btn:hover span i {
transform: translate(10px, -10px);
opacity: 0;
}
.simple-btn:focus {
color: var(--text-heading-color);
} .scroll-up {
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px var(--color-4);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
position: fixed;
right: 20px;
bottom: 20px;
height: 50px;
width: 50px;
transition: all 200ms linear;
}
.scroll-up::after {
position: absolute;
font-family: "Font Awesome 5 Pro";
content: "\f176";
text-align: center;
line-height: 50px;
font-size: 24px;
color: var(--primary-color-1);
left: 0;
top: 0;
font-size: 20px;
height: 50px;
width: 50px;
cursor: pointer;
display: block;
z-index: 1;
transition: all 200ms linear;
}
.scroll-up.active-scroll {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.scroll-up svg path {
fill: none;
}
.scroll-up svg.scroll-circle path {
stroke: var(--primary-color-1);
stroke-width: 4;
box-sizing: border-box;
transition: all 200ms linear;
} .theme-loader {
position: fixed;
width: 100%;
height: 100%;
background: var(--color-1);
z-index: 9999999999;
}
.spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: flex;
}
.spinner-bounce {
will-change: transform;
height: 45px;
width: 45px;
border-radius: 50%;
background: var(--primary-color-1);
display: inline-block;
animation: bounces 1s ease-in-out infinite alternate;
transform-origin: 50% 50%;
}
.spinner-bounce.one {
margin-right: 15px;
}
.spinner-bounce.two {
margin-right: 15px;
animation-delay: 0.4s;
}
.spinner-bounce.three {
animation-delay: 0.8s;
}
@keyframes bounces {
0% {
transform: scale(1);
background: var(--primary-color-1);
}
50% {
background: var(--primary-color-3);
}
100% {
transform: scale(0.2);
background: var(--primary-color-2);
}
} :root {
--theme-font-1: "Inter", sans-serif;
--theme-font-2: "Outfit", sans-serif;
--primary-color-1: #00C486;
--primary-color-2: #0049DC;
--primary-color-3: #FCA028;
--primary-color-4: #F35120;
--text-white: #FFFFFF;
--bg-white: #FFFFFF;
--text-heading-color: #062A26;
--body-color: #414141;
--color-1: #292E36;
--color-2: #E6E5DF;
--color-3: #EDF4F2;
--color-4: #B4B4B9;
--color-5: #1F242C;
--color-6: #D7E9D2;
--color-7: #eef7ec;
--color-8: #F9E9E0;
--border-color-1: #DDE6E3;
--border-color-2: 255, 255, 255;
--border-color-3: 0, 0, 0;
} .custom__container {
max-width: 1700px;
margin: 0 auto;
padding: 0 12px;
}
@media (min-width: 1300px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
@media (max-width: 1199px) {
.container {
max-width: initial;
}
}
.p-relative {
position: relative;
}
.t-left {
text-align: left;
}
.t-center {
text-align: center;
}
.t-right {
text-align: right;
}
.jc-center {
justify-content: center;
}
.jc-end {
justify-content: end;
}
.al-start {
align-items: start;
}
.al-center {
align-items: center;
}
.al-end {
align-items: end;
}
.mt-0 {
margin-top: 0px;
}
.mb-0 {
margin-bottom: 0px;
}
.ml-0 {
margin-left: 0px;
}
.mr-0 {
margin-right: 0px;
}
.pt-0 {
padding-top: 0px;
}
.pb-0 {
padding-bottom: 0px;
}
.pl-0 {
padding-left: 0px;
}
.pr-0 {
padding-right: 0px;
}
.mt-5 {
margin-top: 5px;
}
.mb-5 {
margin-bottom: 5px;
}
.ml-5 {
margin-left: 5px;
}
.mr-5 {
margin-right: 5px;
}
.pt-5 {
padding-top: 5px;
}
.pb-5 {
padding-bottom: 5px;
}
.pl-5 {
padding-left: 5px;
}
.pr-5 {
padding-right: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mb-10 {
margin-bottom: 10px;
}
.ml-10 {
margin-left: 10px;
}
.mr-10 {
margin-right: 10px;
}
.pt-10 {
padding-top: 10px;
}
.pb-10 {
padding-bottom: 10px;
}
.pl-10 {
padding-left: 10px;
}
.pr-10 {
padding-right: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mb-15 {
margin-bottom: 15px;
}
.ml-15 {
margin-left: 15px;
}
.mr-15 {
margin-right: 15px;
}
.pt-15 {
padding-top: 15px;
}
.pb-15 {
padding-bottom: 15px;
}
.pl-15 {
padding-left: 15px;
}
.pr-15 {
padding-right: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mb-20 {
margin-bottom: 20px;
}
.ml-20 {
margin-left: 20px;
}
.mr-20 {
margin-right: 20px;
}
.pt-20 {
padding-top: 20px;
}
.pb-20 {
padding-bottom: 20px;
}
.pl-20 {
padding-left: 20px;
}
.pr-20 {
padding-right: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mb-25 {
margin-bottom: 25px;
}
.ml-25 {
margin-left: 25px;
}
.mr-25 {
margin-right: 25px;
}
.pt-25 {
padding-top: 25px;
}
.pb-25 {
padding-bottom: 25px;
}
.pl-25 {
padding-left: 25px;
}
.pr-25 {
padding-right: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.ml-30 {
margin-left: 30px;
}
.mr-30 {
margin-right: 30px;
}
.pt-30 {
padding-top: 30px;
}
.pb-30 {
padding-bottom: 30px;
}
.pl-30 {
padding-left: 30px;
}
.pr-30 {
padding-right: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mb-35 {
margin-bottom: 35px;
}
.ml-35 {
margin-left: 35px;
}
.mr-35 {
margin-right: 35px;
}
.pt-35 {
padding-top: 35px;
}
.pb-35 {
padding-bottom: 35px;
}
.pl-35 {
padding-left: 35px;
}
.pr-35 {
padding-right: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.ml-40 {
margin-left: 40px;
}
.mr-40 {
margin-right: 40px;
}
.pt-40 {
padding-top: 40px;
}
.pb-40 {
padding-bottom: 40px;
}
.pl-40 {
padding-left: 40px;
}
.pr-40 {
padding-right: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mb-45 {
margin-bottom: 45px;
}
.ml-45 {
margin-left: 45px;
}
.mr-45 {
margin-right: 45px;
}
.pt-45 {
padding-top: 45px;
}
.pb-45 {
padding-bottom: 45px;
}
.pl-45 {
padding-left: 45px;
}
.pr-45 {
padding-right: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mb-50 {
margin-bottom: 50px;
}
.ml-50 {
margin-left: 50px;
}
.mr-50 {
margin-right: 50px;
}
.pt-50 {
padding-top: 50px;
}
.pb-50 {
padding-bottom: 50px;
}
.pl-50 {
padding-left: 50px;
}
.pr-50 {
padding-right: 50px;
}
@media (max-width: 1199px) {
.xl-pb-0 {
padding-bottom: 0px;
}
.xl-pl-0 {
padding-left: 0px;
}
.xl-pr-0 {
padding-right: 0px;
}
.xl-mb-0 {
margin-bottom: 0px;
}
.xl-ml-0 {
margin-left: 0px;
}
.xl-mr-0 {
margin-right: 0px;
}
.xl-pb-5 {
padding-bottom: 5px;
}
.xl-pl-5 {
padding-left: 5px;
}
.xl-pr-5 {
padding-right: 5px;
}
.xl-mb-5 {
margin-bottom: 5px;
}
.xl-ml-5 {
margin-left: 5px;
}
.xl-mr-5 {
margin-right: 5px;
}
.xl-pb-10 {
padding-bottom: 10px;
}
.xl-pl-10 {
padding-left: 10px;
}
.xl-pr-10 {
padding-right: 10px;
}
.xl-mb-10 {
margin-bottom: 10px;
}
.xl-ml-10 {
margin-left: 10px;
}
.xl-mr-10 {
margin-right: 10px;
}
.xl-pb-15 {
padding-bottom: 15px;
}
.xl-pl-15 {
padding-left: 15px;
}
.xl-pr-15 {
padding-right: 15px;
}
.xl-mb-15 {
margin-bottom: 15px;
}
.xl-ml-15 {
margin-left: 15px;
}
.xl-mr-15 {
margin-right: 15px;
}
.xl-pb-20 {
padding-bottom: 20px;
}
.xl-pl-20 {
padding-left: 20px;
}
.xl-pr-20 {
padding-right: 20px;
}
.xl-mb-20 {
margin-bottom: 20px;
}
.xl-ml-20 {
margin-left: 20px;
}
.xl-mr-20 {
margin-right: 20px;
}
.xl-pb-25 {
padding-bottom: 25px;
}
.xl-pl-25 {
padding-left: 25px;
}
.xl-pr-25 {
padding-right: 25px;
}
.xl-mb-25 {
margin-bottom: 25px;
}
.xl-ml-25 {
margin-left: 25px;
}
.xl-mr-25 {
margin-right: 25px;
}
.xl-pb-30 {
padding-bottom: 30px;
}
.xl-pl-30 {
padding-left: 30px;
}
.xl-pr-30 {
padding-right: 30px;
}
.xl-mb-30 {
margin-bottom: 30px;
}
.xl-ml-30 {
margin-left: 30px;
}
.xl-mr-30 {
margin-right: 30px;
}
.xl-pb-35 {
padding-bottom: 35px;
}
.xl-pl-35 {
padding-left: 35px;
}
.xl-pr-35 {
padding-right: 35px;
}
.xl-mb-35 {
margin-bottom: 35px;
}
.xl-ml-35 {
margin-left: 35px;
}
.xl-mr-35 {
margin-right: 35px;
}
.xl-pb-40 {
padding-bottom: 40px;
}
.xl-pl-40 {
padding-left: 40px;
}
.xl-pr-40 {
padding-right: 40px;
}
.xl-mb-40 {
margin-bottom: 40px;
}
.xl-ml-40 {
margin-left: 40px;
}
.xl-mr-40 {
margin-right: 40px;
}
.xl-pb-45 {
padding-bottom: 45px;
}
.xl-pl-45 {
padding-left: 45px;
}
.xl-pr-45 {
padding-right: 45px;
}
.xl-mb-45 {
margin-bottom: 45px;
}
.xl-ml-45 {
margin-left: 45px;
}
.xl-mr-45 {
margin-right: 45px;
}
.xl-t-left {
text-align: left !important;
}
.xl-t-center {
text-align: center !important;
}
.xl-t-right {
text-align: right !important;
}
.xl-display-n {
display: none !important;
}
.xl-display-b {
display: block !important;
}
}
@media (max-width: 991px) {
.lg-mb-0 {
margin-bottom: 0px;
}
.lg-mt-0 {
margin-top: 0px;
}
.lg-ml-0 {
margin-left: 0px;
}
.lg-pt-0 {
padding-top: 0px;
}
.lg-pb-0 {
padding-bottom: 0px;
}
.lg-pl-0 {
padding-left: 0px;
}
.lg-pr-0 {
padding-right: 0px;
}
.lg-mb-5 {
margin-bottom: 5px;
}
.lg-mt-5 {
margin-top: 5px;
}
.lg-ml-5 {
margin-left: 5px;
}
.lg-pt-5 {
padding-top: 5px;
}
.lg-pb-5 {
padding-bottom: 5px;
}
.lg-pl-5 {
padding-left: 5px;
}
.lg-pr-5 {
padding-right: 5px;
}
.lg-mb-10 {
margin-bottom: 10px;
}
.lg-mt-10 {
margin-top: 10px;
}
.lg-ml-10 {
margin-left: 10px;
}
.lg-pt-10 {
padding-top: 10px;
}
.lg-pb-10 {
padding-bottom: 10px;
}
.lg-pl-10 {
padding-left: 10px;
}
.lg-pr-10 {
padding-right: 10px;
}
.lg-mb-15 {
margin-bottom: 15px;
}
.lg-mt-15 {
margin-top: 15px;
}
.lg-ml-15 {
margin-left: 15px;
}
.lg-pt-15 {
padding-top: 15px;
}
.lg-pb-15 {
padding-bottom: 15px;
}
.lg-pl-15 {
padding-left: 15px;
}
.lg-pr-15 {
padding-right: 15px;
}
.lg-mb-20 {
margin-bottom: 20px;
}
.lg-mt-20 {
margin-top: 20px;
}
.lg-ml-20 {
margin-left: 20px;
}
.lg-pt-20 {
padding-top: 20px;
}
.lg-pb-20 {
padding-bottom: 20px;
}
.lg-pl-20 {
padding-left: 20px;
}
.lg-pr-20 {
padding-right: 20px;
}
.lg-mb-25 {
margin-bottom: 25px;
}
.lg-mt-25 {
margin-top: 25px;
}
.lg-ml-25 {
margin-left: 25px;
}
.lg-pt-25 {
padding-top: 25px;
}
.lg-pb-25 {
padding-bottom: 25px;
}
.lg-pl-25 {
padding-left: 25px;
}
.lg-pr-25 {
padding-right: 25px;
}
.lg-mb-30 {
margin-bottom: 30px;
}
.lg-mt-30 {
margin-top: 30px;
}
.lg-ml-30 {
margin-left: 30px;
}
.lg-pt-30 {
padding-top: 30px;
}
.lg-pb-30 {
padding-bottom: 30px;
}
.lg-pl-30 {
padding-left: 30px;
}
.lg-pr-30 {
padding-right: 30px;
}
.lg-mb-35 {
margin-bottom: 35px;
}
.lg-mt-35 {
margin-top: 35px;
}
.lg-ml-35 {
margin-left: 35px;
}
.lg-pt-35 {
padding-top: 35px;
}
.lg-pb-35 {
padding-bottom: 35px;
}
.lg-pl-35 {
padding-left: 35px;
}
.lg-pr-35 {
padding-right: 35px;
}
.lg-mb-40 {
margin-bottom: 40px;
}
.lg-mt-40 {
margin-top: 40px;
}
.lg-ml-40 {
margin-left: 40px;
}
.lg-pt-40 {
padding-top: 40px;
}
.lg-pb-40 {
padding-bottom: 40px;
}
.lg-pl-40 {
padding-left: 40px;
}
.lg-pr-40 {
padding-right: 40px;
}
.lg-mb-45 {
margin-bottom: 45px;
}
.lg-mt-45 {
margin-top: 45px;
}
.lg-ml-45 {
margin-left: 45px;
}
.lg-pt-45 {
padding-top: 45px;
}
.lg-pb-45 {
padding-bottom: 45px;
}
.lg-pl-45 {
padding-left: 45px;
}
.lg-pr-45 {
padding-right: 45px;
}
.lg-t-left {
text-align: left !important;
}
.lg-t-center {
text-align: center !important;
}
.lg-t-right {
text-align: right !important;
}
.lg-jc-center {
justify-content: center !important;
}
.lg-jc-end {
justify-content: end !important;
}
.lg-jc-space-between {
justify-content: space-between !important;
}
.lg-display-n {
display: none !important;
}
.lg-display-b {
display: block !important;
}
}
@media (max-width: 767px) {
.md-mb-0 {
margin-bottom: 0px;
}
.md-mt-0 {
margin-top: 0px;
}
.md-pt-0 {
padding-top: 0px;
}
.md-pb-0 {
padding-bottom: 0px;
}
.md-pl-0 {
padding-left: 0px;
}
.md-pr-0 {
padding-right: 0px;
}
.md-mb-5 {
margin-bottom: 5px;
}
.md-mt-5 {
margin-top: 5px;
}
.md-pt-5 {
padding-top: 5px;
}
.md-pb-5 {
padding-bottom: 5px;
}
.md-pl-5 {
padding-left: 5px;
}
.md-pr-5 {
padding-right: 5px;
}
.md-mb-10 {
margin-bottom: 10px;
}
.md-mt-10 {
margin-top: 10px;
}
.md-pt-10 {
padding-top: 10px;
}
.md-pb-10 {
padding-bottom: 10px;
}
.md-pl-10 {
padding-left: 10px;
}
.md-pr-10 {
padding-right: 10px;
}
.md-mb-15 {
margin-bottom: 15px;
}
.md-mt-15 {
margin-top: 15px;
}
.md-pt-15 {
padding-top: 15px;
}
.md-pb-15 {
padding-bottom: 15px;
}
.md-pl-15 {
padding-left: 15px;
}
.md-pr-15 {
padding-right: 15px;
}
.md-mb-20 {
margin-bottom: 20px;
}
.md-mt-20 {
margin-top: 20px;
}
.md-pt-20 {
padding-top: 20px;
}
.md-pb-20 {
padding-bottom: 20px;
}
.md-pl-20 {
padding-left: 20px;
}
.md-pr-20 {
padding-right: 20px;
}
.md-mb-25 {
margin-bottom: 25px;
}
.md-mt-25 {
margin-top: 25px;
}
.md-pt-25 {
padding-top: 25px;
}
.md-pb-25 {
padding-bottom: 25px;
}
.md-pl-25 {
padding-left: 25px;
}
.md-pr-25 {
padding-right: 25px;
}
.md-mb-30 {
margin-bottom: 30px;
}
.md-mt-30 {
margin-top: 30px;
}
.md-pt-30 {
padding-top: 30px;
}
.md-pb-30 {
padding-bottom: 30px;
}
.md-pl-30 {
padding-left: 30px;
}
.md-pr-30 {
padding-right: 30px;
}
.md-mb-35 {
margin-bottom: 35px;
}
.md-mt-35 {
margin-top: 35px;
}
.md-pt-35 {
padding-top: 35px;
}
.md-pb-35 {
padding-bottom: 35px;
}
.md-pl-35 {
padding-left: 35px;
}
.md-pr-35 {
padding-right: 35px;
}
.md-t-left {
text-align: left !important;
}
.md-t-center {
text-align: center !important;
}
.md-t-right {
text-align: right !important;
}
.md-jc-center {
justify-content: center !important;
}
.md-jc-end {
justify-content: end !important;
}
.md-display-n {
display: none !important;
}
.md-display-b {
display: block !important;
}
}
@media (max-width: 575px) {
.sm-mb-0 {
margin-bottom: 0px;
}
.sm-mt-0 {
margin-top: 0px;
}
.sm-ml-0 {
margin-left: 0px;
}
.sm-pt-0 {
padding-top: 0px;
}
.sm-pb-0 {
padding-bottom: 0px;
}
.sm-pl-0 {
padding-left: 0px;
}
.sm-pr-0 {
padding-right: 0px;
}
.sm-mb-5 {
margin-bottom: 5px;
}
.sm-mt-5 {
margin-top: 5px;
}
.sm-ml-5 {
margin-left: 5px;
}
.sm-pt-5 {
padding-top: 5px;
}
.sm-pb-5 {
padding-bottom: 5px;
}
.sm-pl-5 {
padding-left: 5px;
}
.sm-pr-5 {
padding-right: 5px;
}
.sm-mb-10 {
margin-bottom: 10px;
}
.sm-mt-10 {
margin-top: 10px;
}
.sm-ml-10 {
margin-left: 10px;
}
.sm-pt-10 {
padding-top: 10px;
}
.sm-pb-10 {
padding-bottom: 10px;
}
.sm-pl-10 {
padding-left: 10px;
}
.sm-pr-10 {
padding-right: 10px;
}
.sm-mb-15 {
margin-bottom: 15px;
}
.sm-mt-15 {
margin-top: 15px;
}
.sm-ml-15 {
margin-left: 15px;
}
.sm-pt-15 {
padding-top: 15px;
}
.sm-pb-15 {
padding-bottom: 15px;
}
.sm-pl-15 {
padding-left: 15px;
}
.sm-pr-15 {
padding-right: 15px;
}
.sm-mb-20 {
margin-bottom: 20px;
}
.sm-mt-20 {
margin-top: 20px;
}
.sm-ml-20 {
margin-left: 20px;
}
.sm-pt-20 {
padding-top: 20px;
}
.sm-pb-20 {
padding-bottom: 20px;
}
.sm-pl-20 {
padding-left: 20px;
}
.sm-pr-20 {
padding-right: 20px;
}
.sm-mb-25 {
margin-bottom: 25px;
}
.sm-mt-25 {
margin-top: 25px;
}
.sm-ml-25 {
margin-left: 25px;
}
.sm-pt-25 {
padding-top: 25px;
}
.sm-pb-25 {
padding-bottom: 25px;
}
.sm-pl-25 {
padding-left: 25px;
}
.sm-pr-25 {
padding-right: 25px;
}
.sm-mb-30 {
margin-bottom: 30px;
}
.sm-mt-30 {
margin-top: 30px;
}
.sm-ml-30 {
margin-left: 30px;
}
.sm-pt-30 {
padding-top: 30px;
}
.sm-pb-30 {
padding-bottom: 30px;
}
.sm-pl-30 {
padding-left: 30px;
}
.sm-pr-30 {
padding-right: 30px;
}
.sm-mb-35 {
margin-bottom: 35px;
}
.sm-mt-35 {
margin-top: 35px;
}
.sm-ml-35 {
margin-left: 35px;
}
.sm-pt-35 {
padding-top: 35px;
}
.sm-pb-35 {
padding-bottom: 35px;
}
.sm-pl-35 {
padding-left: 35px;
}
.sm-pr-35 {
padding-right: 35px;
}
.sm-t-left {
text-align: left !important;
}
.sm-t-center {
text-align: center !important;
}
.sm-t-right {
text-align: right !important;
}
.sm-display-n {
display: none !important;
}
.sm-display-b {
display: block !important;
}
} .theme_header__area {
background: var(--bg-white);
padding: 30px 0;
}
.theme_header__area-menubar {
display: flex;
justify-content: space-between;
align-items: center;
}
.theme_header__area-menubar-left {
position: relative;
z-index: 999;
}
.theme_header__area-menubar-left-logo a {
display: inline-block;
}
.theme_header__area-menubar-left-logo a img {
max-width: 140px;
}
.theme_header__area-menubar-center-menu ul {
padding: 0;
margin: 0;
}
.theme_header__area-menubar-center-menu ul li {
display: inline-block;
position: relative;
list-style: none;
margin: 0 25px;
}
.theme_header__area-menubar-center-menu ul li:hover > a {
color: var(--primary-color-1);
}
.theme_header__area-menubar-center-menu ul li:hover > .sub-menu {
transform: scale(1, 1);
opacity: 1;
visibility: visible;
}
.theme_header__area-menubar-center-menu ul li .sub-menu {
position: absolute;
background: var(--bg-white);
min-width: 260px;
transition: 0.4s;
top: 60px;
opacity: 0;
visibility: hidden;
z-index: 99;
transform: scale(1, 0);
transform-origin: 0 0;
border-top: 4px solid var(--primary-color-1);
}
.theme_header__area-menubar-center-menu ul li .sub-menu li {
display: block;
padding: 0 30px;
margin: 0;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li::after {
display: none;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li > a {
border-bottom: 1px solid rgba(var(--border-color-3), 0.1);
color: var(--text-heading-color);
padding: 12px 0;
transition: all 0.4s ease-out 0s;
font-size: 15px;
line-height: 25px;
text-transform: capitalize;
position: relative;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li > a::after {
position: absolute;
content: "";
background: var(--primary-color-1);
width: 0;
transition: all 0.4s ease-out 0s;
height: 1px;
left: 0;
bottom: -1px;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li .sub-menu {
left: 100%;
top: 0;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li:hover > a {
color: var(--primary-color-1);
}
.theme_header__area-menubar-center-menu ul li .sub-menu li:hover > a::after {
width: 100%;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li:last-child > a {
border: none;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li:last-child > a::after {
display: none;
}
.theme_header__area-menubar-center-menu ul li .sub-menu li:first-child .sub-menu {
top: -4px;
}
.theme_header__area-menubar-center-menu ul li .sub-menu .menu-item-has-children > a::before {
content: "\f105";
right: 0;
color: var(--text-heading-color);
}
.theme_header__area-menubar-center-menu ul li ul .sub-menu li .sub-menu {
color: var(--text-heading-color);
cursor: pointer;
}
.theme_header__area-menubar-center-menu ul li a {
color: var(--text-heading-color);
display: block;
font-size: 16px;
line-height: 26px;
transition: 0.4s;
font-family: var(--theme-font-1);
text-transform: capitalize;
font-weight: 500;
}
.theme_header__area-menubar-center-menu ul li.menu-item-has-children > a {
position: relative;
}
.theme_header__area-menubar-center-menu ul li.menu-item-has-children > a::before {
content: "\f107";
position: absolute;
top: 50%;
transform: translateY(-48%);
right: -16px;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
color: var(--text-heading-color);
transition: 0.3s;
font-size: 14px;
}
.theme_header__area-menubar-center-menu ul li.menu-item-has-children {
padding-right: 15px;
}
.theme_header__area-menubar-center-menu ul li.menu-item-has-children:hover > a::before {
color: var(--primary-color-1);
}
.theme_header__area-menubar-center-menu ul li:first-child {
margin-left: 0;
}
.theme_header__area-menubar-center-menu ul li:last-child {
margin-right: 0;
}
.theme_header__area-menubar-center-menu ul li.active::after {
width: 100%;
bottom: -39px;
}
.theme_header__area-menubar-center-menu ul li:nth-child(n+3) .sub-menu li .sub-menu {
right: 100%;
left: initial;
} .responsive-menu {
position: absolute;
top: 0;
right: 0;
width: 100%;
z-index: 99;
display: none;
}
.mean-container a.meanmenu-reveal {
color: var(--text-heading-color);
width: 25px;
height: 30px;
top: 22px;
padding: 0;
transition: all 0s ease-out 0s;
margin-right: 12px;
}
.mean-container a.meanmenu-reveal span {
background: var(--text-heading-color);
margin-top: 7px;
height: 2px;
}
.mean-container .mean-bar {
background: transparent;
padding: 0;
z-index: 99;
}
.mean-container .mean-bar a i {
font-size: 32px;
display: block;
color: var(--text-heading-color);
}
.mean-container .mean-nav {
background: var(--bg-white);
margin-top: 80px;
}
.mean-container .mean-nav ul li a {
transition: 0.4s;
}
.mean-container .mean-nav ul li a.mean-expand {
background: var(--primary-color-1);
height: 34px;
margin: 0;
border: 0;
color: var(--text-white);
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: var(--primary-color-1);
color: var(--text-white);
}
.mean-container .mean-nav ul li a:hover {
color: var(--primary-color-1);
background: none;
}
.mean-container .mean-nav .sub-menu li a.mean-expand {
background: var(--primary-color-1);
height: 34px;
color: var(--text-white);
}
.mean-container .mean-nav .sub-menu li a.mean-expand:hover {
background: var(--primary-color-1);
}
.mean-container .mean-nav ul li a i {
display: none;
}
.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav li li:first-child > a {
color: var(--text-heading-color);
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: capitalize;
border-top: 1px solid var(--border-color-1);
opacity: 1;
}
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li li a:hover,
.mean-container .mean-nav li li:first-child > a:hover {
color: var(--primary-color-1);
}
@media (max-width: 1150px) {
.theme_header__area-menubar-right-btn {
display: none;
}
}
@media (max-width: 991px) {
.responsive-menu {
display: block;
}
.theme_header__area {
padding: 22px 0;
}
.theme_header__area-menubar-center-menu {
display: none;
}
} .theme_blog_grid-item {
margin-top: 25px;
}
.theme_blog_grid-item-image {
overflow: hidden;
}
.theme_blog_grid-item-image img {
width: 100%;
transition: 0.5s;
}
.theme_blog_grid-item-content {
padding: 20px 35px 35px 35px;
box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.0509803922);
}
.theme_blog_grid-item-content-meta {
background: var(--color-2);
padding: 8px 20px;
margin-bottom: 15px;
border-radius: 5px;
}
.theme_blog_grid-item-content-meta ul {
padding: 0;
margin: 0;
display: inline-flex;
-moz-column-gap: 25px;
column-gap: 25px;
row-gap: 5px;
align-items: center;
flex-wrap: wrap;
}
.theme_blog_grid-item-content-meta ul li {
list-style: none;
font-size: 14px;
list-style: 24px;
}
.theme_blog_grid-item-content-meta ul li a {
transition: 0.4s;
}
.theme_blog_grid-item-content-meta ul li a i {
color: var(--primary-color-1);
margin-right: 10px;
}
.theme_blog_grid-item-content-meta ul li a:hover {
color: var(--primary-color-1);
}
.theme_blog_grid-item-content h5 a {
transition: 0.4s;
}
.theme_blog_grid-item-content h5 a:hover {
color: var(--primary-color-1);
}
.theme_blog_grid-item-content .simple-btn {
margin-top: 25px;
}
.theme_blog_grid-item:hover .theme_blog_grid-item-image img {
transform: scale(1.05);
} .theme_blog_standard-item {
margin-bottom: 40px;
}
.theme_blog_standard-item-content {
background: var(--color-3);
border: 1px solid var(--border-color-1);
padding: 30px;
}
.theme_blog_standard-item-content-meta {
margin-bottom: 15px;
}
.theme_blog_standard-item-content-meta ul {
padding: 0;
margin: 0;
display: inline-flex;
-moz-column-gap: 25px;
column-gap: 25px;
align-items: center;
flex-wrap: wrap;
row-gap: 5px;
}
.theme_blog_standard-item-content-meta ul li {
list-style: none;
}
.theme_blog_standard-item-content-meta ul li a {
transition: 0.4s;
display: inline-flex;
gap: 10px;
align-items: center;
}
.theme_blog_standard-item-content-meta ul li a i {
color: var(--primary-color-1);
}
.theme_blog_standard-item-content-meta ul li a:hover {
color: var(--primary-color-1);
}
.theme_blog_standard-item-content-meta ul li i {
color: var(--primary-color-1);
margin-right: 8px;
}
.theme_blog_standard-item-content-meta ul li:first-child a i {
margin-right: 0;
}
.theme_blog_standard-item-content h3 {
margin-bottom: 30px;
}
.theme_blog_standard-item-content h3 a {
transition: 0.4s;
}
.theme_blog_standard-item-content h3 a:hover {
color: var(--primary-color-1);
}
.theme_blog_standard-item-content p {
margin-bottom: 35px;
}
.theme_blog_standard-item-content .btn-one {
padding: 14px 30px;
} .theme_blog_details-left-meta {
margin: 20px 0;
}
.theme_blog_details-left-meta ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
-moz-column-gap: 25px;
column-gap: 25px;
row-gap: 5px;
flex-wrap: wrap;
}
.theme_blog_details-left-meta ul li {
list-style: none;
display: inline-block;
}
.theme_blog_details-left-meta ul li:last-child {
margin-right: 0;
}
.theme_blog_details-left-meta ul li i {
margin-right: 8px;
color: var(--primary-color-1);
}
.theme_blog_details-left-meta ul li a {
transition: 0.4s;
}
.theme_blog_details-left-meta ul li a:hover {
color: var(--primary-color-1);
}
.theme_blog_details-left-box {
background: var(--color-3);
border: 1px solid var(--border-color-1);
padding: 45px;
border-radius: 15px;
display: flex;
gap: 30px;
margin: 30px 0;
}
.theme_blog_details-left-box i {
font-size: 64px;
color: var(--primary-color-1);
line-height: 0;
}
.theme_blog_details-left-box h6 {
font-family: var(--theme-font-1);
font-weight: 500;
margin-bottom: 20px;
}
.theme_blog_details-left-comment {
margin-top: 30px;
}
.theme_blog_details-left-comment-item {
padding-bottom: 25px;
margin-top: 30px;
border-bottom: 1px solid var(--border-color-1);
}
.theme_blog_details-left-comment-item-comment-image {
float: left;
}
.theme_blog_details-left-comment-item-comment-image img {
min-width: 80px;
width: 80px;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.theme_blog_details-left-comment-item-comment-content {
padding-left: 30px;
overflow: hidden;
}
.theme_blog_details-left-comment-item-comment-content span {
font-size: 14px;
margin-bottom: 5px;
display: inline-block;
}
.theme_blog_details-left-comment-item-comment-content h6 {
font-size: 18px;
line-height: 28px;
}
.theme_blog_details-left-comment-item-comment-content a.comment-reply-link {
float: right;
transition: 0.4s;
font-family: var(--heading-font);
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 24px;
color: var(--text-heading-color);
border: 1px solid var(--border-color-1);
padding: 7px 18px;
border-radius: 4px;
}
.theme_blog_details-left-comment-item-comment-content a.comment-reply-link i {
margin-right: 10px;
}
.theme_blog_details-left-comment-item-comment-content a.comment-reply-link:hover {
color: var(--text-white);
background: var(--primary-color-1);
border-color: var(--primary-color-1);
}
.theme_blog_details-left-comment-item-comment-content p {
max-width: 580px;
margin-bottom: 0;
}
.theme_blog_details-left-tag {
padding-top: 20px;
clear: both;
}
.theme_blog_details-left-tag .tag-title {
font-size: 18px;
line-height: 28px;
color: var(--text-heading-color);
font-weight: 700;
}
.theme_blog_details-left-tag a {
transition: 0.4s;
padding: 4px 17px;
display: inline-block;
border-radius: 4px;
background: var(--bg-white);
border: 1px solid var(--border-color-1);
margin: 5px;
}
.theme_blog_details-left-tag a:hover {
color: var(--text-white);
background: var(--primary-color-1);
border-color: var(--primary-color-1);
}
.theme_blog_details-left-form {
background: var(--color-3);
border: 1px solid var(--border-color-1);
padding: 50px 40px;
margin-top: 50px;
}
.theme_blog_details-left-form h3 {
margin-bottom: 10px;
}
@media (max-width: 575px) {
.theme_blog_grid-item-content {
padding: 20px 25px 25px 25px;
}
.theme_blog_details-left-form {
padding: 40px 20px;
}
.theme_blog_details-left-box {
display: block;
padding: 40px 30px;
}
.theme_blog_details-left-box h5 {
font-size: 20px;
line-height: 30px;
}
.theme_blog_details-left-comment-item-comment-image {
float: initial;
}
.theme_blog_details-left-comment-item-comment-content {
padding-left: 0;
margin-top: 20px;
}
.theme_blog_standard-item-content {
padding: 30px 20px;
}
.theme_blog_standard-item-content h3 {
font-size: 26px;
line-height: 34px;
}
} .all__sidebar {
position: sticky;
top: 0;
}
.all__sidebar .widget {
padding: 30px 35px 35px 35px;
margin-bottom: 35px;
background: var(--color-3);
border: 1px solid var(--border-color-1);
border-radius: 10px;
}
.all__sidebar .widget h2 {
position: relative;
font-size: 20px;
line-height: 30px;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color-1);
}
.all__sidebar .widget h2::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
height: 1px;
width: 70px;
background: var(--primary-color-1);
}
.all__sidebar .widget-search form {
display: flex;
position: relative;
}
.all__sidebar .widget-search form input {
border: 0;
}
.all__sidebar .widget-search form button {
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
border-radius: 6px;
}
.all__sidebar .widget-post .post__item {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color-1);
display: flex;
align-items: center;
gap: 20px;
}
.all__sidebar .widget-post .post__item:last-child {
margin: 0;
padding: 0;
border: 0;
}
.all__sidebar .widget-post .post__item-image {
width: 90px;
height: 90px;
min-width: 90px;
}
.all__sidebar .widget-post .post__item-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.all__sidebar .widget-post .post__item-title h6 {
font-size: 16px;
line-height: 26px;
font-weight: 700;
margin-bottom: 4px;
}
.all__sidebar .widget-post .post__item-title h6 a {
color: var(--text-heading-color);
transition: 0.4s;
}
.all__sidebar .widget-post .post__item-title h6 a:hover {
color: var(--primary-color-1);
}
.all__sidebar .widget-post .post__item-title span {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
line-height: 23px;
}
.all__sidebar .widget-post .post__item-title span i {
color: var(--primary-color-1);
}
.all__sidebar .widget-category ul {
padding: 0;
margin: 0;
}
.all__sidebar .widget-category ul li {
list-style: none;
margin-bottom: 10px;
}
.all__sidebar .widget-category ul li a {
background: var(--bg-white);
display: block;
transition: 0.4s;
font-weight: 600;
padding: 11px 20px;
border-radius: 5px;
color: var(--text-heading-color);
}
.all__sidebar .widget-category ul li a i {
font-size: 14px;
line-height: 14px;
color: var(--primary-color-1);
margin-right: 15px;
transition: 0.4s;
}
.all__sidebar .widget-category ul li a span {
color: var(--body-color);
font-weight: 400;
font-size: 14px;
line-height: 24px;
transition: 0.4s;
float: right;
}
.all__sidebar .widget-category ul li a:hover {
color: var(--text-white);
border-color: var(--primary-color-1);
background: var(--primary-color-1);
}
.all__sidebar .widget-category ul li a:hover i,
.all__sidebar .widget-category ul li a:hover span {
color: var(--text-white);
}
.all__sidebar .widget-category ul li:last-child {
margin-bottom: 0;
}
.all__sidebar .widget-tag ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
}
.all__sidebar .widget-tag ul li {
list-style: none;
}
.all__sidebar .widget-tag ul li a {
transition: 0.4s;
padding: 5px 18px;
display: inline-block;
border-radius: 4px;
background: var(--bg-white);
}
.all__sidebar .widget-tag ul li a:hover {
color: var(--text-white);
background: var(--primary-color-1);
}
.all__sidebar .widget:last-child {
margin: 0;
}
.all__sidebar-help {
background: #00C486;
border-radius: 20px;
padding: 50px 20px;
text-align: center;
}
.all__sidebar-help-content h3 {
color: #fff;
margin-bottom: 5px;
}
.all__sidebar-help-content p {
color: #fff;
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
max-width: 310px;
margin: 15px auto;
}
.all__sidebar-help-content i {
color: #fff;
background: #33D09E;
width: 85px;
height: 85px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 35px;
border-radius: 50%;
}
.all__sidebar-help-content h4 {
font-size: 28px;
margin-top: 25px;
font-weight: 500;
}
.flexitype-cta-widget.widget {
background: transparent;
border: 0;
padding: 0;
border-radius: 0;
}
.flexitype-cta-widget.widget .all__sidebar-help-content h4 a {
color: #fff;
}
@media (max-width: 1299px) {
.all__sidebar .widget {
padding: 40px 30px;
}
.flexitype-cta-widget.widget {
padding: 0;
}
}
@media (max-width: 1199px) {
.all__sidebar-item-post-item {
gap: 15px;
}
.all__sidebar-item-post-item-content h6 {
font-size: 18px;
line-height: 28px;
}
.all__sidebar-item-post-item-image img {
width: 80px;
height: 85px;
max-width: 80px;
}
}
@media (max-width: 575px) {
.all__sidebar .widget {
padding: 30px 20px;
}
.flexitype-cta-widget.widget {
padding: 0;
}
} .theme_breadcrumb__area {
position: relative;
z-index: 1;
background: var(--color-5);
padding: 150px 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.theme_breadcrumb__area-content ul {
padding: 0;
margin: 0;
display: inline-flex;
gap: 15px;
align-items: center;
margin-top: 15px;
}
.theme_breadcrumb__area-content ul li {
list-style: none;
color: var(--primary-color-1);
font-size: 18px;
line-height: 28px;
display: inline-flex;
gap: 15px;
align-items: center;
}
.theme_breadcrumb__area-content ul li a {
color: var(--text-white);
transition: 0.4s;
word-break: normal;
}
.theme_breadcrumb__area-content ul li a:hover {
color: var(--primary-color-1);
}
.theme_breadcrumb__area-content ul li i {
color: var(--primary-color-1);
}
.theme_breadcrumb__area-content h1 {
color: var(--text-white);
font-size: 64px;
line-height: 74px;
} .theme_error-page {
text-align: center;
}
.theme_error-page h1 {
font-size: 240px;
line-height: 1;
font-weight: 600;
}
.theme_error-page h1 span {
color: var(--primary-color-1);
}
.theme_error-page h2 {
margin: 15px 0 30px 0;
}
.theme_error-page p {
margin-bottom: 35px;
} .theme__pagination ul {
margin: 0;
padding: 0;
display: inline-flex;
gap: 10px;
flex-wrap: wrap;
}
.theme__pagination ul li {
list-style: none;
}
.theme__pagination ul li .active {
background: var(--primary-color-1);
color: var(--text-white);
border-color: var(--primary-color-1);
}
.theme__pagination ul li a {
border: 1px solid var(--border-color-1);
display: flex;
height: 50px;
width: 50px;
align-items: center;
justify-content: center;
transition: 0.4s;
border-radius: 5px;
background: var(--bg-white);
color: var(--text-heading-color);
font-weight: 500;
}
.theme__pagination ul li a:hover {
background: var(--primary-color-1);
border-color: var(--primary-color-1);
color: var(--text-white);
}
@media (max-width: 991px) {
.theme_breadcrumb__area {
padding: 120px 0;
background-size: contain;
}
.theme_breadcrumb__area-image {
display: none;
}
}
@media (max-width: 575px) {
.theme_breadcrumb__area {
padding: 100px 0;
}
.theme_breadcrumb__area-content h1 {
font-size: 42px;
line-height: 52px;
}
.theme_breadcrumb__area-content ul li {
font-size: 16px;
line-height: 26px;
}
.theme_error-page h1 {
font-size: 140px;
line-height: 150px;
}
.theme_error-page h2 {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 359px) {
.theme_breadcrumb__area-content h1 {
font-size: 38px;
line-height: 48px;
}
} .copyright__area {
padding: 30px 0;
background: var(--color-5);
}
.copyright__area p {
margin: 0;
color: var(--color-4);
}
.copyright__area p a {
color: var(--primary-color-1);
text-decoration: underline;
margin: 0 2px;
}
.copyright__area-menu ul {
padding: 0;
margin: 0;
display: inline-flex;
align-items: center;
-moz-column-gap: 20px;
column-gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.copyright__area-menu ul li {
display: inline-block;
list-style: none;
}
.copyright__area-menu ul li a {
color: var(--color-4);
transition: 0.4s;
}
.copyright__area-menu ul li a:hover {
color: var(--primary-color-1);
} .wc-block-grid__product .add_to_cart_button {
background: var(--color-3);
color: var(--text-heading-color) !important;
font-size: 16px;
line-height: 26px;
padding: 10px 22px;
transition: 0.4s;
font-weight: 500;
border-radius: 5px;
margin-top: 15px;
}
.wc-block-grid__product .add_to_cart_button:hover {
color: var(--text-white) !important;
background: var(--primary-color-1);
}
.product__item .product__content .product_type_grouped,
.product__item .product__content .product_type_external,
.product__item .product__content .added_to_cart,
.product__item .product__content .product_type_simple,
.product__item .product__content .add_to_cart_button {
background: var(--color-3);
color: var(--text-heading-color);
font-size: 16px;
line-height: 26px;
padding: 10px 22px;
transition: 0.4s;
font-weight: 500;
border-radius: 5px;
margin-top: 15px;
}
.product__item .product__content .product_type_grouped:hover,
.product__item .product__content .product_type_external:hover,
.product__item .product__content .added_to_cart:hover,
.product__item .product__content .product_type_simple:hover,
.product__item .product__content .add_to_cart_button:hover {
color: var(--text-white);
background: var(--primary-color-1);
}
.product__item .product__content .add_to_cart_button.added {
display: none;
}
.wc-block-grid__product-rating {
margin-bottom: 0 !important;
}
.wc-block-grid__product-rating .star-rating {
float: none;
margin: 0 auto !important;
margin-top: 5px !important;
width: 6.4em !important;
}
.wc-block-grid__product-rating .star-rating::before {
content: "sssss" !important;
color: var(--color-1);
opacity: 0.5 !important;
}
.wc-block-grid__product-rating .star-rating::before,
.wc-block-grid__product-rating .star-rating span::before {
letter-spacing: 3px;
}
.woocommerce-product-rating {
margin-bottom: 8px !important;
font-size: 16px;
}
.woocommerce-product-rating .star-rating {
letter-spacing: 2px;
width: 100px !important;
font-size: 16px;
}
p.stars a, .star-rating span, .star-rating:before {
color: #FFC107;
line-height: 15px;
}
.woocommerce .product__rating {
font-size: 14px;
}
.woocommerce .product__rating .star-rating {
float: none;
margin: 0 auto;
margin-top: 5px;
width: 6.4em;
height: 15px;
}
.woocommerce .product__rating .star-rating::before {
color: var(--color-1);
opacity: 0.5;
}
.woocommerce .product__rating .star-rating::before,
.woocommerce .product__rating .star-rating span::before {
letter-spacing: 3px;
}
.product__top-result p {
margin: 0 !important;
}
.product__top-select form {
margin: 0 !important;
}
.product__top-select select {
width: 100%;
height: 45px;
background: var(--bg-white);
padding: 0 10px;
color: var(--body-color);
border-radius: 5px;
border: 1px solid var(--border-color-1);
outline: none;
}
.wc-block-grid__product-onsale,
.woocommerce span.onsale {
position: absolute !important;
left: 20px !important;
top: 20px !important;
padding: 8px 15px !important;
border-radius: 4px !important;
background: var(--primary-color-1) !important;
color: var(--text-white) !important;
font-size: 14px !important;
font-weight: 400 !important;
min-height: initial;
line-height: 14px;
border: 0 !important;
right: inherit !important;
text-transform: capitalize !important;
}
.product__item span.tinvwl_add_to_wishlist-text {
display: none;
}
a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after.tinvwl-loop {
display: none;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button::before, a.wishlist_products_counter.top_wishlist-heart::before, span.wishlist_products_counter.top_wishlist-heart::before, a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart::before {
margin-right: 0;
font-size: 24px;
}
.product__item .product__icon {
display: grid;
position: absolute;
top: 20px;
right: 20px;
z-index: 12;
gap: 10px;
}
.product__item .product__icon a {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: var(--bg-white);
color: var(--text-heading-color);
white-space: nowrap;
border-radius: 5px;
opacity: 0 !important;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.216);
transition: 0.5s;
transform: translateX(15px);
}
.product__item .product__icon a:hover {
background-color: var(--primary-color-1);
color: var(--text-white);
}
.product__item .product__icon a span.tinvwl_remove_from_wishlist-text {
font-size: 0;
}
.product__item .product__icon .button {
font-size: 0;
background: var(--bg-white);
color: var(--text-heading-color);
}
.product__item .product__icon .button::before {
content: "\f07a";
font-family: "Font Awesome 6 Pro";
font-weight: 300;
text-rendering: auto;
font-size: 16px;
line-height: 45px;
}
.product__item .product__icon .button:hover {
background-color: var(--primary-color-1);
color: var(--text-white);
}
.product__item .product__icon .added_to_cart {
font-size: 0;
position: relative;
}
.product__item .product__icon .added_to_cart::before {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
text-rendering: auto;
font-size: 16px;
line-height: 45px;
}
.product__item .product__icon .add_to_cart_button.added {
display: none;
}
.product__item:hover .product__icon a {
transform: translateX(0px);
opacity: 1 !important;
}
a.icon-btn.woosq-btn {
display: none;
}
.product__icon a.icon-btn.woosq-btn {
display: inline-flex;
}
.product__icon a.woosq-btn {
transition: transform 0.4s ease 0s, background-color 0.5s ease 0s, color 0.5s ease 0s, opacity 0.4s ease 0s;
}
.product__icon .button.add_to_cart_button {
transition: transform 0.6s ease 0s, background-color 0.5s ease 0s, color 0.5s ease 0s, opacity 0.6s ease 0s;
}
.product__icon a.tinvwl_add_to_wishlist_button {
transition: transform 0.7s ease 0s, background-color 0.5s ease 0s, color 0.5s ease 0s, opacity 0.7s ease 0s;
}
.tinv-wishlist button.button {
background: var(--primary-color-1) !important;
color: var(--text-white);
transition: 0.4s;
font-weight: 500;
padding: 18px 32px;
border-radius: 5px !important;
}
.tinv-wishlist button.button i {
color: var(--text-white);
}
.tinv-wishlist button.button:hover {
background: var(--color-3) !important;
color: var(--text-white);
}
.tinv-wishlist .tinv-modal-inner i {
color: var(--primary-color-1);
}
.woocommerce-info,
p.cart-empty.woocommerce-info,
.woocommerce-message {
border-top-color: var(--primary-color-1);
background: var(--color-3);
}
.woocommerce-info::before,
p.cart-empty.woocommerce-info::before,
.woocommerce-message::before {
color: var(--primary-color-1);
}
.woocommerce-info a.button,
p.cart-empty.woocommerce-info a.button,
.woocommerce-message a.button {
background-color: var(--primary-color-1);
color: var(--text-white);
transition: 0.4s;
font-weight: 500;
padding: 16px 30px;
border-radius: 5px;
font-size: 16px;
}
.woocommerce-info a.button:hover,
p.cart-empty.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover {
background-color: var(--color-5);
color: var(--text-white);
}
a.button.wc-backward {
background-color: var(--primary-color-1);
color: var(--text-white);
transition: 0.4s;
font-weight: 500;
padding: 20px 32px;
border-radius: 5px;
}
a.button.wc-backward:hover {
background-color: var(--color-5);
color: var(--text-white);
}
.is-large.wc-block-cart .wc-block-cart-items tr {
border-width: 1px;
border-color: var(--border-color-1);
}
.wc-block-components-product-badge {
border-color: var(--border-color-1) !important;
text-transform: capitalize !important;
}
.is-large.wc-block-cart .wc-block-cart-items th {
padding: 8px 16px !important;
}
.is-large.wc-block-cart .wc-block-cart-items th span {
color: var(--text-heading-color);
font-size: 22px;
text-transform: capitalize;
}
td.product-price,
td.woocommerce-grouped-product-list-item__price,
.price {
color: var(--body-color) !important;
text-decoration: none;
font-weight: 600;
font-size: 16px !important;
margin-bottom: 0 !important;
}
td.product-price del,
td.woocommerce-grouped-product-list-item__price del,
.price del {
color: var(--color-4);
font-size: 16px;
font-weight: 400;
}
td.product-price ins,
td.woocommerce-grouped-product-list-item__price ins,
.price ins {
text-decoration: none;
}
.wc-block-grid__product-title,
a.wc-block-components-product-name,
.product__title {
font-size: 22px !important;
line-height: 32px !important;
font-weight: 700 !important;
margin-bottom: 5px !important;
transition: 0.4s;
color: var(--text-heading-color) !important;
}
.wc-block-grid__product-title:hover,
a.wc-block-components-product-name:hover,
.product__title:hover {
color: var(--primary-color-1) !important;
}
.wc-block-components-totals-item__value,
.wc-block-components-product-price__value,
.wc-block-components-totals-item__label {
font-weight: 600 !important;
color: var(--text-heading-color);
}
.wc-block-components-totals-item.wc-block-components-totals-footer-item span.wc-block-components-totals-item__label {
font-weight: 700 !important;
}
.wc-block-cart-item__remove-link {
transition: 0.4s;
}
.wc-block-cart-item__remove-link:hover {
color: var(--primary-color-1) !important;
}
.wc-block-components-quantity-selector input,
.wc-block-components-quantity-selector button {
height: 45px;
color: var(--text-heading-color) !important;
}
.wc-block-components-quantity-selector input:focus,
.wc-block-components-quantity-selector button:focus {
box-shadow: none !important;
border: 1px solid var(--primary-color-1) !important;
}
.wc-block-cart__totals-title {
font-size: 18px !important;
color: var(--text-heading-color) !important;
text-transform: capitalize !important;
}
.wc-block-cart .wc-block-cart__submit-container a {
background: var(--primary-color-1);
color: var(--text-white);
padding: 14px 0;
border-radius: 5px;
transition: 0.4s;
font-size: 14px;
font-weight: 500;
}
.wc-block-cart .wc-block-cart__submit-container a:hover {
background: var(--color-5);
}
.wc-block-cart .wc-block-cart__submit-container a:focus {
outline: none !important;
box-shadow: none !important;
}
.wc-block-cart .wc-block-cart__submit-container button {
padding: 15px 0 !important;
}
.wc-block-checkout__actions_row a {
transition: 0.4s;
}
.wc-block-checkout__actions_row a:hover {
color: var(--primary-color-1);
}
.wc-block-checkout__actions_row button {
transition: 0.4s !important;
padding: 14px 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.wc-block-checkout__actions_row button:hover {
background: var(--color-5);
}
.wc-block-checkout__actions_row button:focus {
box-shadow: none !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
background: var(--primary-color-1) !important;
color: var(--text-white) !important;
box-shadow: none !important;
border-color: var(--primary-color-1) !important;
}
.wc-block-components-totals-coupon-link:hover,
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
color: var(--primary-color-1);
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product > a > p {
margin: 0;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product > p {
display: none;
}
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading {
margin-bottom: 40px;
}
.wc-block-grid__product .wc-block-grid__product-image {
margin-bottom: 25px !important;
}
.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after {
display: none;
}
.summary.entry-summary .product_title {
font-size: 26px;
line-height: 36px;
margin-bottom: 10px;
font-weight: 700;
color: var(--text-heading-color);
}
.summary.entry-summary .quantity {
margin: 0 !important;
}
.summary.entry-summary .quantity input {
height: 58px;
width: 85px;
padding-left: 0;
}
.summary.entry-summary .button {
background-color: var(--primary-color-1) !important;
padding: 20px 32px !important;
transition: 0.3s;
border-radius: 5px !important;
}
.summary.entry-summary .button:hover {
background: var(--color-5) !important;
color: var(--text-white);
}
.summary.entry-summary .product-type-simple td {
vertical-align: middle !important;
}
.summary.entry-summary .product-type-simple td a {
color: var(--text-heading-color);
transition: 0.4s;
font-weight: 700;
}
.summary.entry-summary .product-type-simple td a:hover {
color: var(--primary-color-1);
}
.summary.entry-summary .woocommerce-grouped-product-list .product:last-child td {
margin-bottom: 25px;
}
.summary.entry-summary td.woocommerce-grouped-product-list-item__price {
text-align: right;
}
.summary.entry-summary .product_meta {
display: grid;
gap: 5px;
}
.summary.entry-summary .product_meta span {
color: var(--text-heading-color);
font-weight: 500;
}
.summary.entry-summary .product_meta span span {
font-weight: 400;
color: var(--body-color);
}
.summary.entry-summary .product_meta a {
transition: 0.4s;
color: var(--body-color);
}
.summary.entry-summary .product_meta a:hover {
color: var(--primary-color-1);
}
.summary.entry-summary .cart {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.summary.entry-summary .cart .tinvwl_add_to_wishlist_button {
color: var(--color-3);
width: 58px;
height: 58px;
border-radius: 50%;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.11);
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s;
}
.summary.entry-summary .cart .tinvwl_add_to_wishlist_button span {
font-size: 0;
}
.summary.entry-summary .cart .tinvwl_add_to_wishlist_button:hover {
color: var(--primary-color-1);
}
.tinvwl-woocommerce_single_product_summary .tinvwl_add_to_wishlist_button {
color: var(--color-3);
width: 58px;
height: 58px;
border-radius: 50%;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.11);
margin-top: 0 !important;
margin-bottom: 20px !important;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s;
}
.tinvwl-woocommerce_single_product_summary .tinvwl_add_to_wishlist_button span {
font-size: 0;
}
.tinvwl-woocommerce_single_product_summary .tinvwl_add_to_wishlist_button:hover {
color: var(--primary-color-1);
}
.woocommerce-Tabs-panel--additional_information h2,
h2.description_heading-title {
display: none;
}
.woocommerce-Tabs-panel h2 {
margin-bottom: 30px;
font-size: 26px;
line-height: 36px;
}
.woocommerce .related.products > h2 {
font-size: 44px;
margin-bottom: 30px;
}
.woocommerce-tabs ul.tabs {
padding: 0 !important;
margin-bottom: 50px !important;
}
.woocommerce-tabs ul.tabs li {
padding: 0 !important;
border: none !important;
}
.woocommerce-tabs ul.tabs li a {
padding: 12px 40px 14px 40px !important;
background-color: var(--color-3) !important;
color: var(--text-heading-color) !important;
border-top: 2px solid var(--color-2);
}
.woocommerce-tabs ul.tabs li.active a {
border-color: var(--primary-color-1);
background: var(--bg-white) !important;
}
.woocommerce-tabs ul.tabs li::before {
display: none !important;
}
.woocommerce-tabs ul.tabs li::after {
display: none !important;
}
.woocommerce-tabs ul.tabs::before {
border-bottom: none !important;
}
.woocommerce-product-details__short-description {
padding: 20px 0px;
}
.product-details .summary.entry-summary .product_title {
font-size: 36px;
line-height: 46px;
}
.product-details .summary.entry-summary .price {
color: var(--primary-color-1) !important;
font-size: 22px !important;
line-height: 32px;
}
.product-details .woocommerce-tabs.wc-tabs-wrapper {
padding-top: 40px;
}
.product-details .woocommerce-tabs.wc-tabs-wrapper td.woocommerce-product-attributes-item__value {
border: 1px solid var(--border-color-1);
padding: 0 20px;
}
.product-details .woocommerce-tabs.wc-tabs-wrapper th.woocommerce-product-attributes-item__label {
color: var(--text-heading-color);
font-weight: 600 !important;
border: 1px solid var(--border-color-1);
padding: 0 20px;
}
.product-details ol.flex-control-nav.flex-control-thumbs {
display: flex;
gap: 10px;
margin-top: 25px !important;
justify-content: center;
}
.product-details ol.flex-control-nav.flex-control-thumbs li {
width: 80px !important;
height: 80px !important;
}
.product-details ol.flex-control-nav.flex-control-thumbs li img {
border-radius: 5px;
border: 1px solid var(--border-color-1);
padding: 3px;
opacity: 1 !important;
}
.product-details ol.flex-control-nav.flex-control-thumbs li .flex-active {
border-color: var(--primary-color-1);
}
.woocommerce-variation-add-to-cart.variations_button {
display: flex;
gap: 8px;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
margin-top: 25px;
}
table.woocommerce-grouped-product-list.group_table {
width: 100%;
}
.cart .variations th {
display: block;
width: 100%;
}
.cart .variations th label {
color: var(--text-heading-color);
}
.cart .variations tbody tr:first-child td select {
margin-bottom: 20px;
}
.cart table.variations td {
display: block;
width: 100%;
font-size: 16px;
}
.cart table.variations td select {
border-bottom: 1px solid var(--border-color-1);
padding: 5px 0 15px 0;
background: transparent;
}
.cart table.variations td select:focus {
outline: none !important;
}
.reset_variations {
visibility: hidden !important;
}
.woocommerce #reviews #comments ol.commentlist li {
padding-top: 25px;
margin-top: 25px;
border-top: 1px solid var(--border-color-1);
}
.woocommerce #reviews #comments ol.commentlist li:first-child {
padding: 0;
margin: 0;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container img {
background: none;
border: none;
padding: 0;
position: static;
width: 60px;
border-radius: 50%;
margin-right: 20px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
padding: 0 0 25px;
border: none;
position: relative;
overflow: hidden;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p strong {
color: var(--text-heading-color);
font-size: 18px;
line-height: 23px;
font-weight: 700;
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
position: absolute;
left: 0;
bottom: -4px;
width: 80px;
letter-spacing: 3px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating span::before, .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating::before {
font-size: 12px;
}
.woocommerce #review_form #respond #reply-title {
font-size: 26px;
line-height: 36px;
font-weight: 700;
color: var(--text-heading-color);
}
.product-details .woocommerce-Reviews div#review_form_wrapper {
margin-top: 50px;
}
.product-details .woocommerce-Reviews div#review_form_wrapper .comment-form label {
margin-bottom: 10px;
}
.product-details .woocommerce-Reviews div#review_form_wrapper .comment-form p {
margin-bottom: 20px !important;
}
.product-details .woocommerce-Reviews div#review_form_wrapper .comment-form textarea {
height: 150px !important;
}
.product-details .woocommerce-Reviews div#review_form_wrapper .comment-form p.stars {
font-size: 16px;
}
.product-details .woocommerce-Reviews div#review_form_wrapper .comment-form .btn-one {
padding: 15px 35px;
}
.tinv-wishlist th {
background: var(--color-3);
color: var(--text-heading-color);
}
.tinv-wishlist .wishlist_item {
border-bottom: 1px solid var(--border-color-1);
}
.tinv-wishlist .product-thumbnail {
padding: 30px 10px;
width: 120px;
}
.tinv-wishlist .product-name a {
color: var(--text-heading-color);
transition: 0.4s;
font-weight: 700;
}
.tinv-wishlist .product-name a:hover {
color: var(--primary-color-1);
}
.tinv-wishlist .product-stock i {
display: none;
}
.tinv-wishlist .product-action {
width: auto;
text-align: right;
}
.tinv-wishlist .product-action .button {
padding: 20px 32px;
width: auto;
font-weight: 500;
border-radius: 5px !important;
}
.tinv-wishlist tfoot tr td {
padding: 70px 0 0 0;
}
.tinv-wishlist tfoot tr td .button {
padding: 20px 32px !important;
}
.tinv-wishlist .tinvwl-input-group.tinvwl-no-full input {
position: relative;
}
.tinv-wishlist .tinvwl-input-group.tinvwl-no-full input::before {
position: absolute;
right: 0;
top: 50%;
content: "\f07a";
font-family: "Font Awesome 6 Pro";
font-weight: 300;
text-rendering: auto;
font-size: 16px;
line-height: 45px;
}
.tinv-wishlist .tinvwl-input-group .form-control {
height: 58px;
}
.tinv-wishlist .tinvwl-input-group .form-control:focus {
box-shadow: none;
}
.tinv-wishlist .social-buttons span {
font-size: 22px;
line-height: 32px;
color: var(--text-heading-color);
font-weight: 700;
}
.tinv-wishlist .social-buttons ul {
display: inline-flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.tinv-wishlist .social-buttons ul li {
margin: 0 !important;
}
.tinv-wishlist .social-buttons ul li a {
width: 45px !important;
height: 45px !important;
align-items: center;
background: var(--color-3);
color: var(--text-heading-color);
font-size: 16px !important;
transition: 0.4s;
}
.tinv-wishlist .social-buttons ul li a:hover {
color: var(--text-white);
background: var(--primary-color-1);
}
@media (max-width: 991px) {
.product-details .summary.entry-summary .product_title {
font-size: 32px;
line-height: 42px;
}
.woocommerce .related.products > h2 {
font-size: 28px;
}
.woocommerce-tabs ul.tabs li a {
padding: 13px 30px 15px 30px !important;
}
}
@media (max-width: 767px) {
.woocommerce #reviews #comments ol.commentlist {
padding-left: 0;
}
.tinv-wishlist .wishlist_item td {
padding-bottom: 0;
}
.tinv-wishlist .wishlist_item .product-action {
padding-bottom: 30px;
}
.tinv-wishlist .social-buttons span {
margin-bottom: 20px;
}
.summary.entry-summary .quantity input {
width: 70px;
height: 50px;
}
.wc-block-cart .wc-block-cart__submit-container button,
.wc-block-checkout__actions_row button,
.wc-block-cart .wc-block-cart__submit-container a {
padding: 12px 0 !important;
}
.tinv-wishlist tfoot tr td .button,
.tinv-wishlist .product-action .button,
.summary.entry-summary .button {
padding: 17px 25px !important;
}
.summary.entry-summary .cart .tinvwl_add_to_wishlist_button {
width: 50px;
height: 50px;
}
.tinv-wishlist .tinvwl-input-group .form-control {
height: 50px;
}
}
@media (max-width: 575px) {
td.product-price del, td.woocommerce-grouped-product-list-item__price del, .price del {
font-size: 14px;
}
td.product-price, td.woocommerce-grouped-product-list-item__price, .price {
font-size: 16px !important;
}
.product__top-result p {
margin-bottom: 20px !important;
text-align: center;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: initial;
}
}
.woocommerce form.login,
.woocommerce form.register {
padding: 0;
border: 0;
}
.woocommerce form.login p a,
.woocommerce form.register p a {
transition: 0.4s;
}
.woocommerce form.login p a:hover,
.woocommerce form.register p a:hover {
color: var(--primary-color-1);
}
.woocommerce form.login,
.woocommerce form.register,
form.woocommerce-ResetPassword.lost_reset_password {
margin-bottom: 20px;
}
.woocommerce form.login label,
.woocommerce form.register label,
form.woocommerce-ResetPassword.lost_reset_password label {
display: block !important;
margin-bottom: 10px;
}
.woocommerce-address-fields > p {
margin-bottom: 0;
margin-top: 25px;
}
.woocommerce-address-fields p button.button,
form.woocommerce-EditAccountForm.edit-account p button,
.woocommerce form.login .woocommerce-form-login__submit, .woocommerce form.register .woocommerce-form-login__submit,
form.woocommerce-ResetPassword.lost_reset_password p button {
background: var(--primary-color-1);
padding: 20px 32px;
color: var(--text-white);
font-weight: 500;
transition: 0.4s;
}
.woocommerce-address-fields p button.button:hover,
form.woocommerce-EditAccountForm.edit-account p button:hover,
.woocommerce form.login .woocommerce-form-login__submit:hover, .woocommerce form.register .woocommerce-form-login__submit:hover,
form.woocommerce-ResetPassword.lost_reset_password p button:hover {
background: var(--color-5);
color: var(--text-white);
}
form.woocommerce-EditAccountForm.edit-account legend {
font-weight: 600;
color: var(--text-heading-color);
margin: 20px 0;
}
.woocommerce-MyAccount-navigation {
background: var(--color-3);
padding: 40px;
border-radius: 10px;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
display: grid;
gap: 20px;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
}
.woocommerce-MyAccount-navigation ul li a {
padding: 8px 20px;
border-radius: 5px;
border: 1px solid var(--border-color-1);
display: block;
transition: 0.4s;
background: var(--bg-white);
}
.woocommerce-MyAccount-content {
background: var(--color-3);
padding: 40px;
border-radius: 10px;
}
.woocommerce-MyAccount-content p a {
color: var(--primary-color-1);
}
.woocommerce-MyAccount-content .woocommerce-info {
background: var(--bg-white) !important;
margin-bottom: 0;
}
.woocommerce-MyAccount-content > form h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 20px;
}
.woocommerce-MyAccount-content .woocommerce-Address {
background: var(--bg-white);
padding: 30px;
border-radius: 10px;
}
.woocommerce-MyAccount-content .woocommerce-Address h3 {
font-size: 22px;
line-height: 32px;
}
.woocommerce-MyAccount-content .woocommerce-Address p {
margin-bottom: 0;
}
.woocommerce-MyAccount-content .woocommerce-Address a {
color: var(--primary-color-1);
font-weight: 600;
}
.woocommerce-MyAccount-content .woocommerce-Address address {
margin-bottom: 0;
margin-top: 10px;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul .is-active a {
color: var(--text-white);
background: var(--primary-color-1);
border-color: var(--primary-color-1);
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single {
height: 60px;
border-color: var(--border-color-1);
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 60px;
}
.select2-dropdown {
border-color: var(--border-color-1);
}
.select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option--highlighted[aria-selected] {
background: var(--primary-color-1);
}
.booked-calendar-wrap div.booked-calendar .bc-head .bc-col {
background: var(--primary-color-1) !important;
border-color: var(--primary-color-1) !important;
}
.booked-calendar-wrap div.booked-calendar .bc-row.days .bc-col {
background: var(--color-3) !important;
border-color: var(--color-3) !important;
}
.booked-calendar-wrap div.booked-calendar .bc-col:hover .date span {
background: var(--primary-color-1) !important;
}
.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span {
box-shadow: inset 0 0 0 2px var(--primary-color-1) !important;
}
body .booked-modal input[type=submit].button-primary,
.booked-calendar-wrap div.booked-calendar .booked-appt-list .timeslot .timeslot-people button {
background: var(--primary-color-1) !important;
border-color: var(--primary-color-1) !important;
transition: 0.4s;
}
body .booked-modal input[type=submit].button-primary:hover,
.booked-calendar-wrap div.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover {
background: var(--color-3) !important;
border-color: var(--color-3) !important;
}
.booked-modal p.booked-title-bar,
.booked-modal p.booked-title-bar {
background: var(--primary-color-1) !important;
}
.wp-block-woocommerce-checkout input[type=text],
.wp-block-woocommerce-checkout input[type=file],
.wp-block-woocommerce-checkout input[type=email],
.wp-block-woocommerce-checkout input[type=url],
.wp-block-woocommerce-checkout input[type=password],
.wp-block-woocommerce-checkout input[type=search],
.wp-block-woocommerce-checkout input[type=number],
.wp-block-woocommerce-checkout input[type=tel],
.wp-block-woocommerce-checkout input[type=range],
.wp-block-woocommerce-checkout input[type=date],
.wp-block-woocommerce-checkout input[type=month],
.wp-block-woocommerce-checkout input[type=week],
.wp-block-woocommerce-checkout input[type=time],
.wp-block-woocommerce-checkout input[type=datetime],
.wp-block-woocommerce-checkout input[type=datetime-local],
.wp-block-woocommerce-checkout input[type=color],
.wp-block-woocommerce-checkout textarea,
.woocommerce input[type=text],
.woocommerce input[type=file],
.woocommerce input[type=email],
.woocommerce input[type=url],
.woocommerce input[type=password],
.woocommerce input[type=search],
.woocommerce input[type=number],
.woocommerce input[type=tel],
.woocommerce input[type=range],
.woocommerce input[type=date],
.woocommerce input[type=month],
.woocommerce input[type=week],
.woocommerce input[type=time],
.woocommerce input[type=datetime],
.woocommerce input[type=datetime-local],
.woocommerce input[type=color],
.woocommerce textarea {
border: 1px solid var(--border-color-1) !important;
}
.wp-block-woocommerce-checkout input[type=text]:focus,
.wp-block-woocommerce-checkout input[type=file]:focus,
.wp-block-woocommerce-checkout input[type=email]:focus,
.wp-block-woocommerce-checkout input[type=url]:focus,
.wp-block-woocommerce-checkout input[type=password]:focus,
.wp-block-woocommerce-checkout input[type=search]:focus,
.wp-block-woocommerce-checkout input[type=number]:focus,
.wp-block-woocommerce-checkout input[type=tel]:focus,
.wp-block-woocommerce-checkout input[type=range]:focus,
.wp-block-woocommerce-checkout input[type=date]:focus,
.wp-block-woocommerce-checkout input[type=month]:focus,
.wp-block-woocommerce-checkout input[type=week]:focus,
.wp-block-woocommerce-checkout input[type=time]:focus,
.wp-block-woocommerce-checkout input[type=datetime]:focus,
.wp-block-woocommerce-checkout input[type=datetime-local]:focus,
.wp-block-woocommerce-checkout input[type=color]:focus,
.wp-block-woocommerce-checkout textarea:focus,
.woocommerce input[type=text]:focus,
.woocommerce input[type=file]:focus,
.woocommerce input[type=email]:focus,
.woocommerce input[type=url]:focus,
.woocommerce input[type=password]:focus,
.woocommerce input[type=search]:focus,
.woocommerce input[type=number]:focus,
.woocommerce input[type=tel]:focus,
.woocommerce input[type=range]:focus,
.woocommerce input[type=date]:focus,
.woocommerce input[type=month]:focus,
.woocommerce input[type=week]:focus,
.woocommerce input[type=time]:focus,
.woocommerce input[type=datetime]:focus,
.woocommerce input[type=datetime-local]:focus,
.woocommerce input[type=color]:focus,
.woocommerce textarea:focus {
border: 1px solid var(--primary-color-1) !important;
}
body {
word-break: break-word;
} .wpcf7-form p:empty {
display: none;
}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption,
figcaption {
margin-top: 20px;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.entry-content ul li.blocks-gallery-item:before {
content: "";
}
.wp-block-gallery {
margin-bottom: 30px;
}
.entry-content ul li.blocks-gallery-item {
padding-left: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
font-size: 16px;
margin-top: 0;
bottom: 0;
}
ul.blocks-gallery-grid li:before {
display: none;
}
.wp-block-gallery .blocks-gallery-item figure img {
margin-top: 0;
}
.gallery-item figcaption {
font-weight: normal;
}
figure.wp-block-audio {
margin: 30px 0;
}
.bypostauthor {
display: block;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
clear: both;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0 !important;
}
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 !important;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: var(--bg-white);
border: 1px solid var(--border-color-1);
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 !important;
}
.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;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--color-6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--body-color);
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; }
.logged-in .mean-container a.meanmenu-reveal {
top: 54px;
}
.logged-in .mean-container .mean-nav {
margin-top: 112px;
}
@media (max-width: 782px) {
.logged-in .mean-container a.meanmenu-reveal {
top: 68px;
}
.logged-in .mean-container .mean-nav {
margin-top: 126px;
}
}
@media (max-width: 991px) {
.logged-in.elementor-editor-active .mean-container a.meanmenu-reveal,
.logged-in.elementor-editor-preview .mean-container a.meanmenu-reveal {
top: 22px;
}
.logged-in.elementor-editor-active .mean-container .mean-nav,
.logged-in.elementor-editor-preview .mean-container .mean-nav {
margin-top: 80px;
}
}
.theme__pagination ul li span.current {
border: 1px solid var(--border-color-1);
display: flex;
height: 50px;
width: 50px;
align-items: center;
justify-content: center;
transition: 0.4s;
border-radius: 5px;
background: var(--primary-color-1);
color: var(--text-white);
font-weight: 500;
}
span.page-numbers.dots {
line-height: 40px;
}
.all__sidebar .widget a {
color: var(--text-heading-color);
transition: 0.4s;
}
.all__sidebar .widget a:hover {
color: var(--primary-color-1);
}
.all__sidebar h2 {
font-size: 22px;
line-height: 36px;
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color-1);
}
.all__sidebar h2::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
height: 1px;
width: 70px;
background: var(--primary-color-1);
}
.all__sidebar ul {
padding: 0;
}
.all__sidebar ul li {
list-style: none;
}
.all__sidebar ol {
padding: 0;
}
.all__sidebar ul,
.all__sidebar ol {
margin-bottom: 0;
}
.all__sidebar li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
.wp-block-search__label {
display: none;
}
.all__sidebar .wp-block-archives li,
.all__sidebar .wp-block-latest-posts li,
.all__sidebar .widget_archive li {
list-style-type: none;
margin-bottom: 15px;
}
.all__sidebar .wp-block-archives li:last-child,
.all__sidebar .wp-block-latest-posts li:last-child,
.all__sidebar .widget_archive li:last-child,
.wp-block-latest-comments__comment:last-child {
margin-bottom: 0px;
}
.wp-block-calendar .wp-calendar-nav-prev {
float: left;
}
.all__sidebar .wp-block-archives,
.all__sidebar .widget_archive ul {
padding: 0;
margin-bottom: 0;
}
.wp-block-calendar a {
text-decoration: none;
}
.wp-block-categories li,
.wp-block-page-list li {
margin-bottom: 8px;
}
.wp-block-rss li {
margin-bottom: 15px;
}
.wp-block-tag-cloud a,
.widget_tag_cloud a {
background: var(--bg-white);
transition: 0.4s;
border: 1px solid var(--border-color-1);
margin: 1px 3px;
overflow: hidden;
padding: 4px 20px 5px 20px;
display: inline-block;
font-weight: 500;
font-size: 15px !important;
line-height: 25px;
border-radius: 4px;
}
.wp-block-tag-cloud a:hover,
.widget_tag_cloud a:hover {
color: var(--text-white) !important;
background: var(--primary-color-1);
border-color: var(--primary-color-1);
}
ol.wp-block-latest-comments {
padding-left: 0;
}
.all__sidebar .sub-menu ul {
padding-left: 10px;
margin-left: 10px !important;
}
.all__sidebar .widget_rss ul,
.all__sidebar .widget_recent_comments ul,
.all__sidebar .widget_recent_entries ul {
padding: 0;
}
.all__sidebar .widget_rss li,
.all__sidebar .widget_recent_comments li,
.all__sidebar .widget_recent_entries li {
list-style: none;
margin-bottom: 15px;
}
.all__sidebar table tbody th,
.all__sidebar table tbody td {
border: 1px solid var(--border-color-1) !important;
padding: 5px 10px !important;
}
.all__sidebar table {
width: 100%;
text-align: center;
}
.page-links {
clear: both;
}
.page-links .post-page-numbers {
border-radius: 0;
border: 1px solid var(--border-color-1);
width: 40px;
transition: 0.4s;
height: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
margin: 0 2px 0 2px;
}
.page-links .post-page-numbers.current {
border: 1px solid var(--primary-color-1);
background-color: var(--primary-color-1);
color: var(--text-white);
}
.page-links .post-page-numbers:hover {
border: 1px solid var(--primary-color-1);
background-color: var(--primary-color-1);
color: var(--text-white);
}
.single-post .post-thumbnail {
margin-bottom: 30px;
}
.sticky .theme_blog_standard-item {
border: 3px solid var(--primary-color-1);
}
.theme_breadcrumb__area-content span {
color: var(--primary-color-1);
}
.comment-form-cookies-consent {
display: none;
}
.comment-required-title,
.comment-form .logged-in-as {
font-size: 15px;
line-height: 24px;
margin-bottom: 25px;
margin-top: 5px;
}
.comment-edit-link {
margin-left: 10px;
}
#comments {
clear: both;
}
.entry-content table th,
.entry-content table td {
padding: 10px;
}
.cosion-core .entry-content > h1,
.cosion-core .entry-content > h2,
.cosion-core .entry-content > h3,
.cosion-core .entry-content > h4,
.cosion-core .entry-content > h5,
.cosion-core .entry-content > h6 {
margin-bottom: 15px;
}
.cosion-core .entry-content table {
margin-bottom: 20px;
}
.cosion-core a {
color: var(--text-heading-color);
transition: 0.4s;
}
.cosion-core a:hover {
color: var(--primary-color-1);
}
.cosion-core .btn-one {
color: var(--text-white);
}
.cosion-core .btn-one:hover {
color: var(--text-white);
}
.cosion-core .theme_blog_details-left-tag a:hover {
color: var(--text-white);
}
blockquote.wp-block-quote,
blockquote {
background-color: var(--color-3);
font-size: 20px;
padding: 35px 25px;
margin: 30px 0;
border-radius: 0 10px 10px 0;
position: relative;
line-height: 34px;
border-left: 4px solid var(--primary-color-1);
font-style: italic;
position: relative;
}
blockquote.wp-block-quote::before,
blockquote::before {
position: absolute;
content: "\f10d";
font-family: "Font Awesome 5 Pro";
font-size: 90px;
font-weight: 900;
opacity: 0.04;
top: 55px;
left: 30px;
}
.cosion-core .entry-content ol li,
.cosion-core .entry-content ul li {
margin-bottom: 5px;
}
.wp-block-button {
display: inline-block;
}
.wp-block-button__link {
color: var(--text-white) !important;
transition: 0.4s;
}
.wp-block-button__link:hover {
color: var(--primary-color-1) !important;
}
.wp-block-button.is-style-outline a {
color: var(--black) !important;
transition: 0.4s;
}
.wp-block-button.is-style-outline a:hover {
color: var(--primary-color-1) !important;
}
.wp-block-cover p:not(.has-text-color),
.wp-block-cover.has-background-dim strong,
.wp-block-cover.has-background-dim a {
color: var(--text-white);
}
.wp-block-group.has-background {
margin: 30px 0 !important;
padding: 30px;
}
embed,
iframe,
object {
max-width: 100%;
}
.no-results.not-found p {
padding: 20px 0px;
}
.all__sidebar select,
.cosion-core select {
width: 100%;
height: 55px;
padding: 6px 6px;
}
@media (max-width: 1220px) {
.dn-1220 {
display: none;
}
}
@media (max-width: 1370px) {
.dn-1370 {
display: none;
}
}
.elements-design .theme_breadcrumb__area::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-5);
opacity: 0.7;
z-index: -1;
}
.csf-cta-widget {
padding: 0 !important;
border: none !important;
}
.wp-block-search__button {
margin-left: 10px;
word-break: normal;
}
.wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.request__quote-item label {
width: 100% !important;
}
.request__quote-item input,
.request__quote-item textarea {
margin-top: 10px !important;
}
.menu-header-menu-container #mobilemenu span {
font-family: "Font Awesome 5 Pro";
}
.elementor-editor-preview .custom-header-builder {
margin-top: 0;
}
.elementor-editor-active .custom-header-builder {
margin-top: 0;
}
@media (min-width: 1024px) {
:root {
--header-width: 25%;
}
.vertical-header-enable {
display: flex;
}
.vertical-header-enable .custom-header-builder {
width: var(--header-width);
}
.vertical-header-enable .site-all-content {
width: calc(100% - var(--header-width));
}
.vertical-header-enable .vertical-header-content header {
position: sticky;
top: 0;
}
}
.logged-in .flexitype-transparent-header {
top: 32px;
}
.logged-in.elementor-editor-preview .flexitype-transparent-header, .logged-in.elementor-editor-active .flexitype-transparent-header {
top: 0px;
}
.wc-block-components-totals-coupon__form input {
height: 60px !important;
}
.wc-block-components-totals-coupon__form button {
font-size: 14px;
font-weight: 500;
}
.common-subscribe-form-footer {
display: flex;
gap: 25px;
}
.common-subscribe-form-footer-btn input {
transition: 0.4s;
}
.p_color {
color: #00C486;
}
.font_weight {
font-weight: 300;
}
.footer__one-widget-subscribe {
position: relative;
}
.footer__one-widget-subscribe p {
margin: 0;
}
.footer__one-widget-subscribe button {
position: absolute;
right: 0;
top: 0;
padding: 0;
width: 60px;
height: 60px;
color: #fff;
background: #0049DC;
border-radius: 0 50px 50px 0;
}
.three .footer__one-widget-subscribe button {
background: #FCA028;
color: #203635;
}
.wpcf7-spinner {
display: none;
}
.demo_item-thumb {
position: relative;
z-index: 1;
overflow: hidden;
}
.demo_item-thumb::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--color-4);
transition: 0.4s;
opacity: 0;
}
.demo_item-thumb-button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 3;
text-align: center;
opacity: 0;
transition: 0.4s;
width: 90%;
}
.demo_item-thumb-button ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.demo_item-thumb-button ul li {
list-style: none;
}
.demo_item-thumb-button ul li a {
color: var(--text-white);
background: var(--primary-color-1);
padding: 5px 20px;
border-radius: 6px;
display: inline-block;
}
.demo_item-thumb-button ul li a:hover {
color: var(--primary-color-1);
background: var(--bg-white);
}
.demo_item-thumb-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 20px;
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.05);
z-index: 1;
}
.demo_item-thumb-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.4s;
background: var(--bg-white);
z-index: -1;
}
.demo_item-thumb-content h6 {
transition: 0.4s;
}
.demo_item:hover .demo_item-thumb-content h6 {
opacity: 0;
visibility: hidden;
}
.demo_item:hover .demo_item-thumb-content::after {
height: 0;
}
.demo_item:hover .demo_item-thumb-button,
.demo_item:hover .demo_item-thumb::after {
opacity: 1;
}