:root {
--font-fahkwang: "Fahkwang", sans-serif;
--font-unbounded: "Unbounded", sans-serif;
--primary-color: #EC6219;
--primary-color2: #F4CB0A;
--primary-color3: #1A1A1A;
--primary-color4: #78EB54;
--title-color: #1A1A1A;
--title-color-opc: 26, 26, 26;
--dark-title-color: #1A1A1A;
--white-color: #fff;
---dark-white-color: #fff;
--deep-white-color: #DFDFDF;
--paragraph-color: #545454;
--paragraph-color-opc: 84, 84, 84;
--paragraph-color2: #363636;
--paragraph-color3: #1A1A1A;
--paragraph-color-dark: #C4C4C4;
--border-color1: #dfdfdf;
--border-color2: #eee;
--body-bg1: #F0F0F0;
--bg-color1: #F8F8F8;
--section-bg1: #EAEAEA;
}
body.dark {
--title-color: #FFFFFF;
--title-color-opc: 255, 255, 255;
--deep-white-color: #222;
--paragraph-color: #c4c4c4;
--paragraph-color-opc: 196, 196, 196;
--paragraph-color2: #dfdfdf;
--paragraph-color-dark: #C4C4C4;
--border-color1: #2F2F2F;
--border-color2: #222222;
--body-bg1: #161616;
---dark-white-color: #161616;
--section-bg1: #1A1A1A;
--bg-color1: #F8F8F8;
background-color: #161616 !important;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
outline: 0 solid;
box-shadow: unset;
}
input,
textarea {
border-radius: 0px;
}
body {
position: relative;
font-size: 16px;
font-family: var(--font-unbounded);
font-weight: 400;
overflow-x: hidden;
}
body.home1-bg {
background-color: #F0F0F0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-unbounded);
font-weight: 500;
margin-bottom: 15px;
}
img {
max-width: 100%;
}
p {
margin: 0;
color: var(--paragraph-color);
}
a,
a:hover {
color: unset;
text-decoration: none;
}
input,
select,
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
.pt-130 {
padding-top: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-130 {
padding-top: 100px;
}
}
@media (max-width: 991px) {
.pt-130 {
padding-top: 90px;
}
}
.pb-130 {
padding-bottom: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-130 {
padding-bottom: 100px;
}
}
@media (max-width: 991px) {
.pb-130 {
padding-bottom: 90px;
}
}
.pt-90 {
padding-top: 90px;
}
@media (max-width: 991px) {
.pt-90 {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.pt-90 {
padding-top: 70px;
}
}
.pb-90 {
padding-bottom: 90px;
}
@media (max-width: 991px) {
.pb-90 {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.pb-90 {
padding-bottom: 70px;
}
}
.pb-80 {
padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-80 {
padding-bottom: 60px;
}
}
.pb-65 {
padding-bottom: 65px;
}
.mt-130 {
margin-top: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-130 {
margin-top: 100px;
}
}
@media (max-width: 991px) {
.mt-130 {
margin-top: 90px;
}
}
.pl-70 {
padding-left: 70px;
}
@media (max-width: 767px) {
.pl-70 {
padding-left: 0;
}
}
.sec-mar {
margin: 130px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.sec-mar {
margin: 100px 0;
}
}
@media (max-width: 991px) {
.sec-mar {
margin: 90px 0;
}
}
.mt-120 {
margin-top: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-120 {
margin-top: 100px;
}
}
@media (max-width: 991px) {
.mt-120 {
margin-top: 90px;
}
}
.mb-120 {
margin-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-120 {
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.mb-120 {
margin-bottom: 90px;
}
}
.mb-130 {
margin-bottom: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-130 {
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.mb-130 {
margin-bottom: 90px;
}
}
.mb-110 {
margin-bottom: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-110 {
margin-bottom: 90px;
}
}
@media (max-width: 991px) {
.mb-110 {
margin-bottom: 80px;
}
}
.mb-100 {
margin-bottom: 110px;
}
@media (max-width: 991px) {
.mb-100 {
margin-bottom: 80px;
}
}
.mt-100 {
margin-top: 110px !important;
}
@media (max-width: 991px) {
.mt-100 {
margin-top: 80px !important;
}
}
.mb-90 {
margin-bottom: 90px;
}
@media (max-width: 991px) {
.mb-90 {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.mb-90 {
margin-bottom: 50px;
}
}
.mb-15 {
margin-bottom: 15px;
}
.mb-10 {
margin-bottom: 10px;
}
.pt-80 {
padding-top: 80px;
}
.pt-50 {
padding-top: 50px;
}
.pt-0 {
padding: 0;
}
.pt-40 {
padding-top: 40px;
}
.pt-35 {
padding-top: 35px;
}
.pt-30 {
padding-top: 30px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-60 {
padding-bottom: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.mb-60 {
margin-bottom: 40px;
}
}
.mb-70 {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.mb-70 {
margin-bottom: 40px;
}
}
.mb-50 {
margin-bottom: 50px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-44 {
margin-bottom: 44px;
}
@media (max-width: 991px) {
.mb-44 {
margin-bottom: 0px;
}
}
.mb-40 {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.mb-40 {
margin-bottom: 30px;
}
}
.mb-35 {
margin-bottom: 35px;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-15 {
margin-top: 15px;
}
.mt-40 {
margin-top: 40px;
}
.mt-35 {
margin-top: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-25 {
margin-bottom: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-50 {
margin-top: 50px;
}
.mt-25 {
margin-top: 25px;
}
.mb-50 {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.mb-50 {
margin-bottom: 40px;
}
}
@media (max-width: 576px) {
.mb-50 {
margin-bottom: 30px;
}
}
.mt-60 {
margin-top: 60px;
}
@media (max-width: 767px) {
.mt-60 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
@media (max-width: 767px) {
.mt-70 {
margin-top: 40px;
}
}
.page-content {
z-index: 1;
position: relative;
overflow: hidden;
width: 100%;
min-height: 100%;
}
.line_wrap {
top: 0px;
left: 50%;
bottom: 0px;
max-width: 1320px;
width: 100%;
z-index: -1;
display: block;
position: absolute;
transform: translateX(-50%);
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
display: flex;
}
@media (max-width: 1399px) {
.line_wrap {
max-width: 1140px;
}
}
@media (max-width: 1199px) {
.line_wrap {
max-width: 960px;
}
}
@media (max-width: 991px) {
.line_wrap {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
max-width: unset;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
}
.line_wrap .line_item {
height: 100%;
position: relative;
display: inline-block;
border-left: 1px solid var(--deep-white-color);
}
.line_wrap .line_item:before {
width: 1px;
left: -1px;
content: "";
height: 100px;
position: absolute;
}
.line_wrap .line_item.first-line {
margin-left: 0;
}
.line_wrap .line_item.first-line::before {
left: unset;
right: -1px;
animation: scroll1 15s ease-out infinite;
background-image: linear-gradient(0deg, #000000, transparent);
}
.line_wrap .line_item.center-line {
min-width: 33.33%;
border-left: unset;
}
.line_wrap .line_item.center-line::before {
animation: scroll1 20s ease-out infinite;
background-image: linear-gradient(0deg, #000000, transparent);
right: -7px;
left: unset;
}
.line_wrap .line_item.last-line {
margin-left: 7px;
border-right: 1px solid var(--deep-white-color);
width: 100%;
}
.line_wrap .line_item.last-line::before {
left: unset;
right: -1px;
animation: scroll1 15s ease-out infinite;
background-image: linear-gradient(0deg, #000000, transparent);
}
@keyframes scroll1 {
0% {
top: 0px;
opacity: 1;
}
50% {
top: 50%;
}
100% {
top: 100%;
opacity: 0.5;
}
}
@keyframes scroll2 {
0% {
opacity: 1;
bottom: 0px;
}
50% {
bottom: 50%;
}
100% {
bottom: 100%;
opacity: 0.5;
}
}
.circle-container {
background: transparent;
position: fixed;
right: 30px;
bottom: 55px;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
border-radius: 50px;
border: 2px solid var(--primary-color);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 200ms linear;
}
@media (max-width: 576px) {
.circle-container {
bottom: 30px;
}
}
.circle-container.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.circle-container svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: var(--primary-color);
}
.circle-container:hover {
background-color: var(--primary-color);
}
.circle-container:hover svg {
fill: var(--white-color);
}
.circle-container.two {
border-color: var(--primary-color2);
}
.circle-container.two svg {
fill: var(--primary-color2);
}
.circle-container.two:hover {
background-color: var(--primary-color2);
}
.circle-container.two:hover svg {
fill: var(--dark-title-color);
}
.circle-container.three {
border-color: var(--primary-color4);
}
.circle-container.three svg {
fill: var(--primary-color4);
}
.circle-container.three:hover {
background-color: var(--primary-color4);
}
.circle-container.three:hover svg {
fill: var(--dark-title-color);
}
#magic-cursor {
position: absolute;
display: none;
width: 10px;
height: 10px;
pointer-events: none;
z-index: 99999;
opacity: 0;
}
body.tt-magic-cursor #magic-cursor {
display: block;
}
#ball {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
color: var(--white-color);
pointer-events: none;
border-style: solid;
border-radius: 50%;
border-color: #D9D9D9; } #ball.ball-view {
background-color: var(--dark-title-color);
font-size: 15px;
font-weight: 500;
color: var(--white-color);
line-height: 1.4;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.5);
}
#ball .ball-view-inner {
padding: 0 5px;
opacity: 0;
visibility: hidden;
transform: scale(0);
}
#ball .ball-view-inner i {
font-size: 24px;
} #ball .ball-drag {
position: absolute;
display: block;
width: 100%;
padding: 0 5px;
font-size: 15px;
font-weight: 600;
color: var(--title-color);
line-height: 1.2;
text-align: center;
transition: all 0.3s;
}
#ball .ball-drag::before,
#ball .ball-drag::after {
position: absolute;
top: 50%;
margin-top: -5px;
font-size: 16px;
color: var(--primary-color);
height: 10px;
line-height: 10px; font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
#ball .ball-drag::before {
content: "\f060"; left: 0;
transform: translate3d(-30px, 0, 0);
transition: all 0.25s;
}
#ball .ball-drag::after {
content: "\f061"; right: 0;
transform: translate3d(30px, 0, 0);
transition: all 0.25s;
} #ball.ball-close-enabled {
opacity: 1 !important;
}
#ball .ball-close {
position: absolute;
padding: 0 5px;
font-size: 14px;
font-weight: 600;
color: var(--primary-color);
line-height: 1;
text-align: center;
} .tt-style-switch {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
top: 30%;
right: 0;
width: 40px;
height: 35px;
background-color: #444;
font-size: 16px;
color: #FFF !important;
cursor: pointer;
z-index: 9999;
border-radius: 50px 0 0 50px;
transition: all 0.2s;
}
.tt-style-switch .bi {
color: #fff;
z-index: 9999;
}
@media (max-width: 540px) {
.tt-style-switch {
top: 50%;
bottom: unset;
}
}
body:not(.is-mobile) .tt-style-switch:hover {
width: 45px;
background-color: red;
color: #FFF;
}
.tt-stsw-dark,
.tt-stsw-light {
line-height: 0;
}
.tt-style-switch:not(.is-dark) .tt-stsw-dark {
display: none;
}
.tt-style-switch.is-dark .tt-stsw-light {
display: none;
} @media (min-width: 769px) {
body.tt-sliding-sidebar-right-on .tt-style-switch {
right: auto;
left: 0;
border-radius: 0 50px 50px 0;
}
} .magnetic-wrap {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
#ball.magnetic-active {
border-color: var(--primary-color) !important;
}
.sub-title h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 576px) {
.sub-title h6 {
font-size: 15px;
}
}
.sub-title h6 svg {
fill: var(--primary-color);
}
.sub-title.two h6 {
color: var(--white-color);
}
@media (max-width: 991px) {
.sub-title2 {
margin-bottom: 10px;
}
}
.sub-title2 h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
border-radius: 50px;
border: 1px solid var(--border-color1);
background: var(---dark-white-color);
display: inline-flex;
line-height: 1;
padding: 8px 20px;
}
.sub-title2.dark h6 {
color: var(--white-color);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #252525;
}
.section-title h1,
.section-title h2 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 0;
margin-top: -10px;
}
.section-title h1 strong,
.section-title h2 strong {
display: block;
font-weight: 500;
}
.section-title h1 span,
.section-title h2 span {
font-family: var(--font-fahkwang);
display: block;
}
@media (max-width: 1399px) {
.section-title h1,
.section-title h2 {
font-size: 40px;
}
}
@media (max-width: 1199px) {
.section-title h1,
.section-title h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.section-title h1,
.section-title h2 {
font-size: 30px;
}
}
.section-title .dash-and-paragraph {
display: flex;
align-items: center;
gap: 20px;
padding-top: 15px;
}
.section-title .dash-and-paragraph .dash {
width: 100%;
height: 1px;
min-width: 50px;
background-color: var(--border-color1);
position: relative;
}
@media (max-width: 767px) {
.section-title .dash-and-paragraph .dash {
display: none;
}
}
.section-title .dash-and-paragraph .dash::after {
content: "";
height: 6px;
width: 5px;
-webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);
clip-path: polygon(100% 50%, 0 100%, 0 0);
background-color: var(--border-color1);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.section-title .dash-and-paragraph p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
max-width: 536px;
min-width: 536px;
}
@media (max-width: 576px) {
.section-title .dash-and-paragraph p {
font-size: 15px;
max-width: 536px;
min-width: unset;
}
}
.section-title .dash-and-paragraph.two svg {
width: 100%;
fill: var(--border-color1);
}
.section-title .dash-and-paragraph.two p {
max-width: 424px;
min-width: 424px;
}
@media (max-width: 576px) {
.section-title .dash-and-paragraph.two p {
max-width: 424px;
min-width: unset;
}
}
.section-title .dash-and-paragraph.three > svg {
width: 100%;
fill: #CCD4DD;
}
@media (max-width: 767px) {
.section-title .dash-and-paragraph.three > svg {
display: none;
visibility: hidden;
}
}
.section-title .dash-and-paragraph.three .btn-and-paragraph {
margin-top: -80px;
}
@media (max-width: 991px) {
.section-title .dash-and-paragraph.three .btn-and-paragraph {
margin-top: 0;
}
}
.section-title .dash-and-paragraph.three .btn-and-paragraph a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
transition: 0.35s;
margin-bottom: 15px;
}
.section-title .dash-and-paragraph.three .btn-and-paragraph a svg {
fill: var(--title-color);
transition: 0.35s;
}
.section-title .dash-and-paragraph.three .btn-and-paragraph a:hover {
color: var(--primary-color);
}
.section-title .dash-and-paragraph.three .btn-and-paragraph a:hover svg {
fill: var(--primary-color);
}
.section-title.two h2 {
color: var(--white-color);
}
.section-title.three {
display: flex;
gap: 30px;
}
@media (max-width: 991px) {
.section-title.three {
flex-wrap: wrap;
gap: 10px;
}
}
.section-title.three h2 {
text-align: end;
}
@media (max-width: 1199px) {
.section-title.three h2 {
text-align: start;
}
}
.section-title.three .dash-and-paragraph {
display: flex;
align-items: flex-start;
padding-top: 85px;
}
@media (max-width: 991px) {
.section-title.three .dash-and-paragraph {
padding-top: 0;
}
}
.section-title.three .dash-and-paragraph.three > svg {
width: 100%;
fill: var(--border-color1);
min-width: 472px;
}
@media (max-width: 1399px) {
.section-title.three .dash-and-paragraph.three > svg {
min-width: unset;
}
}
@media (max-width: 767px) {
.section-title.three .dash-and-paragraph.three > svg {
display: none;
visibility: hidden;
}
}
.section-title.three .dash-and-paragraph.three .btn-and-paragraph {
margin-top: 0px;
}
.section-title.three .dash-and-paragraph.three .btn-and-paragraph p {
max-width: 424px;
min-width: 424px;
}
@media (max-width: 767px) {
.section-title.three .dash-and-paragraph.three .btn-and-paragraph p {
min-width: 100%;
}
}
.section-title.four {
display: flex;
justify-content: space-between;
align-items: end;
gap: 30px;
}
@media (max-width: 991px) {
.section-title.four {
flex-wrap: wrap;
gap: 10px;
}
}
.section-title.four .dash-and-paragraph {
padding-top: 0;
margin: 0;
}
.section-title.four .dash-and-paragraph .btn-and-paragraph {
margin-top: 0;
}
.section-title.five h2 span {
font-family: var(--font-unbounded);
color: var(--paragraph-color);
}
.section-title.six h2 {
font-size: 60px;
}
@media (max-width: 1399px) {
.section-title.six h2 {
font-size: 55px;
}
}
@media (max-width: 991px) {
.section-title.six h2 {
font-size: 50px;
}
}
@media (max-width: 576px) {
.section-title.six h2 {
font-size: 45px;
}
}
.section-title.six .dash-and-paragraph {
align-items: start;
}
.section-title.six .dash-and-paragraph svg {
width: 100%;
fill: var(--border-color2);
}
@media (max-width: 576px) {
.section-title.six .dash-and-paragraph svg {
display: none;
}
}
.section-title.six .dash-and-paragraph p {
max-width: 424px;
min-width: 424px;
margin-top: -5px;
}
@media (max-width: 767px) {
.section-title.six .dash-and-paragraph p {
min-width: unset;
}
}
.section-title .paragraph-and-btn p {
margin-bottom: 35px;
}
.section-title.white h1,
.section-title.white h2 {
color: var(--white-color);
}
.section-title.white .dash-and-paragraph p {
color: #C4C4C4;
}
.section-title-2 h2 {
color: var(--title-color);
text-align: center;
font-family: var(--font-unbounded);
font-size: 130px;
font-style: normal;
font-weight: 500;
line-height: 60px;
display: inline-flex;
align-items: flex-start;
}
.section-title-2 h2 svg {
fill: var(--primary-color);
height: 50px;
width: 50px;
}
@media (max-width: 1399px) {
.section-title-2 h2 {
font-size: 90px;
}
.section-title-2 h2 svg {
height: 30px;
width: 30px;
}
}
@media (max-width: 1199px) {
.section-title-2 h2 {
font-size: 70px;
}
.section-title-2 h2 svg {
height: 30px;
width: 30px;
}
}
@media (max-width: 576px) {
.section-title-2 h2 {
font-size: 45px;
}
.section-title-2 h2 svg {
height: 20px;
width: 20px;
}
}
.section-title3 h2 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 0;
}
@media (max-width: 1399px) {
.section-title3 h2 {
font-size: 40px;
}
}
@media (max-width: 1199px) {
.section-title3 h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.section-title3 h2 {
font-size: 30px;
}
}
.section-title3 p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 28px;
padding-top: 15px;
}
.section-title3 p strong {
font-weight: 500;
}
.paragraph-and-btn-area {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.paragraph-and-btn-area p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400 !important;
line-height: 28px;
margin-bottom: 0;
max-width: 450px;
width: 100%;
}
.explore-btn {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 25px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.5s;
}
.explore-btn svg {
fill: var(--title-color);
transition: 0.5s;
}
.circle-btn {
height: 160px;
width: 160px;
border-radius: 50%;
background-color: #EAEAEA;
color: var(--title-color);
text-align: center;
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 20px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 5px;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
}
.circle-btn strong {
display: block;
font-weight: 500;
line-height: 20px;
}
.circle-btn svg {
fill: var(--title-color);
transition: all 0.6s;
margin-bottom: 7px;
}
.circle-btn span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: var(--primary-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.circle-btn:hover {
color: var(--white-color);
}
.circle-btn:hover span {
width: 225%;
height: 1000.5px;
}
.circle-btn:hover svg {
fill: var(--white-color);
}
.circle-btn.two {
background-color: var(--dark-title-color);
color: var(--white-color);
}
.circle-btn.two svg {
fill: var(--white-color);
}
.dark .circle-btn {
background-color: var(--dark-title-color);
color: var(--title-color);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .circle-btn svg {
fill: var(--title-color);
}
.dark .circle-btn span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: var(--primary-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.dark .circle-btn:hover {
color: var(--white-color);
}
.dark .circle-btn:hover span {
width: 225%;
height: 1000.5px;
}
.primary-btn2 {
color: var(---dark-white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
background-color: var(--title-color);
border-radius: 50px;
padding: 16px 30px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
display: inline-flex;
align-items: center;
line-height: 1;
gap: 8px;
}
.primary-btn2 svg {
fill: var(---dark-white-color);
transition: all 0.6s;
}
.primary-btn2 span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--primary-color2);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.primary-btn2:hover {
color: var(--dark-title-color);
}
.primary-btn2:hover svg {
fill: var(--dark-title-color);
}
.primary-btn2:hover span {
width: 225%;
height: 1000.5px;
}
.primary-btn2:active {
background-color: var(--primary-color);
}
.primary-btn3 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
border-radius: 50px;
padding: 19px 36px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
display: inline-flex;
align-items: center;
line-height: 1;
gap: 8px;
}
.primary-btn3 svg {
fill: var(--white-color);
transition: all 0.6s;
}
.primary-btn3 span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--white-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.primary-btn3:hover {
color: var(--dark-title-color);
}
.primary-btn3:hover svg {
fill: var(--dark-title-color);
}
.primary-btn3:hover span {
width: 225%;
height: 1000.5px;
}
.primary-btn3:active {
background-color: var(--primary-color);
}
.primary-btn4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
background-color: transparent;
border: 1px solid var(--title-color);
border-radius: 50px;
padding: 19px 36px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
display: inline-flex;
align-items: center;
line-height: 1;
gap: 8px;
}
.primary-btn4 svg {
fill: var(--title-color);
transition: all 0.6s;
}
.primary-btn4 span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--primary-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.primary-btn4:hover {
color: var(--white-color);
border-color: var(--white-color);
}
.primary-btn4:hover svg {
fill: var(--white-color);
}
.primary-btn4:hover span {
width: 225%;
height: 1000.5px;
}
.primary-btn4:active {
background-color: var(--primary-color);
}
.primary-btn5 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
border: 1px solid var(--title-color);
background: var(--white-color);
line-height: 1;
display: inline-flex;
align-items: baseline;
padding: 15px 27px;
gap: 8px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
}
.primary-btn5 svg {
fill: var(--title-color);
transition: all 0.6s;
}
.primary-btn5 span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--title-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.primary-btn5:hover {
color: var(--white-color);
}
.primary-btn5:hover svg {
fill: var(--white-color);
}
.primary-btn5:hover span {
width: 225%;
height: 1000.5px;
}
.primary-btn5:active {
background-color: var(--white-color);
}
.primary-btn5.black {
color: var(--white-color);
background-color: var(--paragraph-color3);
}
.primary-btn5.black svg {
fill: var(--white-color);
}
.primary-btn5.black span {
background-color: var(--white-color);
}
.primary-btn5.black:hover {
color: var(--dark-title-color);
}
.primary-btn5.black:hover svg {
fill: var(--dark-title-color);
}
.form-inner {
position: relative;
line-height: 1;
}
.form-inner label {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
display: block;
margin-bottom: 10px;
}
.form-inner input {
background: var(---dark-white-color);
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
height: 50px;
width: 100%;
padding: 10px 20px;
outline: none;
border: 1px solid var(---dark-white-color);
}
.form-inner input::-moz-placeholder {
color: rgba(var(--paragraph-color-opc), 0.6);
}
.form-inner input::placeholder {
color: rgba(var(--paragraph-color-opc), 0.6);
}
.form-inner input:focus {
border: 1px solid var(--primary-color);
}
.form-inner textarea {
background: var(---dark-white-color);
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
width: 100%;
padding: 20px 20px;
outline: none;
border: 1px solid var(---dark-white-color);
min-height: 120px;
}
.form-inner textarea::-moz-placeholder {
color: rgba(var(--paragraph-color-opc), 0.6);
}
.form-inner textarea::placeholder {
color: rgba(var(--paragraph-color-opc), 0.6);
}
.form-inner textarea:focus {
border: 1px solid var(--primary-color);
}
.form-inner2 .form-check {
min-height: unset;
margin-bottom: 0;
}
.form-inner2 .form-check .form-check-input {
cursor: pointer;
height: 14px;
width: 14px;
margin-top: 5px;
}
.form-inner2 .form-check .form-check-input:focus {
box-shadow: none;
border-color: var(--border-color2);
}
.form-inner2 .form-check .form-check-input:checked {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.form-inner2 .form-check .form-check-input[type=checkbox] {
border-radius: unset;
}
.form-inner2 .form-check .form-check-label {
cursor: pointer;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
@media (max-width: 576px) {
.form-inner2 .form-check .form-check-label {
font-size: 12px;
}
}
.nice-select {
width: 100%;
height: 50px;
line-height: 48px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
background: var(---dark-white-color);
border-color: var(--border-color2);
border-radius: 5px;
padding-left: 25px;
padding-right: 25px;
}
.nice-select:hover {
border-color: var(--border-color2);
}
.nice-select:focus {
border-color: var(--border-color2);
}
.nice-select.open {
border-radius: 5px 5px 0 0;
}
.nice-select.open::after {
transform: rotate(-180deg);
}
.nice-select:after {
border-bottom: none;
border-right: none;
content: "";
display: block;
height: 7px;
width: 10px;
background-color: #DFDFDF;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 25px;
-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
clip-path: polygon(100% 0, 0 0, 50% 100%);
transform: rotate(0);
}
.nice-select .list {
width: 100%;
background: var(---dark-white-color);
margin-top: 0;
border-radius: 0 0 5px 5px;
}
.nice-select .list .option {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 400;
border-bottom: 1px solid var(--border-color2);
}
.nice-select .list .option:last-child {
border-bottom: unset;
} .header-area.style-1 {
position: relative;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 3%;
width: 100%;
transition: all 0.8s ease-out 0s;
gap: 30px;
border-bottom: 1px solid var(--deep-white-color);
}
@media (max-width: 1699px) {
.header-area.style-1 {
padding: 0px 3%;
}
}
@media (max-width: 1399px) {
.header-area.style-1 {
padding: 0px 2%;
gap: 20px;
}
}
@media (max-width: 991px) {
.header-area.style-1 {
padding: 0;
}
}
.header-area.style-1.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--body-bg1);
z-index: 99;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@media (max-width: 991px) {
.header-area.style-1 .header-logo {
padding: 15px 15px;
}
}
.header-area.style-1 .header-logo img {
width: 175px;
max-width: unset;
}
@media (max-width: 1199px) {
.header-area.style-1 .header-logo img {
width: 150px;
}
}
.header-area.style-1 .header-logo .dark {
display: none;
}
.header-area.style-1 .menu-close-btn i {
color: var(--white-color);
}
.header-area.style-1 .menu-wrap {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 1399px) {
.header-area.style-1 .menu-wrap {
padding: 0 20px;
}
}
@media (max-width: 1399px) {
.header-area.style-1 .menu-wrap {
padding: 0 15px;
}
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap {
border: none;
justify-content: end;
}
}
.header-area.style-1 .menu-wrap .nav-right {
gap: 105px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.header-area.style-1 .menu-wrap .nav-right {
gap: 60px;
}
}
@media (max-width: 1399px) {
.header-area.style-1 .menu-wrap .nav-right {
gap: 30px;
}
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .nav-right {
gap: 0;
}
}
.header-area.style-1 .menu-wrap .nav-right .sidebar-btn {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white-color);
transition: 0.35s;
cursor: pointer;
}
.header-area.style-1 .menu-wrap .nav-right .sidebar-btn svg {
transition: 0.35s;
fill: var(--primary-color);
}
.header-area.style-1 .menu-wrap .nav-right .sidebar-btn svg.close {
display: none;
}
.header-area.style-1 .menu-wrap .nav-right .sidebar-btn.active svg.close {
display: block;
}
.header-area.style-1 .menu-wrap .nav-right .sidebar-btn.active svg.open {
display: none;
}
.header-area.style-1 .menu-wrap .nav-right .sidebar-btn:hover {
background-color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .nav-right .sidebar-btn:hover svg {
fill: var(--white-color);
}
.header-area.style-1 .menu-wrap .nav-right .header-btn {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
border: 1px solid var(--primary-color);
background: var(--primary-color);
line-height: 1;
display: inline-flex;
align-items: baseline;
padding: 20px 35px;
gap: 8px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
}
@media (max-width: 1199px) {
.header-area.style-1 .menu-wrap .nav-right .header-btn {
padding: 14px 22px;
display: none;
visibility: hidden;
}
}
.header-area.style-1 .menu-wrap .nav-right .header-btn svg {
fill: var(--white-color);
transition: all 0.6s;
}
.header-area.style-1 .menu-wrap .nav-right .header-btn span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--white-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:hover {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:hover svg {
fill: var(--primary-color);
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:hover span {
width: 225%;
height: 1000.5px;
}
.header-area.style-1 .menu-wrap .nav-right .header-btn:active {
background-color: var(--white-color);
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .nav-right .header-btn {
display: none;
visibility: hidden;
}
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn {
display: flex;
margin-left: 50px;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative;
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span {
height: 3px;
width: 25px;
background-color: var(--title-color);
display: flex;
transition: transform 0.5s ease-in;
position: absolute;
top: 0px;
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::before {
transition-duration: 0.5s;
position: absolute;
width: 35px;
height: 3px;
background-color: var(--title-color);
content: "";
top: -10px;
right: 0;
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::after {
transition-duration: 0.5s;
position: absolute;
width: 15px;
height: 3px;
right: 0;
background-color: var(--title-color);
content: "";
top: 10px;
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span {
background-color: transparent;
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span::before {
transform: rotateZ(45deg) translate(8px, 6px);
width: 35px;
}
.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span::after {
transform: rotateZ(-45deg) translate(8px, -6px);
width: 35px;
}
}
.header-area.style-1 .menu-wrap .main-menu {
display: inline-block;
}
.header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo {
display: none;
}
.header-area.style-1 .menu-wrap .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-area.style-1 .menu-wrap .main-menu ul > li {
display: inline-block;
position: relative;
}
.header-area.style-1 .menu-wrap .main-menu ul > li svg {
fill: var(--primary-color);
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.5s ease-out 0s;
}
@media (max-width: 1199px) {
.header-area.style-1 .menu-wrap .main-menu ul > li svg {
right: 0;
}
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .main-menu ul > li {
padding: 22px 0px;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li:first-child {
padding-left: 0;
}
.header-area.style-1 .menu-wrap .main-menu ul > li > a {
color: var(--title-color);
display: block;
text-transform: capitalize;
padding: 34px 30px;
position: relative;
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
transition: all 0.5s ease-out 0s;
position: relative;
border-radius: 15px;
line-height: 1;
}
@media (max-width: 1399px) {
.header-area.style-1 .menu-wrap .main-menu ul > li > a {
font-size: 13px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.header-area.style-1 .menu-wrap .main-menu ul > li > a {
padding: 34px 20px;
}
}
@media (max-width: 1199px) {
.header-area.style-1 .menu-wrap .main-menu ul > li > a {
padding: 34px 20px;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor > a {
color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor > a {
border-color: transparent;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item svg, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item svg, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor svg, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent svg, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent svg, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor svg {
opacity: 1;
}
.header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
border-color: transparent;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li::after, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li::after, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li::after, .header-area.style-1 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li::after, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li::after, .header-area.style-1 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li::after {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: 82px;
margin: 0;
display: none;
min-width: 215px;
background: var(---dark-white-color);
border: 1px solid rgba(13, 23, 32, 0.0784313725);
text-align: left;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li svg {
display: none;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.menu-item-has-children:after {
position: absolute;
content: "\f285";
top: 10px;
right: 10px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {
display: block;
padding: 14px 20px;
font-family: var(--font-unbounded);
color: var(--title-color);
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
line-height: 1.4;
transition: all 0.4s ease-out 0s;
position: relative;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {
border-color: rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #525252, var(--primary-color), #525252);
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a {
border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a::before {
display: block;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a {
border-bottom: none;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a::before {
display: none;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon2 {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 100%;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(---dark-white-color);
top: 0;
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
.header-area.style-1 .menu-wrap .main-menu ul > li:hover > a {
color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .main-menu ul > li:hover > a {
border-color: transparent;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li:hover svg {
opacity: 1;
}
@media (min-width: 992px) {
.header-area.style-1 .menu-wrap .main-menu ul > li:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li.active > a {
color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1 .menu-wrap .main-menu ul > li.active > a {
border-color: transparent;
}
}
.header-area.style-1 .menu-wrap .main-menu ul > li.active svg {
opacity: 1;
}
.header-area.style-1 .menu-wrap .main-menu ul > li.active .dropdown-icon2 {
color: var(--primary-color);
}
@media only screen and (max-width: 991px) {
.header-area.style-1 .menu-wrap .mobile-logo-area {
justify-content: center !important;
}
.header-area.style-1 .menu-wrap .dropdown-icon {
color: var(--white-color);
}
.header-area.style-1 .menu-wrap .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--white-color);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
border-right: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-1 .menu-wrap .main-menu.show-menu {
transform: translateX(0);
}
.header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
.header-area.style-1 .menu-wrap .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
.header-area.style-1 .menu-wrap .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
.header-area.style-1 .menu-wrap .main-menu > ul li {
display: block;
position: relative;
padding: 5px 5px;
}
.header-area.style-1 .menu-wrap .main-menu > ul li:first-child {
padding-left: 5px;
}
.header-area.style-1 .menu-wrap .main-menu > ul li i {
display: block;
color: var(--title-color);
}
.header-area.style-1 .menu-wrap .main-menu > ul li a {
padding: 10px 0;
display: block;
font-size: 1rem;
}
.header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
margin-left: 10px;
}
.header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
.header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a {
font-size: 14px;
padding: 12px 0px;
}
.header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover {
color: var(--primary-color);
margin-left: 10px;
}
.header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li i {
color: var(--primary-color);
right: -13px;
}
.header-area.style-1 .menu-wrap .main-menu > ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
}
.header-area.style-1 .menu-wrap .main-menu .topbar-right {
margin-bottom: 40px;
}
.header-area.style-1 .menu-wrap .main-menu .topbar-right li {
color: var(--title-color);
font-family: var(--font-fahkwang);
font-size: 13px;
font-weight: 500;
line-height: 1;
position: relative;
margin-bottom: 7px;
padding: 5px 0;
}
.header-area.style-1 .menu-wrap .main-menu .topbar-right li a {
color: var(--title-color);
display: flex;
align-items: center;
gap: 6px;
transition: 0.35s;
text-transform: none;
padding: 0 !important;
}
.header-area.style-1 .menu-wrap .main-menu .topbar-right li a svg {
fill: var(--title-color);
}
.header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover {
color: var(--primary-color);
}
.header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover svg {
fill: var(--primary-color);
}
.header-area.style-1 .menu-wrap .primary-btn1 {
justify-content: center;
padding: 18px 37px;
width: 100%;
}
}
@media (max-width: 991px) {
.header-area.style-1.two .header-logo {
padding: 15px 15px;
}
}
.header-area.style-1.two .menu-wrap .nav-right .header-btn {
padding: 19px 35px;
transition: all 0.6s;
border-radius: 5px;
}
@media (max-width: 1199px) {
.header-area.style-1.two .menu-wrap .nav-right .header-btn {
padding: 14px 22px;
}
}
.header-area.style-1.two .menu-wrap .nav-right .header-btn svg {
fill: var(--white-color);
transition: all 0.6s;
}
.header-area.style-1.two .menu-wrap .nav-right .header-btn span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: var(--white-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.header-area.style-1.two .menu-wrap .nav-right .header-btn:hover {
color: var(--primary-color);
}
.header-area.style-1.two .menu-wrap .nav-right .header-btn:hover svg {
fill: var(--primary-color);
}
.header-area.style-1.two .menu-wrap .nav-right .header-btn:hover span {
width: 225%;
height: 1000.5px;
}
.header-area.style-1.two .menu-wrap .nav-right .header-btn:active {
background-color: var(--white-color);
}
@media (max-width: 991px) {
.header-area.style-1.two .menu-wrap .nav-right .header-btn {
display: none;
visibility: hidden;
}
}
.header-area.style-1.two .menu-wrap .main-menu ul > li {
padding: 34px 10px;
}
@media (max-width: 1199px) {
.header-area.style-1.two .menu-wrap .main-menu ul > li {
padding: 22px 0px;
}
}
.header-area.style-1.two .menu-wrap .main-menu ul > li:first-child {
padding-left: 0;
}
.header-area.style-1.two .menu-wrap .main-menu ul > li > a {
padding: 4px 12px;
border-radius: 15px;
border: 1px solid transparent;
background: transparent;
}
@media (max-width: 1399px) {
.header-area.style-1.two .menu-wrap .main-menu ul > li > a {
font-size: 13px;
}
}
@media (max-width: 991px) {
.header-area.style-1.two .menu-wrap .main-menu ul > li > a {
padding: 32px 9px;
}
}
.header-area.style-1.two .menu-wrap .main-menu ul > li ul.sub-menu {
top: 92px;
}
.header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor > a {
background-color: var(---dark-white-color);
}
@media (max-width: 991px) {
.header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor > a {
border-color: transparent;
background-color: transparent;
}
}
.header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
border-color: transparent;
}
}
.header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li::after, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li::after, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li::after, .header-area.style-1.two .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li::after, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li::after, .header-area.style-1.two .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li::after {
color: var(--primary-color);
}
.header-area.style-1.two .menu-wrap .main-menu ul > li:hover > a {
background-color: var(---dark-white-color);
border-color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1.two .menu-wrap .main-menu ul > li:hover > a {
border-color: transparent;
background-color: transparent;
}
}
.header-area.style-1.two .menu-wrap .main-menu ul > li.active > a {
background-color: var(---dark-white-color);
}
@media (max-width: 991px) {
.header-area.style-1.two .menu-wrap .main-menu ul > li.active > a {
border-color: transparent;
background-color: transparent;
}
}
.header-area.style-1.innerpage {
position: absolute;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.header-area.style-1.innerpage.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--paragraph-color3);
z-index: 99;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li svg {
fill: var(--primary-color);
}
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li > a {
color: var(--white-color);
}
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li:hover > a {
color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li:hover > a {
border-color: transparent;
}
}
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li.active > a {
color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li.active > a {
border-color: transparent;
}
}
.header-area.style-1.innerpage2 {
position: absolute;
border-bottom: 1px solid rgba(var(--title-color-opc), 0.06);
}
.header-area.style-1.innerpage2.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--body-bg1);
z-index: 99;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
.header-area.style-1.inner-white-bg {
border-bottom: 1px solid var(--border-color2);
}
.header-area.style-1.inner-white-bg .menu-wrap .nav-right .sidebar-btn {
border: 1px solid var(--border-color2);
}
.header-area.style-1.portfolio {
border-bottom: none;
}
.header-area.style-2 {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 3%;
width: 100%;
transition: all 0.8s ease-out 0s;
gap: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.header-area.style-2.breadcrumb-disable {
background-color: rgba(61, 60, 60, 0.7529411765);
}
@media (max-width: 1699px) {
.header-area.style-2 {
padding: 0px 3%;
}
}
@media (max-width: 1399px) {
.header-area.style-2 {
padding: 0px 1%;
gap: 20px;
}
}
@media (max-width: 991px) {
.header-area.style-2 {
padding: 15px 15px;
}
}
.header-area.style-2.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
background-color: var(--dark-title-color);
z-index: 99;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@media (max-width: 991px) {
.header-area.style-2 .header-logo {
border: unset;
}
}
.header-area.style-2 .header-logo img {
width: 175px;
max-width: unset;
}
@media (max-width: 1199px) {
.header-area.style-2 .header-logo img {
width: 150px;
}
}
.header-area.style-2 .menu-close-btn i {
color: var(--white-color);
}
.header-area.style-2 .logo-and-menu {
display: flex;
align-items: center;
gap: 50px;
}
@media (max-width: 1399px) {
.header-area.style-2 .logo-and-menu {
gap: 30px;
}
}
@media (max-width: 991px) {
.header-area.style-2 .logo-and-menu {
border: none;
justify-content: end;
}
}
.header-area.style-2 .nav-right {
gap: 70px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.header-area.style-2 .nav-right {
gap: 30px;
}
}
@media (max-width: 1399px) {
.header-area.style-2 .nav-right {
gap: 20px;
}
}
@media (max-width: 991px) {
.header-area.style-2 .nav-right {
gap: 0;
}
}
.header-area.style-2 .nav-right .hotline-area {
display: flex;
align-items: center;
gap: 20px;
}
.header-area.style-2 .nav-right .hotline-area .icon svg {
fill: #C4C4C4;
}
.header-area.style-2 .nav-right .hotline-area .content {
position: relative;
}
.header-area.style-2 .nav-right .hotline-area .content::after {
content: "";
height: 35px;
width: 1px;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%);
}
.header-area.style-2 .nav-right .hotline-area .content span {
color: #C4C4C4;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
margin-bottom: 7px;
display: inline-block;
}
.header-area.style-2 .nav-right .hotline-area .content h6 {
margin-bottom: 0;
}
.header-area.style-2 .nav-right .hotline-area .content h6 a {
color: #FFF;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
line-height: 1;
}
@media (max-width: 1399px) {
.header-area.style-2 .nav-right .hotline-area .content h6 a {
font-size: 14px;
}
}
.header-area.style-2 .nav-right .header-btn {
color: var(--dark-title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
border: 1px solid var(--white-color);
background: var(--white-color);
line-height: 1;
display: inline-flex;
align-items: baseline;
padding: 20px 35px;
gap: 8px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
border-radius: 28px;
}
@media (max-width: 1399px) {
.header-area.style-2 .nav-right .header-btn {
padding: 17px 25px;
}
}
.header-area.style-2 .nav-right .header-btn span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--primary-color2);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.header-area.style-2 .nav-right .header-btn:hover {
color: var(--dark-title-color);
border-color: var(--primary-color2);
}
.header-area.style-2 .nav-right .header-btn:hover span {
width: 225%;
height: 1000.5px;
}
.header-area.style-2 .nav-right .header-btn:active {
background-color: var(--primary-color2);
}
@media (max-width: 991px) {
.header-area.style-2 .nav-right .header-btn {
display: none;
visibility: hidden;
}
}
.header-area.style-2 .nav-right .sidebar-btn {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color2);
transition: 0.35s;
cursor: pointer;
}
@media (min-width: 1200px) {
.header-area.style-2 .nav-right .sidebar-btn {
display: none;
visibility: hidden;
}
}
.header-area.style-2 .nav-right .sidebar-btn svg {
transition: 0.35s;
fill: var(--primary-color3);
}
.header-area.style-2 .nav-right .sidebar-btn svg.close {
display: none;
}
.header-area.style-2 .nav-right .sidebar-btn.active svg.close {
display: block;
}
.header-area.style-2 .nav-right .sidebar-btn.active svg.open {
display: none;
}
.header-area.style-2 .nav-right .sidebar-btn:hover {
background-color: var(--white-color);
}
.header-area.style-2 .nav-right .sidebar-btn:hover svg {
fill: var(--primary-color2);
}
.header-area.style-2 .main-menu {
display: inline-block;
}
.header-area.style-2 .main-menu .mobile-menu-logo {
display: none;
}
.header-area.style-2 .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-area.style-2 .main-menu ul > li {
display: inline-block;
position: relative;
}
.header-area.style-2 .main-menu ul > li svg {
fill: var(--primary-color2);
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.5s ease-out 0s;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.header-area.style-2 .main-menu ul > li svg {
right: -3px;
}
}
@media (max-width: 1399px) {
.header-area.style-2 .main-menu ul > li svg {
right: -3px;
}
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu ul > li {
padding: 22px 0px;
}
}
.header-area.style-2 .main-menu ul > li:first-child {
padding-left: 0;
}
.header-area.style-2 .main-menu ul > li > a {
color: var(--white-color);
display: block;
text-transform: capitalize;
padding: 34px 30px;
position: relative;
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
transition: all 0.5s ease-out 0s;
position: relative;
border-radius: 15px;
line-height: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.header-area.style-2 .main-menu ul > li > a {
padding: 34px 20px;
}
}
@media (max-width: 1399px) {
.header-area.style-2 .main-menu ul > li > a {
font-size: 13px;
padding: 34px 20px;
}
}
@media (max-width: 1199px) {
.header-area.style-2 .main-menu ul > li > a {
padding: 34px 15px;
}
}
.header-area.style-2 .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: 82px;
margin: 0;
display: none;
min-width: 215px;
background: var(---dark-white-color);
border: 1px solid rgba(13, 23, 32, 0.0784313725);
text-align: left;
z-index: 99;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li svg {
display: none;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li.menu-item-has-children:after {
position: absolute;
content: "\f285";
top: 10px;
right: 10px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a {
display: block;
padding: 14px 20px;
font-family: var(--font-unbounded);
color: var(--title-color);
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
line-height: 1.4;
transition: all 0.4s ease-out 0s;
position: relative;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, #F4CB0A, #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a {
border-color: rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #525252, #F4CB0A, #525252);
}
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a.active {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active > a {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon2 {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 100%;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(---dark-white-color);
border: 1px solid rgba(13, 23, 32, 0.0784313725);
top: 0;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu > li i {
display: block;
}
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
.header-area.style-2 .main-menu ul > li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor > a {
color: var(--primary-color2);
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu ul > li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor > a {
border-color: transparent;
}
}
.header-area.style-2 .main-menu ul > li.current-menu-item svg, .header-area.style-2 .main-menu ul > li.current_page_item svg, .header-area.style-2 .main-menu ul > li.current-menu-ancestor svg, .header-area.style-2 .main-menu ul > li.current-menu-parent svg, .header-area.style-2 .main-menu ul > li.current_page_parent svg, .header-area.style-2 .main-menu ul > li.current_page_ancestor svg {
opacity: 1;
}
.header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
color: var(--primary-color2);
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
border-color: transparent;
}
}
.header-area.style-2 .main-menu ul > li.current-menu-item ul.sub-menu li::after, .header-area.style-2 .main-menu ul > li.current_page_item ul.sub-menu li::after, .header-area.style-2 .main-menu ul > li.current-menu-ancestor ul.sub-menu li::after, .header-area.style-2 .main-menu ul > li.current-menu-parent ul.sub-menu li::after, .header-area.style-2 .main-menu ul > li.current_page_parent ul.sub-menu li::after, .header-area.style-2 .main-menu ul > li.current_page_ancestor ul.sub-menu li::after {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu ul > li:hover > a {
color: var(--primary-color2);
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu ul > li:hover > a {
border-color: transparent;
}
}
.header-area.style-2 .main-menu ul > li:hover svg {
opacity: 1;
}
@media (min-width: 992px) {
.header-area.style-2 .main-menu ul > li:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
.header-area.style-2 .main-menu ul > li.active > a {
color: var(--primary-color2);
}
@media (max-width: 991px) {
.header-area.style-2 .main-menu ul > li.active > a {
border-color: transparent;
}
}
.header-area.style-2 .main-menu ul > li.active svg {
opacity: 1;
}
.header-area.style-2 .main-menu ul > li.active .dropdown-icon2 {
color: var(--primary-color2);
}
@media only screen and (max-width: 991px) {
.header-area.style-2 .mobile-logo-area {
justify-content: center !important;
}
.header-area.style-2 .dropdown-icon {
color: var(--white-color);
}
.header-area.style-2 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--white-color);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
border-right: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-2 .main-menu.show-menu {
transform: translateX(0);
}
.header-area.style-2 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
.header-area.style-2 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
.header-area.style-2 .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
.header-area.style-2 .main-menu > ul li {
display: block;
position: relative;
padding: 5px 5px;
}
.header-area.style-2 .main-menu > ul li:first-child {
padding-left: 5px;
}
.header-area.style-2 .main-menu > ul li i {
display: block;
color: var(--title-color);
}
.header-area.style-2 .main-menu > ul li a {
padding: 10px 0;
display: block;
font-size: 1rem;
}
.header-area.style-2 .main-menu > ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
margin-left: 10px;
}
.header-area.style-2 .main-menu > ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
.header-area.style-2 .main-menu > ul li ul.sub-menu > li a {
font-size: 14px;
padding: 12px 0px;
}
.header-area.style-2 .main-menu > ul li ul.sub-menu > li a:hover {
color: var(--primary-color2);
margin-left: 10px;
}
.header-area.style-2 .main-menu > ul li ul.sub-menu > li a.active {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu > ul li ul.sub-menu > li i {
color: var(--primary-color2);
right: -13px;
}
.header-area.style-2 .main-menu > ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
}
.header-area.style-2 .main-menu .topbar-right {
margin-bottom: 40px;
}
.header-area.style-2 .main-menu .topbar-right li {
color: var(--title-color);
font-family: var(--font-fahkwang);
font-size: 13px;
font-weight: 500;
line-height: 1;
position: relative;
margin-bottom: 7px;
padding: 5px 0;
}
.header-area.style-2 .main-menu .topbar-right li a {
color: var(--title-color);
display: flex;
align-items: center;
gap: 6px;
transition: 0.35s;
text-transform: none;
padding: 0 !important;
}
.header-area.style-2 .main-menu .topbar-right li a svg {
fill: var(--title-color);
}
.header-area.style-2 .main-menu .topbar-right li a:hover {
color: var(--primary-color2);
}
.header-area.style-2 .main-menu .topbar-right li a:hover svg {
fill: var(--primary-color2);
}
.header-area.style-2 .primary-btn1 {
justify-content: center;
padding: 18px 37px;
width: 100%;
}
}
.header-area.style-4 {
position: absolute;
top: 0;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 3%;
width: 100%;
transition: all 0.8s ease-out 0s;
gap: 30px;
border-bottom: 1px solid transparent;
}
.header-area.style-4.breadcrumb-disable {
background-color: rgba(61, 60, 60, 0.7529411765);
}
@media (max-width: 1699px) {
.header-area.style-4 {
padding: 0px 3%;
}
}
@media (max-width: 1399px) {
.header-area.style-4 {
padding: 0px 2%;
gap: 20px;
}
}
@media (max-width: 991px) {
.header-area.style-4 {
padding: 0;
}
}
.header-area.style-4.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--dark-title-color);
z-index: 99;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@media (max-width: 991px) {
.header-area.style-4 .header-logo {
padding: 15px 15px;
}
}
.header-area.style-4 .header-logo img {
width: 175px;
max-width: unset;
}
@media (max-width: 1199px) {
.header-area.style-4 .header-logo img {
width: 150px;
}
}
.header-area.style-4 .menu-close-btn i {
color: var(--white-color);
}
.header-area.style-4 .menu-wrap {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 1399px) {
.header-area.style-4 .menu-wrap {
padding: 0 20px;
}
}
@media (max-width: 1399px) {
.header-area.style-4 .menu-wrap {
padding: 0 15px;
}
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap {
border: none;
justify-content: end;
}
}
.header-area.style-4 .menu-wrap .nav-right {
gap: 105px;
}
@media (max-width: 1399px) {
.header-area.style-4 .menu-wrap .nav-right {
gap: 30px;
}
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap .nav-right {
gap: 0;
}
}
.header-area.style-4 .menu-wrap .nav-right .sidebar-btn {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
transition: 0.35s;
cursor: pointer;
}
.header-area.style-4 .menu-wrap .nav-right .sidebar-btn svg {
transition: 0.35s;
fill: var(--white-color);
}
.header-area.style-4 .menu-wrap .nav-right .sidebar-btn svg.close {
display: none;
}
.header-area.style-4 .menu-wrap .nav-right .sidebar-btn.active svg.close {
display: block;
}
.header-area.style-4 .menu-wrap .nav-right .sidebar-btn.active svg.open {
display: none;
}
.header-area.style-4 .menu-wrap .nav-right .sidebar-btn:hover {
background-color: var(--white-color);
}
.header-area.style-4 .menu-wrap .nav-right .sidebar-btn:hover svg {
fill: var(--primary-color);
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn {
display: flex;
margin-left: 50px;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative;
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span {
height: 3px;
width: 25px;
background-color: var(--title-color);
display: flex;
transition: transform 0.5s ease-in;
position: absolute;
top: 0px;
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::before {
transition-duration: 0.5s;
position: absolute;
width: 35px;
height: 3px;
background-color: var(--title-color);
content: "";
top: -10px;
right: 0;
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::after {
transition-duration: 0.5s;
position: absolute;
width: 15px;
height: 3px;
right: 0;
background-color: var(--title-color);
content: "";
top: 10px;
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span {
background-color: transparent;
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span::before {
transform: rotateZ(45deg) translate(8px, 6px);
width: 35px;
}
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span::after {
transform: rotateZ(-45deg) translate(8px, -6px);
width: 35px;
}
}
.header-area.style-4 .menu-wrap .main-menu {
display: inline-block;
}
.header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo {
display: none;
}
.header-area.style-4 .menu-wrap .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-area.style-4 .menu-wrap .main-menu ul > li {
display: inline-block;
position: relative;
padding: 34px 10px;
}
@media (max-width: 1199px) {
.header-area.style-4 .menu-wrap .main-menu ul > li {
padding: 22px 0px;
}
}
.header-area.style-4 .menu-wrap .main-menu ul > li:first-child {
padding-left: 0;
}
.header-area.style-4 .menu-wrap .main-menu ul > li > a {
color: var(--white-color);
display: block;
text-transform: capitalize;
position: relative;
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
transition: all 0.5s ease-out 0s;
position: relative;
border-radius: 15px;
line-height: 1;
padding: 4px 12px;
border-radius: 15px;
border: 1px solid transparent;
background: transparent;
}
@media (max-width: 1399px) {
.header-area.style-4 .menu-wrap .main-menu ul > li > a {
font-size: 13px;
}
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: 92px;
margin: 0;
display: none;
min-width: 215px;
background: #161616;
border: 1px solid rgba(13, 23, 32, 0.0784313725);
text-align: left;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li svg {
display: none;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li.menu-item-has-children:after {
position: absolute;
content: "\f285";
top: 10px;
right: 10px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
color: var(--white-color);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {
display: block;
padding: 14px 20px;
font-family: var(--font-unbounded);
color: var(--white-color);
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
line-height: 1.4;
transition: all 0.4s ease-out 0s;
position: relative;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(123, 123, 123, 0.1);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #292727, var(--primary-color), #292727);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {
border-color: rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #525252, var(--primary-color), #525252);
}
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active {
color: var(--primary-color);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a {
border-bottom: 1px solid rgba(123, 123, 123, 0.1);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a::before {
display: block;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a {
border-bottom: none;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a::before {
display: none;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color);
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a {
color: var(--primary-color);
background-color: transparent;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 100%;
position: absolute;
max-width: 230px;
min-width: 215px;
background: #161616;
box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
top: 0;
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
.header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor > a {
background-color: var(--white-color);
color: var(--dark-title-color);
border-color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor > a {
border-color: transparent;
background-color: transparent;
}
}
.header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
background-color: var(--white-color);
color: var(--dark-title-color);
border-color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
border-color: transparent;
background-color: transparent;
}
}
.header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li::after, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li::after, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li::after, .header-area.style-4 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li::after, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li::after, .header-area.style-4 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li::after {
color: var(--dark-title-color);
}
.header-area.style-4 .menu-wrap .main-menu ul > li:hover > a {
border-color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap .main-menu ul > li:hover > a {
border-color: transparent;
background-color: transparent;
}
}
@media (min-width: 992px) {
.header-area.style-4 .menu-wrap .main-menu ul > li:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
.header-area.style-4 .menu-wrap .main-menu ul > li.active > a {
background-color: var(--white-color);
color: var(--dark-title-color);
border-color: var(--primary-color);
}
@media (max-width: 991px) {
.header-area.style-4 .menu-wrap .main-menu ul > li.active > a {
border-color: transparent;
background-color: transparent;
}
}
@media only screen and (max-width: 991px) {
.header-area.style-4 .menu-wrap .mobile-logo-area {
justify-content: center !important;
}
.header-area.style-4 .menu-wrap .dropdown-icon {
color: var(--white-color);
}
.header-area.style-4 .menu-wrap .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--white-color);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
border-right: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-4 .menu-wrap .main-menu.show-menu {
transform: translateX(0);
}
.header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
.header-area.style-4 .menu-wrap .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
.header-area.style-4 .menu-wrap .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
.header-area.style-4 .menu-wrap .main-menu > ul li {
display: block;
position: relative;
padding: 5px 5px;
}
.header-area.style-4 .menu-wrap .main-menu > ul li:first-child {
padding-left: 5px;
}
.header-area.style-4 .menu-wrap .main-menu > ul li i {
display: block;
color: var(--title-color);
}
.header-area.style-4 .menu-wrap .main-menu > ul li a {
padding: 10px 0;
display: block;
font-size: 1rem;
}
.header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
margin-left: 10px;
}
.header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
.header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a {
font-size: 14px;
padding: 12px 0px;
}
.header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover {
color: var(--primary-color);
margin-left: 10px;
}
.header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active {
color: var(--primary-color);
}
.header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li i {
color: var(--primary-color);
right: -13px;
}
.header-area.style-4 .menu-wrap .main-menu > ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
}
.header-area.style-4 .menu-wrap .main-menu .topbar-right {
margin-bottom: 40px;
}
.header-area.style-4 .menu-wrap .main-menu .topbar-right li {
color: var(--title-color);
font-family: var(--font-fahkwang);
font-size: 13px;
font-weight: 500;
line-height: 1;
position: relative;
margin-bottom: 7px;
padding: 5px 0;
}
.header-area.style-4 .menu-wrap .main-menu .topbar-right li a {
color: var(--title-color);
display: flex;
align-items: center;
gap: 6px;
transition: 0.35s;
text-transform: none;
padding: 0 !important;
}
.header-area.style-4 .menu-wrap .main-menu .topbar-right li a svg {
fill: var(--title-color);
}
.header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover {
color: var(--primary-color);
}
.header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover svg {
fill: var(--primary-color);
}
.header-area.style-4 .menu-wrap .primary-btn1 {
justify-content: center;
padding: 18px 37px;
width: 100%;
}
}
.header-area.style-5 {
position: absolute;
top: 0;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 3%;
width: 100%;
transition: all 0.8s ease-out 0s;
gap: 30px;
border-bottom: 1px solid transparent;
}
.header-area.style-5.breadcrumb-disable {
background-color: rgba(61, 60, 60, 0.7529411765);
}
@media (max-width: 1699px) {
.header-area.style-5 {
padding: 0px 3%;
}
}
@media (max-width: 1399px) {
.header-area.style-5 {
padding: 0px 2%;
gap: 20px;
}
}
@media (max-width: 991px) {
.header-area.style-5 {
padding: 0;
}
}
.header-area.style-5.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--dark-title-color);
z-index: 99;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@media (max-width: 991px) {
.header-area.style-5 .header-logo {
padding: 15px 15px;
}
}
.header-area.style-5 .header-logo img {
width: 164px;
max-width: unset;
}
@media (max-width: 1199px) {
.header-area.style-5 .header-logo img {
width: 150px;
}
}
.header-area.style-5 .menu-close-btn i {
color: var(--white-color);
}
.header-area.style-5 .menu-wrap {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 1399px) {
.header-area.style-5 .menu-wrap {
padding: 0 20px;
}
}
@media (max-width: 1399px) {
.header-area.style-5 .menu-wrap {
padding: 0 15px;
}
}
@media (max-width: 991px) {
.header-area.style-5 .menu-wrap {
border: none;
justify-content: end;
}
}
.header-area.style-5 .menu-wrap .nav-right {
gap: 105px;
}
@media (max-width: 1399px) {
.header-area.style-5 .menu-wrap .nav-right {
gap: 30px;
}
}
@media (max-width: 767px) {
.header-area.style-5 .menu-wrap .nav-right {
gap: 0;
}
}
.header-area.style-5 .menu-wrap .nav-right .sidebar-btn {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color4);
transition: 0.35s;
cursor: pointer;
}
.header-area.style-5 .menu-wrap .nav-right .sidebar-btn svg {
transition: 0.35s;
fill: var(--primary-color3);
}
.header-area.style-5 .menu-wrap .nav-right .sidebar-btn svg.close {
display: none;
}
.header-area.style-5 .menu-wrap .nav-right .sidebar-btn.active svg.close {
display: block;
}
.header-area.style-5 .menu-wrap .nav-right .sidebar-btn.active svg.open {
display: none;
}
.header-area.style-5 .menu-wrap .nav-right .sidebar-btn:hover {
background-color: var(--white-color);
}
.header-area.style-5 .menu-wrap .nav-right .sidebar-btn:hover svg {
fill: var(--primary-color4);
}
.header-area.style-5 .menu-wrap .nav-right .primary-btn4 {
background-color: var(--primary-color4);
color: var(--dark-title-color);
}
.header-area.style-5 .menu-wrap .nav-right .primary-btn4 svg {
fill: var(--dark-title-color);
}
.header-area.style-5 .menu-wrap .nav-right .primary-btn4 span {
background-color: var(--white-color);
}
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
@media (max-width: 991px) {
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn {
display: flex;
margin-left: 50px;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative;
}
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span {
height: 3px;
width: 25px;
background-color: var(--title-color);
display: flex;
transition: transform 0.5s ease-in;
position: absolute;
top: 0px;
}
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span::before {
transition-duration: 0.5s;
position: absolute;
width: 35px;
height: 3px;
background-color: var(--title-color);
content: "";
top: -10px;
right: 0;
}
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span::after {
transition-duration: 0.5s;
position: absolute;
width: 15px;
height: 3px;
right: 0;
background-color: var(--title-color);
content: "";
top: 10px;
}
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn.active span {
background-color: transparent;
}
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn.active span::before {
transform: rotateZ(45deg) translate(8px, 6px);
width: 35px;
}
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn.active span::after {
transform: rotateZ(-45deg) translate(8px, -6px);
width: 35px;
}
}
.header-area.style-5 .menu-wrap .main-menu {
display: inline-block;
}
.header-area.style-5 .menu-wrap .main-menu .mobile-menu-logo {
display: none;
}
.header-area.style-5 .menu-wrap .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-area.style-5 .menu-wrap .main-menu ul > li {
display: inline-block;
position: relative;
padding: 34px 10px;
}
@media (max-width: 1199px) {
.header-area.style-5 .menu-wrap .main-menu ul > li {
padding: 22px 0px;
}
}
.header-area.style-5 .menu-wrap .main-menu ul > li:first-child {
padding-left: 0;
}
@media (max-width: 1199px) {
.header-area.style-5 .menu-wrap .main-menu ul > li {
padding: 22px 0px;
}
}
.header-area.style-5 .menu-wrap .main-menu ul > li:first-child {
padding-left: 0;
}
.header-area.style-5 .menu-wrap .main-menu ul > li > a {
color: var(--white-color);
display: block;
text-transform: capitalize;
position: relative;
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
transition: all 0.5s ease-out 0s;
position: relative;
border-radius: 15px;
line-height: 1;
padding: 4px 12px;
border-radius: 15px;
border: 1px solid transparent;
background: transparent;
}
@media (max-width: 1399px) {
.header-area.style-5 .menu-wrap .main-menu ul > li > a {
font-size: 13px;
padding: 4px 10px;
}
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: 92px;
margin: 0;
display: none;
min-width: 215px;
background: #161616;
border: 1px solid rgba(13, 23, 32, 0.0784313725);
text-align: left;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li.menu-item-has-children:after {
position: absolute;
content: "\f285";
top: 10px;
right: 10px;
color: var(--white-color);
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {
display: block;
padding: 14px 20px;
font-family: var(--font-unbounded);
color: var(--white-color);
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
line-height: 1.4;
transition: all 0.4s ease-out 0s;
position: relative;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(123, 123, 123, 0.1);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #292727, #78EB54, #292727);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {
border-color: rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #525252, var(--primary-color), #525252);
}
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active {
color: var(--primary-color);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a {
border-bottom: 1px solid rgba(123, 123, 123, 0.1);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a::before {
display: block;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a {
border-bottom: none;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a::before {
display: none;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color4);
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a {
color: var(--primary-color4);
background-color: transparent;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 100%;
position: absolute;
max-width: 230px;
min-width: 215px;
background: #161616;
box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
top: 0;
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
.header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor > a {
background-color: var(--white-color);
color: var(--dark-title-color);
}
@media (max-width: 991px) {
.header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor > a {
border-color: transparent;
background-color: transparent;
}
}
.header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
color: var(--primary-color4);
background: transparent;
}
.header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-item ul.sub-menu li::after, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_item ul.sub-menu li::after, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-ancestor ul.sub-menu li::after, .header-area.style-5 .menu-wrap .main-menu ul > li.current-menu-parent ul.sub-menu li::after, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_parent ul.sub-menu li::after, .header-area.style-5 .menu-wrap .main-menu ul > li.current_page_ancestor ul.sub-menu li::after {
color: var(--primary-color4);
}
@media (max-width: 991px) {
.header-area.style-5 .menu-wrap .main-menu ul > li:hover > a {
border-color: transparent;
background-color: transparent;
}
}
@media (min-width: 992px) {
.header-area.style-5 .menu-wrap .main-menu ul > li:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
.header-area.style-5 .menu-wrap .main-menu ul > li.active > a {
background-color: var(--white-color);
color: var(--dark-title-color);
}
@media (max-width: 991px) {
.header-area.style-5 .menu-wrap .main-menu ul > li.active > a {
border-color: transparent;
background-color: transparent;
}
}
@media only screen and (max-width: 991px) {
.header-area.style-5 .menu-wrap .mobile-logo-area {
justify-content: center !important;
}
.header-area.style-5 .menu-wrap .dropdown-icon {
color: var(--white-color);
}
.header-area.style-5 .menu-wrap .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--white-color);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
border-right: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-5 .menu-wrap .main-menu.show-menu {
transform: translateX(0);
}
.header-area.style-5 .menu-wrap .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
.header-area.style-5 .menu-wrap .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
.header-area.style-5 .menu-wrap .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
.header-area.style-5 .menu-wrap .main-menu > ul li {
display: block;
position: relative;
padding: 5px 5px;
}
.header-area.style-5 .menu-wrap .main-menu > ul li:first-child {
padding-left: 5px;
}
.header-area.style-5 .menu-wrap .main-menu > ul li i {
display: block;
color: var(--title-color);
}
.header-area.style-5 .menu-wrap .main-menu > ul li a {
padding: 10px 0;
display: block;
font-size: 1rem;
}
.header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
margin-left: 10px;
}
.header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
.header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a {
font-size: 14px;
padding: 12px 0px;
}
.header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover {
color: var(--primary-color);
margin-left: 10px;
}
.header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active {
color: var(--primary-color);
}
.header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li i {
color: var(--primary-color);
right: -13px;
}
.header-area.style-5 .menu-wrap .main-menu > ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
}
.header-area.style-5 .menu-wrap .main-menu .topbar-right {
margin-bottom: 40px;
}
.header-area.style-5 .menu-wrap .main-menu .topbar-right li {
color: var(--title-color);
font-family: var(--font-fahkwang);
font-size: 13px;
font-weight: 500;
line-height: 1;
position: relative;
margin-bottom: 7px;
padding: 5px 0;
}
.header-area.style-5 .menu-wrap .main-menu .topbar-right li a {
color: var(--title-color);
display: flex;
align-items: center;
gap: 6px;
transition: 0.35s;
text-transform: none;
padding: 0 !important;
}
.header-area.style-5 .menu-wrap .main-menu .topbar-right li a svg {
fill: var(--title-color);
}
.header-area.style-5 .menu-wrap .main-menu .topbar-right li a:hover {
color: var(--primary-color);
}
.header-area.style-5 .menu-wrap .main-menu .topbar-right li a:hover svg {
fill: var(--primary-color);
}
.header-area.style-5 .menu-wrap .primary-btn1 {
justify-content: center;
padding: 18px 37px;
width: 100%;
}
}
.header-area.style-6 {
position: absolute;
width: 100%;
z-index: 999;
width: 100%;
transition: all 0.8s ease-out 0s;
gap: 30px;
}
@media (max-width: 1399px) {
.header-area.style-6 {
gap: 20px;
}
}
@media (max-width: 991px) {
.header-area.style-6 {
padding: 15px 15px;
}
}
.header-area.style-6.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
background-color: var(--dark-title-color);
z-index: 99;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
@media (max-width: 991px) {
.header-area.style-6 .header-logo {
border: unset;
}
}
.header-area.style-6 .header-logo img {
width: 164px;
max-width: unset;
}
@media (max-width: 1199px) {
.header-area.style-6 .header-logo img {
width: 150px;
}
}
.header-area.style-6 .menu-close-btn i {
color: var(--white-color);
}
.header-area.style-6 .nav-right {
gap: 30px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.header-area.style-6 .nav-right {
gap: 30px;
}
}
@media (max-width: 1399px) {
.header-area.style-6 .nav-right {
gap: 20px;
}
}
.header-area.style-6 .nav-right .login-area {
display: flex;
align-items: center;
gap: 8px;
}
.header-area.style-6 .nav-right .login-area svg {
fill: var(--white-color);
transition: 0.5s;
}
.header-area.style-6 .nav-right .login-area span {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
transition: 0.5s;
}
.header-area.style-6 .nav-right .login-area:hover svg {
fill: var(--primary-color4);
}
.header-area.style-6 .nav-right .login-area:hover span {
color: var(--primary-color4);
}
.header-area.style-6 .nav-right .primary-btn3 {
border-radius: 5px;
background-color: var(--white-color);
border: unset;
color: var(--dark-title-color);
padding: 15px 27px;
}
@media (max-width: 1199px) {
.header-area.style-6 .nav-right .primary-btn3 {
font-size: 14px;
padding: 13px 20px;
}
}
.header-area.style-6 .nav-right .primary-btn3 span {
background-color: var(--primary-color4);
}
.header-area.style-6 .nav-right .sidebar-btn {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color4);
transition: 0.35s;
cursor: pointer;
}
@media (min-width: 1200px) {
.header-area.style-6 .nav-right .sidebar-btn {
display: none;
visibility: hidden;
}
}
.header-area.style-6 .nav-right .sidebar-btn svg {
transition: 0.35s;
fill: var(--dark-title-color);
}
.header-area.style-6 .nav-right .sidebar-btn svg.close {
display: none;
}
.header-area.style-6 .nav-right .sidebar-btn.active svg.close {
display: block;
}
.header-area.style-6 .nav-right .sidebar-btn.active svg.open {
display: none;
}
.header-area.style-6 .nav-right .sidebar-btn:hover {
background-color: var(--white-color);
}
.header-area.style-6 .nav-right .sidebar-btn:hover svg {
fill: var(--dark-title-color);
}
.header-area.style-6 .main-menu {
display: inline-block;
}
.header-area.style-6 .main-menu .mobile-menu-logo {
display: none;
}
.header-area.style-6 .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.header-area.style-6 .main-menu ul > li {
display: inline-block;
position: relative;
}
.header-area.style-6 .main-menu ul > li svg {
fill: var(--primary-color4);
position: absolute;
right: -2px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.5s ease-out 0s;
}
@media (max-width: 991px) {
.header-area.style-6 .main-menu ul > li {
padding: 22px 0px;
}
}
.header-area.style-6 .main-menu ul > li:first-child {
padding-left: 0;
}
.header-area.style-6 .main-menu ul > li > a {
color: var(--white-color);
display: block;
text-transform: capitalize;
padding: 34px 22px;
position: relative;
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
transition: all 0.5s ease-out 0s;
position: relative;
border-radius: 15px;
line-height: 1;
}
@media (max-width: 1399px) {
.header-area.style-6 .main-menu ul > li > a {
font-size: 13px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-area.style-6 .main-menu ul > li > a {
padding: 34px 15px;
}
}
@media (max-width: 991px) {
.header-area.style-6 .main-menu ul > li > a {
padding: 32px 9px;
}
}
.header-area.style-6 .main-menu ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: 82px;
margin: 0;
display: none;
min-width: 215px;
background: var(---dark-white-color);
border: 1px solid rgba(13, 23, 32, 0.0784313725);
text-align: left;
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li svg {
display: none;
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li.menu-item-has-children:after {
position: absolute;
content: "\f285";
top: 10px;
right: 10px;
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a {
display: block;
padding: 14px 20px;
font-family: var(--font-unbounded);
color: var(--title-color);
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
line-height: 1.4;
transition: all 0.4s ease-out 0s;
position: relative;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, #78EB54, #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a {
border-color: rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #525252, #F4CB0A, #525252);
}
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color2);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a.active {
color: var(--primary-color2);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color4);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li.active > a {
color: var(--primary-color4);
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu {
left: 100%;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(---dark-white-color);
border: 1px solid rgba(13, 23, 32, 0.0784313725);
top: 0;
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu {
margin-left: 10px;
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child {
border-bottom: none;
}
.header-area.style-6 .main-menu ul > li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor > a {
color: var(--primary-color4);
}
@media (max-width: 991px) {
.header-area.style-6 .main-menu ul > li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor > a {
border-color: transparent;
}
}
.header-area.style-6 .main-menu ul > li.current-menu-item svg, .header-area.style-6 .main-menu ul > li.current_page_item svg, .header-area.style-6 .main-menu ul > li.current-menu-ancestor svg, .header-area.style-6 .main-menu ul > li.current-menu-parent svg, .header-area.style-6 .main-menu ul > li.current_page_parent svg, .header-area.style-6 .main-menu ul > li.current_page_ancestor svg {
opacity: 1;
}
.header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
color: var(--primary-color4);
}
@media (max-width: 991px) {
.header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent > a, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor > a {
border-color: transparent;
}
}
.header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-item svg, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_item svg, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-ancestor svg, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current-menu-parent svg, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_parent svg, .header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li.current_page_ancestor svg, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-item svg, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_item svg, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-ancestor svg, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current-menu-parent svg, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_parent svg, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li.current_page_ancestor svg, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-item svg, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_item svg, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor svg, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current-menu-parent svg, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_parent svg, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li.current_page_ancestor svg, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-item svg, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_item svg, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-ancestor svg, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current-menu-parent svg, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_parent svg, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li.current_page_ancestor svg, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-item svg, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_item svg, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-ancestor svg, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current-menu-parent svg, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_parent svg, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li.current_page_ancestor svg, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-item svg, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_item svg, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-ancestor svg, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current-menu-parent svg, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_parent svg, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li.current_page_ancestor svg {
opacity: 1;
}
.header-area.style-6 .main-menu ul > li.current-menu-item ul.sub-menu li::after, .header-area.style-6 .main-menu ul > li.current_page_item ul.sub-menu li::after, .header-area.style-6 .main-menu ul > li.current-menu-ancestor ul.sub-menu li::after, .header-area.style-6 .main-menu ul > li.current-menu-parent ul.sub-menu li::after, .header-area.style-6 .main-menu ul > li.current_page_parent ul.sub-menu li::after, .header-area.style-6 .main-menu ul > li.current_page_ancestor ul.sub-menu li::after {
color: var(--primary-color4);
}
.header-area.style-6 .main-menu ul > li:hover > a {
color: var(--primary-color4);
}
@media (max-width: 991px) {
.header-area.style-6 .main-menu ul > li:hover > a {
border-color: transparent;
}
}
.header-area.style-6 .main-menu ul > li:hover svg {
opacity: 1;
}
@media (min-width: 992px) {
.header-area.style-6 .main-menu ul > li:hover > ul.sub-menu {
display: block;
animation: fade-up 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
.header-area.style-6 .main-menu ul > li.active > a {
color: var(--primary-color4);
}
@media (max-width: 991px) {
.header-area.style-6 .main-menu ul > li.active > a {
border-color: transparent;
}
}
.header-area.style-6 .main-menu ul > li.active svg {
opacity: 1;
}
@media only screen and (max-width: 991px) {
.header-area.style-6 .mobile-logo-area {
justify-content: center !important;
}
.header-area.style-6 .dropdown-icon {
color: var(--white-color);
}
.header-area.style-6 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: var(--white-color);
transform: translateX(-100%);
transition: transform 0.3s ease-in;
border-right: 1px solid rgba(13, 23, 32, 0.0784313725);
}
.header-area.style-6 .main-menu.show-menu {
transform: translateX(0);
}
.header-area.style-6 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
.header-area.style-6 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
.header-area.style-6 .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
.header-area.style-6 .main-menu > ul li {
display: block;
position: relative;
padding: 5px 5px;
}
.header-area.style-6 .main-menu > ul li:first-child {
padding-left: 5px;
}
.header-area.style-6 .main-menu > ul li i {
display: block;
color: var(--title-color);
}
.header-area.style-6 .main-menu > ul li a {
padding: 10px 0;
display: block;
font-size: 1rem;
}
.header-area.style-6 .main-menu > ul li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
margin-left: 10px;
}
.header-area.style-6 .main-menu > ul li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
.header-area.style-6 .main-menu > ul li ul.sub-menu > li a {
font-size: 14px;
padding: 12px 0px;
}
.header-area.style-6 .main-menu > ul li ul.sub-menu > li a:hover {
color: var(--primary-color2);
margin-left: 10px;
}
.header-area.style-6 .main-menu > ul li ul.sub-menu > li a.active {
color: var(--primary-color2);
}
.header-area.style-6 .main-menu > ul li ul.sub-menu > li i {
color: var(--primary-color2);
right: -13px;
}
.header-area.style-6 .main-menu > ul li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
}
.header-area.style-6 .main-menu .topbar-right {
margin-bottom: 40px;
}
.header-area.style-6 .main-menu .topbar-right li {
color: var(--title-color);
font-family: var(--font-fahkwang);
font-size: 13px;
font-weight: 500;
line-height: 1;
position: relative;
margin-bottom: 7px;
padding: 5px 0;
}
.header-area.style-6 .main-menu .topbar-right li a {
color: var(--title-color);
display: flex;
align-items: center;
gap: 6px;
transition: 0.35s;
text-transform: none;
padding: 0 !important;
}
.header-area.style-6 .main-menu .topbar-right li a svg {
fill: var(--title-color);
}
.header-area.style-6 .main-menu .topbar-right li a:hover {
color: var(--primary-color2);
}
.header-area.style-6 .main-menu .topbar-right li a:hover svg {
fill: var(--primary-color2);
}
.header-area.style-6 .primary-btn1 {
justify-content: center;
padding: 18px 37px;
width: 100%;
}
} .home1-banner-area {
padding: 130px 3% 0;
}
@media (max-width: 1399px) {
.home1-banner-area {
padding: 110px 2% 0;
}
}
@media (max-width: 991px) {
.home1-banner-area {
padding: 110px 0 0;
}
}
.home1-banner-area .banner-main-title {
position: relative;
z-index: 1;
}
.home1-banner-area .banner-main-title h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 20px;
position: relative;
}
.home1-banner-area .banner-main-title h6 svg {
fill: var(--primary-color);
}
.home1-banner-area .banner-main-title h6 .star {
position: absolute;
right: -140px;
fill: var(--title-color);
}
@media (max-width: 576px) {
.home1-banner-area .banner-main-title h6 .star {
right: 20px;
top: -50px;
}
}
@media (max-width: 767px) {
.home1-banner-area .banner-main-title h6 {
font-size: 16px;
display: flex;
}
}
.home1-banner-area .banner-main-title h1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 130px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 0;
}
.home1-banner-area .banner-main-title h1 span {
font-family: var(--font-fahkwang);
}
@media (max-width: 1399px) {
.home1-banner-area .banner-main-title h1 {
font-size: 110px;
}
}
@media (max-width: 1199px) {
.home1-banner-area .banner-main-title h1 {
font-size: 90px;
}
}
@media (max-width: 991px) {
.home1-banner-area .banner-main-title h1 {
font-size: 70px;
}
}
@media (max-width: 767px) {
.home1-banner-area .banner-main-title h1 {
font-size: 55px;
}
}
.home1-banner-area .banner-bottom {
margin-top: -22px;
line-height: 1;
}
@media (max-width: 991px) {
.home1-banner-area .banner-bottom {
margin-top: 50px;
}
}
.home1-banner-area .banner-bottom .banner-img {
position: relative;
border-radius: 250px;
background-color: var(--primary-color);
}
.home1-banner-area .banner-bottom .banner-img img {
border-radius: 250px;
padding-left: 10px;
min-height: 370px;
-o-object-fit: cover;
object-fit: cover;
}
.home1-banner-area .banner-bottom .banner-right-content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
max-width: 450px;
width: 100%;
}
@media (min-width: 992px) {
.home1-banner-area .banner-bottom .banner-right-content {
margin-left: 40px;
}
}
.home1-banner-area .banner-bottom .banner-right-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.home1-banner-area .banner-bottom .banner-right-content p {
font-size: 15px;
}
}
.home1-banner-area .banner-bottom .banner-right-content p span {
color: var(--title-color);
font-weight: 500;
}
.home1-banner-area .banner-bottom .banner-right-content ul {
margin: 0;
padding: 0;
list-style: none;
gap: 30px;
margin-bottom: 40px;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.home1-banner-area .banner-bottom .banner-right-content ul {
gap: 20px;
}
}
.home1-banner-area .banner-bottom .banner-right-content ul li {
line-height: 1;
}
.home1-banner-area .banner-bottom .banner-right-content ul li.success-rate {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
border: 1px solid var(--border-color1);
background-color: var(---dark-white-color);
border-radius: 16px;
padding: 8px 20px;
display: flex;
align-items: center;
gap: 30px;
}
.home1-banner-area .banner-bottom .banner-right-content ul li.success-rate span {
position: relative;
}
.home1-banner-area .banner-bottom .banner-right-content ul li.success-rate span::after {
content: "";
height: 1px;
width: 10px;
background-color: rgba(var(--title-color-opc), 0.5);
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
}
.home1-banner-area .banner-bottom .banner-right-content ul li a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
border: 1px solid var(--border-color1);
background-color: var(---dark-white-color);
border-radius: 16px;
padding: 8px 20px;
display: flex;
align-items: center;
gap: 7px;
overflow: hidden;
position: relative;
z-index: 1;
}
.home1-banner-area .banner-bottom .banner-right-content ul li a svg {
fill: var(--primary-color);
}
.home1-banner-area .banner-bottom .banner-right-content .banner-btn a {
height: 160px;
width: 160px;
border-radius: 50%;
background-color: var(--dark-title-color);
color: var(--white-color);
text-align: center;
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 20px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 12px;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
}
.home1-banner-area .banner-bottom .banner-right-content .banner-btn a svg {
fill: var(--white-color);
}
.home1-banner-area .banner-bottom .banner-right-content .banner-btn a span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: var(--primary-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.home1-banner-area .banner-bottom .banner-right-content .banner-btn a:hover span {
width: 225%;
height: 1000.5px;
} .partner-area .partner-wrap {
border-top: 1px solid var(--border-color1);
border-bottom: 1px solid var(--border-color1);
position: relative;
padding: 70px 0;
}
@media (max-width: 991px) {
.partner-area .partner-wrap {
padding: 50px 0;
}
}
.partner-area .partner-wrap .title1 {
position: absolute;
left: 1px;
top: -13px;
}
.partner-area .partner-wrap .title1::after {
content: "";
height: 6px;
width: 5px;
-webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);
clip-path: polygon(0 50%, 100% 100%, 100% 0);
background-color: var(--border-color1);
position: absolute;
right: 0;
top: 53%;
transform: translateY(-50%);
}
.partner-area .partner-wrap .title1 h6 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 1;
background-color: var(--body-bg1);
padding-right: 20px;
display: inline-block;
}
@media (max-width: 576px) {
.partner-area .partner-wrap .title1 h6 {
font-size: 15px;
}
}
.partner-area .partner-wrap .title2 {
position: absolute;
right: 1px;
bottom: -13px;
}
.partner-area .partner-wrap .title2::after {
content: "";
height: 6px;
width: 5px;
-webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);
clip-path: polygon(100% 50%, 0 100%, 0 0);
background-color: var(--border-color1);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.partner-area .partner-wrap .title2 h6 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 1;
background-color: var(--body-bg1);
padding-left: 20px;
display: inline-block;
}
@media (max-width: 576px) {
.partner-area .partner-wrap .title2 h6 {
font-size: 15px;
}
}
.partner-area .partner-wrap .marquee {
display: flex;
gap: 80px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.partner-area .partner-wrap .marquee.dark {
display: none;
visibility: hidden;
}
.partner-area .partner-wrap .marquee .marquee__group {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-around;
gap: 80px;
min-width: 100%;
animation: scroll-x 30s linear infinite;
}
@media (max-width: 1199px) {
.partner-area .partner-wrap .marquee .marquee__group {
gap: 40px;
}
}
@media (max-width: 576px) {
.partner-area .partner-wrap .marquee .marquee__group {
gap: 30px;
}
}
.partner-area .partner-wrap .marquee .marquee__group a img {
width: 150px;
}
@keyframes scroll-x {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.partner-area .partner-wrap.two .title1 h6 {
background-color: var(---dark-white-color);
}
.partner-area .partner-wrap.two .title2 h6 {
background-color: var(---dark-white-color);
}
.partner-area.two .partner-wrap {
border-top: 1px solid var(--border-color2);
border-bottom: 1px solid var(--border-color2);
}
.partner-area.two .partner-wrap .title1::after {
background-color: var(--border-color2);
}
.partner-area.two .partner-wrap .title2::after {
background-color: var(--border-color2);
}
.partner-area.three .title-and-logo {
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
border-radius: 0 300px 300px 0;
}
@media (max-width: 767px) {
.partner-area.three .title-and-logo {
display: block;
border-radius: unset;
}
}
.partner-area.three .partner-title {
min-width: 188px;
max-width: 188px;
padding: 50px 35px;
border-right: 1px solid var(--border-color2);
}
@media (max-width: 1399px) {
.partner-area.three .partner-title {
padding: 40px 35px;
}
}
@media (max-width: 767px) {
.partner-area.three .partner-title {
border-bottom: 1px solid var(--border-color2);
border-right: unset;
min-width: 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.partner-area.three .partner-title {
padding: 30px 20px;
}
}
.partner-area.three .partner-title h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin-bottom: 0;
}
.partner-area.three .partner-wrap {
border: unset;
padding: 60px 40px;
}
@media (max-width: 1399px) {
.partner-area.three .partner-wrap {
padding: 50px 40px;
}
}
@media (max-width: 767px) {
.partner-area.three .partner-wrap {
padding: 40px 20px;
}
}
.partner-area.four .partner-title {
text-align: center;
margin-bottom: 40px;
}
.partner-area.four .partner-title h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 0;
}
.partner-area.four .partner-title h6 span {
font-weight: 500;
}
.partner-area.four .partner-wrap {
border: unset;
padding: 0;
padding-bottom: 30px;
border-bottom: 1px solid var(--border-color2);
} .home1-about-section {
background-color: var(--dark-title-color);
padding: 110px 0;
}
@media (max-width: 991px) {
.home1-about-section {
padding: 90px 0;
}
}
@media (min-width: 992px) {
.home1-about-section .about-content {
margin-left: 40px;
}
}
.home1-about-section .about-content p {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.home1-about-section .about-content p {
margin-bottom: 25px;
}
}
.home1-about-section .about-content a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 25px;
display: flex;
align-items: center;
gap: 8px;
}
.home1-about-section .about-content a svg {
fill: var(--white-color);
}
.home1-about-section .about-content .signature-and-star {
display: flex;
gap: 30px;
justify-content: space-between;
padding-top: 60px;
}
@media (max-width: 991px) {
.home1-about-section .about-content .signature-and-star {
padding-top: 0;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
}
.home1-about-section .about-content .signature-and-star svg {
fill: var(--primary-color);
}
.home1-about-section .counter-wrap {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #2F2F2F;
display: flex;
align-items: center;
justify-content: space-between;
padding: 35px 40px;
margin-top: 100px;
}
@media (max-width: 1199px) {
.home1-about-section .counter-wrap {
padding: 35px 20px;
}
}
@media (max-width: 991px) {
.home1-about-section .counter-wrap {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.home1-about-section .counter-wrap {
padding: 35px 25px;
}
}
@media (max-width: 991px) {
.home1-about-section .counter-wrap {
flex-wrap: wrap;
gap: 30px;
}
}
.home1-about-section .counter-wrap .single-counter .content .number {
display: inline-flex;
align-items: center;
line-height: 1;
margin-bottom: 12px;
}
.home1-about-section .counter-wrap .single-counter .content .number .counter {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 600;
margin-bottom: 0;
line-height: 1;
}
.home1-about-section .counter-wrap .single-counter .content .number span {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 600;
line-height: 1;
}
.home1-about-section .counter-wrap .single-counter .content p {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
} .home1-solution-section {
position: relative;
}
.home1-solution-section .vector {
position: absolute;
left: 0;
bottom: 0;
}
.home1-solution-section .vector svg {
stroke: #F5BEBE;
}
.home1-solution-section .solution-img-wrapper {
margin: 0;
padding: 0;
list-style: none;
min-height: 245px;
}
.home1-solution-section .solution-img-wrapper li {
position: relative;
}
.home1-solution-section .solution-img-wrapper li .solution-img {
min-height: 245px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 12;
background-size: cover;
background-repeat: no-repeat;
}
.home1-solution-section .solution-img-wrapper li.active .solution-img {
animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 15;
}
@keyframes qodef-animate-image-out {
0% {
transform: scale(1) translateZ(0);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@keyframes qodef-animate-image-in {
0% {
transform: scale(1.05) translateZ(0);
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
.home1-solution-section .accordion .accordion-item {
background-color: transparent;
border-bottom: none;
margin-bottom: 40px;
}
.home1-solution-section .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button {
padding: 0;
background-color: transparent;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
display: inline-flex;
align-items: center;
gap: 15px;
}
@media (max-width: 576px) {
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button {
font-size: 22px;
}
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button span {
min-width: 24px;
max-width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
opacity: 0;
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button span svg {
fill: var(--white-color);
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button::after {
display: none;
visibility: hidden;
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) span {
opacity: 1;
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:hover span {
opacity: 1;
}
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none;
}
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body {
padding: 0;
padding-top: 25px;
}
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 30px;
}
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul li {
line-height: 1;
}
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul li a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border: 1px solid var(--border-color1);
border-radius: 50px;
padding: 6px 15px;
display: inline-block;
transition: 0.35s;
}
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul li a:hover {
color: var(---dark-white-color);
background-color: var(--title-color);
border-color: var(--title-color);
}
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body p {
margin-bottom: 15px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
@media (max-width: 576px) {
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body p {
font-size: 15px;
}
}
.home1-solution-section.style-2 {
background-color: var(--paragraph-color3);
padding: 110px 0;
}
@media (max-width: 991px) {
.home1-solution-section.style-2 {
padding: 90px 0;
}
}
.home1-solution-section.style-2 .vector svg {
stroke: #F5BEBE;
}
.home1-solution-section.style-2 .section-title .dash-and-paragraph .dash {
background-color: #2F2F2F;
}
.home1-solution-section.style-2 .section-title .dash-and-paragraph .dash::after {
background-color: #2F2F2F;
}
.home1-solution-section.style-2 .accordion .accordion-item .accordion-header .accordion-button {
color: var(--white-color);
}
.home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body ul li a {
color: var(--white-color);
border: 1px solid #222;
}
.home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body ul li a:hover {
color: var(--dark-title-color);
background-color: var(--white-color);
}
.home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body p {
margin-bottom: 15px;
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
@media (max-width: 576px) {
.home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body p {
font-size: 15px;
}
}
.home1-solution-section.style-2 .explore-btn {
color: var(--white-color);
}
.home1-solution-section.style-2 .explore-btn svg {
fill: var(--white-color);
} .work-section {
background-color: #E7E7E7;
padding: 100px 0;
}
@media (max-width: 991px) {
.work-section {
padding: 80px 0;
}
}
.work-section .mb-80 {
margin-bottom: 80px;
}
@media (max-width: 991px) {
.work-section .mb-80 {
margin-bottom: 0;
}
}
.work-section .single-work {
position: relative;
transition: 0.45s;
}
.work-section .single-work .work-img {
height: 100%;
}
.work-section .single-work .work-img img {
min-height: 450px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.work-section .single-work .work-img img {
min-height: 360px;
}
}
@media (max-width: 991px) {
.work-section .single-work .work-img img {
width: 100%;
}
}
.work-section .single-work .work-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 49.9%);
padding: 40px;
display: flex;
flex-direction: column;
transition: 0.45s;
justify-content: end;
}
@media (max-width: 576px) {
.work-section .single-work .work-content {
padding: 25px 20px;
}
}
.work-section .single-work .work-content .content-wrap {
opacity: 0;
transition: 0.45s;
}
.work-section .single-work .work-content h5 {
margin-bottom: 20px;
}
.work-section .single-work .work-content h5 a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
transition: 0.35s;
}
.work-section .single-work .work-content h5 a:hover {
color: var(--primary-color);
}
.work-section .single-work .work-content ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.work-section .single-work .work-content ul li {
line-height: 1;
}
.work-section .single-work .work-content ul li a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(0, 0, 0, 0.6);
padding: 6px 15px;
display: inline-block;
transition: 0.35s;
transition: 0.35s;
}
.work-section .single-work .work-content ul li a:hover {
background-color: var(--primary-color);
}
.work-section .single-work .work-content .view-details-wrap {
position: absolute;
top: 30px;
right: 30px;
}
@media (max-width: 576px) {
.work-section .single-work .work-content .view-details-wrap {
right: 20px;
}
}
.work-section .single-work .work-content .view-details-wrap a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
transition: 0.45s;
display: flex;
justify-content: center;
align-items: center;
}
.work-section .single-work .work-content .view-details-wrap a span {
display: inline-flex;
transition: 0.45s;
background-color: var(--dark-title-color);
height: 40px;
align-items: center;
padding-left: 24px;
}
.work-section .single-work .work-content .view-details-wrap a span:first-child {
transform: scaleX(0);
transform-origin: right;
border-radius: 20px 0 0 20px;
}
.work-section .single-work .work-content .view-details-wrap a span:last-child {
background-color: var(--white-color);
height: 40px;
width: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
}
.work-section .single-work .work-content .view-details-wrap a i {
font-size: 28px;
transition: 0.45s;
color: var(--dark-title-color);
}
.work-section .single-work .work-content .view-details-wrap a:hover span:first-child {
transform: scaleX(1);
border-radius: 20px 0 0 20px;
}
.work-section .single-work .work-content .view-details-wrap a:hover span:last-child {
background-color: var(--dark-title-color);
border-radius: 0 20px 20px 0;
width: unset;
padding-right: 15px;
}
.work-section .single-work .work-content .view-details-wrap a:hover span i {
color: var(--white-color);
}
.work-section .single-work:hover .work-content .content-wrap {
opacity: 1;
}
.work-section .section-title {
max-width: 540px;
width: 100%;
}
@media (max-width: 991px) {
.work-section .section-title {
margin-top: 50px;
}
}
.work-section .section-title h2 {
display: flex;
align-items: flex-start;
margin-bottom: 13px;
}
.work-section .section-title h2 svg {
height: 24px;
width: 24px;
fill: var(--primary-color);
}
.work-section .circle-btn {
border: 1px solid rgba(26, 26, 26, 0.1);
}
.text-slider-section {
background-color: #F5BEBE;
padding: 25px 15px;
overflow: hidden;
}
.text-slider-section .marquee {
display: flex;
gap: 30px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.text-slider-section .marquee .marquee__group {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 30px;
min-width: 100%;
animation: scroll-x 30s linear infinite;
}
.text-slider-section .marquee .marquee__group span {
display: flex;
align-items: center;
gap: 30px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
}
.text-slider-section .marquee .marquee__group span svg {
fill: var(--title-color);
}
.text-slider-section .marquee .marquee__group span svg.circle {
fill: none;
stroke: var(--title-color);
}
@keyframes scroll-x {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.text-slider-section.two {
background-color: #E3E5D8;
}
.text-slider-section.three {
background-color: #D9D2F3;
} .home1-process-section {
background-color: #F0F0F0;
}
.home1-process-section .single-process .step-and-dash {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.home1-process-section .single-process .step-and-dash {
margin-bottom: 30px;
}
}
.home1-process-section .single-process .step-and-dash h6 {
color: var(--dark-title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
background-color: #F3D134;
display: inline-block;
line-height: 1;
padding: 6px 18px;
border-radius: 50px;
white-space: nowrap;
margin-bottom: 0;
}
.home1-process-section .single-process .step-and-dash span {
width: 100%;
height: 1px;
background-color: var(--border-color1);
display: inline-block;
position: relative;
}
@media (max-width: 576px) {
.home1-process-section .single-process .step-and-dash span {
display: none;
visibility: hidden;
}
}
.home1-process-section .single-process .step-and-dash span::before {
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
position: absolute;
left: -3px;
top: 50%;
transform: translateY(-50%);
background-color: var(--border-color1);
}
.home1-process-section .single-process .step-and-dash span::after {
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
position: absolute;
right: -3px;
top: 50%;
transform: translateY(-50%);
background-color: var(--border-color1);
}
.home1-process-section .single-process .icon {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.home1-process-section .single-process .icon {
margin-bottom: 20px;
}
}
.home1-process-section .single-process .icon svg {
fill: var(--title-color);
}
.home1-process-section .single-process .content h3 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
margin-bottom: 16px;
}
@media (max-width: 767px) {
.home1-process-section .single-process .content h3 {
font-size: 22px;
}
}
.home1-process-section .single-process .content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.home1-process-section .single-process .content p {
font-size: 15px;
}
}
.home1-process-section .single-process .content ul {
margin: 0;
padding: 0;
list-style: none;
}
.home1-process-section .single-process .content ul li {
display: flex;
align-items: center;
gap: 5px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.home1-process-section .single-process .content ul li i {
color: var(--paragraph-color);
font-size: 16px;
}
.home1-process-section .single-process .content ul li:last-child {
margin-bottom: 0;
} .slider-btn-group {
display: flex;
align-items: center;
max-width: 100px;
min-width: 100px;
justify-content: space-between;
}
.slider-btn-group .slider-btn {
height: 40px;
width: 40px;
border-radius: 50%;
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
@media (max-width: 576px) {
.slider-btn-group .slider-btn {
width: 35px;
height: 35px;
}
}
.slider-btn-group .slider-btn svg {
transition: 0.35s;
fill: var(--primary-color);
}
.slider-btn-group .slider-btn:hover {
background-color: var(--primary-color);
}
.slider-btn-group .slider-btn:hover svg {
fill: var(--white-color);
}
.slider-btn-group .slider-btn.swiper-button-disabled {
opacity: 0.5;
}
.slider-btn-group.two .slider-btn {
border: 1px solid var(--border-color2);
}
.slider-btn-group.two .slider-btn svg {
fill: var(--primary-color3);
}
.slider-btn-group.two .slider-btn:hover {
background-color: var(--primary-color4);
border-color: var(--primary-color4);
}
.fancybox-caption__body {
font-size: 16px;
}
.testimonial-section {
background-color: var(--section-bg1);
padding: 100px 0;
position: relative;
z-index: 1;
}
@media (max-width: 1199px) {
.testimonial-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.testimonial-section {
padding: 70px 0;
}
}
.testimonial-section .vector-2 {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.testimonial-section .vector-2 svg {
stroke: #F0F0F0;
}
@media (max-width: 767px) {
.testimonial-section .section-title .dash-and-paragraph svg {
display: none;
}
}
.testimonial-section .testimonial-slider {
padding-top: 50px;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img {
margin-top: -50px;
position: relative;
padding-bottom: 10px;
display: inline-flex;
}
@media (max-width: 991px) {
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img {
margin-top: 0;
}
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img::after {
content: "";
height: 100%;
width: 103%;
border: 1px solid var(--border-color1);
position: absolute;
left: 0;
top: 0;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wrapper {
display: inline-block;
position: absolute;
top: 30px;
left: 30px;
z-index: 999;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .video-main {
position: relative;
display: inline-block;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .video {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 100%;
background: transparent;
color: var(--primary-color);
display: inline-block;
background: #fff;
z-index: 999;
font-size: 24px;
}
@keyframes waves {
0% {
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .fa-play:before {
content: "\f04b";
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .waves {
position: absolute;
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.7);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wave-1 {
animation-delay: 0s;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wave-2 {
animation-delay: 1s;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wave-3 {
animation-delay: 2s;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content > span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
display: inline-block;
margin-bottom: 15px;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 25px;
}
@media (max-width: 1399px) {
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content p {
font-size: 26px;
}
}
@media (max-width: 1199px) {
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content p {
font-size: 22px;
}
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content .author-area .content h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
}
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content .author-area .content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.testimonial-section .testimonial-slider .swiper-slide-active span {
animation: fadeInDown 1.7s;
}
.testimonial-section .testimonial-slider .swiper-slide-active p {
animation: fadeInDown 1.7s;
}
.testimonial-section .testimonial-slider .swiper-slide-active .author-area {
animation: fadeInUp 1.7s;
}
.testimonial-section .slider-btn-area {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: -30px;
}
@media (max-width: 991px) {
.testimonial-section .slider-btn-area {
margin-top: 30px;
}
}
.testimonial-section .slider-btn-area .franctional-pagi1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 24px;
font-weight: 500;
}
.testimonial-section .slider-btn-area .franctional-pagi1 .swiper-pagination-total {
color: var(--paragraph-color);
font-size: 16px;
font-weight: 400;
}
.testimonial-section .slider-btn-area .slider-btn-group {
position: relative;
z-index: 1;
} .award-section .award-img-group {
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 991px) {
.award-section .award-img-group {
display: none;
visibility: hidden;
}
}
.award-section .award-img-group li {
position: relative;
}
.award-section .award-img-group li .award-img {
min-height: 504px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 12;
}
.award-section .award-img-group li.active .award-img {
animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 15;
}
@keyframes qodef-animate-image-out {
0% {
transform: scale(1) translateZ(0);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@keyframes qodef-animate-image-in {
0% {
transform: scale(1.05) translateZ(0);
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
.award-section .award-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
border: none;
}
@media (max-width: 767px) {
.award-section .award-table thead {
display: none;
visibility: hidden;
}
}
.award-section .award-table thead tr {
border: none;
}
.award-section .award-table thead tr th {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
padding: 30px;
padding-top: 0;
border: none;
}
.award-section .award-table thead tr th:last-child {
text-align: end;
}
@media (max-width: 991px) {
.award-section .award-table thead tr th {
padding: 25px 15px;
padding-top: 0;
}
}
.award-section .award-table tbody tr {
border: 1px solid var(--border-color1);
transition: 0.35s;
border-left: none;
border-right: none;
}
.award-section .award-table tbody tr td {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
padding: 30px;
text-align: start;
transition: 0.35s;
border: none;
}
@media (max-width: 991px) {
.award-section .award-table tbody tr td {
padding: 25px 15px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.award-section .award-table tbody tr td {
display: block;
width: 100%;
text-align: right;
padding-left: 50%;
position: relative;
padding: 10px 15px;
}
.award-section .award-table tbody tr td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50%;
text-align: left;
padding-left: 15px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
}
}
.award-section .award-table tbody tr td a {
color: var(--title-color);
display: flex;
align-items: center;
gap: 8px;
transition: 0.35s;
}
.award-section .award-table tbody tr td a svg {
opacity: 0;
transition: 0.35s;
fill: var(--title-color);
}
@media (max-width: 767px) {
.award-section .award-table tbody tr td a {
justify-content: end;
}
.award-section .award-table tbody tr td a svg {
opacity: 1;
}
}
.award-section .award-table tbody tr td:last-child {
text-align: end;
}
.award-section .award-table tbody tr:last-child {
border-bottom: none;
}
.award-section .award-table tbody tr:last-child td {
padding-bottom: 0;
}
@media (max-width: 767px) {
.award-section .award-table tbody tr:last-child td {
padding-bottom: 10px;
}
}
.award-section .award-table tbody tr:hover td a {
color: var(--primary-color);
}
.award-section .award-table tbody tr:hover td a svg {
opacity: 1;
fill: var(--primary-color);
} .home1-blog-section {
background: #DDE5EE;
padding: 100px 0;
}
@media (max-width: 1199px) {
.home1-blog-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home1-blog-section {
padding: 70px 0;
}
}
.blog-card1 {
position: relative;
}
.blog-card1 .blog-img {
display: inline-block;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.blog-card1 .blog-img {
margin-bottom: 25px;
}
}
.blog-card1 .blog-img img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 100%;
object-position: 100%;
}
.blog-card1 .blog-content ul {
margin: 0;
padding: 0;
margin-bottom: 15px;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-card1 .blog-content ul {
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.blog-card1 .blog-content ul {
margin-bottom: 10px;
}
}
.blog-card1 .blog-content ul li {
line-height: 1;
position: relative;
padding-right: 30px;
}
.blog-card1 .blog-content ul li::after {
content: "";
width: 20px;
height: 1px;
background-color: #CCD4DD;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.blog-card1 .blog-content ul li:last-child {
padding-right: 0;
}
.blog-card1 .blog-content ul li:last-child::after {
display: none;
visibility: hidden;
}
.blog-card1 .blog-content ul li a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
}
.blog-card1 .blog-content ul li a:hover {
color: var(--title-color);
}
.blog-card1 .blog-content h4 {
margin-bottom: 0;
}
.blog-card1 .blog-content h4 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 1.5;
transition: 0.35s;
}
@media (max-width: 1399px) {
.blog-card1 .blog-content h4 a {
font-size: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-card1 .blog-content h4 a {
font-size: 17px;
}
}
@media (max-width: 576px) {
.blog-card1 .blog-content h4 a {
font-size: 18px;
}
}
.blog-card1 .blog-content h4 a:hover {
color: var(--primary-color);
}
.blog-card1 .blog-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
padding-top: 15px;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.blog-card1 .blog-content p {
margin-bottom: 20px;
}
} .contact-section .section-title h2 {
font-size: 130px;
line-height: 1.1;
margin-bottom: 25px;
}
.contact-section .section-title h2 span {
display: inline-block;
}
.contact-section .section-title h2 strong {
font-weight: 500;
font-family: var(--font-fahkwang);
display: inline;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.contact-section .section-title h2 {
font-size: 100px;
}
}
@media (max-width: 1199px) {
.contact-section .section-title h2 {
font-size: 90px;
}
}
@media (max-width: 767px) {
.contact-section .section-title h2 {
font-size: 70px;
}
}
@media (max-width: 576px) {
.contact-section .section-title h2 {
font-size: 55px;
}
}
.contact-section .section-title h2 .arrow {
width: 92px;
height: 92px;
border-radius: 50%;
background-color: var(--primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
transform: translateY(-25px);
}
@media (max-width: 1399px) {
.contact-section .section-title h2 .arrow {
transform: translateY(-15px);
}
}
@media (max-width: 991px) {
.contact-section .section-title h2 .arrow {
width: 80px;
height: 80px;
}
.contact-section .section-title h2 .arrow svg {
width: 30px;
}
}
@media (max-width: 767px) {
.contact-section .section-title h2 .arrow {
width: 60px;
height: 60px;
transform: unset;
}
.contact-section .section-title h2 .arrow svg {
width: 20px;
}
}
.contact-section .section-title h2 .arrow svg {
fill: #FFF8F8;
}
.contact-section .section-title .dash-and-paragraph {
align-items: baseline;
}
.contact-section .section-title .dash-and-paragraph .dash {
transform: translateY(-5px);
}
@media (max-width: 576px) {
.contact-section .section-title .dash-and-paragraph .dash {
display: none;
}
}
.contact-section .section-title .dash-and-paragraph .social-area {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
padding-top: 30px;
}
.contact-section .section-title .dash-and-paragraph .social-area h6 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
}
.contact-section .section-title .dash-and-paragraph .social-area svg {
fill: var(--primary-color);
max-height: 15px;
}
.contact-section .section-title .dash-and-paragraph .social-area svg:hover {
fill: var(--white-color);
}
.contact-section .section-title .dash-and-paragraph .social-area ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 15px;
}
.contact-section .section-title .dash-and-paragraph .social-area ul li a {
height: 26px;
width: 26px;
border-radius: 50%;
border: 1px solid rgba(86, 96, 100, 0.2);
display: flex;
align-items: center;
justify-content: center;
color: var(--paragraph-color);
transition: 0.35s;
}
.contact-section .section-title .dash-and-paragraph .social-area ul li a i.bi-twitter-x {
font-size: 12px;
}
.contact-section .section-title .dash-and-paragraph .social-area ul li a:hover {
color: var(--white-color);
background-color: var(--primary-color);
border: 1px solid transparent;
}
.contact-section .section-title .dash-and-paragraph .primary-btn3 {
border-radius: 5px;
}
.contact-section.two {
position: relative;
z-index: 999;
background: var(--bg-color1);
padding: 100px 0;
}
@media (max-width: 1199px) {
.contact-section.two {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.contact-section.two {
padding: 70px 0;
}
}
.contact-section.two .section-title h2 {
line-height: 1;
}
.contact-section.two .section-title .dash-and-paragraph .social-area svg {
fill: var(--primary-color2);
}
.contact-section.two .section-title .dash-and-paragraph .social-area ul li a:hover {
background-color: var(--primary-color2);
border-color: var(--primary-color2);
color: var(--dark-title-color);
}
.contact-section.two .circle-btn span {
background-color: var(--primary-color2);
}
.contact-section.two .circle-btn:hover {
color: var(--dark-title-color);
}
.contact-section.two .circle-btn:hover svg {
fill: var(--dark-title-color);
}
.contact-section.three {
background: #DDE5EE;
padding: 100px 0;
}
@media (max-width: 1199px) {
.contact-section.three {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.contact-section.three {
padding: 70px 0;
}
}
.contact-section.four {
background: var(--bg-color1);
padding: 100px 0;
}
@media (max-width: 1199px) {
.contact-section.four {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.contact-section.four {
padding: 70px 0;
}
} footer {
position: relative;
background-color: var(--dark-title-color);
padding: 110px 0 0;
z-index: 1;
}
@media (max-width: 1199px) {
footer {
padding: 90px 0 0;
}
}
@media (max-width: 767px) {
footer {
padding: 70px 0 0;
}
}
footer .vector {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
footer .vector svg {
stroke: #151515;
}
footer .widget-title {
margin-bottom: 33px;
}
footer .widget-title h4 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
}
footer .menu-container ul {
margin: 0;
padding: 0;
list-style: none;
}
footer .menu-container ul li {
margin-bottom: 20px;
}
footer .menu-container ul li:last-child {
margin-bottom: 0;
}
footer .menu-container ul li a {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
gap: 8px;
transition: 0.35s;
}
footer .menu-container ul li a svg {
fill: var(--white-color);
opacity: 0;
transition: 0.35s;
margin-left: -5px;
}
footer .menu-container ul li a span {
line-height: 1;
display: inline-block;
border-radius: 50px;
background: var(--primary-color);
font-size: 12px;
font-weight: 500;
padding: 3px 8px;
}
footer .menu-container ul li a:hover {
color: var(--white-color);
}
footer .menu-container ul li a:hover svg {
opacity: 1;
margin-left: 0;
}
footer .footer-top .footer-widget .subscribed-area {
max-width: 540px;
width: 100%;
}
footer .footer-top .footer-widget .subscribed-area h3 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
margin-bottom: 35px;
line-height: 1.5;
}
@media (max-width: 1199px) {
footer .footer-top .footer-widget .subscribed-area h3 {
font-size: 26px;
margin-bottom: 25px;
}
}
footer .footer-top .footer-widget .subscribed-area .form-inner {
border: 1px solid #282828;
background: #151515;
display: flex;
align-items: center;
height: 60px;
padding: 10px 25px;
margin-bottom: 20px;
}
footer .footer-top .footer-widget .subscribed-area .form-inner input {
width: 100%;
color: #C4C4C4;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
background-color: transparent;
border: none;
padding-left: 0;
}
footer .footer-top .footer-widget .subscribed-area .form-inner input::-moz-placeholder {
color: #999797;
}
footer .footer-top .footer-widget .subscribed-area .form-inner input::placeholder {
color: #999797;
}
footer .footer-top .footer-widget .subscribed-area .form-inner button {
border: none;
height: 36px;
min-width: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
}
footer .footer-top .footer-widget .subscribed-area .form-inner button svg {
fill: var(--white-color);
}
footer .footer-top .footer-widget .social-link-area {
padding-top: 30px;
}
@media (max-width: 1399px) {
footer .footer-top .footer-widget .social-link-area {
padding-top: 20px;
}
}
@media (max-width: 991px) {
footer .footer-top .footer-widget .social-link-area {
padding-top: 0;
}
}
footer .footer-top .footer-widget .social-link-area .social-area {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
max-width: 300px;
width: 100%;
}
footer .footer-top .footer-widget .social-link-area .social-area li a {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50px;
display: flex;
align-items: center;
gap: 8px;
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 7px 15px;
transition: 0.35s;
}
footer .footer-top .footer-widget .social-link-area .social-area li a svg,
footer .footer-top .footer-widget .social-link-area .social-area li a i {
color: var(--paragraph-color-dark);
fill: var(--paragraph-color-dark);
line-height: 1;
height: 20px;
transition: 0.35s;
}
footer .footer-top .footer-widget .social-link-area .social-area li a:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white-color);
}
footer .footer-top .footer-widget .social-link-area .social-area li a:hover svg,
footer .footer-top .footer-widget .social-link-area .social-area li a:hover i {
color: var(--white-color);
fill: var(--white-color);
}
footer .footer-top .solial-account ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
max-width: 560px;
width: 100%;
}
footer .footer-top .solial-account ul li {
padding-right: 70px;
position: relative;
}
@media (max-width: 1399px) {
footer .footer-top .solial-account ul li {
padding-right: 53px;
}
}
@media (max-width: 576px) {
footer .footer-top .solial-account ul li {
padding-right: 30px;
}
}
footer .footer-top .solial-account ul li::after {
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #545454;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 32px;
}
@media (max-width: 1399px) {
footer .footer-top .solial-account ul li::after {
right: 17px;
}
}
@media (max-width: 576px) {
footer .footer-top .solial-account ul li::after {
display: none;
}
}
footer .footer-top .solial-account ul li:last-child {
padding-right: 0;
}
footer .footer-top .solial-account ul li:last-child:after {
display: none;
visibility: hidden;
}
footer .footer-top .solial-account ul li a {
color: #AAA;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
transition: 0.35s;
}
footer .footer-top .solial-account ul li a:hover {
color: var(--white-color);
}
footer .footer-top .footer-logo-contact-wrap {
border: 1px solid #303030;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 35px;
gap: 40px;
flex-wrap: wrap;
}
@media (max-width: 991px) {
footer .footer-top .footer-logo-contact-wrap {
gap: 25px;
padding: 25px 20px;
}
}
footer .footer-top .footer-logo-contact-wrap .footer-logo img {
max-width: 200px;
}
footer .footer-top .footer-logo-contact-wrap .footer-contact {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 15px;
}
@media (max-width: 991px) {
footer .footer-top .footer-logo-contact-wrap .footer-contact {
flex-wrap: wrap;
}
}
@media (max-width: 576px) {
footer .footer-top .footer-logo-contact-wrap .footer-contact {
justify-content: start;
}
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact {
padding-right: 85px;
position: relative;
}
@media (max-width: 1199px) {
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact {
padding-right: 40px;
}
}
@media (max-width: 991px) {
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact {
padding-right: 10px;
}
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after {
content: "";
height: 107px;
width: 1px;
background-color: #303030;
position: absolute;
right: 45px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1199px) {
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after {
right: 12px;
}
}
@media (max-width: 991px) {
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after {
display: none;
}
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact:last-child {
padding-right: 0;
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact:last-child:after {
display: none;
visibility: hidden;
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact span {
color: #AAA;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 {
margin-bottom: 0;
padding-top: 5px;
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
transition: 0.35s;
}
@media (max-width: 1199px) {
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a {
font-size: 18px;
}
}
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a:hover {
color: var(--primary-color);
}
footer .footer-btm {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
padding: 25px 0;
}
footer .footer-btm .copyright-area p {
color: #CACACA;
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 400;
margin-bottom: 0;
}
footer .footer-btm .copyright-area p a {
color: var(--white-color);
transition: 0.35s;
}
footer .footer-btm .copyright-area p a:hover {
color: var(--primary-color);
}
footer .footer-btm .terms-condition p {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 400;
}
footer .footer-btm .terms-condition p svg {
fill: #DFDFDF;
}
footer .footer-btm .terms-condition p a {
font-weight: 500;
color: var(--white-color);
text-decoration: underline;
transition: 0.35s;
}
footer .footer-btm .terms-condition p a:hover {
color: var(--primary-color);
}
footer.style-2 {
background: #000;
}
footer.style-2 .footer-top .footer-widget .subscribed-area .form-inner button {
background-color: var(--primary-color2);
}
footer.style-2 .footer-top .footer-widget .subscribed-area .form-inner button svg {
fill: var(--dark-title-color);
}
footer.style-2 .footer-top .footer-widget .widget-title {
margin-bottom: 33px;
}
footer.style-2 .footer-top .footer-widget .widget-title h4 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
}
footer.style-2 .footer-top .footer-widget .menu-container ul {
margin: 0;
padding: 0;
list-style: none;
}
footer.style-2 .footer-top .footer-widget .menu-container ul li {
margin-bottom: 20px;
}
footer.style-2 .footer-top .footer-widget .menu-container ul li:last-child {
margin-bottom: 0;
}
footer.style-2 .footer-top .footer-widget .menu-container ul li a span {
background: var(--primary-color2);
color: var(--dark-title-color);
}
footer.style-2 .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a:hover {
color: var(--primary-color2);
}
footer .footer-btm .copyright-area p a:hover {
color: var(--primary-color2);
}
footer .footer-btm .terms-condition p a:hover {
color: var(--primary-color2);
}
@media (max-width: 1199px) {
footer.home5-footer {
padding: 90px 0 0;
}
}
@media (max-width: 767px) {
footer.home5-footer {
padding: 70px 0 0;
}
}
footer.home5-footer .footer-top .contact-area {
text-align: center;
position: relative;
}
footer.home5-footer .footer-top .contact-area h2 {
color: var(--white-color);
font-family: var(--font-fahkwang);
font-size: 130px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 50px;
}
@media (max-width: 1199px) {
footer.home5-footer .footer-top .contact-area h2 {
font-size: 110px;
}
}
@media (max-width: 991px) {
footer.home5-footer .footer-top .contact-area h2 {
font-size: 90px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
footer.home5-footer .footer-top .contact-area h2 {
font-size: 80px;
margin-bottom: 20px;
}
}
footer.home5-footer .footer-top .contact-area .email-address {
position: relative;
}
footer.home5-footer .footer-top .contact-area .email-address .shape {
fill: none;
position: absolute;
bottom: 98px;
left: 0;
}
@media (max-width: 1399px) {
footer.home5-footer .footer-top .contact-area .email-address .shape {
left: -50px;
}
}
@media (max-width: 991px) {
footer.home5-footer .footer-top .contact-area .email-address .shape {
display: none;
}
}
footer.home5-footer .footer-top .contact-area .email-address .shape linearGradient stop {
stop-color: var(--primary-color4);
}
footer.home5-footer .footer-top .contact-area .email-address .vector1 {
position: absolute;
top: -40px;
right: 15%;
opacity: 0;
transform: scale(0.4);
transition: 0.5s;
}
@media (max-width: 1399px) {
footer.home5-footer .footer-top .contact-area .email-address .vector1 {
right: 9%;
}
}
@media (max-width: 1199px) {
footer.home5-footer .footer-top .contact-area .email-address .vector1 {
right: 5%;
}
}
@media (max-width: 991px) {
footer.home5-footer .footer-top .contact-area .email-address .vector1 {
right: 0;
}
}
@media (max-width: 767px) {
footer.home5-footer .footer-top .contact-area .email-address .vector1 {
display: none;
}
}
footer.home5-footer .footer-top .contact-area .email-address .vector1::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 56px;
height: 56px;
border-radius: 50%;
border: 1px dashed var(--white-color);
}
footer.home5-footer .footer-top .contact-area .email-address .vector1 img {
width: 50px;
height: 50px;
border-radius: 50%;
}
footer.home5-footer .footer-top .contact-area .email-address .vector2 {
position: absolute;
bottom: 14px;
right: -3%;
opacity: 0;
transform: scale(0.4);
transition: 0.75s;
transition-delay: 0.2s;
}
@media (max-width: 1399px) {
footer.home5-footer .footer-top .contact-area .email-address .vector2 {
right: -7%;
}
}
@media (max-width: 991px) {
footer.home5-footer .footer-top .contact-area .email-address .vector2 {
display: none;
}
}
footer.home5-footer .footer-top .contact-area .email-address .vector2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 65px;
height: 65px;
border-radius: 50%;
border: 1px solid var(--primary-color4);
}
footer.home5-footer .footer-top .contact-area .email-address .vector2 img {
width: 60px;
height: 60px;
border-radius: 50%;
}
footer.home5-footer .footer-top .contact-area .email-address .vector3 {
position: absolute;
top: -120%;
right: 0;
opacity: 0;
transform: scale(0.4);
transition: 0.75s;
transition-delay: 0.3s;
}
@media (max-width: 1399px) {
footer.home5-footer .footer-top .contact-area .email-address .vector3 {
right: -30px;
}
}
@media (max-width: 991px) {
footer.home5-footer .footer-top .contact-area .email-address .vector3 {
display: none;
}
}
footer.home5-footer .footer-top .contact-area .email-address .vector3 .shape2 {
position: absolute;
top: -40px;
right: -45px;
fill: none;
}
footer.home5-footer .footer-top .contact-area .email-address .vector3 .shape2 linearGradient stop {
stop-color: var(--primary-color4);
}
footer.home5-footer .footer-top .contact-area .email-address .vector3 img {
width: 60px;
height: 60px;
border-radius: 50%;
}
footer.home5-footer .footer-top .contact-area .email-address a {
padding: 33px 20px;
background-color: #161616;
border: 1px solid #202020;
border-radius: 68px;
max-width: 613px;
width: 100%;
margin: 0 auto;
display: inline-block;
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1;
transition: 0.5s;
}
footer.home5-footer .footer-top .contact-area .email-address a:hover {
color: var(--primary-color4);
}
footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector1, footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector2, footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector3 {
opacity: 1;
transform: scale(1);
}
@media (max-width: 767px) {
footer.home5-footer .footer-top .contact-area .email-address a {
font-size: 26px;
padding: 25px 20px;
max-width: 480px;
}
}
@media (max-width: 576px) {
footer.home5-footer .footer-top .contact-area .email-address a {
font-size: 18px;
padding: 20px 10px;
}
}
footer.home5-footer .footer-top .social-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-top: 40px;
border-top: 1px solid rgba(255, 255, 255, 0.04);
}
@media (max-width: 767px) {
footer.home5-footer .footer-top .social-area {
flex-wrap: wrap;
justify-content: center;
text-align: center;
padding-top: 30px;
}
}
footer.home5-footer .footer-top .social-area h3 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.5;
max-width: 535px;
width: 100%;
margin-bottom: 0;
}
@media (max-width: 767px) {
footer.home5-footer .footer-top .social-area h3 {
font-size: 25px;
}
}
footer.home5-footer .footer-top .social-area .social-list {
padding: 0;
margin: 0;
list-style: none;
max-width: 270px;
width: 100%;
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
footer.home5-footer .footer-top .social-area .social-list li {
padding: 5px 22px;
background-color: #252525;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50px;
line-height: 1;
transition: 0.5s;
}
footer.home5-footer .footer-top .social-area .social-list li a {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
transition: 0.5s;
}
footer.home5-footer .footer-top .social-area .social-list li:hover {
background-color: var(--primary-color4);
}
footer.home5-footer .footer-top .social-area .social-list li:hover a {
color: var(--dark-title-color);
}
footer.home5-footer .footer-top .footer-menu-wrap {
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 10px;
background-color: #161616;
padding: 25px 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 991px) {
footer.home5-footer .footer-top .footer-menu-wrap {
flex-wrap: wrap;
justify-content: center;
border: none;
padding: 20px 30px;
}
}
@media (max-width: 576px) {
footer.home5-footer .footer-top .footer-menu-wrap {
padding: 20px;
gap: 25px;
}
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-logo img {
max-width: 200px;
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
@media (max-width: 991px) {
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu {
justify-content: center;
}
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li {
line-height: 1;
padding-right: 30px;
}
@media (max-width: 1499px) {
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li {
padding-right: 8px;
}
}
@media (max-width: 1399px) {
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li {
padding-right: 0px;
}
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li:last-child {
padding-right: 0;
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
transition: 0.35s;
display: flex;
align-items: baseline;
gap: 6px;
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a svg {
fill: #FFEEEE;
transition: 0.35s;
opacity: 0;
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a:hover {
color: var(--white-color);
}
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a:hover svg {
opacity: 1;
}
@media (max-width: 767px) {
footer.home5-footer .footer-btm {
justify-content: center;
}
}
footer.home5-footer .footer-btm .copyright-area p a:hover {
color: var(--primary-color4);
}
footer.home5-footer .footer-btm .terms-condition p a:hover {
color: var(--primary-color4);
}
@media (max-width: 1199px) {
footer.home6-footer {
padding: 90px 0 0;
}
}
@media (max-width: 767px) {
footer.home6-footer {
padding: 70px 0 0;
}
}
footer.home6-footer .footer-top {
text-align: center;
}
footer.home6-footer .footer-top h4 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 15px;
}
footer.home6-footer .footer-top p {
color: #dfdfdf;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 45px;
}
@media (max-width: 991px) {
footer.home6-footer .footer-top p {
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
footer.home6-footer .footer-top p {
margin-bottom: 25px;
}
}
footer.home6-footer .footer-top .contact-area {
max-width: 535px;
width: 100%;
margin: 0 auto;
}
footer.home6-footer .footer-top .contact-area .form-inner {
display: flex;
align-items: center;
background-color: var(--white-color);
border-radius: 10px;
padding: 6px;
height: 60px;
margin-bottom: 20px;
}
footer.home6-footer .footer-top .contact-area .form-inner input {
background-color: transparent;
border: unset;
}
footer.home6-footer .footer-top .contact-area .form-inner input:focus {
border: unset;
}
@media (max-width: 576px) {
footer.home6-footer .footer-top .contact-area .form-inner input {
padding: 10px 15px;
}
}
footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 {
background-color: var(--primary-color4);
border-color: var(--primary-color4);
color: var(--primary-color3);
border-radius: 10px;
padding: 15px 36px;
justify-content: center;
min-width: 180px;
}
@media (max-width: 576px) {
footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 {
min-width: 140px;
padding: 15px 10px;
font-size: 13px;
}
}
footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 svg {
min-width: 11px;
fill: var(--primary-color3);
}
footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3:hover {
border-color: var(--border-color2);
}
footer.home6-footer .footer-top .contact-area ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}
@media (max-width: 576px) {
footer.home6-footer .footer-top .contact-area ul {
flex-wrap: wrap;
gap: 20px;
}
}
footer.home6-footer .footer-top .contact-area ul li {
display: flex;
align-items: center;
gap: 8px;
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1.2;
}
footer.home6-footer .footer-top .contact-area ul li svg {
fill: var(--primary-color4);
}
footer.home6-footer .footer-menu-wrap {
background-color: #202020;
border-radius: 20px;
padding: 50px;
}
@media (max-width: 1199px) {
footer.home6-footer .footer-menu-wrap {
padding: 50px 30px;
}
}
@media (max-width: 576px) {
footer.home6-footer .footer-menu-wrap {
padding: 40px 20px;
border-radius: 10px;
}
}
footer.home6-footer .footer-menu-wrap .menu-container ul li a svg {
fill: var(--primary-color4);
}
footer.home6-footer .footer-menu-wrap .menu-container ul li a:hover {
color: var(--primary-color4);
}
footer.home6-footer .footer-menu-wrap .footer-widget .footer-logo img {
max-width: 200px;
}
footer.home6-footer .footer-menu-wrap .footer-widget .footer-content {
max-width: 485px;
width: 100%;
padding-top: 25px;
margin-bottom: 45px;
}
@media (max-width: 1199px) {
footer.home6-footer .footer-menu-wrap .footer-widget .footer-content {
margin-bottom: 35px;
}
}
@media (max-width: 576px) {
footer.home6-footer .footer-menu-wrap .footer-widget .footer-content {
margin-bottom: 30px;
}
}
footer.home6-footer .footer-menu-wrap .footer-widget .footer-content p {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
footer.home6-footer .footer-menu-wrap .footer-widget .social-area {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 15px;
}
footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--primary-color3);
display: flex;
align-items: center;
justify-content: center;
color: var(--primary-color4);
transition: 0.5s;
}
footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a svg,
footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a i {
font-size: 14px;
height: 14px;
fill: var(--primary-color4);
}
footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a:hover {
background-color: var(--primary-color4);
color: var(--dark-title-color);
}
footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a:hover svg {
fill: var(--dark-title-color);
}
footer.home6-footer .footer-btm .copyright-area p a:hover {
color: var(--primary-color4);
}
footer.home6-footer .footer-btm .terms-condition p a:hover {
color: var(--primary-color4);
} .animet-images {
overflow: hidden;
}
.sidebar-area {
position: fixed;
top: 0px;
left: 0;
width: 100%;
padding: 0px 0 70px;
z-index: 9999;
overflow-y: auto;
transition: all 0.7s;
background-color: var(---dark-white-color);
height: 100%;
transform-origin: top;
transform: translateY(-120%);
transition: transform 0.6s ease-in;
}
@media (max-width: 1399px) {
.sidebar-area {
padding: 0px 0 70px;
}
}
.sidebar-area.active {
transform: translateY(0);
}
.sidebar-area .sidebar-menu-top-area {
padding: 17px 3%;
border-bottom: 1px solid var(--border-color2);
margin-bottom: 80px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-menu-top-area {
padding: 25px 2%;
}
}
@media (max-width: 991px) {
.sidebar-area .sidebar-menu-top-area {
padding: 0;
}
}
.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo {
padding: 15px 15px;
}
}
.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo img {
width: 146px;
max-width: unset;
}
.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo .logo-light {
display: none;
}
.sidebar-area .sidebar-menu-top-area .nav-right {
gap: 105px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.sidebar-area .sidebar-menu-top-area .nav-right {
gap: 60px;
}
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-menu-top-area .nav-right {
gap: 30px;
}
}
@media (max-width: 991px) {
.sidebar-area .sidebar-menu-top-area .nav-right {
gap: 0;
}
}
.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close {
border: 1px solid var(--primary-color);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.5s;
}
.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close svg {
fill: var(--primary-color);
transition: 0.5s;
}
@media (max-width: 991px) {
.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close {
margin: 0 15px;
}
}
@media (max-width: 576px) {
.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close {
width: 36px;
height: 36px;
}
.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close svg {
width: 18px;
height: 18px;
}
}
.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close:hover {
background-color: #FF4820;
border-color: #FF4820;
}
.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close:hover svg {
fill: var(--white-color);
}
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
border: 1px solid var(--primary-color);
background: var(--primary-color);
line-height: 1;
display: inline-flex;
align-items: baseline;
padding: 20px 35px;
gap: 8px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
}
@media (max-width: 1199px) {
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn {
padding: 14px 22px;
display: none;
visibility: hidden;
}
}
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn svg {
fill: var(--white-color);
transition: all 0.6s;
}
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--white-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover {
color: var(--primary-color);
}
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover svg {
fill: var(--primary-color);
}
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover span {
width: 225%;
height: 1000.5px;
}
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:active {
background-color: var(--white-color);
}
@media (max-width: 991px) {
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn {
display: none;
visibility: hidden;
}
}
.sidebar-area .sidebar-menu-top-area.two .nav-right .header-btn {
padding: 19px 35px;
transition: all 0.6s;
border-radius: 5px;
}
@media (max-width: 1199px) {
.sidebar-area .sidebar-menu-top-area.two .nav-right .header-btn {
padding: 14px 22px;
}
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-contact .getin-touch-area {
margin-bottom: 35px;
}
}
.sidebar-area .sidebar-contact .getin-touch-area h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 35px;
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-contact .getin-touch-area h4 {
margin-bottom: 25px;
}
}
.sidebar-area .sidebar-contact .getin-touch-area h4 svg {
fill: var(--title-color);
margin-left: 5px;
}
.sidebar-area .sidebar-contact .getin-touch-area ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 40px;
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact {
margin-bottom: 20px;
}
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact:last-child {
margin-bottom: 0;
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .icon {
height: 40px;
min-width: 40px;
max-width: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
border: 1px solid var(--title-color);
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .icon svg {
transition: 0.35s;
fill: var(--title-color);
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact h6 {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-bottom: 0;
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact h6 a {
color: var(--title-color);
transition: 0.35s;
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact h6 a:hover {
color: var(--primary-color);
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact:hover .icon {
background-color: var(--title-color);
}
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact:hover .icon svg {
fill: var(---dark-white-color);
}
.sidebar-area .sidebar-contact .social-link-area h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
padding-bottom: 10px;
margin-bottom: 20px;
}
.sidebar-area .sidebar-contact .social-link-area h6 svg {
fill: var(--title-color);
margin-left: 5px;
}
.sidebar-area .sidebar-contact .social-link-area .social-area {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-area .sidebar-contact .social-link-area .social-area li a {
border: 1px solid var(--border-color1);
border-radius: 50px;
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 7px 15px;
transition: 0.35s;
}
.sidebar-area .sidebar-contact .social-link-area .social-area li a i {
color: var(--paragraph-color);
line-height: 1;
transition: 0.35s;
}
.sidebar-area .sidebar-contact .social-link-area .social-area li a:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white-color);
}
.sidebar-area .sidebar-contact .social-link-area .social-area li a:hover i {
color: var(--white-color);
}
.sidebar-area .sidebar-menu-wrap {
border-left: 1px solid var(--border-color2);
}
.sidebar-area .sidebar-menu-wrap .main-menu {
margin: 0;
padding: 0;
list-style: none;
overflow-y: auto;
border-top: 1px solid var(--border-color2);
border-right: 1px solid var(--border-color2);
}
.sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar {
width: 0;
}
.sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar-track {
background: var(--title-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar-thumb {
background: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li {
position: relative;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a {
border-bottom: 1px solid var(--border-color2);
color: var(--title-color);
font-family: var(--font-unbounded);
text-transform: uppercase;
font-size: 30px;
font-weight: 500;
display: block;
line-height: 1;
padding: 25px 70px;
transform: translateY(var(--y)) translateZ(0);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text {
display: flex;
overflow: hidden;
text-shadow: 0 30px 0 var(--title-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span {
display: block;
backface-visibility: hidden;
transition: transform 0.4s ease;
transform: translateY(var(--m)) translateZ(0);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(1) {
transition-delay: 0.05s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(2) {
transition-delay: 0.1s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(3) {
transition-delay: 0.15s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(4) {
transition-delay: 0.2s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(5) {
transition-delay: 0.25s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(6) {
transition-delay: 0.3s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(7) {
transition-delay: 0.35s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(8) {
transition-delay: 0.4s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(9) {
transition-delay: 0.45s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(10) {
transition-delay: 0.5s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(11) {
transition-delay: 0.55s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(12) {
transition-delay: 0.6s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(13) {
transition-delay: 0.65s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(14) {
transition-delay: 0.7s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(15) {
transition-delay: 0.75s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(16) {
transition-delay: 0.8s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(17) {
transition-delay: 0.85s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(18) {
transition-delay: 0.9s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(19) {
transition-delay: 0.95s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(20) {
transition-delay: 1s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(21) {
transition-delay: 1.05s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(22) {
transition-delay: 1.1s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(23) {
transition-delay: 1.15s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(24) {
transition-delay: 1.2s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(25) {
transition-delay: 1.25s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(26) {
transition-delay: 1.3s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(27) {
transition-delay: 1.35s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(28) {
transition-delay: 1.4s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(29) {
transition-delay: 1.45s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(30) {
transition-delay: 1.5s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(31) {
transition-delay: 1.55s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(32) {
transition-delay: 1.6s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(33) {
transition-delay: 1.65s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(34) {
transition-delay: 1.7s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(35) {
transition-delay: 1.75s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(36) {
transition-delay: 1.8s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(37) {
transition-delay: 1.85s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(38) {
transition-delay: 1.9s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(39) {
transition-delay: 1.95s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(40) {
transition-delay: 2s;
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-menu-wrap .main-menu > li > a {
padding: 15px 70px;
padding-left: 40px;
font-size: 22px;
}
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-menu-wrap .main-menu > li > a {
padding-left: 20px;
}
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a:hover {
--y: -0px;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li > a:hover span {
--m: calc(30px * -1);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 {
position: absolute;
right: 24px;
top: 20px;
width: 40px;
height: 40px;
border-radius: 5px;
background-color: var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
display: none;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 i {
color: var(---dark-white-color);
font-size: 28px;
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 {
width: 28px;
height: 25px;
top: 14px;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 i {
font-size: 22px;
}
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.active i::before {
content: "\f2ea";
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.two {
height: unset;
width: unset;
background-color: transparent;
top: -7px;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.two i {
color: var(--title-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li.active > a {
color: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li.active > a .menu-text {
text-shadow: 0 30px 0 var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2 {
background-color: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2 i {
color: var(--white-color);
font-size: 28px;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2.two {
background-color: transparent;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2.two i {
color: var(--title-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li.menu-item-has-children .dropdown-icon2 {
display: flex;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu {
margin: 0;
padding: 0;
list-style: none;
padding-left: 40px;
position: static;
opacity: 1;
visibility: visible;
transition: none;
display: none;
padding-top: 35px;
padding-bottom: 35px;
padding-left: 70px;
border-bottom: 1px solid var(--border-color2);
}
@media (max-width: 1399px) {
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu {
padding-left: 40px;
padding-top: 30px;
padding-bottom: 30px;
}
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu.active {
display: block;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li {
position: relative;
margin-bottom: 15px;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li:last-child {
margin-bottom: 0;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li::after {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
display: flex;
align-items: center;
position: absolute;
left: -20px;
border: 1px solid var(--paragraph-color-dark);
top: 8px;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li > .dropdown-icon2 {
top: -5px;
background: transparent;
display: none;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li > .dropdown-icon2 i {
color: var(--title-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li.menu-item-has-children > .dropdown-icon2 {
display: flex;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li > a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
transition: 0.35s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li > a svg {
fill: var(--paragraph-color);
margin-left: 5px;
transition: 0.35s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li > a:hover {
color: var(--title-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li > a:hover svg {
fill: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li.active > a {
color: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li.active > a svg {
fill: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li.active .dropdown-icon2.two i {
color: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li.active::after {
border-color: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu {
padding-top: 20px;
padding-bottom: 7px;
padding-left: 20px;
border-bottom: none;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li {
margin-bottom: 10px;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li::after {
display: none;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li a {
font-size: 15px;
font-weight: 400;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li a svg {
fill: var(--paragraph-color);
margin-left: 5px;
transition: 0.35s;
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li a:hover {
color: var(--title-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li a:hover svg {
fill: var(--primary-color);
}
.sidebar-area .sidebar-menu-wrap .main-menu > li .sub-menu li .sub-menu li.active {
color: var(--primary-color);
} .home2-banner-area {
background-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/home2/banner-bg.png), linear-gradient(#1A1A1A, #1A1A1A);
background-size: cover;
background-repeat: no-repeat;
padding: 150px 0 56px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home2-banner-area {
padding: 200px 0 70px;
}
}
.home2-banner-area .banner-content-wrap h1 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 90px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 60px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home2-banner-area .banner-content-wrap h1 {
font-size: 80px;
}
}
@media (max-width: 1399px) {
.home2-banner-area .banner-content-wrap h1 {
font-size: 70px;
margin-bottom: 45px;
}
}
@media (max-width: 1199px) {
.home2-banner-area .banner-content-wrap h1 {
font-size: 55px;
margin-bottom: 35px;
}
}
@media (max-width: 1199px) {
.home2-banner-area .banner-content-wrap h1 {
font-size: 38px;
margin-bottom: 30px;
}
}
.home2-banner-area .banner-content-wrap h1 span {
font-family: var(--font-fahkwang);
font-weight: 400;
display: block;
}
.home2-banner-area .banner-content-wrap .banner-content {
display: flex;
gap: 24px;
}
@media (max-width: 576px) {
.home2-banner-area .banner-content-wrap .banner-content {
flex-wrap: wrap;
}
}
.home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector {
margin-bottom: 69px;
}
@media (max-width: 1399px) {
.home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector {
max-width: 250px;
}
}
@media (max-width: 991px) {
.home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector {
margin-bottom: 30px;
}
}
@media (max-width: 576px) {
.home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector {
display: none;
visibility: hidden;
}
}
.home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector svg {
fill: rgba(255, 255, 255, 0.08);
width: 250px;
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn p {
color: #C4C4C4;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 45px;
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn p span {
color: var(--white-color);
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a {
display: flex;
align-items: center;
white-space: nowrap;
transition: 0.45s;
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a .content {
color: var(--dark-title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
background-color: var(--primary-color2);
border-radius: 28px;
padding: 17px 36px;
display: inline-block;
transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
transition: 0.45s;
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a .icon {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: var(--primary-color2);
display: flex;
align-items: center;
justify-content: center;
transition: 0.45s;
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a .icon.two {
transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a:hover .content {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
}
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a:hover .icon.two {
opacity: 0;
}
.home2-banner-area .banner-img img {
max-width: unset;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home2-banner-area .banner-img img {
max-width: 100%;
}
}
@media (max-width: 1399px) {
.home2-banner-area .banner-img img {
max-width: 100%;
}
}
.rating-area {
display: flex;
align-items: center;
gap: 20px;
}
.rating-area .review span {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 1;
margin-bottom: 5px;
display: block;
}
.rating-area .review svg {
fill: var(--white-color);
}
.rating-area .rating .star {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 6px;
line-height: 1;
margin-bottom: 5px;
}
.rating-area .rating .star li i {
color: #E62415;
font-size: 14px;
}
.rating-area .rating span {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.rating-area.dark .review span {
color: var(--title-color);
}
.rating-area.dark .review svg {
fill: var(--title-color);
}
.rating-area.dark .rating span {
color: var(--title-color);
} .home2-about-section .counter-and-btn {
max-width: 320px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 991px) {
.home2-about-section .counter-and-btn {
margin-left: 0;
}
}
.home2-about-section .counter-and-btn a {
display: flex;
align-items: center;
white-space: nowrap;
transition: 0.45s;
}
.home2-about-section .counter-and-btn a .content {
color: var(---dark-white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
background-color: var(--title-color);
border-radius: 28px;
padding: 17px 36px;
display: inline-block;
transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
transition: 0.45s;
}
.home2-about-section .counter-and-btn a .icon {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: var(--title-color);
display: flex;
align-items: center;
justify-content: center;
transition: 0.45s;
}
.home2-about-section .counter-and-btn a .icon svg {
fill: var(---dark-white-color);
}
.home2-about-section .counter-and-btn a .icon.two {
transform: translate3d(-56px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
transition: 0.45s;
}
.home2-about-section .counter-and-btn a:hover .content {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.home2-about-section .counter-and-btn a:hover .icon.two {
opacity: 0;
}
.home2-about-section .counter-wrap {
margin: 0;
padding: 0;
list-style: none;
}
.home2-about-section .counter-wrap .single-counter {
display: flex;
align-items: flex-start;
gap: 40px;
margin-bottom: 70px;
}
@media (max-width: 991px) {
.home2-about-section .counter-wrap .single-counter {
margin-bottom: 40px;
}
}
.home2-about-section .counter-wrap .single-counter .icon svg {
fill: var(--title-color);
width: 70px;
}
.home2-about-section .counter-wrap .single-counter .content {
line-height: 1;
}
.home2-about-section .counter-wrap .single-counter .content .number {
display: flex;
align-items: center;
margin-bottom: 13px;
}
.home2-about-section .counter-wrap .single-counter .content .number .counter {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1;
margin-bottom: 0;
}
.home2-about-section .counter-wrap .single-counter .content .number span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1;
}
.home2-about-section .counter-wrap .single-counter .content p {
margin-bottom: 0;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.home2-about-section .about-left .about-img {
margin-bottom: 25px;
}
@media (max-width: 991px) {
.home2-about-section .about-left .about-img img {
width: 100%;
}
}
.home2-about-section .about-left p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
@media (max-width: 991px) {
.home2-about-section .about-right-img img {
width: 100%;
}
} .home2-services-section .dash-and-paragraph.three .btn-and-paragraph a:hover {
color: var(--primary-color2);
}
.home2-services-section .dash-and-paragraph.three .btn-and-paragraph a:hover svg {
fill: var(--primary-color2);
}
.home2-services-section .services-wrapper {
display: grid;
grid-template-columns: 33.33% 33.33% 33.33%;
}
@media (max-width: 1399px) {
.home2-services-section .services-wrapper {
grid-template-columns: 32.5% 35% 32.5%;
}
}
@media (max-width: 991px) {
.home2-services-section .services-wrapper {
grid-template-columns: 50% 50%;
}
}
@media (max-width: 767px) {
.home2-services-section .services-wrapper {
grid-template-columns: 100%;
}
}
.home2-services-section .service-card {
padding: 50px 40px;
border-bottom: 1px solid var(--border-color1);
border-right: 1px solid var(--border-color1);
}
@media (max-width: 1399px) {
.home2-services-section .service-card {
padding: 35px 25px;
}
}
@media (max-width: 991px) {
.home2-services-section .service-card {
border: 1px solid var(--border-color1);
border-bottom: none;
padding: 30px 20px;
}
}
.home2-services-section .service-card h3 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 28px;
font-weight: 400;
margin-bottom: 15px;
}
@media (max-width: 1399px) {
.home2-services-section .service-card h3 {
font-size: 26px;
}
}
.home2-services-section .service-card p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.home2-services-section .service-card p {
font-size: 15px;
}
}
.home2-services-section .service-card ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 50px;
}
.home2-services-section .service-card ul li a {
line-height: 1;
color: #1A1A1A;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
background-color: var(--white-color);
border-radius: 50px;
display: inline-block;
padding: 6px 17px;
transition: 0.35s;
border: 1px solid var(--border-color1);
}
.home2-services-section .service-card ul li a:hover {
background-color: var(--dark-title-color);
color: var(--white-color);
}
.home2-services-section .service-card:nth-child(1) {
padding-left: 0;
padding-top: 0;
}
@media (max-width: 991px) {
.home2-services-section .service-card:nth-child(1) {
padding: 30px 20px;
}
}
.home2-services-section .service-card:nth-child(2) {
padding-top: 0;
}
@media (max-width: 991px) {
.home2-services-section .service-card:nth-child(2) {
padding: 30px 20px;
}
}
.home2-services-section .service-card:nth-child(3) {
padding-right: 0;
padding-top: 0;
border-right: none;
}
@media (max-width: 991px) {
.home2-services-section .service-card:nth-child(3) {
padding: 30px 20px;
border-right: 1px solid var(--border-color1);
}
}
.home2-services-section .service-card:nth-child(4) {
padding-left: 0;
padding-bottom: 0;
border-bottom: none;
}
@media (max-width: 991px) {
.home2-services-section .service-card:nth-child(4) {
padding: 30px 20px;
border-bottom: 1px solid var(--border-color1);
}
}
.home2-services-section .service-card:nth-child(5) {
padding-bottom: 0;
border-bottom: none;
}
@media (max-width: 991px) {
.home2-services-section .service-card:nth-child(5) {
padding: 30px 20px;
border-bottom: 1px solid var(--border-color1);
}
}
.home2-services-section .service-card:nth-child(6) {
padding-right: 0;
padding-bottom: 0;
border-bottom: none;
border-right: none;
}
@media (max-width: 991px) {
.home2-services-section .service-card:nth-child(6) {
padding: 30px 20px;
border-bottom: 1px solid var(--border-color1);
border-right: 1px solid var(--border-color1);
}
} .home2-counter-area .single-counter {
width: 406px;
height: 408px;
border-radius: 408px;
border: 1px solid var(--border-color2);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
}
@media (max-width: 1399px) {
.home2-counter-area .single-counter {
width: 360px;
height: 360px;
}
}
@media (max-width: 1199px) {
.home2-counter-area .single-counter {
width: 300px;
height: 300px;
}
}
@media (max-width: 991px) {
.home2-counter-area .single-counter {
width: 100%;
height: unset;
padding: 20px 20px;
border-radius: 0px;
}
}
.home2-counter-area .single-counter .content .number h2 {
color: var(--title-color);
text-align: center;
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
margin-bottom: 10px;
}
.home2-counter-area .single-counter .content p {
margin-bottom: 0;
color: var(--paragraph-color);
text-align: center;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
}
.home2-counter-area .single-counter.two {
position: relative;
z-index: 2;
} .home2-inner-banner {
padding: 100px 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 85vh;
display: flex;
position: relative;
align-items: end;
margin-bottom: 255px;
}
@media (max-width: 991px) {
.home2-inner-banner {
margin-bottom: 170px;
}
}
@media (max-width: 991px) {
.home2-inner-banner {
min-height: 75vh;
}
}
.home2-inner-banner .clutch-logo {
position: absolute;
right: 175px;
bottom: -135px;
}
@media (max-width: 1399px) {
.home2-inner-banner .clutch-logo {
right: 75px;
}
}
@media (max-width: 991px) {
.home2-inner-banner .clutch-logo {
bottom: -81px;
right: 50px;
}
.home2-inner-banner .clutch-logo img {
width: 150px;
}
}
.home2-inner-banner .clutch-logo img {
max-width: 200px;
}
.home2-inner-banner .banner-content {
max-width: 900px;
width: 100%;
}
.home2-inner-banner .banner-content h6 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.home2-inner-banner .banner-content h6 span {
height: 1px;
width: 200px;
background-color: #DFDFDF;
position: relative;
}
@media (max-width: 767px) {
.home2-inner-banner .banner-content h6 span {
width: 100px;
}
}
.home2-inner-banner .banner-content h6 span::before {
content: "";
height: 5px;
width: 5px;
border-radius: 50%;
background-color: #DFDFDF;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.home2-inner-banner .banner-content h6 span::after {
content: "";
height: 6px;
width: 5px;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
background-color: #DFDFDF;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
}
.home2-inner-banner .banner-content h2 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 0;
}
@media (max-width: 1199px) {
.home2-inner-banner .banner-content h2 {
font-size: 35px;
}
}
@media (max-width: 767px) {
.home2-inner-banner .banner-content h2 {
font-size: 28px;
}
} .home2-process-section {
position: relative;
}
.home2-process-section .progress-wrapper .counter-wrap {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
font-weight: 400;
color: var(--title-color);
z-index: 9;
}
.home2-process-section .progress-wrapper .complete {
fill: none;
stroke: var(--border-color2);
}
.home2-process-section .single-process-static {
position: sticky;
top: 30px;
}
@media (max-width: 1199px) {
.home2-process-section .single-process-static {
top: 82px;
}
}
@media (max-width: 991px) {
.home2-process-section .single-process-static {
top: 10px;
}
}
.home2-process-section .single-process-static:last-child .single-process {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.home2-process-section .home2-process-wrapper {
border-left: 1px solid var(--border-color2);
}
@media (max-width: 991px) {
.home2-process-section .home2-process-wrapper {
border-left: unset;
}
}
.home2-process-section .single-process {
padding-bottom: 45px;
margin-bottom: 50px;
border-bottom: 1px solid var(--border-color2);
background-color: var(---dark-white-color);
padding-left: 25px;
}
@media (max-width: 991px) {
.home2-process-section .single-process {
padding-left: 0;
}
}
.home2-process-section .single-process .icon {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.home2-process-section .single-process .icon {
margin-bottom: 20px;
}
}
.home2-process-section .single-process .icon svg {
fill: var(--title-color);
}
.home2-process-section .single-process .content h3 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
margin-bottom: 16px;
}
@media (max-width: 767px) {
.home2-process-section .single-process .content h3 {
font-size: 22px;
}
}
.home2-process-section .single-process .content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.home2-process-section .single-process .content p {
font-size: 15px;
}
}
.home2-process-section .single-process .content ul {
margin: 0;
padding: 0;
list-style: none;
}
.home2-process-section .single-process .content ul li {
display: flex;
align-items: center;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.home2-process-section .single-process .content ul li i {
color: var(--paragraph-color);
font-size: 16px;
}
.home2-process-section .single-process .content ul li:last-child {
margin-bottom: 0;
}
.home2-process-section .progress-wrapper {
display: flex;
flex-flow: row;
margin: 0 auto;
justify-content: center;
}
.home2-process-section .progress-wrapper .steps {
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
color: var(--title-color);
line-height: 1;
}
.home2-process-section .progress-wrapper #pageIndicator {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 600;
color: var(--title-color);
}
.home2-process-section .progress-wrapper .completed:before {
transform: translate(-50%, -50%) scale(1);
opacity: 0.5;
}
.home2-process-section .progress-wrapper svg {
position: sticky;
transform: rotate(-90deg);
}
.home2-process-section .progress-wrapper svg stop {
stop-color: var(--primary-color2);
}
.home2-process-section .progress-wrapper svg circle {
stroke: #C9DAED;
stroke-width: 8px;
stroke-linecap: round;
fill: #E8F2FD;
}
.home2-process-section .progress-wrapper svg .progress-bar {
stroke: url(#grad);
transition: stroke-dashoffset 0 ease-in-out;
}
.home2-process-section .progress-wrapper .pct {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
display: none;
visibility: hidden;
}
.home2-process-section .progress-wrapper:before {
content: "";
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 125vmax;
height: 125vmax;
border-radius: 100%;
background-image: linear-gradient(to top, #F4CB0A 0%, #A6C1EE 100%);
box-shadow: 0 0 20px #F4CB0A;
transition: all 500ms cubic-bezier(0.49, 0.23, 0, 0.99);
opacity: 0;
}
.home2-process-section #scroll-progress {
position: relative;
}
.home2-process-section #scroll-progress .progress-wrapper {
position: sticky;
top: 100px;
margin-left: 220px;
}
@media (max-width: 1199px) {
.home2-process-section #scroll-progress .progress-wrapper {
margin-left: 100px;
}
}
@media (max-width: 991px) {
.home2-process-section #scroll-progress .progress-wrapper {
margin-left: 0px;
display: none;
visibility: hidden;
}
} .home2-portfolio-section {
background-color: var(--dark-title-color);
padding: 110px 0;
position: relative;
z-index: 999;
}
@media (max-width: 1199px) {
.home2-portfolio-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home2-portfolio-section {
padding: 70px 0;
}
}
.home2-portfolio-section .section-title h2 {
color: var(--white-color);
font-size: 130px;
font-weight: 500;
line-height: 1;
position: relative;
display: inline-flex;
align-items: flex-start;
gap: 30px;
}
@media (max-width: 1399px) {
.home2-portfolio-section .section-title h2 {
font-size: 100px;
}
}
@media (max-width: 1199px) {
.home2-portfolio-section .section-title h2 {
font-size: 80px;
}
}
.home2-portfolio-section .section-title h2 span {
color: var(--dark-title-color);
font-family: var(--font-unbounded);
font-size: 16px;
width: 50px;
height: 50px;
font-weight: 500;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color2);
margin-top: 20px;
}
@media (max-width: 767px) {
.home2-portfolio-section .section-title h2 span {
display: none;
visibility: hidden;
}
}
.home2-portfolio-section .section-title .dash-and-paragraph {
padding-top: 0;
}
.home2-portfolio-section .section-title .dash-and-paragraph .dash {
background-color: #2F2F2F;
}
.home2-portfolio-section .section-title .dash-and-paragraph .dash::after {
background-color: #2F2F2F;
}
.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph {
margin-top: -35px;
}
@media (max-width: 991px) {
.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph {
margin-top: 20px;
}
}
.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph a {
color: var(--white-color);
}
.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph a svg {
fill: var(--primary-color2);
}
.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph p {
color: #C4C4C4;
}
.home2-portfolio-section .dash-and-paragraph.three .btn-and-paragraph a:hover {
color: var(--primary-color2);
}
.home2-portfolio-section .dash-and-paragraph.three .btn-and-paragraph a:hover svg {
fill: var(--primary-color2);
}
.portfolio-card {
border: 1px solid #282828;
border-radius: 10px;
transition: 0.35s;
}
.portfolio-card .image-and-tag {
background-color: #252525;
padding: 30px 40px 0;
border-radius: 10px 10px 0 0;
transition: 0.35s;
}
@media (max-width: 1199px) {
.portfolio-card .image-and-tag {
padding: 20px 20px 0;
}
}
.portfolio-card .image-and-tag .tag {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 15px;
transition: 0.35s;
}
.portfolio-card .image-and-tag .tag li {
transition: 0.35s;
}
.portfolio-card .image-and-tag .tag li a {
line-height: 1;
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50px;
padding: 6px 25px;
display: inline-block;
transition: 0.35s;
}
.portfolio-card .image-and-tag .tag li a:hover {
color: var(--dark-title-color);
background-color: var(--primary-color2);
}
.portfolio-card .image-and-tag .portfolio-img {
position: relative;
transition: 0.35s;
}
.portfolio-card .image-and-tag .portfolio-img img {
border-radius: 5px 5px 0 0;
}
@media (max-width: 991px) {
.portfolio-card .image-and-tag .portfolio-img img {
-o-object-fit: cover;
object-fit: cover;
min-height: 200px;
width: 100%;
}
}
.portfolio-card .image-and-tag .portfolio-img .details-btn {
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #282828;
position: absolute;
bottom: -25px;
right: 30px;
transition: 0.35s;
z-index: 9;
}
.portfolio-card .image-and-tag .portfolio-img .details-btn svg {
fill: var(--white-color);
transition: 0.35s;
}
.portfolio-card .image-and-tag .portfolio-img .details-btn:hover {
background-color: var(--primary-color2);
}
.portfolio-card .image-and-tag .portfolio-img .details-btn:hover svg {
transform: rotate(45deg);
}
.portfolio-card .portfolio-content {
padding: 28px 40px;
}
@media (max-width: 1199px) {
.portfolio-card .portfolio-content {
padding: 25px 20px;
}
}
.portfolio-card .portfolio-content h4 {
margin-bottom: 0;
max-width: 410px;
width: 100%;
}
.portfolio-card .portfolio-content h4 a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.4;
text-transform: capitalize;
transition: 0.5s;
}
@media (max-width: 1199px) {
.portfolio-card .portfolio-content h4 a {
font-size: 22px;
}
}
.portfolio-card .portfolio-content h4 a:hover {
color: var(--primary-color2);
}
.portfolio-card:hover .image-and-tag .portfolio-img .details-btn {
background-color: var(--primary-color2);
}
.portfolio-card:hover .image-and-tag .portfolio-img .details-btn svg {
fill: var(--dark-title-color);
}
.portfolio-card.two {
border: 1px solid var(--border-color2);
}
.portfolio-card.two .portfolio-content h4 {
margin-bottom: 0;
max-width: 410px;
width: 100%;
}
.portfolio-card.two .portfolio-content h4 a {
color: var(--title-color);
}
.portfolio-card.two .portfolio-content h4 a:hover {
color: var(--primary-color);
}
.portfolio-card.two:hover .image-and-tag .portfolio-img .details-btn {
background-color: var(--primary-color);
}
.portfolio-card.two:hover .image-and-tag .portfolio-img .details-btn svg {
fill: var(--white-color);
} .home2-testimonial-section .author-img img {
border-radius: 10px;
}
.home2-testimonial-section .testimonal-content span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
display: inline-block;
margin-bottom: 13px;
}
.home2-testimonial-section .testimonal-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 25px;
}
@media (max-width: 1399px) {
.home2-testimonial-section .testimonal-content p {
font-size: 26px;
}
}
@media (max-width: 1199px) {
.home2-testimonial-section .testimonal-content p {
font-size: 22px;
}
}
.home2-testimonial-section .testimonal-content .author-area .content h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
margin-bottom: 2px;
}
.home2-testimonial-section .testimonal-content .author-area .content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.home2-testimonial-section .swiper-slide-active .author-area {
animation: fadeInUp 1.7s;
}
.home2-testimonial-section .swiper-slide-active p {
animation: fadeInDown 1.7s;
}
.home2-testimonial-section .swiper-slide-active span {
animation: fadeInDown 1.7s;
}
.home2-testimonial-section .slider-btn-area {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.home2-testimonial-section .slider-btn-area .slider-btn {
border: 1px solid var(--border-color1);
background-color: transparent;
}
.home2-testimonial-section .slider-btn-area .slider-btn svg {
fill: var(--title-color);
}
.home2-testimonial-section .slider-btn-area .slider-btn:hover {
background-color: var(--primary-color2);
}
.home2-testimonial-section .slider-btn-area .slider-btn:hover svg {
fill: var(--white-color);
}
.home2-testimonial-section .slider-btn-area .franctional-pagi2 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 24px;
font-weight: 500;
width: unset;
}
.home2-testimonial-section .slider-btn-area .franctional-pagi2 .swiper-pagination-total {
color: var(--paragraph-color);
font-size: 16px;
font-weight: 400;
font-family: var(--font-unbounded);
} .home2-technology-section {
background-color: #1A1A1A;
padding: 100px 0;
}
@media (max-width: 1199px) {
.home2-technology-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home2-technology-section {
padding: 70px 0;
}
}
.home2-technology-section .technology-tab-wrap ul {
margin: 0;
padding: 0;
list-style: none;
border: none;
gap: 35px;
justify-content: center;
}
.home2-technology-section .technology-tab-wrap ul li {
line-height: 1;
}
.home2-technology-section .technology-tab-wrap ul li button {
color: #FFF;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
border-radius: 50px;
background: #252525;
border: none;
position: relative;
}
.home2-technology-section .technology-tab-wrap ul li button:focus {
border: none;
box-shadow: none;
}
.home2-technology-section .technology-tab-wrap ul li button:after {
content: "";
height: 8px;
width: 16px;
-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
clip-path: polygon(100% 0, 0 0, 50% 100%);
background-color: var(--primary-color2);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -7px;
display: none;
}
.home2-technology-section .technology-tab-wrap ul li button.active {
background-color: var(--primary-color2);
}
.home2-technology-section .technology-tab-wrap ul li button.active:after {
display: block;
}
.home2-technology-section .technology-tab-wrap .tab-content {
margin-top: -55px;
}
@media (max-width: 991px) {
.home2-technology-section .technology-tab-wrap .tab-content {
margin-top: 50px;
}
}
.home2-technology-section .technology-tab-wrap .single-technology {
border-radius: 5px;
background: #252525;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 164px;
padding: 20px;
transition: 0.45s;
}
.home2-technology-section .technology-tab-wrap .single-technology.big {
height: 264px;
}
@media (max-width: 991px) {
.home2-technology-section .technology-tab-wrap .single-technology.big {
height: 164px;
}
}
.home2-technology-section .technology-tab-wrap .single-technology.empty {
background-color: transparent;
padding: 0;
}
.home2-technology-section .technology-tab-wrap .single-technology.empty img {
width: 100%;
height: 100%;
}
.home2-technology-section .technology-tab-wrap .single-technology .icon {
margin-bottom: 20px;
}
.home2-technology-section .technology-tab-wrap .single-technology span {
color: #C4C4C4;
text-align: center;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
}
.home2-technology-section .technology-tab-wrap .single-technology:hover {
transform: translateY(-5px);
}
.home2-technology-section .technology-tab-wrap .single-technology:hover .icon img {
animation: bounceIn 1.5s linear;
} .home2-blog-section .dash-and-paragraph.three .btn-and-paragraph a:hover {
color: var(--primary-color2);
}
.home2-blog-section .dash-and-paragraph.three .btn-and-paragraph a:hover svg {
fill: var(--primary-color2);
}
@media (max-width: 767px) {
.blog-card2 .blog-img {
width: 100%;
}
.blog-card2 .blog-img img {
width: 100%;
}
}
.blog-card2 .blog-content {
padding: 25px 30px 30px;
border: 1px solid var(--border-color2);
border-top: none;
}
@media (max-width: 1399px) {
.blog-card2 .blog-content {
padding: 25px 20px 30px;
}
}
@media (max-width: 991px) {
.blog-card2 .blog-content {
padding: 25px 15px 30px;
}
}
@media (max-width: 576px) {
.blog-card2 .blog-content {
padding: 20px 15px 30px;
}
}
.blog-card2 .blog-content .tags {
margin: 0;
padding: 0;
list-style: none;
display: inline-flex;
align-items: center;
gap: 30px;
flex-wrap: wrap;
margin-bottom: 12px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-card2 .blog-content .tags {
gap: 15px;
}
}
.blog-card2 .blog-content .tags li {
line-height: 1;
}
.blog-card2 .blog-content .tags li a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
display: flex;
align-items: center;
gap: 5px;
transition: 0.35s;
}
.blog-card2 .blog-content .tags li a svg {
fill: var(--paragraph-color);
transition: 0.35s;
}
.blog-card2 .blog-content .tags li a:hover {
color: var(--primary-color2);
}
.blog-card2 .blog-content .tags li a:hover svg {
fill: var(--primary-color2);
}
.blog-card2 .blog-content h4 {
margin-bottom: 30px;
}
@media (max-width: 576px) {
.blog-card2 .blog-content h4 {
margin-bottom: 20px;
}
}
.blog-card2 .blog-content h4 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.6;
transition: 0.35s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-card2 .blog-content h4 a {
font-size: 20px;
}
}
@media (max-width: 991px) {
.blog-card2 .blog-content h4 a {
font-size: 19px;
}
}
@media (max-width: 576px) {
.blog-card2 .blog-content h4 a {
font-size: 20px;
}
}
.blog-card2 .blog-content h4 a:hover {
color: var(--primary-color2);
}
.blog-card2 .blog-content .explore-btn {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-style: normal;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
transition: 0.35s;
line-height: 1;
}
.blog-card2 .blog-content .explore-btn svg {
fill: var(--title-color);
transition: 0.35s;
}
.blog-card2 .blog-content .explore-btn:hover {
color: var(--primary-color2);
}
.blog-card2 .blog-content .explore-btn:hover svg {
transform: rotate(45deg);
fill: var(--primary-color2);
} .home3-banner-area {
position: relative;
z-index: 1;
padding: 110px 0;
}
@media (max-width: 767px) {
.home3-banner-area {
padding: 70px 0;
}
}
.home3-banner-area .vector {
position: absolute;
right: 0;
bottom: 0;
stroke: #F8F8F8;
z-index: -1;
}
.home3-banner-area .banner-content h1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 130px;
font-weight: 500;
margin-bottom: 0;
line-height: 1.1;
}
.home3-banner-area .banner-content h1 span {
display: flex;
align-items: center;
}
.home3-banner-area .banner-content h1 span svg {
max-width: 103px;
min-width: 103px;
height: 98px;
fill: #E9ABCF;
animation: rotate 10s linear infinite;
}
@media (max-width: 1399px) {
.home3-banner-area .banner-content h1 {
font-size: 90px;
}
.home3-banner-area .banner-content h1 span svg {
max-width: 65px;
min-width: 65px;
height: 65px;
}
}
@media (max-width: 767px) {
.home3-banner-area .banner-content h1 {
font-size: 70px;
}
.home3-banner-area .banner-content h1 span svg {
max-width: 65px;
min-width: 65px;
height: 65px;
}
}
@media (max-width: 576px) {
.home3-banner-area .banner-content h1 {
font-size: 42px;
}
.home3-banner-area .banner-content h1 span svg {
max-width: 45px;
min-width: 45px;
height: 45px;
}
}
.home3-banner-area .banner-right {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 991px) {
.home3-banner-area .banner-right {
max-width: 412px;
width: 100%;
}
}
.home3-banner-area .banner-right .rating-area {
padding-top: 20px;
}
@media (max-width: 991px) {
.home3-banner-area .banner-right .rating-area {
padding-top: 0;
}
}
.home3-banner-area .banner-right .banner-right-content {
display: flex;
align-items: center;
gap: 8px;
margin-left: -40px;
}
@media (max-width: 991px) {
.home3-banner-area .banner-right .banner-right-content {
margin-left: 0;
}
}
.home3-banner-area .banner-right .banner-right-content svg {
min-width: 32px;
height: 116px;
fill: var(--paragraph-color2);
}
.home3-banner-area .banner-right .banner-right-content p {
color: var(--paragraph-color2);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0px;
}
@media (max-width: 576px) {
.home3-banner-area .banner-right .banner-right-content p {
font-size: 15px;
}
}
.home3-banner-area .banner-right .banner-right-content p span {
color: var(--title-color);
font-weight: 500;
} .home3-video-section video {
width: 100%;
min-height: 400px;
height: 75vh;
-o-object-fit: cover;
object-fit: cover;
} .home3-about-section .section-title h2 {
border-bottom: 1px solid var(--border-color1);
padding-bottom: 15px;
}
.home3-about-section .section-title h2 span {
display: inline;
}
.home3-about-section .counter-wrap {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.home3-about-section .counter-wrap {
flex-wrap: wrap;
gap: 20px;
}
}
.home3-about-section .counter-wrap .single-counter {
transition: 0.35s;
}
.home3-about-section .counter-wrap .single-counter .icon {
margin-bottom: 30px;
transition: 0.35s;
}
.home3-about-section .counter-wrap .single-counter .icon svg {
fill: var(--title-color);
}
.home3-about-section .counter-wrap .single-counter .content p {
color: var(--paragraph-color2);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
.home3-about-section .counter-wrap .single-counter .content .number {
display: flex;
align-items: center;
}
.home3-about-section .counter-wrap .single-counter .content .number .counter {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
margin-bottom: 0;
}
.home3-about-section .counter-wrap .single-counter .content .number span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
}
.home3-about-section .counter-wrap .single-counter:hover .icon svg {
animation: bounceIn 1.2s linear;
} .home3-testimonial-section {
background: #EAEAEA;
padding: 110px 0;
}
@media (max-width: 991px) {
.home3-testimonial-section {
padding: 90px 0;
}
}
.home3-testimonial-section .testimonial-wrapper {
border-radius: 10px;
background: #F5F0ED;
padding: 60px 75px;
}
@media (max-width: 1399px) {
.home3-testimonial-section .testimonial-wrapper {
padding: 40px;
}
}
@media (max-width: 991px) {
.home3-testimonial-section .testimonial-wrapper {
padding: 25px;
}
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap {
position: relative;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .testimonial-img {
border-radius: 10px;
position: relative;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .testimonial-img::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 10px;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 32.11%);
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .testimonial-img img {
border-radius: 10px;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wrapper {
display: inline-block;
position: absolute;
top: 30px;
left: 30px;
z-index: 999;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .video-main {
position: relative;
display: inline-block;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .video {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 100%;
background: transparent;
color: #fff;
display: inline-block;
background: var(--primary-color);
z-index: 999;
font-size: 24px;
}
@keyframes waves {
0% {
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .fa-play:before {
content: "\f04b";
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .waves {
position: absolute;
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.7);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wave-1 {
animation-delay: 0s;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wave-2 {
animation-delay: 1s;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wave-3 {
animation-delay: 2s;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper {
padding-left: 55px;
}
@media (max-width: 1399px) {
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper {
padding-left: 0;
}
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 10px;
}
@media (max-width: 576px) {
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author {
gap: 10px;
}
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author .light {
display: none;
visibility: hidden;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author span {
color: var(--paragraph-color2);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 1;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper > p {
color: var(--paragraph-color2);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 45px;
border-bottom: 1px solid var(--border-color1);
padding-bottom: 15px;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap {
margin: 0;
padding: 0;
list-style: none;
-moz-columns: 2;
columns: 2;
-moz-column-gap: 24px;
column-gap: 24px;
}
@media (max-width: 1399px) {
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap {
margin-bottom: 60px;
}
}
@media (max-width: 576px) {
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap {
-moz-columns: 1;
columns: 1;
}
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter {
border-radius: 5px;
background: #F3DFEB;
margin-bottom: 24px;
padding: 30px 40px;
}
@media (max-width: 1399px) {
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter {
padding: 25px 20px;
}
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number svg {
stroke: var(--paragraph-color);
margin-right: 10px;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number .counter {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
margin-bottom: 0;
line-height: 1;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(2) {
background: #E8E3E0;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(3) {
background: #E7E6C7;
}
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(4) {
background: #DCE5DA;
}
.home3-testimonial-section .vector {
position: absolute;
left: -125px;
top: -125px;
fill: #F5BEBE;
}
.home3-testimonial-section .slider-btn-area {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding-left: 55px;
padding-right: 75px;
position: relative;
z-index: 1;
margin-top: -95px;
}
@media (max-width: 1399px) {
.home3-testimonial-section .slider-btn-area {
padding-left: 0;
padding-right: 40px;
}
}
@media (max-width: 991px) {
.home3-testimonial-section .slider-btn-area {
padding-left: 25px;
padding-right: 25px;
}
}
.home3-testimonial-section .slider-btn-area .franctional-pagi3 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 24px;
font-weight: 500;
width: unset;
}
.home3-testimonial-section .slider-btn-area .franctional-pagi3 .swiper-pagination-total {
color: var(--paragraph-color);
font-size: 16px;
font-weight: 400;
font-family: var(--font-unbounded);
} .home3-working-process-section .section-title h2 span {
display: inline;
}
.home3-working-process-section .single-work-process {
border-radius: 10px;
background: #D9D2F3;
padding: 40px 30px;
transition: 0.35s;
}
@media (max-width: 1399px) {
.home3-working-process-section .single-work-process {
padding: 30px 20px;
}
}
.home3-working-process-section .single-work-process .icon-and-title {
transition: 0.35s;
margin-bottom: 50px;
}
@media (max-width: 1399px) {
.home3-working-process-section .single-work-process .icon-and-title {
margin-bottom: 30px;
}
}
.home3-working-process-section .single-work-process .icon-and-title .icon {
transition: 0.35s;
margin-bottom: 20px;
}
.home3-working-process-section .single-work-process .icon-and-title .icon svg {
fill: var(--title-color);
}
.home3-working-process-section .single-work-process .icon-and-title h4 {
color: var(--title-color);
font-family: Unbounded;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 1.5;
margin-bottom: 0;
}
.home3-working-process-section .single-work-process .content p {
color: var(--paragraph-color2);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.home3-working-process-section .single-work-process.two {
background: #DDD9D6;
}
.home3-working-process-section .single-work-process.three {
background: #EFEB64;
}
.home3-working-process-section .single-work-process.four {
background: #C5D1C3;
}
.home3-working-process-section .single-work-process:hover .icon-and-title .icon svg {
animation: bounceIn 1.2s linear;
} .home3-services-section {
background: #1A1A1A;
padding: 100px 0;
}
.home3-services-section .sevices-wrap {
border: 1px solid #333;
border-right: none;
border-top: none;
}
@media (max-width: 767px) {
.home3-services-section .sevices-wrap {
border: 1px solid #333;
}
}
.home3-services-section .sevices-wrap .single-services {
transition: 0.5s;
border-bottom: 1px solid #333;
background: var(--dark-white-color);
position: relative;
display: grid;
z-index: 1;
grid-template-columns: 10% 25% 38% 27%;
}
@media (max-width: 1399px) {
.home3-services-section .sevices-wrap .single-services {
grid-template-columns: 10% 32% 38% 20%;
}
}
@media (max-width: 767px) {
.home3-services-section .sevices-wrap .single-services {
padding: 10px;
display: block;
}
}
.home3-services-section .sevices-wrap .single-services .icon {
border-right: 1px solid #333;
transition: 0.5s;
display: flex;
align-items: start;
justify-content: center;
position: relative;
padding: 60px 0;
}
@media (max-width: 991px) {
.home3-services-section .sevices-wrap .single-services .icon {
padding: 30px 15px;
}
}
@media (max-width: 767px) {
.home3-services-section .sevices-wrap .single-services .icon {
justify-content: start;
border: none;
padding-bottom: 0;
}
}
.home3-services-section .sevices-wrap .single-services .icon svg {
fill: #888888;
transition: 0.5s;
}
.home3-services-section .sevices-wrap .single-services h3 {
padding: 50px 25px;
margin-bottom: 0;
}
@media (max-width: 991px) {
.home3-services-section .sevices-wrap .single-services h3 {
padding: 30px 15px;
}
}
@media (max-width: 767px) {
.home3-services-section .sevices-wrap .single-services h3 {
padding: 20px 15px;
}
}
.home3-services-section .sevices-wrap .single-services h3 a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.4;
transition: 0.35s;
}
@media (max-width: 991px) {
.home3-services-section .sevices-wrap .single-services h3 a {
font-size: 24px;
}
}
.home3-services-section .sevices-wrap .single-services h3 a:hover {
color: var(--primary-color);
}
.home3-services-section .sevices-wrap .single-services .services-img {
width: 360px;
height: 320px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
border-radius: 5px;
overflow: hidden;
pointer-events: none;
}
@media (max-width: 767px) {
.home3-services-section .sevices-wrap .single-services .services-img {
display: none;
visibility: hidden;
}
}
.home3-services-section .sevices-wrap .single-services .content {
padding: 50px 25px;
position: relative;
}
@media (max-width: 991px) {
.home3-services-section .sevices-wrap .single-services .content {
padding: 30px 15px;
}
}
@media (max-width: 767px) {
.home3-services-section .sevices-wrap .single-services .content {
padding: 0px 15px 20px;
}
}
.home3-services-section .sevices-wrap .single-services .content .tag-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
padding-top: 25px;
}
@media (max-width: 1199px) {
.home3-services-section .sevices-wrap .single-services .content .tag-list {
padding-top: 15px;
}
}
.home3-services-section .sevices-wrap .single-services .content .tag-list li {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
border-radius: 50px;
background: #252525;
padding: 8px 15px;
}
.home3-services-section .sevices-wrap .single-services .content p {
color: #C4C4C4;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
.home3-services-section .sevices-wrap .single-services .button-area {
padding: 60px 0;
display: flex;
justify-content: end;
padding-left: 25px;
}
.home3-services-section .sevices-wrap .single-services .button-area .primary-btn3 {
border: none;
}
@media (max-width: 991px) {
.home3-services-section .sevices-wrap .single-services .button-area {
padding: 30px 15px;
}
}
@media (max-width: 767px) {
.home3-services-section .sevices-wrap .single-services .button-area {
padding: 20px 15px 30px;
justify-content: start;
}
}
.home3-services-section .sevices-wrap .single-services .button-area a {
padding: 13px 24px;
}
.home3-services-section .sevices-wrap .single-services:hover .icon svg {
fill: var(--primary-color);
animation: bounceIn 1.2s linear;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.home3-services-section .sevices-wrap .single-services:hover h5 a {
color: var(--primary-color);
}
.home3-services-section .sevices-wrap .single-services:hover h5 a span {
color: var(--primary-color);
}
.home3-services-section .sevices-wrap .single-services:hover .services-img {
opacity: 1;
} .team-card-3 {
position: relative;
z-index: 1;
transition: 0.35s;
}
.team-card-3 .star-vector {
fill: var(--primary-color);
position: absolute;
top: 0;
z-index: -1;
left: 0;
animation: rotate 10s linear infinite;
opacity: 0;
transition: 0.35s;
}
.team-card-3 .team-img {
border-radius: 156px 156px 0 0;
}
@media (max-width: 576px) {
.team-card-3 .team-img {
border-radius: 250px 250px 0 0;
}
}
.team-card-3 .team-img img {
border-radius: 156px 156px 0 0;
}
@media (max-width: 991px) {
.team-card-3 .team-img img {
width: 100%;
}
}
@media (max-width: 991px) {
.team-card-3 .team-img img {
width: 100%;
}
}
@media (max-width: 576px) {
.team-card-3 .team-img img {
border-radius: 250px 250px 0 0;
}
}
.team-card-3 .team-content {
border-radius: 0 0 156px 156px;
background: #FDC7A9;
padding: 35px 45px;
line-height: 1;
}
@media (max-width: 991px) {
.team-card-3 .team-content {
padding: 20px 35px 30px;
}
}
@media (max-width: 576px) {
.team-card-3 .team-content {
padding: 35px 45px;
border-radius: 0 0 250px 250px;
}
}
.team-card-3 .team-content .name-and-deg {
position: relative;
padding-bottom: 20px;
margin-bottom: 25px;
position: relative;
}
.team-card-3 .team-content .name-and-deg::after {
content: "";
height: 1px;
width: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
position: absolute;
left: 0;
bottom: 0;
}
.team-card-3 .team-content .name-and-deg h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 500;
margin-bottom: 7px;
}
@media (max-width: 991px) {
.team-card-3 .team-content .name-and-deg h6 {
font-size: 17px;
}
}
.team-card-3 .team-content .name-and-deg span {
color: var(--paragraph-color2);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.team-card-3 .team-content .social-area {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
.team-card-3 .team-content .social-area li a {
height: 26px;
width: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.5);
transition: 0.35s;
}
.team-card-3 .team-content .social-area li a i {
font-size: 14px;
color: #363636;
transition: 0.35s;
}
.team-card-3 .team-content .social-area li a:hover {
background-color: var(--primary-color);
}
.team-card-3 .team-content .social-area li a:hover i {
color: var(--white-color);
}
.team-card-3:hover .star-vector {
opacity: 1;
}
.team-item:nth-child(1) .team-card-3 .team-content {
background: #FDC7A9;
}
.team-item:nth-child(2) .team-card-3 .team-content {
background: #B2DCFD;
}
.team-item:nth-child(3) .team-card-3 .team-content {
background: #FFC3FF;
}
.team-item:nth-child(4) .team-card-3 .team-content {
background: #F8E37F;
}
.team-item:nth-child(5) .team-card-3 .team-content {
background: #D1D0FE;
}
.team-item:nth-child(6) .team-card-3 .team-content {
background: #F4E2B4;
}
.team-item:nth-child(7) .team-card-3 .team-content {
background: #E5DBDB;
}
.team-item:nth-child(8) .team-card-3 .team-content {
background: #CFE0CC;
}
.team-item:nth-child(9) .team-card-3 .team-content {
background: #FDC7A9;
}
.team-item:nth-child(10) .team-card-3 .team-content {
background: #B2DCFD;
}
.team-item:nth-child(11) .team-card-3 .team-content {
background: #FFC3FF;
}
.team-item:nth-child(12) .team-card-3 .team-content {
background: #F8E37F;
}
.team-item:nth-child(13) .team-card-3 .team-content {
background: #D1D0FE;
}
.team-item:nth-child(14) .team-card-3 .team-content {
background: #F4E2B4;
}
.team-item:nth-child(15) .team-card-3 .team-content {
background: #E5DBDB;
}
.team-item:nth-child(16) .team-card-3 .team-content {
background: #CFE0CC;
}
.team-item:nth-child(17) .team-card-3 .team-content {
background: #FDC7A9;
}
.team-item:nth-child(18) .team-card-3 .team-content {
background: #B2DCFD;
}
.team-item:nth-child(19) .team-card-3 .team-content {
background: #FFC3FF;
}
.team-item:nth-child(20) .team-card-3 .team-content {
background: #F8E37F;
}
.home3-team-section .section-title h2 {
font-size: 130px;
font-weight: 500;
line-height: 1;
position: relative;
display: inline-flex;
align-items: flex-start;
gap: 30px;
}
@media (max-width: 1399px) {
.home3-team-section .section-title h2 {
font-size: 100px;
}
}
@media (max-width: 1199px) {
.home3-team-section .section-title h2 {
font-size: 80px;
}
}
.home3-team-section .section-title .dash-and-paragraph {
padding-top: 0;
}
.home3-team-section .section-title .dash-and-paragraph .btn-and-paragraph {
margin-top: -35px;
}
@media (max-width: 991px) {
.home3-team-section .section-title .dash-and-paragraph .btn-and-paragraph {
margin-top: 20px;
}
}
@media (max-width: 991px) {
.home3-team-section .slider-btn-group {
display: none;
visibility: hidden;
}
}
.home3-team-section .slider-btn-group .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.home3-team-section .slider-btn-group .slider-btn.prev-4 {
left: -9px;
}
.home3-team-section .slider-btn-group .slider-btn.next-4 {
right: -9px;
}
.home3-team-section .swiper-slide:nth-child(1) .team-card-3 .team-content {
background: #FDC7A9;
}
.home3-team-section .swiper-slide:nth-child(2) .team-card-3 .team-content {
background: #B2DCFD;
}
.home3-team-section .swiper-slide:nth-child(3) .team-card-3 .team-content {
background: #FFC3FF;
}
.home3-team-section .swiper-slide:nth-child(4) .team-card-3 .team-content {
background: #F8E37F;
}
.home3-team-section .swiper-slide:nth-child(5) .team-card-3 .team-content {
background: #D1D0FE;
}
.home3-team-section .swiper-slide:nth-child(6) .team-card-3 .team-content {
background: #F4E2B4;
}
.home3-team-section .swiper-slide:nth-child(7) .team-card-3 .team-content {
background: #E5DBDB;
}
.home3-team-section .swiper-slide:nth-child(8) .team-card-3 .team-content {
background: #CFE0CC;
}
.home3-team-section .swiper-slide:nth-child(9) .team-card-3 .team-content {
background: #FDC7A9;
}
.home3-team-section .swiper-slide:nth-child(10) .team-card-3 .team-content {
background: #B2DCFD;
}
.home3-team-section .swiper-slide:nth-child(11) .team-card-3 .team-content {
background: #FFC3FF;
}
.home3-team-section .swiper-slide:nth-child(12) .team-card-3 .team-content {
background: #F8E37F;
}
.home3-team-section .swiper-slide:nth-child(13) .team-card-3 .team-content {
background: #D1D0FE;
}
.home3-team-section .swiper-slide:nth-child(14) .team-card-3 .team-content {
background: #F4E2B4;
}
.home3-team-section .swiper-slide:nth-child(15) .team-card-3 .team-content {
background: #E5DBDB;
}
.home3-team-section .swiper-slide:nth-child(16) .team-card-3 .team-content {
background: #CFE0CC;
}
.home3-team-section .swiper-slide:nth-child(17) .team-card-3 .team-content {
background: #FDC7A9;
}
.home3-team-section .swiper-slide:nth-child(18) .team-card-3 .team-content {
background: #B2DCFD;
}
.home3-team-section .swiper-slide:nth-child(19) .team-card-3 .team-content {
background: #FFC3FF;
}
.home3-team-section .swiper-slide:nth-child(20) .team-card-3 .team-content {
background: #F8E37F;
}
.home3-team-section .home3-team-slider {
padding: 10px;
margin: -10px;
} .home3-award-section {
background: #EAEAEA;
padding: 100px 0;
}
@media (max-width: 1199px) {
.home3-award-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home3-award-section {
padding: 70px 0;
}
}
.home3-award-section .award-img-group {
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 991px) {
.home3-award-section .award-img-group {
display: none;
visibility: hidden;
}
}
.home3-award-section .award-img-group li {
position: relative;
}
.home3-award-section .award-img-group li .award-img {
position: absolute;
top: 0;
left: 0;
animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 12;
-webkit-mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/home3/home3-award-bg-shape.png);
mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/home3/home3-award-bg-shape.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
}
.home3-award-section .award-img-group li.active .award-img {
animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 15;
}
@keyframes qodef-animate-image-out {
0% {
transform: scale(1) translateZ(0);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@keyframes qodef-animate-image-in {
0% {
transform: scale(1.05) translateZ(0);
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
100% {
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
.home3-award-section .award-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
border: none;
}
@media (max-width: 767px) {
.home3-award-section .award-table thead {
display: none;
visibility: hidden;
}
}
.home3-award-section .award-table thead tr {
border: none;
}
.home3-award-section .award-table thead tr th {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
padding: 30px;
padding-top: 0;
border: none;
}
.home3-award-section .award-table thead tr th:last-child {
text-align: end;
}
@media (max-width: 991px) {
.home3-award-section .award-table thead tr th {
padding: 25px 15px;
padding-top: 0;
}
}
.home3-award-section .award-table tbody tr {
border: 1px solid var(--border-color1);
transition: 0.35s;
border-left: none;
border-right: none;
}
.home3-award-section .award-table tbody tr td {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 400;
padding: 30px;
text-align: start;
transition: 0.35s;
border: none;
}
.home3-award-section .award-table tbody tr td:first-child {
font-weight: 500;
max-width: 270px;
min-width: 270px;
}
@media (max-width: 767px) {
.home3-award-section .award-table tbody tr td:first-child {
max-width: unset;
min-width: unset;
}
}
@media (max-width: 991px) {
.home3-award-section .award-table tbody tr td {
padding: 25px 15px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.home3-award-section .award-table tbody tr td {
display: block;
width: 100%;
text-align: right;
padding-left: 50%;
position: relative;
padding: 10px 15px;
font-size: 18px;
}
.home3-award-section .award-table tbody tr td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50%;
text-align: left;
padding-left: 15px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
}
}
.home3-award-section .award-table tbody tr td a {
color: var(--title-color);
display: flex;
transition: 0.35s;
}
.home3-award-section .award-table tbody tr td a svg {
opacity: 0;
transition: 0.35s;
fill: var(--title-color);
transform-origin: left;
width: 0;
margin-top: 8px;
}
@media (max-width: 767px) {
.home3-award-section .award-table tbody tr td a {
justify-content: end;
}
.home3-award-section .award-table tbody tr td a svg {
opacity: 1;
}
}
.home3-award-section .award-table tbody tr td:last-child {
text-align: end;
}
.home3-award-section .award-table tbody tr:last-child {
border-bottom: none;
}
.home3-award-section .award-table tbody tr:last-child td {
padding-bottom: 0;
}
@media (max-width: 767px) {
.home3-award-section .award-table tbody tr:last-child td {
padding-bottom: 10px;
}
}
.home3-award-section .award-table tbody tr:hover td a {
color: var(--primary-color);
gap: 8px;
}
.home3-award-section .award-table tbody tr:hover td a svg {
opacity: 1;
fill: var(--primary-color);
width: 24px;
} .home3-pricing-plan-section {
background: #1A1A1A;
padding: 100px 0;
}
@media (max-width: 1199px) {
.home3-pricing-plan-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home3-pricing-plan-section {
padding: 70px 0;
}
}
.home3-pricing-plan-section .section-title .dash-and-paragraph .dash {
background-color: #2f2f2f;
}
.home3-pricing-plan-section .section-title .dash-and-paragraph .dash::after {
background-color: #2f2f2f;
}
.home3-pricing-plan-section .pricing-contact-wrap {
border-radius: 10px;
background: #252525;
padding: 45px 40px;
position: relative;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
z-index: 1;
}
@media (max-width: 1199px) {
.home3-pricing-plan-section .pricing-contact-wrap {
padding: 40px 25px;
}
}
.home3-pricing-plan-section .pricing-contact-wrap .vectors {
position: absolute;
right: 0;
top: 0;
stroke: #343434;
z-index: -1;
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top {
margin-bottom: 90px;
}
@media (max-width: 767px) {
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top {
margin-bottom: 70px;
}
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top .icon {
margin-bottom: 15px;
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top .pricing-contact-title h3 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 0;
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 8px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: #1A1A1A;
padding: 12px 28px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
}
@media (max-width: 1199px) {
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a {
padding: 14px 22px;
}
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a svg {
fill: var(--white-color);
transition: all 0.6s;
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 36px;
background-color: var(--primary-color);
transition: all 0.6s;
transform: translate(-50%, -50%);
z-index: -1;
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a:hover span {
width: 225%;
height: 1000.5px;
}
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a:active {
background-color: var(--primary-color);
}
.home3-pricing-plan-section .pricing-wrapper {
border-radius: 10px;
background: #252525;
padding: 45px 40px;
padding-bottom: 0;
}
@media (max-width: 1199px) {
.home3-pricing-plan-section .pricing-wrapper {
padding: 40px 25px;
padding-bottom: 0;
}
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #2F2F2F;
padding-bottom: 13px;
flex-wrap: wrap;
gap: 10px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration h3 {
margin-bottom: 0;
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration h6 {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch {
padding-left: 48px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-input {
margin-left: -48px;
cursor: pointer;
width: 34px;
height: 18px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-input:focus {
box-shadow: none;
--bs-form-switch-bg: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="rgba%280, 0, 0, 0.25%29"/%3e%3c/svg%3e);
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-input:checked {
background-color: #24BC61;
border-color: #24BC61;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-label {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
display: unset;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-label span {
font-size: 12px;
}
.home3-pricing-plan-section .pricing-wrapper .include-features {
padding-top: 30px;
padding-bottom: 45px;
}
@media (max-width: 1199px) {
.home3-pricing-plan-section .pricing-wrapper .include-features {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.home3-pricing-plan-section .pricing-wrapper .include-features {
padding-bottom: 100px;
}
}
@media (max-width: 576px) {
.home3-pricing-plan-section .pricing-wrapper .include-features {
padding-top: 10px;
}
}
.home3-pricing-plan-section .pricing-wrapper .include-features h6 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
margin-bottom: 25px;
}
.home3-pricing-plan-section .pricing-wrapper .include-features ul {
margin: 0;
padding: 0;
list-style: none;
}
.home3-pricing-plan-section .pricing-wrapper .include-features ul li {
display: flex;
align-items: center;
gap: 10px;
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
margin-bottom: 17px;
}
.home3-pricing-plan-section .pricing-wrapper .include-features ul li:last-child {
margin-bottom: 0;
}
.home3-pricing-plan-section .pricing-wrapper .include-features ul li svg {
fill: #DFDFDF;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right {
border-left: 1px solid #2F2F2F;
padding-left: 70px;
padding-top: 30px;
padding-bottom: 45px;
}
@media (max-width: 1399px) {
.home3-pricing-plan-section .pricing-wrapper .pricing-right {
padding-left: 30px;
}
}
@media (max-width: 1199px) {
.home3-pricing-plan-section .pricing-wrapper .pricing-right {
padding-left: 20px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.home3-pricing-plan-section .pricing-wrapper .pricing-right {
padding-left: 0;
border-left: none;
}
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration {
margin-bottom: 80px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration label {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
display: inline-block;
margin-bottom: 10px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select {
width: 100%;
height: 50px;
line-height: 48px;
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
background: #1A1A1A;
border-color: #1A1A1A;
border-radius: 5px;
padding-left: 25px;
padding-right: 25px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select.open {
border-radius: 5px 5px 0 0;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select.open::after {
transform: rotate(-180deg);
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select:after {
border-bottom: none;
border-right: none;
content: "";
display: block;
height: 7px;
width: 10px;
background-color: #DFDFDF;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 25px;
-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
clip-path: polygon(100% 0, 0 0, 50% 100%);
transform: rotate(0);
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .list {
width: 100%;
background: #1A1A1A;
margin-top: 0;
border-radius: 0 0 5px 5px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .list .option {
color: #DFDFDF;
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 400;
border-bottom: 1px solid #303030;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .option:hover,
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .option.focus,
.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .option.selected.focus {
background: var(--primary-color);
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .price {
display: flex;
align-items: end;
line-height: 1;
margin-bottom: 50px;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .price h2 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
line-height: 1;
margin-bottom: 0;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .price del {
font-size: 20px;
opacity: 0.5;
}
.home3-pricing-plan-section .pricing-wrapper .pricing-right .price span {
color: #DFDFDF;
font-size: 16px;
}
.home3-pricing-plan-section .slider-btn-group {
margin-right: 40px;
margin-top: -85px;
z-index: 1;
position: relative;
}
@media (max-width: 1199px) {
.home3-pricing-plan-section .slider-btn-group {
margin-right: 25px;
margin-top: -80px;
}
}
.home3-pricing-plan-section .slider-btn-group .slider-btn {
background-color: #1A1A1A;
border-color: #1A1A1A;
}
.home3-pricing-plan-section .slider-btn-group .slider-btn svg {
fill: #DFDFDF;
}
.home3-pricing-plan-section .slider-btn-group .slider-btn:hover {
background-color: var(--primary-color);
} @media (max-width: 1199px) {
.home3-blog-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home3-blog-section {
padding: 70px 0;
}
}
.blog-card3 {
background-color: #F8E37F;
padding: 20px;
border-radius: 10px;
}
.blog-card3 .blog-content {
line-height: 1;
padding: 20px 18px 40px;
}
@media (max-width: 1399px) {
.blog-card3 .blog-content {
padding: 20px 10px 40px;
}
}
@media (max-width: 1199px) {
.blog-card3 .blog-content {
padding: 10px 0px 30px;
}
}
.blog-card3 .blog-content .blog-meta {
line-height: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 15px;
}
.blog-card3 .blog-content .blog-meta .category {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
line-height: 1;
padding-right: 15px;
}
.blog-card3 .blog-content .blog-meta .category li a {
display: flex;
align-items: center;
gap: 5px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
transition: 0.35s;
}
.blog-card3 .blog-content .blog-meta .category li a svg {
transition: 0.35s;
fill: var(--paragraph-color);
}
.blog-card3 .blog-content .blog-meta .category li a:hover {
color: var(--primary-color);
}
.blog-card3 .blog-content .blog-meta .category li a:hover svg {
fill: var(--primary-color);
}
.blog-card3 .blog-content .blog-meta .blog-publish-date {
line-height: 1;
}
.blog-card3 .blog-content .blog-meta .blog-publish-date a {
display: flex;
align-items: center;
gap: 5px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
transition: 0.35s;
}
.blog-card3 .blog-content .blog-meta .blog-publish-date a svg {
transition: 0.35s;
fill: var(--paragraph-color);
}
.blog-card3 .blog-content .blog-meta .blog-publish-date a:hover {
color: var(--primary-color);
}
.blog-card3 .blog-content .blog-meta .blog-publish-date a:hover svg {
fill: var(--primary-color);
}
.blog-card3 .blog-content .blog-title {
margin-bottom: 40px;
}
.blog-card3 .blog-content .blog-title a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.5;
transition: 0.35s;
}
@media (max-width: 1399px) {
.blog-card3 .blog-content .blog-title a {
font-size: 20px;
}
}
.blog-card3 .blog-content .blog-title a:hover {
color: var(--primary-color);
}
.blog-card3 .blog-content .dash-and-blog-btn {
display: flex;
align-items: center;
gap: 20px;
}
.blog-card3 .blog-content .dash-and-blog-btn .dash {
width: 100%;
height: 1px;
min-width: 50px;
background-color: rgba(var(--title-color-opc), 0.16);
position: relative;
}
.blog-card3 .blog-content .dash-and-blog-btn .dash::after {
content: "";
height: 6px;
width: 5px;
-webkit-clip-path: polygon(100% 50%, 0 100%, 0 0);
clip-path: polygon(100% 50%, 0 100%, 0 0);
background-color: rgba(var(--title-color-opc), 0.16);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.blog-card3 .blog-content .dash-and-blog-btn a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
display: inline-flex;
gap: 8px;
white-space: nowrap;
transition: 0.35s;
}
.blog-card3 .blog-content .dash-and-blog-btn a svg {
transition: 0.35s;
fill: var(--title-color);
}
.blog-card3 .blog-content .dash-and-blog-btn a:hover {
color: var(--primary-color);
}
.blog-card3 .blog-content .dash-and-blog-btn a:hover svg {
fill: var(--primary-color);
}
.blog-card3 .blog-img {
display: block;
}
.blog-card3 .blog-img img {
border-radius: 5px;
}
@media (max-width: 767px) {
.blog-card3 .blog-img img {
width: 100%;
}
}
.blog-card3.two {
background-color: #D9D2F3;
}
.blog-card3.three {
background-color: #C5D1C3;
} .home3-gallery-section {
line-height: 1;
margin-bottom: -2px;
}
.home3-gallery-section .sub-title h6 {
gap: 8px;
font-weight: 500;
}
.home3-gallery-section .sub-title h6 svg {
fill: var(--title-color);
}
.home3-gallery-section .sub-title h6 .arrow {
margin-left: 20px;
fill: var(--primary-color);
}
.single-gallery-img {
position: relative;
line-height: 1;
transition: 0.35s;
}
.single-gallery-img .view-btn {
background-color: rgba(0, 0, 0, 0.6);
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 16px;
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
position: absolute;
top: 20px;
right: 20px;
transition: 0.35s;
opacity: 0;
}
.single-gallery-img .view-btn svg {
fill: var(--white-color);
min-width: 10px;
}
.single-gallery-img .view-btn:hover {
background-color: var(--primary-color);
}
.single-gallery-img:hover .view-btn {
opacity: 1;
}
.gallery-pages .load-more-btn button {
border: 1px solid rgba(var(--title-color-opc), 0.1);
background-color: transparent;
height: 200px;
width: 200px;
} .home4-banner-area {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(//tidetech.net/wp-content/themes/axleo/assets/img/home4/home4-banner-img.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 260px 0 190px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home4-banner-area {
padding: 180px 0 110px;
}
}
@media (max-width: 1399px) {
.home4-banner-area {
padding: 180px 0 110px;
}
}
@media (max-width: 767px) {
.home4-banner-area {
padding: 160px 0 90px;
}
}
.home4-banner-area .banner-content ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 25px;
}
.home4-banner-area .banner-content ul li {
line-height: 1;
padding-right: 50px;
position: relative;
}
.home4-banner-area .banner-content ul li a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 26px;
transition: 0.35s;
}
.home4-banner-area .banner-content ul li a:hover {
color: var(--primary-color);
}
.home4-banner-area .banner-content ul li::before {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/home4/icon/right-arrow.svg);
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.home4-banner-area .banner-content ul li:first-child {
padding-left: 20px;
}
.home4-banner-area .banner-content ul li:first-child::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
height: 10px;
width: 10px;
border-radius: 50%;
background-color: var(--white-color);
}
.home4-banner-area .banner-content h1 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 130px;
font-weight: 500;
margin-bottom: 0;
line-height: 1.1;
}
.home4-banner-area .banner-content h1 span {
font-family: var(--font-fahkwang);
}
@media (max-width: 1399px) {
.home4-banner-area .banner-content h1 {
font-size: 90px;
}
}
@media (max-width: 767px) {
.home4-banner-area .banner-content h1 {
font-size: 70px;
}
}
@media (max-width: 576px) {
.home4-banner-area .banner-content h1 {
font-size: 42px;
}
}
.home4-banner-area .banner-content .banner-bottom-content {
max-width: 360px;
width: 100%;
margin-top: -30px;
}
@media (max-width: 991px) {
.home4-banner-area .banner-content .banner-bottom-content {
margin-top: 30px;
}
}
.home4-banner-area .banner-content .banner-bottom-content p {
color: #C4C4C4;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
margin-bottom: 43px;
}
.home4-banner-area .banner-content .banner-bottom-content p span {
font-weight: 500;
color: var(--white-color);
}
.home4-banner-area .banner-content .banner-bottom-content .primary-btn4 {
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(26, 26, 26, 0.8);
color: var(--white-color);
}
.home4-banner-area .banner-content .banner-bottom-content .primary-btn4 svg {
fill: var(--white-color);
} .home4-about-section .about-content .about-top-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 15px;
}
.home4-about-section .about-content .about-top-content p span {
font-weight: 500;
color: var(--title-color);
}
.home4-about-section .about-content .counter-wrap {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 50px;
padding-top: 35px;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.home4-about-section .about-content .counter-wrap {
padding-top: 25px;
margin-bottom: 45px;
}
}
.home4-about-section .about-content .counter-wrap .single-counter .number {
line-height: 1;
display: flex;
align-items: center;
margin-bottom: 12px;
}
.home4-about-section .about-content .counter-wrap .single-counter .number .counter {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 767px) {
.home4-about-section .about-content .counter-wrap .single-counter .number .counter {
font-size: 32px;
}
}
.home4-about-section .about-content .counter-wrap .single-counter .number span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
}
@media (max-width: 767px) {
.home4-about-section .about-content .counter-wrap .single-counter .number span {
font-size: 32px;
}
}
.home4-about-section .about-content .counter-wrap .single-counter p {
margin-bottom: 0;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
}
.home4-about-section .about-img-wrap {
position: relative;
z-index: 1;
}
@media (min-width: 992px) {
.home4-about-section .about-img-wrap {
margin-left: 40px;
}
}
@media (max-width: 991px) {
.home4-about-section .about-img-wrap .vectors {
display: none;
visibility: hidden;
}
}
.home4-about-section .about-img-wrap .vectors .about-vectors-1 {
position: absolute;
left: -75px;
bottom: 22px;
z-index: 2;
animation: rotate 20s linear infinite;
}
.home4-about-section .about-img-wrap .vectors .about-vectors-2 {
position: absolute;
top: -125px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.home4-about-section .about-img-wrap .about-img {
border-radius: 10px;
}
.home4-about-section .about-img-wrap .about-img img {
border-radius: 10px;
} .partnership-area {
border-top: 1px solid var(--border-color2);
padding-top: 60px;
}
.partnership-area .single-pertner {
border-radius: 10px;
background: #F8F8F8;
padding: 25px 30px;
position: relative;
transition: 0.35s;
display: flex;
flex-direction: column;
width: 100%;
}
@media (max-width: 1399px) {
.partnership-area .single-pertner {
padding: 25px 20px;
}
}
.partnership-area .single-pertner svg {
position: absolute;
right: 0;
top: 0;
stroke: #EEEEEE;
transition: 0.35s;
fill: none;
}
.partnership-area .single-pertner span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
margin-bottom: 20px;
transition: 0.35s;
}
@media (max-width: 1399px) {
.partnership-area .single-pertner span {
margin-bottom: 15px;
}
}
.partnership-area .single-pertner .partner-logos {
margin-bottom: 50px;
transition: 0.35s;
}
@media (max-width: 1399px) {
.partnership-area .single-pertner .partner-logos {
margin-bottom: 30px;
}
}
.partnership-area .single-pertner .partner-logos .white {
display: none;
visibility: hidden;
transition: 0.35s;
}
.partnership-area .single-pertner p {
margin-bottom: 0;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 26px;
transition: 0.35s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.partnership-area .single-pertner p {
font-size: 15px;
}
}
.partnership-area .single-pertner:hover {
background-color: var(--title-color);
}
.partnership-area .single-pertner:hover svg {
stroke: var(--primary-color);
}
.partnership-area .single-pertner:hover span {
color: var(--white-color);
}
.partnership-area .single-pertner:hover p {
color: var(--white-color);
}
.partnership-area .single-pertner:hover .partner-logos .black {
display: none;
visibility: hidden;
}
.partnership-area .single-pertner:hover .partner-logos .white {
display: block;
visibility: visible;
}
.partnership-area .total-partner a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
gap: 8px;
border: 1px solid var(--border-color1);
line-height: 1;
padding: 11px 20px;
transition: 0.5s;
border-radius: 50px;
}
.partnership-area .total-partner a svg {
fill: var(--title-color);
transition: 0.5s;
}
.partnership-area .total-partner a:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white-color);
}
.partnership-area .total-partner a:hover svg {
fill: var(--white-color);
transform: rotate(45deg);
} .home4-work-section {
background: #1A1A1A;
padding: 110px 0;
}
@media (max-width: 991px) {
.home4-work-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home4-work-section {
padding: 70px 0;
}
}
.home4-work-section .section-title h2 {
font-size: 130px;
color: var(--white-color);
line-height: 1;
}
.home4-work-section .section-title h2 span {
display: inline;
}
@media (max-width: 1399px) {
.home4-work-section .section-title h2 {
font-size: 90px;
}
}
@media (max-width: 1199px) {
.home4-work-section .section-title h2 {
font-size: 70px;
}
}
@media (max-width: 576px) {
.home4-work-section .section-title h2 {
font-size: 45px;
}
}
.home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph span {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border-radius: 50px;
border: 1px solid #2F2F2F;
background: #2F2F2F;
line-height: 1;
padding: 13px 20px;
display: inline-flex;
justify-content: end;
margin-bottom: 20px;
}
.home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph P {
max-width: 424px;
min-width: 424px;
color: #C4C4C4;
}
@media (max-width: 767px) {
.home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph P {
min-width: unset;
}
}
.home4-work-section .home4-work-slider {
cursor: url(//tidetech.net/wp-content/themes/axleo/assets/img/home4/cursor.png), default;
position: relative;
}
.home4-work-section .home4-work-slider .work-fractional-pagi {
position: absolute;
left: 30px;
bottom: unset;
top: 40px;
color: var(--white-color);
font-size: 22px;
font-family: var(--font-unbounded);
z-index: 99;
}
.home4-work-section .home4-work-slider .work-fractional-pagi .swiper-pagination-current {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 24px;
font-weight: 500;
}
.home4-work-section .home4-work-slider .work-fractional-pagi .swiper-pagination-total {
color: #545454;
font-size: 22px;
font-weight: 400;
}
.home4-work-section .single-work-flow .work-flow-img {
border-radius: 10px;
border: 4px solid #2F2F2F;
position: relative;
height: 100%;
display: inline-block;
}
@media (max-width: 1699px) {
.home4-work-section .single-work-flow .work-flow-img {
width: 100%;
}
}
.home4-work-section .single-work-flow .work-flow-img img {
border-radius: 10px;
animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 12;
}
@media (max-width: 1699px) {
.home4-work-section .single-work-flow .work-flow-img img {
-o-object-fit: cover;
object-fit: cover;
height: 450px;
width: 100%;
}
}
@media (max-width: 767px) {
.home4-work-section .single-work-flow .work-flow-img img {
height: 350px;
}
}
.home4-work-section .single-work-flow .work-content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 25px;
padding: 25px 0;
border-bottom: 1px solid #2F2F2F;
}
.home4-work-section .single-work-flow .work-content .icon-and-content {
display: flex;
align-items: center;
max-width: 580px;
width: 100%;
gap: 20px;
}
.home4-work-section .single-work-flow .work-content .icon-and-content h3 {
margin-bottom: 0;
}
.home4-work-section .single-work-flow .work-content .icon-and-content h3 a {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0em;
color: var(--white-color);
}
@media (max-width: 1199px) {
.home4-work-section .single-work-flow .work-content .icon-and-content h3 a {
font-size: 26px;
}
}
@media (max-width: 576px) {
.home4-work-section .single-work-flow .work-content .icon-and-content h3 a {
font-size: 20px;
}
}
.home4-work-section .swiper-slide-active .work-flow-img img {
animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
z-index: 15;
}
.home4-work-section .swiper-slide-active .work-content {
animation: fadeInUp 1.7s;
} .home4-process-section .paragraph-and-btn {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 70px;
}
.home4-process-section .paragraph-and-btn p {
max-width: 424px;
width: 100%;
}
.home4-process-section .single-process {
border-radius: 10px;
background: #ECE8E5;
padding: 40px 30px;
position: relative;
}
@media (max-width: 1399px) {
.home4-process-section .single-process {
padding: 30px 20px;
}
}
.home4-process-section .single-process .work-step {
line-height: 1;
position: absolute;
right: 20px;
top: -12px;
}
.home4-process-section .single-process .work-step span {
line-height: 1;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
background-color: var(---dark-white-color);
border: 1px solid #E5E1DE;
border-radius: 13px;
padding: 4px 20px;
}
.home4-process-section .single-process .icon-and-title {
margin-bottom: 50px;
}
@media (max-width: 576px) {
.home4-process-section .single-process .icon-and-title {
margin-bottom: 30px;
}
}
.home4-process-section .single-process .icon-and-title .icon {
margin-bottom: 20px;
}
.home4-process-section .single-process .icon-and-title .icon svg {
fill: var(--title-color);
}
.home4-process-section .single-process .icon-and-title h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.6;
}
.home4-process-section .single-process .process-content {
line-height: 1;
}
.home4-process-section .single-process .process-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
.home4-process-section .single-process.two {
background: #FBE7F3;
}
.home4-process-section .single-process.three {
background: #EFE8FF;
} .home4-services-area {
background: #1A1A1A;
padding: 100px 0;
}
.home4-services-area .paragraph p {
max-width: 424px;
width: 100%;
color: #C4C4C4;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.home4-services-area .services-card4 .services-top {
display: grid;
grid-template-columns: 25% 50% 25%;
background: #252525;
border-radius: 10px;
padding: 40px 85px 0;
transition: all 0.45s;
}
@media (max-width: 1199px) {
.home4-services-area .services-card4 .services-top {
padding: 40px 30px 0;
grid-template-columns: 15% 60% 25%;
}
}
@media (max-width: 767px) {
.home4-services-area .services-card4 .services-top {
display: block;
padding-bottom: 40px;
}
}
@media (max-width: 576px) {
.home4-services-area .services-card4 .services-top {
padding: 40px 20px;
}
}
.home4-services-area .services-card4 .services-top .sl-number {
line-height: 1;
}
@media (max-width: 767px) {
.home4-services-area .services-card4 .services-top .sl-number {
margin-bottom: 20px;
}
}
.home4-services-area .services-card4 .services-top .sl-number h3 {
color: #444;
font-family: Unbounded;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 25px;
letter-spacing: 6px;
}
.home4-services-area .services-card4 .services-top .services-wrapper {
transition: all 0.45s;
}
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag {
margin-bottom: 30px;
}
}
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag h3 {
margin-bottom: 20px;
}
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag h3 a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
transition: 0.35s;
}
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag h3 a:hover {
color: var(--primary-color);
}
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
}
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag ul li {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: #1A1A1A;
padding: 6px 17px;
}
.home4-services-area .services-card4 .services-top .details-btn-wrap {
text-align: end;
}
@media (max-width: 767px) {
.home4-services-area .services-card4 .services-top .details-btn-wrap {
text-align: start;
}
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn {
position: relative;
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/vector/star.svg);
position: absolute;
top: -10px;
left: 65px;
opacity: 0;
transition: 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before {
left: 22px;
}
}
@media (max-width: 1199px) {
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before {
left: 6px;
}
}
@media (max-width: 991px) {
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before {
display: none;
}
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::after {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/vector/star2.svg);
position: absolute;
top: -10px;
right: -22px;
opacity: 0;
transition: 0.5s;
}
@media (max-width: 991px) {
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::after {
display: none;
}
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn:hover::before {
opacity: 1;
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn:hover::after {
opacity: 1;
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .primary-btn4 {
background-color: var(--paragraph-color3);
padding: 16px 24px;
color: var(--white-color);
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .primary-btn4 svg {
fill: var(--white-color);
}
.home4-services-area .services-card4 .services-top .details-btn-wrap .primary-btn4:hover {
border-color: #2f2f2f;
}
.home4-services-area .services-card4 .service-bottom-wrap {
position: static;
transition: none;
display: none;
}
.home4-services-area .services-card4 .services-btm {
display: grid;
grid-template-columns: 25% 50% 25%;
border-radius: 0 0 10px 10px;
padding: 0px 85px 0;
transition: all 0.45s;
background: #252525;
line-height: 1;
}
@media (max-width: 1199px) {
.home4-services-area .services-card4 .services-btm {
padding: 0px 30px 0;
grid-template-columns: 15% 60% 25%;
}
}
@media (max-width: 767px) {
.home4-services-area .services-card4 .services-btm {
display: block;
}
}
.home4-services-area .services-card4 .services-btm .paragraph-img p {
color: #C4C4C4;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 40px;
}
.home4-services-area .services-card4 .services-btm .paragraph-img .services-img img {
border-radius: 5px 5px 0 0;
}
.home4-services-area .active .services-card4 .services-top {
border-radius: 10px 10px 0 0;
} .home4-testimonial-section {
background: #F8F8F8;
padding: 100px 0;
}
@media (max-width: 991px) {
.home4-testimonial-section {
padding: 80px 0;
}
}
.home4-testimonial-section .paragraph-and-review {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.home4-testimonial-section .paragraph-and-review p {
max-width: 424px;
width: 100%;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.home4-testimonial-section .testimonial-slider .swiper-slide-active span {
animation: fadeInDown 1.7s;
}
.home4-testimonial-section .testimonial-slider .swiper-slide-active p {
animation: fadeInDown 1.7s;
}
.home4-testimonial-section .testimonial-slider .swiper-slide-active .author-area {
animation: fadeInUp 1.7s;
}
.home4-testimonial-section .testimonial-slider .author-img {
border-radius: 10px;
position: relative;
display: inline-block;
height: 100%;
}
@media (max-width: 576px) {
.home4-testimonial-section .testimonial-slider .author-img {
display: block;
}
}
.home4-testimonial-section .testimonial-slider .author-img img {
border-radius: 10px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 576px) {
.home4-testimonial-section .testimonial-slider .author-img img {
width: 100%;
}
}
.home4-testimonial-section .testimonial-slider .author-img .wrapper {
display: inline-block;
position: absolute;
top: 20px;
right: 20px;
z-index: 999;
}
.home4-testimonial-section .testimonial-slider .author-img .video-main {
position: relative;
display: inline-block;
}
.home4-testimonial-section .testimonial-slider .author-img .video {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 100%;
background: transparent;
color: var(--primary-color);
display: inline-block;
background: #fff;
z-index: 999;
font-size: 24px;
}
@keyframes waves {
0% {
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.home4-testimonial-section .testimonial-slider .author-img .fa-play:before {
content: "\f04b";
}
.home4-testimonial-section .testimonial-slider .author-img .waves {
position: absolute;
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.7);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.home4-testimonial-section .testimonial-slider .author-img .wave-1 {
animation-delay: 0s;
}
.home4-testimonial-section .testimonial-slider .author-img .wave-2 {
animation-delay: 1s;
}
.home4-testimonial-section .testimonial-slider .author-img .wave-3 {
animation-delay: 2s;
}
.home4-testimonial-section .testimonial-slider .testimonal-content {
background-color: #F8EEEB;
padding: 50px 88px 45px;
border-radius: 10px;
}
@media (max-width: 1399px) {
.home4-testimonial-section .testimonial-slider .testimonal-content {
padding: 50px 50px 40px;
}
}
@media (max-width: 1199px) {
.home4-testimonial-section .testimonial-slider .testimonal-content {
padding: 50px 30px 40px;
}
}
.home4-testimonial-section .testimonial-slider .testimonal-content > span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
display: inline-block;
margin-bottom: 15px;
}
.home4-testimonial-section .testimonial-slider .testimonal-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 28px;
}
@media (max-width: 1399px) {
.home4-testimonial-section .testimonial-slider .testimonal-content p {
font-size: 26px;
}
}
@media (max-width: 1199px) {
.home4-testimonial-section .testimonial-slider .testimonal-content p {
font-size: 22px;
}
}
@media (max-width: 576px) {
.home4-testimonial-section .testimonial-slider .testimonal-content p {
font-size: 20px;
}
}
.home4-testimonial-section .testimonial-slider .testimonal-content .author-area {
border-top: 1px solid #fff;
padding-top: 20px;
}
.home4-testimonial-section .testimonial-slider .testimonal-content .author-area .content h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
}
.home4-testimonial-section .testimonial-slider .testimonal-content .author-area .content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.home4-testimonial-section .slider-btn-area {
display: flex;
justify-content: end;
padding: 0px 88px 0px;
margin-top: -88px;
position: relative;
z-index: 1;
}
@media (max-width: 1399px) {
.home4-testimonial-section .slider-btn-area {
padding: 0px 50px 0px;
}
}
@media (max-width: 1199px) {
.home4-testimonial-section .slider-btn-area {
padding: 0px 30px 0px;
}
}
@media (max-width: 576px) {
.home4-testimonial-section .slider-btn-area {
display: none;
}
} .home4-team-section .section-title .dash-and-paragraph svg {
fill: var(--border-color2);
}
.home4-team-section .section-title .dash-and-paragraph .btn-and-paragraph {
margin-top: -33px;
}
@media (max-width: 991px) {
.home4-team-section .section-title .dash-and-paragraph .btn-and-paragraph {
margin-top: 0;
}
}
.home4-team-section.style-2 {
padding: 110px 0;
background-color: #F8F8F8;
position: relative;
z-index: -2;
}
@media (max-width: 1199px) {
.home4-team-section.style-2 {
padding: 100px 0;
}
}
@media (max-width: 991px) {
.home4-team-section.style-2 {
padding: 90px 0;
}
}
.home4-team-section.style-2 .vector {
position: absolute;
right: 0;
bottom: 0;
stroke: var(---dark-white-color);
z-index: -1;
}
@media (max-width: 767px) {
.home4-team-section.style-2 .vector {
display: none;
}
}
.home4-team-section.style-2 .section-title .dash-and-paragraph svg {
fill: var(--border-color2);
}
.team-card-4 {
transition: 0.45s;
position: relative;
}
.team-card-4 .team-img {
transition: 0.45s;
position: relative;
margin-bottom: 30px;
display: flex;
z-index: 1;
justify-content: center;
-webkit-mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/home4/team-bg-shape.png);
mask-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/home4/team-bg-shape.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
}
.team-card-4 .team-img .social-area {
position: absolute;
left: 50%;
bottom: 25px;
transform: translateX(-50%);
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 16px;
transition: 0.45s;
opacity: 0;
}
.team-card-4 .team-img .social-area li a {
height: 26px;
width: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white-color);
transition: 0.35s;
}
.team-card-4 .team-img .social-area li a i {
font-size: 14px;
color: #363636;
transition: 0.35s;
}
.team-card-4 .team-img .social-area li a:hover {
background-color: var(--primary-color);
}
.team-card-4 .team-img .social-area li a:hover i {
color: var(--white-color);
}
.team-card-4 .vector {
position: absolute;
right: 0;
top: 70px;
z-index: -1;
opacity: 0;
transition: 0.45s;
}
@media (max-width: 1199px) {
.team-card-4 .vector {
display: none;
visibility: hidden;
}
}
.team-card-4 .vector svg {
fill: #F09562;
animation: rotate 20s linear infinite;
}
@media (max-width: 1199px) {
.team-card-4 .vector {
top: 40px;
}
}
@media (max-width: 576px) {
.team-card-4 .vector {
top: 55px;
right: 30px;
}
}
.team-card-4 .team-content h6 {
margin-bottom: 2px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
}
.team-card-4 .team-content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.team-card-4:hover .social-area {
opacity: 1;
}
.team-card-4:hover .vector {
opacity: 1;
} .home4-award-section {
padding: 100px 0;
background: #1A1A1A;
}
@media (max-width: 991px) {
.home4-award-section {
padding: 80px 0;
}
}
.home4-award-section .section-title h2 {
font-size: 130px;
color: var(--white-color);
line-height: 1;
}
.home4-award-section .section-title h2 span {
display: inline-block;
}
@media (max-width: 1399px) {
.home4-award-section .section-title h2 {
font-size: 90px;
}
}
@media (max-width: 1199px) {
.home4-award-section .section-title h2 {
font-size: 70px;
}
}
@media (max-width: 576px) {
.home4-award-section .section-title h2 {
font-size: 45px;
}
}
.home4-award-section .dash-and-paragraph.three svg {
fill: #2F2F2F;
}
.home4-award-section .dash-and-paragraph .btn-and-paragraph P {
max-width: 424px;
min-width: 424px;
color: #C4C4C4;
}
@media (max-width: 767px) {
.home4-award-section .dash-and-paragraph .btn-and-paragraph P {
min-width: unset;
}
}
.home4-award-section .home4-award-slider-wrap .award-content h2 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.home4-award-section .home4-award-slider-wrap .award-content h2 {
font-size: 40px;
}
}
@media (max-width: 1399px) {
.home4-award-section .home4-award-slider-wrap .award-content h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.home4-award-section .home4-award-slider-wrap .award-content h2 {
font-size: 30px;
}
}
.home4-award-section .home4-award-slider-wrap .award-content svg {
margin-bottom: 25px;
}
@media (max-width: 576px) {
.home4-award-section .home4-award-slider-wrap .award-content svg {
min-height: 123px;
}
}
.home4-award-section .home4-award-slider-wrap .award-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.home4-award-section .home4-award-slider-wrap .award-content ul li {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
padding-left: 16px;
position: relative;
margin-bottom: 7px;
}
.home4-award-section .home4-award-slider-wrap .award-content ul li:last-child {
margin-bottom: 0;
}
.home4-award-section .home4-award-slider-wrap .award-content ul li::after {
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #545454;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.home4-award-section .home4-award-slider-wrap .award-img img {
border-radius: 20px;
width: 100%;
}
.home4-award-section .slider-btn-area {
display: inline-flex;
align-items: center;
justify-content: end;
margin-top: -80px;
background: #1A1A1A;
z-index: 1;
padding: 20px;
position: relative;
border-radius: 20px 0;
}
@media (max-width: 576px) {
.home4-award-section .slider-btn-area {
margin-top: -55px;
padding: 15px;
}
}
@media (max-width: 576px) {
.home4-award-section .slider-btn-area .slider-btn-group {
min-width: 90px;
max-width: 90px;
}
}
@media (max-width: 576px) {
.home4-award-section .slider-btn-area .slider-btn-group .slider-btn {
width: 35px;
height: 35px;
}
}
.home4-award-section .franctional-pagi6 {
color: #545454;
font-size: 22px;
font-family: var(--font-unbounded);
}
.home4-award-section .franctional-pagi6 .swiper-pagination-current {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
}
.home4-award-section .franctional-pagi6 .swiper-pagination-total {
color: #545454;
font-size: 22px;
font-weight: 500;
} .home4-blog-section .paragraph-and-btn {
display: flex;
align-items: end;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 70px;
}
.home4-blog-section .paragraph-and-btn p {
max-width: 424px;
width: 100%;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
.home4-blog-section .paragraph-and-btn a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
transition: 0.35s;
display: flex;
align-items: baseline;
gap: 8px;
}
.home4-blog-section .paragraph-and-btn a svg {
fill: var(--title-color);
}
.home4-blog-section .paragraph-and-btn a:hover {
color: var(--primary-color);
}
.home4-blog-section .paragraph-and-btn a:hover svg {
fill: var(--primary-color);
}
.blog-card4 .blog-img {
display: block;
}
.blog-card4 .blog-img img {
border-radius: 10px;
}
@media (max-width: 767px) {
.blog-card4 .blog-img img {
width: 100%;
}
}
.blog-card4 .blog-content {
padding-top: 35px;
}
.blog-card4 .blog-content .blog-meta {
line-height: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 15px;
}
.blog-card4 .blog-content .blog-meta .category {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
line-height: 1;
}
.blog-card4 .blog-content .blog-meta .category li a {
display: flex;
align-items: center;
gap: 5px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
}
.blog-card4 .blog-content .blog-meta .category li a:hover {
color: var(--primary-color);
}
.blog-card4 .blog-content .blog-meta .category li a:hover svg {
fill: var(--primary-color);
}
.blog-card4 .blog-content .blog-meta .blog-publish-date {
line-height: 1;
padding-left: 30px;
position: relative;
}
.blog-card4 .blog-content .blog-meta .blog-publish-date::before {
content: "";
background: #CCD4DD;
width: 20px;
height: 1px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.blog-card4 .blog-content .blog-meta .blog-publish-date a {
display: flex;
align-items: center;
gap: 5px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
}
.blog-card4 .blog-content .blog-meta .blog-publish-date a:hover {
color: var(--primary-color);
}
.blog-card4 .blog-content .blog-meta .blog-publish-date a:hover svg {
fill: var(--primary-color);
}
.blog-card4 .blog-content .blog-title {
margin-bottom: 0;
}
.blog-card4 .blog-content .blog-title a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.5;
transition: 0.35s;
}
@media (max-width: 1399px) {
.blog-card4 .blog-content .blog-title a {
font-size: 20px;
}
}
.blog-card4 .blog-content .blog-title a:hover {
color: var(--primary-color);
} .home4-contact-section {
overflow: hidden;
background: #F4CB0A;
}
.home4-contact-section .js-marquee-wrapper {
display: flex;
align-items: center;
gap: 70px;
}
.home4-contact-section .js-marquee {
display: flex;
align-items: center;
margin-right: 0 !important;
gap: 70px;
}
@media (max-width: 1399px) {
.home4-contact-section .js-marquee {
gap: 50px;
}
}
@media (max-width: 576px) {
.home4-contact-section .js-marquee {
gap: 30px;
}
}
.home4-contact-section a {
color: #1A1A1A;
font-family: var(--font-unbounded);
font-size: 130px;
font-weight: 500;
display: flex;
align-items: center;
gap: 70px;
line-height: 1;
padding: 90px 0;
}
.home4-contact-section a span {
font-family: var(--font-fahkwang);
}
@media (max-width: 1399px) {
.home4-contact-section a {
font-size: 90px;
padding: 50px 0;
gap: 50px;
}
}
@media (max-width: 1199px) {
.home4-contact-section a {
font-size: 70px;
}
}
@media (max-width: 576px) {
.home4-contact-section a {
font-size: 45px;
padding: 30px 0;
gap: 30px;
}
} .home5-banner-area {
background-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/home5/home5-banner-bg.png), linear-gradient(#1a1a1a, #1a1a1a);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 185px 0 50px;
}
@media (max-width: 767px) {
.home5-banner-area {
padding: 150px 0 50px;
}
}
.home5-banner-area .banner-title {
margin-bottom: 50px;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.home5-banner-area .banner-title {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.home5-banner-area .banner-title {
margin-bottom: 30px;
}
}
.home5-banner-area .banner-title .sub-title {
color: var(--white-color);
font-family: var(--font-fahkwang);
font-size: 18px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.home5-banner-area .banner-title .sub-title {
margin-bottom: 15px;
}
}
.home5-banner-area .banner-title .sub-title span {
color: var(--primary-color4);
}
.home5-banner-area .banner-title h1 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 90px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0;
}
@media (max-width: 1399px) {
.home5-banner-area .banner-title h1 {
font-size: 80px;
}
}
@media (max-width: 991px) {
.home5-banner-area .banner-title h1 {
font-size: 65px;
}
}
@media (max-width: 767px) {
.home5-banner-area .banner-title h1 {
font-size: 50px;
}
}
.home5-banner-area .banner-content-and-img {
display: flex;
align-items: end;
gap: 110px;
margin-top: -140px;
}
@media (max-width: 1199px) {
.home5-banner-area .banner-content-and-img {
margin-top: -80px;
gap: 50px;
}
}
@media (max-width: 991px) {
.home5-banner-area .banner-content-and-img {
margin-top: -35px;
}
}
.home5-banner-area .banner-content-and-img .banner-content {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.home5-banner-area .banner-content-and-img .banner-content {
margin-bottom: 0;
margin-top: 40px;
}
}
.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph {
max-width: 400px;
width: 100%;
display: flex;
gap: 8px;
margin-bottom: 55px;
}
@media (max-width: 1199px) {
.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph {
margin-bottom: 40px;
}
}
.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph svg {
fill: rgba(255, 255, 255, 0.1);
min-width: 32px;
}
.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph p {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin-bottom: 0;
}
.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph p span {
color: var(--white-color);
font-weight: 400;
}
.home5-banner-area .banner-content-and-img .banner-content .primary-btn4 {
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--white-color);
background-color: transparent;
}
.home5-banner-area .banner-content-and-img .banner-content .primary-btn4 svg {
fill: var(--white-color);
}
.home5-banner-area .banner-content-and-img .banner-content .primary-btn4 span {
background-color: var(--primary-color4);
}
.home5-banner-area .banner-content-and-img .banner-content .primary-btn4:hover {
color: var(--dark-title-color);
}
.home5-banner-area .banner-content-and-img .banner-content .primary-btn4:hover svg {
fill: var(--dark-title-color);
}
.home5-banner-area .banner-content-and-img .banner-img {
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.home5-banner-area .banner-content-and-img .banner-img {
display: none;
}
}
.home5-banner-area .banner-content-and-img .banner-img::before {
content: "";
position: absolute;
top: 7px;
right: -6px;
width: 100%;
height: 100%;
border: 2px dashed var(--primary-color2);
border-radius: 220px 220px 10px 10px;
z-index: 1;
}
.home5-banner-area .banner-content-and-img .banner-img svg {
position: absolute;
top: -44%;
right: -40%;
z-index: -1;
}
@media (max-width: 1399px) {
.home5-banner-area .banner-content-and-img .banner-img svg {
right: -10%;
width: 300px;
}
}
@media (max-width: 1199px) {
.home5-banner-area .banner-content-and-img .banner-img svg {
display: none;
}
}
.home5-banner-area .banner-content-and-img .banner-img img {
border-radius: 220px 220px 10px 10px;
position: relative;
z-index: 9;
min-width: 424px;
max-width: 424px;
width: 100%;
min-height: 430px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1199px) {
.home5-banner-area .banner-content-and-img .banner-img img {
min-height: 385px;
width: 100%;
}
}
.home5-banner-area .social-area-group {
padding-top: 70px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.home5-banner-area .social-area-group {
padding-top: 50px;
}
}
@media (max-width: 767px) {
.home5-banner-area .social-area-group {
padding-top: 40px;
}
}
@media (max-width: 576px) {
.home5-banner-area .social-area-group {
gap: 10px;
}
}
.home5-banner-area .social-area-group .social-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 60px;
flex-wrap: wrap;
}
.home5-banner-area .social-area-group .social-list li a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
transition: 0.5s;
}
.home5-banner-area .social-area-group .social-list li a:hover {
color: var(--primary-color4);
} .home5-about-section .section-title {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.home5-about-section .section-title {
margin-bottom: 25px;
}
}
.home5-about-section .counter-wrap {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 50px;
padding-top: 35px;
}
@media (max-width: 991px) {
.home5-about-section .counter-wrap {
padding-top: 0;
}
}
@media (max-width: 576px) {
.home5-about-section .counter-wrap {
gap: 30px;
}
}
.home5-about-section .counter-wrap .single-counter .number {
line-height: 1;
display: flex;
align-items: center;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.home5-about-section .counter-wrap .single-counter .number {
margin-bottom: 10px;
}
}
.home5-about-section .counter-wrap .single-counter .number .counter {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 767px) {
.home5-about-section .counter-wrap .single-counter .number .counter {
font-size: 32px;
}
}
.home5-about-section .counter-wrap .single-counter .number span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
}
@media (max-width: 767px) {
.home5-about-section .counter-wrap .single-counter .number span {
font-size: 32px;
}
}
.home5-about-section .counter-wrap .single-counter p {
margin-bottom: 0;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
}
.home5-about-section .about-content-wrap {
max-width: 595px;
width: 100%;
}
.home5-about-section .about-content-wrap .about-content {
position: relative;
}
.home5-about-section .about-content-wrap .about-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 50px;
max-width: 450px;
width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
.home5-about-section .about-content-wrap .about-content p {
max-width: 400px;
}
}
@media (max-width: 991px) {
.home5-about-section .about-content-wrap .about-content p {
margin-bottom: 35px;
}
}
.home5-about-section .about-content-wrap .about-content .star {
position: absolute;
right: -15px;
top: -55px;
}
@media (max-width: 767px) {
.home5-about-section .about-content-wrap .about-content .star {
display: none;
}
}
.home5-about-section .about-content-wrap .about-content .star svg {
fill: #D9EAFE;
}
.home5-about-section .about-content-wrap .about-content .star::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 1px;
height: 360px;
background-color: #FFE2E2;
}
@media (max-width: 991px) {
.home5-about-section .about-content-wrap .about-content .star::before {
display: none;
}
}
.home5-about-section .about-content-wrap .primary-btn4 {
background-color: var(--primary-color4);
border-color: var(--primary-color4);
color: var(--dark-title-color);
padding: 16px 27px;
}
.home5-about-section .about-content-wrap .primary-btn4 svg {
fill: var(--dark-title-color);
}
.home5-about-section .about-content-wrap .primary-btn4 span {
background-color: var(--white-color);
}
.home5-about-section .about-content-wrap .primary-btn4:hover {
border-color: #eee;
} .home5-work-section {
background-image: linear-gradient(#f8f8f8, #f8f8f8), url(//tidetech.net/wp-content/themes/axleo/assets/img/home5/home5-award-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
padding: 110px 0;
}
@media (max-width: 991px) {
.home5-work-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home5-work-section {
padding: 70px 0;
}
}
.home5-work-section .verticle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
@media (max-width: 1399px) {
.home5-work-section .verticle-text {
right: 0px;
top: 57%;
}
}
@media (max-width: 767px) {
.home5-work-section .verticle-text {
display: none;
}
}
.home5-work-section .verticle-text h2 {
color: #eee;
font-family: var(--font-fahkwang);
font-size: 180px;
font-weight: 700;
line-height: 1;
writing-mode: vertical-rl;
white-space: nowrap;
margin-bottom: 0;
}
@media (max-width: 1399px) {
.home5-work-section .verticle-text h2 {
font-size: 150px;
}
}
@media (max-width: 1199px) {
.home5-work-section .verticle-text h2 {
font-size: 140px;
}
}
.home5-work-section .section-title {
display: flex;
align-items: end;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.home5-work-section .section-title {
align-items: center;
}
}
.home5-work-section .section-title h2 {
font-family: var(--font-fahkwang);
font-size: 130px;
line-height: 1.1;
}
@media (max-width: 1399px) {
.home5-work-section .section-title h2 {
font-size: 110px;
}
}
@media (max-width: 991px) {
.home5-work-section .section-title h2 {
font-size: 100px;
}
}
@media (max-width: 767px) {
.home5-work-section .section-title h2 {
font-size: 90px;
}
}
.home5-work-section .section-title .primary-btn4 {
padding: 16px 26px;
background-color: var(--primary-color3);
color: var(--white-color);
margin-bottom: 25px;
}
@media (max-width: 991px) {
.home5-work-section .section-title .primary-btn4 {
margin-bottom: 0;
}
}
.home5-work-section .section-title .primary-btn4 svg {
fill: var(--white-color);
}
.home5-work-section .section-title .primary-btn4 span {
background-color: var(--primary-color4);
}
.home5-work-section .section-title .primary-btn4:hover {
border-color: var(--primary-color4);
color: var(--dark-title-color);
}
.home5-work-section .section-title .primary-btn4:hover svg {
fill: var(--dark-title-color);
}
.home5-work-section .paragraph-and-btn-area p {
max-width: 425px;
}
.home5-work-section .work-wrapper {
position: relative;
}
.home5-work-section .work-wrapper .shape {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.home5-work-section .work-wrapper .shape {
display: none;
}
}
@media (max-width: 991px) {
.home5-work-section .work-wrapper .shape img {
min-width: 460px;
}
}
.home5-work-section .work-wrapper .work-card .work-img {
position: relative;
}
.home5-work-section .work-wrapper .work-card .work-img img {
border-radius: 20px 20px 0 0;
}
.home5-work-section .work-wrapper .work-card .work-img .batch {
position: absolute;
top: 24px;
left: 24px;
display: flex;
flex-direction: column;
gap: 10px;
}
.home5-work-section .work-wrapper .work-card .work-img .batch span {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 9px 21px;
background-color: var(--primary-color);
border-radius: 50px;
}
.home5-work-section .work-wrapper .work-card .work-content {
background-color: var(--primary-color3);
max-width: 370px;
width: 100%;
margin: 0 auto;
padding: 30px;
border-radius: 30px 30px 0 0;
position: relative;
z-index: 1;
margin-top: -100px;
}
@media (max-width: 1199px) {
.home5-work-section .work-wrapper .work-card .work-content {
max-width: 340px;
padding: 30px 20px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.home5-work-section .work-wrapper .work-card .work-content {
max-width: 430px;
}
}
.home5-work-section .work-wrapper .work-card .work-content h5 {
margin-bottom: 10px;
}
.home5-work-section .work-wrapper .work-card .work-content h5 a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 30px;
transition: 0.5s;
}
.home5-work-section .work-wrapper .work-card .work-content h5 a:hover {
color: var(--primary-color4);
}
.home5-work-section .work-wrapper .work-card .work-content span {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.home5-work-section .work-wrapper .duration {
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 767px) {
.home5-work-section .work-wrapper .duration {
display: none;
}
}
.home5-work-section .work-wrapper .duration h6 {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 24px;
margin-bottom: 0;
}
.home5-work-section .work-wrapper .duration h6 span {
color: var(--title-color);
display: block;
}
@media (max-width: 767px) {
.home5-work-section .work-wrapper .slider-btn-grp {
padding-top: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
}
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: var(---dark-white-color);
width: 145px;
height: 40px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
transition: 0.5s;
}
@media (max-width: 991px) {
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn {
width: 130px;
height: 35px;
}
}
@media (max-width: 767px) {
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn {
position: relative;
top: unset;
left: unset;
}
}
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn svg {
fill: var(--title-color);
}
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn.next-1 {
left: unset;
right: 0;
}
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn.swiper-button-disabled {
opacity: 0.5;
}
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn:hover {
background-color: var(--primary-color4);
color: var(--dark-title-color);
}
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn:hover svg {
fill: var(--dark-title-color);
}
.home5-work-section .work-wrapper .work-card-slider {
padding: 10px;
margin: -10px;
} .home5-service-section .paragraph-and-btn-area {
flex-wrap: nowrap;
}
@media (max-width: 767px) {
.home5-service-section .paragraph-and-btn-area p {
max-width: unset;
}
}
.home5-service-section .paragraph-and-btn-area .vector {
max-width: 312px;
width: 100%;
display: flex;
justify-content: center;
position: relative;
}
@media (max-width: 767px) {
.home5-service-section .paragraph-and-btn-area .vector {
max-width: 200px;
}
}
@media (max-width: 576px) {
.home5-service-section .paragraph-and-btn-area .vector {
display: none;
}
}
.home5-service-section .paragraph-and-btn-area .vector .star {
fill: #eee;
animation: rotate 20s linear infinite;
}
.home5-service-section .paragraph-and-btn-area .vector .star-bg {
fill: #eee;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
.home5-service-section .paragraph-and-btn-area .vector .star-bg {
display: none;
}
}
.home5-service-section .service-card2 {
padding: 40px 30px 20px;
border-radius: 10px;
background-color: #FBE7F3;
position: relative;
width: 100%;
}
@media (max-width: 991px) {
.home5-service-section .service-card2 {
padding: 30px 20px 20px;
}
}
.home5-service-section .service-card2 > svg {
fill: var(--white-color);
position: absolute;
top: 0;
right: 0;
}
.home5-service-section .service-card2 .icon {
margin-bottom: 25px;
}
.home5-service-section .service-card2 .icon svg {
fill: var(--title-color);
width: 60px;
}
.home5-service-section .service-card2 .service-content h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.home5-service-section .service-card2 .service-content h4 {
margin-bottom: 20px;
}
}
.home5-service-section .service-card2 .service-content ul {
padding: 0;
margin: 0;
list-style: none;
-moz-columns: 2;
columns: 2;
}
@media (max-width: 576px) {
.home5-service-section .service-card2 .service-content ul {
-moz-columns: unset;
columns: unset;
}
}
.home5-service-section .service-card2 .service-content ul li {
display: flex;
align-items: center;
gap: 2px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 15px;
}
.home5-service-section .service-card2 .service-content ul li i {
font-size: 14px;
font-weight: 600;
}
.home5-service-section .service-card2.two {
background-color: #EFE8FF;
}
.home5-service-section .service-card2.three {
background-color: #ECE8E5;
}
.home5-service-section .service-card2.four {
background-color: #FFE8CA;
} .home5-experience-section {
background-image: linear-gradient(#1a1a1a, #1a1a1a), url(//tidetech.net/wp-content/themes/axleo/assets/img/home5/home5-experience-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0;
overflow: hidden;
}
@media (max-width: 991px) {
.home5-experience-section {
padding: 90px 0;
}
}
.home5-experience-section .experience-years-area {
width: 424px;
height: 550px;
border-radius: 212px;
border: 1px solid var(--white-color);
text-align: center;
padding-top: 50px;
position: relative;
margin-bottom: 100px;
}
@media (max-width: 991px) {
.home5-experience-section .experience-years-area {
margin-bottom: 80px;
}
}
@media (max-width: 576px) {
.home5-experience-section .experience-years-area {
width: 375px;
height: 500px;
}
}
.home5-experience-section .experience-years-area::before {
content: "";
width: 404px;
height: 530px;
border-radius: 202px;
border: 2px dashed rgba(255, 255, 255, 0.3);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
.home5-experience-section .experience-years-area::before {
width: 340px;
height: 480px;
}
}
.home5-experience-section .experience-years-area::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 660px;
height: 660px;
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 50%;
}
@media (max-width: 1199px) {
.home5-experience-section .experience-years-area::after {
width: 600px;
height: 600px;
}
}
@media (max-width: 767px) {
.home5-experience-section .experience-years-area::after {
width: 550px;
height: 600px;
}
}
.home5-experience-section .experience-years-area .circle::before, .home5-experience-section .experience-years-area .circle::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 818px;
height: 818px;
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 50%;
}
@media (max-width: 1199px) {
.home5-experience-section .experience-years-area .circle::before, .home5-experience-section .experience-years-area .circle::after {
width: 750px;
height: 750px;
}
}
.home5-experience-section .experience-years-area .circle::after {
width: 1096px;
height: 1096px;
}
@media (max-width: 1199px) {
.home5-experience-section .experience-years-area .circle::after {
width: 900px;
height: 900px;
}
}
.home5-experience-section .experience-years-area .icon {
margin-bottom: 50px;
}
.home5-experience-section .experience-years-area .icon svg {
fill: var(--primary-color4);
}
.home5-experience-section .experience-years-area .content h2 {
color: var(--white-color);
font-family: var(--font-fahkwang);
font-size: 130px;
font-weight: 800;
line-height: 0.7;
margin-bottom: 40px;
}
.home5-experience-section .experience-years-area .content h2 span {
font-weight: 300;
margin-left: -40px;
}
@media (max-width: 576px) {
.home5-experience-section .experience-years-area .content h2 {
font-size: 100px;
margin-bottom: 30px;
}
}
.home5-experience-section .experience-years-area .content > span {
color: var(--white-color);
font-family: var(--font-fahkwang);
font-size: 45px;
font-weight: 700;
line-height: 1;
}
@media (max-width: 576px) {
.home5-experience-section .experience-years-area .content > span {
font-size: 40px;
}
}
.home5-experience-section .experience-years-area .content svg {
fill: var(--white-color);
}
.home5-experience-section .single-skill {
padding: 15px 20px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: #202020;
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1399px) {
.home5-experience-section .single-skill {
gap: 15px;
padding: 15px;
}
}
.home5-experience-section .single-skill .icon {
min-width: 60px;
max-width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--primary-color3);
border: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
align-items: center;
justify-content: center;
}
.home5-experience-section .single-skill .content h4 {
color: var(--white-color);
font-family: var(--font-fahkwang);
font-size: 22px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 5px;
}
.home5-experience-section .single-skill .content span {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
} .home5-testimonial-section .for-border {
border-bottom: 1px solid var(--border-color2);
display: block;
padding-top: 30px;
margin-bottom: 70px;
}
@media (max-width: 767px) {
.home5-testimonial-section .for-border {
padding-top: 20px;
margin-bottom: 50px;
}
}
.home5-testimonial-section .paragraph-and-btn-area {
position: relative;
}
.home5-testimonial-section .paragraph-and-btn-area .vector {
position: absolute;
right: 30%;
top: -70px;
}
@media (max-width: 1199px) {
.home5-testimonial-section .paragraph-and-btn-area .vector {
right: 25%;
}
}
@media (max-width: 991px) {
.home5-testimonial-section .paragraph-and-btn-area .vector {
display: none;
}
}
.home5-testimonial-section .paragraph-and-btn-area .vector svg {
fill: var(--primary-color4);
}
.home5-testimonial-section .paragraph-and-btn-area .primary-btn4 {
padding: 16px 26px;
background-color: var(--primary-color3);
color: var(--white-color);
border: none;
}
.home5-testimonial-section .paragraph-and-btn-area .primary-btn4 svg {
fill: var(--white-color);
}
.home5-testimonial-section .paragraph-and-btn-area .primary-btn4 span {
background-color: var(--primary-color4);
}
.home5-testimonial-section .paragraph-and-btn-area .primary-btn4:hover {
border: none;
color: var(--dark-title-color);
}
.home5-testimonial-section .paragraph-and-btn-area .primary-btn4:hover svg {
fill: var(--dark-title-color);
}
.home5-testimonial-section .testimoial-wrapper {
position: relative;
}
.home5-testimonial-section .testimoial-wrapper .vector {
fill: #F8F8F8;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
.home5-testimonial-section .testimoial-wrapper .vector {
width: 350px;
}
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content {
text-align: center;
min-height: 345px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 576px) {
.home5-testimonial-section .testimoial-wrapper .testimonal-content {
min-height: unset;
}
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content > span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
display: inline-block;
}
@media (max-width: 576px) {
.home5-testimonial-section .testimoial-wrapper .testimonal-content > span {
margin-bottom: 10px;
}
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 30px;
}
@media (max-width: 1399px) {
.home5-testimonial-section .testimoial-wrapper .testimonal-content p {
font-size: 28px;
}
}
@media (max-width: 767px) {
.home5-testimonial-section .testimoial-wrapper .testimonal-content p {
font-size: 25px;
margin-bottom: 25px;
}
}
@media (max-width: 576px) {
.home5-testimonial-section .testimoial-wrapper .testimonal-content p {
font-size: 20px;
margin-bottom: 20px;
}
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .author-img img {
min-width: 60px;
max-width: 60px;
height: 60px;
border-radius: 50%;
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .content {
text-align: start;
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .content h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 5px;
}
.home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 17px;
}
.home5-testimonial-section .testimoial-wrapper .swiper-slide-active .author-area {
animation: fadeInUp 1.7s;
}
.home5-testimonial-section .testimoial-wrapper .swiper-slide-active p {
animation: fadeInDown 1.7s;
}
.home5-testimonial-section .testimoial-wrapper .swiper-slide-active span {
animation: fadeInDown 1.7s;
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area {
width: 100%;
}
@media (max-width: 991px) {
.home5-testimonial-section .testimoial-wrapper .slider-btn-area {
display: none;
}
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp {
display: flex;
align-items: center;
justify-content: space-between;
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn.next-2 {
left: unset;
right: 0;
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn svg {
fill: var(--title-color);
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn.swiper-button-disabled {
opacity: 0.1;
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .franctional-pagi2 {
display: flex;
align-items: center;
justify-content: space-between;
color: transparent;
width: 93%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .franctional-pagi2 .swiper-pagination-current,
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .franctional-pagi2 .swiper-pagination-total {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
} .home5-award-section {
background-image: linear-gradient(#f8f8f8, #f8f8f8), url(//tidetech.net/wp-content/themes/axleo/assets/img/home5/home5-award-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0;
}
@media (max-width: 991px) {
.home5-award-section {
padding: 90px 0;
}
}
.home5-award-section .paragraph-and-btn-area {
position: relative;
}
.home5-award-section .paragraph-and-btn-area .vector {
position: absolute;
top: -70px;
right: 20%;
}
@media (max-width: 991px) {
.home5-award-section .paragraph-and-btn-area .vector {
display: none;
}
}
.home5-award-section .paragraph-and-btn-area .vector svg {
fill: var(--primary-color4);
}
.home5-award-section .award-table {
width: 100%;
border-collapse: collapse;
border: none;
}
@media (max-width: 767px) {
.home5-award-section .award-table thead {
display: none;
visibility: hidden;
}
}
.home5-award-section .award-table thead tr {
border: none;
}
.home5-award-section .award-table thead tr th {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
padding: 30px;
padding-top: 0;
border: none;
}
.home5-award-section .award-table thead tr th:last-child {
text-align: end;
}
@media (max-width: 991px) {
.home5-award-section .award-table thead tr th {
padding: 25px 15px;
padding-top: 0;
}
}
.home5-award-section .award-table tbody tr {
border: 1px solid var(--border-color1);
transition: 0.35s;
border-left: none;
border-right: none;
}
.home5-award-section .award-table tbody tr td {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 400;
padding: 30px;
text-align: start;
transition: 0.35s;
position: relative;
z-index: 9;
border: none;
}
.home5-award-section .award-table tbody tr td:first-child {
font-weight: 500;
}
@media (max-width: 991px) {
.home5-award-section .award-table tbody tr td {
padding: 25px 15px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.home5-award-section .award-table tbody tr td {
display: block;
width: 100%;
text-align: right;
padding-left: 50%;
position: relative;
padding: 10px 15px;
font-size: 18px;
}
.home5-award-section .award-table tbody tr td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50%;
text-align: left;
padding-left: 15px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
}
}
.home5-award-section .award-table tbody tr td a {
color: var(--title-color);
font-weight: 500;
display: flex;
transition: 0.35s;
}
@media (max-width: 767px) {
.home5-award-section .award-table tbody tr td a {
justify-content: end;
}
.home5-award-section .award-table tbody tr td a svg {
opacity: 1;
}
}
.home5-award-section .award-table tbody tr td:nth-child(2) {
min-width: 400px;
}
@media (max-width: 991px) {
.home5-award-section .award-table tbody tr td:nth-child(2) {
min-width: unset;
}
}
.home5-award-section .award-table tbody tr td:last-child {
text-align: end;
}
.home5-award-section .award-table tbody tr td img {
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(25deg) scale(0.4);
right: 0;
transition: 0.5s;
opacity: 0;
z-index: -1;
}
@media (max-width: 767px) {
.home5-award-section .award-table tbody tr td img {
display: none;
}
}
.home5-award-section .award-table tbody tr:last-child {
border-bottom: none;
}
.home5-award-section .award-table tbody tr:last-child td {
padding-bottom: 0;
}
@media (max-width: 767px) {
.home5-award-section .award-table tbody tr:last-child td {
padding-bottom: 10px;
}
}
.home5-award-section .award-table tbody tr:hover td a {
color: var(--primary-color4);
}
.home5-award-section .award-table tbody tr:hover td img {
opacity: 1;
transform: translateY(-50%) rotate(25deg) scale(1);
} .home5-blog-section .paragraph-and-btn-area {
align-items: end;
}
.home5-blog-section .paragraph-and-btn-area a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
display: flex;
align-items: center;
gap: 8px;
transition: 0.5s;
}
.home5-blog-section .paragraph-and-btn-area a svg {
fill: var(--title-color);
transition: 0.5s;
}
.home5-blog-section .paragraph-and-btn-area a:hover {
color: var(--primary-color4);
}
.home5-blog-section .paragraph-and-btn-area a:hover svg {
fill: var(--primary-color4);
}
.home5-blog-section .blog-card2 .blog-content .tags li a:hover {
color: var(--primary-color4);
}
.home5-blog-section .blog-card2 .blog-content .tags li a:hover svg {
fill: var(--primary-color4);
}
.home5-blog-section .blog-card2 .blog-content h4 a:hover {
color: var(--primary-color4);
}
.home5-blog-section .blog-card2 .blog-content .explore-btn:hover {
color: var(--primary-color4);
}
.home5-blog-section .blog-card2 .blog-content .explore-btn:hover svg {
fill: var(--primary-color4);
} .home6-banner-area {
background: linear-gradient(#003c30, #003c30);
padding: 200px 0 430px;
position: relative;
z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home6-banner-area {
padding: 200px 0 380px;
}
}
@media (max-width: 1399px) {
.home6-banner-area {
padding: 200px 0 380px;
}
}
@media (max-width: 1199px) {
.home6-banner-area {
padding: 160px 0 340px;
}
}
@media (max-width: 767px) {
.home6-banner-area {
padding: 150px 0 180px;
}
}
.home6-banner-area .animate-vector {
position: absolute;
left: 0;
top: 39%;
z-index: -1;
}
@media (max-width: 991px) {
.home6-banner-area .animate-vector {
display: none;
visibility: hidden;
}
}
.home6-banner-area .animate-vector svg linearGradient stop {
stop-color: #0B473B;
}
.home6-banner-area .animate-vector .path-square {
stroke-width: 2;
fill: none;
}
.home6-banner-area .animate-vector .sm-circle {
fill: #6D8470;
stroke: #6D8470;
}
.home6-banner-area .animate-vector .sm-circle2 {
fill: #fff;
stroke: #fff;
opacity: 0.1;
}
.home6-banner-area .animate-vector2 {
position: absolute;
right: 0;
top: 39%;
z-index: -1;
}
@media (max-width: 991px) {
.home6-banner-area .animate-vector2 {
display: none;
visibility: hidden;
}
}
.home6-banner-area .animate-vector2 svg linearGradient stop {
stop-color: #0B473B;
}
.home6-banner-area .animate-vector2 .path-square {
stroke-width: 2;
fill: none;
}
.home6-banner-area .animate-vector2 .sm-circle {
fill: #6D8470;
stroke: #6D8470;
}
.home6-banner-area .animate-vector2 .sm-circle2 {
fill: #fff;
stroke: #fff;
opacity: 0.1;
}
.home6-banner-area .banner-content-wrapper {
max-width: 920px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.home6-banner-area .banner-content-wrapper .sub-title {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: 0em;
color: var(--white-color);
display: inline-flex;
align-items: center;
gap: 5px;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 5px;
padding: 8px 18px;
margin-bottom: 15px;
}
.home6-banner-area .banner-content-wrapper .sub-title svg {
fill: var(--primary-color4);
}
.home6-banner-area .banner-content-wrapper h1 {
font-family: var(--font-unbounded);
font-size: 60px;
font-weight: 500;
line-height: 1.35;
color: var(--white-color);
margin-bottom: 13px;
}
@media (max-width: 991px) {
.home6-banner-area .banner-content-wrapper h1 {
font-size: 50px;
}
}
@media (max-width: 767px) {
.home6-banner-area .banner-content-wrapper h1 {
font-size: 38px;
}
}
.home6-banner-area .banner-content-wrapper p {
margin-bottom: 45px;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #DFDFDF;
max-width: 710px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
.home6-banner-area .banner-content-wrapper p {
margin-bottom: 30px;
}
}
.home6-banner-area .banner-content-wrapper .banner-btn-group {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.home6-banner-area .banner-content-wrapper .banner-btn-group {
flex-wrap: wrap;
gap: 15px;
}
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4 {
background-color: var(--primary-color4);
border-color: var(--primary-color4);
color: var(--dark-title-color);
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4 span {
background-color: var(--dark-title-color);
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4:hover {
border-color: var(--dark-title-color);
color: var(--white-color);
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two {
background-color: var(--dark-title-color);
border-color: var(--dark-title-color);
color: var(--white-color);
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two svg {
fill: var(--white-color);
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two span {
background-color: var(--primary-color4);
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two:hover {
border-color: var(--primary-color4);
color: var(--dark-title-color);
}
.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two:hover svg {
fill: var(--dark-title-color);
}
.home6-banner-area .banner-content-wrapper span {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 300;
line-height: 1;
}
@keyframes animLoaded {
0% {
transform: rotateX(25deg);
}
25% {
transform: rotateX(25deg) scale(0.9);
}
60%, 100% {
transform: none;
}
}
.dashboard-img-section {
margin-top: -300px;
position: relative;
z-index: 2;
}
@media (max-width: 1199px) {
.dashboard-img-section {
margin-top: -270px;
}
}
@media (max-width: 767px) {
.dashboard-img-section {
margin-top: -130px;
}
}
.dashboard-img-section .dashboard-img-wrap {
perspective: 2000px;
}
.dashboard-img-section .dashboard-img-wrap .dashboard-img {
transform: rotateX(25deg);
}
@media (max-width: 991px) {
.dashboard-img-section .dashboard-img-wrap .dashboard-img {
transform: rotateX(0deg);
}
}
@media (max-width: 576px) {
.dashboard-img-section img {
min-height: 200px;
}
}
.dashboard-img-section .dark {
display: none;
} .home6-feature-section {
scroll-margin-top: 100px;
}
.home6-feature-section .feature-card {
padding: 40px 28px;
background-color: #F2EEEB;
border-radius: 10px;
transition: 0.5s;
}
@media (max-width: 1199px) {
.home6-feature-section .feature-card {
padding: 35px 20px;
}
}
.home6-feature-section .feature-card .icon {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #003C30;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.home6-feature-section .feature-card .icon svg {
fill: var(--primary-color4);
}
.home6-feature-section .feature-card .content h5 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 25px;
transition: 0.5s;
}
@media (max-width: 991px) {
.home6-feature-section .feature-card .content h5 {
margin-bottom: 20px;
}
}
.home6-feature-section .feature-card .content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
transition: 0.5s;
}
.home6-feature-section .feature-card .content p span {
color: var(--title-color);
font-weight: 500;
transition: 0.5s;
}
.home6-feature-section .feature-card:hover {
background-color: #003C30;
}
.home6-feature-section .feature-card:hover .icon {
background-color: rgba(255, 255, 255, 0.15);
}
.home6-feature-section .feature-card:hover .icon svg {
animation: bounceIn 1.2s linear;
}
.home6-feature-section .feature-card:hover .content h5 {
color: var(--white-color);
}
.home6-feature-section .feature-card:hover .content p {
color: var(--paragraph-color-dark);
}
.home6-feature-section .feature-card:hover .content p span {
color: var(--white-color);
}
.home6-feature-section .contact-area {
padding: 12px 30px;
border-radius: 20px;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
max-width: 380px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 576px) {
.home6-feature-section .contact-area {
padding: 12px 20px;
border-radius: 10px;
text-align: center;
justify-content: center;
}
}
.home6-feature-section .contact-area p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
}
.home6-feature-section .contact-area a {
display: flex;
align-items: center;
gap: 5px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
transition: 0.5s;
}
.home6-feature-section .contact-area a svg {
fill: none;
stroke: var(--title-color);
transition: 0.5s;
}
.home6-feature-section .contact-area a:hover {
color: var(--primary-color4);
}
.home6-feature-section .contact-area a:hover svg {
stroke: var(--primary-color4);
} .home6-project-management-section {
scroll-margin-top: 100px;
background-image: linear-gradient(#f8f8f8, #f8f8f8), url(//tidetech.net/wp-content/themes/axleo/assets/img/home6/project-management-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0;
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.home6-project-management-section {
padding: 90px 0;
}
}
.home6-project-management-section .scroll-svg {
height: auto;
left: 50%;
width: 80%;
transform: translateX(-50%);
position: absolute;
top: 370px;
z-index: -1;
stroke: #DAE2FF;
}
@media (max-width: 1699px) {
.home6-project-management-section .scroll-svg {
width: 90%;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home6-project-management-section .scroll-svg {
width: 98%;
}
}
@media (max-width: 1399px) {
.home6-project-management-section .scroll-svg {
width: 98%;
}
}
@media (max-width: 1199px) {
.home6-project-management-section .scroll-svg {
display: none;
visibility: hidden;
}
}
.home6-project-management-section .single-project {
padding: 50px 40px 0;
background-color: var(--white-color);
border-radius: 10px;
}
@media (max-width: 576px) {
.home6-project-management-section .single-project {
padding: 35px 25px 0;
}
}
.home6-project-management-section .single-project .content {
margin-bottom: 50px;
}
@media (max-width: 576px) {
.home6-project-management-section .single-project .content {
margin-bottom: 40px;
}
}
.home6-project-management-section .single-project .content h3 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.home6-project-management-section .single-project .content h3 {
font-size: 26px;
}
}
@media (max-width: 1199px) {
.home6-project-management-section .single-project .content h3 {
font-size: 24px;
}
}
.home6-project-management-section .single-project .content ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 35px;
}
@media (max-width: 576px) {
.home6-project-management-section .single-project .content ul {
margin-bottom: 25px;
}
}
.home6-project-management-section .single-project .content ul li {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.home6-project-management-section .single-project .content ul li svg {
min-width: 12px;
margin-right: 5px;
fill: var(--paragraph-color);
margin-top: -3px;
}
.home6-project-management-section .single-project .content a {
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
transition: 0.5s;
}
.home6-project-management-section .single-project .content a svg {
fill: none;
stroke: var(--title-color);
transition: 0.5s;
}
.home6-project-management-section .single-project .content a:hover {
color: var(--primary-color4);
}
.home6-project-management-section .single-project .content a:hover svg {
stroke: var(--primary-color4);
}
.home6-project-management-section .single-project .single-project-img {
border: 1px solid var(--border-color2);
padding: 15px;
border-radius: 10px 10px 0 0;
border-bottom: none;
}
@media (max-width: 991px) {
.home6-project-management-section .single-project .single-project-img img {
width: 100%;
}
} .home6-testimonial-section .testimonial-wrapper {
position: relative;
}
.home6-testimonial-section .testimonial-wrapper .testimonial-card {
background-color: #F8F8F8;
padding: 40px 30px;
border-radius: 10px;
}
@media (max-width: 576px) {
.home6-testimonial-section .testimonial-wrapper .testimonial-card {
padding: 35px 20px;
}
}
.home6-testimonial-section .testimonial-wrapper .testimonial-card > span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 15px;
display: block;
margin-bottom: 20px;
}
.home6-testimonial-section .testimonial-wrapper .testimonial-card p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 400;
line-height: 1.8;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.home6-testimonial-section .testimonial-wrapper .testimonial-card p {
margin-bottom: 25px;
}
}
.home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area {
display: flex;
align-items: center;
gap: 15px;
}
.home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area .author-img img {
min-width: 50px;
max-width: 50px;
border-radius: 5px;
}
.home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area .author-content h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 700;
line-height: 17px;
margin-bottom: 3px;
}
.home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area .author-content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 400;
line-height: 15px;
}
.home6-testimonial-section .testimonial-wrapper .home6-testimonial-slider .swiper-slide:nth-child(even) .testimonial-card {
background-color: transparent;
border: 1px solid var(--border-color2);
}
.home6-testimonial-section .testimonial-wrapper .slider-btn-group {
display: block;
}
@media (max-width: 767px) {
.home6-testimonial-section .testimonial-wrapper .slider-btn-group {
display: none;
}
}
.home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -20px;
z-index: 1;
}
@media (max-width: 991px) {
.home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn {
left: -8px;
}
}
.home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn.next-1 {
left: unset;
right: -20px;
}
@media (max-width: 991px) {
.home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn.next-1 {
right: -8px;
}
}
.home6-testimonial-section .testimonial-bottom-area .rating-area {
padding: 0;
margin: 0;
list-style: none;
padding-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating {
padding: 9px 20px;
border: 1px solid var(--border-color2);
border-radius: 10px;
display: flex;
gap: 25px;
max-height: 66px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .rating > strong {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-bottom: 14px;
display: block;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .rating span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 600;
line-height: 1;
display: block;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .star {
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 6px;
display: flex;
align-items: center;
gap: 2px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .star li {
width: 16px;
height: 16px;
background-color: #00B67A;
display: flex;
align-items: center;
justify-content: center;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .star li img {
max-width: 200px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .star li svg {
fill: var(--white-color);
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .logo img {
max-width: 80px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .logo svg {
fill: var(--title-color);
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two {
gap: 10px;
padding: 13px 20px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
display: block;
margin-bottom: 10px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point {
display: flex;
align-items: center;
gap: 8px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point strong {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 600;
line-height: 1;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point .star {
padding: 0;
margin: 0;
list-style: none;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point .star li {
display: flex;
align-items: center;
gap: 6px;
}
.home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point .star li i {
color: #DDA701;
}
.home6-testimonial-section .testimonial-bottom-area p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
text-align: center;
} .home-integration-section .section-title3 p {
max-width: 550px;
width: 100%;
margin: 0 auto;
}
.home-integration-section .company-logo {
height: 90px;
width: 90px;
display: flex;
align-items: center;
justify-content: center;
background-color: #003C30;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.home-integration-section .company-logo {
margin-bottom: 40px;
}
}
.home-integration-section .arrow-vec-wrap {
display: flex;
justify-content: center;
}
@media (max-width: 1399px) {
.home-integration-section .arrow-vec-wrap {
margin-top: -6px;
}
}
@media (max-width: 1199px) {
.home-integration-section .arrow-vec-wrap {
margin-top: -15px;
}
}
@media (max-width: 991px) {
.home-integration-section .arrow-vec-wrap {
display: none;
visibility: hidden;
}
}
.home-integration-section .arrow-vec-wrap .awrrow-vec {
stroke-width: 1;
fill: none;
stroke: #003C30;
width: 1102px;
}
@media (max-width: 1399px) {
.home-integration-section .arrow-vec-wrap .awrrow-vec {
width: 1000px;
}
}
@media (max-width: 1199px) {
.home-integration-section .arrow-vec-wrap .awrrow-vec {
width: 830px;
}
}
.home-integration-section .arrow-vec-wrap .sm-circle2 {
fill: #003C30;
stroke: #003C30;
}
.home-integration-section .integration-wrap {
max-width: 1211px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
}
@media (max-width: 1399px) {
.home-integration-section .integration-wrap {
gap: 30px;
}
}
@media (max-width: 1199px) {
.home-integration-section .integration-wrap {
gap: 25px;
}
}
.home-integration-section .integration-wrap .single-integration {
width: 112px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #DAE2FF;
border-radius: 10px;
padding: 18px 8px 10px;
}
.home-integration-section .integration-wrap .single-integration img {
margin-bottom: 5px;
}
.home-integration-section .integration-wrap .single-integration h6 {
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 28px;
text-align: center;
color: var(--title-color);
margin-bottom: 0;
}
.home-integration-section .integration-wrap .single-integration .dark {
display: none;
} .home6-performance-section {
background-image: linear-gradient(#f8f8f8, #f8f8f8), url(//tidetech.net/wp-content/themes/axleo/assets/img/home6/home6-performance-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0;
position: relative;
z-index: 1;
}
.home6-performance-section .scroll-svg2 {
height: auto;
left: 50%;
width: 80%;
transform: translateX(-50%);
position: absolute;
top: 370px;
z-index: -1;
stroke: #DAE2FF;
}
@media (max-width: 1699px) {
.home6-performance-section .scroll-svg2 {
width: 90%;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.home6-performance-section .scroll-svg2 {
width: 98%;
}
}
@media (max-width: 1399px) {
.home6-performance-section .scroll-svg2 {
width: 98%;
}
}
@media (max-width: 1199px) {
.home6-performance-section .scroll-svg2 {
display: none;
visibility: hidden;
}
}
@media (max-width: 1199px) {
.home6-performance-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home6-performance-section {
padding: 70px 0;
}
}
.home6-performance-section .section-title3 p {
max-width: 560px;
width: 100%;
}
.home6-performance-section .contact-area { }
.home6-performance-section .contact-area .wpcf7 form .wpcf7-response-output {
color: #000;
font-size: 14px;
}
.home6-performance-section .contact-area .wpcf7-not-valid-tip {
color: #DC3232;
font-size: 14px;
font-weight: 400;
display: block;
margin-top: 6px;
}
.home6-performance-section .contact-area .form-inner {
display: flex;
align-items: center;
background-color: var(---dark-white-color);
border: 1px solid var(--title-color);
border-radius: 10px;
padding: 6px;
height: 60px;
margin-bottom: 20px;
}
.home6-performance-section .contact-area .form-inner input {
background-color: transparent;
border: unset;
}
.home6-performance-section .contact-area .form-inner input:focus {
border: unset;
}
@media (max-width: 576px) {
.home6-performance-section .contact-area .form-inner input {
padding: 10px 15px;
}
}
.home6-performance-section .contact-area .form-inner .primary-btn3 {
background-color: var(--primary-color4);
border-color: var(--primary-color4);
color: var(--primary-color3);
border-radius: 10px;
padding: 15px 36px;
justify-content: center;
min-width: 180px;
}
@media (max-width: 576px) {
.home6-performance-section .contact-area .form-inner .primary-btn3 {
min-width: 140px;
padding: 15px 10px;
font-size: 13px;
}
}
.home6-performance-section .contact-area .form-inner .primary-btn3 svg {
min-width: 11px;
fill: var(--primary-color3);
}
.home6-performance-section .contact-area .form-inner .primary-btn3:hover {
border-color: var(--border-color2);
}
.home6-performance-section .contact-area ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 576px) {
.home6-performance-section .contact-area ul {
flex-wrap: wrap;
gap: 20px;
}
}
.home6-performance-section .contact-area ul li {
display: flex;
align-items: center;
gap: 8px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1.2;
}
.home6-performance-section .contact-area ul li svg {
fill: #003C30;
}
.home6-performance-section .performance-slider-wrap {
position: relative;
transition: 0.5s;
}
.home6-performance-section .performance-slider-wrap .performance-card {
text-align: center;
}
.home6-performance-section .performance-slider-wrap .performance-card .performance-img {
padding: 30px 80px;
background-color: var(--white-color);
border-radius: 10px;
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.home6-performance-section .performance-slider-wrap .performance-card .performance-img {
padding: 30px 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.home6-performance-section .performance-slider-wrap .performance-card .performance-img {
padding: 30px 25px;
}
}
@media (max-width: 576px) {
.home6-performance-section .performance-slider-wrap .performance-card .performance-img {
padding: 20px;
}
}
.home6-performance-section .performance-slider-wrap .performance-card .performance-content {
padding: 10px 20px;
background-color: var(--white-color);
border-radius: 25px;
display: inline-flex;
justify-content: center;
min-width: 280px;
}
.home6-performance-section .performance-slider-wrap .performance-card .performance-content h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0;
}
@media (max-width: 576px) {
.home6-performance-section .performance-slider-wrap .performance-card .performance-content h6 {
font-size: 17px;
}
}
.home6-performance-section .performance-slider-wrap .slider-btn-group {
display: block;
opacity: 0;
}
@media (max-width: 767px) {
.home6-performance-section .performance-slider-wrap .slider-btn-group {
display: none;
}
}
.home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn {
position: absolute;
top: 32%;
left: -20px;
z-index: 1;
}
@media (max-width: 991px) {
.home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn {
left: -8px;
}
}
.home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn.next-2 {
left: unset;
right: -20px;
}
@media (max-width: 991px) {
.home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn.next-2 {
right: -8px;
}
}
.home6-performance-section .performance-slider-wrap .pagination-wrap {
padding-top: 45px;
}
.home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 {
justify-content: center;
}
.home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 .swiper-pagination-bullet {
width: 20px;
height: 6px;
background-color: #AAD2FE;
border-radius: 10px;
opacity: 1;
position: relative;
}
.home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #003C30;
width: 34px;
}
.home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
width: 40px;
height: 12px;
border: 1px dashed #003C30;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 10px;
}
.home6-performance-section .performance-slider-wrap:hover .slider-btn-group {
opacity: 1;
} .home6-counter-section .counter-wrapper {
padding-bottom: 25px;
border-bottom: 1px solid var(--border-color2);
}
.home6-counter-section .counter-wrapper .single-counter {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 991px) {
.home6-counter-section .counter-wrapper .single-counter {
gap: 15px;
}
}
.home6-counter-section .counter-wrapper .single-counter .icon {
width: 60px;
height: 60px;
border-radius: 10px;
background-color: #003C30;
display: flex;
align-items: center;
justify-content: center;
}
.home6-counter-section .counter-wrapper .single-counter .icon svg {
fill: var(--white-color);
}
.home6-counter-section .counter-wrapper .single-counter .content .number {
display: flex;
align-items: center;
margin-bottom: 13px;
}
.home6-counter-section .counter-wrapper .single-counter .content .number h3,
.home6-counter-section .counter-wrapper .single-counter .content .number span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
.home6-counter-section .counter-wrapper .single-counter .content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
}
.home6-counter-section .counter-wrapper .single-counter:hover .icon svg {
animation: bounceIn 1.2s linear;
} .home6-faq-section .section-title3 p {
max-width: 580px;
width: 100%;
margin: 0 auto;
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item {
border: 1px solid rgba(var(--title-color-opc), 0.08);
border-radius: 10px;
padding: 0 30px;
background-color: transparent;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item {
padding: 0 15px;
}
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button {
border: none;
border-radius: unset;
box-shadow: none;
color: var(--title-color);
font-family: var(--font-unbounded);
background-color: transparent;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
padding: 0;
padding-bottom: 15px;
padding-top: 20px;
border-bottom: 1px solid transparent;
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button::after {
width: 24px;
height: 24px;
border: 1px solid #003C30;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--title-color);
content: "\f4fe";
font-family: bootstrap-icons;
background-image: none;
font-weight: 400;
font-size: 20px;
transition: 0.5s;
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
background-color: unset;
border-bottom: 1px solid var(--border-color2);
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
content: "\f2ea";
background-color: #003C30;
color: var(--white-color);
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button:hover::after {
background-color: #003C30;
color: var(--white-color);
}
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-body {
padding: 20px 0;
padding-bottom: 15px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 1.9;
letter-spacing: 0.48px;
}
@media (max-width: 576px) {
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-body {
font-size: 14px;
padding: 15px 0px;
}
} .home6-blog-section {
background-image: linear-gradient(#f8f8f8, #f8f8f8), url(//tidetech.net/wp-content/themes/axleo/assets/img/home6/home6-performance-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0;
position: relative;
z-index: 1;
}
@media (max-width: 1199px) {
.home6-blog-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.home6-blog-section {
padding: 70px 0;
}
}
.home6-blog-section .section-title3 p {
max-width: 580px;
width: 100%;
}
.home6-blog-section .blog-card1 .blog-content ul li a:hover {
color: var(--primary-color4);
}
.home6-blog-section .blog-card1 .blog-content h4 a:hover {
color: var(--primary-color4);
} .about-banner-section {
padding-top: 10px;
overflow: hidden;
}
@media (max-width: 1399px) {
.about-banner-section {
padding-top: 110px;
}
}
@media (max-width: 991px) {
.about-banner-section {
padding-top: 90px;
}
}
@media (max-width: 767px) {
.about-banner-section {
padding-top: 70px;
}
}
.about-banner-section .about-content-wrap .sub-title {
margin-bottom: 45px;
position: relative;
}
@media (max-width: 991px) {
.about-banner-section .about-content-wrap .sub-title {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.about-banner-section .about-content-wrap .sub-title {
margin-bottom: 30px;
}
}
.about-banner-section .about-content-wrap .sub-title h6 {
font-size: 18px;
font-weight: 500;
}
@media (max-width: 576px) {
.about-banner-section .about-content-wrap .sub-title h6 {
font-size: 16px;
}
}
.about-banner-section .about-content-wrap .sub-title .star {
fill: var(--title-color);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30%;
}
@media (max-width: 991px) {
.about-banner-section .about-content-wrap .sub-title .star {
left: 40%;
}
}
@media (max-width: 767px) {
.about-banner-section .about-content-wrap .sub-title .star {
display: none;
}
}
.about-banner-section .about-content-wrap .about-section-title h1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 60px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 0;
margin-top: -10px;
}
.about-banner-section .about-content-wrap .about-section-title h1 span {
font-family: var(--font-fahkwang);
}
@media (max-width: 1399px) {
.about-banner-section .about-content-wrap .about-section-title h1 {
font-size: 55px;
}
}
@media (max-width: 1199px) {
.about-banner-section .about-content-wrap .about-section-title h1 {
font-size: 45px;
}
}
@media (max-width: 767px) {
.about-banner-section .about-content-wrap .about-section-title h1 {
font-size: 40px;
}
}
@media (max-width: 576px) {
.about-banner-section .about-content-wrap .about-section-title h1 {
font-size: 35px;
}
}
.about-banner-section .about-content-wrap .circle-btn {
margin-top: 30px;
}
.about-banner-section .about-img-area {
padding-top: 90px;
}
@media (max-width: 991px) {
.about-banner-section .about-img-area {
padding-top: 70px;
}
}
.about-banner-section .about-img-area .about-img-wrap {
position: relative;
}
@media (max-width: 991px) {
.about-banner-section .about-img-area .about-img-wrap img {
min-height: 350px;
-o-object-fit: cover;
object-fit: cover;
}
}
.about-banner-section .about-img-area .about-img-wrap .button-area {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #F0F0F0;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -100px;
right: 22%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.about-banner-section .about-img-area .about-img-wrap .button-area {
right: 18%;
}
}
@media (max-width: 1399px) {
.about-banner-section .about-img-area .about-img-wrap .button-area {
right: 15%;
}
}
@media (max-width: 1199px) {
.about-banner-section .about-img-area .about-img-wrap .button-area {
right: 10%;
}
}
@media (max-width: 991px) {
.about-banner-section .about-img-area .about-img-wrap .button-area {
width: 170px;
height: 170px;
}
}
@media (max-width: 991px) {
.about-banner-section .about-img-area .about-img-wrap .button-area .circle-btn {
width: 150px;
height: 150px;
}
} .breadcrumb-section {
background-size: cover;
background-repeat: no-repeat;
background-position: right;
position: relative;
z-index: 1;
}
.breadcrumb-section .vector {
position: absolute;
right: 0;
bottom: 0;
stroke: rgba(255, 255, 255, 0.1);
z-index: -1;
}
@media (max-width: 767px) {
.breadcrumb-section .vector {
display: none;
}
}
.breadcrumb-section .banner-wrapper {
position: relative;
padding: 215px 0px 175px;
}
@media (max-width: 991px) {
.breadcrumb-section .banner-wrapper {
padding: 160px 0px 110px;
}
}
@media (max-width: 576px) {
.breadcrumb-section .banner-wrapper {
padding: 140px 0px 90px;
}
}
.breadcrumb-section .banner-wrapper .banner-content .section-title h1 {
font-size: 56px;
}
@media (max-width: 1399px) {
.breadcrumb-section .banner-wrapper .banner-content .section-title h1 {
font-size: 48px;
}
}
@media (max-width: 1199px) {
.breadcrumb-section .banner-wrapper .banner-content .section-title h1 {
font-size: 40px;
}
}
.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: -20px;
}
@media (max-width: 991px) {
.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph {
margin-bottom: 0;
padding-top: 20px;
}
}
.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph svg {
fill: #525252;
width: 100%;
}
@media (max-width: 576px) {
.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph svg {
display: none;
}
}
.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
max-width: 370px;
min-width: 370px;
}
@media (max-width: 767px) {
.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p {
max-width: 330px;
min-width: 330px;
}
}
@media (max-width: 576px) {
.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p {
font-size: 15px;
min-width: unset;
}
}
.breadcrumb-section .banner-wrapper .breadcrumb-list {
margin: 0;
list-style: none;
display: inline-flex;
align-items: center;
gap: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: #202020;
border-radius: 50px;
padding: 10px 18px;
line-height: 1;
position: absolute;
bottom: -18px;
left: 0;
}
.breadcrumb-section .banner-wrapper .breadcrumb-list li {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
letter-spacing: 0.39px;
position: relative;
padding-left: 20px;
}
.breadcrumb-section .banner-wrapper .breadcrumb-list li a {
color: var(--white-color);
transition: 0.5s;
}
.breadcrumb-section .banner-wrapper .breadcrumb-list li a:hover {
color: var(--paragraph-color-dark);
}
.breadcrumb-section .banner-wrapper .breadcrumb-list li::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #4E676D;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.breadcrumb-section .banner-wrapper .breadcrumb-list li:first-child {
padding-left: 0;
}
.breadcrumb-section .banner-wrapper .breadcrumb-list li:first-child::before {
display: none;
}
.breadcrumb-section.style-2 .vector {
stroke: var(--white-color);
}
@media (max-width: 1199px) {
.breadcrumb-section.style-2 .vector {
width: 250px;
}
}
@media (max-width: 991px) {
.breadcrumb-section.style-2 .vector {
display: none;
}
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .dash-and-paragraph {
padding-top: 15px;
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .dash-and-paragraph svg {
fill: #dfdfdf;
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .dash-and-paragraph p {
color: var(--paragraph-color);
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn {
background-color: var(--white-color);
border: 1px solid rgba(var(--title-color-opc), 0.01);
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn span {
background-color: var(--primary-color2);
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn:hover {
color: var(--dark-title-color);
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn:hover svg {
fill: var(--dark-title-color);
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter {
display: flex;
align-items: center;
gap: 20px;
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .icon svg {
fill: var(--title-color);
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content .number {
display: flex;
align-items: center;
font-family: var(--font-unbounded);
font-size: 60px;
font-weight: 600;
line-height: 1;
letter-spacing: 0em;
color: var(--title-color);
margin-bottom: 12px;
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content .number .counter {
font-family: var(--font-unbounded);
font-size: 60px;
font-weight: 600;
line-height: 1;
letter-spacing: 0em;
color: var(--title-color);
margin-bottom: 0;
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content .number span {
line-height: 1;
}
.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content p {
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
color: var(--title-color);
}
.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list {
border: 1px solid rgba(var(--title-color-opc), 0.08);
background-color: var(--white-color);
}
.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li {
color: var(--title-color);
}
.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li a {
color: var(--title-color);
}
.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li a:hover {
color: var(--paragraph-color);
}
.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li::before {
background-color: #E4E4E4;
} .details-navigation {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
@media (max-width: 576px) {
.details-navigation {
flex-wrap: wrap;
gap: 10px;
}
}
.details-navigation .single-navigation {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 767px) {
.details-navigation .single-navigation {
gap: 15px;
}
}
@media (max-width: 576px) {
.details-navigation .single-navigation {
gap: 10px;
}
}
.details-navigation .single-navigation .arrow {
min-width: 88px;
max-width: 88px;
height: 88px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
transition: 0.7s;
}
@media (max-width: 576px) {
.details-navigation .single-navigation .arrow {
min-width: 70px;
max-width: 70px;
height: 70px;
font-size: 14px;
}
}
.details-navigation .single-navigation .arrow svg {
fill: var(--paragraph-color);
transition: 0.5s;
}
.details-navigation .single-navigation .arrow:hover {
color: var(--white-color);
box-shadow: inset 0 0 0 10em var(--primary-color);
}
.details-navigation .single-navigation .arrow:hover svg {
fill: var(--white-color);
}
.details-navigation .single-navigation .content {
max-width: 245px;
width: 100%;
}
.details-navigation .single-navigation .content h6 {
margin-bottom: 0;
}
.details-navigation .single-navigation .content h6 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 26px;
transition: 0.5s;
}
@media (max-width: 767px) {
.details-navigation .single-navigation .content h6 a {
font-size: 14px;
line-height: 24px;
}
}
.details-navigation .single-navigation .content h6 a:hover {
color: var(--primary-color);
}
.details-navigation.two {
padding: 35px 30px;
border: 1px solid var(--border-color2);
border-radius: 10px;
position: relative;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.details-navigation.two {
padding: 25px 15px;
}
}
@media (max-width: 991px) {
.details-navigation.two {
padding: 25px 15px;
}
}
.details-navigation.two::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1px;
height: 88px;
background-color: var(--border-color2);
}
@media (max-width: 767px) {
.details-navigation.two::before {
display: none;
}
}
.details-page-wrapper .mb--70 {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.details-page-wrapper .mb--70 {
margin-bottom: 40px;
}
}
@media (max-width: 576px) {
.details-page-wrapper .mb--70 {
margin-bottom: 25px;
}
}
.details-page-wrapper .line-break {
height: 20px;
display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
.details-page-wrapper .line-break {
height: 15px;
}
}
@media (max-width: 991px) {
.details-page-wrapper .line-break {
height: 10px;
}
}
.details-page-wrapper .post-tag-and-title .post-tag {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 10px;
}
.details-page-wrapper .post-tag-and-title .post-tag svg {
fill: none;
stroke: var(--border-color2);
}
@media (max-width: 767px) {
.details-page-wrapper .post-tag-and-title .post-tag svg {
display: none;
}
}
.details-page-wrapper .post-tag-and-title .post-tag span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
text-align: left;
}
.details-page-wrapper .post-tag-and-title h1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 60px;
font-weight: 500;
line-height: 1.3;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.details-page-wrapper .post-tag-and-title h1 {
font-size: 52px;
}
}
@media (max-width: 1199px) {
.details-page-wrapper .post-tag-and-title h1 {
font-size: 45px;
}
}
@media (max-width: 767px) {
.details-page-wrapper .post-tag-and-title h1 {
font-size: 38px;
}
}
@media (max-width: 576px) {
.details-page-wrapper .post-tag-and-title h1 {
font-size: 33px;
}
}
.details-page-wrapper .post-tag-and-title .post-category {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
padding-top: 30px;
}
@media (max-width: 767px) {
.details-page-wrapper .post-tag-and-title .post-category {
padding-top: 20px;
}
}
.details-page-wrapper .post-tag-and-title .post-category li a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
border: 1px solid var(--border-color2);
border-radius: 50px;
padding: 6px 16px;
}
.details-page-wrapper .post-author-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
padding-bottom: 50px;
margin-top: 50px;
border-bottom: 1px solid var(--border-color2);
}
@media (max-width: 1199px) {
.details-page-wrapper .post-author-meta {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.details-page-wrapper .post-author-meta {
padding-bottom: 30px;
}
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta {
padding-bottom: 20px;
}
}
.details-page-wrapper .post-author-meta .author-and-date {
max-width: 480px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.details-page-wrapper .post-author-meta .author-and-date {
max-width: 420px;
}
}
@media (max-width: 991px) {
.details-page-wrapper .post-author-meta .author-and-date {
max-width: 400px;
}
}
@media (max-width: 767px) {
.details-page-wrapper .post-author-meta .author-and-date {
max-width: unset;
}
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta .author-and-date {
gap: 10px;
}
}
.details-page-wrapper .post-author-meta .author-and-date .author-area {
display: flex;
align-items: center;
gap: 14px;
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta .author-and-date .author-area {
gap: 10px;
}
}
.details-page-wrapper .post-author-meta .author-and-date .author-area .author-img img {
min-width: 60px;
max-width: 60px;
height: 60px;
border-radius: 50%;
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta .author-and-date .author-area .author-img img {
min-width: 40px;
max-width: 40px;
height: 40px;
}
}
.details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
line-height: 1;
display: inline-block;
margin-bottom: 10px;
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig span {
font-size: 11px;
margin-bottom: 5px;
}
}
.details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig h6 {
margin-bottom: 0;
}
.details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig h6 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig h6 a {
font-size: 13px;
}
}
.details-page-wrapper .post-author-meta .author-and-date .date span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
display: inline-block;
margin-bottom: 10px;
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta .author-and-date .date span {
font-size: 11px;
margin-bottom: 5px;
}
}
.details-page-wrapper .post-author-meta .author-and-date .date h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 0;
}
@media (max-width: 576px) {
.details-page-wrapper .post-author-meta .author-and-date .date h6 {
font-size: 13px;
}
}
.details-page-wrapper .social-area {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 576px) {
.details-page-wrapper .social-area {
gap: 15px;
}
}
.details-page-wrapper .social-area h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
.details-page-wrapper .social-area .social-link {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 12px;
}
.details-page-wrapper .social-area .social-link li {
margin-bottom: 0;
}
.details-page-wrapper .social-area .social-link li a {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
color: var(--paragraph-color);
transition: 0.5s;
}
.details-page-wrapper .social-area .social-link li a:hover {
background-color: var(--primary-color2);
border-color: var(--primary-color2);
color: var(--title-color);
}
.details-page-wrapper .post-thumb {
padding-top: 60px;
}
.details-page-wrapper .details-page-content {
padding-top: 60px;
}
.details-page-wrapper .details-page-content h3 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.details-page-wrapper .details-page-content h3 {
font-size: 25px;
margin-bottom: 15px;
}
}
.details-page-wrapper .details-page-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
margin-bottom: 0;
}
@media (max-width: 576px) {
.details-page-wrapper .details-page-content p {
font-size: 15px;
}
}
.details-page-wrapper .details-page-content p.first-para {
margin-bottom: 15px;
}
.details-page-wrapper .details-page-content p.first-para::first-letter {
font-size: 30px;
}
.details-page-wrapper .details-page-content h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.details-page-wrapper .details-page-content h4 {
margin-bottom: 20px;
}
}
.details-page-wrapper .details-page-content ul li {
display: flex;
gap: 10px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 28px;
margin-bottom: 15px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.details-page-wrapper .details-page-content ul li {
font-size: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.details-page-wrapper .details-page-content ul li {
font-size: 15px;
}
}
@media (max-width: 576px) {
.details-page-wrapper .details-page-content ul li {
font-size: 15px;
margin-bottom: 10px;
}
}
.details-page-wrapper .details-page-content ul li:last-child {
margin-bottom: 0;
}
.details-page-wrapper .details-page-content ul li svg {
fill: var(--paragraph-color);
min-width: 16px;
max-width: 16px;
margin-top: 7px;
}
.details-page-wrapper .details-page-content blockquote {
position: relative;
background-color: var(--paragraph-color3);
padding: 40px 85px;
margin-bottom: 0;
min-height: 228px;
}
@media (max-width: 991px) {
.details-page-wrapper .details-page-content blockquote {
padding: 35px 75px;
}
}
@media (max-width: 767px) {
.details-page-wrapper .details-page-content blockquote {
padding: 40px;
}
}
@media (max-width: 576px) {
.details-page-wrapper .details-page-content blockquote {
padding: 35px 30px;
}
}
.details-page-wrapper .details-page-content blockquote::before {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/vector/blockquote-arrow-left.svg);
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 767px) {
.details-page-wrapper .details-page-content blockquote::before {
display: none;
}
}
.details-page-wrapper .details-page-content blockquote::after {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/vector/blockquote-arrow-right.svg);
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 767px) {
.details-page-wrapper .details-page-content blockquote::after {
display: none;
}
}
.details-page-wrapper .details-page-content blockquote p {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 34px;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.details-page-wrapper .details-page-content blockquote p {
font-size: 18px;
}
}
@media (max-width: 991px) {
.details-page-wrapper .details-page-content blockquote p {
line-height: 30px;
margin-bottom: 15px;
}
}
.details-page-wrapper .details-page-content blockquote cite {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
line-height: 20px;
padding-left: 50px;
position: relative;
}
.details-page-wrapper .details-page-content blockquote cite::before {
content: "";
height: 1px;
width: 40px;
background-color: var(--white-color);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.details-page-wrapper .details-page-content .blog-tag {
display: inline-flex;
align-items: center;
gap: 20px;
border: 1px solid var(--border-color2);
border-radius: 33px;
padding: 18px 40px;
margin-top: 60px;
}
@media (max-width: 767px) {
.details-page-wrapper .details-page-content .blog-tag {
gap: 15px;
padding: 18px 25px;
border-radius: 20px;
margin-top: 40px;
}
}
@media (max-width: 576px) {
.details-page-wrapper .details-page-content .blog-tag {
padding: 18px 20px;
border-radius: 10px;
margin-top: 40px;
}
}
.details-page-wrapper .details-page-content .blog-tag h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
line-height: 22px;
margin-bottom: 0;
}
.details-page-wrapper .details-page-content .blog-tag ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
line-height: 1;
}
.details-page-wrapper .details-page-content .blog-tag ul li {
margin-bottom: 0;
}
.details-page-wrapper .details-page-content .blog-tag ul li a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 17px;
transition: 0.5s;
}
.details-page-wrapper .details-page-content .blog-tag ul li a:hover {
color: var(--primary-color);
}
.details-page-wrapper .details-page-content .counter-dark {
display: none;
}
@media (max-width: 576px) {
.details-page-wrapper .details-page-content .counter-dark,
.details-page-wrapper .details-page-content .counter-light {
width: 210px;
}
}
.comment-and-form-area .comment-area {
border: 1px solid var(--border-color2);
border-radius: 10px;
padding: 60px 88px;
}
@media (max-width: 1399px) {
.comment-and-form-area .comment-area {
padding: 60px;
}
}
@media (max-width: 1199px) {
.comment-and-form-area .comment-area {
padding: 50px 40px;
}
}
@media (max-width: 767px) {
.comment-and-form-area .comment-area {
padding: 40px 25px;
}
}
.comment-and-form-area .comment-area .comment-title {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color2);
}
.comment-and-form-area .comment-area .comment-title h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
line-height: 1;
white-space: nowrap;
}
.comment-and-form-area .comment-area .comment {
margin: 0;
padding: 0;
list-style: none;
}
.comment-and-form-area .comment-area .comment > li {
margin-bottom: 40px;
}
.comment-and-form-area .comment-area .comment > li > .single-comment-area {
margin-bottom: 24px;
}
.comment-and-form-area .comment-area .comment > li:last-child {
margin-bottom: 0;
}
.comment-and-form-area .comment-area .comment .single-comment-area {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.comment-and-form-area .comment-area .comment .single-comment-area {
gap: 15px;
flex-wrap: wrap;
}
}
.comment-and-form-area .comment-area .comment .single-comment-area .author-img img {
max-width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%;
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
}
@media (max-width: 576px) {
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 {
font-size: 15px;
}
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 1;
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content p {
font-size: 14px;
}
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1;
cursor: pointer;
transition: 0.35s;
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn svg {
transition: 0.35s;
fill: var(--paragraph-color);
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn:hover {
color: var(--primary-color);
}
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn:hover svg {
fill: var(--primary-color);
}
.comment-and-form-area .comment-area .comment .comment-replay {
margin: 0;
padding: 0;
list-style: none;
margin-left: 70px;
border-top: 1px solid var(--border-color2);
padding-top: 24px;
}
@media (max-width: 576px) {
.comment-and-form-area .comment-area .comment .comment-replay {
margin-left: 25px;
}
}
.comment-and-form-area .comment-area .comment .comment-replay > li {
margin-bottom: 30px;
}
.comment-and-form-area .comment-area .comment .comment-replay > li:last-child {
margin-bottom: 0;
}
@media (max-width: 1399px) {
.comment-and-form-area .inquiry-form {
padding: 60px;
}
}
@media (max-width: 1199px) {
.comment-and-form-area .inquiry-form {
padding: 50px 40px;
}
}
@media (max-width: 767px) {
.comment-and-form-area .inquiry-form {
padding: 0;
}
}
.comment-and-form-area .inquiry-form .title {
margin-bottom: 30px;
}
.comment-and-form-area .inquiry-form .title h4 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 991px) {
.comment-and-form-area .inquiry-form .title h4 {
font-size: 28px;
}
}
@media (max-width: 576px) {
.comment-and-form-area .inquiry-form .title h4 {
font-size: 25px;
}
}
.comment-and-form-area .inquiry-form .form-check {
min-height: unset;
margin-bottom: 0;
}
.comment-and-form-area .inquiry-form .form-check .form-check-input {
cursor: pointer;
height: 14px;
width: 14px;
}
.comment-and-form-area .inquiry-form .form-check .form-check-input:focus {
box-shadow: none;
}
.comment-and-form-area .inquiry-form .form-check .form-check-input:checked {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.comment-and-form-area .inquiry-form .form-check .form-check-input[type=checkbox] {
border-radius: unset;
}
.comment-and-form-area .inquiry-form .form-check .form-check-label {
cursor: pointer;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
@media (max-width: 576px) {
.comment-and-form-area .inquiry-form .form-check .form-check-label {
font-size: 12px;
}
}
.comment-and-form-area.two .comment-area {
border: unset;
padding: 0;
} .pagination-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
padding-top: 70px;
border-top: 1px solid var(--border-color2);
}
@media (max-width: 767px) {
.pagination-area {
padding-top: 40px;
gap: 10px;
}
}
.pagination-area .paginations {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 15px;
}
.pagination-area .paginations .page-item a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
}
@media (max-width: 576px) {
.pagination-area .paginations .page-item a {
width: 30px;
height: 30px;
font-size: 12px;
}
}
.pagination-area .paginations .page-item a:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.pagination-area .paginations .page-item.active a {
background-color: var(--primary-color);
color: var(--white-color);
}
.pagination-area .paginations-button a {
min-width: 88px;
max-width: 88px;
height: 88px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
transition: 0.7s;
}
@media (max-width: 576px) {
.pagination-area .paginations-button a {
min-width: 60px;
max-width: 60px;
height: 60px;
font-size: 12px;
}
}
.pagination-area .paginations-button a svg {
color: var(--paragraph-color);
transition: 0.5s;
}
@media (max-width: 576px) {
.pagination-area .paginations-button a svg {
width: 5px;
}
}
.pagination-area .paginations-button a:hover {
color: var(--white-color);
box-shadow: inset 0 0 0 10em var(--primary-color);
}
.pagination-area .paginations-button a:hover svg {
fill: var(--white-color);
}
.pagination-area.two {
padding-top: 0;
border-top: unset;
} .blog-sidebar .single-widgets {
border: 1px solid var(--border-color2);
padding: 50px 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets {
padding: 40px 20px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets {
padding: 30px 20px;
}
}
.blog-sidebar .single-widgets.widget_search {
border: none;
padding: 0;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
background-color: #F4F9FD;
border: 1px solid var(--border-color2);
padding: 6px;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input {
background-color: transparent;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border: none;
outline: none;
width: 100%;
padding: 0px 25px;
border-radius: unset;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button {
min-width: 48px;
max-width: 48px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: none;
outline: none;
background-color: var(--primary-color);
overflow: hidden;
position: relative;
z-index: 1;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg {
fill: var(--white-color);
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--white-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover svg {
fill: var(--primary-color3);
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.blog-sidebar .single-widgets .widget-title {
line-height: 1;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-title {
margin-bottom: 25px;
}
}
.blog-sidebar .single-widgets .widget-title h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-title h4 {
font-size: 21px;
}
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li {
line-height: 1;
margin-bottom: 25px;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child {
margin-bottom: 0;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover {
color: var(--primary-color);
}
.blog-sidebar .single-widgets .widget-cnt {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 30px;
}
@media (max-width: 1399px) {
.blog-sidebar .single-widgets .widget-cnt {
gap: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt {
gap: 10px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt {
gap: 10px;
}
}
.blog-sidebar .single-widgets .widget-cnt:last-child {
margin-bottom: 0;
}
.blog-sidebar .single-widgets .widget-cnt .wi a img {
max-width: 86px;
min-width: 86px;
height: 86px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wi a img {
max-width: 60px;
min-width: 60px;
height: 60px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt .wi a img {
max-width: 70px;
min-width: 70px;
height: 70px;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc > a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
display: inline-block;
line-height: 1;
transition: 0.35s;
}
@media (max-width: 1399px) {
.blog-sidebar .single-widgets .widget-cnt .wc > a {
margin-bottom: 7px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wc > a {
font-size: 11px;
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt .wc > a {
font-size: 11px;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc > a:hover {
color: var(--primary-color);
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 {
line-height: 1;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
transition: 0.35s;
}
@media (max-width: 1399px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
font-size: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
font-size: 13px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
font-size: 13px;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 a:hover {
color: var(--primary-color);
}
.blog-sidebar .single-widgets .wp-block-tag-cloud {
margin-bottom: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
line-height: 1;
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a:hover {
color: var(--primary-color);
}
.blog-standard-section .blog-card1 .blog-img img {
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-standard-section .explore-btn:hover {
color: var(--primary-color);
}
.blog-standard-section .explore-btn:hover svg {
fill: var(--primary-color);
transform: rotate(45deg);
} .case-study-card {
border: 1px solid var(--border-color2);
}
.case-study-card .case-study-img {
position: relative;
}
@media (max-width: 991px) {
.case-study-card .case-study-img img {
width: 100%;
max-height: 220px;
min-height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
}
.case-study-card .case-study-img .batch {
position: absolute;
top: 25px;
left: 25px;
}
@media (max-width: 991px) {
.case-study-card .case-study-img .batch {
top: 15px;
left: 10px;
}
}
.case-study-card .case-study-img .batch a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1.2;
padding: 10px 24px;
border-radius: 18px;
background-color: #202020;
}
@media (max-width: 991px) {
.case-study-card .case-study-img .batch a {
font-size: 13px;
}
}
.case-study-card .case-study-content {
padding: 30px 30px 40px;
}
@media (max-width: 1399px) {
.case-study-card .case-study-content {
padding: 30px 25px 40px;
}
}
@media (max-width: 1199px) {
.case-study-card .case-study-content {
padding: 25px 20px 35px;
}
}
@media (max-width: 576px) {
.case-study-card .case-study-content {
padding: 20px 15px 30px;
}
}
.case-study-card .case-study-content h3 {
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.case-study-card .case-study-content h3 {
margin-bottom: 15px;
}
}
@media (max-width: 576px) {
.case-study-card .case-study-content h3 {
margin-bottom: 10px;
}
}
.case-study-card .case-study-content h3 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.5;
transition: 0.5s;
}
@media (max-width: 1399px) {
.case-study-card .case-study-content h3 a {
font-size: 27px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-card .case-study-content h3 a {
font-size: 23px;
}
}
@media (max-width: 991px) {
.case-study-card .case-study-content h3 a {
font-size: 20px;
}
}
.case-study-card .case-study-content h3 a:hover {
color: var(--primary-color);
}
.case-study-card .case-study-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 40px;
}
@media (max-width: 991px) {
.case-study-card .case-study-content p {
margin-bottom: 30px;
}
}
@media (max-width: 576px) {
.case-study-card .case-study-content p {
margin-bottom: 20px;
font-size: 14px;
}
}
.case-study-card.two .case-study-content h3 a {
font-size: 22px;
}
@media (max-width: 1399px) {
.case-study-card.two .case-study-content h3 a {
font-size: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-card.two .case-study-content h3 a {
font-size: 17px;
margin-bottom: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-card.two .case-study-content p {
margin-bottom: 30px;
}
}
.case-study-grid-section .pagination-area {
padding-top: 0;
border-top: none;
} .case-study-details .case-study-details-info-wrap {
background: #D5E1D3;
padding: 50px 40px;
margin-bottom: 25px;
}
@media (max-width: 1399px) {
.case-study-details .case-study-details-info-wrap {
padding: 50px 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-details .case-study-details-info-wrap {
padding: 45px 25px;
}
}
@media (max-width: 576px) {
.case-study-details .case-study-details-info-wrap {
padding: 40px 20px;
}
}
.case-study-details .case-study-details-info-wrap table {
width: 100%;
margin-bottom: 65px;
}
@media (max-width: 1199px) {
.case-study-details .case-study-details-info-wrap table {
margin-bottom: 50px;
}
}
@media (max-width: 576px) {
.case-study-details .case-study-details-info-wrap table {
margin-bottom: 40px;
}
}
.case-study-details .case-study-details-info-wrap table tbody tr td {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
padding-left: 0;
padding-bottom: 25px;
width: 50%;
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-details .case-study-details-info-wrap table tbody tr td {
font-size: 14px;
}
}
.case-study-details .case-study-details-info-wrap table tbody tr td span {
color: var(--paragraph-color);
font-weight: 400;
line-height: 1.2;
}
.case-study-details .case-study-details-info-wrap table tbody tr:last-child td {
padding-bottom: 0;
}
.case-study-details .case-study-details-info-wrap .download-btns {
padding: 0;
margin: 0;
list-style: none;
}
.case-study-details .case-study-details-info-wrap .download-btns li {
margin-bottom: 20px;
}
.case-study-details .case-study-details-info-wrap .download-btns li:last-child {
margin-bottom: 0;
}
.case-study-details .case-study-details-info-wrap .download-btns li:last-child a {
background-color: #4086F4;
}
.case-study-details .case-study-details-info-wrap .download-btns li a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 17px 20px;
background-color: #E5252A;
transition: 0.5s;
}
@media (max-width: 576px) {
.case-study-details .case-study-details-info-wrap .download-btns li a {
padding: 14px 20px;
}
}
.case-study-details .case-study-details-info-wrap .social-area {
line-height: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
background-color: var(--white-color);
padding: 17px 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-details .case-study-details-info-wrap .social-area {
padding: 17px 15px;
}
}
@media (max-width: 576px) {
.case-study-details .case-study-details-info-wrap .social-area {
padding: 17px 15px;
}
}
.case-study-details .case-study-details-info-wrap .social-area h6 {
line-height: 1;
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 400;
}
.case-study-details .case-study-details-info-wrap .social-area ul {
line-height: 1;
display: flex;
align-items: center;
gap: 15px;
}
.case-study-details .case-study-details-info-wrap .social-area ul li {
line-height: 1;
}
.case-study-details .case-study-details-info-wrap .social-area ul li a {
width: 26px;
height: 26px;
border-radius: 50%;
border: 1px solid #eee;
color: var(--primary-color);
transition: 0.35s;
display: flex;
align-items: center;
justify-content: center;
}
.case-study-details .case-study-details-info-wrap .social-area ul li a:hover {
color: var(--white-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.case-study-details .social-area {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
border: 1px solid var(--border-color2);
padding: 24px 20px;
}
@media (max-width: 576px) {
.case-study-details .social-area {
gap: 15px;
}
}
.case-study-details .social-area h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
.case-study-details .social-area .social-link {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 12px;
}
.case-study-details .social-area .social-link li {
margin-bottom: 0;
}
.case-study-details .social-area .social-link li a {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
color: var(--paragraph-color);
transition: 0.5s;
}
.case-study-details .social-area .social-link li a:hover {
background-color: var(--primary-color2);
border-color: var(--primary-color2);
color: var(--title-color);
} .portfolio-details .portfolio-details-info-wrap {
padding: 45px 40px;
border: 1px solid var(--border-color2);
}
@media (max-width: 1399px) {
.portfolio-details .portfolio-details-info-wrap {
padding: 45px 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.portfolio-details .portfolio-details-info-wrap {
padding: 45px 25px;
}
}
@media (max-width: 576px) {
.portfolio-details .portfolio-details-info-wrap {
padding: 40px 20px;
}
}
.portfolio-details .portfolio-details-info-wrap table {
width: 100%;
}
.portfolio-details .portfolio-details-info-wrap table tbody tr td {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
padding-bottom: 15px;
width: 50%;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.portfolio-details .portfolio-details-info-wrap table tbody tr td {
font-size: 14px;
}
}
.portfolio-details .portfolio-details-info-wrap table tbody tr td span {
color: var(--paragraph-color);
font-weight: 400;
line-height: 1.2;
}
.portfolio-details .portfolio-details-info-wrap table tbody tr td a {
color: #0073C7;
}
.portfolio-details .portfolio-details-info-wrap table tbody tr:last-child td {
padding-bottom: 0;
}
.portfolio-details .portfolio-details-post-thumb-slider {
position: relative;
}
.portfolio-details .portfolio-details-post-thumb-slider .service-post-thumb-slider .swiper-slide img {
width: 100%;
height: 600px;
-o-object-fit: cover;
object-fit: cover;
}
.portfolio-details .portfolio-details-post-thumb-slider .slider-btn-group {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 95%;
max-width: unset;
min-width: unset;
opacity: 0;
transition: 0.45s;
}
.portfolio-details .portfolio-details-post-thumb-slider:hover .slider-btn-group {
opacity: 1;
}
.portfolio-details .social-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
border: 1px solid var(--border-color2);
border-top: unset;
padding: 24px 40px;
}
@media (max-width: 1399px) {
.portfolio-details .social-area {
padding: 24px 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.portfolio-details .social-area {
padding: 20px 25px;
}
}
@media (max-width: 576px) {
.portfolio-details .social-area {
padding: 20px 20px;
gap: 15px;
}
}
.portfolio-details .social-area h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
.portfolio-details .social-area .social-link {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 12px;
}
.portfolio-details .social-area .social-link li {
margin-bottom: 0;
}
.portfolio-details .social-area .social-link li a {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
color: var(--paragraph-color);
transition: 0.5s;
}
.portfolio-details .social-area .social-link li a:hover {
background-color: var(--primary-color2);
border-color: var(--primary-color2);
color: var(--title-color);
} .interactive-banner-section {
position: relative;
}
.interactive-banner-section .social-icon {
position: absolute;
left: 3%;
top: 20%;
z-index: 21;
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
writing-mode: vertical-rl;
}
@media (max-width: 1199px) {
.interactive-banner-section .social-icon {
display: none;
visibility: hidden;
}
}
.interactive-banner-section .social-icon li a {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
letter-spacing: 0em;
color: var(--white-color);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
line-height: 1;
padding: 16px 6px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.35s;
}
.interactive-banner-section .social-icon li a:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.interactive-banner-section .social-icon.two {
right: 3%;
left: unset;
}
.interactive-banner-section .interactive-banner-img-group {
margin: 0;
padding: 0;
list-style: none;
height: 100vh;
}
@media (max-width: 1199px) {
.interactive-banner-section .interactive-banner-img-group {
display: none;
visibility: hidden;
}
}
.interactive-banner-section .interactive-banner-img-group .single-banner-bg {
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
transition: opacity 0.75s;
}
.interactive-banner-section .interactive-banner-img-group .single-banner-bg.active {
z-index: 3;
opacity: 1;
}
.interactive-banner-section .interactive-list {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 20% 20% 20% 20% 20%;
position: absolute;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
z-index: 20;
}
@media (max-width: 1199px) {
.interactive-banner-section .interactive-list {
display: block;
}
}
.interactive-banner-section .interactive-list .ineteractive-single-item {
display: flex;
height: 100%;
align-items: end;
position: relative;
padding: 100px 45px 80px;
transition: opacity 0.75s;
}
@media (max-width: 1699px) {
.interactive-banner-section .interactive-list .ineteractive-single-item {
padding: 100px 30px 80px;
}
}
@media (max-width: 1399px) {
.interactive-banner-section .interactive-list .ineteractive-single-item {
padding: 100px 20px 50px;
}
}
@media (max-width: 1199px) {
.interactive-banner-section .interactive-list .ineteractive-single-item {
height: 80vh;
}
}
.interactive-banner-section .interactive-list .ineteractive-single-item:after {
content: "";
height: 100%;
width: 1px;
position: absolute;
right: 0;
top: 0;
opacity: 0.5;
background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
.interactive-banner-section .interactive-list .ineteractive-single-item:last-child::after {
display: none;
visibility: hidden;
}
.interactive-banner-section .interactive-list .ineteractive-single-item .responsive-bg-img {
display: none;
visibility: hidden;
}
@media (max-width: 1199px) {
.interactive-banner-section .interactive-list .ineteractive-single-item .responsive-bg-img {
display: block;
visibility: visible;
height: 80vh;
position: absolute;
left: 0;
top: 0;
width: 100%;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
}
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title {
transform: translateY(55px);
will-change: transform;
transition: transform 0.5s;
}
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title > a {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 17px;
letter-spacing: 0em;
color: var(--white-color);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
line-height: 1;
padding: 6px 16px;
margin-bottom: 20px;
display: inline-block;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title > a {
margin-bottom: 15px;
}
}
@media (max-width: 1399px) {
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title > a {
margin-bottom: 15px;
}
}
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 {
margin-bottom: 0;
}
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0em;
color: var(--white-color);
transition: 0.35s;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a {
font-size: 24px;
}
}
@media (max-width: 1399px) {
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a {
font-size: 24px;
}
}
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a:hover {
color: var(--primary-color);
}
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content p {
margin-bottom: 0;
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
color: #C4C4C4;
transform: translateY(100%);
opacity: 0;
will-change: transform;
transition: transform 0.5s ease, opacity 0.25s ease;
padding-top: 17px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content p {
padding-top: 12px;
}
}
@media (max-width: 1399px) {
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content p {
padding-top: 12px;
}
}
.interactive-banner-section .interactive-list .ineteractive-single-item:hover .card-content .catgory-and-title {
transform: translateY(0);
}
.interactive-banner-section .interactive-list .ineteractive-single-item:hover .card-content p {
opacity: 1;
transform: translateY(0);
}
.pf-showcase-slider-section {
height: 100vh;
width: 100%;
}
.pf-showcase-slider-section .social-area-group {
position: absolute;
left: 0;
bottom: 30px;
z-index: 9;
padding: 0 3%;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .social-area-group {
padding: 0 2%;
}
}
.pf-showcase-slider-section .social-area-group .social-icon {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1199px) {
.pf-showcase-slider-section .social-area-group .social-icon {
display: none;
visibility: hidden;
}
}
.pf-showcase-slider-section .social-area-group .social-icon li a {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
letter-spacing: 0em;
color: var(--white-color);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
line-height: 1;
padding: 6px 16px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.35s;
}
.pf-showcase-slider-section .social-area-group .social-icon li a:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
@media (max-width: 991px) {
.pf-showcase-slider-section .slide-btn-group {
display: none;
visibility: none;
}
}
.pf-showcase-slider-section .slide-btn-group .slider-btn2 {
position: absolute;
left: 3%;
top: 50%;
transform: translateY(-50%);
z-index: 9;
min-width: 88px;
max-width: 88px;
height: 88px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 1;
transition: 0.7s;
}
@media (max-width: 576px) {
.pf-showcase-slider-section .slide-btn-group .slider-btn2 {
min-width: 70px;
max-width: 70px;
height: 70px;
font-size: 14px;
}
}
.pf-showcase-slider-section .slide-btn-group .slider-btn2 svg {
fill: var(--white-color);
transition: 0.5s;
}
.pf-showcase-slider-section .slide-btn-group .slider-btn2:hover {
box-shadow: inset 0 0 0 10em var(--primary-color);
}
.pf-showcase-slider-section .slide-btn-group .slider-btn2.next-16 {
left: unset;
right: 3%;
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .slide-btn-group .slider-btn2 {
left: 2%;
}
.pf-showcase-slider-section .slide-btn-group .slider-btn2.next-16 {
left: unset;
right: 2%;
}
}
.pf-showcase-slider-section .pf-showcase-slider {
height: 100%;
width: 100%;
}
.pf-showcase-slider-section .single-pf-showcase {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content {
max-width: 870px;
width: 100%;
margin: auto;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content {
max-width: 750px;
}
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content {
max-width: 600px;
}
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img {
display: inline-block;
margin-bottom: 40px;
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img {
margin-bottom: 25px;
}
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img img {
border-radius: 10px;
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title {
display: flex;
gap: 20px;
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title .sn {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
letter-spacing: 0em;
color: var(--white-color);
line-height: 1.2;
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title .sn {
font-size: 25px;
}
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title svg {
fill: var(--white-color);
margin-top: 15px;
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title svg {
max-width: 60px;
}
}
@media (max-width: 576px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title svg {
display: none;
visibility: hidden;
}
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 {
margin-bottom: 0;
max-width: 420px;
width: 100%;
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 {
max-width: 330px;
}
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 a {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
letter-spacing: 0em;
color: var(--white-color);
transition: 0.35s;
}
@media (max-width: 1399px) {
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 a {
font-size: 25px;
}
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 a:hover {
color: var(--primary-color);
}
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .year {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
letter-spacing: 0em;
color: #AAAAAA;
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: #1A1A1A;
border-radius: 50px;
line-height: 1;
padding: 7px 16px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.35s;
white-space: nowrap;
}
.pf-showcase-carosule-section {
background: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/pf-sw-cra-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.pf-showcase-carosule-section {
height: unset;
padding: 150px 0 100px;
}
}
.pf-showcase-carosule-section .social-area-group {
position: absolute;
left: 0;
bottom: 30px;
z-index: 9;
padding: 0 3%;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@media (max-width: 1399px) {
.pf-showcase-carosule-section .social-area-group {
padding: 0 2%;
}
}
@media (max-width: 576px) {
.pf-showcase-carosule-section .social-area-group {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
bottom: 10px;
}
}
.pf-showcase-carosule-section .social-area-group .social-icon {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
}
.pf-showcase-carosule-section .social-area-group .social-icon li a {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
letter-spacing: 0em;
color: var(--white-color);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
line-height: 1;
padding: 6px 16px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.35s;
}
.pf-showcase-carosule-section .social-area-group .social-icon li a:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap {
padding: 0 3%;
}
@media (max-width: 1399px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap {
padding: 0px 2%;
}
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn {
margin-bottom: 30px;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a {
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: 0em;
color: var(--white-color);
display: flex;
align-items: center;
gap: 8px;
transition: 0.35s;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a svg {
fill: var(--primary-color);
transition: 0.35s;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a:hover {
color: var(--primary-color);
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group {
display: flex;
align-items: center;
overflow-x: scroll;
position: relative;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group::-webkit-scrollbar {
height: 0;
width: 0;
}
@media (max-width: 991px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group {
display: grid;
grid-template-columns: 50% 50%;
-moz-column-gap: 24px;
column-gap: 24px;
}
}
@media (max-width: 991px) and (max-width: 576px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group {
grid-template-columns: 100%;
}
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule {
display: inline-block;
transition: 0.45s;
position: relative;
max-width: 296px;
width: 100%;
overflow: hidden;
height: 530px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule {
max-width: 250px;
height: 380px;
}
}
@media (max-width: 1399px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule {
max-width: 235px;
height: 350px;
}
}
@media (max-width: 1199px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule {
max-width: 150px;
height: 350px;
}
}
@media (max-width: 991px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule {
display: block;
max-width: 100%;
height: 350px;
margin-bottom: 24px;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule:last-child {
margin-bottom: 0;
}
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-img {
height: 100%;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-img img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .details-btn {
position: absolute;
top: 30px;
right: 30px;
transform: 0.45s;
opacity: 0;
z-index: 3;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .details-btn a {
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--primary-color);
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .details-btn a svg {
fill: var(--white-color);
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content {
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: 1;
transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content > a {
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: var(--dark-title-color);
background-color: var(--primary-color2);
line-height: 1;
padding: 9px 20px;
display: inline-block;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content h6 {
margin-bottom: 0;
line-height: 1;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content h6 a {
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: var(--white-color);
background-color: var(--dark-title-color);
padding: 11px 20px;
display: inline-block;
transition: 0.35s;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content h6 a:hover {
background-color: var(--primary-color);
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule:hover .shocase-carasole-content {
opacity: 1;
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active {
max-width: 592px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active {
max-width: 500px;
}
}
@media (max-width: 1499px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active {
max-width: 400px;
}
}
@media (max-width: 1399px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active {
max-width: 380px;
}
}
@media (max-width: 991px) {
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active {
max-width: 100%;
}
}
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active .details-btn {
opacity: 1;
}
.portfolio-page-area .section-title h1 {
font-size: 130px;
line-height: 1;
}
.portfolio-page-area .section-title h1 span {
display: inline;
}
.portfolio-page-area .section-title h1 sup {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color2);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
letter-spacing: 0em;
color: var(--dark-title-color);
top: -70px;
}
@media (max-width: 1399px) {
.portfolio-page-area .section-title h1 {
font-size: 90px;
}
}
@media (max-width: 1199px) {
.portfolio-page-area .section-title h1 {
font-size: 70px;
}
}
@media (max-width: 576px) {
.portfolio-page-area .section-title h1 {
font-size: 45px;
}
}
.portfolio-page-area .section-title .dash-and-paragraph svg {
fill: var(--border-color2);
}
.portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph {
text-align: end;
}
.portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border-radius: 50px;
border: 1px solid var(--border-color2);
background: #F8F8F8;
line-height: 1;
padding: 13px 20px;
display: inline-flex;
justify-content: end;
margin-bottom: 20px;
}
.portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph P {
max-width: 424px;
min-width: 424px;
text-align: start;
}
@media (max-width: 767px) {
.portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph P {
min-width: unset;
}
}
.portfolio-page-area.portfolio-showcase-horizental {
overflow: hidden;
}
.portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul {
margin: 0;
padding: 0;
list-style: none;
gap: 20px;
}
.portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul li {
cursor: pointer;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0em;
text-align: center;
background-color: #F7F7F7;
margin-right: 10px;
padding: 8px 20px;
border-radius: 50px;
}
.portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul li.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 37% 33% 30%;
padding: 50px 0 0;
margin-top: 50px;
border-top: 1px solid var(--border-color2);
}
@media (max-width: 1399px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work {
grid-template-columns: 30% 40% 30%;
}
}
@media (max-width: 1199px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work {
grid-template-columns: 35% 40% 25%;
padding: 40px 0 0;
margin-top: 40px;
}
}
@media (max-width: 991px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work {
display: block;
}
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name {
display: flex;
gap: 10px;
margin-right: 20px;
}
@media (max-width: 991px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name {
margin-bottom: 15px;
margin-right: 0;
}
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name .sn {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
letter-spacing: 0em;
line-height: 1.4;
color: var(--title-color);
transition: 0.35s;
}
@media (max-width: 1399px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name .sn {
font-size: 24px;
}
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name h3 {
line-height: 1;
margin-bottom: 0;
transition: 0.35s;
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name h3 a {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0em;
color: var(--title-color);
transition: 0.35s;
}
@media (max-width: 1399px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name h3 a {
font-size: 24px;
}
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name:hover .sn {
color: var(--primary-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name:hover h3 a {
color: var(--primary-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription {
line-height: 1;
}
@media (max-width: 991px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription {
margin-bottom: 30px;
}
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription p {
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
margin-bottom: 0;
color: var(--paragraph-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
padding-top: 25px;
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul li a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
border-radius: 50px;
background: transparent;
padding: 7px 19px;
border: 1px solid var(--border-color2);
transition: 0.35s;
display: inline-block;
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul li a:hover {
background-color: var(--title-color);
border-color: var(--title-color);
color: var(--white-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap {
display: flex;
justify-content: end;
}
@media (max-width: 991px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap {
justify-content: start;
}
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap .primary-btn4 {
padding: 12px 25px;
background-color: var(--title-color);
color: var(--white-color);
border-color: var(--title-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap .primary-btn4 svg {
fill: var(--white-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap .primary-btn4:hover {
border-color: var(--primary-color);
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .services-img {
width: 260px;
height: 320px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
border-radius: 5px;
overflow: hidden;
pointer-events: none;
}
.portfolio-page-area.portfolio-showcase-horizental .single-work .services-img img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
@media (max-width: 991px) {
.portfolio-page-area.portfolio-showcase-horizental .single-work .services-img {
display: none;
visibility: hidden;
}
}
.portfolio-page-area.portfolio-showcase-horizental .single-work:hover .services-img {
opacity: 1;
}
.portfolio-page-area .interactive-link-wrapper {
display: flex;
align-items: center;
gap: 50px;
padding-bottom: 45px;
}
.portfolio-page-area .interactive-link-wrapper:last-child {
padding-bottom: 0;
}
@media (max-width: 991px) {
.portfolio-page-area .interactive-link-wrapper {
gap: 18px;
justify-content: space-between;
flex-wrap: wrap;
}
}
.portfolio-page-area .interactive-link-wrapper svg {
max-width: 250px;
width: 100%;
fill: var(--title-color);
}
@media (max-width: 1199px) {
.portfolio-page-area .interactive-link-wrapper svg {
max-width: 200px;
}
}
@media (max-width: 991px) {
.portfolio-page-area .interactive-link-wrapper svg {
max-width: 120px;
}
}
@media (max-width: 767px) {
.portfolio-page-area .interactive-link-wrapper svg {
display: none;
}
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link {
position: relative;
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link a {
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 37px;
letter-spacing: 0em;
color: var(--title-color);
transition: 0.35s;
}
@media (max-width: 991px) {
.portfolio-page-area .interactive-link-wrapper .single-interactive-link a {
font-size: 24px;
}
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link a sup {
height: 34px;
width: 34px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 15px;
letter-spacing: 0em;
color: var(--title-color);
background-color: #f8f8f8;
border: 1px solid var(--border-color2);
top: -20px;
transition: 0.35s;
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link a:hover {
color: var(--primary-color);
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link a:hover sup {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white-color);
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link .pf-img {
width: 224px;
height: 250px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
margin-top: -90px;
transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
border-radius: 5px;
overflow: hidden;
pointer-events: none;
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link .pf-img img {
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.portfolio-page-area .interactive-link-wrapper .single-interactive-link .pf-img {
display: none;
visibility: hidden;
}
}
.portfolio-page-area .interactive-link-wrapper .single-interactive-link:hover .pf-img {
opacity: 1;
}
.portfolio-page-area .social-wrapper {
display: flex;
align-items: flex-start;
gap: 24px;
}
.portfolio-page-area .social-wrapper svg {
fill: var(--border-color2);
width: 100%;
}
@media (max-width: 576px) {
.portfolio-page-area .social-wrapper svg {
display: none;
visibility: hidden;
}
}
.portfolio-page-area .social-wrapper .social-area {
max-width: 312px;
min-width: 312px;
}
.portfolio-page-area .social-wrapper .social-area p {
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
color: var(--paragraph-color);
margin-bottom: 20px;
}
.portfolio-page-area .social-wrapper .social-area ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.portfolio-page-area .social-wrapper .social-area ul li a {
border: 1px solid var(--border-color1);
border-radius: 50px;
display: flex;
align-items: center;
gap: 8px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 7px 15px;
transition: 0.35s;
}
.portfolio-page-area .social-wrapper .social-area ul li a i {
color: var(--paragraph-color);
line-height: 1;
transition: 0.35s;
}
.portfolio-page-area .social-wrapper .social-area ul li a:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white-color);
}
.portfolio-page-area .social-wrapper .social-area ul li a:hover i {
color: var(--white-color);
}
.portfolio-page-area .load-more-btn button {
border: 1px solid rgba(var(--title-color-opc), 0.1);
background-color: transparent;
height: 200px;
width: 200px;
}
.portfolio-page-area .load-more-btn button .load-more-btn button {
border: 1px solid rgba(var(--title-color-opc), 0.1);
background-color: transparent;
height: 200px;
width: 200px;
}
.portfolio-page-area .vrt-item:nth-child(odd) .snigle-vertica-item {
margin-bottom: 130px;
margin-left: 70px;
}
@media (max-width: 991px) {
.portfolio-page-area .vrt-item:nth-child(odd) .snigle-vertica-item {
margin-bottom: 90px;
margin-left: 0;
}
}
@media (max-width: 767px) {
.portfolio-page-area .vrt-item:nth-child(odd) .snigle-vertica-item {
margin-bottom: unset;
}
}
.portfolio-page-area .vrt-item:nth-child(even) .snigle-vertica-item {
margin-top: 130px;
}
@media (max-width: 991px) {
.portfolio-page-area .vrt-item:nth-child(even) .snigle-vertica-item {
margin-top: 90px;
}
}
@media (max-width: 767px) {
.portfolio-page-area .vrt-item:nth-child(even) .snigle-vertica-item {
margin-top: unset;
}
}
.portfolio-page-area .vrt-item:nth-child(2) .snigle-vertica-item {
margin-bottom: 130px;
margin-left: 70px;
}
@media (max-width: 991px) {
.portfolio-page-area .vrt-item:nth-child(2) .snigle-vertica-item {
margin-bottom: 90px;
margin-left: 0;
}
}
@media (max-width: 767px) {
.portfolio-page-area .vrt-item:nth-child(2) .snigle-vertica-item {
margin-bottom: unset;
}
}
.portfolio-page-area .vrt-item .snigle-vertica-item {
position: relative;
}
.portfolio-page-area .vrt-item .snigle-vertica-item .pf-img {
display: inline-block;
}
.portfolio-page-area .vrt-item .snigle-vertica-item .pf-img img {
min-height: 580px;
-o-object-fit: cover;
object-fit: cover;
}
.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content {
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: 1;
transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content > a {
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: var(--white-color);
background-color: var(--primary-color);
line-height: 1;
padding: 9px 20px;
display: inline-block;
}
.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 {
margin-bottom: 0;
line-height: 1;
}
.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 a {
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: var(--white-color);
background-color: var(--dark-title-color);
padding: 11px 20px;
display: inline-block;
transition: 0.35s;
}
.portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 a:hover {
background-color: var(--primary-color);
}
.portfolio-page-area .vrt-item .snigle-vertica-item:hover .vertica-item-content {
opacity: 1;
}
.pf-shoecase-page .filter-button-group {
margin-bottom: 50px;
display: flex;
justify-content: center;
}
@media (max-width: 576px) {
.pf-shoecase-page .filter-button-group {
justify-content: flex-start;
}
}
.pf-shoecase-page .filter-button-group ul {
margin: 0;
padding: 0;
list-style: none;
gap: 20px;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
border: 1px solid var(--border-color2);
border-radius: 100px;
justify-content: center;
padding: 13px 30px;
}
@media (max-width: 576px) {
.pf-shoecase-page .filter-button-group ul {
justify-content: flex-start;
padding: 0;
border: none;
gap: 15px;
border-radius: 0px;
}
}
.pf-shoecase-page .filter-button-group ul li {
cursor: pointer;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0em;
text-align: center;
background-color: #F7F7F7;
margin-right: 10px;
padding: 8px 20px;
border-radius: 50px;
}
.pf-shoecase-page .filter-button-group ul li.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.pf-shoecase-page .load-more-btn button {
border: 1px solid rgba(var(--title-color-opc), 0.1);
background-color: transparent;
height: 200px;
width: 200px;
}
.pf-shoecase-page .load-more-btn button .load-more-btn button {
border: 1px solid rgba(var(--title-color-opc), 0.1);
background-color: transparent;
height: 200px;
width: 200px;
}
.pf-shoecase-page .single-portfolio-sw {
position: relative;
transition: all 0.45s;
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-img img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 100%;
object-position: 100%;
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap {
position: absolute;
left: 30px;
right: 30px;
top: 40px;
bottom: 40px;
transform: scale(0.3);
transition: all 0.45s;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: var(---dark-white-color);
}
@media (max-width: 1199px) {
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap {
left: 20px;
right: 20px;
top: 30px;
bottom: 30px;
}
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .publish-date {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
color: var(--paragraph-color);
line-height: 1;
position: absolute;
right: 25px;
top: 25px;
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content {
padding: 20px 30px;
}
@media (max-width: 1199px) {
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content {
padding: 20px;
}
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 {
line-height: 1;
margin-bottom: 16px;
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 a {
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.4;
text-align: center;
color: var(--title-color);
transition: 0.35s;
}
@media (max-width: 1199px) {
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 a {
font-size: 20px;
}
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 a:hover {
color: var(--primary-color);
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content > a {
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 17px;
color: var(--paragraph-color);
border: 1px solid var(--border-color2);
border-radius: 50px;
display: inline-block;
padding: 5px 16px;
transition: 0.35s;
margin: 3px;
}
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content > a:hover {
color: var(--white-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.pf-shoecase-page .single-portfolio-sw:hover .pf-shw-content-wrap {
transform: scale(1);
opacity: 1;
} .service-details .service-post-thumb-slider {
position: relative;
}
.service-details .service-post-thumb-slider .swiper-slide img {
max-width: 100%;
}
.service-details .service-post-thumb-slider .slider-btn-group {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 95%;
max-width: unset;
min-width: unset;
opacity: 0;
transition: 0.45s;
}
.service-details .service-post-thumb-slider:hover .slider-btn-group {
opacity: 1;
}
.service-details .post-tag-and-title {
padding-bottom: 50px;
border-bottom: 1px solid var(--border-color2);
}
.process-card {
border-radius: 5px;
padding: 40px 24px;
border: 1px solid var(--border-color2);
position: relative;
}
@media (max-width: 1399px) {
.process-card {
padding: 30px 20px;
}
}
.process-card .icon {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.process-card .icon {
margin-bottom: 20px;
}
}
.process-card .icon svg {
fill: var(--title-color);
}
.process-card .process-content {
line-height: 1;
}
.process-card .process-content h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.process-card .process-content h4 {
font-size: 20px;
margin-bottom: 10px;
}
}
.process-card .process-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
.process-card.two {
background-color: #FAF8FB;
}
.service-details-faq-section {
background-color: #F8F8F8;
padding: 110px 0;
}
@media (max-width: 1199px) {
.service-details-faq-section {
padding: 100px 0;
}
}
@media (max-width: 991px) {
.service-details-faq-section {
padding: 90px 0;
}
}
.service-details-faq-section .sub-title2 h6 {
background-color: #202020;
color: var(--white-color);
}
.service-details-faq-section .section-title .dash-and-paragraph p {
margin-bottom: 0;
}
.service-details-faq-section .faq-wrap .single-faq {
background-color: var(---dark-white-color);
} .faq-wrap .single-faq {
padding: 30px;
background-color: #FAF8FB;
border-radius: 5px;
}
@media (max-width: 576px) {
.faq-wrap .single-faq {
padding: 25px 20px;
}
}
.faq-wrap .single-faq h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 500;
line-height: 1.7;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.faq-wrap .single-faq h6 {
margin-bottom: 10px;
font-size: 17px;
}
}
.faq-wrap .single-faq p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
.faq-contact-area .faq-contact-top-area {
padding: 70px 110px 250px;
border: 1px solid var(--primary-color3);
border-radius: 20px;
position: relative;
}
@media (max-width: 1399px) {
.faq-contact-area .faq-contact-top-area {
padding: 70px 90px 230px;
}
}
@media (max-width: 1199px) {
.faq-contact-area .faq-contact-top-area {
padding: 50px 50px 210px;
}
}
@media (max-width: 991px) {
.faq-contact-area .faq-contact-top-area {
padding: 0;
border: unset;
margin-bottom: 40px;
}
}
.faq-contact-area .faq-contact-top-area .vector {
fill: none;
stroke: #D9D2F3;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1199px) {
.faq-contact-area .faq-contact-top-area .vector {
display: none;
}
}
.faq-contact-area .faq-contact-top-area .section-title {
max-width: 730px;
width: 100%;
}
.faq-contact-area .faq-contact-top-area .section-title h2 {
font-size: 45px;
}
@media (max-width: 1399px) {
.faq-contact-area .faq-contact-top-area .section-title h2 {
font-size: 40px;
}
}
@media (max-width: 1199px) {
.faq-contact-area .faq-contact-top-area .section-title h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.faq-contact-area .faq-contact-top-area .section-title h2 {
font-size: 30px;
}
}
.faq-contact-area .faq-contact-form-area {
margin-top: -180px;
position: relative;
}
@media (max-width: 991px) {
.faq-contact-area .faq-contact-form-area {
margin-top: 0;
}
}
.faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {
background-color: #D9D2F3;
border-radius: 10px;
padding: 50px 40px;
}
@media (max-width: 991px) {
.faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {
padding: 45px 35px;
}
}
@media (max-width: 767px) {
.faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {
padding: 40px 30px;
}
}
@media (max-width: 576px) {
.faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {
padding: 40px 20px;
}
}
@media (max-width: 576px) {
.faq-contact-area .faq-contact-form-area .faq-contact-form-wrap .primary-btn3 {
font-size: 14px;
padding: 16px 25px;
}
} .contact-page .contact-info-wrap .mb--30 {
margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.contact-page .contact-info-wrap .mb--30 {
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.contact-page .contact-info-wrap .mb--30 {
margin-bottom: 0;
}
}
.contact-page .contact-info-wrap .single-location {
border: 1px solid var(--border-color2);
background-color: #FAF8FB;
border-radius: 10px;
padding: 45px 40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.contact-page .contact-info-wrap .single-location {
padding: 35px 25px;
}
}
@media (max-width: 1199px) {
.contact-page .contact-info-wrap .single-location {
padding: 40px 25px;
}
}
.contact-page .contact-info-wrap .single-location .title {
margin-bottom: 20px;
}
.contact-page .contact-info-wrap .single-location .title h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
line-height: 1;
}
.contact-page .contact-info-wrap .single-location ul {
margin: 0;
padding: 0;
list-style: none;
max-width: 320px;
width: 100%;
}
.contact-page .contact-info-wrap .single-location ul li {
display: flex;
align-items: center;
gap: 14px;
line-height: 1;
margin-bottom: 20px;
transition: 0.35s;
}
.contact-page .contact-info-wrap .single-location ul li:last-child {
margin-bottom: 0;
}
.contact-page .contact-info-wrap .single-location ul li .icon {
max-width: 34px;
min-width: 34px;
height: 34px;
border: 1px solid var(--border-color2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
.contact-page .contact-info-wrap .single-location ul li .icon svg {
transition: 0.35s;
fill: var(--primary-color);
}
.contact-page .contact-info-wrap .single-location ul li .info {
line-height: 1;
}
.contact-page .contact-info-wrap .single-location ul li .info a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 26px;
display: block;
}
.contact-page .contact-info-wrap .single-location ul li .info a:hover {
color: var(--primary-color);
}
.contact-page .contact-info-wrap .single-location ul li:hover .icon {
background-color: var(--primary-color);
}
.contact-page .contact-info-wrap .single-location ul li:hover .icon svg {
fill: var(--white-color);
}
.contact-page .contact-form-wrap {
background-color: #C5D1C3;
border-radius: 10px;
padding: 60px 50px;
}
@media (min-width: 1200px) {
.contact-page .contact-form-wrap {
margin-left: 60px;
}
}
@media (max-width: 991px) {
.contact-page .contact-form-wrap {
padding: 50px 40px;
}
}
@media (max-width: 576px) {
.contact-page .contact-form-wrap {
padding: 45px 20px;
border-radius: 5px;
}
}
.contact-page .contact-form-wrap .wpcf7-list-item {
display: inline-block;
margin: 0;
}
.contact-page .contact-form-wrap .form-inner label span {
color: var(--paragraph-color);
}
.contact-page .contact-form-wrap .form-inner textarea {
min-height: 145px;
}
@media (max-width: 576px) {
.contact-page .contact-form-wrap .primary-btn3 {
font-size: 14px;
padding: 16px 25px;
}
}
.contact-page-map {
width: 100%;
max-height: 660px;
height: 100%;
}
@media (max-width: 1399px) {
.contact-page-map {
max-height: 560px;
}
}
@media (max-width: 1199px) {
.contact-page-map {
max-height: 460px;
}
}
@media (max-width: 576px) {
.contact-page-map {
max-height: 350px;
}
}
.contact-page-map iframe {
width: 100%;
height: 100%;
min-height: 550px;
filter: grayscale(199%) invert(72%) contrast(122%);
}
@media (max-width: 576px) {
.contact-page-map iframe {
min-height: 350px;
}
} .pricing-page .section-title-and-tab-btn h1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 60px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 0;
max-width: 844px;
width: 100%;
}
@media (max-width: 1399px) {
.pricing-page .section-title-and-tab-btn h1 {
font-size: 55px;
}
}
@media (max-width: 1199px) {
.pricing-page .section-title-and-tab-btn h1 {
font-size: 50px;
}
}
@media (max-width: 767px) {
.pricing-page .section-title-and-tab-btn h1 {
font-size: 40px;
}
}
@media (max-width: 576px) {
.pricing-page .section-title-and-tab-btn h1 {
font-size: 32px;
}
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn {
display: flex;
align-items: center;
gap: 70px;
}
@media (max-width: 1199px) {
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn {
gap: 40px;
}
}
@media (max-width: 991px) {
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn {
padding-top: 25px;
}
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn svg {
width: 100%;
fill: none;
stroke: var(--border-color2);
}
@media (max-width: 991px) {
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn svg {
display: none;
}
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area {
position: relative;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area .discount {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 10px;
position: absolute;
top: -100px;
right: 40px;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area .discount svg {
fill: var(--title-color);
stroke: var(--title-color);
width: unset;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area .discount span {
color: #6C2EB9;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs {
border-bottom: none;
background: var(--primary-color3);
border-radius: 50px;
flex-wrap: nowrap;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link {
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 16px;
color: var(--white-color);
border: none;
border-radius: 50px 0 0 50px;
padding: 20px 29px;
line-height: 1;
display: flex;
align-items: center;
gap: 8px;
position: relative;
margin-bottom: 0;
}
@media (max-width: 576px) {
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link {
font-size: 15px;
}
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link:last-child {
border-radius: 0 50px 50px 0;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link span {
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 10px;
color: var(--white-color);
background: #6C2EB9;
border-radius: 100%;
padding: 5px 7px;
position: absolute;
right: 0;
top: -10px;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link:hover {
border: none;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link:focus {
border: none;
box-shadow: unset;
}
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link.active {
color: var(--white-color);
background: var(--primary-color);
border: none;
box-shadow: unset;
}
.pricing-page .pricing-card {
position: relative;
padding: 50px 35px;
background-color: #F8E37F;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.pricing-page .pricing-card {
padding: 45px 25px;
}
}
@media (max-width: 991px) {
.pricing-page .pricing-card {
padding: 40px 20px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.pricing-page .pricing-card {
padding: 40px 30px;
}
}
.pricing-page .pricing-card .pricing-top {
border-bottom: 1px solid rgba(var(--title-color-opc), 0.08);
padding-bottom: 40px;
margin-bottom: 60px;
}
@media (max-width: 1199px) {
.pricing-page .pricing-card .pricing-top {
padding-bottom: 30px;
margin-bottom: 50px;
}
}
@media (max-width: 576px) {
.pricing-page .pricing-card .pricing-top {
padding-bottom: 25px;
margin-bottom: 40px;
}
}
.pricing-page .pricing-card .pricing-top span {
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 22px;
color: var(--title-color);
display: inline-block;
line-height: 1;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.pricing-page .pricing-card .pricing-top span {
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.pricing-page .pricing-card .pricing-top span {
font-size: 20px;
}
}
.pricing-page .pricing-card .pricing-top h2 {
margin-bottom: 0;
font-family: var(--font-unbounded);
font-weight: 800;
font-size: 45px;
line-height: 44px;
color: var(--title-color);
}
@media (max-width: 1399px) {
.pricing-page .pricing-card .pricing-top h2 {
font-size: 40px;
}
}
.pricing-page .pricing-card .pricing-top h2 sub {
font-size: 16px;
color: var(--title-color);
bottom: 0;
}
.pricing-page .pricing-card .pricing-content ul {
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 110px;
}
@media (max-width: 1399px) {
.pricing-page .pricing-card .pricing-content ul {
margin-bottom: 90px;
}
}
@media (max-width: 767px) {
.pricing-page .pricing-card .pricing-content ul {
margin-bottom: 70px;
}
}
.pricing-page .pricing-card .pricing-content ul li {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
letter-spacing: 0.03em;
color: var(--paragraph-color);
line-height: 1.5;
margin-bottom: 25px;
position: relative;
}
@media (max-width: 576px) {
.pricing-page .pricing-card .pricing-content ul li {
font-size: 13px;
margin-bottom: 20px;
}
}
.pricing-page .pricing-card .pricing-content ul li:last-child {
padding-bottom: 0;
}
.pricing-page .pricing-card .pricing-content ul li svg {
fill: var(--paragraph-color);
}
.pricing-page .pricing-card .pricing-content .primary-btn5 {
display: flex;
justify-content: center;
padding: 19px 27px;
}
.pricing-page .pricing-card .batch {
position: absolute;
top: 0;
right: 0;
}
.pricing-page .pricing-card .batch span {
background-image: linear-gradient(90deg, var(--primary-color), #1A1A1A);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 7% 50%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 7% 50%);
display: flex;
align-items: center;
justify-content: center;
padding: 5px 20px;
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--white-color);
transition: 0.35s;
}
.pricing-page .pricing-card.two {
background-color: #D9D2F3;
}
.pricing-page .pricing-card.three {
background-color: #C5D1C3;
} .pagination-area {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
padding-top: 70px;
border-top: 1px solid var(--border-color2);
}
@media (max-width: 767px) {
.pagination-area {
padding-top: 40px;
gap: 10px;
}
}
.pagination-area .paginations {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.pagination-area .paginations .page-item a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
}
@media (max-width: 576px) {
.pagination-area .paginations .page-item a {
width: 30px;
height: 30px;
font-size: 12px;
}
}
.pagination-area .paginations .page-item a:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.pagination-area .paginations .page-item.active a {
background-color: var(--primary-color);
color: var(--white-color);
}
.pagination-area .paginations-button a {
min-width: 88px;
max-width: 88px;
height: 88px;
border-radius: 50%;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
transition: 0.7s;
}
@media (max-width: 576px) {
.pagination-area .paginations-button a {
min-width: 60px;
max-width: 60px;
height: 60px;
font-size: 12px;
}
}
.pagination-area .paginations-button a svg {
fill: var(--paragraph-color);
transition: 0.5s;
}
@media (max-width: 576px) {
.pagination-area .paginations-button a svg {
width: 5px;
}
}
.pagination-area .paginations-button a:hover {
color: var(--white-color);
box-shadow: inset 0 0 0 10em var(--primary-color);
}
.pagination-area .paginations-button a:hover svg {
fill: var(--white-color);
}
.pagination-area.two {
padding-top: 0;
border-top: unset;
} .blog-sidebar .single-widgets {
border: 1px solid var(--border-color2);
padding: 50px 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets {
padding: 40px 20px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets {
padding: 30px 20px;
}
}
.blog-sidebar .single-widgets.widget_search {
border: none;
padding: 0;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
background-color: #F4F9FD;
border: 1px solid var(--border-color2);
padding: 6px;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input {
background-color: transparent;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border: none;
outline: none;
width: 100%;
padding: 0px 25px;
border-radius: unset;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button {
min-width: 48px;
max-width: 48px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: none;
outline: none;
background-color: var(--primary-color);
overflow: hidden;
position: relative;
z-index: 1;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg {
fill: var(--white-color);
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--white-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover svg {
fill: var(--primary-color3);
}
.blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.blog-sidebar .single-widgets .widget-title {
line-height: 1;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-title {
margin-bottom: 25px;
}
}
.blog-sidebar .single-widgets .widget-title h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-title h4 {
font-size: 21px;
}
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li {
line-height: 1;
margin-bottom: 25px;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child {
margin-bottom: 0;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover {
color: var(--primary-color);
}
.blog-sidebar .single-widgets .widget-cnt {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 30px;
}
@media (max-width: 1399px) {
.blog-sidebar .single-widgets .widget-cnt {
gap: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt {
gap: 10px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt {
gap: 10px;
}
}
.blog-sidebar .single-widgets .widget-cnt:last-child {
margin-bottom: 0;
}
.blog-sidebar .single-widgets .widget-cnt .wi a img {
max-width: 86px;
min-width: 86px;
height: 86px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wi a img {
max-width: 60px;
min-width: 60px;
height: 60px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt .wi a img {
max-width: 70px;
min-width: 70px;
height: 70px;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc > a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
display: inline-block;
line-height: 1;
transition: 0.35s;
}
@media (max-width: 1399px) {
.blog-sidebar .single-widgets .widget-cnt .wc > a {
margin-bottom: 7px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wc > a {
font-size: 11px;
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt .wc > a {
font-size: 11px;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc > a:hover {
color: var(--primary-color);
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 {
line-height: 1;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
transition: 0.35s;
}
@media (max-width: 1399px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
font-size: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
font-size: 13px;
}
}
@media (max-width: 576px) {
.blog-sidebar .single-widgets .widget-cnt .wc h5 a {
font-size: 13px;
}
}
.blog-sidebar .single-widgets .widget-cnt .wc h5 a:hover {
color: var(--primary-color);
}
.blog-sidebar .single-widgets .wp-block-tag-cloud {
margin-bottom: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 18px;
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
line-height: 1;
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a:hover {
color: var(--primary-color);
} .case-study-card {
border: 1px solid var(--border-color2);
}
.case-study-card .case-study-img {
position: relative;
}
.case-study-card .case-study-img img {
min-height: 320px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991px) {
.case-study-card .case-study-img img {
width: 100%;
max-height: 220px;
min-height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
}
.case-study-card .case-study-img .batch {
position: absolute;
top: 25px;
left: 25px;
}
@media (max-width: 991px) {
.case-study-card .case-study-img .batch {
top: 15px;
left: 10px;
}
}
.case-study-card .case-study-img .batch a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1.2;
padding: 10px 24px;
border-radius: 18px;
background-color: #202020;
}
@media (max-width: 991px) {
.case-study-card .case-study-img .batch a {
font-size: 13px;
}
}
.case-study-card .case-study-content {
padding: 30px 30px 40px;
}
@media (max-width: 1399px) {
.case-study-card .case-study-content {
padding: 30px 25px 40px;
}
}
@media (max-width: 1199px) {
.case-study-card .case-study-content {
padding: 25px 20px 35px;
}
}
@media (max-width: 576px) {
.case-study-card .case-study-content {
padding: 20px 15px 30px;
}
}
.case-study-card .case-study-content h3 {
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.case-study-card .case-study-content h3 {
margin-bottom: 15px;
}
}
@media (max-width: 576px) {
.case-study-card .case-study-content h3 {
margin-bottom: 10px;
}
}
.case-study-card .case-study-content h3 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.5;
transition: 0.5s;
}
@media (max-width: 1399px) {
.case-study-card .case-study-content h3 a {
font-size: 27px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-card .case-study-content h3 a {
font-size: 23px;
}
}
@media (max-width: 991px) {
.case-study-card .case-study-content h3 a {
font-size: 20px;
}
}
.case-study-card .case-study-content h3 a:hover {
color: var(--primary-color);
}
.case-study-card .case-study-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom: 40px;
}
@media (max-width: 991px) {
.case-study-card .case-study-content p {
margin-bottom: 30px;
}
}
@media (max-width: 576px) {
.case-study-card .case-study-content p {
margin-bottom: 20px;
font-size: 14px;
}
}
.case-study-card.two .case-study-content h3 a {
font-size: 22px;
}
@media (max-width: 1399px) {
.case-study-card.two .case-study-content h3 a {
font-size: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-card.two .case-study-content h3 a {
font-size: 17px;
margin-bottom: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.case-study-card.two .case-study-content p {
margin-bottom: 30px;
}
} .team-card-1 {
transition: 0.45s;
position: relative;
border: 1px solid var(--border-color2);
}
.team-card-1 .team-img {
transition: 0.45s;
position: relative;
display: flex;
z-index: 1;
justify-content: center;
}
@media (max-width: 991px) {
.team-card-1 .team-img {
width: 100%;
}
}
@media (max-width: 991px) {
.team-card-1 .team-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.team-card-1 .team-img .social-area {
position: absolute;
left: 50%;
bottom: 25px;
transform: translateX(-50%);
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
width: 100%;
transition: 0.45s;
opacity: 0;
}
.team-card-1 .team-img .social-area li a {
height: 26px;
width: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white-color);
transition: 0.35s;
}
.team-card-1 .team-img .social-area li a i {
font-size: 14px;
color: #363636;
transition: 0.35s;
}
.team-card-1 .team-img .social-area li a:hover {
background-color: var(--primary-color);
}
.team-card-1 .team-img .social-area li a:hover i {
color: var(--white-color);
}
.team-card-1 .team-content {
padding: 25px 30px;
}
@media (max-width: 991px) {
.team-card-1 .team-content {
padding: 20px;
}
}
.team-card-1 .team-content h6 {
margin-bottom: 2px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
}
@media (max-width: 991px) {
.team-card-1 .team-content h6 {
font-size: 17px;
}
}
.team-card-1 .team-content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.team-card-1:hover .social-area {
opacity: 1;
}
.team-card-1:hover .vector {
opacity: 1;
}
.team-card-1.two {
border: unset;
}
.team-card-1.two .team-img img {
border-radius: 500px 500px 0px 0px;
transition: all 0.45s;
}
.team-card-1.two .team-img .social-area {
flex-direction: column;
align-items: end;
left: unset;
right: 15px;
width: unset;
}
.team-card-1.two .team-content {
padding-bottom: 0;
}
.team-card-1.two:hover .team-img img {
border-radius: unset;
} .career-banner-area .career-title-area h2 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 45px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 0;
margin-top: -10px;
}
.career-banner-area .career-title-area h2 strong {
display: block;
font-weight: 500;
}
.career-banner-area .career-title-area h2 span {
font-family: var(--font-fahkwang);
display: block;
}
@media (max-width: 1399px) {
.career-banner-area .career-title-area h2 {
font-size: 40px;
}
}
@media (max-width: 1199px) {
.career-banner-area .career-title-area h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.career-banner-area .career-title-area h2 {
font-size: 30px;
}
}
.career-banner-area .career-title-area .btn-and-paragraph p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
max-width: 536px;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.career-banner-area .career-title-area .btn-and-paragraph p {
font-size: 15px;
max-width: 536px;
min-width: unset;
}
}
.career-banner-area .career-title-area .btn-and-paragraph a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
transition: 0.35s;
margin-bottom: 15px;
}
.career-banner-area .career-title-area .btn-and-paragraph a svg {
fill: var(--title-color);
transition: 0.35s;
}
.career-banner-area .career-title-area .btn-and-paragraph a:hover {
color: var(--primary-color);
}
.career-banner-area .career-title-area .btn-and-paragraph a:hover svg {
fill: var(--primary-color);
}
.career-banner-area .career-img a img {
min-height: 320px;
-o-object-fit: cover;
object-fit: cover;
}
.career-banner-area .career-img-slider {
position: relative;
}
.career-banner-area .career-img-slider .career-pagination {
width: unset;
display: inline-flex;
justify-content: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 30px !important;
z-index: 99;
}
.career-banner-area .career-img-slider .career-pagination .swiper-pagination-bullet {
height: 10px;
width: 10px;
opacity: 1;
background-color: rgba(255, 255, 255, 0.5);
}
.career-banner-area .career-img-slider .career-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
}
.career-banner-area .review-and-counter-area {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--border-color2);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.career-banner-area .review-and-counter-area {
gap: 50px;
}
}
@media (max-width: 1199px) {
.career-banner-area .review-and-counter-area {
flex-direction: column;
padding-top: 40px;
}
}
.career-banner-area .review-and-counter-area .review-area {
line-height: 1;
display: flex;
align-items: center;
gap: 20px;
}
.career-banner-area .review-and-counter-area .review-area .review-name {
line-height: 1;
}
.career-banner-area .review-and-counter-area .review-area .review-name span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
display: block;
margin-bottom: 8px;
white-space: nowrap;
}
.career-banner-area .review-and-counter-area .review-area .review-name svg {
fill: var(--title-color);
}
.career-banner-area .review-and-counter-area .review-area .review {
line-height: 1;
}
.career-banner-area .review-and-counter-area .review-area .review ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 6px;
line-height: 1;
margin-bottom: 8px;
}
.career-banner-area .review-and-counter-area .review-area .review ul li i {
font-size: 12px;
color: #E62415;
}
.career-banner-area .review-and-counter-area .review-area .review span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 12px;
font-weight: 500;
white-space: nowrap;
}
.career-banner-area .review-and-counter-area .counter-wrap {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1020px;
width: 100%;
}
@media (max-width: 1199px) {
.career-banner-area .review-and-counter-area .counter-wrap {
border-top: 1px solid #eee;
width: 100%;
margin-top: 40px;
}
}
@media (max-width: 767px) {
.career-banner-area .review-and-counter-area .counter-wrap {
flex-wrap: wrap;
justify-content: center;
}
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter {
display: flex;
gap: 30px;
width: 33.33%;
border-left: 1px solid var(--border-color2);
padding: 45px 25px;
}
@media (max-width: 1399px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter {
padding: 35px 15px;
gap: 20px;
}
}
@media (max-width: 1199px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter {
padding: 30px 20px;
}
}
@media (max-width: 991px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter {
padding: 30px 15px;
gap: 15px;
}
}
@media (max-width: 767px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter {
width: 50%;
border: none;
}
}
@media (max-width: 576px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter {
width: 100%;
border: none;
}
}
@media (max-width: 1199px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter:first-child {
border: none;
padding-left: 0;
}
}
@media (max-width: 576px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter:first-child {
padding: 30px 20px;
}
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter:last-child {
padding-right: 0;
}
@media (max-width: 576px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter:last-child {
padding: 30px 20px;
}
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .icon svg {
fill: var(--title-color);
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content {
margin-top: -4px;
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 13px;
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number h2 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 40px;
font-weight: 500;
line-height: 1;
}
@media (max-width: 991px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number h2 {
font-size: 35px;
}
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number > span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 40px;
font-weight: 500;
line-height: 1;
}
@media (max-width: 991px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number > span {
font-size: 35px;
}
}
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
margin: 0;
}
@media (max-width: 1399px) {
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content p {
font-size: 14px;
}
}
.fact-and-benefit-section .section-title.six h2 {
font-size: 45px;
}
.fact-and-benefit-section .section-title.six h2 span {
display: inline-block;
}
@media (max-width: 1399px) {
.fact-and-benefit-section .section-title.six h2 {
font-size: 40px;
}
}
@media (max-width: 1199px) {
.fact-and-benefit-section .section-title.six h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.fact-and-benefit-section .section-title.six h2 {
font-size: 30px;
}
}
.job-apply-section {
background-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/carrer-list-job-apply-section-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 110px 0;
}
@media (max-width: 1199px) {
.job-apply-section {
padding: 100px 0;
}
}
@media (max-width: 991px) {
.job-apply-section {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.job-apply-section {
padding: 70px 0;
}
}
.job-apply-section .section-title.six h2 {
font-size: 45px;
}
@media (max-width: 1399px) {
.job-apply-section .section-title.six h2 {
font-size: 40px;
}
}
@media (max-width: 1199px) {
.job-apply-section .section-title.six h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.job-apply-section .section-title.six h2 {
font-size: 30px;
}
}
.job-apply-section .section-title .dash-and-paragraph svg {
fill: #2F2F2F;
}
.job-apply-section .single-job-card {
padding: 50px;
background-color: #252525;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
@media (max-width: 1399px) {
.job-apply-section .single-job-card {
padding: 50px 40px;
}
}
@media (max-width: 991px) {
.job-apply-section .single-job-card {
flex-wrap: wrap;
}
}
@media (max-width: 576px) {
.job-apply-section .single-job-card {
padding: 30px 20px;
}
}
.job-apply-section .single-job-card .job-list-content {
display: flex;
align-items: center;
gap: 20px;
max-width: 860px;
width: 100%;
}
@media (max-width: 1399px) {
.job-apply-section .single-job-card .job-list-content {
max-width: 760px;
}
}
@media (max-width: 767px) {
.job-apply-section .single-job-card .job-list-content {
flex-wrap: wrap;
}
}
.job-apply-section .single-job-card .job-list-content .post-name {
line-height: 1;
max-width: 300px;
width: 100%;
}
@media (max-width: 1399px) {
.job-apply-section .single-job-card .job-list-content .post-name {
min-width: 250px;
}
}
.job-apply-section .single-job-card .job-list-content .post-name h4 {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin-bottom: 9px;
}
.job-apply-section .single-job-card .job-list-content .post-name span {
color: var(--paragraph-color-dark);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.job-apply-section .single-job-card .job-list-content .job-discription ul {
padding: 0;
margin: 0;
list-style: none;
width: 580px;
-moz-columns: 2;
columns: 2;
-moz-column-gap: 40px;
column-gap: 40px;
}
@media (max-width: 1199px) {
.job-apply-section .single-job-card .job-list-content .job-discription ul {
-moz-columns: 1;
columns: 1;
width: 300px;
}
}
.job-apply-section .single-job-card .job-list-content .job-discription ul li {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
position: relative;
padding-left: 18px;
margin-bottom: 10px;
}
.job-apply-section .single-job-card .job-list-content .job-discription ul li::before {
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
border: 1px solid rgba(196, 196, 196, 0.8);
position: absolute;
left: 0;
top: 6px;
}
.job-apply-section .single-job-card .job-list-content .job-discription ul li span {
color: var(--paragraph-color-dark);
padding-right: 5px;
} .career-details-page .line-break {
height: 20px;
display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
.career-details-page .line-break {
height: 15px;
}
}
@media (max-width: 991px) {
.career-details-page .line-break {
height: 10px;
}
}
@media (min-width: 1200px) {
.career-details-page .career-details-content {
margin-right: 80px;
}
}
.career-details-page .career-details-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
margin-bottom: 0;
}
.career-details-page .career-details-content p span {
font-size: 22px;
font-weight: 500;
color: var(--title-color);
}
@media (max-width: 576px) {
.career-details-page .career-details-content p span {
font-size: 20px;
}
}
.career-details-page .career-details-content p strong {
color: var(--title-color);
font-weight: 500;
}
@media (max-width: 576px) {
.career-details-page .career-details-content p {
font-size: 15px;
}
}
.career-details-page .career-details-content h5 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 27px;
margin-bottom: 0;
}
.career-details-page .career-details-content ul {
padding: 0;
margin: 0;
list-style: none;
}
.career-details-page .career-details-content ul li {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 300;
line-height: 29px;
margin-bottom: 15px;
display: flex;
gap: 15px;
}
.career-details-page .career-details-content ul li:last-child {
margin-bottom: 0;
}
.career-details-page .career-details-content ul li svg {
fill: var(--title-color);
min-width: 20px;
margin-top: 5px;
}
.career-details-page .career-details-content ul.style-2 li {
position: relative;
padding-left: 20px;
}
.career-details-page .career-details-content ul.style-2 li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-color: var(--deep-white-color);
}
.career-details-page .career-details-content .job-apply-area {
padding: 30px;
border: 1px solid var(--paragraph-color);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.career-details-page .career-details-content .job-apply-area {
flex-direction: column;
gap: 15px;
padding: 20px;
}
}
.career-details-page .career-details-content .job-apply-area .primary-btn5 {
padding: 19px 35px;
}
.career-details-page .career-details-content .job-apply-area strong {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 19px;
}
@media (max-width: 767px) {
.career-details-page .career-details-content .job-apply-area .contact {
text-align: center;
}
}
.career-details-page .career-details-content .job-apply-area .contact span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 17px;
display: block;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.career-details-page .career-details-content .job-apply-area .contact span {
font-size: 13px;
margin-bottom: 3px;
}
}
.career-details-page .career-details-content .job-apply-area .contact a {
color: #0073C7;
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 27px;
}
@media (max-width: 576px) {
.career-details-page .career-details-content .job-apply-area .contact a {
font-size: 17px;
}
}
.career-details-page .job-summary-area {
border-radius: 5px;
position: sticky;
top: 100px;
padding: 50px 40px;
background-image: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/job-summary-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.career-details-page .job-summary-area {
padding: 40px 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.career-details-page .job-summary-area {
padding: 40px 20px;
}
}
@media (max-width: 576px) {
.career-details-page .job-summary-area {
padding: 40px 20px;
}
}
.career-details-page .job-summary-area h5 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 30px;
}
.career-details-page .job-summary-area ul {
padding: 0;
margin: 0;
list-style: none;
}
.career-details-page .job-summary-area ul li {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
margin-bottom: 16px;
padding-left: 20px;
position: relative;
}
.career-details-page .job-summary-area ul li:last-child {
margin-bottom: 0;
}
.career-details-page .job-summary-area ul li span {
color: var(--paragraph-color);
font-weight: 400;
}
.career-details-page .job-summary-area ul li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid rgba(46, 68, 141, 0.5);
}
.job-form-modal .modal-dialog .modal-content {
margin-top: 50px;
border: none;
padding: 70px 88px;
position: relative;
border-radius: 20px;
}
@media (max-width: 1199px) {
.job-form-modal .modal-dialog .modal-content {
padding: 60px 40px;
}
}
@media (max-width: 991px) {
.job-form-modal .modal-dialog .modal-content {
padding: 50px 25px;
border-radius: 10px;
}
}
@media (max-width: 576px) {
.job-form-modal .modal-dialog .modal-content {
padding: 40px 15px;
}
}
.job-form-modal .modal-dialog .modal-content .modal-header {
padding: 0;
padding-bottom: 30px;
border-bottom: 1px solid var(--border-color2);
margin-bottom: 40px;
}
@media (max-width: 991px) {
.job-form-modal .modal-dialog .modal-content .modal-header {
padding-bottom: 20px;
margin-bottom: 30px;
}
}
.job-form-modal .modal-dialog .modal-content .modal-header .modal-title {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 45px;
max-width: 500px;
width: 100%;
}
@media (max-width: 991px) {
.job-form-modal .modal-dialog .modal-content .modal-header .modal-title {
font-size: 25px;
line-height: 38px;
}
}
@media (max-width: 576px) {
.job-form-modal .modal-dialog .modal-content .modal-header .modal-title {
font-size: 23px;
}
}
.job-form-modal .modal-dialog .modal-content .modal-close {
position: absolute;
top: 30px;
right: 30px;
display: flex;
align-items: center;
gap: 10px;
background-color: transparent;
border: none;
outline: none;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
}
@media (max-width: 991px) {
.job-form-modal .modal-dialog .modal-content .modal-close {
top: 15px;
right: 20px;
}
}
@media (max-width: 576px) {
.job-form-modal .modal-dialog .modal-content .modal-close {
top: 10px;
right: 10px;
}
}
.job-form-modal .modal-dialog .modal-content .modal-close span {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #F7F9F8;
border: 1px solid var(--border-color2);
transition: 0.5s;
}
.job-form-modal .modal-dialog .modal-content .modal-close span:hover {
background-color: red;
color: var(--white-color);
}
.job-form-modal .modal-dialog .modal-content .modal-body {
padding: 0;
}
.job-form-modal .modal-dialog .modal-content .modal-body .mb-30 {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.job-form-modal .modal-dialog .modal-content .modal-body .mb-30 {
margin-bottom: 20px;
}
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .info-title {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 20px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 35px;
}
@media (max-width: 991px) {
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .info-title {
margin-bottom: 25px;
}
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner input {
border: 1px solid var(--border-color2);
border-radius: 5px;
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner textarea {
border: 1px solid var(--border-color2);
border-radius: 5px;
min-height: 172px;
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area {
display: flex;
align-items: center;
border: 1px solid var(--border-color2);
background-color: var(---dark-white-color);
border-radius: 5px;
position: relative;
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .icon {
padding: 0 20px;
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .custom-upload {
border: unset;
border-left: 1px solid var(--border-color2);
border-radius: unset;
width: 100%;
height: 50px;
line-height: 30px;
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .custom-upload::-webkit-file-upload-button {
display: none;
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .check-icon {
min-width: 18px;
max-width: 18px;
height: 18px;
border-radius: 50%;
background-color: #50AF04;
display: flex;
align-items: center;
justify-content: center;
margin-right: 25px;
}
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .check-icon i {
color: var(--white-color);
}
.job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5 {
border-radius: 50px;
padding: 19px 35px;
} .product-card {
transition: 0.5s;
position: relative;
}
.product-card .product-card-img {
position: relative;
overflow: hidden;
}
.product-card .product-card-img > a img {
width: 100%;
transition: all 0.5s ease-out;
}
.product-card .product-card-img > a .onsale {
position: absolute;
left: 15px;
top: 15px;
display: flex;
align-items: center;
flex-direction: column;
gap: 5px;
border-radius: 0;
min-height: auto;
width: auto;
padding: 5px 12px;
color: var(--white-color);
text-align: center;
font-size: 12px;
font-weight: 500;
font-family: var(--font-unbounded);
letter-spacing: 0.3px;
background-color: var(--primary-color);
line-height: 1;
z-index: 1;
}
.product-card .product-card-img .yith-wcwl-add-to-wishlist,
.product-card .product-card-img .button.add_to_cart_button {
position: absolute;
top: 55px;
right: 15px;
background: transparent;
padding: 0;
margin: 0;
transform: scaleX(0);
transform-origin: right;
opacity: 0;
transition: 0.5s;
}
.product-card .product-card-img .yith-wcwl-add-to-wishlist span,
.product-card .product-card-img .button.add_to_cart_button span {
display: none;
}
.product-card .product-card-img .yith-wcwl-add-to-wishlist i,
.product-card .product-card-img .button.add_to_cart_button i {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--paragraph-color3);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--white-color);
transition: 0.5s;
margin: 0;
font-size: 15px;
}
.product-card .product-card-img .yith-wcwl-add-to-wishlist:hover i,
.product-card .product-card-img .button.add_to_cart_button:hover i {
color: var(--primary-color3);
background-color: var(--white-color);
}
.product-card .product-card-img .yith-wcwl-add-to-wishlist {
top: 15px;
}
.product-card .product-card-img .yith-wcwl-wishlistexistsbrowse {
display: none !important;
}
.product-card .product-card-img .yith-wcwl-wishlistexistsbrowse a {
font-size: 14px;
color: var(--paragraph-color3);
}
.product-card .product-content {
padding-top: 25px;
}
.product-card .product-content h6 {
margin-bottom: 10px;
}
.product-card .product-content h6 a {
color: var(--title-color);
font-size: 16px;
font-family: var(--font-unbounded);
font-weight: 500;
letter-spacing: 0.5px;
line-height: 1.3;
transition: 0.5s;
}
.product-card .product-content h6 a:hover {
color: var(--primary-color);
}
.product-card .product-content span.price {
color: var(--paragraph-color);
font-size: 16px;
font-family: var(--font-unbounded);
font-weight: 500;
}
.product-card .product-content span.price ins {
text-decoration: none;
margin-right: 5px;
}
.product-card .product-content span.price del {
font-size: 14px;
font-weight: 500;
}
.product-card .product-content .star-rating {
float: none;
margin-top: 10px;
}
.product-card .product-content .star-rating::before {
font-size: 14px;
color: goldenrod;
}
.product-card .product-content .star-rating span::before {
font-size: 14px;
color: goldenrod;
}
.product-card:hover .product-card-img a img {
transform: scale(1.1);
}
.product-card:hover .product-card-img .yith-wcwl-add-to-wishlist,
.product-card:hover .product-card-img .button.add_to_cart_button {
transform: scaleX(1);
opacity: 1;
}
.shop-page .show-item-and-filter {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.shop-page .show-item-and-filter .woocommerce-notices-wrapper {
display: none;
}
.shop-page .show-item-and-filter p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
}
.shop-page .show-item-and-filter p strong {
font-weight: 700;
}
.shop-page .show-item-and-filter .woocommerce-ordering {
border-radius: 5px;
border: 1px solid var(--border-color2);
display: flex;
align-items: center;
gap: 20px;
padding: 6px;
margin: 0;
min-width: 280px;
}
.shop-page .show-item-and-filter .woocommerce-ordering h6 {
margin-bottom: 0;
line-height: 1;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
}
.shop-page .show-item-and-filter .woocommerce-ordering .nice-select {
height: 30px;
background-color: var(--title-color);
padding-left: 15px;
padding-right: 35px;
line-height: 28px;
}
.shop-page .show-item-and-filter .woocommerce-ordering .nice-select::after {
-webkit-clip-path: unset;
clip-path: unset;
background-color: unset;
border-bottom: 2px solid var(---dark-white-color);
border-right: 2px solid var(---dark-white-color);
transform: rotate(45deg);
right: 18px;
top: 13px;
height: 8px;
width: 8px;
}
.shop-page .show-item-and-filter .woocommerce-ordering .nice-select .current {
color: var(---dark-white-color);
font-weight: 600;
font-size: 13px;
}
.shop-page .show-item-and-filter .woocommerce-ordering .nice-select .list {
white-space: normal;
}
.shop-page .show-item-and-filter .woocommerce-ordering .nice-select .list .option {
min-height: 30px;
line-height: 30px;
}
.shop-page .show-item-and-filter .woocommerce-ordering .nice-select.open::after {
transform: rotate(-135deg);
}
.shop-page .shop-sidebar .single-widgets {
padding: 45px 30px;
border: 1px solid var(--border-color2);
}
@media (max-width: 1399px) {
.shop-page .shop-sidebar .single-widgets {
padding: 35px 20px;
}
}
.shop-page .shop-sidebar .single-widgets .widget-title {
margin-bottom: 25px;
}
.shop-page .shop-sidebar .single-widgets .widget-title h5 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 0;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list {
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 40px;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 15px;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product:last-child {
margin-bottom: 0;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img {
position: relative;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img img {
height: 80px;
max-width: 77px;
min-width: 77px;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img .close-btn {
transition: 0.35s;
min-width: 20px;
max-width: 20px;
height: 20px;
border-radius: 0 50% 50% 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #FF2615;
border: unset;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: 0.5;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img .close-btn i {
color: var(--white-color);
line-height: 1;
font-size: 20px;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 {
margin-bottom: 8px;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 22px;
transition: 0.5s;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a:hover {
color: var(--primary-color);
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product:hover .product-img .close-btn {
opacity: 1;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .total-price {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 40px;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .total-price span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .total-price strong {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .btn-area .primary-btn5 {
width: 100%;
justify-content: center;
font-size: 14px;
}
.shop-page .shop-sidebar .single-widgets .cart-menu .btn-area .primary-btn3 {
border-radius: unset;
width: 100%;
justify-content: center;
font-size: 14px;
padding: 16px 36px;
}
.shop-page .shop-sidebar .single-widgets.widget_search {
border: none;
padding: 0;
}
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
border: 1px solid var(--border-color2);
}
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input {
background-color: transparent;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
border: none;
outline: none;
width: 100%;
padding: 0px 25px;
height: 56px;
border-radius: unset;
}
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button {
min-width: 56px;
max-width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border: none;
outline: none;
background-color: var(--primary-color);
overflow: hidden;
position: relative;
z-index: 1;
}
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg {
fill: var(--white-color);
}
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--white-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover svg {
fill: var(--primary-color3);
}
.shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul {
margin: 0;
padding: 0;
list-style: none;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 25px;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li:last-child {
margin-bottom: 0;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss {
display: flex;
gap: 5px;
width: 100%;
position: relative;
padding-left: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark {
background-color: var(--primary-color);
border-color: var(--primary-color);
border-radius: 2px;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark::after {
content: url(//tidetech.net/wp-content/themes/axleo/assets/img/innerpage/vector/checkbox-check.svg);
left: 2px;
top: -3px;
position: absolute;
}
.shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss .checkmark {
position: absolute;
top: 0px;
left: 0;
height: 14px;
width: 14px;
background-color: transparent;
border: 1px solid var(--border-color1);
border-radius: 2px;
}
.shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud {
margin-bottom: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
}
.shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
transition: 0.35s;
line-height: 1;
}
.shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud a:hover {
color: var(--primary-color);
}
.shop-page nav.woocommerce-pagination .page-numbers {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
border: none;
margin-top: 50px;
}
.shop-page nav.woocommerce-pagination .page-numbers li {
border: none;
}
.shop-page nav.woocommerce-pagination .page-numbers li span,
.shop-page nav.woocommerce-pagination .page-numbers li a {
display: inline-block;
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
width: 36px;
height: 36px;
line-height: 30px;
text-align: center;
border-radius: 50%;
border: 1px solid var(--border-color2);
transition: 0.5s;
}
@media (max-width: 576px) {
.shop-page nav.woocommerce-pagination .page-numbers li span,
.shop-page nav.woocommerce-pagination .page-numbers li a {
width: 30px;
height: 30px;
font-size: 12px;
}
}
.shop-page nav.woocommerce-pagination .page-numbers li span:hover,
.shop-page nav.woocommerce-pagination .page-numbers li a:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.shop-page nav.woocommerce-pagination .page-numbers li span.current {
background-color: var(--primary-color);
color: var(--white-color);
} .product-details-page .product-details-img {
position: relative;
padding-right: 60px;
}
@media (max-width: 1399px) {
.product-details-page .product-details-img {
padding-right: 20px;
}
}
@media (max-width: 1199px) {
.product-details-page .product-details-img {
padding-right: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.product-details-page .product-details-img {
flex-direction: column;
gap: 40px;
}
}
@media (max-width: 576px) {
.product-details-page .product-details-img {
flex-direction: column;
gap: 40px;
}
}
.product-details-page .product-details-img .product-details-tab-img {
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
.product-details-page .product-details-img .product-details-tab-img img {
width: 100%;
}
}
.product-details-page .product-details-img .nav-pills {
padding-top: 30px;
-moz-columns: 4;
columns: 4;
display: block;
}
@media (max-width: 576px) {
.product-details-page .product-details-img .nav-pills {
-moz-columns: unset;
columns: unset;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
padding-top: 20px;
}
}
@media (min-width: 1200px) {
.product-details-page .product-details-img .nav-pills .nav-item {
max-width: 122px;
min-width: 122px;
min-height: 107px;
}
}
.product-details-page .product-details-img .nav-pills .nav-item .nav-link {
background-color: unset;
border-radius: unset;
padding: 0;
position: relative;
width: 100%;
}
.product-details-page .product-details-img .nav-pills .nav-item .nav-link img {
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1200px) {
.product-details-page .product-details-img .nav-pills .nav-item .nav-link img {
max-width: 122px;
min-width: 122px;
min-height: 107px;
}
}
@media (max-width: 576px) {
.product-details-page .product-details-img .nav-pills .nav-item .nav-link img {
max-width: 100px;
min-width: 100px;
}
}
.product-details-page .product-details-img .nav-pills .nav-item .nav-link::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(26, 26, 26, 0.2);
}
.product-details-page .product-details-img .nav-pills .nav-item .nav-link.active::after {
display: none;
}
.product-details-page .summary.entry-summary h1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.product-details-page .summary.entry-summary h1 {
font-size: 28px;
}
}
@media (max-width: 1199px) {
.product-details-page .summary.entry-summary h1 {
font-size: 26px;
}
}
@media (max-width: 767px) {
.product-details-page .summary.entry-summary h1 {
margin-bottom: 15px;
}
}
.product-details-page .summary.entry-summary p {
font-size: 16px;
font-weight: 400;
font-family: var(--font-unbounded);
color: var(--paragraph-color);
line-height: 1.5;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.product-details-page .summary.entry-summary p {
margin-bottom: 20px;
}
}
.product-details-page .summary.entry-summary .price {
line-height: 1;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.product-details-page .summary.entry-summary .price {
margin-bottom: 30px;
}
}
.product-details-page .summary.entry-summary .price span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
line-height: 1;
margin-bottom: 0;
}
@media (max-width: 1199px) {
.product-details-page .summary.entry-summary .price span {
font-size: 20px;
}
}
.product-details-page .summary.entry-summary .price ins {
text-decoration: none;
}
.product-details-page .summary.entry-summary .price del {
margin-left: 5px;
}
.product-details-page .summary.entry-summary .price del span {
font-size: 14px;
font-weight: 500;
}
.product-details-page .summary.entry-summary .product-quantity {
margin-bottom: 45px;
gap: 24px;
}
@media (max-width: 767px) {
.product-details-page .summary.entry-summary .product-quantity {
margin-bottom: 35px;
}
}
@media (max-width: 576px) {
.product-details-page .summary.entry-summary .product-quantity {
flex-wrap: wrap;
gap: 15px;
}
}
.product-details-page .summary.entry-summary .product-quantity .quantity {
display: flex;
align-items: center;
gap: 8px;
}
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__minus,
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__plus {
height: 40px;
width: 40px;
border: 1px solid var(--border-color1);
background-color: #FAF8FB;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.35s;
}
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__minus span i,
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__plus span i {
font-size: 20px;
color: var(--title-color);
transition: 0.35s;
}
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__minus:hover,
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__plus:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__minus:hover span i,
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__plus:hover span i {
color: var(--white-color);
}
.product-details-page .summary.entry-summary .product-quantity .quantity .quantity__input {
height: 40px;
width: 78px;
border: 1px solid var(--border-color1);
background-color: transparent;
color: var(--title-color);
text-align: center;
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 600;
}
.product-details-page .summary.entry-summary .product-quantity .primary-btn5 {
font-size: 14px;
padding: 12px 24px;
}
.product-details-page .summary.entry-summary .product-quantity .fav {
height: 40px;
width: 40px;
border-radius: 50%;
border: 1px solid var(--border-color1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.35s;
}
.product-details-page .summary.entry-summary .product-quantity .fav svg {
fill: var(--title-color);
transition: 0.35s;
}
.product-details-page .summary.entry-summary .product-quantity .fav:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.product-details-page .summary.entry-summary .product-quantity .fav:hover svg {
fill: var(--white-color);
}
.product-details-page .summary.entry-summary .product_meta {
margin: 0;
padding: 0;
list-style: none;
line-height: 1;
}
.product-details-page .summary.entry-summary .product_meta > span {
line-height: 1;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 3px;
}
.product-details-page .summary.entry-summary .product_meta > span:last-child {
margin-bottom: 0;
}
.product-details-page .summary.entry-summary .product_meta > span span.sku {
color: var(--paragraph-color);
font-weight: 400;
display: inline-block;
}
.product-details-page .summary.entry-summary .product_meta > span a {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
transition: 0.35s;
margin-bottom: 0;
}
.product-details-page .summary.entry-summary .product_meta > span a:hover {
color: var(--primary-color);
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs {
display: flex;
gap: 45px;
justify-content: start;
width: 100%;
line-height: 1;
border-bottom: 1px solid var(--border-color2);
border-top: 1px solid var(--border-color2);
padding: 20px 5px;
margin-bottom: 30px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs::before, .product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs::after {
display: none;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
padding: 0;
line-height: 1;
background-color: transparent;
border: none;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li::before, .product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li::after {
display: none;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active {
background-color: transparent;
color: var(--title-color);
position: relative;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active::before {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
border-bottom: 1px solid var(--primary-color);
width: 100%;
display: block;
box-shadow: none;
border-radius: 0;
height: 0;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active::after {
content: "";
position: absolute;
left: 50%;
bottom: -32px;
height: 14px;
width: 14px;
background-color: var(--white-color);
transform: rotate(45deg) translateX(-50%);
border: 1px solid var(--primary-color);
border-right: none;
border-bottom: none;
display: block;
box-shadow: none;
border-radius: 0;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel h2 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 24px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 20px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel p:last-child {
margin-bottom: 0;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form {
border: 1px solid var(--border-color2);
padding: 50px 40px;
border-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form {
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form {
padding: 40px 30px;
}
}
@media (max-width: 576px) {
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form {
padding: 35px 15px;
}
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form span#reply-title {
display: block;
font-size: 16px;
font-weight: 600;
font-family: var(--font-unbounded);
color: var(--title-color);
margin-bottom: 30px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form p.comment-form-author label,
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form p.comment-form-email label,
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form .comment-form-comment label {
margin-top: 20px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form p.comment-form-author input,
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form p.comment-form-email input,
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form .comment-form-comment input {
border-radius: 5px;
border: 1px solid var(--border-color2);
background: #FBF7FB;
height: 50px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form p.comment-form-author textarea,
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form p.comment-form-email textarea,
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form .comment-form-comment textarea {
border-radius: 5px;
border: 1px solid var(--border-color2);
background: #FBF7FB;
min-height: 150px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form .comment-form-rating {
margin-bottom: 15px;
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form .comment-form-rating label {
margin-bottom: 5px;
color: var(--title-color);
}
.product-details-page .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel.panel #review_form .form-submit input[type=submit] {
border-radius: 50px !important;
padding: 18px 30px !important;
color: var(--white-color) !important;
font-family: var(--font-unbounded);
font-size: 15px !important;
font-weight: 500 !important;
border: 1px solid var(--title-color) !important;
background-color: var(--paragraph-color3) !important;
line-height: 1 !important;
white-space: nowrap;
z-index: 1;
transition: all 0.6s;
min-width: 150px;
text-align: center;
margin-top: 20px !important;
}
section.related.products {
margin-top: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
section.related.products {
margin-top: 100px;
}
}
@media (max-width: 991px) {
section.related.products {
margin-top: 90px;
}
}
section.related.products h2 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 60px;
} .woocommerce-cart .wc-block-components-main table.wc-block-cart-items {
width: 100%;
border-bottom: none;
}
@media (max-width: 767px) {
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items {
margin-bottom: 30px;
}
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr {
border: none;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items thead tr {
border: none;
border-top: 1px solid var(--border-color2);
border-bottom: 1px solid var(--border-color2);
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items thead tr th {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
line-height: 1;
padding: 20px 15px;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items thead tr th:first-child {
padding-left: 0;
}
@media (max-width: 767px) {
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items thead tr th {
display: none;
}
}
@media (max-width: 767px) {
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr {
border-bottom: 1px solid var(--border-color2);
}
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td {
padding: 30px 15px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
border: none;
vertical-align: middle;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td:first-child {
padding-left: 0;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td span {
color: var(--paragraph-color);
}
@media (max-width: 767px) {
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td {
text-align: right;
}
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td.wc-block-cart-item__image a img {
border-radius: 5px;
min-width: 120px;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 10px;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
margin-bottom: 35px;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap .wc-block-cart-item__prices span {
font-size: 80%;
font-weight: 500;
color: var(--title-color);
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap .wc-block-components-product-badge.wc-block-components-sale-badge,
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap .wc-block-components-product-metadata {
display: none;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap .wc-block-cart-item__quantity {
display: flex;
gap: 20px;
align-items: center;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
margin: 0;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap .wc-block-cart-item__quantity button.wc-block-cart-item__remove-link {
text-decoration: none;
border: none;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td .wc-block-cart-item__wrap .wc-block-cart-item__quantity button.wc-block-cart-item__remove-link:hover {
color: rgb(255, 72, 32);
}
@media (max-width: 767px) {
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td {
display: block;
width: 100%;
text-align: right;
position: relative;
padding: 15px;
padding-right: 0 !important;
}
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td::before {
content: attr(data-label);
position: absolute;
left: 15px;
color: var(--title-color);
font-family: var(--font-inter);
font-size: 18px;
font-weight: 500;
}
}
@media (max-width: 767px) and (max-width: 576px) {
.woocommerce-cart .wc-block-components-main table.wc-block-cart-items tbody tr td::before {
font-size: 13px;
font-weight: 700;
}
}
.woocommerce-cart .wc-block-components-sidebar {
padding: 40px 30px;
border: 1px solid var(--border-color2);
border-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.woocommerce-cart .wc-block-components-sidebar {
padding: 40px 25px;
}
}
@media (max-width: 576px) {
.woocommerce-cart .wc-block-components-sidebar {
padding: 35px 15px !important;
}
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
@media (max-width: 1199px) {
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
padding: 20px;
}
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper {
border-top: none;
padding: 16px 0;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
text-align: left !important;
color: var(--title-color) !important;
font-family: var(--font-unbounded) !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
margin-bottom: 30px !important;
text-transform: capitalize !important;
border-bottom: 1px solid #eee;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-item {
color: var(--title-color);
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon {
width: 100%;
margin-bottom: 10px;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping a,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon a {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
line-height: 1;
margin-bottom: 15px;
display: block;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping input,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon input {
width: 100%;
height: 48px;
padding-right: 105px;
background-color: #F6F2F8;
border-radius: 5px;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping input::-moz-placeholder, .woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon input::-moz-placeholder {
color: rgba(var(--title-color-opc), 0.5);
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping input::placeholder,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon input::placeholder {
color: rgba(var(--title-color-opc), 0.5);
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping input:focus,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon input:focus {
border: none;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-shipping-calculator-address__button,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-totals-coupon__button.contained,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-shipping-calculator-address__button,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-totals-coupon__button.contained {
padding: 16px 23px;
border-radius: 0 5px 5px 0;
background-color: var(--paragraph-color3);
border: 1px solid var(--primary-color3);
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
letter-spacing: 0.48px;
line-height: 1;
transition: 0.5s;
overflow: hidden;
z-index: 1;
white-space: nowrap;
position: absolute;
top: 0;
right: 0;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-shipping-calculator-address__button::after,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-totals-coupon__button.contained::after,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-shipping-calculator-address__button::after,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-totals-coupon__button.contained::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--white-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-shipping-calculator-address__button:hover,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-totals-coupon__button.contained:hover,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-shipping-calculator-address__button:hover,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-totals-coupon__button.contained:hover {
color: var(--dark-title-color);
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-shipping-calculator-address__button:hover::after,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-shipping button.wc-block-components-totals-coupon__button.contained:hover::after,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-shipping-calculator-address__button:hover::after,
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon button.wc-block-components-totals-coupon__button.contained:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-proceed-to-checkout-block {
margin-top: 30px;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-proceed-to-checkout-block a {
color: var(--white-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 500;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 19px 36px;
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.6s;
display: inline-flex;
align-items: center;
line-height: 1;
gap: 8px;
width: 100%;
justify-content: center;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-proceed-to-checkout-block a:hover {
background-color: var(--dark-title-color);
border: 1px solid var(--dark-title-color);
} .checkout-page .checkout-form-wrapper .checkout-form-title {
margin-bottom: 30px;
}
.checkout-page .checkout-form-wrapper .checkout-form-title h5 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 22px;
font-weight: 500;
}
.checkout-page .checkout-form-wrapper .checkout-form {
border: 1px solid var(--border-color2);
padding: 40px 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.checkout-page .checkout-form-wrapper .checkout-form {
padding: 35px 20px;
}
}
@media (max-width: 767px) {
.checkout-page .checkout-form-wrapper .checkout-form {
padding: 35px 20px;
}
}
.checkout-page .checkout-form-wrapper .checkout-form .form-inner label span {
font-weight: 400;
color: var(--paragraph-color);
}
.checkout-page .checkout-form-wrapper .checkout-form .form-inner input {
border: 1px solid var(--border-color2);
}
.checkout-page .checkout-form-wrapper .checkout-form .form-inner input:focus {
border-color: var(--title-color);
}
.checkout-page .checkout-form-wrapper .checkout-form .form-inner textarea {
border: 1px solid var(--border-color2);
}
.checkout-page .checkout-form-wrapper .checkout-form .form-inner textarea:focus {
border-color: var(--title-color);
}
.checkout-page .order-sum-area {
border: 1px solid var(--border-color2);
padding: 45px 40px;
}
@media (max-width: 1399px) {
.checkout-page .order-sum-area {
padding: 35px 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.checkout-page .order-sum-area {
padding: 30px 20px;
}
}
@media (max-width: 767px) {
.checkout-page .order-sum-area {
padding: 30px 20px;
}
}
@media (max-width: 576px) {
.checkout-page .order-sum-area {
padding: 25px 15px;
}
}
.checkout-page .order-sum-area .cart-body ul {
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 50px;
}
.checkout-page .order-sum-area .cart-body ul .single-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.checkout-page .order-sum-area .cart-body ul .single-item:last-child {
margin-bottom: 0;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area {
display: flex;
justify-content: space-between;
gap: 20px;
position: relative;
width: 100%;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn {
transition: 0.35s;
min-width: 25px;
max-width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 38, 21, 0.14);
border: unset;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn i {
color: rgb(255, 72, 32);
line-height: 1;
font-size: 20px;
transition: 0.35s;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn:hover {
background-color: #FF2615;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn:hover i {
color: var(--white-color);
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item {
display: flex;
gap: 15px;
width: 100%;
}
@media (max-width: 767px) {
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item {
gap: 12px;
}
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img img {
height: 80px;
max-width: 77px;
min-width: 77px;
}
@media (max-width: 767px) {
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img img {
width: 45px;
height: unset;
}
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content-and-quantity {
width: 100%;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content {
line-height: 1;
margin-bottom: 15px;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content span {
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 14px;
color: var(--paragraph-color);
display: inline-block;
margin-bottom: 5px;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 {
margin-bottom: 0;
line-height: 1;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a {
font-family: var(--font-unbounded);
font-weight: 500;
font-size: 16px;
line-height: 1.3;
color: var(--title-color);
transition: 0.5s;
}
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a:hover {
color: var(--primary-color);
}
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity {
display: flex;
gap: 5px;
}
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a {
height: 24px;
width: 34px;
border-radius: 4px;
background: rgba(var(--title-color-opc), 0.07);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--title-color);
font-weight: 600;
cursor: pointer;
transition: 0.35s;
}
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a i {
color: var(--title-color);
transition: 0.35s;
}
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a:hover {
background: var(--primary-color);
color: var(--white-color);
}
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a:hover i {
color: var(--white-color);
}
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity input {
height: 24px;
width: 34px;
border-radius: 4px;
border: 1px solid var(--border-color2);
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--title-color);
font-weight: 500;
text-align: center;
}
.checkout-page .order-sum-area .cart-footer .pricing-area {
width: 100%;
}
.checkout-page .order-sum-area .cart-footer .pricing-area ul {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.checkout-page .order-sum-area .cart-footer .pricing-area ul li {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 30px;
line-height: 1;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
border-bottom: 1px solid var(--border-color2);
padding-bottom: 20px;
}
.checkout-page .order-sum-area .cart-footer .pricing-area ul li strong {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
}
.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info {
text-align: right;
}
.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
margin-bottom: 5px;
}
.checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info span {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.checkout-page .order-sum-area .cart-footer .pricing-area ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: unset;
}
.checkout-page .order-sum-area .cart-footer .primary-btn3 {
width: 100%;
justify-content: center;
border-radius: unset;
}
.checkout-page .choose-payment-method {
margin-bottom: 40px;
line-height: 1;
}
.checkout-page .choose-payment-method h6 {
margin-bottom: 10px;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 500;
}
.checkout-page .choose-payment-method .payment-option {
line-height: 1;
}
.checkout-page .choose-payment-method .payment-option ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.checkout-page .choose-payment-method .payment-option ul {
gap: 15px;
}
}
.checkout-page .choose-payment-method .payment-option ul li {
width: 110px;
height: 68px;
background-color: var(--white-color);
border: 1px solid var(--border-color2);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199px) {
.checkout-page .choose-payment-method .payment-option ul li {
width: 100px;
}
}
.checkout-page .choose-payment-method .payment-option ul li .checked {
position: absolute;
top: 0;
left: 0;
width: 32px;
height: 32px;
background: #D2E7EF;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
border-top-left-radius: 5px;
}
.checkout-page .choose-payment-method .payment-option ul li .checked i {
opacity: 0;
color: var(--white-color);
margin-left: 2px;
}
.checkout-page .choose-payment-method .payment-option ul li.active .checked {
background: var(--primary-color);
}
.checkout-page .choose-payment-method .payment-option ul li.active .checked i {
opacity: 1;
}
.checkout-page .choose-payment-method .form-inner input {
border: 1px solid var(--border-color2);
} .terms-and-conditions-page .update-date {
display: flex;
align-items: center;
gap: 48px;
line-height: 1;
}
@media (max-width: 576px) {
.terms-and-conditions-page .update-date {
gap: 30px;
}
}
.terms-and-conditions-page .update-date h6 {
margin-bottom: 0;
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 500;
line-height: 1;
position: relative;
}
.terms-and-conditions-page .update-date h6 i {
color: var(--primary-color);
}
.terms-and-conditions-page .update-date h6::after {
content: "";
width: 28px;
height: 1px;
background-color: var(--title-color);
position: absolute;
right: -38px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 576px) {
.terms-and-conditions-page .update-date h6::after {
width: 18px;
right: -24px;
}
}
.terms-and-conditions-page .update-date p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.terms-and-conditions-page .terms-and-conditions h4 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 30px;
font-weight: 400;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.terms-and-conditions-page .terms-and-conditions h4 {
font-size: 25px;
margin-bottom: 10px;
}
}
.terms-and-conditions-page .terms-and-conditions p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 30px;
margin-bottom: 10px;
}
@media (max-width: 576px) {
.terms-and-conditions-page .terms-and-conditions p {
font-size: 15px;
}
}
.terms-and-conditions-page .terms-and-conditions p:last-child {
margin-bottom: 0;
}
.terms-and-conditions-page .terms-and-conditions ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 50px;
margin-bottom: 5px;
padding-top: 5px;
}
@media (max-width: 767px) {
.terms-and-conditions-page .terms-and-conditions ul {
padding-left: 20px;
}
}
.terms-and-conditions-page .terms-and-conditions ul li {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 30px;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.terms-and-conditions-page .terms-and-conditions ul li {
font-size: 15px;
}
}
.terms-and-conditions-page .terms-and-conditions ul li strong {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 600;
line-height: 30px;
}
@media (max-width: 576px) {
.terms-and-conditions-page .terms-and-conditions ul li strong {
font-size: 15px;
}
} .error-page .error-wrapper {
max-width: 550px;
width: 100%;
margin: 0 auto;
}
.error-page .error-wrapper .error-img svg {
fill: var(--title-color);
max-width: 490px;
width: 100%;
}
.error-page .error-wrapper .error-content {
text-align: center;
}
.error-page .error-wrapper .error-content h1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 40px;
font-weight: 600;
margin-bottom: 12px;
}
@media (max-width: 576px) {
.error-page .error-wrapper .error-content h1 {
font-size: 30px;
}
}
.error-page .error-wrapper .error-content p {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 15px;
font-weight: 400;
margin-bottom: 35px;
}
@media (max-width: 576px) {
.error-page .error-wrapper .error-content p {
font-size: 14px;
}
}
.error-page .error-wrapper .error-content .back-btn .primary-btn3 {
border-radius: unset;
} .dark .primary-btn4 {
background-color: #2f2f2f;
border-color: #2f2f2f;
}
.dark .primary-btn5 {
border: 1px solid rgba(255, 255, 255, 0.15);
background-color: transparent;
}
.dark .primary-btn5 span {
background-color: var(--primary-color);
}
.dark .primary-btn5.black:hover {
color: var(--white-color);
}
.dark .primary-btn5.black:hover svg {
fill: var(--white-color);
}
.dark .nice-select .list {
background-color: #161616;
}
.dark .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
color: var(--white-color);
}
.dark .nice-select .list .option:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.dark .header-area.style-1 .header-logo .light {
display: none;
}
.dark .header-area.style-1 .header-logo .dark {
display: block;
}
.dark .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu {
border: 1px solid #252424;
}
.dark .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a {
border-bottom: 1px solid #252424;
}
.dark .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a {
border-bottom: 1px solid #252424;
}
.dark .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #252424, var(--primary-color), #252424);
}
.dark .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #252424, #F4CB0A, #252424);
}
.dark .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-wrapper .submenu-mode .mode-name span {
background-color: #1a1a1a;
}
.dark .sidebar-area .sidebar-menu-top-area .sidebar-menu-logo .logo-light {
display: block;
}
.dark .sidebar-area .sidebar-menu-top-area .sidebar-menu-logo .logo-dark {
display: none;
}
.dark .partner-area .partner-wrap {
border-top: 1px solid var(--border-color1);
border-bottom: 1px solid var(--border-color1);
position: relative;
}
.dark .partner-area .partner-wrap .marquee.light {
display: none;
visibility: hidden;
}
.dark .partner-area .partner-wrap .marquee.dark {
display: flex;
visibility: visible;
}
.dark .partner-area.three .partner-wrap {
border: unset;
}
.dark .partner-area.four .partner-wrap {
border-top: unset;
}
.dark .home1-solution-section .vector svg {
stroke: #1A1A1A;
}
.dark .home1-solution-section.style-2 .vector svg {
stroke: #161616;
}
.dark .testimonial-section .vector-2 svg {
stroke: #161616;
}
.dark .work-section {
background-color: #1A1A1A;
}
.dark .work-section .circle-btn {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .text-slider-section {
background-color: #2f2f2f;
}
.dark .home1-process-section {
background-color: #161616;
}
.dark .home1-blog-section {
background: var(--section-bg1);
}
.dark .home1-blog-section .section-title .dash-and-paragraph.three svg {
fill: var(--border-color1);
}
.dark .home2-services-section {
background-color: #1A1A1A;
}
.dark .home2-services-section .service-card ul li a {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .home2-services-section .service-card ul li a:hover {
background-color: var(--white-color);
color: var(--dark-title-color);
}
.dark .contact-section.two {
background: var(--section-bg1);
}
.dark .contact-section.three {
background: #202020;
}
.dark .contact-section.four {
background: #202020;
}
.dark .home3-banner-area .vector {
stroke: #1A1A1A;
}
.dark .home3-testimonial-section {
background-color: #1A1A1A;
}
.dark .home3-testimonial-section .vector {
fill: #161616;
}
.dark .home3-testimonial-section .testimonial-wrapper {
background-color: #161616;
}
.dark .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author .dark {
display: none;
visibility: hidden;
}
.dark .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author .light {
display: block;
visibility: visible;
}
.dark .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter {
background: #1A1A1A;
}
.dark .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(2) {
background: #1A1A1A;
}
.dark .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(3) {
background: #1A1A1A;
}
.dark .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(4) {
background: #1A1A1A;
}
.dark .home3-working-process-section .single-work-process {
background: #1A1A1A;
}
.dark .home3-working-process-section .single-work-process.two {
background: #1A1A1A;
}
.dark .home3-working-process-section .single-work-process.three {
background: #1A1A1A;
}
.dark .home3-working-process-section .single-work-process.four {
background: #1A1A1A;
}
.dark .home3-team-section .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(1) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(2) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(3) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(4) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(5) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(6) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(7) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(8) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(9) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(10) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(11) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(12) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(13) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(14) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(15) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(16) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(17) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(18) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(19) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-team-section .swiper-slide:nth-child(20) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(1) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(2) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(3) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(4) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(5) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(6) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(7) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(8) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(9) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(10) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(11) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(12) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(13) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(14) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(15) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(16) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(17) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(18) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(19) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .team-item:nth-child(20) .team-card-3 .team-content {
background: #1A1A1A;
}
.dark .home3-award-section {
background-color: #252525;
}
.dark .home3-blog-section {
background-color: #252525;
}
.dark .home3-blog-section .blog-card3 {
background-color: #1A1A1A;
}
.dark .home3-blog-section .blog-card3.two {
background-color: #1A1A1A;
}
.dark .home3-blog-section .blog-card3.three {
background-color: #1A1A1A;
}
.dark .partnership-area .single-pertner {
background: #202020;
}
.dark .partnership-area .single-pertner svg {
stroke: #2f2f2f;
}
.dark .partnership-area .single-pertner span {
color: var(--title-color);
}
.dark .partnership-area .single-pertner .partner-logos .black {
display: none;
visibility: hidden;
}
.dark .partnership-area .single-pertner .partner-logos .white {
display: block;
visibility: visible;
}
.dark .partnership-area .single-pertner p {
color: var(--white-color);
}
.dark .partnership-area .single-pertner:hover {
background-color: var(--title-color);
}
.dark .partnership-area .single-pertner:hover svg {
stroke: var(--primary-color);
}
.dark .partnership-area .single-pertner:hover span {
color: var(--dark-white-color);
}
.dark .partnership-area .single-pertner:hover p {
color: var(--dark-white-color);
}
.dark .partnership-area .single-pertner:hover .partner-logos .white {
display: none;
visibility: hidden;
}
.dark .partnership-area .single-pertner:hover .partner-logos .black {
display: block;
visibility: visible;
}
.dark .home4-work-process-section .paragraph-and-btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 70px;
}
.dark .home4-work-process-section .paragraph-and-btn p {
max-width: 424px;
width: 100%;
}
.dark .home4-work-process-section .home4-work-process {
background-color: #1A1A1A;
}
.dark .home4-work-process-section .home4-work-process .work-step span {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .home4-work-process-section .home4-work-process .icon-and-title .icon svg {
fill: var(--white-color);
}
.dark .home4-work-process-section .home4-work-process.two {
background: #1A1A1A;
}
.dark .home4-work-process-section .home4-work-process.three {
background: #1A1A1A;
}
.dark .home4-process-section .single-process {
background-color: #202020;
}
.dark .home4-process-section .single-process .work-step span {
border-color: rgba(255, 255, 255, 0.1);
}
.dark .home4-testimonial-section {
background: #1C1C1C;
}
.dark .home4-testimonial-section .testimonial-slider .testimonal-content {
background-color: #252525;
}
.dark .home4-testimonial-section .testimonial-slider .testimonal-content > span {
color: var(--title-color);
}
.dark .home4-testimonial-section .testimonial-slider .testimonal-content p {
color: var(--paragraph-color);
}
.dark .home4-testimonial-section .testimonial-slider .testimonal-content .author-area {
border-top: 1px solid #2F2F2F;
}
.dark .home4-testimonial-section .slider-btn-area .slider-btn {
background-color: #1A1A1A;
border-radius: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .home4-testimonial-section .slider-btn-area .slider-btn svg {
fill: var(--white-color);
}
.dark .home4-testimonial-section .slider-btn-area .slider-btn:hover {
background-color: var(--primary-color);
border-color: var(--primary-color) svg;
border-color-fill: var(--white-color);
}
.dark .home5-about-section .about-content-wrap .about-content .star::before {
background-color: #2f2f2f;
}
.dark .home5-work-section {
background-image: linear-gradient(#1a1a1a, #1a1a1a), url(//tidetech.net/wp-content/themes/axleo/assets/img/home5/home5-award-bg.png);
}
.dark .home5-work-section .verticle-text h2 {
color: #2f2f2f;
}
.dark .home5-service-section .paragraph-and-btn-area .vector .star {
fill: #2f2f2f;
}
.dark .home5-service-section .paragraph-and-btn-area .vector .star-bg {
fill: #2f2f2f;
}
.dark .home5-service-section .service-card2 {
background-color: var(--paragraph-color3);
}
.dark .home5-service-section .service-card2 > svg {
fill: #2f2f2f;
}
.dark .home5-testimonial-section .testimoial-wrapper .vector {
fill: #202020;
}
.dark .home5-award-section {
background-image: linear-gradient(#1a1a1a, #1a1a1a), url(//tidetech.net/wp-content/themes/axleo/assets/img/home5/home5-award-bg.png);
}
.dark .home6-feature-section .feature-card {
background-color: #202020;
}
.dark .home6-feature-section .feature-card:hover {
background-color: #252525;
}
.dark .home6-testimonial-section .testimonial-card {
background-color: #202020;
}
.dark .home6-blog-section {
background-image: linear-gradient(#1a1a1a, #1a1a1a), url(//tidetech.net/wp-content/themes/axleo/assets/img/home6/home6-performance-bg.png);
}
.dark .home-integration-section .integration-wrap .single-integration .light {
display: none;
}
.dark .home-integration-section .integration-wrap .single-integration .dark {
display: block;
}
.dark .breadcrumb-section.style-2 {
background-color: #1A1A1A;
background-image: unset !important;
}
.dark .breadcrumb-section.style-2 .vector {
stroke: #161616;
}
.dark .breadcrumb-section.style-2 .banner-wrapper .banner-content .dash-and-paragraph svg {
fill: #2F2F2F;
}
.dark .breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn {
background-color: #161616;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list {
background-color: var(--dark-title-color);
}
.dark .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li::before {
background: #4E676D;
}
.dark .about-banner-section .about-img-area .about-img-wrap .button-area {
background: #161616;
}
.dark .comment-and-form-area .inquiry-form {
background-color: #1A1A1A;
}
.dark .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper {
background-color: #222;
}
.dark .details-page-wrapper .details-page-content .counter-dark {
display: block;
}
.dark .details-page-wrapper .details-page-content .counter-light {
display: none;
}
.dark .faq-wrap .single-faq {
background-color: #222;
}
.dark .faq-contact-area .faq-contact-top-area {
border: 1px solid #303030;
}
.dark .faq-contact-area .faq-contact-top-area .vector {
stroke: #474747;
}
.dark .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap {
background-color: #222;
}
.dark .contact-page .contact-info-wrap .single-location {
background-color: #000;
}
.dark .contact-page .contact-form-wrap {
background-color: #222;
}
.dark .pricing-page .pricing-card {
background-color: #222;
}
.dark .portfolio-page-area .section-title h1 {
font-size: 130px;
line-height: 1;
}
.dark .portfolio-page-area .section-title h1 span {
display: inline;
}
@media (max-width: 1399px) {
.dark .portfolio-page-area .section-title h1 {
font-size: 90px;
}
}
@media (max-width: 1199px) {
.dark .portfolio-page-area .section-title h1 {
font-size: 70px;
}
}
@media (max-width: 576px) {
.dark .portfolio-page-area .section-title h1 {
font-size: 45px;
}
}
.dark .portfolio-page-area .section-title .dash-and-paragraph svg {
fill: var(--border-color2);
}
.dark .portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph {
text-align: end;
}
.dark .portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph span {
background-color: #252525;
color: #fff;
}
.dark .portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul li {
background-color: #252525;
color: #fff;
}
.dark .portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul li.active {
background-color: var(--primary-color);
}
.dark .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription {
line-height: 1;
}
@media (max-width: 991px) {
.dark .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription {
margin-bottom: 30px;
}
}
.dark .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription p {
font-family: var(--font-unbounded);
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
margin-bottom: 0;
color: var(--paragraph-color);
}
.dark .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul {
padding-top: 25px;
}
.dark .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul li a:hover {
background-color: var(--title-color);
border-color: var(--title-color);
color: var(--dark-title-color);
}
.dark .portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap .primary-btn4 {
background-color: #252525;
border-color: rgba(255, 255, 255, 0.1);
}
.dark .portfolio-page-area .interactive-link-wrapper .single-interactive-link a sup {
background-color: #202020;
}
.dark .portfolio-page-area .interactive-link-wrapper .single-interactive-link a:hover sup {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white-color);
}
.dark .home-integration-section .arrow-vec-wrap .sm-circle2 {
fill: #188038;
stroke: #188038;
}
.dark .home-integration-section .integration-wrap .single-integration {
border: 1px solid #222222;
}
.dark .pf-shoecase-page .filter-button-group ul li {
background-color: #252525;
color: #fff;
}
.dark .pf-shoecase-page .filter-button-group ul li.active {
background-color: var(--primary-color);
}
.dark .dashboard-img-section .dark {
display: block;
}
.dark .dashboard-img-section .light {
display: none;
}
.dark .home4-team-section.style-2 {
background-color: #1A1A1A;
}
.dark .home4-team-section.style-2 .section-title .dash-and-paragraph svg {
fill: #2f2f2f;
}
.dark .home6-project-management-section {
background-image: linear-gradient(#1a1a1a, #1a1a1a), url(//tidetech.net/wp-content/themes/axleo/assets/img/home6/project-management-bg.png);
}
.dark .home6-project-management-section .single-project {
background-color: #202020;
}
.dark .home6-project-management-section .single-project .single-project-img {
border: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: none;
}
.dark .home6-performance-section {
background-image: linear-gradient(#1a1a1a, #1a1a1a), url(//tidetech.net/wp-content/themes/axleo/assets/img/home6/home6-performance-bg.png);
}
.dark .home6-performance-section .contact-area .form-inner {
border-color: rgba(255, 255, 255, 0.2);
}
.dark .home6-performance-section .performance-slider-wrap .performance-card .performance-img,
.dark .home6-performance-section .performance-slider-wrap .performance-card .performance-content {
background-color: #202020;
}
.dark .service-details-faq-section {
background-color: #1A1A1A;
}
.dark .case-study-details .case-study-details-info-wrap {
background-color: #1A1A1A;
}
.dark .process-card.two {
background-color: #222;
}
.dark footer.style-4 {
background-color: #161616;
}
.dark footer.home6-footer {
background-color: #161616;
}
.dark .career-details-page .career-details-content .job-apply-area {
border-color: rgba(255, 255, 255, 0.1);
}
.dark .career-details-page .career-details-content .job-apply-area .primary-btn5 {
border-color: var(--primary-color);
background-color: var(--primary-color);
}
.dark .career-details-page .career-details-content .job-apply-area .primary-btn5 span {
background-color: var(--white-color);
}
.dark .career-details-page .career-details-content .job-apply-area .primary-btn5:hover {
color: var(--primary-color);
}
.dark .career-details-page .career-details-content .job-apply-area .primary-btn5:hover svg {
fill: var(--primary-color);
}
.dark .career-details-page .job-summary-area {
background-image: unset;
background-color: #1A1A1A;
}
.dark .job-form-modal .modal-dialog .modal-content {
background-color: #1A1A1A;
}
.dark .job-form-modal .modal-dialog .modal-content .modal-close span {
background-color: #161616;
}
.dark .job-form-modal .modal-dialog .modal-content .modal-close span:hover {
background-color: red;
color: var(--white-color);
}
.dark .job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5 {
border-color: var(--primary-color);
background-color: var(--primary-color);
}
.dark .job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5 span {
background-color: var(--white-color);
}
.dark .job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5:hover {
color: var(--primary-color);
}
.dark .job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5:hover svg {
fill: var(--primary-color);
}
.dark .cart-page .cart-order-sum-area .order-summary-wrap {
background-color: #202020;
}
.dark .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input {
background-color: #161616;
border-color: #161616;
}
.dark .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input {
background-color: #202020;
}
.dark .home2-process-section .progress-wrapper svg circle {
stroke: #2f2f2f;
fill: var(--dark-title-color);
}
.dark .progress-wrapper:before {
background-image: linear-gradient(to top, #F4CB0A 0%, #A6C1EE 100%);
box-shadow: 0 0 20px #F4CB0A;
}
.dark .shop-page .show-item-and-filter .filter-area .nice-select .list {
background-color: #161616;
}
.dark .shop-page .show-item-and-filter .filter-area .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
color: var(--white-color);
}
.dark .shop-page .show-item-and-filter .filter-area .nice-select .list .option:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.dark .product-details-page .product-details-content .product-quantity .quantity .quantity__minus,
.dark .product-details-page .product-details-content .product-quantity .quantity .quantity__plus {
background: transparent;
}
.dark .product-details-page .product-details-content .product-quantity .quantity .quantity__minus:hover,
.dark .product-details-page .product-details-content .product-quantity .quantity .quantity__plus:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.dark .product-details-page .product-details-content .product-quantity .quantity .quantity__minus:hover span i,
.dark .product-details-page .product-details-content .product-quantity .quantity .quantity__plus:hover span i {
color: var(--white-color);
}
.dark .product-details-page .product-details-content .product-quantity .primary-btn5 {
border-color: #2f2f2f;
}
.dark .product-details-page .product-description-and-review-area .nav2 .nav-link.active::after {
background-color: #161616;
}
.dark .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner input {
background: #202020;
}
.dark .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner textarea {
background-color: #202020;
}
.dark .recent-post-section .slider-btn-group .slider-btn {
background-color: #202020;
}
.dark .recent-post-section .slider-btn-group .slider-btn:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.dark .error-page .error-wrapper .error-img svg {
fill: #dfdfdf;
}
table.shop_table.cart.wishlist_table.wishlist_view {
border-collapse: collapse;
}
.product-card:hover .product-card-img .yith-add-to-wishlist-button-block {
transform: scaleX(1);
opacity: 1;
}
.product-card .product-card-img .yith-add-to-wishlist-button-block {
position: absolute;
top: 15px;
right: 15px;
background: transparent;
padding: 0;
margin: 0;
transform: scaleX(0);
transform-origin: right;
opacity: 0;
transition: 0.5s;
}
.product-card .product-card-img .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button svg {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--paragraph-color3);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--white-color);
transition: 0.5s;
margin: 0;
font-size: 15px;
padding: 5px;
}
.product-card .product-card-img span.yith-wcwl-add-to-wishlist-button__label {
display: none;
}
.product-card .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
color: var(--white-color);
}
.woocommerce div.product div.summary .yith-add-to-wishlist-button-block {
margin-bottom: 15px;
}
.woocommerce div.product div.summary .yith-add-to-wishlist-button-block a svg {
border: 1px solid #eee;
padding: 4px;
border-radius: 50%;
}