@charset "UTF-8";
       .col {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
} :root {
--container-width: 100%;
--container-sm: 33.75rem;
--container-md: 45rem;
--container-lg: 60rem;
--container-xl: 71.25rem;
--container-xxl: 90rem;
--container-fluid: 100%;
--gutter-x: 1.875rem;
--gutter-5: 0.3125rem;
--gutter-10: 0.625rem;
--gutter-12: 0.75rem;
--gutter-15: 0.9375rem;
--gutter-16: 1rem;
--gutter-20: 1.25rem;
--gutter-25: 1.5625rem;
--gutter-30: 1.875rem;
--gutter-35: 2.1875rem;
--gutter-40: 2.5rem;
--gutter-45: 2.8125rem;
--gutter-50: 3.125rem;
--gutter-55: 3.438rem;
--gutter-60: 3.75rem;
--gutter-65: 4.063rem;
--gutter-70: 4.375rem;
--gutter-75: 4.688rem;
--gutter-80: 5rem;
--gutter-85: 5.313rem;
--gutter-90: 5.625rem;
--gutter-100: 6.25rem;
--gutter-110: 6.875rem;
--gutter-120: 7.5rem;
--gutter-140: 8.75rem;
--gutter-150: 9.375rem;
--ff-roboto: "Roboto", sans-serif;
--ff-poppins: "Poppins", sans-serif;
--fw-100: 100;
--fw-200: 200;
--fw-300: 300;
--fw-400: 400;
--fw-500: 500;
--fw-600: 600;
--fw-700: 700;
--fw-800: 800;
--fw-900: 900;
--fs-10: 0.625rem;
--fs-12: 0.75rem;
--fs-13: 0.8125rem;
--fs-14: 0.875rem;
--fs-15: 0.9375rem;
--fs-16: 1rem;
--fs-17: 1.0625rem;
--fs-18: 1.125rem;
--fs-20: 1.25rem;
--fs-21: 1.3125rem;
--fs-22: 1.375rem;
--fs-24: 1.5rem;
--fs-25: 1.5625rem;
--fs-28: 1.75rem;
--fs-30: 1.875rem;
--fs-32: 2rem;
--fs-35: 2.1875rem;
--fs-36: 2.25rem;
--fs-40: 2.5rem;
--fs-45: 2.8125rem;
--fs-46: 2.875rem;
--fs-48: 3rem;
--fs-60: 3.75rem;
--fs-70: 4.375rem;
--fs-72: 4.5rem;
--fs-80: 5rem;
--fs-120: 7.5rem;
--hr-bg: var(--clr-black);
--hr-width: 100%;
--hr-height: 0.3125rem;
--hr-gutter-y: 1.875rem;
--hr-gutter-x: 0;
--hr-padding: 0;
--hr-radius: 0;
--m: 0;
--mt: 0;
--mr: 0;
--mb: 0;
--ml: 0;
--mx: 0;
--my: 0;
--m-auto: auto;
--my-auto: auto;
--mx-auto: auto;
--p: 0;
--pt: 0;
--pr: 0;
--pb: 0;
--pl: 0;
--px: 0;
--py: 0;
--p-auto: auto;
--py-auto: auto;
--px-auto: auto;
--border-width: 0.0625rem;
--border-style: solid;
--border-clr: transparent;
--border: var(--border-width) var(--border-style) var(--border-clr);
--border-t: var(--border-width) var(--border-style) var(--border-clr);
--border-r: var(--border-width) var(--border-style) var(--border-clr);
--border-b: var(--border-width) var(--border-style) var(--border-clr);
--border-l: var(--border-width) var(--border-style) var(--border-clr);
--border-x: var(--border-width) var(--border-style) var(--border-clr);
--border-y: var(--border-width) var(--border-style) var(--border-clr);
--radius: 0;
--radius-t: 0;
--radius-r: 0;
--radius-b: 0;
--radius-l: 0;
--radius-full: 50%;
--shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
--shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.06);
--btn-bg: transparent;
--btn-clr: inherit;
--btn-ff: var(--ff-roboto);
--btn-fs: var(--fs-15);
--btn-py: 0.625rem;
--btn-px: 1.125rem;
--btn-my: var(--my);
--btn-mx: var(--mx);
--clr-black: #000000;
--clr-black-1: #111111;
--clr-black-2: #222222;
--clr-black-3: #47494C;
--clr-black-4: #555555;
--clr-black-5: #707070;
--clr-black-6: #737373;
--clr-black-7: #999999;
--clr-black-8: #9B9B9B;
--clr-black-9: #93A1A2;
--clr-black-12: #838383;
--clr-black-13: #A9A9A9;
--clr-black-14: #AEAEAE;
--clr-black-15: #6C7381;
--clr-black-16: #AFAFAF;
--clr-black-17: #7B7B7B;
--clr-black-18: #DEDEDE;
--clr-black-19: #333333;
--clr-black-20: #767676;
--clr-white: #fff;
--clr-blue: #0e76a7;
--clr-blue-1: #0e76a7;
--clr-blue-2: #3A4B70;
--clr-blue-3: #2FC2F9;
--clr-blue-4: #26D0FE;
--clr-blue-5: #51C8F4;
--clr-indigo: #022549;
--clr-orange: #C32100;
--clr-yellow: #FFCC33;
--clr-yellow-1: white;
--clr-yellow-2: #FDA000;
--clr-yellow-3: #F3E721;
--clr-green: #62B454;
--clr-primary: var(--clr-blue-1);
--price-clr: #C5C5C5;
--text-clr: #8D8E92;
--title-clr: #000000;
--border-clr: #E1E1E1;
--border-clr-2: #EBEBEB;
--bg-clr: #FAFAFA;
--about-feature-bg: #F5F5F5;
--prev-next-bg: #F4F4F4;
--filter-bg: #F6F7F9;
--input-bg: #F6F7F9;
--clr-blue-6: #0955A3;
} *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}     html:focus-within {
scroll-behavior: smooth;
} body {
font-family: var(--ff-roboto);
font-weight: 400;
font-size: var(--fs-16);
text-rendering: optimizeSpeed;
color: var(--text-clr);
margin: 0;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}   input,
button,
textarea,
select {
font: inherit;
}
button {
cursor: pointer;
}
.hr {
background: var(--clr-black-200);
width: 100%;
height: 1px;
margin: 50px 0;
padding: 0;
border: none;
border-radius: 0;
opacity: 1;
} @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.fill-current {
fill: currentColor;
}
.scrollToTop {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: var(--clr-blue);
font-size: 25px;
background: transparent;
position: fixed;
right: 20px;
bottom: 50px;
display: none;
z-index: 99999;
border-radius: 50%;
}
@media screen and (min-width: 576px) {
.scrollToTop {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.scrollToTop:hover {
color: var(--clr-blue);
}
.no-scroll-y {
overflow-y: hidden;
} .ctn-preloader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 900;
}
.ctn-preloader .animation-preloader {
position: absolute;
z-index: 100;
} .ctn-preloader .animation-preloader .spinner {
-webkit-animation: spinner 1s infinite linear;
animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: #000000; height: 9em;
margin: 0 auto 3.5em auto;
width: 9em;
} .ctn-preloader .animation-preloader .txt-loading {
font: bold 5em "Montserrat", sans-serif;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
-webkit-animation: letters-loading 4s infinite;
animation: letters-loading 4s infinite;
color: #000000;
content: attr(data-text-preloader);
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
color: rgba(0, 0, 0, 0.2);
position: relative;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.ctn-preloader .loader-section {
background-color: #ffffff;
height: 100%;
position: fixed;
top: 0;
width: calc(50% + 1px);
}
.ctn-preloader .loader-section.section-left {
left: 0;
}
.ctn-preloader .loader-section.section-right {
right: 0;
} .loaded .animation-preloader {
opacity: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
} .loaded .loader-section.section-left {
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.loaded .loader-section.section-right {
-webkit-transform: translateX(101%);
transform: translateX(101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
} @-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
} @-webkit-keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%, 75%, 100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%, 50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
} @media screen and (max-width: 767px) {  .ctn-preloader .animation-preloader .spinner {
height: 8em;
width: 8em;
} .ctn-preloader .animation-preloader .txt-loading {
font: bold 3.5em "Montserrat", sans-serif;
}
}
@media screen and (max-width: 500px) {  .ctn-preloader .animation-preloader .spinner {
height: 7em;
width: 7em;
} .ctn-preloader .animation-preloader .txt-loading {
font: bold 2em "Montserrat", sans-serif;
}
}
::-webkit-input-placeholder {
color: inherit;
}
::-moz-placeholder {
color: inherit;
}
.data-background {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--ff-roboto);
color: var(--title-clr); }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}   hr {
background: #c2cfff; height: 3px; border: none;
}  label {
color: var(--clr-black);
cursor: pointer;
font-size: 14px;
font-weight: 400;
} .home-3 {
font-size: var(--fs-15);
font-weight: var(--fw-400);
color: var(--clr-black);
font-family: var(--font-quicksand);
} .home-4 {
font-size: var(--fs-15);
font-weight: var(--fw-400);
font-family: var(--font-arimo);
}
.section-title {
font-size: var(--fs-28);
font-weight: var(--fw-700);
line-height: 3rem;
color: var(--clr-black);
text-align: center;
margin-bottom: var(--gutter-25);
margin-top: -10px;
}
@media screen and (min-width: 992px) {
.section-title {
font-size: var(--fs-36);
margin-bottom: var(--gutter-35);
}
}
@media screen and (min-width: 1441px) {
.section-title {
margin-bottom: var(--gutter-60);
}
}
.section-padding {
padding: var(--section-padding-top, var(--section-padding, var(--gutter-50))) 0 var(--section-padding-bottom, var(--section-padding, var(--gutter-50)));
}
@media screen and (min-width: 992px) {
.section-padding {
--section-padding: var(--gutter-90);
}
}
@media screen and (min-width: 1200px) {
.section-padding {
--section-padding: var(--gutter-120);
}
} .color {
color: var(--clr-black);
}
.text-black {
color: var(--clr-black) !important;
}
.bg-black {
background: var(--clr-black);
}
.text-white {
color: var(--clr-white) !important;
}
.bg-white {
background: var(--clr-white);
}  .font-regular {
font-weight: var(--fw-400);
}
.font-medium {
font-weight: var(--fw-500);
}
.font-semi-bold {
font-weight: var(--fw-600);
}
.font-bold {
font-weight: var(--fw-700);
}
.font-black {
font-weight: var(--fw-900);
}  .mt-n3 {
margin-top: -0.4375rem;
}
.mt-n4 {
margin-top: -0.75rem;
}
.m-auto {
margin: auto;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mt-0 {
margin-top: 0;
}
.mt-9 {
margin-top: 2.5rem;
}
.mt-73 {
margin-top: 4.5625rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mr-1 {
margin-right: 0.25rem;
}
@media (min-width: 768px) {
.mt-md-n4 {
margin-top: -0.75rem;
}
}
.mt-40 {
margin-top: 40px;
}    .loader-wrapper {
--line-width: 5px;
--curtain-color: #fff;
--outer-line-color: #3A4B70;
--middle-line-color: #0463FA;
--inner-line-color: #2ac28e;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.loader {
display: block;
position: relative;
top: 50%;
left: 50%; width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border: var(--line-width) solid transparent;
border-top-color: var(--outer-line-color);
border-radius: 100%;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 1001;
}
.loader:before {
content: "";
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
border: var(--line-width) solid transparent;
border-top-color: var(--inner-line-color);
border-radius: 100%;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
.loader:after {
content: "";
position: absolute;
top: 14px;
left: 14px;
right: 14px;
bottom: 14px;
border: var(--line-width) solid transparent;
border-top-color: var(--middle-line-color);
border-radius: 100%;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loader-wrapper .loader-section {
position: fixed;
top: 0;
background: var(--curtain-color);
width: 51%;
height: 100%;
z-index: 1000;
}
.loader-wrapper .loader-section.section-left {
left: 0;
}
.loader-wrapper .loader-section.section-right {
right: 0;
} .loaded .loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded .loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}  .btn {
--bs-btn-font-size: var(--fs-16);
border: none;
}
.btn-sm {
--btn-py: 0.3125rem;
}
.btn-lg {
--bs-btn-padding-y: var(--gutter-12);
--bs-btn-padding-x: var(--gutter-25);
}
@media screen and (min-width: 1200px) {
.btn-lg {
--bs-btn-padding-y: var(--gutter-16);
--bs-btn-padding-x: var(--gutter-55);
}
}
.btn-xl {
--bs-btn-padding-y: var(--gutter-25);
}
.btn-round-none {
--bs-btn-border-radius: 0;
}
.btn-full {
width: 100%;
}
.btn-blue {
--bs-btn-font-weight: var(--fw-700);
--bs-btn-color: var(--clr-white);
--bs-btn-bg: var(--clr-primary);
--bs-btn-hover-bg: var(--clr-white);
--bs-btn-hover-color: var(--clr-primary);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-bg: var(--clr-primary);
--bs-btn-active-color: var(--clr-white);
--bs-btn-active-border-color: var(--clr-primary);
text-transform: uppercase;
background-image: linear-gradient(30deg, var(--clr-primary) 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.btn-blue:hover, .btn-blue:focus {
background-position: 100%;
}
.btn-outline-white {
--bs-btn-bg: transparent;
--bs-btn-color: var(--clr-white);
--bs-btn-border-color: var(--clr-white);
--bs-btn-hover-bg: transparent;
--bs-btn-hover-color: var(--clr-primary);
--bs-btn-hover-border-color: var(--clr-white);
--bs-btn-active-bg: var(--clr-white);
--bs-btn-active-color: var(--clr-primary);
--bs-btn-active-border-color: var(--clr-white);
overflow: hidden;
position: relative;
z-index: 1;
}
.btn-outline-white::before {
content: "";
inset: 0;
position: absolute;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
background: var(--clr-white);
z-index: -1;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.btn-outline-white:hover::before, .btn-outline-white:focus::before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.menu-dropdown {
position: relative;
}
.menu-dropdown .nav-link {
position: relative;
}
@media screen and (min-width: 992px) {
.menu-dropdown .nav-link::before {
content: "\f107";
top: 50%;
right: 0;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: var(--fs-16);
color: var(--clr-white);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
}
}
@media screen and (min-width: 992px) {
.menu-dropdown .sub-menu {
top: 100%;
right: 0;
left: 0;
position: absolute;
z-index: 9;
border-radius: 5px;
border: none;
display: block;
padding: 18px 0;
min-width: 230px;
background: #ffffff;
-webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
margin: 0;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
opacity: 0;
visibility: hidden;
}
.menu-dropdown .sub-menu li {
margin-left: 0;
text-align: left;
}
.menu-dropdown .sub-menu li a {
padding: var(--gutter-10) var(--gutter-10) var(--gutter-10) var(--gutter-25);
font-weight: 600;
color: #777777;
text-transform: capitalize;
display: block;
text-decoration: none;
position: relative;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.menu-dropdown .sub-menu li a::before {
content: "";
top: 1.375rem;
left: 1.25rem;
position: absolute;
width: 0;
height: 2px;
background: var(--clr-blue);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.menu-dropdown .sub-menu li a:hover {
padding-left: var(--gutter-50);
color: var(--clr-blue);
}
.menu-dropdown .sub-menu li a:hover::before {
width: 1rem;
}
.menu-dropdown:hover .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.form-control {
padding: 1.125rem 1.5rem;
color: var(--text-clr);
font-size: var(--fs-14);
border: 1px solid var(--clr-blue-1);
border-radius: 0.375rem;
margin-top: var(--gutter-20);
}
.form-control::-webkit-input-placeholder {
color: var(--text-clr);
}
.form-control::-moz-placeholder {
color: var(--text-clr);
}
.form-control:-ms-input-placeholder {
color: var(--text-clr);
}
.form-control::-ms-input-placeholder {
color: var(--text-clr);
}
.form-control::placeholder {
color: var(--text-clr);
}
textarea.form-control {
display: inline-block;
}
.select-control {
width: 100%;
padding: 0 1.5rem;
height: 3.75rem;
line-height: 3.75rem;
margin-top: var(--gutter-20);
border-color: var(--clr-blue-1);
color: var(--text-clr);
}
.select-control::after {
width: 8px;
height: 8px;
right: 1.5rem;
border-color: var(--text-clr);
}
.select-control .list {
width: 100%;
}
.hamburger-menu {
cursor: pointer;
} .extra-info {
background: #152136 none repeat scroll 0 0;
height: 100%;
padding: 30px;
position: fixed;
right: 0;
top: 0;
-webkit-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 340px;
z-index: 9999;
overflow-y: scroll;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.extra-info.active {
-webkit-transform: translateX(0);
transform: translateX(0);
z-index: 99999;
}
.close-icon {
margin-top: -16px;
text-align: right;
}
.close-icon > button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: var(--clr-black);
cursor: pointer;
font-size: 20px;
padding: 0;
}
.side-info {
border-top: 1px solid #344159;
padding-top: 25px;
}
.contact-list h4 {
color: #fff;
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
.contact-list p {
color: #fff;
margin: 0;
margin-bottom: 5px;
line-height: 28px;
font-size: 14px;
}
.contact-list p i {
float: left;
margin-top: 6px;
width: 25px;
}
.contact-list p span {
display: block;
overflow: hidden;
}
.offcanvas-overly {
position: fixed;
background: #000;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.offcanvas-overly.active {
opacity: 0.5;
visibility: visible;
}
.swiper-pagination {
position: unset;
text-align: center !important;
padding: 35px 0 0;
}
.swiper-pagination-bullet {
width: 23px;
height: 7px;
display: inline-block;
border-radius: 8px;
background: var(--clr-blue-1);
opacity: 1;
margin: 0 4px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--clr-blue);
width: 60px;
}
.swiper-button-prev,
.swiper-button-next {
--swiper-navigation-size: var(--fs-16);
width: 2.375rem !important;
height: 2.375rem !important;
line-height: 2.375rem !important;
border-radius: 50%;
text-align: center;
background-color: var(--prev-next-bg);
color: var(--clr-black-2);
top: 40%;
}
.swiper-button-prev::after,
.swiper-button-next::after {
opacity: 1;
font-family: "Font Awesome 6 Free" !important;
font-weight: 900;
}
.swiper-button-next {
right: 10px;
}
.swiper-button-prev {
left: 10px;
}
.swiper-button-prev:after {
content: "\f053" !important;
}
.swiper-button-next:after {
content: "\f054" !important;
} .gap-30 {
gap: var(--gutter-30);
}
.gx-25 {
--bs-gutter-x: var(--gutter-25);
}
.gx-30 {
--bs-gutter-x: var(--gutter-30);
}
@media screen and (min-width: 1200px) {
.gx-xl-50 {
--bs-gutter-x: var(--gutter-50);
}
}
@media screen and (min-width: 1200px) {
.gx-xl-100 {
--bs-gutter-x: var(--gutter-100);
}
}
@media screen and (min-width: 1441px) {
.gx-xxl-50 {
--bs-gutter-x: var(--gutter-50);
}
}
@media screen and (min-width: 1441px) {
.gx-xxl-140 {
--bs-gutter-x: var(--gutter-140);
}
}  .header-area {
background: var(--clr-blue);
padding: var(--gutter-30) 0;
position: relative;
z-index: 99;
}
.header-logo {
width: 140px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
.header-logo {
width: 244px;
}
}
.header-topbar-area {
background-color: var(--clr-indigo);
padding: var(--gutter-15) 0;
position: relative;
min-height: 50px;
}
.header-topbar-area .topbar-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gutter-20);
margin: 0;
}
@media screen and (min-width: 576px) {
.header-topbar-area .topbar-menu {
gap: var(--gutter-35);
}
}
.header-topbar-area .topbar-menu a:is(:hover, :focus) {
color: var(--clr-primary);
}
.header-topbar-area .topbar-menu a,
.header-topbar-area .topbar-callout p {
color: var(--clr-white);
font-size: var(--fs-14);
font-weight: var(--fw-500);
text-decoration: none;
}
.header-topbar-area .topbar-callout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
inset: 0;
}
.header-topbar-area .topbar-callout p {
font-weight: var(--fw-300);
}
.header-topbar-area .topbar-callout span {
font-weight: var(--fw-700);
}
.header-topbar-area .topbar-social-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--gutter-25);
}
@media screen and (min-width: 768px) {
.header-topbar-area .topbar-social-icon {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.header-topbar-area .topbar-social-icon i {
font-size: var(--fs-15);
color: var(--clr-white);
}
.header-topbar-area .topbar-social-icon i:is(:hover, :focus) {
color: var(--clr-primary);
}
.header-searchbar-area {
padding: 1.25rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-searchbar-area .header-searchbar input {
height: 3.5rem;
padding: 0.9375rem 1.25rem;
border: 1px solid var(--clr-primary);
border-radius: 0;
margin: 0;
color: var(--clr-black-9);
font-size: var(--fs-16);
}
@media screen and (min-width: 992px) {
.header-searchbar-area .header-searchbar input {
height: 4.75rem;
padding: var(--gutter-25) var(--gutter-40);
}
}
.header-searchbar-area .header-searchbar button {
padding: 0 var(--gutter-25);
background-color: var(--clr-primary);
border: 1px solid var(--clr-primary);
border-radius: 0;
top: 0;
right: 0;
position: absolute;
height: 100%;
z-index: 9;
}
.header-group-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
gap: var(--gutter-20);
}
.header-account a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
gap: 0.3125rem;
color: var(--clr-black);
text-transform: uppercase;
font-size: var(--fs-14);
}
.header-account a:is(:hover, :focus) {
color: var(--clr-primary);
}
.header-account p,
.header-cart p {
color: var(--clr-black-2);
font-size: var(--fs-14);
font-weight: var(--fw-500);
margin: 0;
}
.header-account,
.header-wishlist {
border-right: 1px solid var(--border-clr-2);
padding-right: var(--gutter-20);
}
.header-wishlist .my-wishlist,
.header-cart .my-cart {
position: relative;
display: block;
}
.wishlist-count,
.cart-count {
top: -0.3125rem;
right: -0.625rem;
position: absolute;
width: 1.0625rem;
height: 1.0625rem;
line-height: 1.0625rem;
border-radius: 50%;
text-align: center;
font-size: var(--fs-10);
font-weight: var(--fw-600);
text-align: center;
overflow: hidden;
color: #fff;
background-color: var(--clr-primary);
}
.header-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gutter-15);
margin-right: 10px;
}
@media screen and (min-width: 992px) {
.header-cart {
margin-right: 0;
}
}
.header-navigation-area {
padding: var(--gutter-20) 0;
}
.header-navigation-area .navbar {
width: calc(100% - 304px);
margin: 0 auto;
}
@media screen and (min-width: 1441px) {
.header-navigation-area .navbar {
width: calc(100% - 666px);
}
}
.header-navigation-area .navbar .navbar-nav {
gap: var(--gutter-30);
}
.header-navigation-area .nav-item {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.header-navigation-area .nav-item .dropdown-menu {
--bs-dropdown-padding-y: 0;
--bs-dropdown-border-radius: 0;
--bs-dropdown-border-width: 2px;
min-width: 250px;
border-radius: 0;
display: block;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.header-navigation-area .nav-item .dropdown-menu .dropdown-toggle::after {
content: "\f054";
}
.header-navigation-area .nav-item .dropdown > .dropdown-menu {
top: -30%;
left: auto;
right: 100%;
}
@media screen and (min-width: 1200px) {
.header-navigation-area .nav-item .dropdown > .dropdown-menu {
left: 100%;
}
}
.header-navigation-area .nav-item .dropdown .dropdown > .dropdown-menu {
top: -30%;
left: auto;
right: 100%;
}
@media screen and (min-width: 992px) {
.header-navigation-area .nav-item .dropdown-item {
padding: 1.25rem 1.875rem;
font-size: var(--fs-16);
font-weight: var(--fw-500);
color: var(--clr-black-2);
background: transparent;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
}
@media screen and (min-width: 992px) and (min-width: 1441px) {
.header-navigation-area .nav-item .dropdown-item {
font-size: var(--fs-18);
}
}
.header-navigation-area .nav-item .dropdown-item:is(:hover, :focus) {
background: #f7f7f7;
color: var(--clr-primary);
}
@media screen and (min-width: 992px) {
.header-navigation-area .nav-item:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
margin-top: 0;
border: 1px solid transparent;
}
}
.header-navigation-area .nav-link {
color: var(--clr-black-2);
font-size: var(--fs-18);
font-weight: var(--fw-500);
line-height: 1.4375rem;
}
.header-navigation-area .nav-link:is(:hover, :focus) {
color: var(--clr-primary);
}
.header-navigation-area .dropdown-toggle.btn-blue:hover, .header-navigation-area .dropdown-toggle.btn-blue:focus {
background-size: 800px;
}
.header-navigation-area .dropdown-toggle::after {
content: "\f107";
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: var(--fs-12);
margin-left: 0.3125rem;
border: none;
vertical-align: middle;
}
.header-contact-info {
width: 20.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
gap: 0.625rem;
}
.header-contact-info p {
color: var(--clr-black);
font-size: var(--fs-17);
line-height: 1.25rem;
}
.header-contact-info p a {
text-decoration: none;
color: var(--clr-primary);
font-weight: var(--fw-700);
margin-left: 0.3125rem;
}
.header-dropdown {
width: 21.0625rem;
}
.header-dropdown .dropdown .btn {
border: 2px solid var(--clr-primary);
--bs-btn-hover-border-color: var(--clr-primary);
}
.header-dropdown .dropdown .btn::after {
content: none;
}
.header-dropdown .dropdown .btn i {
margin-right: 1.25rem;
}
.header-dropdown .dropdown-menu {
--bs-dropdown-padding-y: 0;
--bs-dropdown-border-radius: 0;
--bs-dropdown-border-width: 2px;
--bs-dropdown-border-color: var(--clr-primary);
top: 125% !important;
-webkit-transform: translate(0) !important;
transform: translate(0) !important;
width: 100%;
max-width: 337px;
}
.header-dropdown .dropdown-menu::before {
content: "";
top: -0.75rem;
left: 45%;
position: absolute;
width: 1.25rem;
height: 1.25rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: var(--clr-white);
border-left: 2px solid var(--clr-primary);
border-top: 2px solid var(--clr-primary);
z-index: 1;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.header-dropdown .dropdown-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gutter-15);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
@media screen and (min-width: 992px) {
.header-dropdown .dropdown-item {
padding: 1.25rem 3.125rem;
font-size: var(--fs-18);
font-weight: var(--fw-600);
color: var(--clr-black-2);
border-bottom: 1px solid var(--border-clr-2);
}
}
.header-dropdown .dropdown-item:hover {
background: transparent;
color: var(--clr-primary);
}
.header-dropdown .badge {
--bs-badge-padding-x: var(--gutter-15);
--bs-badge-border-radius: 4px;
text-transform: uppercase;
}
.header-mobile-navigation-area {
padding: var(--gutter-15) 0;
}
.header-mobile-navigation-button .btn-primary {
--btn-fs: var(--fs-30);
--btn-px: 0;
--btn-py: 0;
--bs-btn-hover-color: var(--clr-primary);
--bs-btn-hover-bg: transparent;
--bs-btn-hover-border-color: var(--clr-primary);
--bs-btn-active-color: var(--clr-primary);
--bs-btn-active-bg: transparent;
--bs-btn-active-border-color: transparent;
border: 1px solid var(--clr-primary);
}
.header-mobile-logo {
margin: 0 auto;
}
.offcanvas .nav-item {
width: 50%;
}
.offcanvas .nav-link {
width: 100%;
color: var(--clr-black-5);
border: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: var(--gutter-15);
font-weight: var(--fw-500);
}
.offcanvas .nav-link.active {
color: var(--clr-white);
background-color: var(--clr-primary);
}
.offcanvas-body {
padding: 0;
}
.offcanvas-body .menu-item {
border-bottom: 1px solid var(--border-clr-2);
}
.offcanvas-body .menu-item .nav-link {
padding: var(--gutter-20);
display: block;
color: var(--clr-black-5);
font-size: var(--fs-16);
font-weight: var(--fw-500);
text-decoration: none;
}
.offcanvas-body .menu-item .nav-link:hover, .offcanvas-body .menu-item .nav-link:focus {
background-color: #f7f7f7;
color: var(--clr-primary);
}
.offcanvas-body .menu-item .dropdown-menu {
position: relative !important;
-webkit-transform: translate(0) !important;
transform: translate(0) !important;
border-radius: 0;
border-bottom: 0;
padding: 0 1rem;
}
.offcanvas-body .menu-item:last-child {
border-bottom: 0;
}
.header2-topbar-area {
background-color: var(--clr-blue-6);
}
.header2-searchbar-area {
background-color: var(--clr-blue-1);
}
.header2-searchbar-area .header-searchbar input {
border: 1px solid var(--clr-white);
}
.header2-searchbar-area .header-searchbar button {
background-color: var(--clr-yellow-1);
border: none;
}
.header2-searchbar-area .header-account a,
.header2-searchbar-area .header-account p {
color: var(--clr-white);
}
.header2-searchbar-area .header-cart p {
color: var(--clr-white);
}
.header2-searchbar-area .wishlist-count,
.header2-searchbar-area .cart-count {
color: var(--clr-black);
background-color: var(--clr-yellow-1);
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.header2-navigation-area {
background-color: var(--clr-blue-1);
}
.header2-navigation-area .header-dropdown .dropdown .btn {
--bs-btn-bg: var(--clr-indigo);
--bs-btn-hover-bg: var(--clr-white);
--bs-btn-active-color: var(--clr-primary);
--bs-btn-active-bg: var(--clr-white);
background-size: 0;
}
.header2-navigation-area .nav-link {
color: var(--clr-white);
}
.header2-navigation-area .nav-link:is(:hover, :focus) {
color: var(--clr-yellow-1);
}
.header2-navigation-area .header-contact-info p {
color: var(--clr-white);
}
.header2-navigation-area .header-contact-info p a {
color: var(--clr-yellow-1);
}
.header2-mobile-navigation-area {
background-color: var(--clr-blue-1);
}
.header2-mobile-navigation-area .header-mobile-navigation-button .btn-primary {
--bs-btn-bg: var(--clr-indigo);
--bs-btn-hover-bg: var(--clr-white);
border: 1px solid var(--clr-primary);
}
.header2-mobile-navigation-area .cart-count {
color: var(--clr-black);
background-color: var(--clr-yellow-1);
}    footer {
background-color: var(--clr-black-1);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
footer .footer-top {
padding: var(--gutter-50) 0 var(--gutter-40);
}
@media screen and (min-width: 992px) {
footer .footer-top {
padding: var(--gutter-90) 0 var(--gutter-50);
}
}
@media screen and (min-width: 1200px) {
footer .footer-top {
padding: var(--gutter-100) 0 var(--gutter-50);
}
}
footer .footer-content {
margin-bottom: var(--gutter-40);
}
@media screen and (min-width: 768px) {
footer .footer-content {
margin-bottom: 0;
}
}
footer .footer-text {
padding: var(--gutter-40) 0;
color: var(--clr-black-7);
font-size: var(--fs-13);
}
footer .footer-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gutter-15);
}
footer .footer-contact .contact a:is(:hover, :focus) {
color: var(--clr-primary);
}
footer p.call-us {
font-size: var(--fs-12);
font-weight: var(--fw-700);
line-height: 1.25rem;
color: var(--clr-white);
}
footer a.number {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
font-weight: var(--fw-600);
line-height: 1.25rem;
color: var(--clr-white);
text-decoration: none;
}
footer .footer-menu-wrapper {
margin-bottom: var(--gutter-40);
}
@media screen and (min-width: 992px) {
footer .footer-menu-wrapper {
margin-bottom: 0;
}
}
footer .footer-title p {
font-weight: var(--fw-700);
line-height: 0.875rem;
color: var(--clr-white);
padding-bottom: var(--gutter-20);
}
@media screen and (min-width: 768px) {
footer .footer-title p {
padding-bottom: var(--gutter-40);
}
}
footer ul li a {
font-family: var(--ff-poppins);
color: var(--clr-black-7);
font-size: var(--fs-14);
line-height: 2.375rem;
text-decoration: none;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
footer ul li a:is(:hover, :focus) {
color: var(--clr-primary);
}
.newsletter-text {
font-family: var(--ff-poppins);
color: var(--clr-black-7);
font-size: var(--fs-14);
width: 18.75rem;
margin-bottom: var(--gutter-20);
}
.footer-email-form {
position: relative;
z-index: 1;
}
.footer-email-form input {
height: 3rem;
padding: var(--gutter-10) var(--gutter-20);
border-radius: 0.3125rem;
border: 1px solid var(--clr-white);
color: var(--clr-black-5);
font-size: var(--fs-12);
margin: 0;
}
.footer-email-form button {
--bs-btn-border-radius: 0;
background-color: var(--clr-primary);
border: 1px solid var(--clr-primary);
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
top: 0;
right: 0;
position: absolute;
height: 3rem;
z-index: 9;
}
.footer-social-icon {
padding-top: var(--gutter-30);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gutter-10);
}
footer .footer-bottom-wrapper {
border-top: 1px solid var(--border-clr);
padding: var(--gutter-40) 0;
}
footer .copyright p,
footer .payment-text p {
color: var(--clr-black-8);
font-size: var(--fs-14);
line-height: 2.375rem;
}
footer .payment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gutter-15);
}
@media screen and (min-width: 768px) {
footer .payment {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
footer .payment-method {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gutter-10);
}
.banner-slider.layout-one .swiper-slide img {
position: relative;
width: 100%;
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.banner-slider.layout-one .slider-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 9;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 300px;
}
@media screen and (min-width: 768px) {
.banner-slider.layout-one .slider-content {
min-width: 60%;
}
}
@media screen and (min-width: 992px) {
.banner-slider.layout-one .slider-content {
min-width: auto;
}
}
.banner-slider.layout-one .slider-content h6 {
display: inline-block;
margin: 0 auto;
font-size: var(--fs-12);
font-weight: var(--fw-700);
text-transform: uppercase;
color: var(--clr-black);
background-color: var(--clr-yellow-1);
padding: 10px;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 1200px) {
.banner-slider.layout-one .slider-content h6 {
font-size: var(--fs-18);
padding: 10px 10px 8px;
}
}
.banner-slider.layout-one .slider-content h1 {
font-size: var(--fs-30);
font-weight: var(--fw-700);
text-transform: uppercase;
line-height: 1.2;
color: var(--clr-white);
background-color: rgba(0, 0, 0, 0.8);
padding: var(--gutter-10);
}
@media screen and (min-width: 768px) {
.banner-slider.layout-one .slider-content h1 {
font-size: var(--fs-48);
}
}
@media screen and (min-width: 1200px) {
.banner-slider.layout-one .slider-content h1 {
font-size: var(--fs-80);
line-height: 1;
padding: var(--gutter-10) var(--gutter-30);
}
}
@media screen and (min-width: 1441px) {
.banner-slider.layout-one .slider-content h1 {
font-size: var(--fs-120);
}
}
.banner-slider.layout-one .slider-content h4 {
font-size: var(--fs-16);
font-weight: var(--fw-500);
text-transform: uppercase;
line-height: 1.3;
color: var(--clr-white);
padding: var(--gutter-10) 0 0.3125rem 0;
}
@media screen and (min-width: 768px) {
.banner-slider.layout-one .slider-content h4 {
font-size: var(--fs-20);
padding: var(--gutter-20) 0;
}
}
@media screen and (min-width: 1200px) {
.banner-slider.layout-one .slider-content h4 {
font-size: var(--fs-30);
padding-top: var(--gutter-20);
}
}
.banner-slider.layout-one .slider-content .btn-blue {
margin-bottom: var(--gutter-20);
}
.banner-slider.layout-two .banner-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: var(--gutter-70) 0;
}
@media screen and (min-width: 992px) {
.banner-slider.layout-two .banner-wrapper {
padding: 6.25rem 0;
}
}
@media screen and (min-width: 1200px) {
.banner-slider.layout-two .banner-wrapper {
padding: 7.5rem 0;
}
}
@media screen and (min-width: 1441px) {
.banner-slider.layout-two .banner-wrapper {
padding: 13.125rem 0;
}
}
.banner-slider.layout-two .current-top-subtitle {
font-weight: var(--fw-500);
font-size: var(--fs-20);
color: #0e6ed0;
text-transform: capitalize;
margin-bottom: var(--gutter-5);
margin-top: -0.5rem;
}
@media screen and (min-width: 768px) {
.banner-slider.layout-two .current-top-subtitle {
margin-bottom: var(--gutter-15);
font-size: var(--fs-24);
}
}
.banner-slider.layout-two .current-title {
font-weight: var(--fw-700);
font-size: var(--fs-40);
color: var(--clr-black);
text-transform: uppercase;
margin-bottom: 0;
margin-top: 0;
}
@media screen and (min-width: 992px) {
.banner-slider.layout-two .current-title {
font-size: var(--fs-50);
}
}
@media screen and (min-width: 1200px) {
.banner-slider.layout-two .current-title {
font-size: var(--fs-60);
}
}
@media screen and (min-width: 1441px) {
.banner-slider.layout-two .current-title {
font-size: var(--fs-70);
line-height: 1.2;
}
}
.banner-slider.layout-two .btn {
margin-top: 0;
}
@media screen and (min-width: 992px) {
.banner-slider.layout-two .btn {
margin-top: var(--gutter-30);
}
}
.banner-slider .swiper-pagination {
bottom: var(--gutter-10);
left: 0;
width: 100%;
padding: 0;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0.9375rem;
display: none;
}
@media screen and (min-width: 992px) {
.banner-slider .swiper-pagination {
display: block;
bottom: var(--gutter-40);
}
}
.banner-slider .swiper-pagination-bullet {
width: 0.625rem;
height: 0.625rem;
line-height: 0.625rem;
border-radius: 50%;
text-align: center;
display: inline-block;
border-radius: 50%;
background: var(--clr-white);
cursor: pointer;
}
@media screen and (min-width: 992px) {
.banner-slider .swiper-pagination-bullet {
width: 0.8125rem;
height: 0.8125rem;
line-height: 0.8125rem;
border-radius: 50%;
text-align: center;
}
}
.banner-slider .swiper-pagination-bullet-active {
background-color: var(--clr-primary);
}
.about-us-area .about-img {
position: relative;
overflow: hidden;
}
.about-us-area .about-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about-us-area .about-img img {
width: 100%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.about-us-area .about-img .play-button {
width: 5rem;
height: 5rem;
line-height: 5rem;
border-radius: 50%;
text-align: center;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--clr-white);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.about-us-area .about-img .play-button:hover {
background-color: var(--clr-primary);
color: var(--clr-white);
}
.about-us-area .about-img .play-button:hover a {
color: var(--clr-white);
}
.about-us-area .about-img .play-button a {
color: var(--clr-primary);
font-size: var(--fs-18);
}
.about-us-area .about-content {
margin-left: 0;
margin-top: var(--gutter-30);
}
@media screen and (min-width: 992px) {
.about-us-area .about-content {
margin-left: var(--gutter-30);
margin-top: 0;
}
}
@media screen and (min-width: 1441px) {
.about-us-area .about-content {
margin-left: var(--gutter-100);
}
}
.about-us-area .about-content span {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
font-weight: var(--fw-600);
color: var(--clr-primary);
}
.about-us-area .about-content h3 {
font-size: var(--fs-20);
font-weight: var(--fw-700);
color: var(--clr-black);
margin: var(--gutter-10) 0 var(--gutter-20) 0;
}
@media screen and (min-width: 992px) {
.about-us-area .about-content h3 {
font-size: var(--fs-36);
margin: var(--gutter-15) 0 var(--gutter-30) 0;
}
}
.about-us-area .about-content p {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
color: var(--clr-black-4);
}
.about-us-area .about-feature {
margin-top: var(--gutter-40);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--gutter-40);
}
@media screen and (min-width: 992px) {
.about-us-area .about-feature {
margin-top: var(--gutter-60);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.about-us-area .about-feature-image {
width: 3.4375rem;
height: 3.4375rem;
}
.about-us-area .about-feature-item h5 {
font-size: var(--fs-18);
font-weight: var(--fw-700);
color: var(--clr-black);
margin: var(--gutter-30) 0 var(--gutter-15) 0;
}
.about-us-area .about-feature-item p {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
color: var(--clr-black-4);
}
.about-us-feature-area {
background-color: var(--about-feature-bg);
}
.about-us-feature-area .about-us-feature-content {
margin-bottom: var(--gutter-30);
}
@media screen and (min-width: 992px) {
.about-us-feature-area .about-us-feature-content {
margin-bottom: 0;
}
}
.about-us-feature-area .feature-about-img {
overflow: hidden;
}
.about-us-feature-area .feature-about-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.about-us-feature-area .feature-about-img img {
width: 100%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.about-us-feature-area .about-us-feature-content h5 {
font-size: var(--fs-18);
font-weight: var(--fw-700);
color: var(--clr-black);
margin: var(--gutter-30) 0 var(--gutter-15) 0;
}
.about-us-feature-area .about-us-feature-content p {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
color: var(--clr-black-4);
}
.inner-banner {
width: 100%;
height: 294px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
place-content: center;
}
.inner-banner .banner-content {
text-align: center;
}
.inner-banner .banner-content h1 {
font-size: var(--fs-20);
font-weight: var(--fw-700);
color: var(--clr-white);
}
@media screen and (min-width: 768px) {
.inner-banner .banner-content h1 {
font-size: var(--fs-46);
}
}
.inner-banner .banner-content .breadcrumb {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.inner-banner .banner-content .breadcrumb-item {
color: var(--clr-white);
}
.inner-banner .banner-content .breadcrumb-item a {
color: var(--clr-white);
text-decoration: none;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
@media screen and (min-width: 576px) {
.inner-banner .banner-content .breadcrumb-item a {
margin-right: var(--gutter-10);
}
}
.inner-banner .banner-content .breadcrumb-item a:is(:hover, :focus) {
color: var(--clr-primary);
}
.inner-banner .banner-content .current-page::before {
content: "\f054";
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: var(--fs-10);
color: var(--clr-white);
}
@media screen and (min-width: 576px) {
.inner-banner .banner-content .current-page::before {
margin-right: var(--gutter-10);
}
}
.inner-banner .breadcrumb {
margin-bottom: 0;
}
.cta-area {
background-size: cover;
background-position: left right;
background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
.cta-area {
background-position: center center;
}
}
.cta-counterdown {
text-align: center;
}
.cta-counterdown h5 {
width: 9.5rem;
margin: 0 auto;
font-size: var(--fs-24);
line-height: 2.875rem;
color: var(--clr-black);
background-color: var(--clr-yellow-1);
margin-bottom: var(--gutter-10);
}
.cta-counterdown h2 {
font-size: var(--fs-30);
font-weight: var(--fw-700);
line-height: 1.2;
color: var(--clr-white);
margin-bottom: 1.5625rem;
}
@media screen and (min-width: 992px) {
.cta-counterdown h2 {
font-size: var(--fs-48);
}
}
@media screen and (min-width: 1200px) {
.cta-counterdown h2 {
font-size: var(--fs-60);
}
}
.cta-counterdown .countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: var(--gutter-15);
margin-bottom: var(--gutter-25);
font-size: var(--fs-24);
color: var(--clr-white);
}
@media screen and (min-width: 992px) {
.cta-counterdown .countdown {
font-size: var(--fs-60);
gap: var(--gutter-40);
}
}
.cta-counterdown .single-countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 1200px) {
.cta-counterdown .single-countdown {
gap: var(--gutter-15);
}
}
.cta-counterdown .single-countdown h4 {
font-size: var(--fs-30);
line-height: 1.4;
color: var(--clr-white);
}
@media screen and (min-width: 1200px) {
.cta-counterdown .single-countdown h4 {
font-size: var(--fs-48);
line-height: 1.875rem;
}
}
.cta-counterdown .single-countdown span {
font-size: var(--fs-12);
line-height: 1.875rem;
color: var(--clr-white);
text-transform: uppercase;
}
.cta-right-image {
position: relative;
}
@media screen and (min-width: 1200px) {
.cta-right-image img {
padding-left: var(--gutter-50);
}
}
.cta-offer {
top: -70px;
left: 0;
position: absolute;
text-align: center;
width: 9.4375rem;
height: 9.4375rem;
line-height: 9.4375rem;
border-radius: 50%;
text-align: center;
background: #2fc2f8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.cta-offer h2 {
font-size: var(--fs-48);
font-weight: var(--fw-700);
line-height: 1.2;
color: var(--clr-white);
}
.cta-offer span {
font-size: var(--fs-24);
font-weight: var(--fw-700);
line-height: 1.2;
color: var(--clr-white);
}
.cta2-area {
padding: var(--gutter-60) 0;
}
.cta2-area .cta-counterdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 992px) {
.cta2-area .cta-counterdown {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.cta2-area .cta-counterdown h5 {
color: var(--clr-white);
background-color: transparent;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
.cta2-area .cta-counterdown h5 {
margin: 0;
margin-bottom: var(--gutter-10);
}
}
.cta2-area .cta-counterdown h5 span {
color: var(--clr-yellow-1);
}
.cta2-area .cta-counterdown h2 {
font-size: var(--fs-36);
margin-bottom: 0;
}
.cta2-area .cta-counterdown #countdown-active {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gutter-15);
margin-bottom: var(--gutter-30);
margin-top: var(--gutter-20);
}
@media screen and (min-width: 992px) {
.cta2-area .cta-counterdown #countdown-active {
gap: var(--gutter-30);
margin-bottom: 0;
}
}
.popular-area {
--section-padding-top: var(--gutter-20);
--section-padding-bottom: var(--gutter-10);
overflow: hidden;
}
@media screen and (min-width: 768px) {
.popular-area {
--section-padding-top: var(--gutter-50);
}
}
@media screen and (min-width: 992px) {
.popular-area {
--section-padding-top: var(--gutter-90);
--section-padding-bottom: var(--gutter-50);
}
}
@media screen and (min-width: 1200px) {
.popular-area {
--section-padding-top: var(--gutter-120);
--section-padding-bottom: var(--gutter-80);
}
}
.popular-area .filter-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: var(--gutter-30);
}
@media screen and (min-width: 1200px) {
.popular-area .filter-group {
margin-bottom: var(--gutter-60); }
}
.popular-area .filter-group li {
color: var(--clr-black-6);
font-size: var(--fs-14);
font-weight: var(--fw-500);
cursor: pointer;
}
.popular-area .filter-group li:hover {
color: var(--clr-primary);
}
.popular-area .filter-group .is-active {
color: var(--clr-primary);
}
.product-item:hover .product-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.product-item:hover .product-img::before {
opacity: 0.2;
visibility: visible;
}
.product-item:hover .cart-meta {
top: 50%;
}
.product-item:hover .cart-meta a {
visibility: visible;
opacity: 1;
}
.popular-img {
background-color: var(--bg-clr);
margin-bottom: 1.5625rem;
position: relative;
min-height: 17.8125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.popular-img img {
margin: 0 auto;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.popular-img .product-img {
padding: 2.1875rem 0;
position: relative;
width: 100%;
height: 100%;
min-height: 17.8125rem;
}
.popular-img .product-img::before {
content: "";
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--clr-black);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.cart-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--gutter-10);
top: 60%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.cart-meta a {
display: block;
width: 2.125rem;
height: 2.125rem;
line-height: 2.125rem;
border-radius: 50%;
text-align: center;
background-color: var(--clr-primary);
color: var(--clr-white);
font-size: var(--fs-12);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
visibility: hidden;
opacity: 0;
}
.cart-meta a:hover {
background-color: var(--clr-white);
color: var(--clr-primary);
}
.about-counter-area .counter-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--gutter-30);
margin-bottom: var(--gutter-30);
}
@media screen and (min-width: 768px) {
.about-counter-area .counter-wrapper {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
}
@media screen and (min-width: 992px) {
.about-counter-area .counter-wrapper {
margin-bottom: 0;
}
}
.about-counter-area .counter-content .counter-number {
font-size: var(--fs-30);
font-weight: var(--fw-700);
color: var(--clr-white);
line-height: 2.5rem;
margin-bottom: var(--gutter-10);
}
@media screen and (min-width: 768px) {
.about-counter-area .counter-content .counter-number {
font-size: var(--fs-48);
}
}
.about-counter-area .counter-content p {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
color: var(--clr-white);
line-height: 1;
}
.team-heading {
text-align: center;
margin-bottom: var(--gutter-40);
}
@media screen and (min-width: 768px) {
.team-heading {
margin-bottom: var(--gutter-60);
}
}
.team-heading p {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
font-weight: var(--fw-600);
color: var(--clr-primary);
margin-top: -6px;
margin-bottom: var(--gutter-10);
}
.team-heading h3 {
font-size: var(--fs-22);
font-weight: var(--fw-700);
color: var(--clr-black);
line-height: 1;
}
@media screen and (min-width: 768px) {
.team-heading h3 {
font-size: var(--fs-36);
}
}
.team-item {
position: relative;
margin-bottom: var(--gutter-30);
padding-bottom: 60px;
}
.team-item .team-img {
overflow: hidden;
}
.team-item .team-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.team-item .team-img img {
width: 100%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
@media screen and (min-width: 992px) {
.team-item {
margin-bottom: 0;
}
}
.team-item:hover .team-content {
max-height: 100%;
}
.team-item:hover .team-social {
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
margin-top: var(--gutter-15);
padding-bottom: var(--gutter-30);
}
.team-item img {
width: 100%;
}
.team-content {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
text-align: center;
background-color: var(--clr-white);
width: calc(100% - 60px);
margin: 0 auto;
padding: var(--gutter-30);
-webkit-box-shadow: 0 0 29px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 29px rgba(0, 0, 0, 0.06);
position: relative;
z-index: 1;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.team-content h5 {
font-size: var(--fs-18);
font-weight: var(--fw-700);
line-height: 1.4;
margin-bottom: var(--gutter-5);
color: var(--clr-black);
}
.team-content p {
font-family: var(--ff-poppins);
font-size: var(--fs-13);
line-height: 1.5;
color: var(--clr-black-4);
margin-bottom: 0;
}
.team-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--gutter-10);
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
margin: 0 auto;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.team-social i {
width: 1.875rem;
height: 1.875rem;
line-height: 1.875rem;
border-radius: 50%;
text-align: center;
background-color: var(--clr-blue);
color: var(--clr-white);
font-size: var(--fs-15);
}
.team-social .twitter {
background-color: var(--clr-blue-4);
}
.team-social .linkedin {
background-color: var(--clr-blue-5);
}
.brand-area .swiper-slide-duplicate-prev {
margin-right: -1px;
}
.brand-area .swiper-slide-prev {
margin-left: 1px;
}
.brand-area .swiper-slide {
border: 1px solid var(--border-clr-2);
border-right: none;
padding: var(--gutter-30) var(--gutter-40);
min-height: 10rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.brand-area .swiper-slide:last-child {
border-right: 1px solid var(--border-clr-2);
}
.brand-area .swiper-slide img {
margin: 0 auto;
}
.brand-area .brand-slider-wrapper {
position: relative;
overflow: hidden;
}
.brand-area .brand-slider-wrapper :is(.swiper-button-next,
.swiper-button-prev) {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.brand-area .brand-slider-wrapper :is(.swiper-button-next,
.swiper-button-prev):hover {
background: var(--clr-primary);
color: var(--clr-white);
}
.brand-area .brand-slider-wrapper .swiper-button-next {
right: 10px;
}
.brand-area .brand-slider-wrapper .swiper-button-prev {
left: 10px;
}
.brand-area .brand-slider-wrapper:hover :is(.swiper-button-next,
.swiper-button-prev) {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 1200px) {
.brand-area .brand-slider-wrapper {
overflow: visible;
}
.brand-area .brand-slider-wrapper :is(.swiper-button-next,
.swiper-button-prev) {
opacity: 1;
visibility: visible;
}
.brand-area .brand-slider-wrapper .swiper-button-next {
right: -70px;
}
.brand-area .brand-slider-wrapper .swiper-button-prev {
left: -70px;
}
}
.brand-area2 {
padding-top: 0;
}
.footer-feat-area {
padding-bottom: 0;
}
@media screen and (min-width: 992px) {
.footer-feat-area {
padding-bottom: var(--gutter-90);
}
}
.footer-feat-area .feat-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--gutter-25);
margin-bottom: var(--gutter-40);
text-align: center;
}
@media screen and (min-width: 576px) {
.footer-feat-area .feat-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: left;
}
}
@media screen and (min-width: 992px) {
.footer-feat-area .feat-item {
margin-bottom: 0;
}
}
@media screen and (min-width: 1441px) {
.footer-feat-area .feat-item {
padding-right: var(--gutter-60);
}
}
.footer-feat-area .feat-content h5 {
font-size: var(--fs-20);
font-weight: var(--fw-700);
line-height: 1.875rem;
color: var(--clr-black);
}
.footer-feat-area .feat-content p {
font-family: var(--ff-poppins);
line-height: 1.875rem;
color: var(--clr-black-4);
}
.testimonial-area {
border-bottom: 1px solid #eee;
--section-padding-bottom: var(--gutter-20);
}
@media screen and (min-width: 992px) {
.testimonial-area {
--section-padding-bottom: var(--gutter-80);
}
}
.testimonial-item {
text-align: center;
position: relative;
z-index: 1;
padding: 0 var(--gutter-15);
margin: var(--gutter-30) 0 var(--gutter-15);
}
@media screen and (min-width: 768px) {
.testimonial-item {
padding: 0 var(--gutter-20);
margin: var(--gutter-60) 0 var(--gutter-15);
}
}
@media screen and (min-width: 1200px) {
.testimonial-item {
padding: 0 50px;
margin: 60px 0 20px;
}
}
.testimonial-item .testimonial-quote {
inset: 0;
position: absolute;
margin: auto;
z-index: -1;
width: 70%;
}
@media screen and (min-width: 992px) {
.testimonial-item .testimonial-quote {
width: auto;
width: 68%;
}
}
.testimonial-item img {
margin: 0 auto;
margin-bottom: 1.5625rem;
}
.testimonial-item p {
font-size: var(--fs-16);
font-weight: var(--fw-500);
line-height: 1.5;
color: var(--clr-black-3);
}
@media screen and (min-width: 768px) {
.testimonial-item p {
font-size: var(--fs-18);
}
}
@media screen and (min-width: 1200px) {
.testimonial-item p {
line-height: 2;
font-size: var(--fs-20);
}
}
.testimonial-item span {
font-size: var(--fs-14);
font-weight: var(--fw-700);
line-height: 2.6875rem;
color: var(--clr-black);
}
.swiper-slide-next .testimonial-item {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.shop-sidebar {
border: 1px solid var(--border-clr-2);
margin-bottom: var(--gutter-40);
padding: var(--gutter-30);
}
@media screen and (min-width: 992px) {
.shop-sidebar {
margin-bottom: 0;
}
}
.shop-sidebar :is(.sidebar-categories,
.sidebar-range,
.sidebar-brands) {
margin-bottom: var(--gutter-30);
}
@media screen and (min-width: 768px) {
.shop-sidebar :is(.sidebar-categories,
.sidebar-range,
.sidebar-brands) {
margin-bottom: var(--gutter-50);
}
}
.shop-sidebar .sidebar-range .ui-slider-horizontal {
height: 2px;
background-color: var(--border-clr-2);
border-radius: 0;
border: none;
}
.shop-sidebar .sidebar-range .ui-slider-range {
background-color: var(--clr-primary);
}
.shop-sidebar .sidebar-range .ui-slider-handle {
background: var(--clr-white);
border: 1px solid var(--clr-primary);
border-radius: 0;
top: -0.6rem;
}
.shop-sidebar .parice-range-wrapper {
margin-top: var(--gutter-20);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shop-sidebar .parice-range-wrapper label {
color: var(--clr-black-4);
font-size: var(--fs-14);
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.shop-sidebar .parice-range-wrapper input {
border: none;
outline: none;
}
.shop-sidebar .heading {
font-size: var(--fs-18);
font-weight: var(--fw-700);
line-height: 2;
color: var(--clr-black);
margin-bottom: var(--gutter-20);
text-transform: uppercase;
}
.shop-sidebar .list-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--gutter-10);
}
.shop-sidebar .list-group-item {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
color: var(--list-item-clr, var(--clr-black-4));
line-height: 1.6;
border: 0;
padding: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
cursor: pointer;
padding-left: var(--gutter-20);
}
.shop-sidebar .list-group-item::before {
content: "";
top: 50%;
left: 0;
position: absolute;
width: 0.5rem;
height: 0.5rem;
line-height: 0.5rem;
border-radius: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--list-item-clr, var(--clr-black-4));
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.shop-sidebar .list-group-item.is-active {
--list-item-clr: var(--clr-primary);
}
.shop-sidebar .list-group-item:is(:hover, :focus) {
--list-item-clr: var(--clr-primary);
}
.shop-sidebar .list-group-item:is(:hover, :focus) span {
color: var(--clr-primary);
}
.shop-sidebar .list-group-item .badge {
--bs-badge-color: var(--clr-black-16);
--bs-badge-font-weight: var(--fw-400);
--bs-badge-padding-y: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.shop-sidebar .brand-list .list-group-item {
padding-left: 0;
}
.shop-sidebar .brand-list .list-group-item::before {
content: none;
}
.shop-sidebar .brand-list .list-group-item .form-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gutter-10);
padding-left: 0;
}
.shop-sidebar .brand-list .list-group-item .form-check-input {
margin: 0;
}
.shop-sidebar .brand-list .list-group-item .form-check-label {
color: var(--list-item-clr, var(--clr-black-4));
}
.shop-bar {
margin-bottom: var(--gutter-25);
}
.shop-bar-text,
:is(.shop-icon-wrapper, .shop-filter) span {
font-family: var(--ff-poppins);
color: var(--clr-black-12);
font-size: var(--fs-14);
}
.shop-icon-wrapper:is(:hover, :focus) {
color: var(--clr-primary);
}
.shop-bar-text span {
color: var(--clr-black-2);
}
.shop-icon-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.9375rem;
margin-right: var(--gutter-20);
}
.shop-icon-wrapper a {
font-size: var(--fs-20);
color: var(--clr-black-14);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.shop-icon-wrapper a:hover {
color: var(--clr-primary);
}
.shop-filter {
background-color: var(--filter-bg);
border-radius: 0.3125rem;
padding: 0.3125rem var(--gutter-15);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.3125rem;
position: relative;
z-index: 9;
align-items: center;
}
.shop-filter .sort-by-text {
font-weight: var(--fw-500);
}
.shop-filter .custom-select .current {
color: var(--clr-black);
}
.shop-filter .custom-select .list .option {
font-weight: var(--fw-400);
color: var(--clr-black);
}
.shop-filter .custom-select .nice-select::after {
border-color: var(--clr-black);
width: 0.5rem;
height: 0.5rem;
}
.nice-select {
background-color: transparent;
border-radius: 0;
border: none;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 1.6875rem;
line-height: 1.6875rem;
padding-left: 0;
}
.shop-pagination {
margin-top: var(--gutter-30);
}
.shop-pagination .pagination {
gap: 0.3125rem;
}
.shop-pagination .page-link {
border: none;
font-family: var(--ff-poppins);
font-size: var(--fs-14);
color: var(--clr-black-15);
width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem;
border-radius: 50%;
text-align: center;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
--bs-pagination-border-radius: 50%;
}
.shop-pagination .page-link:hover {
background-color: var(--clr-primary);
color: var(--clr-white);
}
.shop-pagination .page-link:hover i {
color: var(--clr-white);
}
.shop-pagination i {
font-size: var(--fs-14);
color: var(--clr-black);
}
.rating-wrap {
padding-bottom: var(--gutter-10);
}
.rating-wrap:last-child {
padding-bottom: 0;
}
.rating-wrap span {
color: var(--clr-black-18);
font-size: var(--fs-12);
}
.rating-wrap .checked {
color: var(--clr-yellow-2);
}
.rating-wrap .rating-count {
color: var(--clr-black-12);
}
.shop-single-area .best-seller {
background-color: var(--bg-clr);
}
.shop-single-area .header-title h4 {
color: var(--clr-black);
font-weight: var(--fw-700);
padding: var(--gutter-20);
border-bottom: 1px solid var(--border-clr-2);
}
.shop-single-area .product-item {
border-bottom: 1px solid var(--border-clr-2);
}
.shop-single-area .product-item:last-child {
border-bottom: none;
}
.shop-single-area .single-product-img {
padding: var(--gutter-50) 0;
border: 1px solid var(--border-clr-2);
margin-bottom: var(--gutter-30);
margin-top: var(--gutter-30);
}
@media screen and (min-width: 992px) {
.shop-single-area .single-product-img {
margin-top: 0;
}
}
.shop-single-area .single-small-product-img .single-product-gallery-img {
padding: var(--gutter-15) var(--gutter-20);
border: 1px solid var(--border-clr-2);
cursor: pointer;
}
@media screen and (min-width: 1441px) {
.shop-single-area .single-small-product-img .single-product-gallery-img {
padding: var(--gutter-15) var(--gutter-40);
}
}
.shop-single-area .single-small-product-img .single-product-gallery-img img {
margin: 0 auto;
}
.shop-single-area .product-details-wrapper {
margin-top: var(--gutter-30);
}
@media screen and (min-width: 1200px) {
.shop-single-area .product-details-wrapper {
margin-top: 0;
}
}
.shop-single-area .instock {
color: var(--clr-green);
font-size: var(--fs-14);
font-weight: var(--fw-700);
margin-bottom: var(--gutter-15);
}
.shop-single-area .single-product-title {
font-size: var(--fs-30);
font-weight: var(--fw-700);
line-height: 2.25rem;
color: var(--clr-black);
margin-bottom: var(--gutter-10);
}
.shop-single-area .single-product-price {
font-size: var(--fs-24);
font-weight: var(--fw-700);
line-height: 2.25rem;
color: var(--clr-primary);
margin-bottom: var(--gutter-10);
}
.shop-single-area .single-product-price span {
font-size: var(--fs-18);
color: var(--price-clr);
margin-left: var(--gutter-15);
border-bottom: 1px solid var(--price-clr);
}
.shop-single-area .single-product-content {
font-family: var(--ff-poppins);
font-size: var(--fs-12);
color: var(--clr-black-4);
padding: var(--gutter-30) 0;
}
.shop-single-area .rating-wrap {
padding-bottom: 0;
}
.shop-single-area .quantity-action {
border-bottom: 1px solid var(--border-clr-2);
padding-bottom: var(--gutter-30);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gutter-20);
}
.shop-single-area .quantity-action .quantity {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--border-clr-2);
padding: var(--gutter-10) var(--gutter-15);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
}
.shop-single-area .quantity-action .quantity i {
cursor: pointer;
}
.shop-single-area .quantity-action .quantity input {
width: 1.875rem;
text-align: center;
border: 0;
color: var(--clr-black);
font-size: var(--fs-16);
font-weight: var(--fw-600);
}
.shop-single-area .quantity-action .quantity a {
font-size: var(--fs-24);
color: var(--clr-black-7);
}
.shop-single-area .quantity-action button {
--bs-btn-font-size: var(--fs-14);
--bs-btn-padding-x: var(--gutter-30);
--bs-btn-padding-y: var(--gutter-15);
border: 1px solid;
--bs-btn-hover-border-color: var(--clr-primary);
}
.shop-single-area .quantity-action button i {
margin-right: 0.5rem;
}
.shop-single-area .categories {
margin-top: var(--gutter-30);
}
.shop-single-area .categories,
.shop-single-area .sku,
.shop-single-area .brand {
font-size: var(--fs-14);
font-weight: var(--fw-600);
line-height: 1.875rem;
color: var(--clr-black);
}
.shop-single-area .categories span,
.shop-single-area .sku span,
.shop-single-area .brand span {
color: var(--clr-black-4);
font-weight: var(--fw-400);
}
.shop-single-area .single-product-review {
margin-top: var(--gutter-30);
gap: var(--gutter-30);
border-bottom: 1px solid var(--border-clr-2);
}
@media screen and (min-width: 992px) {
.shop-single-area .single-product-review {
margin-top: var(--gutter-50);
}
}
.shop-single-area .single-product-review .nav-link {
padding: 0;
border-radius: 0;
background-color: transparent;
font-size: var(--fs-20);
font-weight: var(--fw-500);
line-height: 2.25rem;
color: var(--review-clr);
}
.shop-single-area .single-product-review .nav-link.active {
border-bottom: 5px solid var(--clr-primary);
color: var(--clr-black-2);
}
.shop-single-area .tab-content {
margin-top: var(--gutter-40);
}
.shop-single-area .tab-pane p {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
line-height: 1.875rem;
color: var(--clr-black-4);
}
.product-area .product-wrapper {
position: relative;
}
.product-area .product-wrapper img {
width: 100%;
}
.product-area .product-wrapper .product-content {
top: 30%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 1.875rem;
}
@media screen and (min-width: 1200px) {
.product-area .product-wrapper .product-content {
padding: 0 4.0625rem;
}
}
.product-area .product-wrapper p {
font-size: var(--fs-18);
font-weight: var(--fw-400);
line-height: 2.25rem;
color: var(--clr-white);
}
.product-area .product-wrapper p span {
font-weight: var(--fw-700);
color: var(--clr-yellow-1);
}
.product-area .product-wrapper h3 {
font-size: var(--fs-30);
font-weight: var(--fw-700);
line-height: 2.25rem;
color: var(--clr-white);
margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
.product-area .product-wrapper h3 {
margin-bottom: 3.125rem;
}
}
.product-area .product-wrapper a {
font-size: var(--fs-14);
font-weight: var(--fw-700);
line-height: 3.75rem;
color: var(--clr-black);
background-color: var(--clr-white);
padding: 0.9375rem 2.8125rem;
text-decoration: none;
border: 1px solid var(--clr-white);
-webkit-transition: all linear 0.3s;
transition: all linear 0.3s;
}
.product-area .product-wrapper a:hover {
color: var(--clr-white);
background-color: transparent;
}
.product-area .header-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.875rem;
margin-bottom: var(--gutter-25);
}
@media screen and (min-width: 992px) {
.product-area .header-title {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 2.8125rem;
margin-bottom: 3rem;
}
}
.product-area .header-title h4 {
font-size: var(--fs-24);
font-weight: var(--fw-700);
line-height: 1;
color: var(--clr-black);
}
.product-area .header-title .product-btn {
color: var(--clr-black);
font-size: var(--fs-12);
font-weight: var(--fw-700);
line-height: 1;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product-area .header-title .product-btn:is(:hover, :focus) {
color: var(--clr-primary);
}
.product-area .best-seller {
margin-top: var(--gutter-50);
}
@media screen and (min-width: 768px) {
.product-area .best-seller {
margin-top: 0;
}
}
.product-title {
color: var(--clr-black);
font-size: var(--fs-16);
font-weight: var(--fw-500);
line-height: 1.5rem;
}
.product-title a {
text-decoration: none;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product-title a:is(:hover, :focus) {
color: var(--clr-primary);
}
.rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.3125rem;
padding: 0.625rem 0;
font-size: var(--fs-12);
color: var(--clr-yellow);
}
.product-price {
color: var(--clr-primary);
font-size: var(--fs-18);
font-weight: var(--fw-600);
line-height: 1.5rem;
}
.product-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 101px;
min-width: 110px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-img img {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product-item.layout-one {
text-align: center;
padding-bottom: 2.1875rem;
}
.product-item.layout-one h4 a { text-decoration: none;
margin: 0 auto;
display: block;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product-item.layout-one .rating {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-item.layout-two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gutter-35);
background: var(--bg-clr);
padding: var(--gutter-30);
text-decoration: none;
}
.single-page-similar-product .product-item.layout-two {
gap: 20px;
}
.product-item.layout-two .rating {
padding: 0;
}
.product-item.layout-two h4 {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product-item:hover .product-img img, .product-item:focus .product-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.product-item:hover h4, .product-item:focus h4 {
color: var(--clr-primary);
}
.single-page-similar-product .product-item.layout-two {
padding-left: 0;
}
.feature-area {
padding-top: var(--gutter-30);
}
.feature2-area {
padding-top: 0;
}
.feature-item {
position: relative;
margin-bottom: var(--gutter-30);
overflow: hidden;
}
.feature-item:hover .feature-img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (min-width: 768px) {
.feature-item {
margin-bottom: 0;
}
}
.feature-img {
width: 100%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.feature-content {
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.feature-content {
left: 50px;
}
}
@media screen and (min-width: 1441px) {
.feature-content {
left: 80px;
}
}
.feature-content h2 {
color: var(--clr-white);
font-size: var(--fs-30);
font-weight: var(--fw-700);
line-height: 1;
margin-bottom: var(--gutter-25);
width: 100%;
}
@media screen and (min-width: 768px) {
.feature-content h2 {
width: 10.625rem;
}
}
@media screen and (min-width: 1200px) {
.feature-content h2 {
font-size: var(--fs-48);
}
}
.feature-content .btn {
--bs-btn-border-width: 2px;
--bs-btn-padding-x: var(--gutter-30);
--bs-btn-font-weight: var(--fw-700);
border: 1px solid var(--clr-white);
}
.contact-form-area .contact-heading {
font-size: var(--fs-24);
font-weight: var(--fw-700);
color: var(--clr-black);
margin-top: -0.5rem;
margin-bottom: var(--gutter-20);
}
@media screen and (min-width: 768px) {
.contact-form-area .contact-heading {
margin-bottom: var(--gutter-40);
}
}
.contact-form-area .form-wrapper {
margin-right: 0;
}
@media screen and (min-width: 992px) {
.contact-form-area .form-wrapper {
margin-right: var(--gutter-40);
}
}
@media screen and (min-width: 1200px) {
.contact-form-area .form-wrapper {
margin-right: var(--gutter-110);
}
}
.contact-form-area .form-control {
padding: var(--gutter-15) var(--gutter-30);
color: var(--clr-black-12);
border: none;
border-radius: 0;
margin-top: 0;
background-color: var(--input-bg);
}
.contact-form-area textarea {
height: 8.5rem;
}
.contact-form-area input[type="submit"] {
width: 10.9375rem;
height: 2.8125rem;
font-size: var(--fs-14);
font-weight: var(--fw-700);
color: var(--clr-white);
background-color: var(--clr-primary);
text-transform: uppercase;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.contact-form-area input[type="submit"]:hover {
color: var(--clr-primary);
background-color: transparent;
border: 1px solid var(--clr-primary);
}
.contact-form-area .contact-wrapper {
border-left: 0;
padding-left: 0;
padding-top: var(--gutter-40);
}
@media screen and (min-width: 768px) {
.contact-form-area .contact-wrapper {
padding-top: var(--gutter-60);
}
}
@media screen and (min-width: 992px) {
.contact-form-area .contact-wrapper {
border-left: 1px solid var(--border-clr-2);
padding-left: var(--gutter-40);
padding-top: 0;
}
}
@media screen and (min-width: 1441px) {
.contact-form-area .contact-wrapper {
padding-left: var(--gutter-110);
}
}
.contact-form-area .contact-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gutter-25);
}
.contact-form-area hr {
width: 100%;
height: 1px;
margin: var(--gutter-20) 0;
background-color: var(--border-clr-2);
}
.contact-form-area .contact-content h5 {
font-size: var(--fs-18);
font-weight: var(--fw-700);
color: var(--clr-black);
}
.contact-form-area .contact-info {
font-family: var(--ff-poppins);
font-size: var(--fs-14);
color: var(--clr-black-11);
display: block;
text-decoration: none;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.contact-form-area a.contact-info:hover {
color: var(--clr-primary);
}
.category-area .category-wrapper {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: var(--gutter-30);
}
.category-item {
display: block;
text-align: center;
text-decoration: none;
}
.category-item a {
text-decoration: none;
}
.category-item .category-img {
overflow: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
width: 8.5625rem;
height: 8.5625rem;
line-height: 8.5625rem;
border-radius: 50%;
text-align: center;
margin: 0 auto;
}
.category-item .category-img img {
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.category-item h5 {
padding-top: var(--gutter-20);
margin-bottom: 0;
color: var(--clr-black);
font-size: var(--fs-18);
font-weight: var(--fw-700);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.category-item:is(:hover, :focus) .category-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.category-item:is(:hover, :focus) h5 {
color: var(--clr-primary);
}
.landing-header-area {
background-color: var(--clr-black);
padding-top: var(--gutter-45);
}
.landing-header-area .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.landing-header-area .navbar-nav {
gap: var(--gutter-20);
}
.landing-header-area .nav-link {
color: var(--clr-white);
font-size: var(--fs-18);
font-weight: var(--fw-500);
}
.landing-header-area .btn {
--bs-btn-bg: var(--clr-white);
--bs-btn-border-radius: 0;
--bs-btn-font-size: var(--fs-14);
--bs-btn-font-weight: var(--fw-700);
--bs-btn-color: var(--clr-black);
}
.landing-banner-area {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: var(--gutter-120) 0 var(--gutter-60) 0;
}
@media screen and (min-width: 768px) {
.landing-banner-area {
padding-bottom: var(--gutter-90);
}
}
@media screen and (min-width: 992px) {
.landing-banner-area {
padding: 18.4375rem 0 16.5625rem 0;
}
}
.landing-banner-area .landing-banner-content {
text-align: center;
}
.landing-banner-area .landing-banner-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--gutter-15);
}
@media screen and (min-width: 992px) {
.landing-banner-area .landing-banner-images {
gap: var(--gutter-25);
}
}
.landing-banner-area .landing-img {
width: 1.875rem;
height: 1.875rem;
line-height: 1.875rem;
border-radius: 50%;
text-align: center;
}
@media screen and (min-width: 992px) {
.landing-banner-area .landing-img {
width: 5.1875rem;
height: 5.1875rem;
line-height: 5.1875rem;
border-radius: 50%;
text-align: center;
}
}
.landing-banner-area .landing-banner-title {
font-size: var(--fs-20);
font-weight: var(--fw-700);
color: var(--clr-white);
}
@media screen and (min-width: 576px) {
.landing-banner-area .landing-banner-title {
padding: var(--gutter-20) 0;
}
}
@media screen and (min-width: 768px) {
.landing-banner-area .landing-banner-title {
font-size: var(--fs-40);
line-height: 3.125rem;
}
}
@media screen and (min-width: 1200px) {
.landing-banner-area .landing-banner-title {
font-size: var(--fs-72);
line-height: 5.625rem;
padding: var(--gutter-60) 0 var(--gutter-65) 0;
}
}
.landing-banner-area .landing-banner-title span {
color: var(--clr-primary);
}
.landing-banner-area .btn {
--bs-btn-font-size: var(--fs-14);
--bs-btn-border-radius: 0;
--bs-btn-font-weight: var(--fw-700);
}
@media screen and (min-width: 992px) {
.landing-banner-area .btn {
--bs-btn-padding-x: var(--gutter-40);
--bs-btn-padding-y: var(--gutter-15);
}
}
.landing-heading-title {
font-size: var(--fs-20);
font-weight: var(--fw-500);
color: var(--clr-black);
padding: var(--gutter-20) 0;
}
@media screen and (min-width: 768px) {
.landing-heading-title {
font-size: var(--fs-30);
padding: var(--gutter-40) 0;
}
}
@media screen and (min-width: 992px) {
.landing-heading-title {
font-size: var(--fs-60);
}
}
.landing-about-area {
padding: var(--gutter-60) 0;
}
@media screen and (min-width: 768px) {
.landing-about-area {
padding: var(--gutter-90) 0;
}
}
@media screen and (min-width: 768px) {
.landing-about-area {
padding: var(--gutter-120) 0;
}
}
.landing-about-area .landing-about-heading .btn {
--bs-btn-font-size: var(--fs-14);
--bs-btn-padding-x: var(--gutter-20);
--bs-btn-padding-y: var(--gutter-10);
--bs-btn-font-weight: var(--fw-700);
}
@media screen and (min-width: 768px) {
.landing-about-area .landing-about-heading .btn {
--bs-btn-font-size: var(--fs-18);
--bs-btn-padding-x: var(--gutter-40);
}
}
.landing-about-area .landing-about-img {
border: 1.25rem solid var(--border-clr-2);
border-radius: 0.9375rem;
}
@media screen and (min-width: 768px) {
.landing-about-area .landing-about-img {
border: 2.1875rem solid var(--border-clr-2);
}
}
.landing-about-area .landing-about-img img {
width: 100%;
}
.landing-about-area .about-img-link {
text-align: center;
margin: var(--gutter-30) 0;
}
@media screen and (min-width: 992px) {
.landing-about-area .about-img-link {
margin-bottom: 0;
}
}
.landing-about-area .about-img-link a {
font-size: var(--fs-18);
font-weight: var(--fw-700);
text-decoration: none;
color: var(--clr-black);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
@media screen and (min-width: 768px) {
.landing-about-area .about-img-link a {
font-size: var(--fs-24);
}
}
.landing-about-area .about-img-link a:hover {
color: var(--clr-primary);
}
.landing-features-area {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: var(--gutter-60) 0;
}
@media screen and (min-width: 768px) {
.landing-features-area {
padding: var(--gutter-100) 0;
}
}
.landing-features-area .landing-heading-title {
text-align: center;
color: var(--clr-white);
padding-top: 0;
}
.landing-features-area .landing-feature-items-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gutter-30);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.landing-features-area .landing-feature-item {
background-color: var(--clr-white);
border-radius: 0.9375rem;
padding: var(--gutter-45) var(--gutter-75);
text-align: center;
width: 18.8125rem;
}
.landing-features-area .landing-items-img {
margin-bottom: var(--gutter-15);
}
.landing-features-area .landing-feature-item-title {
font-size: var(--fs-22);
}
.landing-pages-slider {
padding: var(--gutter-60) 0;
}
@media screen and (min-width: 768px) {
.landing-pages-slider {
padding: var(--gutter-90) 0;
}
}
@media screen and (min-width: 992px) {
.landing-pages-slider {
padding: var(--gutter-120) 0;
}
}
.landing-pages-slider .btn {
--bs-btn-font-size: var(--fs-14);
--bs-btn-font-weight: var(--fw-700);
--bs-btn-padding-x: var(--gutter-20);
--bs-btn-padding-y: var(--gutter-10);
}
@media screen and (min-width: 768px) {
.landing-pages-slider .btn {
--bs-btn-padding-x: var(--gutter-30);
}
}
@media screen and (min-width: 992px) {
.landing-pages-slider .btn {
--bs-btn-font-size: var(--fs-18);
--bs-btn-padding-x: var(--gutter-50);
}
}
.landing-pages-slider .pages-slider-title {
padding: var(--gutter-20) 0;
}
@media screen and (min-width: 992px) {
.landing-pages-slider .pages-slider-title {
padding: var(--gutter-30) 0 var(--gutter-50) 0;
}
}
.landing-pages-slider .swiper-pagination {
margin-top: var(--gutter-20);
padding: 0;
}
@media screen and (min-width: 992px) {
.landing-pages-slider .swiper-pagination {
margin-top: var(--gutter-45);
}
}
.landing-pages-slider .swiper-pagination-bullet,
.landing-pages-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 0.625rem;
height: 0.625rem;
background-color: var(--border-clr-2);
}
.landing-pages-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--clr-primary);
}
.landing-review-area {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: var(--gutter-60) 0;
}
@media screen and (min-width: 768px) {
.landing-review-area {
padding: var(--gutter-90) 0;
}
}
@media screen and (min-width: 992px) {
.landing-review-area {
padding: var(--gutter-120) 0;
}
}
.landing-review-area .landing-heading-title {
padding: var(--gutter-20) 0;
}
.landing-review-area .landing-heading-content {
font-size: var(--fs-18);
color: var(--clr-black-19);
line-height: 2.25rem;
}
.landing-review-area .landing-review-slider {
margin-top: var(--gutter-40);
}
@media screen and (min-width: 992px) {
.landing-review-area .landing-review-slider {
margin-top: 0;
}
}
.landing-review-area .swiper-slide {
background-color: var(--clr-white);
padding: var(--gutter-20);
}
@media screen and (min-width: 992px) {
.landing-review-area .swiper-slide {
padding: var(--gutter-40);
}
}
.landing-review-area .rating-wrap span {
font-size: var(--fs-14);
}
.landing-review-area .rating-wrap .checked {
color: var(--clr-yellow-3);
}
.landing-review-area .review-service {
font-size: var(--fs-14);
font-weight: var(--fw-700);
color: var(--clr-black);
}
.landing-review-area .review-content {
color: var(--clr-black-20);
font-size: var(--fs-14);
font-weight: var(--fw-700);
line-height: 2.25rem;
padding: var(--gutter-20) 0;
}
@media screen and (min-width: 768px) {
.landing-review-area .review-content {
font-size: var(--fs-18);
}
}
.landing-review-area .review-author {
background-color: var(--border-clr-2);
padding: 0.3125rem var(--gutter-10);
border-radius: 0.9375rem;
color: var(--clr-black);
}
.landing-review-area .review-author span {
color: var(--clr-primary);
}
.landing-review-area .swiper-pagination-bullet,
.landing-review-area .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 0.625rem;
height: 0.625rem;
background-color: var(--border-clr-2);
}
.landing-review-area .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--clr-primary);
}
.landing-footer-feature {
padding: var(--gutter-60) 0;
}
@media screen and (min-width: 768px) {
.landing-footer-feature {
padding: var(--gutter-90) 0;
}
}
@media screen and (min-width: 992px) {
.landing-footer-feature {
padding: var(--gutter-100) 0;
}
}
.landing-footer-feature .landing-footer-feat-wrapper {
border-right: 1px solid var(--border-clr-2);
margin-bottom: var(--gutter-40);
}
@media screen and (min-width: 992px) {
.landing-footer-feature .landing-footer-feat-wrapper {
margin-bottom: 0;
}
}
.landing-footer-feature .landing-footer-feat-wrapper h3 {
font-size: var(--fs-20);
font-weight: var(--fw-500);
color: var(--clr-black);
padding: var(--gutter-15) 0 var(--gutter-20) 0;
}
@media screen and (min-width: 992px) {
.landing-footer-feature .landing-footer-feat-wrapper h3 {
font-size: var(--fs-30);
}
}
.landing-footer-feature .landing-footer-feat-wrapper p {
font-size: var(--fs-18);
color: var(--clr-black-19);
padding-bottom: var(--gutter-20);
}
@media screen and (min-width: 768px) {
.landing-footer-feature .landing-footer-feat-wrapper p {
padding: 0 4.875rem var(--gutter-20) 4.875rem;
}
}
.landing-footer-feature .landing-footer-feat-wrapper .btn {
--bs-btn-color: var(--clr-primary);
--bs-btn-font-size: var(--fs-18);
--bs-btn-font-weight: var(--fw-500);
}
.landing-footer-feature .landing-footer-feat-wrapper i {
margin-left: 5px;
}
.landing-footer-feature .img-wrapper {
width: 5.875rem;
height: 5.875rem;
margin: 0 auto;
}
.landing-cta {
padding: var(--gutter-60) 0;
background-color: var(--clr-primary);
}
@media screen and (min-width: 768px) {
.landing-cta {
padding: var(--gutter-90) 0;
}
}
@media screen and (min-width: 992px) {
.landing-cta {
padding: var(--gutter-100) 0;
}
}
.landing-cta .landing-heading-title {
color: var(--clr-white);
padding: 0 0 var(--gutter-20) 0;
}
.landing-cta p {
font-size: var(--fs-22);
color: var(--clr-white);
padding-bottom: var(--gutter-30);
}
.landing-cta .btn {
--bs-btn-bg: var(--clr-white);
--bs-btn-border-radius: 0;
--bs-btn-font-size: var(--fs-14);
--bs-btn-font-weight: var(--fw-700);
--bs-btn-color: var(--clr-black);
}