@font-face {
font-family: "Satoshi";
src: url(//www.besanmmc.com/wp-content/themes/printx/assets/fonts/Satoshi-Medium.otf) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
:root { --tp-ff-body: Satoshi;
--tp-ff-heading: 'Outfit', sans-serif;
--tp-ff-satoshi: Satoshi;
--tp-ff-fontawesome: Font Awesome 6 Pro; --tp-common-white: #ffffff;
--tp-common-black: #09052F;
--tp-common-black-2: #070707;
--tp-common-black-3: #000000;
--tp-common-black-4: #272F4D;
--tp-common-red: #FF3F4A;
--tp-common-green: #245757;
--tp-common-purple: #7D2EFF;
--tp-common-purple-2: #735CFC;
--tp-common-pink: #F94E41;
--tp-common-pink-2: #F8F3FF;
--tp-common-pink-3: #FAF6FC;
--tp-common-pink-4: #F43278;
--tp-heading-primary: #09052F;
--tp-grey-1: #EEEEF5;
--tp-grey-2: #F5F7FA;
--tp-grey-3: #5B646B;
--tp-grey-4: #787981;
--tp-text-body: #72747C;
--tp-theme-1: linear-gradient(90.07deg, #FF4E8D 32.43%, #AE34E8 58.79%, #3E8DFF 105.32%);
--tp-theme-2: #6B14FA;
--tp-theme-3: #951DF6;
--tp-border-1: #EFF1F5;
}  @media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1250px;
}
.container-large {
max-width: 1490px;
}
.custom-container-1 {
max-width: 1270px;
}
.custom-container-3 {
max-width: 1330px;
}
.custom-container-4 {
max-width: 1420px;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
} body {
font-size: 16px;
font-weight: 400;
line-height: 1.3;
overflow-x: hidden;
color: var(--tp-text-body);
font-family: var(--tp-ff-body);
}
html, body {
overflow-x: hidden;
}
a {
text-decoration: none;
transition: 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0px;
font-weight: 800;
line-height: 1.1;
transition: 0.3s;
font-family: var(--tp-ff-heading);
color: var(--tp-heading-primary);
}
img {
max-width: 100%;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
}
p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--tp-text-body);
font-family: var(--tp-ff-body);
}
.z-index {
position: relative;
z-index: 2;
}
.z-index-3 {
position: relative;
z-index: 3;
}
.z-index-4 {
position: relative;
z-index: 4;
}
.z-index-5 {
position: relative;
z-index: 5;
}
.z-index-6 {
position: relative;
z-index: 6;
}
.z-index-9 {
position: relative;
z-index: 99999;
}
a,
.btn,
button,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: none;
border: none;
background: transparent;
}
button:hover {
cursor: pointer;
}
button:focus {
outline: 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
input,
textarea {
outline: none;
color: var(--tp-theme-2);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: rgb(116, 116, 116);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: rgb(116, 116, 116);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: rgb(116, 116, 116);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: rgb(116, 116, 116);
}
input[type=color] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none;
border: 0;
cursor: pointer;
height: 100%;
width: 100%;
padding: 0;
border-radius: 50%;
}
*::-moz-selection {
background: var(--tp-common-black);
color: var(--tp-common-white);
text-shadow: none;
}
::-moz-selection {
background: var(--tp-common-black);
color: var(--tp-common-white);
text-shadow: none;
}
::selection {
background: var(--tp-common-black);
color: var(--tp-common-white);
text-shadow: none;
}
*::-moz-placeholder {
color: var(--tp-theme-1);
font-size: var(--tp-fz-body);
opacity: 1;
}
*::placeholder {
color: var(--tp-theme-1);
font-size: var(--tp-fz-body);
opacity: 1;
} .w-img img {
width: 100%;
}
.m-img img {
max-width: 100%;
}
.fix {
overflow: hidden;
}
.clear {
clear: both;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.overflow-y-visible {
overflow-x: hidden;
overflow-y: visible;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.include-bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.gx-10 {
--bs-gutter-x: 10px;
}
.gx-15 {
--bs-gutter-x: 15px;
}
.gx-30 {
--bs-gutter-x: 30px;
}
.gx-40 {
--bs-gutter-x: 40px;
}
.gx-50 {
--bs-gutter-x: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.gx-50 {
--bs-gutter-x: 30px;
}
}
.gx-60 {
--bs-gutter-x: 60px;
}
.gx-20 {
--bs-gutter-x: 20px;
}
.gx-25 {
--bs-gutter-x: 25px;
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url], textarea {
outline: none;
background-color: #fff;
height: 64px;
width: 100%;
line-height: 56px;
font-size: 14px;
color: var(--tp-common-black);
padding-left: 25px;
padding-right: 25px;
border: 0;
}
.tp-main-btn {
display: inline-block;
border-radius: 32px;
height: 64px;
line-height: 64px;
padding: 0 30px;
font-weight: 500;
font-size: 15px;
text-align: center;
text-transform: capitalize;
position: relative;
transition: 0.3s;
background: #FFF;
color: var(--tp-common-black);
box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.06) !important;
}
@media (max-width: 767px) {
.tp-main-btn {
padding: 0 25px;
}
}
.tp-main-btn i {
margin-left: 12px;
}
.tp-main-btn::before {
position: absolute;
content: "";
background: linear-gradient(93.19deg, #FF4D8D 15.64%, #507EFB 84.55%);
border-radius: 32px;
width: 98%;
height: 98%;
left: 6px;
top: 6px;
transition: 0.3s;
z-index: -1;
}
.tp-main-btn:hover {
color: var(--tp-common-black);
}
.tp-main-btn:hover::before {
left: 1px;
top: 0;
}
.tp-btn-sm {
display: inline-block;
height: 58px;
line-height: 58px;
padding: 0 28px;
font-weight: 700;
font-size: 14px;
text-align: center;
text-transform: capitalize;
position: relative;
transition: 0.3s;
color: var(--tp-common-white);
background: #6B14FA;
border-radius: 100px;
}
@media (max-width: 767px) {
.tp-btn-sm {
padding: 0 25px;
}
}
.tp-btn-sm i {
margin-left: 12px;
}
.tp-btn-sm:hover {
color: var(--tp-common-white);
background-color: var(--tp-common-pink);
}
.tp-btn-lg {
display: inline-block;
border-radius: 32px;
height: 64px;
line-height: 64px;
padding: 0 50px;
font-weight: 500;
font-size: 15px;
text-align: center;
text-transform: capitalize;
position: relative;
transition: 0.3s;
background: #FFF;
color: var(--tp-common-black);
}
@media (max-width: 767px) {
.tp-btn-lg {
padding: 0 28px;
}
}
.tp-btn-lg i {
margin-left: 12px;
}
.tp-btn-lg.large {
padding: 0 62px;
}
.tp-btn-lg::before {
position: absolute;
content: "";
background: linear-gradient(93.19deg, #FF4D8D 15.64%, #507EFB 84.55%);
border-radius: 32px;
width: 98%;
height: 98%;
left: 6px;
top: 6px;
transition: 0.3s;
z-index: -1;
}
.tp-btn-lg:hover {
color: var(--tp-common-black);
}
.tp-btn-lg:hover::before {
left: 1px;
top: 0;
}
.tp-btn-gradiant {
display: inline-block;
border-radius: 32px;
height: 64px;
line-height: 64px;
padding: 0 30px;
font-weight: 500;
font-size: 15px;
text-align: center;
text-transform: capitalize;
position: relative;
transition: 0.3s;
background: linear-gradient(93.19deg, #FF4D8D 15.64%, #507EFB 84.55%);
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.tp-btn-gradiant {
padding: 0 28px;
}
}
.tp-btn-gradiant i {
margin-left: 12px;
}
.tp-btn-gradiant:hover {
transform: translateY(-5px);
color: var(--tp-common-white);
}
.tp-btn-white {
display: inline-block;
height: 60px;
line-height: 60px;
padding: 0 40px;
padding-right: 50px;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
color: var(--tp-common-black);
background: var(--tp-common-white);
border-radius: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-white {
padding: 0 30px;
padding-right: 40px;
height: 50px;
line-height: 50px;
font-size: 16px;
}
}
@media (max-width: 767px) {
.tp-btn-white {
padding: 0 25px;
padding-right: 35px;
height: 48px;
line-height: 48px;
font-size: 15px;
}
}
.tp-btn-white:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-btn-white:hover i {
color: var(--tp-common-white);
}
.tp-btn-white.purple-bg-color:hover {
background-color: var(--tp-common-purple);
color: var(--tp-common-white);
}
.tp-btn-white.purple-bg-color:hover i {
color: var(--tp-common-white);
}
.tp-btn-white i {
margin-right: 11px;
transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-white i svg {
width: 20px;
}
}
@media (max-width: 767px) {
.tp-btn-white i svg {
width: 17px;
}
}
.tp-btn-white-sm {
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 25px;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
color: var(--tp-common-black);
background: var(--tp-common-white);
border-radius: 100px;
transition: 0.3s;
}
@media (max-width: 767px) {
.tp-btn-white-sm {
padding: 0 25px;
font-size: 13px;
}
}
.tp-btn-white-sm:hover {
color: var(--tp-common-white);
background-color: var(--tp-common-purple-2);
}
.tp-border-btn-sm {
display: inline-block;
height: 40px;
line-height: 36px;
padding: 0 25px;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
color: var(--tp-common-black);
border-radius: 100px;
transition: 0.3s;
border: 1px solid #E5E5E5;
}
@media (max-width: 767px) {
.tp-border-btn-sm {
padding: 0 25px;
}
}
.tp-border-btn-sm:hover {
border: 1px solid transparent;
color: var(--tp-common-white);
background-color: var(--tp-common-purple-2);
}
.tp-btn-purple-lg {
display: inline-block;
height: 52px;
line-height: 52px;
padding: 0 40px;
font-weight: 500;
font-size: 16px;
text-align: center;
text-transform: capitalize;
position: relative;
transition: 0.3s;
background: var(--tp-theme-2);
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-btn-purple-lg {
font-size: 15px;
}
}
.tp-btn-purple-lg:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-btn-purple {
display: inline-block;
border-radius: 32px;
height: 58px;
line-height: 58px;
padding: 0 40px;
font-weight: 500;
font-size: 18px;
text-align: center;
text-transform: capitalize;
position: relative;
transition: 0.3s;
background: var(--tp-common-purple);
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-btn-purple {
font-size: 15px;
}
}
.tp-btn-purple:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-btn-purple-sm {
height: 68px;
padding: 0px 41px;
display: inline-block;
border-radius: 4px;
line-height: 68px;
font-weight: 500;
font-size: 16px;
text-align: center;
text-transform: uppercase;
transition: 0.3s;
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-btn-purple-sm:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-purple-sm {
height: 50px;
padding: 0px 25px;
line-height: 50px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-btn-purple-sm {
height: 50px;
padding: 0px 25px;
line-height: 50px;
font-size: 12px;
}
}
.tp-btn-square {
height: 61px;
padding: 0px 45px;
display: inline-block;
line-height: 61px;
font-weight: 500;
font-size: 16px;
text-align: center;
text-transform: uppercase;
transition: 0.3s;
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-btn-square {
height: 50px;
padding: 0px 25px;
line-height: 50px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-btn-square {
height: 50px;
padding: 0px 25px;
line-height: 50px;
font-size: 12px;
}
}
.tp-btn-square:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-btn-border {
display: inline-block;
height: 61px;
line-height: 61px;
padding: 0 50px;
font-weight: 500;
font-size: 18px;
text-transform: capitalize;
color: var(--tp-common-black);
transition: 0.3s;
border: 1px solid #E7F1FE;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-btn-border {
padding: 0 33px;
font-weight: 500;
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-btn-border {
padding: 0 25px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-btn-border {
padding: 0 25px;
}
}
.tp-btn-border:hover {
border: 1px solid var(--tp-common-purple-2);
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-btn-border-sm {
display: inline-block;
height: 41px;
line-height: 41px;
padding: 0 20px;
font-weight: 500;
font-size: 15px;
border-radius: 30px;
text-transform: capitalize;
color: var(--tp-common-black);
transition: 0.3s;
border: 1px solid #E7F1FE;
}
.tp-btn-border-sm:hover {
border: 1px solid var(--tp-common-purple-2);
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-menu-btn {
height: 40px;
line-height: 40px;
padding: 0 20px;
overflow: hidden;
display: inline-block;
font-weight: 500;
font-size: 14px;
position: relative;
z-index: 9;
color: var(--tp-common-white);
background-color: var(--tp-common-pink-4);
}
.tp-menu-btn:hover {
color: var(--tp-common-white);
background-color: var(--tp-common-purple);
}
.tp-btn-cart {
display: block;
width: 100%;
height: 40px;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 20px;
background: #735CFC;
font-family: var(--tp-ff-heading);
}
.tp-btn-cart:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-btn-cart span {
margin-right: 4px;
display: inline-block;
transform: translateY(-2px);
}
.tp-product-2__area .cart-button, .tp-product-2__area .added_to_cart {
display: block;
width: 100%;
height: 40px;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 20px;
background: #735CFC;
font-family: var(--tp-ff-heading);
}
.tp-product-2__area .cart-button:hover, .tp-product-2__area .added_to_cart:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-product-2__area .cart-button span, .tp-product-2__area .added_to_cart span {
margin-right: 4px;
display: inline-block;
transform: translateY(-2px);
} @-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes scrollText-2 {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0%);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes lineDash {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 1000;
}
}
@keyframes lineDash {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 1000;
}
}
@keyframes pulse-2 {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.2);
box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.2);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(21, 165, 150, 0);
box-shadow: 0 0 0 20px rgba(21, 165, 150, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(21, 165, 150, 0);
box-shadow: 0 0 0 0 rgba(21, 165, 150, 0);
}
}
@keyframes sliderShape {
0%, 100% {
border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
transform: translate3d(0, 0, 0) rotateZ(0.01deg);
}
34% {
border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
}
50% {
transform: translate3d(0, 0, 0) rotateZ(0.01deg);
}
67% {
border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
}
}
@keyframes section-animation {
0% {
width: 0;
}
15% {
width: 100%;
}
85% {
opacity: 1;
}
90% {
width: 100%;
opacity: 0;
}
to {
width: 0;
opacity: 0;
}
}
@keyframes about-sm {
100% {
transform: translateY(60px);
}
100% {
transform: translateY(50px);
}
}
@keyframes hero-thumb-animation {
0% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
@keyframes tpleftright {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes tprotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes tpupdown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes tpswing {
0% {
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
transform: rotate(6deg);
}
100% {
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
transform: rotate(-6deg);
}
}
@keyframes borderanimate2 {
0% {
transform: translate(-50%, -50%) scale(0.8);
}
60% {
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(2.5);
opacity: 0;
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes moving {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@keyframes about-circle {
0% {
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
100% {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes services-triangle {
0% {
-webkit-transform: rotate(0deg) translateX(-50px);
-moz-transform: rotate(0deg) translateX(-50px);
-ms-transform: rotate(0deg) translateX(-50px);
-o-transform: rotate(0deg) translateX(-50px);
transform: rotate(0deg) translateX(-50px);
}
100% {
-webkit-transform: rotate(360deg) translateY(100px);
-moz-transform: rotate(360deg) translateY(100px);
-ms-transform: rotate(360deg) translateY(100px);
-o-transform: rotate(360deg) translateY(100px);
transform: rotate(360deg) translateY(100px);
}
}
@keyframes hero-3-dot-2 {
0% {
transform: translateY(-50px);
}
100% {
transform: translateY(0px);
}
}
@keyframes tfLeftToRight {
49% {
transform: translateX(30%);
}
50% {
opacity: 0;
transform: translateX(-30%);
}
51% {
opacity: 1;
}
}
@keyframes rotate2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes moving {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(-50px);
}
50% {
transform: translatey(-40px);
}
100% {
transform: translatey(0px);
}
}
@keyframes leftright {
0% {
transform: translatex(0);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes movinglight {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(-70px);
}
50% {
transform: translatey(-70px);
}
100% {
transform: translatey(0px);
}
}
@keyframes movinglight2 {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(70px);
}
50% {
transform: translatey(70px);
}
100% {
transform: translatey(0px);
}
}
@keyframes movingtop {
0% {
transform: translatey(0px);
}
20% {
transform: translatey(70px);
}
50% {
transform: translatey(-70px);
}
100% {
transform: translatey(0px);
}
}
@keyframes circle-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes circle-animation2 {
0% {
transform: scale(-1, 1) rotate(360deg);
}
100% {
transform: scale(-1, 1) rotate(0deg);
}
}
@keyframes zoom {
0% {
transform: scale(0.5);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}
@keyframes zoom2 {
0% {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}
@keyframes wobble-vertical {
10% {
transform: translateY(-10px);
}
50% {
transform: skew(15deg);
}
80% {
transform: rotate(10deg);
}
100% {
transform: translate(0);
}
}
@-webkit-keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-ms-keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes section-highlight {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes widthcalc {
0% {
width: 20%;
}
50% {
width: 50%;
}
75% {
width: 90%;
}
90% {
opacity: 75%;
}
90% {
opacity: 100%;
}
} @-webkit-keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-90px);
transform: translateX(-90px);
}
60% {
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
}
@-moz-keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-90px);
transform: translateX(-90px);
}
60% {
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
}
@keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
60% {
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
} @keyframes icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes light-one {
0% {
opacity: 1;
}
25% {
opacity: 0.4;
}
50% {
opacity: 0.6;
}
75% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
@keyframes scroll {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
-ms-transform: translateY(8px);
-o-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes rotate2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes tpswing {
0% {
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes tptranslateX2 {
0% {
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
100% {
-webkit-transform: translatXY(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
} .dark #preloader {
background-color: var(--tp-theme-1);
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f7f7f7;
z-index: 999999;
}
.preloader {
width: 50px;
height: 50px;
display: inline-block;
padding: 0px;
text-align: left;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}
.preloader span {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100%;
background: var(--tp-theme-1);
-webkit-animation: preloader 1.3s linear infinite;
animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
animation-delay: -0.9s;
-webkit-animation-delay: -0.9s;
}
@keyframes preloader {
0% {
transform: scale(0, 0);
opacity: 0.5;
}
100% {
transform: scale(1, 1);
opacity: 0;
}
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: scale(0, 0);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1, 1);
opacity: 0;
}
} .scroll-top {
width: 50px;
height: 50px;
line-height: 50px;
position: fixed;
bottom: -10%;
right: 50px;
font-size: 16px;
z-index: 999;
color: var(--tp-common-white);
text-align: center;
cursor: pointer;
background: var(--tp-theme-2);
transition: 1s ease;
border: none;
}
.scroll-top.open {
bottom: 30px;
} .white-bg {
background: var(--tp-common-white);
}
.black-bg {
background: var(--tp-common-black);
}
.black-bg-2 {
background: var(--tp-common-black-4);
}
.purple-bg {
background: var(--tp-common-purple);
}
.grey-bg {
background: var(--tp-grey-1);
}
.grey-bg-2 {
background: var(--tp-grey-2);
}
.theme-bg {
background: var(--tp-theme-1);
}
.pink-bg {
background: var(--tp-common-pink-2);
}
.pink-bg-3 {
background: var(--tp-common-pink-3);
}
.green-bg {
background: var(--tp-common-green);
}
.tp-text-white {
color: var(--tp-common-white);
}
.body-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(24, 24, 24, 0.8);
visibility: hidden;
opacity: 0;
transition: 0.45s ease-in-out;
}
.body-overlay.apply {
opacity: 1;
visibility: visible;
}
.body-overlay:hover {
cursor: url(//www.besanmmc.com/wp-content/themes/printx/assets/img/cross-out.png), pointer;
}
.tpoffcanvas {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: fixed;
top: 0;
left: -100%;
width: 480px;
bottom: 0;
box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
background-color: var(--tp-common-black);
z-index: 999999;
padding: 50px;
scrollbar-width: none;
opacity: 0;
visibility: hidden;
transition: 0.45s ease-in-out;
overflow-y: scroll;
}
.tpoffcanvas .homemenu {
margin-bottom: 30px;
}
.tpoffcanvas .tp-main-menu-mobile {
margin-bottom: 50px;
}
.tpoffcanvas.opened {
opacity: 1;
visibility: visible;
}
@media (max-width: 767px) {
.tpoffcanvas {
width: 300px;
padding: 40px 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tpoffcanvas {
width: 400px;
padding: 40px;
}
}
.tpoffcanvas.opened {
left: 0;
-webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-duration: 0.6s;
}
.tpoffcanvas__title p {
font-size: 18px;
color: rgba(255, 255, 255, 0.49);
font-weight: 500;
line-height: 1.6;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.tpoffcanvas__title p {
font-size: 17px;
}
}
.tpoffcanvas__contact-title h5 {
font-size: 14px;
color: #888888;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 30px;
display: inline-block;
}
.tpoffcanvas__input-title h4 {
font-size: 14px;
color: #888888;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 30px;
display: inline-block;
}
.tpoffcanvas__input {
margin-bottom: 100px;
}
.tpoffcanvas__input input {
background: rgba(118, 118, 130, 0.3);
border: transparent;
height: 60px;
width: 100%;
padding-left: 20px;
padding-right: 80px;
color: var(--tp-common-white);
}
.tpoffcanvas__input button {
height: 60px;
width: 60px;
background-color: var(--tp-common-pink-4);
color: var(--tp-common-white);
font-size: 16px;
position: absolute;
top: 0;
right: 0;
}
.tpoffcanvas__contact-info {
margin-bottom: 50px;
}
.tpoffcanvas__contact-info ul li {
font-size: 16px;
color: var(--tp-common-white);
margin-bottom: 15px;
list-style-type: none;
}
@media (max-width: 767px) {
.tpoffcanvas__contact-info ul li {
font-size: 14px;
}
}
.tpoffcanvas__contact-info ul li:last-child {
margin-bottom: 0;
}
.tpoffcanvas__contact-info ul li a {
margin-left: 10px;
transition: 0.3s;
}
.tpoffcanvas__contact-info ul li a:hover {
color: var(--tp-common-pink-4);
}
.tpoffcanvas__logo {
margin-bottom: 60px;
}
.tpoffcanvas__logo a {
display: block;
width: 110px;
height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tpoffcanvas__logo {
padding-top: 0;
}
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.tpoffcanvas__logo {
padding-top: 0;
}
}
.tpoffcanvas__close-btn button {
position: absolute;
right: 30px;
top: 30px;
transition: 1s;
-webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-duration: 0.3s;
height: 40px;
width: 40px;
line-height: 45px;
background-color: var(--tp-common-white);
color: var(--tp-common-black);
}
.tpoffcanvas__close-btn button:hover i {
transform: rotate(360deg);
}
.tpoffcanvas__close-btn button i {
font-weight: 300;
font-size: 20px;
transition: 0.9s;
}
.tpoffcanvas__social {
margin-top: 30px;
}
.tpoffcanvas__social .social-icon a {
height: 55px;
width: 55px;
line-height: 58px;
text-align: center;
font-size: 16px;
background-color: rgba(251, 251, 253, 0.08);
color: var(--tp-common-white);
margin-right: 15px;
transition: 0.3s;
display: inline-block;
border-radius: 50%;
}
@media (max-width: 767px) {
.tpoffcanvas__social .social-icon a {
margin-right: 3px;
height: 50px;
width: 50px;
line-height: 53px;
font-size: 15px;
}
}
.tpoffcanvas__social .social-icon a:hover {
background-color: var(--tp-common-pink-4);
color: var(--tp-common-white);
}
.tp-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover {
background-color: var(--tp-theme-green);
border-color: var(--tp-theme-green);
color: var(--tp-common-white);
}
.tp-category-mobile-menu ul li:hover > a .dropdown-toggle-btn i {
color: var(--tp-theme-green);
}
.tp-category-mobile-menu ul li.has-dropdown > a.expanded {
color: var(--tp-theme-green);
}
.tp-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
background-color: var(--tp-theme-green);
border-color: var(--tp-theme-green);
color: var(--tp-common-white);
}
.tp-offcanvas-category-toggle {
font-size: 16px;
display: block;
position: relative;
width: 100%;
text-align: left;
color: var(--tp-common-white);
background-color: var(--tp-common-purple);
padding: 20px 20px;
}
.tp-offcanvas-category-toggle::after {
position: absolute;
content: "\f107";
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
font-family: "Font Awesome 6 Pro";
}
.tp-offcanvas-category-toggle svg, .tp-offcanvas-category-toggle i {
margin-right: 14px;
font-size: 16px;
}
.tp-breadcrumb-height {
padding-top: 130px;
padding-bottom: 145px;
background-repeat: no-repeat;
background-size: cover;
object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-breadcrumb-height {
padding: 120px 0;
}
}
.tp-breadcrumb__title {
font-size: 55px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-breadcrumb__title {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-breadcrumb__title {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-breadcrumb__title {
font-size: 45px;
}
}
@media (max-width: 767px) {
.tp-breadcrumb__title {
font-size: 40px;
}
}
.tp-breadcrumb__list {
display: inline-block;
padding: 5px 20px;
margin-bottom: 15px;
background-color: var(--tp-common-white);
border-radius: 30px;
}
.tp-breadcrumb__list span {
color: var(--tp-common-pink-4);
font-size: 14px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-breadcrumb__list span {
font-size: 13px;
}
}
.tp-breadcrumb__list span.dvdr i {
color: var(--tp-common-white);
font-weight: 400;
font-size: 13px;
}
.tp-custom-accordion .accordion-buttons {
position: relative;
width: 100%;
padding: 22px 25px;
background-color: var(--tp-common-white);
text-align: left;
font-weight: 700;
font-size: 18px;
margin-bottom: 25px;
border: 1px solid transparent;
transition: 0.3s;
border-radius: 4px;
color: var(--tp-theme-1);
line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-custom-accordion .accordion-buttons {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-custom-accordion .accordion-buttons {
padding: 25px 28px;
font-size: 18px;
}
}
@media (max-width: 767px) {
.tp-custom-accordion .accordion-buttons {
padding: 25px 28px;
font-size: 16px;
padding-right: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-custom-accordion .accordion-buttons {
font-size: 17px;
}
}
.tp-custom-accordion .accordion-buttons::after {
position: absolute;
content: "\f068";
font-family: "Font Awesome 5 Pro";
top: 50%;
transform: translateY(-50%);
right: 30px;
font-size: 16px;
opacity: 1;
color: var(--tp-common-orange);
}
@media (max-width: 767px) {
.tp-custom-accordion .accordion-buttons::after {
top: 35px;
right: 25px;
font-size: 13px;
}
}
.tp-custom-accordion .accordion-buttons:not(.collapsed) {
background: rgba(255, 255, 255, 0.5);
box-shadow: 0px 11px 12px 0px rgba(0, 0, 0, 0.08);
}
.tp-custom-accordion .accordion-buttons.collapsed {
border: 1px solid #E3EBF4;
}
.tp-custom-accordion .accordion-buttons.collapsed::after {
content: "\f067";
}
.tp-custom-accordion .collapsed {
position: relative;
z-index: 99;
}
.tp-custom-accordion .accordion-body {
background-color: var(--tp-common-white);
padding-bottom: 20px;
padding-left: 25px;
padding-right: 50px;
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 28px;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-custom-accordion .accordion-body {
font-size: 14px;
padding-right: 65px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-custom-accordion .accordion-body {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-custom-accordion .accordion-body {
font-size: 13px;
padding-right: 0px;
}
}
.tp-custom-accordion .accordion-body::after {
position: absolute;
content: "";
top: 6px;
left: 70px;
width: 1px;
height: 75px;
background-color: var(--tp-common-orange);
}
@media (max-width: 767px) {
.tp-custom-accordion .accordion-body::after {
display: none;
visibility: hidden;
}
}
.tp-custom-accordion-2 {
position: relative;
z-index: 2;
}
.tp-custom-accordion-2 .accordion-items {
margin-bottom: 20px;
background-color: var(--tp-common-white);
overflow: hidden;
border-radius: 5px;
}
.tp-custom-accordion-2 .accordion-items.tp-faq-active {
border-radius: 5px;
}
.tp-custom-accordion-2 .accordion-buttons {
position: relative;
width: 100%;
padding: 38px 28px;
text-align: left;
padding-right: 90px;
font-weight: 500;
color: #13141B;
font-family: var(--tp-ff-heading);
font-size: 24px;
line-height: 24px;
background-color: rgba(255, 255, 255, 0.5);
color: var(--tp-common-black);
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-custom-accordion-2 .accordion-buttons {
padding: 25px 28px;
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-custom-accordion-2 .accordion-buttons {
font-size: 18px;
padding: 25px 28px;
}
}
@media (max-width: 767px) {
.tp-custom-accordion-2 .accordion-buttons {
font-size: 18px;
padding: 25px 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-custom-accordion-2 .accordion-buttons {
padding: 20px 28px;
}
}
.tp-custom-accordion-2 .accordion-buttons:not(.collapsed) {
color: var(--tp-common-purple-2);
}
.tp-custom-accordion-2 .accordion-buttons:not(.collapsed)::after {
color: var(--tp-common-purple-2);
}
.tp-custom-accordion-2 .accordion-buttons::after {
position: absolute;
content: "\f062";
font-family: "Font Awesome 5 Pro";
background-image: none;
top: 50%;
transform: translateY(-50%);
right: 30px;
width: auto;
height: auto;
font-weight: 700;
font-size: 16px;
opacity: 1;
color: var(--tp-common-black);
text-align: center;
transition: 0.3s;
}
.tp-custom-accordion-2 .accordion-buttons.collapsed::after {
content: "\f063";
}
.tp-custom-accordion-2 .collapsed {
position: relative;
z-index: 99;
}
.tp-custom-accordion-2 .accordion-body {
position: relative;
background-color: var(--tp-common-white);
padding: 0;
padding-top: 9px;
padding-bottom: 40px;
margin: 0 30px;
z-index: 1;
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #5C727D;
}
@media (max-width: 767px) {
.tp-custom-accordion-2 .accordion-body {
font-size: 15px;
}
}
.tp-service-details-faq .tp-custom-accordion-2 .accordion-items {
border: 1px solid rgba(4, 18, 31, 0.08);
border-radius: 0;
}
.tp-service-details-faq .tp-custom-accordion-2 .accordion-body {
border-top: 1px solid rgba(4, 18, 31, 0.08);
}  .ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-checkboxradio-disabled, .ui-state-disabled {
pointer-events: none;
}
.ui-datepicker .ui-icon, .ui-icon {
text-indent: -99999px;
background-repeat: no-repeat;
}
.ui-helper-reset, .ui-menu {
outline: 0;
list-style: none;
}
.ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
overflow: hidden;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0;
padding: 0.5em 0.5em 0.5em 0.7em;
font-size: 100%;
}
.ui-autocomplete, .ui-menu .ui-menu {
position: absolute;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
padding: 0;
margin: 0;
display: block;
}
.ui-button, .ui-controlgroup {
display: inline-block;
vertical-align: middle;
}
.ui-button, .ui-menu-icons, .ui-resizable {
position: relative;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0;
}
.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
margin: -1px;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
.ui-button, .ui-controlgroup .ui-controlgroup-label {
padding: 0.4em 1em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
line-height: normal;
margin-right: 0.1em;
cursor: pointer;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
}
.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
text-decoration: none;
}
.ui-button-icon-only {
width: 2em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: 0.4em 1em;
}
button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: 0.12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: 700;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td a, .ui-datepicker td span {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker .ui-icon {
display: block;
overflow: hidden;
left: 0.5em;
top: 0.3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: 0.2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: 0 0;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0;
background-image: none;
margin-top: 0.5em;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle, .ui-selectable, .ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted #000;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: 700;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: 0 0;
color: inherit;
padding: 0.222em 0;
margin: 0.2em 2em 0.2em 0.4em;
vertical-align: middle;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: 0.5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-tabs {
position: relative;
padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px 0.2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: 0 0;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333;
}
.ui-widget-content a, .ui-widget-header a {
color: #333;
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: 700;
}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545;
}
.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
color: #454545;
text-decoration: none;
}
.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
border: 1px solid #ccc;
background: #ededed;
font-weight: 400;
color: #2b2b2b;
}
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: 700;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70);
font-weight: 400;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
background-image: url(//www.besanmmc.com/wp-content/themes/printx/assets/css/images/ui-icons_444444_256x240.png);
}
.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
background-image: url(//www.besanmmc.com/wp-content/themes/printx/assets/css/images/ui-icons_555555_256x240.png);
}
.ui-button:active .ui-icon, .ui-state-active .ui-icon {
background-image: url(//www.besanmmc.com/wp-content/themes/printx/assets/css/images/ui-icons_ffffff_256x240.png);
}
.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
background-image: url(//www.besanmmc.com/wp-content/themes/printx/assets/css/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(//www.besanmmc.com/wp-content/themes/printx/assets/css/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(//www.besanmmc.com/wp-content/themes/printx/assets/css/images/ui-icons_777777_256x240.png);
}
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-caret-1-n {
background-position: 0 0;
}
.ui-icon-caret-1-ne {
background-position: -16px 0;
}
.ui-icon-caret-1-e {
background-position: -32px 0;
}
.ui-icon-caret-1-se {
background-position: -48px 0;
}
.ui-icon-caret-1-s {
background-position: -65px 0;
}
.ui-icon-caret-1-sw {
background-position: -80px 0;
}
.ui-icon-caret-1-w {
background-position: -96px 0;
}
.ui-icon-caret-1-nw {
background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-first, .ui-icon-seek-start {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
border-top-left-radius: 3px;
}
.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
background: #aaa;
opacity: 0.3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666;
}
.tp-section-subtitle {
font-weight: 500;
font-size: 20px;
line-height: 27px;
color: var(--tp-common-black);
position: relative;
display: inline-block;
margin-bottom: 15px;
}
.tp-section-subtitle::before {
content: "";
width: 9px;
height: 2px;
background-color: var(--tp-common-red);
display: inline-block;
margin-right: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-subtitle {
font-size: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-subtitle {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-subtitle {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-section-subtitle {
font-size: 14px;
padding: 8px 20px;
}
}
.tp-section-subtitle-2 {
font-weight: 500;
font-size: 20px;
line-height: 22px;
color: var(--tp-common-black);
position: relative;
display: inline-block;
margin-bottom: 20px;
padding: 9px 15px;
background-color: var(--tp-common-white);
border-radius: 30px;
margin-bottom: 5px;
}
.tp-section-subtitle-2::before {
content: "";
width: 7px;
height: 2px;
background-color: var(--tp-common-red);
display: inline-block;
margin-right: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-subtitle-2 {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-subtitle-2 {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-subtitle-2 {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-section-subtitle-2 {
font-size: 15px;
padding: 8px 20px;
}
}
.tp-section-subtitle-3 {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--tp-common-black);
position: relative;
display: inline-block;
margin-bottom: 20px;
padding: 7px 18px;
background-color: var(--tp-common-white);
border-radius: 30px;
margin-bottom: 20px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
}
.tp-section-subtitle-3::before {
content: "";
width: 7px;
height: 2px;
background-color: var(--tp-common-red);
display: inline-block;
margin-right: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-subtitle-3 {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-subtitle-3 {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-subtitle-3 {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-section-subtitle-3 {
font-size: 15px;
padding: 8px 20px;
}
}
.tp-section-subtitle-4 {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--tp-common-white);
position: relative;
display: inline-block;
margin-bottom: 20px;
padding: 7px 18px;
background: rgba(255, 255, 255, 0.14);
border-radius: 15px;
margin-bottom: 20px;
}
.tp-section-subtitle-4::before {
content: "";
width: 7px;
height: 2px;
background-color: var(--tp-common-red);
display: inline-block;
margin-right: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-subtitle-4 {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-subtitle-4 {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-subtitle-4 {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-section-subtitle-4 {
font-size: 15px;
padding: 8px 20px;
}
}
.tp-section-subtitle-5 {
font-weight: 500;
font-size: 14px;
line-height: 1;
text-transform: capitalize;
color: var(--tp-common-black);
display: inline-block;
margin-bottom: 7px;
}
@media (max-width: 767px) {
.tp-section-subtitle-5 {
font-size: 13px;
}
}
.tp-section-subtitle-6 {
font-weight: 500;
font-size: 20px;
line-height: 1;
text-transform: capitalize;
color: var(--tp-common-purple-2);
display: inline-block;
margin-bottom: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-subtitle-6 {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-section-subtitle-6 {
font-size: 15px;
}
}
.tp-gradiant-section-subtitle {
font-weight: 500;
font-size: 15px;
text-align: center;
text-transform: capitalize;
background: linear-gradient(92.35deg, #FF4D8D 61.35%, #9C42EB 85.44%, #517EFB 99.89%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
border-radius: 28px;
padding: 5px 15px;
display: inline-block;
margin-bottom: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-gradiant-section-subtitle {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-gradiant-section-subtitle {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-gradiant-section-subtitle {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-gradiant-section-subtitle {
font-size: 15px;
padding: 8px 20px;
}
}
.tp-section-title {
font-weight: 500;
line-height: 1.2;
font-size: 50px;
text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-title {
font-size: 45px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-title {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title {
font-size: 39px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title {
font-size: 37px;
}
.tp-section-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-section-title {
font-size: 30px;
}
.tp-section-title br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-section-title {
font-size: 39px;
}
.tp-section-title br {
display: none;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-section-title {
font-size: 35px;
}
}
.tp-section-title-2 {
font-weight: 500;
line-height: 1.2;
font-size: 48px;
text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-title-2 {
font-size: 45px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-title-2 {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-2 {
font-size: 39px;
}
.tp-section-title-2 br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-2 {
font-size: 37px;
}
.tp-section-title-2 br {
display: none;
}
}
@media (max-width: 767px) {
.tp-section-title-2 {
font-size: 28px;
}
.tp-section-title-2 br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-section-title-2 {
font-size: 39px;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-section-title-2 {
font-size: 35px;
}
}
.tp-section-title-3 {
font-weight: 500;
line-height: 1.1;
font-size: 55px;
text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-title-3 {
font-size: 41px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-title-3 {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-3 {
font-size: 39px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-3 {
font-size: 37px;
}
.tp-section-title-3 br {
display: none;
}
}
@media (max-width: 767px) {
.tp-section-title-3 {
font-size: 30px;
}
.tp-section-title-3 br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-section-title-3 {
font-size: 39px;
}
.tp-section-title-3 br {
display: none;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-section-title-3 {
font-size: 35px;
}
}
.tp-section-title-5 {
font-size: 44px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-title-5 {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-5 {
font-size: 38px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-5 {
font-size: 35px;
}
}
@media (max-width: 767px) {
.tp-section-title-5 {
font-size: 30px;
}
}
.tp-title-shape {
position: absolute;
bottom: -20px;
left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-title-shape {
bottom: -15px;
}
}
@media (max-width: 767px) {
.tp-title-shape {
bottom: -13px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-title-shape {
bottom: -20px;
}
}
.tp-title-shape svg {
animation: section-animation 4s infinite;
}
.tp-title-shape-4 {
position: absolute;
bottom: -18px;
left: 0px;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-title-shape-4 {
bottom: -15px;
}
}
@media (max-width: 767px) {
.tp-title-shape-4 {
bottom: -13px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-title-shape-4 {
bottom: -20px;
}
}
.tp-title-shape-4 svg {
animation: section-animation 4s infinite;
}
.tp-title-shape-2 {
position: absolute;
bottom: -20px;
left: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-title-shape-2 {
bottom: -15px;
}
}
@media (max-width: 767px) {
.tp-title-shape-2 {
bottom: -13px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-title-shape-2 {
bottom: -20px;
}
}
.tp-title-shape-2 svg {
animation: section-animation 4s infinite;
} .tp-hero-subtitle {
font-weight: 500;
font-size: 20px;
line-height: 27px;
color: var(--tp-common-black);
position: relative;
display: inline-block;
margin-bottom: 23px;
}
.tp-hero-subtitle::before {
content: "";
width: 9px;
height: 2px;
background-color: var(--tp-common-red);
display: inline-block;
margin-right: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-subtitle {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-subtitle {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-subtitle {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-hero-subtitle {
font-size: 15px;
padding: 8px 20px;
}
}
.tp-hero-2-subtitle {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--tp-common-black);
position: relative;
display: inline-block;
margin-bottom: 20px;
padding: 9px 15px;
background-color: var(--tp-common-white);
border-radius: 30px;
margin-bottom: 20px;
}
.tp-hero-2-subtitle::before {
content: "";
width: 7px;
height: 2px;
background-color: var(--tp-common-red);
display: inline-block;
margin-right: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2-subtitle {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2-subtitle {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2-subtitle {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-hero-2-subtitle {
font-size: 13px;
padding: 8px 20px;
}
}
.tp-hero-3-subtitle {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--tp-common-white);
display: inline-block;
margin-bottom: 3px;
padding: 4px 16px;
background: rgba(255, 255, 255, 0.2);
border-radius: 30px;
font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-3-subtitle {
font-size: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3-subtitle {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3-subtitle {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-hero-3-subtitle {
font-size: 13px;
padding: 8px 20px;
}
}
.tp-hero-4-subtitle {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 1;
display: inline-block;
margin-bottom: 15px;
color: var(--tp-common-white);
font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-4-subtitle {
font-size: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-4-subtitle {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-4-subtitle {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-hero-4-subtitle {
font-size: 13px;
}
}
.tp-hero-5-subtitle {
font-size: 20px;
color: var(--tp-common-white);
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 500;
background-color: #FF8717;
text-transform: capitalize;
height: 27px;
line-height: 27px;
padding: 0px 15px;
display: inline-block;
margin-bottom: 20px;
clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);
}
@media (max-width: 767px) {
.tp-hero-5-subtitle {
font-size: 13px;
}
}
.tp-hero-title {
font-weight: 500;
line-height: 1.1;
font-size: 70px;
text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-title {
font-size: 65px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-title {
font-size: 65px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-title {
font-size: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-title {
font-size: 50px;
}
.tp-hero-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-hero-title {
font-size: 42px;
}
.tp-hero-title br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-title {
font-size: 48px;
}
.tp-hero-title br {
display: none;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-hero-title {
font-size: 54px;
}
}
.tp-hero-title span {
background: linear-gradient(90.07deg, #FF4E8D 32.43%, #AE34E8 58.79%, #3E8DFF 105.32%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tp-hero-2-title {
font-weight: 500;
line-height: 1.1;
font-size: 70px;
text-transform: capitalize;
margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2-title {
font-size: 65px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2-title {
font-size: 65px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-2-title {
font-size: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2-title {
font-size: 50px;
}
.tp-hero-2-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-hero-2-title {
font-size: 42px;
}
.tp-hero-2-title br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-2-title {
font-size: 48px;
}
.tp-hero-2-title br {
display: none;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-hero-2-title {
font-size: 54px;
}
}
.tp-hero-3-title {
font-weight: 600;
line-height: 1.1;
font-size: 75px;
text-transform: capitalize;
margin-bottom: 0;
color: #fff;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-3-title {
font-size: 65px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3-title {
font-size: 57px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3-title {
font-size: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3-title {
font-size: 49px;
}
.tp-hero-3-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-hero-3-title {
font-size: 41px;
}
.tp-hero-3-title br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-3-title {
font-size: 48px;
}
.tp-hero-3-title br {
display: none;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-hero-3-title {
font-size: 54px;
}
}
.tp-hero-4-title {
font-size: 70px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
line-height: 1.1;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-4-title {
font-size: 68px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-4-title {
font-size: 64px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-4-title {
font-size: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-4-title {
font-size: 55px;
}
.tp-hero-4-title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-hero-4-title {
font-size: 41px;
}
.tp-hero-4-title br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-4-title {
font-size: 46px;
}
.tp-hero-4-title br {
display: none;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-hero-4-title {
font-size: 54px;
}
}
.tp-hero-5-title {
color: var(--tp-common-white);
font-size: 55px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-5-title {
font-size: 56px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-5-title {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-5-title {
font-size: 47px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-5-title {
font-size: 46px;
}
}
@media (max-width: 767px) {
.tp-hero-5-title {
font-size: 38px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-5-title {
font-size: 52px;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-hero-5-title {
font-size: 45px;
}
}
.tp-slider-title-shape {
position: absolute;
bottom: -33px;
left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-slider-title-shape {
bottom: -27px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-title-shape {
bottom: -27px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-title-shape {
bottom: -25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-title-shape {
bottom: -24px;
}
}
@media (max-width: 767px) {
.tp-slider-title-shape {
bottom: -20px;
}
}
.tp-slider-title-shape svg {
animation: section-animation 4s infinite;
}
.tp-slider-2-title-shape {
position: absolute;
bottom: -25px;
left: 0;
}
.tp-slider-2-title-shape svg {
animation: section-animation 4s infinite;
}
@media (max-width: 767px) {
.tp-slider-2-title-shape {
bottom: -16px;
}
}
.tp-slider-3-title-shape {
position: absolute;
bottom: -71%;
left: 22%;
transform: rotate(61deg);
z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-slider-3-title-shape svg {
max-width: 200px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-slider-3-title-shape svg {
max-width: 180px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-3-title-shape svg {
max-width: 180px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-3-title-shape svg {
max-width: 120px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-slider-3-title-shape {
bottom: -88%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-slider-3-title-shape {
bottom: -97%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-3-title-shape {
bottom: -97%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-3-title-shape {
bottom: -160%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-3-title-shape {
bottom: -15px;
}
}
@media (max-width: 767px) {
.tp-slider-3-title-shape {
bottom: -13px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-slider-3-title-shape {
bottom: -20px;
}
}
.tp-slider-3-title-shape svg {
animation: section-animation 4s infinite;
}  .search__popup {
padding: 70px;
padding-top: 70px;
padding-bottom: 100px;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 45%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999;
-webkit-transform: translateY(calc(-100% - 80px));
-moz-transform: translateY(calc(-100% - 80px));
-ms-transform: translateY(calc(-100% - 80px));
-o-transform: translateY(calc(-100% - 80px));
transform: translateY(calc(-100% - 80px));
-webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
-moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
transition-delay: 0.7s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.search__popup {
height: 57%;
}
}
.search__popup.search-opened {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
transition-delay: 0s;
}
.search__popup.search-opened .search__input {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
width: 100%;
transition-delay: 0.5s;
}
.search__popup-2 {
background-color: var(--tp-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
background-color: var(--tp-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
background-color: var(--tp-theme-10);
}
.search__top {
margin-bottom: 80px;
}
.search__input {
position: relative;
height: 80px;
transition: all 0.3s ease-out 0s;
transition-delay: 0.5s;
opacity: 0;
}
.search__input::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 0%;
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
transition: all 0.3s ease-out 0s;
transition-delay: 0.3s;
}
.search__input input {
width: 100%;
height: 100%;
background-color: transparent;
border: 0;
outline: 0;
font-size: 24px;
color: var(--tp-common-white);
border-bottom: 1px solid transparent;
padding: 0;
padding-right: 30px;
}
.search__input button {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
color: var(--tp-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
position: absolute;
bottom: 0;
left: auto;
right: 0;
width: 0;
height: 1px;
background-color: var(--tp-common-orange);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
width: 100%;
left: 0;
right: auto;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.search__close-btn {
font-size: 25px;
color: rgba(255, 255, 255, 0.3);
}
.search__close-btn:hover {
color: var(--tp-common-white);
}  .mobile-menu.mean-container {
overflow: hidden;
}
@media (max-width: 767px) {
.mobile-menu.mean-container {
margin-bottom: 30px;
}
}
.mobile-menu .sidebar-list {
clear: both;
}
.mobile-menu .sidebar-list li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
color: var(--tp-common-white);
}
.mobile-menu .sidebar-list li::after {
top: 10px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #c00;
background-color: transparent;
content: "";
display: inline-block;
position: absolute;
}
.mobile-menu .tp-sidebar-social {
margin-top: 20px;
}
.mobile-menu .tp-sidebar-social a {
margin-right: 5px;
background-color: var(--tp-theme-primary);
color: #fff;
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 14px;
line-height: 34px;
}
.sidebar-title h3 {
color: var(--tp-common-white);
} .mean-container a.meanmenu-reveal {
display: none;
}
.mean-container .mean-nav {
background: none;
margin-top: 0;
}
.mean-container .mean-bar {
padding: 0;
min-height: auto;
background: none;
}
.mean-container .mean-nav > ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important;
}
.mean-container a.meanmenu-reveal {
display: none !important;
}
.mean-container .mean-nav ul li a {
width: 100%;
padding: 15px 0;
color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 14px;
line-height: 1.5;
font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
color: var(--tp-theme-3);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 10px;
padding: 0 !important;
line-height: 14px;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
height: 30px;
width: 30px;
line-height: 30px;
color: #fff;
line-height: 30px;
top: 0;
font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
color: var(--tp-theme-2);
border-color: #888888;
}
.mean-container .mean-nav ul li > a > i {
display: none;
}
.mean-container .mean-nav ul li > a.mean-expand i {
display: inline-block;
}
.mean-container .mean-nav > ul > li:first-child > a {
border-top: 0;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
color: var(--tp-theme-2);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
color: var(--tp-common-white);
}  .header-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
opacity: 1;
visibility: visible;
width: 100%;
z-index: 999;
background-color: var(--tp-common-white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}
.header-sticky .tp-header__transparent {
background-color: var(--tp-common-white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header-sticky.tp-header-2__space {
background-color: var(--tp-common-white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header-sticky.tp-header-4__area {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header-sticky.tp-header-4__area .tp-header-4__border {
border: none;
}
.header-sticky.tp-header-5-area {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-top__space {
padding: 9px 0;
}
.tp-header-top__countdown ul li {
display: inline-block;
list-style: none;
margin: 0px 5px;
}
.tp-header-top__countdown ul li span {
display: block;
font-weight: 700;
font-size: 14px;
line-height: 1;
text-align: center;
letter-spacing: -0.04em;
text-transform: uppercase;
color: var(--tp-common-white);
}
.tp-header-top__left-box span {
color: var(--tp-common-white);
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-header-top__left-box span {
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-header-top__left-box span {
font-size: 13px;
}
}
.tp-header-top__left-box svg {
margin-right: 10px;
}
.tp-header-top__shop-box {
margin-left: 20px;
}
.tp-header-top__shop-box span {
font-weight: 500;
font-size: 16px;
color: var(--tp-common-white);
margin-right: 12px;
text-transform: capitalize;
}
.tp-header-top__shop-box > a {
font-weight: 500;
font-size: 13px;
color: var(--tp-common-white);
width: 85px;
display: inline-block;
height: 25px;
line-height: 24px;
text-align: center;
background: rgba(255, 255, 255, 0.2);
border-radius: 2px;
}
.tp-header-top__right-box span {
font-weight: 400;
font-size: 16px;
color: var(--tp-common-white);
font-family: "Satisfy", cursive;
text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-header-top__right-box span {
font-size: 13px;
}
}
.tp-header-top__right-box span i {
color: var(--tp-common-pink);
font-style: normal;
}
.tp-header-top__right-box.space {
padding-left: 100px;
}
.tp-header-top__pl {
padding-left: 103px;
}
.tp-header__transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 11;
border-bottom: 1px solid #fff;
}
.tp-header__main-menu {
margin-left: -35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header__main-menu {
margin-left: -75px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header__main-menu {
margin-left: 0px;
}
}
.tp-header__main-menu ul li {
list-style-type: none;
display: inline-block;
position: relative;
border-right: 1px solid #fff;
padding: 0 38px;
}
.tp-header__main-menu ul li.menu-last .tp-submenu {
left: -100% !important;
right: auto !important;
}
.tp-header__main-menu ul li.menu-last .tp-submenu .tp-submenu {
left: -160% !important;
}
.tp-header__main-menu ul li:hover > .submenu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.tp-header__main-menu ul li:hover > a {
color: var(--tp-common-pink-4);
}
.tp-header__main-menu ul li .submenu {
position: absolute;
top: 100%;
left: -5px;
width: 240px;
z-index: 999;
padding: 30px 40px;
opacity: 0;
visibility: hidden;
transition: 0.4s;
transform: scaleY(0);
transform-origin: top center;
text-align: start;
background-color: var(--tp-common-white);
border-top: 5px solid var(--tp-common-pink-4);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header__main-menu ul li .submenu .submenu {
top: 0;
left: 100%;
right: auto;
}
.tp-header__main-menu ul li .submenu > li {
margin: 0;
padding: 0;
margin-bottom: 15px;
display: block;
}
.tp-header__main-menu ul li .submenu > li:last-child {
margin-bottom: 0;
}
.tp-header__main-menu ul li .submenu > li a {
padding: 0;
font-size: 14px;
text-transform: uppercase;
color: var(--tp-common-black);
position: relative;
}
.tp-header__main-menu ul li .submenu > li a::after {
content: "";
position: absolute;
bottom: 0px;
right: 0;
left: auto;
height: 1px;
width: 0;
background-color: var(--tp-common-pink);
transition: 0.7s;
display: inline-block;
}
.tp-header__main-menu ul li .submenu > li:hover > a {
color: var(--tp-common-pink-4);
}
.tp-header__main-menu ul li .submenu > li:hover > a::after {
width: 100%;
right: auto;
left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header__main-menu ul li {
padding: 0 28px;
}
}
.tp-header__main-menu ul li:last-child {
border-right: none;
}
.tp-header__main-menu ul li > a {
font-family: var(--tp-ff-satoshi);
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--tp-common-black);
padding: 34px 0px;
display: inline-block;
text-transform: capitalize;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header__main-menu ul li > a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header__main-menu ul li > a {
font-size: 14px;
}
}
.tp-header__bar {
margin-right: 40px;
}
.tp-header__bar button i {
font-size: 23px;
color: var(--tp-common-black);
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
background: #FFFFFF;
box-shadow: 0px 4px 8px rgba(51, 92, 154, 0.04);
}
.tp-header__chat-box {
margin-left: 43px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header__chat-box {
display: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header__chat-box {
display: none;
}
}
@media (max-width: 767px) {
.tp-header__chat-box {
display: none;
}
}
.tp-header__chat-box span {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
background: #735CFC;
border-radius: 50%;
text-align: center;
margin-left: 10px;
}
.tp-header__chat-box a {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--tp-common-black);
}
.tp-header__icon-box span {
padding: 0 7px;
display: inline-block;
}
.tp-header__icon-box span.heart {
color: var(--tp-common-black);
font-size: 20px;
font-weight: 300;
display: inline-block;
transform: translateY(4px);
}
.tp-header__icon-box span.quantity span {
padding: 0;
}
.tp-header__right-box {
margin-left: -120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header__right-box {
margin-left: 0;
}
}
.tp-header__right-box ul li {
display: inline-block;
}
.tp-header__icon-text {
position: absolute;
top: -11px;
right: -3px;
display: inline-block;
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 12px;
color: var(--tp-common-white);
width: 16px;
height: 16px;
line-height: 16px;
border-radius: 50%;
background: #DD1D29;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header__left-box {
padding: 10px 0;
}
}
.tp-header__logo {
width: 110px;
height: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header__logo {
margin: 10px 0;
}
}
.tp-header-top-2__space {
padding: 9px 0;
}
.tp-header-top-2__left-box a {
color: var(--tp-common-white);
font-weight: 500;
font-size: 16px;
transition: 0.3s;
}
.tp-header-top-2__left-box a:hover {
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-top-2__left-box a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-header-top-2__left-box a {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-header-top-2__left-box a {
font-size: 13px;
}
}
.tp-header-top-2__left-box a:not(:last-child) {
padding-right: 30px;
}
@media (max-width: 767px) {
.tp-header-top-2__left-box a:not(:last-child) {
padding-right: 15px;
}
}
.tp-header-top-2__left-box a svg {
display: inline-block;
transform: translateY(-2px);
margin-right: 5px;
}
.tp-header-top-2__right-box ul li {
display: inline-block;
list-style: none;
}
.tp-header-top-2__text {
margin-left: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-top-2__text {
margin-left: 0;
}
}
@media only screen and (min-width: 1700px) and (max-width: 1850px) {
.tp-header-top-2__text {
margin-left: 20px;
}
}
.tp-header-top-2__text span {
color: var(--tp-common-white);
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-top-2__text span {
font-size: 14px;
}
}
.tp-header-top-2__social-box {
border-right: 1px solid var(--tp-border-1);
}
.tp-header-top-2__social-box a {
color: var(--tp-common-white);
font-size: 15px;
margin: 0 11px;
transition: 0.3s;
}
.tp-header-top-2__social-box a:hover {
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-top-2__social-box a {
margin: 0 6px;
}
}
.tp-header-top-2__social-box a svg {
width: 14px;
height: 14px;
fill: #fff;
}
.tp-header-top-2__social-box a svg:hover {
fill: var(--tp-common-black);
}
.tp-header-top-2__value {
width: 70px;
position: relative;
margin-left: 10px;
}
.tp-header-top-2__value img {
display: none;
}
.tp-header-top-2__value .selectron23 {
z-index: 1;
}
.tp-header-top-2__value .selectron23 .selectron23-container .selectron23-option-text {
display: none;
}
.tp-header-top-2__value .selectron23 .selectron23-container span {
left: 10px;
}
.tp-header-top-2__value .selectron23 .selectron23-container .selectron23-option {
padding: 0 5px;
}
.tp-header-top-2__value.border-color {
border-left: none;
padding-left: 0;
margin-left: 0;
text-align: right;
}
.tp-header-top-2__value.border-color ul li {
list-style-type: none;
}
.tp-header-top-2__value.border-color ul li a {
font-weight: 400;
font-size: 16px;
}
.tp-header-top-2__value.border-color ul li a img {
padding-right: 5px;
transform: translateY(-2px);
}
.tp-header-top-2__value.border-color ul li a span {
margin-left: 2px;
}
.tp-header-top-2__value.border-color ul li a span svg {
transform: translateY(-2px);
}
.tp-header-top-2__value.border-color ul li ul.tp-header-top-2__value-submenu li a {
font-size: 14px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-top-2__value {
margin-left: 20px;
}
}
.tp-header-top-2__value ul li {
list-style-type: none;
}
.tp-header-top-2__value ul li a {
color: var(--tp-common-white);
font-weight: 400;
font-size: 14px;
font-family: var(--tp-ff-heading);
}
.tp-header-top-2__value ul li a span {
margin-left: 5px;
}
.tp-header-top-2__value ul li a span svg {
transform: translateY(-2px);
}
.tp-header-top-2__value ul li ul.tp-header-top-2__value-submenu {
position: absolute;
top: 160%;
right: 0px;
left: auto;
width: 80px;
background: var(--tp-common-white);
z-index: 99;
box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
padding: 15px 20px;
border-radius: 4px;
transition: all 0.3s ease-out 0s;
opacity: 0;
visibility: hidden;
text-align: left;
}
.tp-header-top-2__value ul li ul.tp-header-top-2__value-submenu.open {
opacity: 1;
visibility: visible;
top: 149%;
}
.tp-header-top-2__value ul li ul.tp-header-top-2__value-submenu li {
line-height: 1;
margin-bottom: 10px;
list-style-type: none;
}
.tp-header-top-2__value ul li ul.tp-header-top-2__value-submenu li:last-child {
margin-bottom: 0;
}
.tp-header-top-2__value ul li ul.tp-header-top-2__value-submenu li a {
color: var(--tp-common-black);
transition: 0.3s;
}
.tp-header-top-2__value ul li ul.tp-header-top-2__value-submenu li a:hover {
color: var(--tp-common-purple);
}
.tp-header-height {
height: auto !important;
}
.tp-header-2__plr {
padding: 0 225px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-header-2__plr {
padding: 0 100px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-2__plr {
padding: 0 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-2__plr {
padding: 0px;
}
}
.tp-header-2__space {
background-color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-2__space {
padding: 15px 0;
}
}
.tp-header-2__logo {
width: 110px;
height: auto;
}
.tp-header-2__main-menu {
margin-left: 35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-2__main-menu {
margin-left: 0px;
}
}
.tp-header-2__main-menu ul li {
list-style-type: none;
display: inline-block;
position: relative;
border-right: 1px solid #fff;
padding: 0 38px;
}
@media only screen and (min-width: 1700px) and (max-width: 1850px) {
.tp-header-2__main-menu ul li {
padding: 0 30px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-header-2__main-menu ul li {
padding: 0 36px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-2__main-menu ul li {
padding: 0 35px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__main-menu ul li {
padding: 0 29px;
}
}
.tp-header-2__main-menu ul li:last-child {
border-right: none;
}
.tp-header-2__main-menu ul li > a {
font-family: var(--tp-ff-satoshi);
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--tp-common-black);
padding: 29px 0px;
display: inline-block;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-2__main-menu ul li > a {
font-size: 14px;
}
}
.tp-header-2__chat-box {
margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__chat-box {
margin-left: 20px;
}
}
.tp-header-2__chat-box span {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--tp-common-black);
margin-right: 13px;
}
.tp-header-2__chat-box a {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
background: #735CFC;
border-radius: 50%;
text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__icon-box {
margin-left: -60px;
}
}
.tp-header-2__icon-box span {
padding: 0 8px;
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__icon-box span {
padding: 0 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__icon-box span svg {
width: 20px;
}
}
.tp-header-2__icon-box span.heart {
color: var(--tp-common-black);
font-size: 20px;
font-weight: 300;
display: inline-block;
transform: translateY(4px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-2__right-box {
margin-left: -50px;
}
}
.tp-header-2__right-box ul li {
display: inline-block;
}
.tp-header-2__icon-text {
position: absolute;
top: -15px;
right: -3px;
display: inline-block;
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 12px;
color: var(--tp-common-white);
width: 16px;
height: 16px;
line-height: 16px;
border-radius: 50%;
background: #DD1D29;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-2__left-box {
padding: 10px 0;
}
}
.tp-header-2__bar {
margin-left: 25px;
}
@media (max-width: 767px) {
.tp-header-2__bar {
margin-left: 0;
}
}
.tp-header-2__bar.bar-height {
margin-left: 0;
margin: 10px 0;
}
.tp-header-2__bar button i {
font-size: 23px;
color: var(--tp-common-white);
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background: var(--tp-common-purple);
box-shadow: 0px 4px 8px rgba(51, 92, 154, 0.04);
}
.tp-header-2__plr-2 {
padding: 0 220px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-header-2__plr-2 {
padding: 0 100px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-2__plr-2 {
padding: 0 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__plr-2 {
padding: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-2__plr-2 {
padding: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-2__space.tp-header-2__plr-2 {
padding: 15px 0;
}
}
.tp-header-2__logo-3-box span {
position: absolute;
top: -4px;
left: 0;
z-index: 1;
}
.tp-header-2__logo-3 {
position: relative;
top: 8px;
left: 34px;
width: 101px;
height: 100%;
}
.tp-header-2__main-menu-3 ul li a::after {
display: none;
}
.tp-header-2__text p {
font-size: 20px;
line-height: 32px;
text-transform: capitalize;
color: #FFFFFF;
}
.tp-header-3__logo {
width: 110px;
height: auto;
}
.tp-header-top-4__bg {
background: linear-gradient(168deg, #FF337C 0%, #AE34E8 36.15%, #3E8DFF 100%);
padding: 8px 0;
}
.tp-header-top-4__left-box p {
color: var(--tp-common-white);
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.tp-header-top-4__left-box p span {
margin-right: 10px;
display: inline-block;
transform: translateY(-2px);
}
.tp-header-top-4__time-box {
margin-left: 80px;
}
.tp-header-top-4__time-box span {
color: rgba(255, 255, 255, 0.9);
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
padding-left: 6px;
display: inline-block;
}
.tp-header-top-4__value {
position: relative;
margin-left: 25px;
}
.tp-header-top-4__value::after {
content: "";
top: 2px;
left: -12px;
width: 1px;
height: 17px;
background-color: rgba(255, 255, 255, 0.15);
position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-top-4__value {
margin-left: 20px;
}
}
.tp-header-top-4__value.color {
border: 1px solid #F2F2F8;
border-radius: 40px;
padding: 0 15px;
height: 40px;
line-height: 40px;
}
.tp-header-top-4__value.color ul li a {
color: var(--tp-common-black);
margin-left: 10px;
}
.tp-header-top-4__value.color ul li > ul.tp-header-top-4__value-submenu {
left: 0%;
width: 125px;
line-height: 0;
}
.tp-header-top-4__value.color ul li > ul.tp-header-top-4__value-submenu li {
margin-bottom: 10px;
list-style-type: none;
margin-left: 0;
}
.tp-header-top-4__value.color ul li > ul.tp-header-top-4__value-submenu li:last-child {
margin-bottom: 0;
}
.tp-header-top-4__value.color ul li > ul.tp-header-top-4__value-submenu li a {
color: var(--tp-common-black);
transition: 0.3s;
font-size: 14px;
margin-left: 0;
}
.tp-header-top-4__value.color ul li > ul.tp-header-top-4__value-submenu li a:hover {
color: var(--tp-common-purple);
}
.tp-header-top-4__value ul li {
list-style-type: none;
}
.tp-header-top-4__value ul li a {
color: var(--tp-common-white);
font-weight: 400;
font-size: 16px;
}
.tp-header-top-4__value ul li a span {
margin-left: 2px;
}
.tp-header-top-4__value ul li a span svg {
transform: translateY(-2px);
}
.tp-header-top-4__value ul li ul.tp-header-top-4__value-submenu {
position: absolute;
top: 160%;
left: -18%;
width: 110px;
background: var(--tp-common-white);
z-index: 99;
box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
padding: 15px 20px;
border-radius: 4px;
transition: all 0.3s ease-out 0s;
opacity: 0;
visibility: hidden;
text-align: left;
}
.tp-header-top-4__value ul li ul.tp-header-top-4__value-submenu.open {
opacity: 1;
visibility: visible;
top: 149%;
}
.tp-header-top-4__value ul li ul.tp-header-top-4__value-submenu li {
line-height: 1;
margin-bottom: 10px;
list-style-type: none;
}
.tp-header-top-4__value ul li ul.tp-header-top-4__value-submenu li:last-child {
margin-bottom: 0;
}
.tp-header-top-4__value ul li ul.tp-header-top-4__value-submenu li a {
color: var(--tp-common-black);
transition: 0.3s;
font-size: 14px;
}
.tp-header-top-4__value ul li ul.tp-header-top-4__value-submenu li a:hover {
color: var(--tp-common-purple);
}
.tp-header-middle-4__input-box {
margin-left: 35px;
}
.tp-header-middle-4__input-box input {
border-radius: 28px;
border: 1px solid #DCE5F2;
background: rgba(244, 245, 251, 0.42);
width: 100%;
color: #393A41;
font-size: 16px;
font-weight: 500;
height: 55px;
line-height: 55px;
}
.tp-header-middle-4__border {
padding: 13px 0;
border-bottom: 1px solid #F2F2F8;
}
.tp-header-middle-4__text {
margin-left: 15px;
}
.tp-header-middle-4__text h5 {
color: #000;
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.tp-header-middle-4__text span {
font-family: var(--tp-ff-heading);
font-size: 12px;
font-weight: 400;
}
.tp-header-middle-4__right-box ul li {
display: inline-block;
}
.tp-header-middle-4__right-box ul li:not(:first-child) {
padding-left: 20px;
}
.tp-header-middle-4__icon span i {
display: inline-block;
color: #000;
margin-right: 2px;
font-size: 19px;
transform: translateY(2px);
}
.tp-header-middle-4__icon span i.color {
display: inline-block;
color: #000;
font-size: 21px;
}
.tp-header-middle-4__icon-text {
position: absolute;
top: -12px;
right: -6px;
}
.tp-header-middle-4__icon-text .tp-header__icon-text {
top: 0;
}
.tp-header-middle-4__icon-text.red-color span {
background-color: #FF0B45;
}
.tp-header-middle-4__icon-text span {
font-size: 11px;
color: var(--tp-common-white);
width: 17px;
height: 17px;
line-height: 17px;
text-align: center;
background-color: #08AC71;
border-radius: 50%;
display: inline-block;
}
.tp-header-middle-4__icon-text .tp-header__icon-text {
top: 5px;
}
.tp-header-middle-4__logo {
width: 110px;
height: auto;
}
.tp-header-4__logo {
width: 110px;
height: auto;
}
.tp-header-4__pt {
padding-top: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-4__pt {
padding-top: 0;
}
}
.tp-header-4__catagori.space {
padding-left: 0;
}
.tp-header-4__catagori.space > button {
background-color: #735CFC;
padding: 21px 40px;
}
.tp-header-4__catagori.space > button span {
color: var(--tp-common-white);
}
.tp-header-4__catagori button {
border-radius: 4px 4px 0px 0px;
display: inline-block;
padding: 25px 31px;
padding-left: 25px;
}
@media (max-width: 767px) {
.tp-header-4__catagori button {
padding-left: 0;
padding-right: 0;
}
}
.tp-header-4__catagori button span {
line-height: 1;
color: var(--tp-common-black);
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
}
.tp-header-4__catagori button span.arrow {
display: inline-block;
padding-left: 12px;
transform: translateY(-2px);
}
.tp-header-4__catagori button span.bar {
padding-right: 15px;
display: inline-block;
transform: translateY(-1px);
}
.tp-header-4__main-menu {
margin-left: -52px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-4__main-menu {
margin-left: 0;
}
}
.tp-header-4__main-menu nav ul li {
display: inline-block;
padding: 0 30px;
position: relative;
}
.tp-header-4__main-menu nav ul li:hover .submenu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.tp-header-4__main-menu nav ul li:hover > a {
color: var(--tp-theme-3);
}
.tp-header-4__main-menu nav ul li .submenu {
border-top: 5px solid var(--tp-theme-3);
position: absolute;
top: 100%;
left: -5px;
width: 240px;
background-color: var(--tp-common-white);
z-index: 999;
padding: 30px 40px;
opacity: 0;
visibility: hidden;
transition: 0.4s;
transform: scaleY(0);
transform-origin: top center;
text-align: start;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-4__main-menu nav ul li .submenu > li {
margin: 0;
padding: 0;
margin-bottom: 15px;
display: block;
}
.tp-header-4__main-menu nav ul li .submenu > li:last-child {
margin-bottom: 0;
}
.tp-header-4__main-menu nav ul li .submenu > li > a {
padding: 0;
font-size: 14px;
text-transform: uppercase;
color: var(--tp-common-black);
position: relative;
}
.tp-header-4__main-menu nav ul li .submenu > li > a::after {
content: "";
position: absolute;
bottom: 0px;
right: 0;
left: auto;
height: 1px;
width: 0;
background-color: var(--tp-theme-3);
transition: 0.7s;
display: inline-block;
}
.tp-header-4__main-menu nav ul li .submenu > li:hover > a {
color: var(--tp-theme-3);
}
.tp-header-4__main-menu nav ul li .submenu > li:hover > a::after {
width: 100%;
right: auto;
left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-4__main-menu nav ul li {
padding: 0 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-4__main-menu nav ul li {
padding: 0 25px;
}
}
.tp-header-4__main-menu nav ul li.has-dropdown::after {
content: "\f107";
font-family: "Font Awesome 6 Pro";
display: inline-block;
font-size: 14px;
font-weight: 400;
transition: 0.3s;
transform: translateY(-1px);
color: var(--tp-common-black);
position: absolute;
top: 40%;
right: 8px;
}
.tp-header-4__main-menu nav ul li > a {
color: var(--tp-common-black-2);
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
transition: 0.3s;
padding: 19px 0;
display: inline-block;
position: relative;
letter-spacing: 0.75px;
}
.tp-header-4__main-menu nav ul li > a:hover {
color: var(--tp-theme-3);
}
.tp-header-4__main-menu nav ul li:hover.has-dropdown::after {
transform: rotate(-180deg);
color: var(--tp-theme-3);
}
.tp-header-4__main-menu nav ul li:hover a .tp-header-4__menu-shape {
opacity: 1;
visibility: visible;
}
.tp-header-4__main-menu.menu-space {
margin-left: -47px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-4__main-menu.menu-space {
margin-right: -60px;
}
}
.tp-header-4__main-menu.menu-space nav ul li > a {
padding: 19px 0;
}
.tp-header-4__menu-shape {
position: absolute;
bottom: 8px;
left: 0px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-header-4__right-box {
margin-right: 20px;
}
}
.tp-header-4__right-box a {
color: var(--tp-common-black-2);
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-4__right-box a {
font-size: 15px;
}
}
.tp-header-4__right-box span {
margin-right: 5px;
display: inline-block;
transform: translateY(-3px);
}
.tp-header-top-5__space {
padding: 8px 0;
background-color: #E9EFFB;
}
.tp-header-top-5__left-box ul li {
display: inline-block;
}
.tp-header-top-5__left-box ul li:not(:last-child) {
padding-right: 15px;
}
.tp-header-top-5__left-box ul li a {
color: var(--tp-common-black);
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-top-5__left-box ul li a {
font-size: 14px;
}
}
.tp-header-top-5__left-box ul li span {
display: inline-block;
padding-right: 2px;
transform: translateY(-2px);
}
.tp-header-top-5__text {
padding-left: 195px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-top-5__text {
padding-left: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-top-5__text {
padding-left: 65px;
}
}
.tp-header-top-5__text p {
color: #2A2D32;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-top-5__text p {
font-size: 14px;
}
}
.tp-header-top-5__text p span {
color: #FF1E36;
}
.tp-header-top-5__social-box a {
color: #252629;
font-size: 14px;
transition: 0.3s;
}
.tp-header-top-5__social-box a:not(:first-child) {
padding-left: 13px;
}
.tp-header-top-5__social-box a:hover {
color: var(--tp-common-purple-2);
}
.tp-header-middle-5__border {
border-bottom: 1px solid #F2F2F8;
padding: 15px 0;
}
.tp-header-middle-5__right-box ul li {
display: inline-block;
}
.tp-header-middle-5__left-box ul li {
display: inline-block;
}
.tp-header-middle-5__icon .tp-header-middle-4__icon {
margin-left: 20px;
}
.tp-header-middle-5__icon .tp-header-middle-4__icon.icon-space {
margin-left: 17px;
}
.tp-header-middle-5__input-box {
margin-left: 30px;
}
.tp-header-middle-5__input-box input {
border-radius: 26px;
border: 1px solid #DCE5F2;
background: rgba(244, 245, 251, 0.42);
width: 100%;
height: 51px;
line-height: 51px;
padding-right: 55px;
}
.tp-header-middle-5__search-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
}
.tp-main-menu-mobile .tp-submenu {
display: none;
}
.tp-main-menu-mobile .header-icon {
display: none;
}
.tp-main-menu-mobile ul {
position: static;
display: block;
box-shadow: none;
}
.tp-main-menu-mobile ul li {
list-style: none;
position: relative;
width: 100%;
padding: 0;
}
.tp-main-menu-mobile ul li a {
text-transform: capitalize;
}
.tp-main-menu-mobile ul li:not(:last-child) > a {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
position: absolute;
right: 0;
top: 28%;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
font-size: 18px;
color: #7F8387;
font-family: "Font Awesome 5 Pro";
transition: all 0.3s ease-in-out;
z-index: 1;
width: 25px;
height: 25px;
line-height: 22px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.12);
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i {
transition: all 0.3s ease-in-out;
margin-left: 2px;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
background-color: var(--tp-common-orange);
border-color: var(--tp-theme-1);
color: var(--tp-common-orange);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
color: var(--tp-common-pink);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded {
color: var(--tp-common-pink-4);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
background-color: var(--tp-common-pink-4);
border-color: var(--tp-common-pink-4);
color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown:hover > a::after {
color: var(--tp-common-orange);
}
.tp-main-menu-mobile ul li:last-child a span {
border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
display: block;
font-size: 16px;
color: var(--tp-common-white);
position: relative;
padding: 15px 0;
padding-right: 20px;
}
.tp-main-menu-mobile ul li > a svg {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.tp-main-menu-mobile ul li > a > i {
display: inline-block;
width: 11%;
margin-right: 13px;
-webkit-transform: translateY(4px);
-moz-transform: translateY(4px);
-ms-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
font-size: 21px;
line-height: 1;
}
.tp-main-menu-mobile ul li > a .menu-text {
font-size: 16px;
line-height: 11px;
border-bottom: 1px solid #EAEBED;
width: 82%;
display: inline-block;
padding: 19px 0 17px;
}
.tp-main-menu-mobile ul li img {
width: 100%;
}
.tp-main-menu-mobile ul li ul {
padding: 0;
}
.tp-main-menu-mobile ul li ul li {
padding: 0;
}
.tp-main-menu-mobile ul li ul li a {
margin-left: auto;
width: 93%;
padding: 10px 5%;
text-shadow: none !important;
visibility: visible;
padding-left: 0;
padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li a {
width: 88%;
padding: 10px 7%;
padding-left: 0;
padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
width: 83%;
padding: 10px 9%;
padding-left: 0;
padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
width: 68%;
padding: 10px 11%;
padding-left: 0;
padding-right: 20px;
}
.tp-main-menu-mobile ul li:hover > a {
color: var(--tp-common-pink-4);
}
.tp-main-menu-mobile ul li:hover > a::after {
color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li:hover .mega-menu {
visibility: visible;
opacity: 1;
top: 0;
}
.tp-main-menu-mobile ul li .mega-menu, .tp-main-menu-mobile ul li .submenu {
position: static;
min-width: 100%;
padding: 0;
box-shadow: none;
visibility: visible;
opacity: 1;
display: none;
}
.tp-main-menu-mobile ul li .mega-menu li, .tp-main-menu-mobile ul li .submenu li {
float: none;
display: block;
width: 100%;
padding: 0;
}
.tp-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
color: var(--tp-theme-1);
}
.tp-main-menu-mobile .tp-main-menu-content ul li:not(:last-child) .home-menu-title a {
border-bottom: none;
}
.tp-main-menu-mobile * ul, .tp-main-menu-mobile * li {
transition: none !important;
}
.tp-header-5__value {
position: relative;
margin-left: 25px;
}
.tp-header-5__value::after {
content: "";
top: 2px;
left: -12px;
width: 1px;
height: 17px;
background-color: rgba(255, 255, 255, 0.15);
position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-5__value {
margin-left: 20px;
}
}
.tp-header-5__value.color ul li a {
color: #332E2E;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.75px;
text-transform: capitalize;
}
.tp-header-5__value.color ul li > ul.tp-header-5__value-submenu {
left: 0%;
width: 125px;
line-height: 0;
}
.tp-header-5__value.color ul li > ul.tp-header-5__value-submenu li {
margin-bottom: 10px;
list-style-type: none;
margin-left: 0;
}
.tp-header-5__value.color ul li > ul.tp-header-5__value-submenu li:last-child {
margin-bottom: 0;
}
.tp-header-5__value.color ul li > ul.tp-header-5__value-submenu li a {
color: var(--tp-common-black);
transition: 0.3s;
font-size: 14px;
margin-left: 0;
}
.tp-header-5__value.color ul li > ul.tp-header-5__value-submenu li a:hover {
color: var(--tp-common-purple);
}
.tp-header-5__value ul li {
list-style-type: none;
}
.tp-header-5__value ul li a {
color: var(--tp-common-white);
font-weight: 400;
font-size: 16px;
}
.tp-header-5__value ul li a span {
margin-left: 2px;
}
.tp-header-5__value ul li a span svg {
transform: translateY(-2px);
}
.tp-header-5__value ul li ul.tp-header-5__value-submenu {
position: absolute;
top: 160%;
left: -18%;
width: 110px;
background: var(--tp-common-white);
z-index: 99;
box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
padding: 15px 20px;
border-radius: 4px;
transition: all 0.3s ease-out 0s;
opacity: 0;
visibility: hidden;
text-align: left;
}
.tp-header-5__value ul li ul.tp-header-5__value-submenu.open {
opacity: 1;
visibility: visible;
top: 149%;
}
.tp-header-5__value ul li ul.tp-header-5__value-submenu li {
line-height: 1;
margin-bottom: 10px;
list-style-type: none;
}
.tp-header-5__value ul li ul.tp-header-5__value-submenu li:last-child {
margin-bottom: 0;
}
.tp-header-5__value ul li ul.tp-header-5__value-submenu li a {
color: var(--tp-common-black);
transition: 0.3s;
font-size: 14px;
}
.tp-header-5__value ul li ul.tp-header-5__value-submenu li a:hover {
color: var(--tp-common-purple);
}
.tp-header-5-logo {
padding-left: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-header-5-logo {
padding-left: 0;
}
}
.tp-header-5-logo a {
display: inline-block;
width: 127px;
height: 100%;
}
.tp-header-5-space {
padding-top: 13px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-5-space {
padding-top: 0;
}
}
.tp-header-5-space .tp-header-4__menu-shape {
bottom: 8px;
}
.tp-header-5-contact {
margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-header-5-contact {
margin-right: 25px;
}
}
@media (max-width: 767px) {
.tp-header-5-contact {
display: none;
}
}
.tp-header-5-contact a {
display: inline-block;
color: #FFF;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
border-radius: 3px;
background: #FF8717;
padding: 11px 25px;
}
.tp-header-5-contact a i {
margin-right: 4px;
transform: translateY(-3px);
display: inline-block;
}
.tp-category-menu {
position: relative;
width: 80%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-category-menu {
width: 90%;
}
}
.tp-category-menu-btn {
font-weight: 500;
font-size: 14px;
width: 100%;
padding: 20px 30px;
text-align: left;
position: relative;
color: var(--tp-common-white);
background-color: var(--tp-common-purple);
border-radius: 4px 4px 0 0;
width: 100%;
}
.tp-category-menu-btn::after {
position: absolute;
content: "\f107";
right: 30px;
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 6 Pro";
}
.tp-category-menu-btn span {
margin-right: 8px;
}
.tp-category-menu-btn:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-category-menu nav ul {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 1px 3px rgba(1, 15, 28, 0.1);
z-index: 9;
display: none;
padding: 20px 0;
}
.tp-category-menu nav ul li {
list-style: none;
padding: 0 30px;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-category-menu nav ul li {
padding: 0 25px;
}
}
.tp-category-menu nav ul li::after {
position: absolute;
content: "";
left: 0;
top: 50%;
width: 2px;
height: 0;
background-color: var(--tp-theme-primary);
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: 0.3s;
}
.tp-category-menu nav ul li img {
width: 100%;
}
.tp-category-menu nav ul li.has-dropdown > a:not(.mega-menu-title)::after {
position: absolute;
content: "\f105";
right: 0;
top: 50%;
font-family: "Font Awesome 6 Pro";
font-size: 16px;
transform: translateY(-50%);
transition: 0.3s;
color: var(--tp-text-6);
}
.tp-category-menu nav ul li:last-child a {
border: none;
}
.tp-category-menu nav ul li a {
font-size: 15px;
display: inline-block;
width: 100%;
padding: 13px 0 12px;
font-weight: 500;
position: relative;
color: var(--tp-common-black-2);
border-bottom: 1px solid var(--tp-border-1);
}
.tp-category-menu nav ul li a span {
color: var(--tp-text-6);
margin-right: 5px;
transition: 0.3s;
}
.tp-category-menu nav ul li a span svg {
transform: translateY(-2px);
}
.tp-category-menu nav ul li .tp-submenu {
position: absolute;
left: 110%;
top: 0%;
visibility: hidden;
opacity: 0;
min-width: 300px;
background-color: var(--tp-common-white);
transition: 0.3s;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.tp-category-menu nav ul li .tp-submenu li a {
font-size: 15px;
padding: 6px 0 7px;
}
.tp-category-menu nav ul li .tp-submenu li ul {
display: block;
}
.tp-category-menu nav ul li:hover::after {
visibility: visible;
opacity: 1;
height: 30px;
}
.tp-category-menu nav ul li:hover > a {
color: var(--tp-common-purple);
}
.tp-category-menu nav ul li:hover > a::after {
color: var(--tp-common-purple);
}
.tp-category-menu nav ul li:hover > a span {
color: var(--tp-common-purple);
}
.tp-category-menu nav ul li:hover > a .dropdown-toggle-btn {
color: var(--tp-common-purple);
}
.tp-category-menu nav ul li:hover > .tp-submenu {
opacity: 1;
visibility: visible;
left: 100%;
}
.tp-header-4-category-btn .tp-category-menu-btn {
border-radius: 0;
}
.tp-category-mobile-menu ul {
position: static;
padding: 0 0;
padding-top: 15px;
box-shadow: none;
}
.tp-category-mobile-menu ul li {
list-style: none;
position: relative;
width: 100%;
padding: 0;
}
.tp-category-mobile-menu ul li:not(:last-child) a {
border-bottom: 1px solid rgba(127, 131, 135, 0.3);
}
.tp-category-mobile-menu ul li:last-child {
border-bottom: 0;
}
.tp-category-mobile-menu ul li a {
display: block;
font-size: 16px;
color: var(--tp-common-white);
position: relative;
padding: 15px 0;
padding-right: 20px;
}
.tp-category-mobile-menu ul li a svg {
margin-right: 3px;
}
.tp-category-mobile-menu ul li a > i {
display: inline-block;
width: 11%;
margin-right: 13px;
font-size: 21px;
line-height: 1;
}
.tp-category-mobile-menu ul li a .menu-text {
font-size: 16px;
line-height: 11px;
border-bottom: none;
width: 82%;
display: inline-block;
padding: 19px 0 17px;
}
.tp-category-mobile-menu ul li img {
max-width: 100%;
}
.tp-category-mobile-menu ul li ul {
padding: 0;
}
.tp-category-mobile-menu ul li ul li a {
margin-left: auto;
width: 93%;
padding: 10px 5%;
text-shadow: none !important;
visibility: visible;
padding-left: 0;
padding-right: 20px;
}
.tp-category-mobile-menu ul li ul li li a {
width: 88%;
padding: 10px 7%;
padding-left: 0;
padding-right: 20px;
}
.tp-category-mobile-menu ul li ul li li li a {
width: 83%;
padding: 10px 9%;
padding-left: 0;
padding-right: 20px;
}
.tp-category-mobile-menu ul li ul li li li li a {
width: 68%;
padding: 10px 11%;
padding-left: 0;
padding-right: 20px;
}
.tp-category-mobile-menu ul li:hover > a {
color: var(--tp-common-pink-4);
}
.tp-category-mobile-menu ul li:hover > a::after {
color: var(--tp-common-pink-4);
}
.tp-category-mobile-menu ul li:hover > a .dropdown-toggle-btn i {
color: var(--tp-common-pink-4);
}
.tp-category-mobile-menu ul li:hover .mega-menu {
visibility: visible;
opacity: 1;
top: 0;
}
.tp-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
color: #7F8387;
transition: 0.3s;
z-index: 1;
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
border: 1px solid rgba(127, 131, 135, 0.3);
}
.tp-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn i {
transition: 0.3s;
}
.tp-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
transform: rotate(90deg);
}
.tp-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover {
background-color: var(--tp-common-pink-4);
border-color: var(--tp-common-pink-4);
color: var(--tp-common-white);
}
.tp-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
color: var(--tp-common-white);
}
.tp-category-mobile-menu ul li.has-dropdown > a.expanded {
color: var(--tp-theme-primary);
}
.tp-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
background-color: var(--tp-common-pink-4);
border-color: var(--tp-common-pink-4);
color: var(--tp-common-white);
}
.tp-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
color: var(--tp-common-white);
}
.tp-category-mobile-menu ul li.has-dropdown:hover > a::after {
color: var(--tp-theme-green);
}
.tp-category-mobile-menu ul li:last-child a span {
border-bottom: 0;
}
.tp-category-mobile-menu ul li .tp-mega-menu, .tp-category-mobile-menu ul li .tp-submenu {
position: static;
min-width: 100%;
padding: 0;
box-shadow: none;
visibility: visible;
opacity: 1;
display: none;
}
.tp-category-mobile-menu ul li .tp-mega-menu li, .tp-category-mobile-menu ul li .tp-submenu li {
float: none;
display: block;
width: 100%;
padding: 0;
}
.tp-category-mobile-menu ul li .tp-mega-menu li:hover a .dropdown-toggle-btn, .tp-category-mobile-menu ul li .tp-submenu li:hover a .dropdown-toggle-btn {
color: var(--tp-theme-primary);
}
.tp-category-mobile-menu ul li .mega-menu-brand a {
display: inline-block;
border: 0;
padding-right: 18px;
}
.tp-category-mobile-menu ul li .mega-menu-right {
background-color: transparent !important;
}
.tp-category-mobile-menu ul li .menu-shop-thumb {
width: 90px;
margin-right: 15px;
}
.tp-category-mobile-menu ul li .menu-shop-thumb a {
border: none;
}
.tp-category-mobile-menu ul li .menu-shop-thumb .menu-text {
display: none;
}
.tp-category-mobile-menu ul li .menu-shop-meta span a {
padding: 0;
border-bottom: 0;
font-size: 14px;
}
.tp-category-mobile-menu ul li .menu-shop-title a {
padding: 0;
border-bottom: 0;
}
.tp-category-mobile-menu ul li .mega-menu-right-title {
margin-bottom: 15px;
padding-top: 15px;
}
.tp-category-mobile-menu nav {
display: none;
}
.tp-category-mobile-menu * ul, .tp-category-mobile-menu * li {
transition: none !important;
}
.tp-category-mobile-menu .mega-menu-list > ul {
padding-top: 20px;
}
.tp-header__main-menu nav ul li .has-homemenu {
width: 1000px;
padding: 30px 30px 10px 30px;
opacity: 0;
visibility: hidden;
background-color: var(--tp-common-white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header__main-menu nav ul li .has-homemenu .homemenu {
padding: 0px 10px;
position: relative;
margin-bottom: 20px;
}
.tp-header-4__main-menu nav ul li .has-homemenu {
width: 1000px;
padding: 30px 30px 10px 30px;
opacity: 0;
visibility: hidden;
background-color: var(--tp-common-white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-4__main-menu nav ul li .has-homemenu .homemenu {
padding: 0px 10px;
position: relative;
margin-bottom: 20px;
}
.homemenu-btn {
position: absolute;
bottom: 20%;
left: 0;
right: 0;
text-align: center;
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.homemenu-title {
font-size: 18px;
margin-bottom: 0;
color: var(--tp-common-pink-4);
display: inline-block;
font-weight: 400;
}
.homemenu-title:hover {
color: var(--tp-theme-2);
}
.homemenu-thumb {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.homemenu-thumb:hover .homemenu-btn {
opacity: 1;
visibility: visible;
bottom: 50%;
transform: translateY(50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header__main-menu ul li .submenu.has-homemenu {
position: absolute;
left: -200px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__main-menu.tp-header__main-menu ul li .submenu.has-homemenu {
position: absolute;
left: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-4__main-menu ul li .submenu.has-homemenu {
position: absolute;
left: -200px;
}
}  .tp-hero__bg {
padding-top: 235px;
padding-bottom: 205px;
position: relative;
z-index: -2;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__bg {
padding-top: 180px;
padding-bottom: 160px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__bg {
padding-top: 140px;
padding-bottom: 130px;
}
}
@media (max-width: 767px) {
.tp-hero__bg {
padding-top: 120px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero__bg {
padding-top: 150px;
}
}
.tp-hero__left-text p {
font-size: 20px;
line-height: 32px;
padding-right: 50px;
margin-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero__left-text p {
font-size: 16px;
padding-right: 160px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__left-text p {
font-size: 16px;
padding-right: 160px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__left-text p {
font-size: 15px;
padding-right: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__left-text p {
font-size: 18px;
padding-right: 0;
}
}
@media (max-width: 767px) {
.tp-hero__left-text p {
font-size: 15px;
padding-right: 0;
}
}
.tp-hero__section-box {
padding-bottom: 30px;
}
.tp-hero__thumb-box {
padding-right: 45px;
position: relative;
z-index: 12;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero__thumb-box {
padding-right: 0;
}
}
.tp-hero__contact-box {
position: absolute;
top: 19%;
right: -1.3%;
transform: rotate(-90deg);
z-index: 22;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero__contact-box {
right: -2.7%;
}
}
.tp-hero__contact-box a {
font-weight: 400;
font-size: 17px;
color: var(--tp-common-black);
font-family: var(--tp-ff-heading);
transition: 0.3s;
}
.tp-hero__contact-box a:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero__contact-box a {
font-size: 14px;
}
}
.tp-hero__social-box {
position: absolute;
bottom: 27%;
right: -5%;
z-index: 22;
transform: rotate(-90deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero__social-box {
right: -5.5%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero__social-box {
right: -7%;
}
}
.tp-hero__social-box a {
font-weight: 400;
font-size: 17px;
color: var(--tp-common-black);
font-family: var(--tp-ff-heading);
margin-left: 35px;
transition: 0.3s;
font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero__social-box a {
font-size: 14px;
}
}
.tp-hero__social-box a:hover {
color: var(--tp-theme-2);
}
.tp-hero__social-box a:first-child {
margin-left: 0;
}
.tp-hero__shape-1 {
position: absolute;
top: 12%;
left: 2%;
z-index: 1;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-1 {
top: 9%;
left: -3%;
}
}
.tp-hero__shape-2 {
position: absolute;
top: -9.4%;
right: -7.6%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__shape-2 {
right: -0.5%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__shape-2 img {
max-width: 70%;
}
}
.tp-hero__shape-3 {
position: absolute;
bottom: -17.4%;
left: -5%;
z-index: 1;
animation: tptranslateY2 2s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-3 {
left: -13%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__shape-3 {
left: -25%;
bottom: -10.4%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__shape-3 {
left: 1%;
bottom: -4.4%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-3 img {
max-width: 80%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__shape-3 img {
max-width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__shape-3 img {
max-width: 80%;
}
}
.tp-hero__shape-4 {
position: absolute;
bottom: -7.4%;
right: -16.6%;
z-index: -1;
animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-4 {
right: -7.6%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__shape-4 {
right: -1.6%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__shape-4 {
right: -7.6%;
bottom: 6%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-4 img {
max-width: 70%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__shape-4 img {
max-width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__shape-4 img {
max-width: 70%;
}
}
.tp-hero__shape-5 {
position: absolute;
bottom: 16.6%;
right: 9.4%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero__shape-5 {
bottom: 13.6%;
right: 10.4%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero__shape-5 {
bottom: 12.6%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-5 {
bottom: 15.6%;
right: 8.4%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-5 img {
max-width: 50%;
}
}
.tp-hero__shape-6 {
position: absolute;
top: 19.3%;
right: -6.1%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-6 img {
max-width: 50%;
}
}
.tp-hero__shape-7 {
position: absolute;
top: 32.3%;
left: 4%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero__shape-7 {
top: 21.3%;
left: 4%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-7 {
top: 20.3%;
left: 4%;
}
}
.tp-hero__shape-8 {
position: absolute;
bottom: 10.3%;
left: 0%;
}
.tp-hero__shape-9 {
position: absolute;
bottom: 6.3%;
right: 35%;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero__left-box {
margin-bottom: 90px;
}
}
.tp-hero-2__bg {
background-repeat: no-repeat;
background-size: cover;
padding-top: 160px;
height: 905px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2__bg {
height: 830px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2__bg {
height: 800px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-2__bg {
height: 820px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__bg {
padding-top: 115px;
height: 1150px;
}
}
@media (max-width: 767px) {
.tp-hero-2__bg {
padding-top: 90px;
height: 830px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-2__bg {
height: 950px;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-hero-2__bg {
height: 900px;
}
}
.tp-hero-2__text p {
font-weight: 400;
font-size: 20px;
line-height: 32px;
padding-right: 70px;
margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-2__text p {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__text p {
padding-right: 0;
font-size: 18px;
}
}
@media (max-width: 767px) {
.tp-hero-2__text p {
padding-right: 0;
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-2__left-box {
margin-bottom: 70px;
}
}
.tp-hero-2__main-thumb {
margin-left: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-2__main-thumb {
margin-left: 0;
}
}
.tp-hero-2__main-thumb img {
max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__main-thumb img {
max-width: 100%;
}
}
@media (max-width: 767px) {
.tp-hero-2__main-thumb img {
max-width: 100%;
}
}
.tp-hero-2__shape-1 {
position: absolute;
right: 6%;
top: 10%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-2__shape-1 {
right: 2%;
top: 6%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2__shape-1 {
right: 4%;
top: 4%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2__shape-1 {
right: 4%;
top: 3%;
}
}
.tp-hero-2__shape-2 {
position: absolute;
left: 0%;
bottom: 18%;
animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-2__shape-2 {
left: 1%;
bottom: 5%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2__shape-2 {
bottom: 2%;
}
}
.tp-hero-2__shape-3 {
position: absolute;
left: 12%;
bottom: 41%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-2__shape-3 {
left: 6%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2__shape-3 {
left: 1%;
}
}
.tp-hero-2__mouse-scroll {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 71px;
z-index: 22;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-2__mouse-scroll {
bottom: -1px;
}
}
.tp-hero-2__mouse-scroll span {
color: #09052F;
font-weight: 500;
font-size: 14px;
font-family: var(--tp-ff-heading);
}
.tp-hero-3__content-box {
padding: 220px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3__content-box {
padding: 200px 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3__content-box {
padding: 170px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3__content-box {
padding: 190px 0;
}
}
@media (max-width: 767px) {
.tp-hero-3__content-box {
padding: 120px 0;
}
}
@media (max-width: 767px) {
.tp-hero-3__content-box {
padding: 120px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-3__content-box {
padding: 150px 0;
}
}
.tp-hero-3__text {
position: relative;
z-index: 1;
}
.tp-hero-3__text p {
font-weight: 400;
font-size: 20px;
line-height: 32px;
text-transform: capitalize;
color: #FFFFFF;
margin-bottom: 42px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3__text p {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3__text p {
font-size: 17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-3__text p {
font-size: 16px;
}
.tp-hero-3__text p br {
display: none;
}
}
.tp-hero-3__bg {
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 767px) {
.tp-hero-3__bg {
background-position: right;
}
}
.tp-hero-3__shape-animation {
position: absolute;
top: 117px;
left: -156px;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-3__shape-animation {
left: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3__shape-animation {
left: -35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3__shape-animation {
left: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3__shape-animation {
left: -30px;
}
}
@media (max-width: 767px) {
.tp-hero-3__shape-animation {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-3__shape-animation {
left: -20px;
}
}
.tp-hero-3__shape-animation span {
background: linear-gradient(180deg, rgba(255, 55, 127, 0.8) 0%, rgba(143, 77, 238, 0.8) 59.35%, rgba(84, 123, 250, 0.8) 100%);
transform: rotate(-32.23deg);
border-radius: 62% 47% 82% 35%/45% 45% 80% 66%;
will-change: border-radius, transform, opacity;
display: block;
-webkit-animation: sliderShape 8s linear infinite;
height: 619px;
width: 640px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-3__shape-animation span {
height: 590px;
width: 600px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3__shape-animation span {
height: 500px;
width: 520px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3__shape-animation span {
height: 470px;
width: 520px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3__shape-animation span {
height: 400px;
width: 450px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-3__shape-animation span {
height: 300px;
width: 350px;
}
}
.tp-hero-3__big-text {
position: absolute;
top: 31%;
right: 13%;
transform: rotate(-61.88deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-3__big-text {
right: 10%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-3__big-text {
right: 8%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3__big-text {
right: 6%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3__big-text {
right: 3%;
}
}
.tp-hero-3__big-text span {
font-family: "Pacifico", cursive;
font-weight: 400;
font-size: 150px;
line-height: 263px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-3__big-text span {
font-size: 120px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-3__big-text span {
font-size: 110px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-3__big-text span {
font-size: 110px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3__big-text span {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3__big-text span {
font-size: 60px;
}
}
.tp-hero-3__mouse-scroll {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
z-index: 22;
}
.tp-hero-3__mouse-scroll span {
font-size: 14px;
line-height: 12px;
color: #5F6168;
font-family: var(--tp-ff-heading);
}
.scroll-bg {
position: absolute;
bottom: 77px;
left: 50%;
transform: translateX(-50%);
z-index: 4;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.scroll-bg {
bottom: -1px;
}
}
.scroll-bg-2 {
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
z-index: 4;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.scroll-bg-2 {
bottom: -1px;
}
}
.mouse-scroll-btn {
display: inline-block;
width: 16px;
height: 25px;
border: 2px solid #09052F;
border-radius: 30px;
outline: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 28px;
z-index: 5;
}
.mouse-scroll-btn::after {
position: absolute;
top: 4px;
left: 3px;
content: "";
height: 6px;
width: 6px;
border: 2px solid #09052F;
border-radius: 50%;
animation: scroll 1s infinite ease-in-out alternate;
}
.mouse-scroll-btn-2 {
display: inline-block;
width: 16px;
height: 25px;
border: 2px solid #343640;
border-radius: 30px;
outline: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 28px;
z-index: 5;
}
.mouse-scroll-btn-2::after {
position: absolute;
top: 4px;
left: 3px;
content: "";
height: 6px;
width: 6px;
border: 2px solid #343640;
border-radius: 50%;
animation: scroll 1s infinite ease-in-out alternate;
}
.tp-hero-4__bg {
background-size: cover;
background-repeat: no-repeat;
padding-top: 80px;
padding-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-4__bg {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.tp-hero-4__bg {
padding: 80px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-4__left-box {
margin-bottom: 30px;
}
}
.tp-hero-4__content span {
font-size: 46px;
font-family: var(--tp-ff-heading);
color: var(--tp-common-white);
font-weight: 400;
display: inline-block;
padding-bottom: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-4__content span {
font-size: 37px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-4__content span {
font-size: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-4__content span {
font-size: 30px;
}
}
@media (max-width: 767px) {
.tp-hero-4__content span {
font-size: 28px;
}
}
.tp-hero-4__content span del {
font-size: 36px;
font-style: normal;
font-weight: 400;
padding-left: 30px;
}
.tp-hero-4__content p {
font-size: 22px;
font-family: var(--tp-ff-heading);
font-style: normal;
font-weight: 400;
line-height: 31px;
color: var(--tp-common-white);
padding-bottom: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-4__content p {
font-size: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-4__content p {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-4__content p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-4__content p {
font-size: 17px;
}
}
@media (max-width: 767px) {
.tp-hero-4__content p {
font-size: 15px;
}
}
.tp-hero-4__thumb-box {
margin-left: -20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-4__thumb-box {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-4__main-thumb {
text-align: center;
}
}
.tp-hero-4__main-thumb img {
max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-hero-4__main-thumb img {
max-width: 100%;
}
}
.tp-hero-4__shape-1 {
position: absolute;
bottom: 10%;
left: 22%;
animation: tpupdown 0.8s infinite alternate;
}
.tp-hero-4__shape-2 {
position: absolute;
top: 13%;
left: 1%;
animation: moving 9s linear infinite;
}
.tp-hero-4__shape-3 {
position: absolute;
bottom: 7%;
left: -2%;
animation: tptranslateX2 4s infinite alternate;
}
.tp-hero-4__shape-4 {
position: absolute;
top: 5%;
left: 14%;
animation: tptranslateX2 4s infinite alternate;
}
.tp-hero-4__shape-5 {
position: absolute;
top: 15%;
right: -6%;
animation: zoom 7s infinite;
}
.tp-hero-4__shape-6 {
position: absolute;
top: 20%;
right: -23%;
animation: moving 9s linear infinite;
}
.tp-slider-5__space {
padding-top: 100px;
padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-5__space {
padding: 120px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-slider-5__left-box {
margin-bottom: 50px;
}
}
.tp-slider-5__content-box p {
color: #FF8717;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
.tp-slider-5__content-box span {
color: var(--tp-common-white);
font-size: 34px;
font-weight: 500;
text-transform: capitalize;
display: block;
padding-bottom: 35px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-slider-5__content-box span {
font-size: 32px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-5__content-box span {
font-size: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-5__content-box span {
font-size: 28px;
}
}
@media (max-width: 767px) {
.tp-slider-5__content-box span {
font-size: 25px;
}
}
.tp-slider-5__content-box span del {
color: #FF1515;
font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-5__content-box span del {
font-size: 19px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-5__content-box span del {
font-size: 19px;
}
}
@media (max-width: 767px) {
.tp-slider-5__content-box span del {
font-size: 17px;
}
}
.tp-slider-5__section-box {
padding-bottom: 7px;
}
.tp-slider-5__main-thumb {
position: relative;
z-index: 1;
}
.tp-slider-5__main-thumb img {
max-width: inherit;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-5__main-thumb img {
max-width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-5__main-thumb img {
max-width: 93%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-slider-5__main-thumb img {
width: 100%;
}
}
.tp-slider-5__thumb-text {
position: absolute;
bottom: 23%;
left: 1%;
height: 90px;
width: 90px;
line-height: 116px;
border-radius: 50%;
text-align: center;
background-color: #FF8717;
}
.tp-slider-5__thumb-text span {
color: var(--tp-common-white);
font-family: var(--tp-ff-heading);
font-size: 24px;
font-weight: 500;
line-height: 21px;
display: inline-block;
text-transform: uppercase;
}
.tp-slider-5__thumb-text span strong {
font-size: 15px;
font-weight: 400;
}
.tp-slider-5__shape-1 {
position: absolute;
top: 1%;
left: 5%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-5__shape-1 {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-5__shape-1 {
left: 0;
}
}
@media (max-width: 767px) {
.tp-slider-5__shape-1 {
display: none;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-5__shape-1 img {
max-width: 90%;
}
}
.tp-slider-5__shape-2 {
position: absolute;
top: 0%;
right: 5%;
animation: zoom 4s infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-5__shape-2 {
display: none;
}
}
@media (max-width: 767px) {
.tp-slider-5__shape-2 {
display: none;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-5__shape-2 img {
max-width: 90%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-5__shape-2 img {
max-width: 90%;
}
}
.tp-slider-5__shape-3 {
position: absolute;
top: 44px;
left: 0;
animation: tptranslateY2 4s infinite alternate;
}
.tp-slider-5__shape-4 {
position: absolute;
bottom: 0;
left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-5__shape-4 {
margin-bottom: -3%;
}
}
.tp-slider-5__shape-5 {
position: absolute;
top: 0;
right: 0;
}
.tp-slider-5__shape-6 {
position: absolute;
top: 40%;
right: 10%;
animation: tptranslateY2 4s infinite alternate;
}
.tp-slider-5__shape-8 {
position: absolute;
bottom: 20%;
right: 56%;
animation: moving 9s linear infinite;
}
.tp-slider-5__shape-9 {
position: absolute;
top: 16%;
right: 11%;
animation: rotate2 15s linear infinite;
}
@media (max-width: 767px) {
.tp-slider-5__arrow-box {
display: none;
}
}
.tp-slider-5__arrow {
position: absolute;
right: 80px;
bottom: 60px;
z-index: 2;
}
.tp-slider-5__arrow .test-prev button {
height: 50px;
width: 50px;
background-color: rgba(255, 255, 255, 0.15);
color: var(--tp-common-white);
border-radius: 50%;
transition: 0.3s;
line-height: 50px;
}
.tp-slider-5__arrow .test-prev button svg {
display: inline-block;
transform: translateY(-1px);
}
.tp-slider-5__arrow .test-prev button.active {
background-color: #FF8617;
}
.tp-slider-5__arrow .test-next {
margin-right: 20px;
}
.tp-slider-5__arrow .test-next button {
height: 50px;
width: 50px;
line-height: 50px;
background-color: rgba(255, 255, 255, 0.15);
color: var(--tp-common-white);
border-radius: 50%;
transition: 0.3s;
}
.tp-slider-5__arrow .test-next button svg {
display: inline-block;
transform: translateY(-1px);
}
.tp-slider-5__arrow .test-next button:hover {
background-color: #FF8617;
}  .tp-feature__border {
padding-top: 65px;
padding-bottom: 20px;
border-bottom: 1px solid var(--tp-border-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature__border {
border: none;
}
}
.tp-feature__content p {
margin-bottom: 0;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature__content p {
font-size: 14px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature__content p {
font-size: 14px;
padding-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature__content p {
font-size: 14px;
}
}
.tp-feature__title {
font-weight: 500;
font-size: 24px;
padding-bottom: 3px;
text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature__title {
font-size: 22px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature__title {
font-size: 21px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature__title {
font-size: 21px;
}
}
.tp-feature__icon {
margin-right: 25px;
}
.tp-feature__item {
position: relative;
}
.tp-feature__item::after {
content: "";
border: 1px dashed #CACACA;
height: 55px;
width: 1px;
top: 50%;
transform: translateY(-50%);
right: -30px;
position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature__item::after {
display: none;
}
}
.tp-feature__item.border-none::after {
display: none;
}
.tp-feature__shape-1 {
position: absolute;
bottom: 20%;
left: 8%;
animation: tptranslateX2 4s infinite alternate;
}
.feature-col-2 {
margin-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feature-col-2 {
margin-left: 0;
}
}
.feature-col-3 {
margin-left: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feature-col-3 {
margin-left: 0;
}
}
.tp-feature-2__thumb-box {
margin-right: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature-2__thumb-box {
margin-right: 0;
margin-left: -17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-2__thumb-box {
margin-right: 50px;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.tp-feature-2__thumb-box {
margin-right: 0;
margin-bottom: 50px;
}
}
.tp-feature-2__main-thumb {
padding-top: 85px;
padding-bottom: 105px;
}
@media (max-width: 767px) {
.tp-feature-2__main-thumb {
position: static;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.tp-feature-2__main-thumb img {
width: 100%;
}
}
.tp-feature-2__thumb-1 {
position: absolute;
left: 17px;
top: 0%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-2__thumb-1 {
left: 50px;
}
}
@media (max-width: 767px) {
.tp-feature-2__thumb-1 {
position: static;
}
}
@media (max-width: 767px) {
.tp-feature-2__thumb-1 img {
width: 100%;
}
}
.tp-feature-2__thumb-2 {
position: absolute;
left: 17px;
bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-2__thumb-2 {
left: 50px;
}
}
@media (max-width: 767px) {
.tp-feature-2__thumb-2 {
position: static;
}
}
@media (max-width: 767px) {
.tp-feature-2__thumb-2 img {
width: 100%;
}
}
.tp-feature-2__thumb-text span {
font-size: 18px;
font-weight: 400;
color: var(--tp-common-black);
position: absolute;
bottom: 6%;
left: 17%;
background-color: var(--tp-common-white);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
border-radius: 4px;
transform: rotate(-20.23deg);
padding: 13px 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature-2__thumb-text span {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-feature-2__thumb-text span {
font-size: 14px;
}
}
.tp-feature-2__thumb-text span b {
color: var(--tp-common-pink);
font-size: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature-2__thumb-text span b {
font-size: 19px;
}
}
@media (max-width: 767px) {
.tp-feature-2__thumb-text span b {
font-size: 15px;
}
}
.tp-feature-2__right-box {
margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-2__right-box {
margin-left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-2__right-box {
margin-left: 0;
}
}
.tp-feature-2__title {
font-weight: 600;
font-size: 18px;
line-height: 23px;
text-transform: capitalize;
margin-bottom: 10px;
position: relative;
}
@media (max-width: 767px) {
.tp-feature-2__title {
font-size: 16px;
}
}
.tp-feature-2__title::after {
content: "";
display: inline-block;
height: 5px;
width: 5px;
background-color: var(--tp-common-pink);
border-radius: 50%;
margin-left: 10px;
transform: translateY(-3px);
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.tp-feature-2__item {
padding: 20px 30px;
background-color: var(--tp-common-white);
position: relative;
transition: 0.3s;
margin-bottom: 5px;
}
.tp-feature-2__item:last-child {
margin-bottom: 0;
}
.tp-feature-2__item.active {
box-shadow: 0px 7px 22px rgba(0, 0, 0, 0.04);
}
.tp-feature-2__item.active::after {
opacity: 1;
visibility: visible;
}
.tp-feature-2__item.active .tp-feature-2__title::after {
opacity: 1;
visibility: visible;
animation: icon-bounce 0.8s ease-out infinite;
}
.tp-feature-2__item:hover {
box-shadow: 0px 7px 22px rgba(0, 0, 0, 0.04);
}
.tp-feature-2__item:hover::after {
opacity: 1;
visibility: visible;
}
.tp-feature-2__item:hover .tp-feature-2__title::after {
opacity: 1;
visibility: visible;
animation: icon-bounce 0.8s ease-out infinite;
}
.tp-feature-2__item::after {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 44px;
width: 1px;
background-color: var(--tp-common-pink);
border-radius: 50%;
transform: translateY(-50%);
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.tp-feature-2__item p {
font-size: 16px;
line-height: 29px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.tp-feature-2__item p {
font-size: 14px;
}
}
.tp-feature-2__thumb-shape {
position: absolute;
top: 45px;
left: 77px;
z-index: -1;
}
.tp-feature-2__shape-1 {
position: absolute;
left: 20px;
top: 0;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-2__shape-1 {
left: -3px;
top: -64px;
}
}
.tp-feature-2__shape-2 {
position: absolute;
right: -4%;
bottom: -39%;
animation: tptranslateX2 4s infinite alternate;
z-index: -1;
}
.tp-feature-2__shape-3 {
position: absolute;
left: 9%;
top: 16%;
animation: zoom 7s infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-feature-2__shape-3 {
left: 2%;
top: 20%;
}
}
.tp-feature-2__shape-4 {
position: absolute;
left: 10.7%;
bottom: 26%;
animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-feature-2__shape-4 {
left: 2.7%;
bottom: 13%;
}
}
.tp-feature-3__item {
position: relative;
}
.tp-feature-3__item::after {
height: 22px;
width: 1px;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #D9D9D9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-3__item::after {
display: none;
}
}
.tp-feature-3__item.item-border-4::after {
display: none;
}
.tp-feature-3__item.item-border-3::after {
right: -42px;
}
.tp-feature-3__icon {
margin-right: 18px;
}
.tp-feature-3__text h5 {
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-transform: capitalize;
color: #09052F;
font-family: var(--tp-ff-heading);
margin-bottom: 5px;
}
.tp-feature-3__text span {
font-weight: 400;
font-size: 15px;
line-height: 22px;
font-family: "Jost", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-3__text span {
font-size: 13px;
}
}
.tp-feature-3__plr {
background: #FFFFFF;
box-shadow: 0px 17px 27px rgba(0, 0, 0, 0.04);
margin: 0 305px;
padding: 35px 40px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-feature-3__plr {
margin: 0 100px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-feature-3__plr {
margin: 0 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-3__plr {
margin: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-3__plr {
margin: 0px;
padding: 35px 15px;
}
}
.feature-col-6 {
margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feature-col-6 {
margin-left: 0px;
}
}
.feature-col-7 {
margin-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature-col-7 {
margin-left: 42px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feature-col-7 {
margin-left: 0px;
}
}
.feature-col-8 {
margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature-col-8 {
margin-left: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.feature-col-8 {
margin-left: 0px;
}
}
.tp-feature-top-4__title {
color: var(--tp-common-black);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 27px;
text-transform: capitalize;
padding: 0 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-top-4__title {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature-top-4__title {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-top-4__title {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-feature-top-4__title {
font-size: 15px;
padding: 0 65px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-feature-top-4__title {
font-size: 15px;
padding: 0 45px;
}
}
.tp-feature-top-4__item span {
padding-bottom: 20px;
display: inline-block;
}
.tp-feature-top-4__item span svg {
width: 58px;
height: 58px;
}
.tp-feature-top-4__border {
position: relative;
}
.tp-feature-top-4__border::after {
content: "";
width: 1080px;
height: 1px;
background: rgba(217, 217, 217, 0.31);
position: absolute;
left: 9%;
top: 32px;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-top-4__border::after {
width: 900px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature-top-4__border::after {
width: 790px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-top-4__border::after {
display: none;
}
}
.tp-feature-4__content {
position: absolute;
bottom: 40px;
left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-4__content {
bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-4__content {
bottom: 20px;
left: 20px;
}
}
@media (max-width: 767px) {
.tp-feature-4__content {
bottom: 20px;
left: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-feature-4__content {
bottom: 40px;
left: 40px;
}
}
.tp-feature-4__content span {
color: #FF000F;
font-family: var(--tp-ff-heading);
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 17px;
display: inline-block;
}
.tp-feature-4__title {
font-family: var(--tp-ff-heading);
color: var(--tp-common-black);
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
padding-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature-4__title {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-4__title {
font-size: 15px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-feature-4__title {
font-size: 18px;
padding-bottom: 40px;
}
}
.tp-feature-4__thumb img {
width: 100%;
}
.tp-feature-5__space {
padding-top: 54px;
padding-bottom: 80px;
}
.tp-feature-5__item-box {
padding: 31px 15px;
border-right: 1px solid #E7F1FE;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-5__item-box {
border: none;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-feature-5__item-box {
padding: 31px 9px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-5__item-box {
padding: 31px 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature-5__item-box {
padding: 31px 9px;
}
}
.tp-feature-5__item-box.border-none {
border-right: none;
}
.tp-feature-5__border {
border: 1px solid #E7F1FE;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-feature-5__border {
border: none;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-feature-5__area .tp-feature-3__icon {
margin-right: 16px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-5__area .tp-feature-3__icon {
margin-right: 13px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-feature-5__area .tp-feature-3__icon h5 {
font-size: 14px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-feature-5__area .tp-feature-3__icon span {
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature-5__area .tp-feature-3__text span {
font-size: 14px;
}
}  .tp-about__space {
padding-top: 85px;
padding-bottom: 110px;
}
.tp-about__section-box {
padding-bottom: 35px;
}
.tp-about__section-box p {
margin-bottom: 0;
line-height: 32px;
font-size: 18px;
padding-right: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__section-box p {
padding-right: 20px;
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__section-box p {
font-size: 14px;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about__section-box p {
font-size: 14px;
padding-right: 0;
}
}
.tp-about__item-wrap {
margin-left: 31px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__item-wrap {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__item-wrap {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about__item-wrap {
margin-left: 0px;
}
}
.tp-about__title-sm {
font-weight: 500;
font-size: 16px;
}
.tp-about__icon {
margin-right: 15px;
}
.tp-about__text p {
font-size: 13px;
line-height: 20px;
font-weight: 400;
padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__text p {
padding-right: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about__text p {
padding-right: 10px;
}
}
.tp-about__list-box ul li {
list-style: none;
position: relative;
padding-left: 30px;
font-size: 15px;
}
.tp-about__list-box ul li:not(:last-child) {
padding-bottom: 18px;
}
.tp-about__list-box ul li span {
position: absolute;
top: -3px;
left: 0;
}
.tp-about__item-box {
padding-bottom: 30px;
padding-right: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about__item-box {
padding-right: 0;
}
}
@media (max-width: 767px) {
.tp-about__item-box {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-about__item-box {
flex-wrap: nowrap;
}
}
.tp-about__thumb-box {
margin-left: -115px;
position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-about__thumb-box {
margin-left: -85px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__thumb-box {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about__thumb-box {
margin-left: 0px;
margin-bottom: 70px;
}
}
.tp-about__thumb img {
max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-about__thumb img {
max-width: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__thumb img {
max-width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__thumb img {
max-width: 100%;
}
}
@media (max-width: 767px) {
.tp-about__thumb img {
max-width: 100%;
}
}
.tp-about__thumb-text-box {
position: absolute;
right: 144px;
bottom: -6px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
border-radius: 4px;
background-color: #fff;
padding: 11px 13px;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__thumb-text-box {
right: 110px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__thumb-text-box {
right: 85px;
bottom: -35px;
}
}
@media (max-width: 767px) {
.tp-about__thumb-text-box {
right: 20px;
bottom: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-about__thumb-text-box {
right: 110px;
bottom: -6px;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-about__thumb-text-box {
right: 70px;
}
}
.tp-about__thumb-text {
border: 1px dashed rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 13px 22px;
}
.tp-about__thumb-text span {
font-size: 18px;
font-weight: 400;
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__thumb-text span {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__thumb-text span {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-about__thumb-text span {
font-size: 14px;
}
}
.tp-about__thumb-text span b {
color: var(--tp-theme-2);
font-size: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__thumb-text span b {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__thumb-text span b {
font-size: 19px;
}
}
@media (max-width: 767px) {
.tp-about__thumb-text span b {
font-size: 15px;
}
}
.tp-about__shape-1 {
position: absolute;
bottom: 5px;
left: 80px;
}
.tp-about__shape-2 {
position: absolute;
top: 11%;
left: 15%;
animation: tpswing 1s forwards infinite alternate;
}
.tp-about__shape-3 {
position: absolute;
bottom: 12%;
left: 20%;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__shape-3 img {
max-width: 80%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__shape-3 img {
max-width: 95%;
}
}
@media (max-width: 767px) {
.tp-about__shape-3 img {
max-width: 90%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__shape-3 {
bottom: -4%;
left: 5%;
z-index: -1;
}
}
@media (max-width: 767px) {
.tp-about__shape-3 {
bottom: 4%;
left: 5%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-about__shape-3 {
left: 11%;
}
}
.tp-about__shape-4 {
position: absolute;
top: 9%;
right: 17%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__shape-4 {
right: 11%;
}
}
.tp-about__shape-5 {
position: absolute;
top: 34%;
left: 17%;
}
.tp-about__shape-6 {
position: absolute;
bottom: 8%;
right: 6%;
z-index: -1;
animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__shape-6 {
right: 0%;
}
}
.tp-about__shape-7 {
position: absolute;
bottom: 13%;
right: -3%;
z-index: -1;
}
.tp-about__shape-8 {
position: absolute;
left: 10%;
bottom: 21%;
animation: moving 9s linear infinite;
}
.tp-about__shape-9 {
position: absolute;
right: 0;
bottom: 0%;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-about__shape-9 {
display: none;
}
}  .tp-catagori__item {
padding: 38px 50px;
padding-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-catagori__item {
padding: 38px 30px;
padding-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori__item {
padding: 20px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori__item {
padding: 20px 15px;
flex-wrap: wrap;
}
}
.tp-catagori__item:hover .tp-catagori__shape {
top: 5px;
left: 16px;
}
.tp-catagori__item-text {
background: linear-gradient(102.69deg, #FF4E8E 40.81%, #6790F5 102.49%);
border-radius: 2px;
width: 85px;
height: 25px;
position: absolute;
right: 20px;
top: 25px;
text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori__item-text {
display: none;
}
}
.tp-catagori__item-text span {
font-weight: 500;
font-size: 13px;
line-height: 25px;
text-transform: capitalize;
color: #FFFFFF;
}
.tp-catagori__text p {
line-height: 29px;
margin-bottom: 0;
padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori__text p {
font-size: 14px;
padding-right: 0;
}
}
.tp-catagori__thumb {
margin-right: 40px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori__thumb {
margin-bottom: 30px;
}
}
.tp-catagori__thumb img {
max-width: inherit;
}
.tp-catagori__shape {
position: absolute;
top: 0px;
left: 5px;
z-index: -1;
transition: 0.3s;
}
.tp-catagori__title {
font-weight: 500;
font-size: 24px;
padding-bottom: 5px;
transition: 0.3s;
}
.tp-catagori__title:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-catagori__title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.tp-catagori__title {
font-size: 18px;
}
}
.tp-catagori__border-right {
border-right: 1px solid #F4F4F4;
}
.tp-catagori__border-right:nth-child(odd) {
border-left: 1px solid #F4F4F4;
}
.tp-catagori__shape-1 {
position: absolute;
left: 3%;
top: 14%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-catagori__shape-1 {
top: 1%;
}
}
.tp-catagori__shape-2 {
position: absolute;
right: 6%;
bottom: 35%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-catagori__shape-2 {
bottom: 18%;
}
}
.tp-catagori__active {
padding: 30px;
margin: -30px;
}
.tp-catagori__item-2 {
position: relative;
}
.tp-catagori__item-2::before {
content: "";
position: absolute;
bottom: -3px;
left: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.tp-catagori__item-2::after {
content: "";
position: absolute;
bottom: -3px;
right: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.tp-catagori__border {
position: relative;
}
.tp-catagori__border::before {
content: "";
position: absolute;
top: -27px;
left: 0px;
width: 1px;
height: 30px;
background-color: #F4F4F4;
}
.tp-catagori__border::after {
content: "";
position: absolute;
top: -27px;
right: 0;
width: 1px;
height: 30px;
background-color: #F4F4F4;
}
.tp-catagori__catagori-wrap {
position: relative;
}
.tp-catagori__catagori-wrap::before {
content: "";
position: absolute;
bottom: 0px;
right: -27px;
width: 30px;
height: 1px;
background-color: #F4F4F4;
}
.tp-catagori__catagori-wrap::after {
content: "";
position: absolute;
bottom: 0px;
left: -27px;
width: 30px;
height: 1px;
background-color: #F4F4F4;
}
.tp-catagori__catagori-box {
border: 1px solid #F4F4F4;
position: relative;
}
.tp-catagori__catagori-box::before {
content: "";
position: absolute;
top: 0px;
right: -27px;
width: 30px;
height: 1px;
background-color: #F4F4F4;
}
.tp-catagori__catagori-box::after {
content: "";
position: absolute;
top: 0px;
left: -27px;
width: 30px;
height: 1px;
background-color: #F4F4F4;
}
.col-catagori-1 {
border-bottom: 1px solid #F4F4F4;
border-right: 1px solid #F4F4F4;
position: relative;
}
.col-catagori-1::before {
content: "";
position: absolute;
top: -3px;
right: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.col-catagori-1::after {
content: "";
position: absolute;
top: -3px;
left: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.col-catagori-1 .tp-catagori__border::after {
top: 200%;
right: -100.4%;
width: 1px;
}
.col-catagori-2 {
border-bottom: 1px solid #F4F4F4;
position: relative;
}
.col-catagori-2::before {
content: "";
position: absolute;
top: -3px;
right: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.col-catagori-3 {
border-right: 1px solid #F4F4F4;
position: relative;
}
.col-catagori-3::before {
content: "";
position: absolute;
top: -3px;
right: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.col-catagori-3::after {
content: "";
position: absolute;
top: -3px;
left: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.col-catagori-3 .tp-catagori__border::before {
top: 0%;
left: -30px;
width: 30px;
height: 1px;
}
.col-catagori-3 .tp-catagori__border::after {
top: 100%;
left: 0;
width: 1px;
height: 30px;
}
.col-catagori-4 {
position: relative;
}
.col-catagori-4::before {
content: "";
position: absolute;
top: -3px;
right: -3px;
width: 6px;
height: 7px;
background-color: #EAEEFE;
}
.col-catagori-4 .tp-catagori__border::before {
top: 100%;
}
.col-catagori-4 .tp-catagori__border::after {
width: 30px;
height: 1px;
right: -27px;
top: -1px;
}
.tp-catagori-slider-dots {
position: absolute;
top: 50%;
right: -7%;
transform: translateY(-50%) rotate(-90deg);
z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori-slider-dots {
text-align: center;
position: static;
transform: translateY(0%) rotate(0);
margin-top: 60px;
}
}
.tp-catagori-slider-dots .swiper-pagination-bullet {
width: 7px;
height: 7px;
display: inline-block;
border-radius: 50%;
background: #D9D9D9;
opacity: 1;
transition: 0.3s;
position: relative;
margin: 0 7px;
}
.tp-catagori-slider-dots .swiper-pagination-bullet::after {
content: "";
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #D9D9D9;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.tp-catagori-slider-dots .swiper-pagination-bullet-active {
background-color: #F15C92;
}
.tp-catagori-slider-dots .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
opacity: 1;
visibility: visible;
}
.tp-catagori-2__item {
background: rgba(255, 255, 255, 0.39);
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
border-radius: 5px;
padding: 30px 15px;
padding-bottom: 35px;
}
.tp-catagori-2__item:first-child {
margin-left: 0;
}
.tp-catagori-2__item:last-child {
margin-right: 0;
}
.tp-catagori-2__icon span {
display: inline-block;
margin-bottom: 26px;
}
.tp-catagori-2__icon span svg {
width: 60px;
height: 60px;
}
.tp-catagori-2__title {
font-weight: 500;
font-size: 18px;
margin-bottom: 0;
transition: 0.3s;
}
.tp-catagori-2__title-2 {
color: var(--tp-common-black);
text-align: center;
font-size: 18px;
font-weight: 500;
transition: 0.3s;
}
.tp-catagori-2__title-2:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__title-2 {
font-size: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-catagori-2__title-2 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.tp-catagori-2__title-2 {
font-size: 18px;
}
}
.tp-catagori-2__active {
padding: 20px;
margin: -20px;
}
.tp-catagori-2__arrow-box {
position: absolute;
right: -6%;
top: 47%;
transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori-2__arrow-box {
display: none;
}
}
.tp-catagori-2__arrow-box .slider-next button {
height: 45px;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
border-radius: 50%;
border: 1px solid #336EF9;
}
.tp-catagori-2__arrow-box .slider-next button svg {
margin-left: 2px;
}
.tp-catagori-2__left-thumb-box {
margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__left-thumb-box {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-catagori-2__left-thumb-box {
margin-right: 150px;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.tp-catagori-2__left-thumb-box {
margin-bottom: 50px;
margin-right: 0;
}
}
.tp-catagori-2__main-thumb {
padding-top: 85px;
padding-bottom: 100px;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.tp-catagori-2__main-thumb {
padding: 20px 0;
}
}
@media (max-width: 767px) {
.tp-catagori-2__main-thumb img {
width: 100%;
}
}
.tp-catagori-2__thumb-1 {
position: absolute;
top: 0;
left: 2%;
animation: tptranslateX2 4s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-catagori-2__thumb-1 {
left: 185px;
}
}
@media (max-width: 767px) {
.tp-catagori-2__thumb-1 {
display: none;
}
}
@media (max-width: 767px) {
.tp-catagori-2__thumb-1 img {
width: 100%;
}
}
.tp-catagori-2__thumb-2 {
position: absolute;
bottom: 0;
left: 55px;
z-index: 2;
animation: tptranslateY2 4s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-catagori-2__thumb-2 {
left: 235px;
}
}
@media (max-width: 767px) {
.tp-catagori-2__thumb-2 {
display: none;
}
}
@media (max-width: 767px) {
.tp-catagori-2__thumb-2 img {
width: 100%;
}
}
.tp-catagori-2__wrapper-box {
position: relative;
}
.tp-catagori-2__wrapper-box::after {
content: "";
bottom: 0;
left: 0;
position: absolute;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.62) 1.1%, rgba(247, 240, 250, 0.62) 101.1%);
width: 100%;
height: 100%;
z-index: -1;
}
.tp-catagori-2__content-box {
background-color: var(--tp-common-white);
padding-right: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-catagori-2__content-box {
padding: 45px 40px;
padding-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__content-box {
padding: 45px 35px;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-catagori-2__content-box {
padding: 45px 20px;
}
}
@media (max-width: 767px) {
.tp-catagori-2__content-box {
padding: 45px 20px;
margin-left: 0;
flex-wrap: wrap;
}
}
.tp-catagori-2__content {
background-color: var(--tp-common-white);
padding-right: 25px;
margin-right: 50px;
}
@media (max-width: 767px) {
.tp-catagori-2__content {
padding-right: 0;
margin-right: 0;
margin-bottom: 20px;
}
}
.tp-catagori-2__content:not(:last-child) {
border-right: 1px solid rgba(217, 217, 217, 0.38);
}
@media (max-width: 767px) {
.tp-catagori-2__content:not(:last-child) {
border-right: none;
}
}
.tp-catagori-2__content p {
font-size: 16px;
line-height: 28px;
padding-right: 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-catagori-2__content p {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__content p {
font-size: 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori-2__content p {
font-size: 14px;
}
}
.tp-catagori-2__content.plr {
padding-right: 0px;
margin-right: 0px;
}
.tp-catagori-2__number {
font-weight: 600;
font-size: 30px;
color: var(--tp-common-purple);
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__number {
font-size: 26px;
}
}
.tp-catagori-2__title {
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__title {
font-size: 16px;
}
}
.tp-catagori-2__list-box ul {
display: inline-block;
}
.tp-catagori-2__list-box ul li {
list-style-type: none;
display: inline-block;
width: 50%;
float: left;
font-weight: 400;
font-size: 16px;
line-height: 20px;
font-family: var(--tp-ff-heading);
color: #445658;
padding-bottom: 15px;
padding-left: 25px;
position: relative;
}
@media (max-width: 767px) {
.tp-catagori-2__list-box ul li {
display: block;
width: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-catagori-2__list-box ul li {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__list-box ul li {
font-size: 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-catagori-2__list-box ul li {
font-size: 14px;
}
}
.tp-catagori-2__list-box ul li svg {
position: absolute;
top: 1px;
left: 0;
}
.tp-catagori-2__shape-1 {
position: absolute;
left: 8%;
top: 20%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-catagori-2__shape-1 {
top: 7%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-catagori-2__shape-1 {
top: 7%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-catagori-2__shape-1 {
top: 4%;
}
}
.tp-catagori-2__shape-2 {
position: absolute;
right: 9%;
bottom: 59%;
animation: moving 6s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-catagori-2__shape-2 {
right: 1%;
}
}   .table-content .table > :not(:first-child) {
border-top: 0;
}
.table-content table {
background: #ffffff;
border-color: #eaedff;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
text-align: center;
width: 100%;
margin-bottom: 0;
}
.table-content .table > :not(:last-child) > :last-child > * {
border-bottom-color: #eaedff;
}
.table-content .product-quantity {
float: none;
}
.table-content table td.product-name {
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.table-content table td.product-name {
font-size: 14px;
}
}
.table-content table td.product-name a:hover {
color: var(--tp-theme-1);
}
.table-content table td {
border-top: medium none;
padding: 20px 10px;
vertical-align: middle;
font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.table-content table td {
font-size: 14px;
}
}
.table-content table th, .table-content table td {
border-bottom: 1px solid rgba(6, 7, 40, 0.1);
border-right: 1px solid rgba(6, 7, 40, 0.1);
}
.product-quantity input {
color: #000;
font-size: 14px;
font-weight: normal;
height: 64px;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
width: 100%;
}
.coupon input {
height: 60px;
line-height: 60px;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.03em;
text-transform: uppercase;
border: 1px solid #E0E2E3;
margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.coupon input {
height: 50px;
line-height: 50px;
}
}
.tp-quantity {
width: 200px;
margin: 0 auto;
}
.tp-quantity .cart-minus {
height: 64px;
width: 64px;
text-align: center;
line-height: 64px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.tp-quantity .cart-plus {
height: 64px;
width: 64px;
text-align: center;
line-height: 64px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.table td, .table th {
border-top: 1px solid #eaedff;
}
.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove {
font-weight: 400;
font-size: 18px;
color: #060728;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove {
font-size: 14px;
}
}
@media (max-width: 767px) {
.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove {
font-size: 12px;
}
}
.product-quantity > input {
width: 80px;
text-align: center;
}
.table-content table td .cart-plus-minus {
float: none;
margin: 0 auto;
}
.coupon-all {
margin-top: 50px;
}
.coupon {
float: left;
}
@media (max-width: 767px) {
.coupon {
float: none;
}
}
#coupon_code {
background-color: var(--tp-theme-1);
color: var(--tp-common-white);
margin-right: 10px;
width: inherit;
height: 67px;
line-height: 67px;
padding: 0 25px;
overflow: hidden;
display: inline-block;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#coupon_code {
height: 54px;
}
}
@media (max-width: 767px) {
#coupon_code {
padding: 0px 15px;
}
}
@media (max-width: 767px) {
#coupon_code {
margin-bottom: 15px;
}
}
.coupon2 {
float: right;
}
.checkout-link .tp-btn:hover {
background-color: var(--tp-theme-2);
}
.checkout-link .tp-btn-dark-lg:hover {
background-color: var(--tp-theme-1);
}
@media (max-width: 767px) {
.coupon2 {
float: none;
margin-top: 15px;
}
}
.cart-page-total {
padding: 35px;
margin-top: 100px;
background: var(--tp-grey-2);
}
.cart-page-total > h2 {
font-size: 25px;
margin-bottom: 20px;
text-transform: capitalize;
}
.cart-page-total > ul {
border: 1px solid rgba(6, 7, 40, 0.1);
}
.cart-page-total > ul > li {
list-style: none;
padding: 21px 30px;
border-bottom: 1px solid rgba(6, 7, 40, 0.1);
font-weight: 500;
font-size: 18px;
line-height: 150%;
color: #696A7E;
}
.cart-page-total ul > li > span {
float: right;
}
.cart-page-total li:last-child {
border-bottom: 0;
}
td.product-thumbnail img {
width: 125px;
} .coupon-accordion h3 {
background-color: #f7f7f7;
border-top: 3px solid var(--tp-theme-1);
font-size: 14px;
font-weight: 400;
margin: 0 0 25px;
padding: 1em 2em 1em 3.5em;
position: relative;
width: auto;
}
.coupon-accordion h3::before {
content: "\f07b";
left: 15px;
top: 13px;
position: absolute;
color: var(--tp-theme-1);
font-family: "Font Awesome 5 Pro";
font-weight: 700;
}
.coupon-accordion span {
color: #6f7172;
cursor: pointer;
transition: 0.3s;
font-weight: 500;
}
.coupon-accordion span:hover, p.lost-password a:hover {
color: var(--tp-common-black);
}
.coupon-content {
border: 1px solid #eaedff;
display: none;
margin-bottom: 20px;
padding: 30px;
}
.coupon-info p.coupon-text {
margin-bottom: 15px;
}
.coupon-info p {
margin-bottom: 0;
}
.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
display: block;
color: #6f7172;
}
.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
color: var(--tp-theme-1);
font-weight: 700;
}
.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
border: 1px solid #eaedff;
height: 45px;
margin: 0 0 14px;
max-width: 100%;
padding: 0 0 0 10px;
width: 100%;
outline: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
border-color: var(--tp-common-black);
}
.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
background: #3e976c none repeat scroll 0 0;
}
.coupon-info p.form-row input[type=checkbox] {
position: relative;
top: -1px;
}
.form-row > label {
margin-top: 15px;
margin-left: 15px;
color: #6f7172;
}
.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
background: #252525 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
float: left;
font-size: 12px;
font-weight: 700;
height: 40px;
line-height: 40px;
margin-right: 15px;
padding: 0 15px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
p.lost-password {
margin-top: 15px;
}
p.lost-password a {
color: #6f6f6f;
}
p.checkout-coupon input[type=text] {
height: 45px;
padding: 0 15px;
width: 100%;
border: 1px solid #eaedff;
margin-bottom: 15px;
outline: none;
}
p.checkout-coupon input[type=text]:focus {
border-color: var(--tp-common-black);
}
.coupon-checkout-content {
display: none;
}
.checkbox-form h3 {
border-bottom: 1px solid #eaedff;
font-size: 26px;
margin: 0 0 20px;
padding-bottom: 10px;
width: 100%;
}
.country-select {
margin-bottom: 30px;
position: relative;
}
.country-select select {
width: 100%;
background-color: transparent;
border: 1px solid #eaedff;
padding: 0 10px;
height: 50px;
}
.country-select label, .checkout-form-list label {
color: #6f7172;
display: block;
margin: 0 0 5px;
}
.country-select label span.required, .checkout-form-list label span.required {
color: var(--tp-theme-1);
}
.country-select .nice-select {
border: 1px solid #eaedff;
height: 45px;
padding-left: 10px;
width: 100%;
color: #6f7172;
margin-bottom: 20px;
}
.country-select .nice-select .list {
width: 100%;
}
.checkout-form-list {
margin-bottom: 30px;
}
.checkout-form-list label {
color: #6f7172;
}
.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
background: #ffffff;
border: 1px solid #eaedff;
border-radius: 0;
height: 45px;
padding: 0 0 0 10px;
width: 100%;
outline: none;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
border-color: var(--tp-common-black);
}
.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
color: #6f7172;
opacity: 1;
}
.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
color: #6f7172;
opacity: 1;
}
.checkout-form-list input[type=checkbox] {
display: inline-block;
margin-right: 10px;
position: relative;
top: -1px;
}
.create-acc label {
color: #6f7172;
display: inline-block;
}
.create-account {
display: none;
}
.ship-different-title h3 label {
display: inline-block;
margin-right: 20px;
color: var(--tp-theme-1);
}
.order-notes textarea {
border: 1px solid #eaedff;
height: 120px;
padding: 15px;
width: 100%;
outline: 0;
resize: none;
}
.order-notes textarea:focus {
border-color: var(--tp-common-black);
}
.order-notes textarea::-moz-placeholder {
color: #6f7172;
opacity: 1;
}
.order-notes textarea::placeholder {
color: #6f7172;
opacity: 1;
}
#ship-box-info {
display: none;
}
.panel-group .panel {
border-radius: 0;
}
.panel-default > .panel-heading {
border-radius: 0;
}
.your-order {
padding: 30px 40px 45px;
border: 3px solid #f7f7f7;
}
@media (max-width: 767px) {
.your-order {
padding: 15px;
}
}
.your-order h3 {
border-bottom: 1px solid #eaedff;
font-size: 30px;
margin: 0 0 20px;
padding-bottom: 10px;
width: 100%;
}
.your-order-table table {
background: none;
border: 0;
width: 100%;
}
.your-order-table table th, .your-order-table table td {
border-bottom: 1px solid #eaedff;
border-right: medium none;
color: #6f7172;
font-size: 14px;
padding: 15px 0;
text-align: left;
}
@media (max-width: 767px) {
.your-order-table table th, .your-order-table table td {
padding-right: 10px;
}
}
.your-order-table table th {
border-top: medium none;
color: #6f7172;
font-weight: normal;
text-align: left;
vertical-align: middle;
white-space: nowrap;
width: 250px;
}
.panel-body > p {
color: #222;
}
.your-order-table table .shipping ul li {
list-style: none;
}
.your-order-table table .shipping ul li input {
position: relative;
top: -1px;
}
.your-order-table table .shipping ul li label {
color: #6f7172;
}
.your-order-table table .shipping th {
vertical-align: top;
}
.your-order-table table .order-total th {
border-bottom: 0;
font-size: 14px;
}
.your-order-table table .order-total td {
border-bottom: medium none;
}
.your-order-table table tr.cart_item:hover {
background: #F9F9F9;
}
.your-order-table table tr.order-total td span {
color: var(--tp-common-black);
font-size: 18px;
font-weight: 500;
}
.payment-method {
margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
background-color: #fff;
border: 0;
border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
font-size: 16px;
font-weight: 500;
color: var(--tp-common-black);
padding: 23px 0;
border: none;
}
.payment-method .accordion-button::after {
position: absolute;
content: "\f067";
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "Font Awesome 5 Pro";
font-size: 16px;
font-weight: 400;
margin-left: 0;
background-image: none;
color: var(--tp-theme-1);
}
.payment-method .accordion-button:not(.collapsed) {
color: var(--tp-common-black);
background-color: var(--tp-common-white);
box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
content: "\f068";
}
.payment-method .accordion-body {
padding: 8px 0;
padding-bottom: 40px;
}
.payment-method .accordion-collapse {
border: none;
}
.panel-title > a {
display: block;
}
.order-button-payment input {
background: #232323 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 15px;
font-weight: 600;
height: 40px;
margin: 0px 0 0;
padding: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 100%;
}
.order-button-payment input:hover {
background: #3e976c none repeat scroll 0 0;
}
.payment-method .btn-link {
-moz-user-select: none;
background: no-repeat;
border: medium none;
border-radius: 0;
color: #444;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
line-height: 1;
margin-bottom: 0;
padding: 3px 10px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
text-decoration: none;
}
.payment-method .card {
background-color: #ffffff;
border: 1px solid #eaedff;
border-radius: 0;
margin-bottom: 10px;
}
.payment-method .accordion .card:first-of-type {
border: 1px solid #eaedff;
}
.card-header:first-child {
border-radius: 0;
}
.payment-method .card-header {
background-color: #ffffff;
border-bottom: 1px solid #eaedff;
}
.order-button-payment button {
width: 100%;
}  .tp-team-3__social {
position: absolute;
top: 20px;
right: 20px;
background: #7681EB;
padding: 15px 15px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: scale(1, 0.3);
}
.tp-team-3__social ul li {
list-style: none;
margin-bottom: 12px;
text-align: center;
}
.tp-team-3__social ul li a {
color: #fff;
display: inline-block;
border: 1px solid #fff;
width: 30px;
height: 30px;
line-height: 30px;
}
.tp-team-3__social ul li a:hover {
background-color: #fff;
color: #7681EB;
}
.tp-team-3__social ul li:last-child {
margin-bottom: 0;
}
.tp-team-3__item {
overflow: hidden;
}
.tp-team-3__item img {
transition: 1s;
}
.tp-team-3__item:hover img {
transform: scale(1.2);
}
.tp-team-3__item:hover .tp-team-3__thumb-text {
transform: scale(1.1);
opacity: 1;
visibility: visible;
}
.tp-team-3__item:hover .tp-team-3__social {
transform: scale(1.1);
opacity: 1;
visibility: visible;
}
.tp-team-3__thumb-text {
position: absolute;
bottom: 70px;
left: 60px;
padding: 8px 21px;
padding-right: 35px;
background: #7681EB;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: scale(1, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-team-3__thumb-text {
bottom: 70px;
left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-team-3__thumb-text {
bottom: 60px;
left: 20px;
}
}
@media (max-width: 767px) {
.tp-team-3__thumb-text {
bottom: 50px;
left: 20px;
}
}
.tp-team-3__thumb-text a {
font-size: 22px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
color: var(--tp-common-white);
font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-team-3__thumb-text a {
font-size: 19px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-team-3__thumb-text a {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-team-3__thumb-text a {
font-size: 15px;
}
}
.tp-team-3__thumb-text-2 {
position: absolute;
left: 0;
top: 100%;
padding: 8px 21px;
padding-right: 40px;
background: #5748FF;
padding: 4px 21px;
}
.tp-team-3__thumb-text-2 span {
font-size: 18px;
font-weight: 500;
color: #FFF;
transform: translateY(-2px);
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-team-3__thumb-text-2 span {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-team-3__thumb-text-2 span {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-team-3__thumb-text-2 span {
font-size: 15px;
}
}
.tp-team-3__top-item {
text-align: center;
}
@media (max-width: 767px) {
.tp-team-3__top-item {
text-align: start;
}
}
.tp-team-3__top-item h6 {
font-size: 70px;
font-family: var(--tp-ff-heading);
font-weight: 500;
display: inline-block;
padding-bottom: 5px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-3__top-item h6 {
font-size: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-team-3__top-item h6 {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-team-3__top-item h6 {
font-size: 40px;
}
}
.tp-team-3__top-item p {
color: #707481;
line-height: 28px;
}
.tp-team-3__top-right ul li {
list-style: none;
display: inline-block;
}
.tp-team-3__top-right ul li:first-child {
padding-right: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-team-3__top-right ul li:first-child {
padding-right: 0;
}
}
.tp-team-3__top-title {
font-size: 36px;
font-weight: 500;
line-height: 1.3;
padding-right: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-3__top-title {
font-size: 32px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-team-3__top-title {
font-size: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-team-3__top-title {
font-size: 27px;
padding-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-team-3__top-title {
font-size: 25px;
padding-right: 0;
}
}
.tp-team-3__title-shape {
position: absolute;
left: 55%;
top: 46%;
transform: translate(-50%, -50%);
}
.tp-team-3__top-pb {
padding-bottom: 90px;
}
.tp-team-3__top-bg {
background-color: #FAF6FC;
}
.tp-team-3__shape-1 {
bottom: -96%;
left: 0%;
position: absolute;
animation: moving 6s linear infinite;
}
.tp-team-3__shape-2 {
bottom: 49%;
left: 9%;
position: absolute;
animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-3__shape-2 {
left: 2%;
}
}
.tp-team-3__shape-3 {
bottom: 30%;
right: 8%;
position: absolute;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-team-3__shape-3 {
right: 3%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-3__shape-3 {
right: 2%;
}
}
.tp-team-4__title {
color: #000;
font-size: 22px;
font-weight: 600;
}
.tp-team-4__title:hover {
color: var(--tp-common-purple);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-4__title {
font-size: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-team-4__title {
font-size: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-team-4__title {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-team-4__title {
font-size: 19px;
}
}
.tp-team-4__info span {
color: var(--tp-common-purple-2);
font-size: 15px;
font-weight: 500;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-team-4__info span {
font-size: 14px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-team-4__info span {
font-size: 13px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
.tp-team-4__info span {
font-size: 14px;
}
}
.tp-team-4__icon {
position: relative;
}
.tp-team-4__icon button {
height: 42px;
width: 42px;
line-height: 42px;
border-radius: 50%;
text-align: center;
background-color: var(--tp-common-purple-2);
display: inline-block;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
.tp-team-4__icon button {
height: 32px;
width: 32px;
line-height: 32px;
}
}
.tp-team-4__icon button i {
transition: 0.3s;
}
.tp-team-4__social {
position: absolute;
right: -100%;
top: -100px;
flex-direction: row;
display: flex;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.tp-team-4__social > a {
border-radius: 5px;
background: var(--tp-common-purple-2);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
transition: 0.3s;
margin: 0 2px;
color: var(--tp-common-white);
}
.tp-team-4__social > a:hover {
background-color: var(--tp-common-white);
color: var(--tp-common-purple-2);
}
.tp-team-4__thumb img {
width: 100%;
}
.tp-team-4__info-box {
padding-right: 20px;
padding-top: 35px;
}
.tp-team-4__item {
position: relative;
z-index: 1;
overflow: hidden;
}
.tp-team-4__item:hover .tp-team-4__icon button i {
transform: rotate(45deg);
}
.tp-team-4__item:hover .tp-team-4__social {
opacity: 1;
visibility: visible;
right: 0;
}
.tp-team-4__bg {
background-color: #FAF6FC;
padding-bottom: 100px;
padding-top: 115px;
}
.tp-team-4__shape-1 {
position: absolute;
top: 130px;
left: 0;
}
.tp-team-4__social-wrapper {
position: absolute;
bottom: -25px;
left: 0;
right: 0;
margin: 0 auto;
display: inline-table;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.tp-team-4__social-wrapper::after {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
background-color: var(--tp-common-white);
width: 15px;
height: 13px;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.tp-team-4__social-box {
height: 47px;
line-height: 47px;
background-color: var(--tp-common-white);
padding: 0 24px;
}
.tp-team-4__social-box a {
display: inline-block;
margin: 0 12px;
font-size: 14px;
transition: 0.3s;
}
.tp-team-4__social-box a:hover {
color: var(--tp-common-black);
}
.tp-team-4__thumb-2 {
overflow: hidden;
}
.tp-team-4__thumb-2 img {
transition: 0.5s;
width: 100%;
}
.tp-team-4__thumb-2:hover .tp-team-4__social-wrapper {
opacity: 1;
visibility: visible;
bottom: 25px;
}
.tp-team-4__thumb-2:hover > img {
transform: scale(1.1);
filter: grayscale(100%);
opacity: 0.9;
}
.tp-team-4__shape-2 {
position: absolute;
top: 0;
right: 0;
z-index: 11;
}  .tp-instagram-2__thumb {
overflow: hidden;
}
.tp-instagram-2__thumb:hover img {
transform: scale(1.2);
}
.tp-instagram-2__thumb img {
width: 100%;
transition: 0.6s;
}  .tp-project-3__shape-1 {
position: absolute;
left: -2%;
top: -16%;
z-index: -1;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-project-3__shape-1 {
top: -6%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-project-3__shape-1 {
top: -6%;
}
}
.tp-project-3__top-text {
color: var(--tp-common-black);
font-size: 36px;
font-family: var(--tp-ff-heading);
font-weight: 400;
line-height: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project-3__top-text {
font-size: 30px;
}
.tp-project-3__top-text br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project-3__top-text {
font-size: 28px;
}
.tp-project-3__top-text br {
display: none;
}
}
@media (max-width: 767px) {
.tp-project-3__top-text {
font-size: 21px;
line-height: 32px;
}
.tp-project-3__top-text br {
display: none;
}
}
.tp-project-3__top-text span {
font-weight: 600;
}
.tp-project-3__item {
position: relative;
text-align: center;
overflow: hidden;
}
.tp-project-3__item img {
width: 100%;
transition: 0.7s;
}
.tp-project-3__item:hover img {
transform: scale(1.2);
}
.tp-project-3__item:hover .tp-project-3__text-box {
opacity: 1;
visibility: visible;
transform: translateY(-50%) scale(1);
}
.tp-project-3__text-box {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%) scale(0.5);
height: 320px;
width: 320px;
background: rgba(115, 92, 252, 0.88);
border-radius: 50%;
opacity: 0;
transition: 0.4s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-project-3__text-box {
left: -14px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project-3__text-box {
left: -21px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project-3__text-box {
left: -2px;
height: 270px;
width: 270px;
}
}
.tp-project-3__content {
padding: 13px 20px;
display: inline-block;
background: rgba(255, 255, 255, 0.19);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
right: 30px;
}
.tp-project-3__content h6 {
color: var(--tp-common-white);
font-size: 20px;
font-weight: 500;
line-height: 1;
margin-bottom: 0;
}
.tp-project-3__text {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: #5748FF;
padding: 5px 22px;
}
.tp-project-3__text span {
color: var(--tp-common-white);
font-size: 17px;
font-weight: 500;
}
.tp-project-3__active {
margin: 0 -150px;
}
.tp-project__content {
padding-top: 25px;
}
.tp-project__content span {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
@media (max-width: 767px) {
.tp-project__content span {
font-size: 13px;
}
}
.tp-project__title {
font-size: 26px;
font-weight: 500;
transition: 0.3s;
}
.tp-project__title:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-project__title {
font-size: 22px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project__title {
font-size: 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.tp-project__title {
font-size: 19px;
}
}
.tp-project__thumb {
overflow: hidden;
}
.tp-project__thumb img {
width: 100%;
transition: 0.5s;
}
.tp-project__shape {
position: absolute;
top: 0;
right: 0;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.tp-project__item:hover .tp-project__shape {
opacity: 1;
visibility: visible;
}
.tp-project__item:hover .tp-project__thumb img {
transform: scale(1.1);
}
.tp-project__details-arrow-box {
position: absolute;
right: -6.5%;
top: 49%;
transform: translateY(-50%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-project__details-arrow-box {
right: -5.5%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project__details-arrow-box {
right: 0.5%;
top: -12%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__details-arrow-box {
right: 0.5%;
top: -12%;
}
}
@media (max-width: 767px) {
.tp-project__details-arrow-box {
right: 0.5%;
top: -17%;
}
}
.tp-project__details-arrow-box .slider-next button {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
border-radius: 50%;
background-color: var(--tp-common-purple-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-project__details-arrow-box .slider-next button {
height: 40px;
width: 40px;
}
}
.tp-project__details-arrow-box .slider-next button svg {
margin-left: 2px;
}
.tp-project__details-title {
color: #000;
font-size: 32px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project__details-title {
font-size: 27px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__details-title {
font-size: 22px;
}
}
@media (max-width: 767px) {
.tp-project__details-title {
font-size: 20px;
}
}
.tp-project__details-content p {
color: #5C727D;
font-size: 16px;
font-weight: 400;
line-height: 30.8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project__details-content p {
font-size: 15px;
}
.tp-project__details-content p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-project__details-content p {
font-size: 14px;
}
.tp-project__details-content p br {
display: none;
}
}
.tp-project__details-list-box {
padding-bottom: 75px;
}
.tp-project__details-list-box span {
color: #000;
font-family: var(--tp-ff-heading);
font-size: 28px;
font-weight: 500;
display: inline-block;
padding-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project__details-list-box span {
font-size: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__details-list-box span {
font-size: 20px;
}
}
@media (max-width: 767px) {
.tp-project__details-list-box span {
font-size: 18px;
}
}
.tp-project__details-list-box ul li {
list-style: none;
color: #5C727D;
font-size: 16px;
font-weight: 400;
position: relative;
padding-left: 25px;
padding-bottom: 15px;
}
@media (max-width: 767px) {
.tp-project__details-list-box ul li {
font-size: 14px;
}
}
.tp-project__details-list-box ul li i {
color: var(--tp-common-purple-2);
position: absolute;
top: 3px;
left: 0;
font-size: 14px;
}
.tp-project__details-right-box {
margin-left: 50px;
background-color: var(--tp-grey-2);
padding: 55px 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-project__details-right-box {
margin-left: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-project__details-right-box {
margin-left: 0;
padding: 55px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__details-right-box {
margin-left: 0;
padding: 55px 60px;
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.tp-project__details-right-box {
margin-bottom: 80px;
margin-left: 0;
padding: 55px 28px;
}
}
.tp-project__details-right-box .tp-purple-btn {
border-radius: 0;
height: 50px;
line-height: 50px;
}
.tp-project__details-right-box ul {
margin-bottom: 40px;
}
.tp-project__details-right-box ul li:not(:last-child) {
margin-bottom: 40px;
}
.tp-project__details-right-box > span {
color: var(--tp-common-black-3);
margin-bottom: 55px;
display: inline-block;
}
.tp-project__details-title-sm {
color: #020626;
font-size: 26px;
font-weight: 500;
margin-bottom: 13px;
}
.tp-project__details-icon span {
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
background-color: var(--tp-common-white);
display: inline-block;
text-align: center;
margin-right: 25px;
}
.tp-project__details-text h6 {
color: var(--tp-common-black-3);
font-size: 16px;
font-weight: 600;
}
.tp-project__details-text span {
color: #949392;
font-size: 14px;
font-weight: 400;
}
.tp-project-process-9 li {
list-style: none;
}
.tp-project-process-9 li:not(:last-child) {
margin-bottom: 40px;
}
.tp-project-process-9 li .tp-project__details-icon span {
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
background-color: var(--tp-common-white);
display: inline-block;
text-align: center;
}  .tp-service__pb {
padding-bottom: 55px;
}
.tp-service__section-box {
margin-bottom: 60px;
}
.tp-service__btn {
margin-bottom: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service__btn {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service__btn {
margin-bottom: 65px;
}
}
.tp-service__text {
position: absolute;
bottom: 25px;
left: 20px;
right: 75px;
border-radius: 3px;
padding: 15px 25px;
width: auto;
transition: 0.4s;
background-color: var(--tp-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service__text {
right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service__text {
right: 20px;
}
}
.tp-service__thumb {
overflow: hidden;
border-radius: 9px;
}
.tp-service__thumb img {
transition: 1s;
width: 100%;
}
.tp-service__arrow {
height: 40px;
width: 40px;
border-radius: 50%;
line-height: 36px;
text-align: center;
background-color: #F5F3FB;
display: inline-block;
}
.tp-service__title-sm {
color: #09052F;
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 767px) {
.tp-service__title-sm {
font-size: 17px;
}
}
.tp-service__content {
position: absolute;
bottom: -25%;
left: 0%;
background-color: var(--tp-common-white);
padding: 27px 40px;
padding-bottom: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
transition: 0.5s;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-service__content {
padding: 27px 20px;
padding-bottom: 0;
bottom: -30%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service__content {
padding: 27px 20px;
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service__content {
padding: 27px 30px;
padding-bottom: 0;
bottom: -30%;
}
}
@media (max-width: 767px) {
.tp-service__content {
padding: 27px 30px;
padding-bottom: 0;
bottom: -40%;
}
}
.tp-service__content p {
color: #72747C;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service__content p {
font-size: 15px;
}
}
.tp-service__title {
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
transition: 0.3s;
}
.tp-service__title:hover {
color: var(--tp-theme-2);
}
.tp-service__title .tp-title-shape {
bottom: -10px;
}
.tp-service__item:hover .tp-service__content {
bottom: 0;
}
.tp-service__item:hover .tp-service__text {
bottom: -20%;
}
.tp-service__item:hover .tp-service__thumb img {
transform: scale(1.2) rotate(-2deg);
border-radius: 9px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-2__space {
margin-top: 120px;
}
}
.tp-service-2__big-title {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #e4e7e7;
color: transparent;
font-weight: 500;
font-size: 130px;
position: relative;
font-family: "Roboto", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-2__big-title {
font-size: 110px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-2__big-title {
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-2__big-title {
font-size: 80px;
}
}
.tp-service-2__big-title::after {
content: "";
width: 40px;
height: 1px;
background: #D9D9D9;
display: inline-block;
margin-left: 30px;
transform: translateY(-40px);
}
.tp-service-2__big-title::before {
content: "";
width: 40px;
height: 1px;
background: #D9D9D9;
display: inline-block;
margin-right: 30px;
transform: translateY(-40px);
}
.tp-service-2__thumb-box {
margin-right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-2__thumb-box {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.tp-service-2__thumb-box {
margin-right: 0;
margin-bottom: 60px;
}
}
.tp-service-2__main-thumb {
padding-top: 125px;
}
@media (max-width: 767px) {
.tp-service-2__main-thumb {
padding-top: 0;
}
}
@media (max-width: 767px) {
.tp-service-2__main-thumb img {
width: 100%;
}
}
.tp-service-2__thumb-sm {
position: absolute;
left: 30px;
top: 0;
z-index: -1;
}
@media (max-width: 767px) {
.tp-service-2__thumb-sm {
position: static;
padding-top: 20px;
}
}
@media (max-width: 767px) {
.tp-service-2__thumb-sm img {
width: 100%;
}
}
.tp-service-2__shape-1 {
position: absolute;
top: 12%;
left: -4px;
z-index: -2;
animation: zoom 7s infinite;
}
.tp-service-2__shape-2 {
position: absolute;
bottom: 2%;
left: -29%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-2__shape-2 {
left: -24%;
}
}
.tp-service-2__shape-3 {
position: absolute;
bottom: 1%;
left: 13%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-2__shape-3 {
left: 7%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-2__shape-3 {
left: -5%;
}
}
.tp-service-2__text {
position: relative;
}
.tp-service-2__text::after {
content: "";
top: 50%;
transform: translateY(-50%);
left: 0;
width: 1px;
height: 43px;
background: #707481;
position: absolute;
}
.tp-service-2__text p {
line-height: 29px;
padding-left: 12px;
padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-2__text p {
font-size: 14px;
}
}
.tp-service-2__list-content span {
width: 39px;
height: 38px;
background: linear-gradient(151.81deg, #FE4386 17.45%, #537CFA 115.57%);
border-radius: 5px;
display: inline-block;
line-height: 34px;
text-align: center;
font-family: "DM Sans", sans-serif;
}
.tp-service-2__title-sm {
font-weight: 500;
font-size: 16px;
line-height: 54px;
color: #21232B;
margin-left: 14px;
}
.tp-service-2__list ul li {
display: inline-block;
}
.tp-service-2__list ul li:not(:last-child) {
padding-right: 20px;
}
.tp-service-2__list-box-2 ul {
display: inline-block;
}
.tp-service-2__list-box-2 ul li {
list-style: none;
font-weight: 500;
font-size: 15px;
color: #464859;
padding-bottom: 21px;
position: relative;
padding-left: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-2__list-box-2 ul li {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-2__list-box-2 ul li {
font-size: 14px;
width: 50%;
float: left;
}
}
@media (max-width: 767px) {
.tp-service-2__list-box-2 ul li {
width: 100%;
}
}
.tp-service-2__list-box-2 ul li i {
position: absolute;
top: 0;
left: 0;
}
.tp-service-2__list-box-2.list-wrap ul li {
padding-bottom: 21px;
width: 50%;
float: left;
}
@media (max-width: 767px) {
.tp-service-2__list-box-2.list-wrap ul li {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-service-2__list-box-2.list-wrap ul li {
width: 50%;
}
}
.tp-service-2__right-box {
margin-left: 43px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-2__right-box {
margin-left: 0;
}
}
.tp-service-2__big-text {
padding-left: 25px;
margin-left: -25px;
margin-top: -10px;
}
.tp-service-2__big-text span {
font-weight: 500;
font-size: 25px;
color: #252F32;
font-family: "Roboto", sans-serif;
line-height: 29px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-2__big-text span {
font-size: 20px;
}
}
.tp-service-2__big-text span strong {
font-weight: 600;
font-size: 59px;
line-height: 74px;
letter-spacing: 0.01em;
background: linear-gradient(153.37deg, #FE4386 16.7%, #9B43EB 56.04%, #5A76F9 77.61%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-2__big-text span strong {
font-size: 53px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-2__big-text span strong {
font-size: 46px;
}
}
.tp-service-2__text-shape-1 {
position: absolute;
left: 0;
top: 0;
}
.tp-service-2__text-shape-2 {
position: absolute;
left: 86px;
top: -9px;
}
.tp-service-2__shape-4 {
position: absolute;
top: 29%;
right: 6%;
animation: moving 6s linear infinite;
}
.tp-service-2__shape-5 {
position: absolute;
bottom: 0;
right: -4%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-2__shape-5 {
bottom: -4%;
right: -4%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-2__shape-5 {
bottom: -6%;
right: -6%;
}
}
.tp-service-2__main-thumb-2 {
margin-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-2__main-thumb-2 {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-2__thumb-box-2 {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.tp-service-2__thumb-box-2 {
margin-bottom: 50px;
}
}
.tp-service-2__shape-6 {
position: absolute;
bottom: -70px;
left: 0;
z-index: 1;
}
@media (max-width: 767px) {
.tp-service-2__shape-6 {
position: static;
}
}
@media (max-width: 767px) {
.tp-service-2__shape-6 img {
width: 100%;
}
}
.tp-service-2__img-text {
position: absolute;
bottom: 23%;
right: 14%;
transform: rotate(-61.879deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-2__img-text {
right: 7%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-2__img-text {
display: none;
}
}
.tp-service-2__img-text h6 {
color: var(--tp-common-white);
font-family: Pacifico;
font-size: 90px;
font-weight: 400;
text-transform: capitalize;
}
.tp-service-2__icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 22;
}
@media (max-width: 767px) {
.tp-service-2__icon {
display: none;
}
}
.tp-service-2__icon a {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
background-color: var(--tp-common-purple-2);
display: inline-block;
color: var(--tp-common-white);
position: relative;
font-size: 24px;
}
.tp-service-2__icon a::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 60%;
height: 60%;
background-color: rgba(116, 92, 252, 0.627);
animation: borderanimate2 3s linear infinite;
z-index: -1;
border-radius: 50%;
}
.tp-service-2__icon a::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 70%;
height: 70%;
background-color: rgba(116, 92, 252, 0.527);
animation: borderanimate2 2s linear infinite;
z-index: -2;
border-radius: 50%;
}
.tp-service-2__icon a i {
display: inline-block;
padding-left: 3px;
transform: translateY(3px);
}
.tp-service-3__item {
border-radius: 8px;
border: 1px solid #EEE;
background: var(--tp-common-white);
padding: 40px 35px;
transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-3__item {
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.tp-service-3__item {
padding: 40px 25px;
}
}
.tp-service-3__item:hover {
background-color: var(--tp-common-purple-2);
}
.tp-service-3__item:hover .tp-service-3__icon a {
opacity: 1;
visibility: visible;
}
.tp-service-3__item:hover .tp-service-3__icon span svg {
color: var(--tp-common-white);
}
.tp-service-3__item:hover .tp-service-3__content span {
color: var(--tp-common-white);
}
.tp-service-3__item:hover .tp-service-3__title {
color: var(--tp-common-white);
}
.tp-service-3__icon {
margin-bottom: 30px;
}
.tp-service-3__icon span {
display: inline-block;
}
.tp-service-3__icon span svg {
color: var(--tp-common-purple-2);
transition: 0.3s;
}
.tp-service-3__icon a {
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
display: inline-block;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.15);
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.tp-service-3__content span {
font-size: 16px;
font-weight: 500;
line-height: 28.8px;
text-transform: capitalize;
transition: 0.3s;
display: block;
}
.tp-service-3__title {
font-size: 22px;
font-weight: 500;
text-transform: capitalize;
transition: 0.3s;
margin-bottom: 5px;
position: relative;
display: inline-block;
}
.tp-service-3__title:hover::after {
width: 100%;
right: auto;
left: 0;
}
.tp-service-3__title::after {
content: "";
position: absolute;
bottom: 0px;
right: 0;
left: auto;
height: 1px;
width: 0;
background-color: var(--tp-common-white);
transition: 0.7s;
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-3__title {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-3__title {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-3__title {
font-size: 19px;
}
}
@media (max-width: 767px) {
.tp-service-3__title {
font-size: 19px;
}
}
.tp-service-3__icon-shape {
position: absolute;
top: -12px;
left: -7px;
display: inline-block;
}
.tp-service-3__icon-shape img {
max-width: inherit;
}
.tp-service-breadcrumb-title {
font-weight: 600;
font-size: 20px;
line-height: 30px;
transition: none;
}
.tp-service-details-wrapper p {
color: #707481;
font-size: 16px;
font-weight: 400;
line-height: 30.8px;
margin-bottom: 42px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-details-wrapper p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-details-wrapper p {
font-size: 14px;
}
}
.tp-service-details-title {
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
color: var(--tp-common-black-3);
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-details-title {
font-size: 23px;
}
}
.tp-service-details-text p {
color: #707481;
font-size: 16px;
font-weight: 400;
line-height: 30.8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-details-text p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-details-text p {
font-size: 14px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-details-thumb {
margin-bottom: 40px;
}
}
.tp-service-details-thumb img {
width: 100%;
}
@media (max-width: 767px) {
.tp-service-details-thumb img {
height: 200px;
}
}
.tp-service-details-list {
margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-details-list {
margin-left: 0;
}
}
.tp-service-details-list p {
color: #707481;
font-size: 16px;
font-weight: 400;
line-height: 30.8px;
margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-details-list p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-details-list p {
font-size: 14px;
}
}
.tp-service-details-list ul li {
list-style: none;
margin-bottom: 14px;
color: #707481;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.tp-service-details-list ul li span {
color: var(--tp-common-purple-2);
margin-right: 10px;
}
.tp-service-details-top-title h5 {
color: var(--tp-common-black-3);
font-size: 48px;
font-weight: 400;
line-height: 1.4;
text-transform: capitalize;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-service-details-top-title h5 {
font-size: 40px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-details-top-title h5 {
font-size: 38px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-details-top-title h5 {
font-size: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-details-top-title h5 {
font-size: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-details-top-title h5 {
font-size: 28px;
}
.tp-service-details-top-title h5 br {
display: none;
}
}
@media (max-width: 767px) {
.tp-service-details-top-title h5 {
font-size: 21px;
}
.tp-service-details-top-title h5 br {
display: none;
}
}
.tp-service-details-shape-1 {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-service-details-shape-1 {
right: 10%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-details-shape-1 {
right: 12%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-details-shape-1 {
right: 15%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-details-shape-1 {
display: none;
}
}
.tp-service-widget {
position: sticky;
top: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.tp-service-widget {
position: inherit;
}
}
.tp-service-widget-tab {
margin-right: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-widget-tab {
margin-right: 0;
}
}
.tp-service-widget-tab ul li {
list-style: none;
margin-bottom: 13px;
}
.tp-service-widget-tab ul li .active {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-service-widget-tab ul li .active i {
background-color: var(--tp-common-purple-2);
}
.tp-service-widget-tab ul li a {
position: relative;
font-weight: 600;
font-size: 18px;
line-height: 21px;
color: #101C2A;
background: #F8F8F8;
display: inline-block;
width: 100%;
padding: 24px 20px;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-widget-tab ul li a {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-service-widget-tab ul li a {
font-size: 17px;
}
}
.tp-service-widget-tab ul li a:hover {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-service-widget-tab ul li a i {
position: absolute;
top: 38%;
right: 20px;
transition: 0.3s;
}
.tp-service-contact-input input {
border-radius: 35px;
border: 1px solid rgba(131, 131, 132, 0.19);
height: 65px;
line-height: 65px;
width: 100%;
padding-left: 35px;
padding-right: 30px;
margin-bottom: 20px;
color: #4C4F57;
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 400;
}
.tp-service-contact-input input:focus {
border-color: var(--tp-common-purple);
}
.tp-service-contact-form {
padding: 75px 30px;
padding-bottom: 65px;
background-repeat: no-repeat;
background-size: cover;
}
.tp-service-contact-form h6 {
color: var(--tp-common-black-3);
font-size: 28px;
font-weight: 500;
line-height: 30px;
letter-spacing: -1.12px;
margin-bottom: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-contact-form h6 {
font-size: 26px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-contact-form h6 {
font-size: 21px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-contact-form h6 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.tp-service-contact-form h6 {
font-size: 20px;
}
}
.tp-play-btn a {
height: 80px;
width: 80px;
line-height: 80px;
font-size: 20px;
top: 39%;
left: 48%;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
background-color: var(--tp-common-white);
color: var(--tp-common-purple-2);
transform: translate(-50%, -50%);
animation: pulse 2s infinite;
}  .tp-faq-inner__customize .tp-custom-accordion .accordion-buttons {
padding: 38px 28px;
}
.tp-faq-inner__customize .tp-custom-accordion .accordion-buttons:hover {
color: var(--tp-theme-1);
}
.tp-faq-inner__customize .tp-custom-accordion .accordion-buttons::after {
top: 38px;
}
.tp-faq-inner__customize .tp-custom-accordion .accordion-buttons:not(.collapsed) {
background-color: transparent;
color: var(--tp-common-black);
}
.tp-faq-inner__customize .tp-custom-accordion .accordion-buttons:not(.collapsed):hover {
color: var(--tp-theme-1);
}
.tp-faq-inner__customize .tp-custom-accordion .accordion-body {
border-top: 1px solid rgba(0, 82, 204, 0.1);
margin: 0px 20px;
padding-left: 0;
padding-right: 0;
}
.tp-faq-inner__customize .tp-custom-accordion .accordion-buttons:not(.collapsed)::after {
color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-faq-inner__tab-btn {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.tp-faq-inner__tab-btn {
margin-bottom: 40px;
}
}
.tp-faq-inner__tab-btn .nav-tab {
margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-faq-inner__tab-btn .nav-tab {
margin-right: 0px;
}
}
.tp-faq-inner__tab-btn .nav-tab button {
width: 100%;
background-color: #F7F7F7;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
height: 60px;
line-height: 60px;
padding: 0px 20px;
border-radius: 5px;
font-weight: 600;
font-size: 18px;
color: #4D505C;
transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-faq-inner__tab-btn .nav-tab button {
font-size: 16px;
}
}
.tp-faq-inner__tab-btn .nav-tab button:hover {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-faq-inner__tab-btn .nav-tab button:hover i {
color: var(--tp-common-white);
transform: rotate(180deg);
}
.tp-faq-inner__tab-btn .nav-tab button i {
font-weight: 400;
font-size: 18px;
color: #4D505C;
transition: 0.3s;
}
.tp-faq-inner__tab-btn .nav-tab button.active {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-faq-inner__tab-btn .nav-tab button.active i {
color: var(--tp-common-white);
transform: rotate(180deg);
}  .tp-work-2__blue-bg {
background: linear-gradient(116.21deg, #683DFB 15.24%, #5A9AF6 76.79%, #7101FF 100%);
}
.tp-work-2__form {
padding-top: 70px;
}
.tp-work-2__form form input {
border-bottom: 1px solid var(--tp-common-white);
background-color: transparent;
color: var(--tp-common-white);
font-size: 18px;
font-family: "Syne", sans-serif;
padding-left: 45px;
padding-right: 130px;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-work-2__form form input {
font-size: 15px;
}
}
.tp-work-2__form form input::-webkit-input-placeholder {
color: var(--tp-common-white);
}
.tp-work-2__form form input:-moz-placeholder {
color: var(--tp-common-white);
}
.tp-work-2__form form input::-moz-placeholder {
color: var(--tp-common-white);
}
.tp-work-2__form form input:-ms-input-placeholder {
color: var(--tp-common-white);
}
.tp-work-2__icon {
position: absolute;
bottom: 21px;
left: 3px;
margin-right: 45px;
}
.tp-work-2__icon::after {
margin-left: 8px;
height: 12px;
width: 1px;
background-color: var(--tp-common-white);
content: "";
display: inline-block;
}
.tp-work-2__icon span {
color: var(--tp-common-white);
font-size: 18px;
}
.tp-work-2__btn {
position: absolute;
right: 0;
bottom: 21px;
}
.tp-work-2__btn button {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--tp-common-white);
font-family: "Syne", sans-serif;
text-transform: capitalize;
}
.tp-work-2__btn button svg {
display: inline-block;
margin-left: 10px;
font-size: 18px;
transform: translateY(-2px);
}
.tp-work-2__thumb {
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-work-2__thumb {
width: 100%;
}
}
.tp-work-2__thumb img {
transition: 0.6s;
}
.tp-work-2__thumb:hover img {
transform: scale(1.2) rotate(-3deg);
}
.tp-work-2__thumb:hover .tp-work-2__thumb-text {
transform: scale(1, 1);
opacity: 1;
visibility: visible;
}
.tp-work-2__thumb-text {
position: absolute;
bottom: 90px;
left: 50px;
padding: 6px 15px;
padding-right: 40px;
background: #7681EB;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: scale(1, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-work-2__thumb-text {
bottom: 70px;
left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-work-2__thumb-text {
bottom: 60px;
left: 20px;
}
}
@media (max-width: 767px) {
.tp-work-2__thumb-text {
bottom: 50px;
left: 20px;
}
}
.tp-work-2__thumb-text span {
font-weight: 600;
font-size: 27px;
font-family: "Syne", sans-serif;
text-transform: capitalize;
color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-work-2__thumb-text span {
font-size: 21px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-work-2__thumb-text span {
font-size: 18px;
}
}
@media (max-width: 767px) {
.tp-work-2__thumb-text span {
font-size: 15px;
}
}
.tp-work-2__thumb-text span img {
margin-right: 5px;
display: inline-flex;
}
.tp-work-2__thumb-text-2 {
position: absolute;
top: 100%;
left: 0;
padding: 3px 20px;
background: #5748FF;
}
.tp-work-2__thumb-text-2 span {
text-transform: capitalize;
color: var(--tp-common-white);
font-weight: 600;
font-size: 20px;
font-family: "Syne", sans-serif;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-work-2__thumb-text-2 span {
font-size: 17px;
}
}
@media (max-width: 767px) {
.tp-work-2__thumb-text-2 span {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-work-2__thumb-box {
flex-wrap: wrap;
}
}  .tp-process-2__icon {
margin-bottom: 35px;
}
.tp-process-2__icon span {
height: 110px;
width: 110px;
line-height: 110px;
text-align: center;
border-radius: 50%;
background-color: var(--tp-common-white);
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.03);
display: inline-block;
}
.tp-process-2__icon span.icon-border {
border: 1px dashed #D9D9D9;
}
.tp-process-2__title {
font-weight: 500;
font-size: 23px;
font-family: var(--tp-ff-heading);
margin-bottom: 15px;
text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-process-2__title {
font-size: 21px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-process-2__title {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-process-2__title {
font-size: 19px;
}
}
@media (max-width: 767px) {
.tp-process-2__title {
font-size: 19px;
}
}
.tp-process-2__text p {
font-size: 16px;
line-height: 28px;
color: #72747C;
padding: 0 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-process-2__text p {
padding: 0 25px;
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-process-2__text p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-process-2__text p {
font-size: 14px;
padding: 0;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-process-2__text p {
padding: 0 30px;
}
}
.tp-process-2__shape {
position: absolute;
top: 14px;
left: 14%;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-process-2__shape {
display: none;
}
}
.tp-process-2__white-bg {
background-color: var(--tp-common-white);
padding-top: 80px;
margin-top: -80px;
position: relative;
z-index: 11;
}
@media (max-width: 767px) {
.tp-process-2__white-bg {
margin-top: 0;
}
}
.tp-process-2__item {
padding-top: 20px;
}  .tp-choose-3__sub-thumb-1 {
position: absolute;
top: -105px;
right: 0;
z-index: 2;
transition: all 4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s !important;
}
.tp-choose-3__sub-thumb-1:hover {
transform: translate(-20px, -30px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-choose-3__sub-thumb-1 {
right: 30px;
}
}
@media (max-width: 767px) {
.tp-choose-3__sub-thumb-1 {
position: static;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.tp-choose-3__sub-thumb-1 img {
width: 100%;
}
}
.tp-choose-3__sub-thumb-2 {
position: absolute;
top: -170px;
left: 55px;
transition: all 4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s !important;
}
.tp-choose-3__sub-thumb-2:hover {
transform: translate(-20px, -30px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-choose-3__sub-thumb-2 {
left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-choose-3__sub-thumb-2 {
left: 90px;
}
}
@media (max-width: 767px) {
.tp-choose-3__sub-thumb-2 {
position: static;
}
}
@media (max-width: 767px) {
.tp-choose-3__sub-thumb-2 img {
width: 100%;
}
}
.tp-choose-3__main-thumb {
margin-left: 180px;
position: relative;
z-index: 1;
display: inline-block;
transition: all 4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s !important;
}
@media (max-width: 767px) {
.tp-choose-3__main-thumb {
width: 100%;
}
}
.tp-choose-3__main-thumb img {
width: 100%;
}
.tp-choose-3__main-thumb:hover {
transform: translate(-20px, -30px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-choose-3__main-thumb {
margin-left: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-choose-3__main-thumb {
margin-left: 0;
text-align: center;
}
}
@media (max-width: 767px) {
.tp-choose-3__main-thumb {
margin-left: 0;
}
}
@media (max-width: 767px) {
.tp-choose-3__main-thumb img {
width: 100%;
}
}
.tp-choose-3__shape-1 {
position: absolute;
top: -200px;
right: 55px;
z-index: -1;
animation: zoom 7s infinite;
}
.tp-choose-3__shape-2 {
position: absolute;
bottom: 130px;
left: 21%;
animation: moving 9s linear infinite;
}
.tp-choose-3__shape-3 {
position: absolute;
bottom: 40px;
right: 15%;
animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-choose-3__content {
margin-bottom: 240px;
}
}
@media (max-width: 767px) {
.tp-choose-3__content {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-choose-3__thumb-box {
text-align: center;
}
}
.tp-choose-5__space {
padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__space {
padding-bottom: 100px;
}
}
.tp-choose-5__area .tp-choose-3__content {
margin-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__area .tp-choose-3__content {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__area .tp-choose-3__content {
margin-left: 0;
margin-bottom: 40px;
}
}
.tp-choose-5__area .tp-service-2__list-box-2 {
margin-right: 35px;
}
.tp-choose-5__area .tp-service-2__list-box-2 {
margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__area .tp-service-2__list-box-2 {
margin-right: 0;
}
}
.tp-choose-5__area .tp-service-2__text p {
padding-right: 60px;
color: #707481;
}
@media (max-width: 767px) {
.tp-choose-5__area .tp-service-2__text p {
padding-right: 0;
font-size: 14px;
}
}
.tp-choose-5__main-thumb {
position: relative;
z-index: 1;
}
.tp-choose-5__thumb-box {
margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-choose-5__thumb-box {
margin-left: 0;
text-align: center;
}
}
@media (max-width: 767px) {
.tp-choose-5__thumb-box {
margin-left: 0;
text-align: center;
}
}
.tp-choose-5__shape-1 {
position: absolute;
top: 15%;
left: 13%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__shape-1 {
display: none;
}
}
.tp-choose-5__shape-2 {
position: absolute;
top: 55%;
left: 44%;
z-index: 2;
animation: tptranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__shape-2 {
display: none;
}
}
.tp-choose-5__shape-3 {
position: absolute;
top: 27%;
left: 4%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-choose-5__shape-3 {
left: 1%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__shape-3 {
display: none;
}
}
.tp-choose-5__shape-4 {
position: absolute;
bottom: 14%;
right: 27%;
animation: moving 9s linear infinite;
z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-choose-5__shape-4 {
right: 20%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-5__shape-4 {
display: none;
}
}
.tp-choose-6__icon {
margin-bottom: 30px;
}
.tp-choose-6__icon span {
position: relative;
display: inline-block;
color: var(--tp-common-purple-2);
}
.tp-choose-6__icon span svg {
transition: all 0.3s ease-out 0s;
}
.tp-choose-6__icon span::after {
height: 47px;
width: 47px;
border-radius: 50%;
background-color: rgba(115, 92, 252, 0.07);
position: absolute;
right: -12px;
top: 0;
content: "";
}
.tp-choose-6__title {
font-size: 20px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
.tp-choose-6__title {
font-size: 19px;
}
}
.tp-choose-6__content p {
font-size: 16px;
font-weight: 500;
line-height: 29px;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-choose-6__content p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-choose-6__content p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-choose-6__content p {
font-size: 13px;
}
}
.tp-choose-6__item {
padding: 55px 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-6__item {
padding: 55px 28px;
}
}
.tp-choose-6__item:hover .tp-choose-6__icon span svg {
animation: icon-bounce 0.8s 1;
}
.tp-choose-6__item-wrap {
background: #FFF;
box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.08);
}
.tp-choose-6__item-wrap.space {
margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-choose-6__item-wrap.space {
margin-top: 0;
}
}  .tp-banner__left-box {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 55px;
padding-right: 0;
padding-bottom: 35px;
}
@media (max-width: 767px) {
.tp-banner__left-box {
padding: 50px 30px;
}
}
.tp-banner__content {
position: relative;
z-index: 11;
}
.tp-banner__content.color p {
color: var(--tp-common-green);
}
.tp-banner__content p {
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0;
padding-bottom: 12px;
}
.tp-banner__content span {
color: var(--tp-common-white);
font-family: var(--tp-common-white);
font-size: 16px;
font-weight: 400;
display: block;
padding-bottom: 25px;
}
.tp-banner__content span strong {
color: #FF8617;
padding-left: 5px;
}
.tp-banner__title {
color: var(--tp-common-white);
font-size: 36px;
font-weight: 500;
line-height: 32.4px;
text-transform: capitalize;
padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-banner__title {
font-size: 32px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-banner__title {
font-size: 30px;
}
}
.tp-banner__title-2 {
color: var(--tp-common-white);
font-size: 30px;
font-weight: 500;
line-height: 32.4px;
text-transform: capitalize;
padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-banner__title-2 {
font-size: 27px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-banner__title-2 {
font-size: 25px;
}
}
.tp-banner__right-box {
background-color: #F3ECEA;
padding: 50px 35px;
padding-right: 0;
padding-bottom: 35px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 767px) {
.tp-banner__right-box {
padding: 50px 30px;
}
}
.tp-banner-2__bg {
position: relative;
}
.tp-banner-2__bg::after {
content: "";
height: 135px;
width: 100%;
background-color: var(--tp-grey-2);
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.tp-banner-2__item {
padding-top: 70px;
padding-left: 50px;
padding-bottom: 55px;
border-radius: 16px;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.tp-banner-2__item {
padding: 35px 0;
padding-left: 50px;
}
}
@media (max-width: 767px) {
.tp-banner-2__item {
padding-left: 30px;
}
}
.tp-banner-2__item.gradiant .tp-banner__content {
margin-left: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-banner-2__item.gradiant .tp-banner__content {
margin-left: 200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-banner-2__item.gradiant .tp-banner__content {
margin-left: 150px;
}
}
@media (max-width: 767px) {
.tp-banner-2__item.gradiant .tp-banner__content {
margin-left: 0px;
}
}  .tp-checkout-verify-item {
margin-bottom: 40px;
}
.tp-checkout-verify-item:not(:last-child) {
margin-bottom: 14px;
}
.tp-checkout-verify-reveal {
font-size: 14px;
color: var(--tp-common-black);
margin-bottom: 0;
display: inline-block;
border: 1px dashed #AAB0B2;
padding: 18px 40px;
width: 100%;
}
.tp-checkout-verify-reveal button {
color: var(--tp-theme-2);
position: relative;
}
.tp-checkout-verify-reveal button::after {
position: absolute;
content: "";
left: 0;
bottom: 4px;
width: 100%;
height: 1px;
background-color: var(--tp-theme-2);
}
.tp-checkout-btn {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: var(--tp-common-white);
background-color: var(--tp-theme-2);
height: 50px;
line-height: 50px;
padding: 0 30px;
text-align: center;
}
.tp-checkout-btn:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
.tp-checkout-input {
margin-bottom: 20px;
}
.tp-checkout-input label {
font-weight: 500;
color: var(--tp-common-black);
padding-bottom: 10px;
font-size: 14px;
}
.tp-checkout-input label span {
color: red;
}
.tp-checkout-input input, .tp-checkout-input textarea {
width: 100%;
background: #FFFFFF;
color: var(--tp-common-black);
height: 64px;
border: 1px solid #E0E2E3;
}
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus {
border-color: var(--tp-theme-2);
}
.tp-checkout-input textarea {
height: 200px;
resize: none;
font-size: 14px;
line-height: 22px;
padding: 25px;
}
.tp-checkout-input .nice-select {
height: 64px;
line-height: 63px;
border-radius: 0;
border: 0;
float: none;
padding: 0 25px;
font-size: 14px;
}
.tp-checkout-input .nice-select::after {
right: 26px;
}
.tp-checkout-input .nice-select.open .list {
-webkit-transform: scale(1) translateY(0px);
-moz-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
-o-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
}
.tp-checkout-input .nice-select .list {
margin-top: 0;
border-radius: 0;
transform-origin: center center;
-webkit-transform: scale(0.9) translateY(0px);
-moz-transform: scale(0.9) translateY(0px);
-ms-transform: scale(0.9) translateY(0px);
-o-transform: scale(0.9) translateY(0px);
transform: scale(0.9) translateY(0px);
width: 100%;
padding: 12px 0;
}
.tp-checkout-input .nice-select .list .option {
line-height: 1.2;
min-height: inherit;
padding-top: 5px;
padding-bottom: 5px;
}
.tp-checkout-input .nice-select .list .option:hover {
color: var(--tp-theme-2);
}
.tp-checkout-option {
margin-bottom: 4px;
}
.tp-checkout-option-wrapper {
margin-top: 10px;
margin-bottom: 17px;
}
.tp-checkout-option input {
display: none;
}
.tp-checkout-option input:checked ~ label::after {
background-color: var(--tp-common-orange);
border-color: var(--tp-common-orange);
}
.tp-checkout-option input:checked ~ label::before {
visibility: visible;
opacity: 1;
}
.tp-checkout-option label {
font-size: 15px;
color: #55585B;
position: relative;
padding-left: 26px;
z-index: 1;
}
.tp-checkout-option label::after {
position: absolute;
content: "";
top: 1px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
border: 1px solid var(--tp-common-purple);
z-index: -1;
transition: 0.3s;
}
.tp-checkout-option label::before {
position: absolute;
content: "\f00c";
top: 3px;
left: 4px;
font-size: 11px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-purple);
transition: 0.3s;
font-family: "Font Awesome 5 Pro";
}
.tp-checkout-option label a:hover {
color: var(--tp-theme-2);
}
.tp-checkout-option label:hover {
cursor: pointer;
}
.tp-checkout-bill-area {
padding: 45px 40px 24px;
background-color: var(--tp-grey-1);
}
@media (max-width: 767px) {
.tp-checkout-bill-area {
padding: 45px 25px 24px;
}
}
.tp-checkout-bill-title {
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
.tp-checkout-place {
padding: 44px 50px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-checkout-place {
padding: 35px 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-checkout-place {
padding: 35px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-checkout-place {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.tp-checkout-place {
padding: 50px 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-checkout-place {
padding: 50px 25px;
}
}
.tp-checkout-place-title {
font-size: 26px;
font-weight: 600;
margin-right: 37px;
}
.tp-checkout-payment {
padding-bottom: 26px;
margin-bottom: 24px;
border-bottom: 1px solid #E0E2E3;
}
.tp-checkout-payment-item:not(:last-child) {
margin-bottom: 10px;
}
.tp-checkout-payment-item.paypal-payment label {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.tp-checkout-payment-item input {
display: none;
}
.tp-checkout-payment-item input:checked ~ label::before {
opacity: 1;
visibility: visible;
}
.tp-checkout-payment-item label {
font-size: 14px;
position: relative;
padding-left: 27px;
font-weight: 500;
color: var(--tp-common-black);
}
.tp-checkout-payment-item label:hover {
cursor: pointer;
}
.tp-checkout-payment-item label::after {
position: absolute;
content: "";
left: 0;
top: 3px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid var(--tp-theme-2);
transition: 0.3s;
}
.tp-checkout-payment-item label::before {
position: absolute;
content: "";
left: 3px;
top: 6px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--tp-theme-2);
visibility: hidden;
opacity: 0;
transition: 0.3s;
}
.tp-checkout-payment-item label img {
margin-left: 14px;
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);
}
.tp-checkout-payment-item label a {
margin-left: 20px;
position: relative;
}
.tp-checkout-payment-desc {
position: relative;
padding-top: 10px;
display: none;
}
.tp-checkout-payment-desc::after {
position: absolute;
content: "";
left: 57px;
top: 0;
width: 16px;
height: 16px;
background-color: #fff;
-webkit-transform: translateY(3px) rotate(45deg);
-moz-transform: translateY(3px) rotate(45deg);
-ms-transform: translateY(3px) rotate(45deg);
-o-transform: translateY(3px) rotate(45deg);
transform: translateY(3px) rotate(45deg);
}
.tp-checkout-payment-desc p {
background-color: #fff;
padding: 19px 30px;
margin-left: 27px;
font-size: 14px;
line-height: 1.57;
color: #55585B;
margin-bottom: 0;
}
.tp-checkout-agree {
margin-bottom: 24px;
}
.tp-return-customer {
display: none;
margin-top: 14px;
padding: 40px 40px;
background-color: var(--tp-grey-1);
}
.tp-return-customer-input {
margin-bottom: 20px;
}
.tp-return-customer-input label {
font-weight: 500;
color: var(--tp-common-black);
padding-bottom: 10px;
}
.tp-return-customer-input label span {
color: red;
}
.tp-return-customer-input input {
width: 100%;
background: #fff;
border: 0;
color: var(--tp-common-black);
height: 64px;
transition: 0.3s;
border: 1px solid transparent;
}
.tp-return-customer-input input:focus {
border: 1px solid var(--tp-common-orange);
}
.tp-return-customer-remeber input {
display: none;
}
.tp-return-customer-remeber input:checked ~ label::after {
background-color: var(--tp-common-orange);
border-color: var(--tp-common-orange);
}
.tp-return-customer-remeber input:checked ~ label::before {
visibility: visible;
opacity: 1;
}
.tp-return-customer-remeber label {
font-size: 15px;
color: #55585B;
position: relative;
padding-left: 26px;
z-index: 1;
}
.tp-return-customer-remeber label::after {
position: absolute;
content: "";
top: 1px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
border: 1px solid var(--tp-common-purple);
z-index: -1;
transition: 0.3s;
}
.tp-return-customer-remeber label::before {
position: absolute;
content: "\f00c";
top: 3px;
left: 5px;
font-size: 10px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-purple);
transition: 0.3s;
font-family: "Font Awesome 5 Pro";
}
.tp-return-customer-remeber label a:hover {
color: var(--tp-common-orange);
}
.tp-return-customer-remeber label:hover {
cursor: pointer;
}
.tp-return-customer-forgot a {
font-weight: 400;
font-size: 15px;
color: var(--tp-theme-2);
position: relative;
display: inline-block;
}
.tp-return-customer-forgot a::after {
position: absolute;
content: "";
left: auto;
right: 0;
bottom: 4px;
width: 0%;
height: 1px;
background-color: var(--tp-theme-primary);
}
.tp-return-customer-forgot a:hover::after {
left: 0;
right: auto;
width: 100%;
}
.tp-order-details {
padding: 70px 100px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-order-details {
padding: 70px 70px 55px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-order-details {
padding: 70px 30px 55px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-order-details {
padding: 70px 50px 55px;
}
}
@media (max-width: 767px) {
.tp-order-details {
padding: 40px 30px 45px;
}
}
.tp-order-details-icon {
margin-bottom: 22px;
}
.tp-order-details-icon span {
display: inline-block;
width: 120px;
height: 120px;
line-height: 118px;
text-align: center;
font-size: 55px;
color: var(--tp-common-white);
border: 1px solid rgba rgba(255, 255, 255, 0.2);
border-radius: 50%;
}
.tp-order-details-title {
font-size: 30px;
font-weight: 600;
color: var(--tp-common-white);
margin-bottom: 7px;
}
.tp-order-details-content p {
font-size: 16px;
color: var(--tp-common-white);
line-height: 1.38;
}
.tp-order-details-item {
margin-bottom: 38px;
}
.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
padding-left: 40px;
}
@media (max-width: 767px) {
.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
padding-left: 0;
}
}
.tp-order-details-item h4 {
font-size: 18px;
color: var(--tp-common-white);
margin-bottom: 0;
font-weight: 400;
}
.tp-order-details-item p {
font-weight: 700;
font-size: 18px;
color: var(--tp-common-white);
margin-bottom: 0;
}
.tp-order-info-wrapper {
padding: 42px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-order-info-wrapper {
padding: 42px 40px;
}
}
@media (max-width: 767px) {
.tp-order-info-wrapper {
padding: 42px 30px;
}
}
.tp-order-info-title {
font-size: 26px;
font-weight: 600;
margin-bottom: 40px;
}
.tp-order-info-list ul li {
list-style: none;
padding: 15px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
}
.tp-order-info-list ul li:not(:last-child) {
border-bottom: 1px solid #E0E2E3;
}
.tp-order-info-list ul li span {
font-size: 15px;
color: var(--tp-common-black);
}
.tp-order-info-list ul li.tp-order-info-list-header {
padding-top: 0;
padding-bottom: 12px;
}
.tp-order-info-list ul li.tp-order-info-list-header h4 {
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
}
.tp-order-info-list ul li.tp-order-info-list-desc p {
font-size: 15px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.tp-order-info-list ul li.tp-order-info-list-desc p {
font-size: 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-order-info-list ul li.tp-order-info-list-desc p {
font-size: 16px;
}
}
.tp-order-info-list ul li.tp-order-info-list-desc p span {
font-size: 15px;
font-weight: 500;
}
.tp-order-info-list ul li.tp-order-info-list-subtotal span:last-child {
color: var(--tp-theme-primary);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input {
display: none;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::before {
opacity: 1;
visibility: visible;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label {
font-size: 14px;
position: relative;
padding-right: 27px;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label span {
color: var(--tp-theme-primary);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label:hover {
cursor: pointer;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::after {
position: absolute;
content: "";
right: 0;
top: 2px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid var(--tp-theme-2);
transition: 0.3s;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::before {
position: absolute;
content: "";
right: 4px;
top: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--tp-theme-2);
visibility: hidden;
opacity: 0;
transition: 0.3s;
}
.tp-order-info-list ul li.tp-order-info-list-total {
padding: 14px 0;
}
.tp-order-info-list ul li.tp-order-info-list-total span {
font-size: 16px;
font-weight: 500;
}
.tp-order-inner {
background-color: var(--tp-common-white);
box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
}
.tp-checkout-place {
background-color: var(--tp-grey-1);
}  .tp-deal-4__bg {
background-size: cover;
background-repeat: no-repeat;
padding-top: 115px;
padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-deal-4__bg {
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.tp-deal-4__bg {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-deal-4__content-box {
margin-bottom: 50px;
}
}
.tp-deal-4__content-box p {
font-weight: 400;
line-height: 29px;
color: #707480;
padding-right: 250px;
padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-deal-4__content-box p {
padding-right: 200px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-deal-4__content-box p {
padding-right: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-deal-4__content-box p {
padding-right: 0px;
}
}
.tp-deal-4__time-box {
display: inline-block;
text-align: center;
}
.tp-deal-4__time-box i {
color: var(--tp-common-black);
text-align: center;
font-family: var(--tp-ff-heading);
font-size: 13px;
font-weight: 500;
width: 42px;
height: 42px;
line-height: 42px;
background-color: var(--tp-common-white);
display: inline-block;
border-radius: 50%;
font-style: normal;
margin-bottom: 10px;
transition: 0.3s;
}
.tp-deal-4__time-box i:hover {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-deal-4__time-box span {
color: #404040;
font-family: var(--tp-ff-heading);
font-size: 15px;
font-weight: 400;
display: block;
}
.tp-deal-4__time-wrapper {
margin-bottom: 30px;
}
.tp-deal-4__time-wrapper ul li {
display: inline-block;
padding-right: 16px;
}
.tp-deal-4__shape-1 {
position: absolute;
right: 50px;
bottom: 9%;
z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-deal-4__shape-1 {
bottom: -2%;
right: 26px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-deal-4__shape-1 {
right: 21%;
}
}
@media (max-width: 767px) {
.tp-deal-4__shape-1 {
right: 5%;
bottom: 0%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-deal-4__shape-1 img {
max-width: 90%;
}
}
@media (max-width: 767px) {
.tp-deal-4__shape-1 img {
max-width: 80%;
}
}
.tp-deal-4__shape-2 {
position: absolute;
top: 19%;
left: 50px;
animation: zoom 7s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-deal-4__shape-2 {
top: 1%;
left: -25px;
}
}
.tp-deal-4__shape-3 {
animation: moving 9s linear infinite;
position: absolute;
top: 23%;
right: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-deal-4__shape-3 {
right: 1%;
}
}
.tp-deal-4__shape-4 {
position: absolute;
top: 30%;
left: 39.6%;
animation: tpswing 2s ease-in-out 2s forwards infinite alternate;
transform-origin: top left;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-deal-4__shape-4 {
left: 35.6%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-deal-4__shape-4 {
left: 34.6%;
}
}
.tp-deal-4__thumb-box {
padding-left: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-deal-4__thumb-box {
padding-left: 0;
margin-left: -10px;
}
}
.tp-deal-4__main-thumb {
margin-top: -17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-deal-4__main-thumb {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-deal-4__main-thumb {
margin-top: 0;
text-align: center;
}
}
.tp-deal-4__main-thumb img {
max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-deal-4__main-thumb img {
max-width: 100%;
}
}  .tp-contact-3__contact-list ul li {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #EBEDF5;
display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-3__contact-list ul li {
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-contact-3__contact-list ul li {
display: block;
}
}
.tp-contact-3__contact-item span {
display: inline-block;
margin-right: 20px;
transform: translateY(-3px);
}
@media (max-width: 767px) {
.tp-contact-3__contact-item span {
margin-right: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-3__contact-item span svg {
width: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-3__contact-item span svg {
width: 33px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-3__contact-item span svg {
width: 31px;
}
}
@media (max-width: 767px) {
.tp-contact-3__contact-item span svg {
width: 27px;
}
}
.tp-contact-3__contact-item a {
color: var(--tp-common-black);
font-size: 24px;
font-weight: 500;
display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-contact-3__contact-item a {
font-size: 23px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-3__contact-item a {
font-size: 21px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-3__contact-item a {
font-size: 21px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-3__contact-item a {
font-size: 20px;
}
}
@media (max-width: 767px) {
.tp-contact-3__contact-item a {
font-size: 17px;
}
}
.tp-contact-3__address-item h5 {
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-contact-3__address-item h5 {
font-size: 22px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-3__address-item h5 {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-3__address-item h5 {
font-size: 21px;
}
}
.tp-contact-3__address-item h5 span {
display: inline-block;
transform: translateY(-2px);
margin-left: 10px;
}
.tp-contact-3__address-item p {
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-3__address-item p {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-3__address-item p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-3__address-item p {
font-size: 14px;
}
}
.tp-contact-3__address-info ul li {
display: inline-block;
}
.tp-contact-3__address-info ul li:first-child {
padding-right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-3__address-info ul li:first-child {
padding-right: 160px;
}
}
.tp-contact-3__form-box {
background-color: var(--tp-common-white);
padding: 60px 45px;
padding-bottom: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-contact-3__form-box {
padding: 60px 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-3__form-box {
padding: 50px 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-3__form-box {
padding: 50px 25px;
}
}
@media (max-width: 767px) {
.tp-contact-3__form-box {
padding: 50px 15px;
}
}
.tp-contact-3__input input {
color: rgba(20, 33, 43, 0.8);
font-size: 18px;
font-family: var(--tp-ff-heading);
font-weight: 400;
text-transform: capitalize;
border-bottom: 1px solid #EBEDF5;
padding-left: 0;
margin-bottom: 55px;
}
.tp-contact-3__input input:focus {
border-color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-3__input input {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-3__input input {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-contact-3__input input {
font-size: 14px;
}
}
.tp-contact-3__textarea textarea {
color: rgba(20, 33, 43, 0.8);
font-size: 18px;
font-family: var(--tp-ff-heading);
font-weight: 400;
width: 100%;
resize: none;
padding-left: 0;
height: 175px;
padding-top: 5px;
border-bottom: 1px solid #EBEDF5;
line-height: 30px;
margin-bottom: 30px;
text-transform: capitalize;
}
.tp-contact-3__textarea textarea:focus {
border-color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-3__textarea textarea {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-3__textarea textarea {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-contact-3__textarea textarea {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-contact-3__comment-agree {
padding-right: 0;
}
}
.tp-contact-3__comment-agree .form-check-label {
font-size: 15px;
font-family: var(--tp-ff-heading);
font-style: normal;
font-weight: 400;
line-height: 26px;
color: var(--tp-common-black);
}
@media (max-width: 767px) {
.tp-contact-3__comment-agree .form-check-label {
padding-top: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-3__comment-agree .form-check-label {
font-size: 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-contact-3__comment-agree .form-check-label {
padding-top: 0px;
}
}
.tp-contact-3__comment-agree .form-check-label:hover {
cursor: pointer;
}
.tp-contact-3__comment-agree .form-check-label span {
color: var(--tp-theme-2);
}
.tp-contact-3__comment-agree input {
height: 17px;
width: 16px;
transform: translateY(2px);
margin-right: 12px;
color: #949392;
}
.tp-contact-3__comment-agree .form-check-input:checked {
background-color: var(--tp-theme-2);
border-color: transparent;
}
.tp-contact-3__comment-agree .form-check-input:focus {
box-shadow: none;
}
.tp-contact-3__comment-agree .form-check-input.form-check-input[type=checkbox] {
border-radius: 2px;
margin-top: 4px;
}
.tp-contact-3__left-box {
padding-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-3__left-box {
margin-bottom: 50px;
}
}
.tp-contact-4__location-box {
line-height: 0;
}
.tp-contact-4__item {
padding: 30px 45px;
border-radius: 3px;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-4__item {
padding: 30px 25px;
}
}
.tp-contact-4__item:hover {
background-color: var(--tp-common-purple-2);
}
.tp-contact-4__item:hover .tp-contact-4__icon svg {
color: var(--tp-common-white);
}
.tp-contact-4__item:hover .tp-contact-4__text h6 {
color: var(--tp-common-white);
}
.tp-contact-4__item:hover .tp-contact-4__text a {
color: var(--tp-common-white);
}
.tp-contact-4__item:hover .tp-contact-4__text span {
color: var(--tp-common-white);
}
.tp-contact-4__icon {
margin-right: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-4__icon {
margin-right: 20px;
}
}
.tp-contact-4__icon span {
display: inline-block;
}
.tp-contact-4__icon span svg {
color: var(--tp-common-purple-2);
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-4__icon span svg {
width: 47px;
}
}
.tp-contact-4__text h6 {
color: var(--tp-common-black-3);
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 14px;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-4__text h6 {
font-size: 20px;
}
}
.tp-contact-4__text a {
color: #555;
font-size: 15px;
font-weight: 400;
display: inline-block;
padding-bottom: 3px;
transition: 0.3s;
line-height: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-4__text a {
font-size: 13px;
}
}
@media (max-width: 767px) {
.tp-contact-4__text a {
font-size: 14px;
}
}
.tp-contact-4__text span {
color: #555;
font-size: 15px;
font-weight: 400;
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-4__text span {
font-size: 13px;
}
}
@media (max-width: 767px) {
.tp-contact-4__text span {
font-size: 14px;
}
}
.tp-contact-4__location iframe {
width: 100%;
height: 525px;
}
.tp-contact-4__contact-form {
background-color: #FAFAFA;
padding: 150px 65px;
padding-top: 90px;
}
@media (max-width: 767px) {
.tp-contact-4__contact-form {
padding: 80px 15px;
}
}
.tp-contact-4__contact-form .tp-cform-title {
color: #08151F;
font-size: 38px;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-contact-4__contact-form .tp-cform-title {
font-size: 33px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-contact-4__contact-form .tp-cform-title {
font-size: 27px;
}
}
.tp-contact-4__contact-form .tp-cform-des {
color: #555;
font-size: 16px;
font-weight: 400;
line-height: 30px;
display: block;
margin-bottom: 36px;
}
@media (max-width: 767px) {
.tp-contact-4__contact-form .tp-cform-des {
font-size: 15px;
}
}
.tp-contact-4__input-box input {
width: 100%;
height: 65px;
line-height: 65px;
height: 65px;
border: 1px solid #E5E5E5;
transform: 0.3s;
}
.tp-contact-4__input-box input:focus {
border: 1px solid var(--tp-common-purple-2);
}
.tp-contact-4__textarea-box textarea {
resize: none;
width: 100%;
height: 280px;
border: 1px solid #E5E5E5;
transform: 0.3s;
}
.tp-contact-4__textarea-box textarea:focus {
border: 1px solid var(--tp-common-purple-2);
}
.tp-contact-4__comment-agree .form-check-label {
font-size: 16px;
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 26px;
color: #838383;
cursor: pointer;
}
@media (max-width: 767px) {
.tp-contact-4__comment-agree .form-check-label {
padding-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-contact-4__comment-agree .form-check-label {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-contact-4__comment-agree .form-check-label {
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-contact-4__comment-agree .form-check-label {
padding-top: 0px;
font-size: 12px;
}
}
.tp-contact-4__comment-agree .form-check-label span {
color: var(--tp-theme-2);
}
.tp-contact-4__comment-agree .form-check-label span.red {
color: #F32020;
}
.tp-contact-4__comment-agree input {
height: 17px;
width: 16px;
margin-right: 12px;
color: #949392;
}
.tp-contact-4__comment-agree .form-check-input:checked {
background-color: var(--tp-theme-2);
border-color: transparent;
}
.tp-contact-4__comment-agree .form-check-input:focus {
box-shadow: none;
}
.tp-contact-4__comment-agree .form-check-input.form-check-input[type=checkbox] {
border-radius: 2px;
}
@media (max-width: 767px) {
.tp-contact-4__comment-agree.label-2 .form-check-label {
font-size: 12px;
padding-top: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-contact-4__comment-agree.label-2 .form-check-label {
font-size: 14px;
}
}
.tp-register__form-box {
padding: 70px 58px;
padding-left: 40px;
border: 1px solid #E0E0E0;
margin: 0 41px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-register__form-box {
padding: 70px 60px;
margin: 0;
}
}
@media (max-width: 767px) {
.tp-register__form-box {
padding: 70px 10px;
margin: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-register__form-box {
padding: 70px 30px;
margin: 0;
}
}
.tp-register__form-title h6 {
color: var(--tp-common-black-3);
font-size: 23px;
font-weight: 500;
line-height: 28.4px;
text-transform: capitalize;
margin-bottom: 25px;
}
.tp-register__form-title span {
color: #696866;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-register__form-title span {
font-size: 14px;
}
.tp-register__form-title span br {
display: none;
}
}
.tp-register__input-box {
position: relative;
}
.tp-register__input-box label {
color: var(--tp-common-black-3);
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 500;
line-height: 26px;
padding-bottom: 10px;
}
.tp-register__input-box input {
height: 60px;
line-height: 60px;
border: 1px solid #E0E0E0;
margin-bottom: 30px;
}
.tp-register__input-box input:focus {
border: 1px solid var(--tp-common-purple-2);
}
.tp-register__icon {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.tp-register__input-text {
color: #F32020;
font-size: 14px;
font-weight: 500;
line-height: 26px;
position: absolute;
top: 0;
right: 0;
}
.tp-register__input-text:hover {
color: #F32020;
}  .tp-product-2__space {
padding-bottom: 50px;
}
.tp-product-2__item {
padding: 12px;
padding-bottom: 0;
margin-bottom: 30px;
position: relative;
}
.tp-product-2__item::after {
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.03);
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 92%;
z-index: -1;
transition: all 0.4s ease;
}
.tp-product-2__item:hover::after {
height: calc(100% + 15px);
}
.tp-product-2__item:hover .tp-product-2__button-box {
opacity: 1;
visibility: visible;
}
.tp-product-2__item:hover > .tp-product-2__thumb > img {
transform: scale(1.2) rotate(-1deg);
}
.tp-product-2__thumb {
overflow: hidden;
}
.tp-product-2__thumb img {
width: 100%;
transition: 0.6s;
border-radius: 7px !important;
}
.tp-product-2__star {
margin-bottom: 8px;
}
.tp-product-2__star i {
color: #FAB311;
padding-right: 2px;
}
.tp-product-2__star i.color {
color: #D2D3DA;
}
.tp-product-2__content {
padding: 30px 10px;
padding-bottom: 25px;
border-radius: 6px;
overflow: hidden;
}
.tp-product-2__title-sm {
font-weight: 500;
font-size: 16px;
line-height: 23px;
text-transform: capitalize;
margin-bottom: 10px;
transition: 0.3s;
}
.tp-product-2__title-sm:hover {
color: var(--tp-theme-2);
}
.tp-product-2__price span {
font-weight: 500;
font-size: 15px;
color: #ED1D24;
font-family: var(--tp-ff-heading);
margin-right: 12px;
}
.tp-product-2__price del {
font-size: 15px;
color: #9695A0;
font-family: var(--tp-ff-heading);
}
.tp-product-2__button-box {
transition: all 0.3s linear;
opacity: 0;
visibility: hidden;
}
.tp-product-2__icon a, .tp-product-2__icon .woosw-btn {
width: 38px;
height: 37px;
border: 1px solid #EDEDED;
border-radius: 5px;
display: inline-block;
line-height: 29px;
text-align: center;
margin-left: 5px;
transition: 0.3s;
color: #72747C;
}
.tp-product-2__icon a:hover, .tp-product-2__icon .woosw-btn:hover {
border: 1px solid var(--tp-common-purple);
}
.tp-product-2__icon .woosw-btn:hover::before {
color: #72747C !important;
}
.tp-product-2__thumb-text {
position: absolute;
top: 13px;
left: 8px;
}
.tp-product-2__thumb-text span {
border-radius: 5px;
background: #FF111F;
position: absolute;
top: 5px;
left: 5px;
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 3px 15px;
display: inline-block;
}
.tp-product-2__active {
padding: 30px 20px;
margin: -30px -20px;
}
.tp-product-2__arrow-box {
position: absolute;
right: -4.5%;
top: 49%;
transform: translateY(-50%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-product-2__arrow-box {
right: -3.5%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-product-2__arrow-box {
display: none;
}
}
.tp-product-2__arrow-box .slider-next button {
height: 45px;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
border-radius: 50%;
border: 1px solid #DFE2E9;
}
.tp-product-2__arrow-box .slider-next button svg {
margin-left: 2px;
}
.tp-fea-product__thumb {
text-align: center;
overflow: hidden;
border-radius: 15px;
}
.tp-fea-product__thumb img {
border-radius: 15px;
width: 100%;
transition: 0.5s;
}
.tp-fea-product__thumb-text {
border-radius: 40px;
background: #FF111F;
position: absolute;
top: 10px;
left: 10px;
display: inline-block;
}
.tp-fea-product__thumb-text span {
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 3px 15px;
display: inline-block;
}
.tp-fea-product__content {
padding: 20px 15px;
padding-bottom: 0px;
}
.tp-fea-product__content .price span.woocommerce-Price-amount {
color: #ED1D24;
}
.tp-fea-product__item {
padding: 13px 0;
padding-bottom: 18px;
transition: 0.3s;
border-radius: 15px;
position: relative;
z-index: 1;
}
.tp-fea-product__item .tp-product-on-sale span {
border-radius: 40px;
background: #FF111F;
position: absolute;
top: 10px;
left: 10px;
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 3px 15px;
display: inline-block;
}
.tp-fea-product__item:hover {
background-color: var(--tp-common-white);
}
.tp-fea-product__item:hover .tp-fea-product__icon-box {
opacity: 1;
visibility: visible;
top: 50%;
transform: translateY(-50%);
}
.tp-fea-product__item:hover .tp-fea-product__link-box {
opacity: 1;
visibility: visible;
margin-top: -17px;
}
.tp-fea-product__item:hover .tp-fea-product__price {
opacity: 0;
visibility: hidden;
}
.tp-fea-product__item:hover .tp-fea-product__thumb img {
transform: scale(1.2) rotate(-1deg);
}
.tp-fea-product__icon-box {
position: absolute;
top: 20%;
left: 0;
right: 0;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.tp-fea-product__icon-box a, .tp-fea-product__icon-box button {
border-radius: 5px;
border: 0px solid var(--red-primary-color, #D72323);
background: var(--tp-common-white);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
transition: 0.3s;
margin: 0 2px;
}
.tp-fea-product__icon-box a svg, .tp-fea-product__icon-box button svg {
transition: 0.3s;
color: var(--tp-common-black);
width: 20px;
}
.tp-fea-product__icon-box a:hover, .tp-fea-product__icon-box button:hover {
background-color: var(--tp-common-purple-2);
}
.tp-fea-product__icon-box a:hover svg, .tp-fea-product__icon-box button:hover svg {
color: var(--tp-common-white);
}
.tp-fea-product__link-box {
transition: 0.3s;
width: 100%;
opacity: 0;
visibility: hidden;
}
.tp-fea-product__link-box .cart-button, .tp-fea-product__link-box .added_to_cart {
display: block;
width: 100%;
height: 40px;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 20px;
background: #735CFC;
font-family: var(--tp-ff-heading);
position: relative;
}
.tp-fea-product__link-box .cart-button:hover, .tp-fea-product__link-box .added_to_cart:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-fea-product__link-box .cart-button span, .tp-fea-product__link-box .added_to_cart span {
margin-right: 4px;
display: inline-block;
transform: translateY(-2px);
}
.tp-fea-product__link-box a span {
margin-right: 4px;
display: inline-block;
transform: translateY(-2px);
}
.tp-fea-product__price {
transition: 0.3s;
}
.tp-fea-product__price span {
font-weight: 500;
font-size: 15px;
color: #ED1D24;
font-family: var(--tp-ff-heading);
margin-right: 12px;
}
.tp-fea-product__price del {
font-size: 15px;
color: #9695A0;
font-family: var(--tp-ff-heading);
}
.tp-fea-product__star {
margin-bottom: 8px;
}
.tp-fea-product__star i {
color: #FAB311;
padding-right: 2px;
}
.tp-fea-product__star i.color {
color: #D2D3DA;
}
.tp-fea-product__title-sm {
font-weight: 500;
font-size: 16px;
line-height: 23px;
text-transform: capitalize;
margin-bottom: 10px;
transition: 0.3s;
}
.tp-fea-product__title-sm:hover {
color: var(--tp-theme-2);
}
.tp-fea-product__tab nav button {
color: var(--tp-common-black);
font-family: var(--tp-ff-heading);
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
height: 40px;
line-height: 40px;
padding: 0 14px;
background-color: var(--tp-common-white);
border-radius: 30px;
transition: 0.3s;
margin: 0 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-fea-product__tab nav button {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-fea-product__tab nav button {
font-size: 13px;
margin: 0 10px;
}
}
@media (max-width: 767px) {
.tp-fea-product__tab nav button {
font-size: 13px;
margin: 0 7px;
margin-bottom: 20px;
}
}
.tp-fea-product__tab nav button.active {
color: var(--tp-common-white);
background-color: var(--tp-common-purple-2);
}
.tp-fea-product__tab nav button:hover {
color: var(--tp-common-white);
background-color: var(--tp-common-purple-2);
}
.tp-fea-product__shape-1 {
position: absolute;
top: 9%;
left: 3%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-fea-product__shape-1 {
top: 3%;
left: 3%;
}
}
.tp-fea-product__shape-2 {
position: absolute;
bottom: 0%;
left: -2%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-fea-product__shape-2 {
display: none;
}
}
.tp-fea-product__item-2:hover .tp-fea-product__price {
opacity: 1;
visibility: visible;
}
.tp-best-product-4__white-bg {
position: relative;
}
.tp-best-product-4__white-bg::after {
position: absolute;
bottom: 0;
left: 0;
background-color: var(--tp-common-white);
height: 325px;
width: 100%;
content: "";
}
.tp-best-product-4__plr {
background-color: var(--tp-common-white);
margin: 0 225px;
padding-top: 85px;
padding-bottom: 115px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-best-product-4__plr {
margin: 0 75px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-best-product-4__plr {
margin: 0 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-best-product-4__plr {
margin: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-best-product-4__section-box {
padding-bottom: 30px;
}
}
.tp-best-product-4__top-mb {
margin-bottom: 45px;
}
.tp-best-product-4__text p {
color: #787981;
font-size: 17px;
font-weight: 400;
line-height: 30px;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-best-product-4__text p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-best-product-4__text p {
font-size: 14px;
}
}
.tp-best-product-4__left-box {
background: linear-gradient(to bottom right, #FF4D8D 15.64%, #507EFB 84.55%);
padding: 45px 40px;
padding-bottom: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-best-product-4__left-box {
padding: 45px 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-best-product-4__left-box {
padding: 45px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-best-product-4__left-box {
margin-bottom: 50px;
padding: 45px 40px;
}
}
@media (max-width: 767px) {
.tp-best-product-4__left-box {
margin-bottom: 50px;
padding: 45px 20px;
}
}
.tp-best-product-4__title {
color: var(--tp-common-white);
font-family: "Jost", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
padding-bottom: 35px;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-best-product-4__title {
font-size: 18px;
}
}
.tp-best-product-4__tab nav button {
width: 100%;
text-align: start;
padding: 0;
}
.tp-best-product-4__tab nav button.active span {
border-bottom: 2px solid #fff;
}
.tp-best-product-4__tab nav button:not(:last-child) {
margin-bottom: 39px;
}
.tp-best-product-4__tab nav button span {
color: var(--tp-common-white);
font-size: 17px;
font-weight: 500;
text-transform: capitalize;
display: block;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-best-product-4__tab nav button span {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-best-product-4__tab nav button span {
font-size: 16px;
}
}
.tp-best-product-4__tab nav button span i {
color: var(--tp-common-white);
position: absolute;
top: 3px;
right: 0;
}
.tp-best-product-4__content {
padding: 20px 15px;
padding-bottom: 0px;
}
.tp-best-product-4__icon-box {
position: absolute;
top: 20px;
right: -50px;
transition: 0.5s;
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
}
.tp-best-product-4__icon-box a, .tp-best-product-4__icon-box button {
border-radius: 5px;
border: 0px solid var(--red-primary-color, #D72323);
background: var(--tp-common-white);
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
display: inline-block;
transition: 0.3s;
margin: 2px 0px;
}
.tp-best-product-4__icon-box a svg, .tp-best-product-4__icon-box button svg {
color: var(--tp-common-black);
transition: 0.3s;
}
.tp-best-product-4__icon-box a:hover, .tp-best-product-4__icon-box button:hover {
background-color: var(--tp-common-purple-2);
}
.tp-best-product-4__icon-box a:hover svg, .tp-best-product-4__icon-box button:hover svg {
color: var(--tp-common-white);
}
.tp-best-product-4__item {
padding-bottom: 18px;
transition: 0.3s;
border-radius: 15px;
position: relative;
z-index: 11;
}
.tp-best-product-4__item:hover {
background-color: var(--tp-common-white);
}
.tp-best-product-4__item:hover .tp-best-product-4__icon-box {
right: 15px;
opacity: 1;
visibility: visible;
}
.tp-best-product-4__item:hover .tp-best-product-4__link-box {
opacity: 1;
visibility: visible;
}
.tp-best-product-4__item:hover .tp-best-product-4__thumb img {
transform: scale(1.2) rotate(-1deg);
}
.tp-best-product-4__link-box {
transition: 0.3s;
width: 100%;
opacity: 0;
visibility: hidden;
}
.tp-best-product-4__link-box .cart-button, .tp-best-product-4__link-box .added_to_cart {
display: block;
width: 100%;
height: 40px;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 20px;
background: #735CFC;
font-family: var(--tp-ff-heading);
}
.tp-best-product-4__link-box .cart-button:hover, .tp-best-product-4__link-box .added_to_cart:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-best-product-4__link-box .cart-button span, .tp-best-product-4__link-box .added_to_cart span {
margin-right: 4px;
display: inline-block;
transform: translateY(-2px);
}
.tp-best-product-4__price {
margin-bottom: 20px;
}
.tp-best-product-4__price span {
font-weight: 500;
font-size: 15px;
font-family: var(--tp-ff-heading);
margin-right: 12px;
color: #9695A0;
}
.tp-best-product-4__price del {
font-size: 15px;
color: #ED1D24;
font-family: var(--tp-ff-heading);
}
.tp-best-product-4__title-sm {
font-weight: 500;
font-size: 16px;
line-height: 23px;
text-transform: capitalize;
margin-bottom: 5px;
transition: 0.3s;
}
.tp-best-product-4__title-sm:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-best-product-4__title-sm {
font-size: 14px;
}
}
.tp-best-product-4__thumb {
overflow: hidden;
}
.tp-best-product-4__thumb img {
width: 100%;
transition: 0.5s;
}
.tp-product-4__item {
border-radius: 13px;
padding: 35px 28px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 13px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-product-4__item {
padding: 35px 25px;
padding-top: 25px;
}
}
.tp-product-4__content span {
color: #787981;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
display: block;
margin-bottom: 55px;
}
.tp-product-4__title {
color: var(--tp-common-black);
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 5px;
transition: 0.3s;
}
.tp-product-4__title:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-product-4__title {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-product-4__title {
font-size: 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-product-4__title {
font-size: 22px;
}
}
@media (max-width: 767px) {
.tp-product-4__title {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-product-4__title {
font-size: 22px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-product-4__thumb {
text-align: end;
width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-product-4__thumb {
text-align: end;
width: 40%;
}
}
@media (max-width: 767px) {
.tp-product-4__thumb {
text-align: end;
width: 40%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-product-4__thumb img {
max-width: 65%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-product-4__thumb img {
max-width: 85%;
}
}
@media (max-width: 767px) {
.tp-product-4__thumb img {
max-width: 85%;
}
}
.tp-product-5__content span {
color: var(--tp-grey-4);
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-product-5__content span {
font-size: 13px;
}
}
.tp-product-5__title {
color: var(--tp-common-black);
font-size: 21px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 10px;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-product-5__title {
font-size: 19px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-product-5__title {
font-size: 17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-product-5__title {
font-size: 19px;
}
}
.tp-product-5__title:hover {
color: var(--tp-common-purple);
}
.tp-product-5__thumb {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.tp-trend-product-5__section-title {
padding-bottom: 40px;
}
}
.tp-trend-product-5__content {
padding: 10px 16px;
padding-top: 0;
border: 1px solid #EEEEEE;
border-top: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: 0.5s;
}
.tp-trend-product-5__content ul li {
display: inline-block;
height: 45px;
line-height: 45px;
width: 100%;
}
.tp-trend-product-5__content ul li:not(:last-child) {
border-bottom: 1px solid #EFEFEF;
}
.tp-trend-product-5__icon-box {
position: absolute;
top: 20px;
right: -45px;
transition: 0.5s;
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
}
.tp-trend-product-5__icon-box a, .tp-trend-product-5__icon-box button {
border-radius: 5px;
border: 0px solid var(--red-primary-color, #D72323);
background: var(--tp-common-white);
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
display: inline-block;
transition: 0.3s;
margin: 2px 0px;
}
.tp-trend-product-5__icon-box a svg, .tp-trend-product-5__icon-box button svg {
color: var(--tp-common-black);
transition: 0.3s;
}
.tp-trend-product-5__icon-box a:hover, .tp-trend-product-5__icon-box button:hover {
background-color: var(--tp-common-purple-2);
}
.tp-trend-product-5__icon-box a:hover svg, .tp-trend-product-5__icon-box button:hover svg {
color: var(--tp-common-white);
}
.tp-trend-product-5__item {
border-radius: 10px;
position: relative;
transition: 0.5s;
}
.tp-trend-product-5__item-box {
border: 1px solid transparent;
border-radius: 10px;
transition: 0.5s;
}
.tp-trend-product-5__item-box:hover {
border: 1px solid #EEEEEE;
}
.tp-trend-product-5__item-box:hover .tp-trend-product-5__thumb img {
transform: scale(1.2);
}
.tp-trend-product-5__item-box:hover .tp-trend-product-5__content {
border: 1px solid transparent;
border-top: none;
}
.tp-trend-product-5__item-box:hover .tp-trend-product-5__icon-box {
right: 15px;
opacity: 1;
visibility: visible;
}
.tp-trend-product-5__item-box:hover .tp-trend-product-5__link-box {
opacity: 1;
visibility: visible;
}
.tp-trend-product-5__link-box {
transition: 0.5s;
width: 100%;
opacity: 0;
visibility: hidden;
padding: 10px 15px;
padding-bottom: 15px;
padding-top: 0;
z-index: 1;
}
.tp-trend-product-5__link-box a {
display: block;
width: 100%;
height: 40px;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 20px;
background: #735CFC;
font-family: var(--tp-ff-heading);
}
.tp-trend-product-5__link-box a:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-trend-product-5__link-box a span {
margin-right: 4px;
display: inline-block;
transform: translateY(-2px);
}
.tp-trend-product-5__price span {
font-weight: 500;
font-size: 15px;
font-family: var(--tp-ff-heading);
margin-right: 12px;
color: #9695A0;
}
.tp-trend-product-5__price del {
font-size: 15px;
color: #ED1D24;
font-family: var(--tp-ff-heading);
}
.tp-trend-product-5__title-sm {
font-weight: 500;
font-size: 16px;
margin-bottom: 0;
text-transform: capitalize;
line-height: 45px;
transition: 0.3s;
}
.tp-trend-product-5__title-sm:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-trend-product-5__title-sm {
font-size: 14px;
}
}
.tp-trend-product-5__thumb {
overflow: hidden;
}
.tp-trend-product-5__thumb img {
width: 100%;
transition: 0.5s;
}
.tp-trend-product-5__button-box {
margin-left: -5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-trend-product-5__button-box {
margin-left: 0;
}
}
.tp-trend-product-5__button-box nav button {
color: #949392;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
position: relative;
padding: 0;
border-bottom: 1px solid transparent;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-trend-product-5__button-box nav button {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-trend-product-5__button-box nav button {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-trend-product-5__button-box nav button {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-trend-product-5__button-box nav button {
font-size: 14px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-trend-product-5__button-box nav button {
font-size: 15px;
}
}
.tp-trend-product-5__button-box nav button:not(:last-child) {
margin-right: 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-trend-product-5__button-box nav button:not(:last-child) {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-trend-product-5__button-box nav button:not(:last-child) {
margin-right: 25px;
}
}
@media (max-width: 767px) {
.tp-trend-product-5__button-box nav button:not(:last-child) {
margin-right: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-trend-product-5__button-box nav button:not(:last-child) {
margin-right: 55px;
}
}
.tp-trend-product-5__button-box nav button:hover {
color: #121416;
border-bottom: 1px solid var(--tp-common-purple-2);
}
.tp-trend-product-5__button-box nav button.active {
color: #121416;
border-bottom: 1px solid var(--tp-common-purple-2);
}
.tp-trend-product-5__top-mb {
margin-bottom: 50px;
}
.tp-trend-product-5__thumb-text {
border-radius: 3px;
background: #FF111F;
position: absolute;
top: 10px;
left: 10px;
display: inline-block;
}
.tp-trend-product-5__thumb-text span {
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 4px 20px;
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-trend-product-5__thumb-text span {
font-size: 10px;
font-weight: 500;
padding: 5px 15px;
}
}
.tp-trend-product-5__star span {
color: #5F6C76;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
display: inline-block;
padding-right: 10px;
}
.tp-trend-product-5__star i {
color: #FFA800;
}
.tp-new-product-5__shape-1 {
position: absolute;
top: 0;
right: -2%;
animation: tptranslateX2 4s infinite alternate;
}
.tp-new-product-5__shape-2 {
position: absolute;
top: -1%;
left: 0;
animation: tpupdown 0.8s infinite alternate;
}
.tp-new-product-5__content {
padding: 30px;
transition: 0.3s;
padding-top: 20px;
}
.tp-new-product-5__social-box {
position: absolute;
top: 15px;
right: -45px;
transition: 0.5s;
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
}
.tp-new-product-5__social-box a, .tp-new-product-5__social-box button {
border-radius: 5px;
border: 0px solid var(--red-primary-color, #D72323);
background: var(--tp-common-white);
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0px 8px 4px 0px rgba(0, 0, 0, 0.05);
line-height: 36px;
text-align: center;
display: inline-block;
transition: 0.3s;
margin: 4px 0px;
}
.tp-new-product-5__social-box a svg, .tp-new-product-5__social-box button svg {
color: var(--tp-common-black);
transition: 0.3s;
}
.tp-new-product-5__social-box a:hover, .tp-new-product-5__social-box button:hover {
background-color: var(--tp-common-purple-2);
}
.tp-new-product-5__social-box a:hover svg, .tp-new-product-5__social-box button:hover svg {
color: var(--tp-common-white);
}
.tp-new-product-5__item {
border-radius: 10px;
position: relative;
transition: 0.3s;
z-index: 1;
}
.tp-new-product-5__item::after {
content: "";
width: 100%;
height: 50%;
background-color: var(--tp-common-white);
top: 0;
left: 0;
position: absolute;
transition: 0.5s;
z-index: -1;
}
.tp-new-product-5__item:hover::after {
height: 100%;
}
.tp-new-product-5__item:hover .tp-new-product-5__social-box {
opacity: 1;
visibility: visible;
right: 15px;
}
.tp-new-product-5__item:hover .tp-new-product-5__link-box {
opacity: 1;
visibility: visible;
}
.tp-new-product-5__item:hover .tp-new-product-5__link-box a, .tp-new-product-5__item:hover .tp-new-product-5__link-box button {
display: block;
width: 100%;
height: 40px;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 20px;
background: #735CFC;
font-family: var(--tp-ff-heading);
}
.tp-new-product-5__item:hover .tp-new-product-5__link-box a:hover, .tp-new-product-5__item:hover .tp-new-product-5__link-box button:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
.tp-new-product-5__item:hover .tp-new-product-5__link-box a span, .tp-new-product-5__item:hover .tp-new-product-5__link-box button span {
margin-right: 4px;
display: inline-block;
transform: translateY(-2px);
}
.tp-new-product-5__item:hover .tp-new-product-5__thumb img {
transform: scale(1.2);
}
.tp-new-product-5__thumb {
overflow: hidden;
}
.tp-new-product-5__thumb img {
transition: 0.5s;
}
.tp-new-product-5__link-box {
transition: 0.3s;
width: 100%;
opacity: 0;
visibility: hidden;
margin-top: 25px;
z-index: 1;
}
.tp-new-product-5__price span {
font-weight: 500;
font-size: 15px;
font-family: var(--tp-ff-heading);
margin-right: 12px;
color: #9695A0;
}
.tp-new-product-5__price del {
font-size: 15px;
color: #ED1D24;
font-family: var(--tp-ff-heading);
}
.tp-new-product-5__title-sm {
font-weight: 500;
font-size: 16px;
margin-bottom: 0;
text-transform: capitalize;
line-height: 45px;
transition: 0.3s;
}
.tp-new-product-5__title-sm:hover {
color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-new-product-5__title-sm {
font-size: 14px;
}
}
.tp-new-product-5__thumb {
overflow: hidden;
}
.tp-new-product-5__thumb img {
width: 100%;
transition: 0.5s;
}
.tp-new-product-5__thumb-text {
border-radius: 15px;
background: #FF111F;
position: absolute;
top: 10px;
left: 10px;
display: inline-block;
}
.tp-new-product-5__thumb-text span {
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 4px 20px;
display: inline-block;
}
.tp-new-product-5__star {
display: block;
}
.tp-new-product-5__star i {
font-size: 14px;
display: inline-block;
color: #FFA800;
}
.tp-new-product-5__active {
margin: 0 -105px;
}
@media (max-width: 767px) {
.tp-new-product-5__active {
margin: 0px;
}
}
.tp-new-product-5__active-2 {
margin-right: -550px;
}
@media (max-width: 767px) {
.tp-new-product-5__active-2 {
margin-right: 0;
}
} .tp-product__text span {
font-weight: 400;
}
.tp-product__filter .nice-select {
position: relative;
background: var(--tp-common-white);
border-radius: 0;
padding: 0px 30px;
padding-right: 80px;
width: 100%;
height: 60px;
line-height: 60px;
border: 1px solid #e6e9e9;
font-size: 14px;
color: var(--tp-common-black);
}
.tp-product__filter .nice-select.open::after {
transform: translateY(-45%) rotate(-180deg);
}
.tp-product__filter .nice-select .option.selected {
font-weight: 400;
color: var(--tp-common-black);
}
.tp-product__filter .nice-select::after {
border: none;
background-color: transparent;
transform: translateY(-50%);
margin-top: 0;
right: 30px;
content: "\f107";
font-family: "Font Awesome 5 Pro";
transform-origin: center;
color: #77829D;
height: auto;
width: auto;
font-size: 20px;
font-weight: 400;
}
.tp-product__filter .nice-select ul {
padding: 25px;
width: 100%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 0;
}
.tp-product__filter .nice-select ul li {
color: #77829D;
margin-bottom: 15px;
font-weight: 400;
font-size: 16px;
padding: 0;
}
.tp-product__filter .nice-select ul li:last-child {
margin-bottom: 0;
}
.tp-product__filter .nice-select .option {
line-height: 1;
min-height: 0;
}
.tp-product__filter .nice-select.open ul {
opacity: 1;
visibility: visible;
}
.tp-product__input {
position: relative;
}
.tp-product__input input {
padding: 0px 30px;
padding-right: 80px;
width: 100%;
height: 60px;
line-height: 60px;
transition: 0.3s;
border: 1px solid #e6e9e9;
}
.tp-product__input input:focus {
border: 1px solid var(--tp-common-purple-2);
}
.tp-product__search {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
}
.tp-shop-details__wrapper {
margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-details__wrapper {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-details__tab-big-img img {
width: 100%;
}
}
.tp-shop-details__tab-big-img {
border: 1px solid #EDE7E7;
margin-right: 30px;
text-align: center;
padding-top: 20px;
padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-details__tab-big-img {
margin-right: 0;
}
}
.tp-shop-details__tab-btn-box button {
display: inline-block;
margin-right: 20px;
border: 1px solid transparent;
}
@media (max-width: 767px) {
.tp-shop-details__tab-btn-box button {
margin-bottom: 20px;
}
}
.tp-shop-details__tab-btn-box button img {
background-color: #F8F8F9;
}
.tp-shop-details__tab-btn-box button.active {
border: 1px solid #EDE7E7;
}
.tp-shop-details__ratting {
margin-bottom: 15px;
}
.tp-shop-details__ratting span {
color: var(--tp-theme-1);
}
.tp-shop-details__ratting span svg {
color: #FFB41B;
}
.tp-shop-details__price ins {
color: var(--tp-common-black);
font-size: 24px;
font-weight: 700;
}
@media (max-width: 767px) {
.tp-shop-details__quantity-wrap {
flex-wrap: wrap;
}
}
.tp-shop-details__quantity {
background-color: #F7F7F7;
width: 205px;
height: 67px;
position: relative;
margin-right: 15px;
}
@media (max-width: 767px) {
.tp-shop-details__quantity {
margin-bottom: 20px;
}
}
.tp-shop-details__quantity input {
border: 0;
background-color: transparent;
text-align: center;
color: var(--tp-common-black);
}
.tp-shop-details__quantity .tp-cart-minus {
position: absolute;
top: 0;
left: 0;
height: 64px;
width: 64px;
line-height: 64px;
text-align: center;
color: var(--tp-common-black);
cursor: pointer;
}
.tp-shop-details__quantity .tp-cart-plus {
position: absolute;
top: 0;
right: 0;
height: 64px;
width: 64px;
line-height: 64px;
text-align: center;
color: var(--tp-common-black);
cursor: pointer;
}
.tp-shop-details__btn {
line-height: 0;
}
@media (max-width: 767px) {
.tp-shop-details__btn {
margin-bottom: 30px;
}
}
.tp-shop-details__right-warp {
margin-top: 25px;
}
.tp-shop-details__right-warp .tp-product-details-action-title {
color: #232323;
font-family: var(--tp-ff-heading);
font-size: 22px;
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-details__right-warp {
margin-bottom: 50px;
}
}
.tp-shop-details__title-sm {
font-weight: 700;
font-size: 28px;
color: #060728;
padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-shop-details__title-sm {
font-size: 32px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-shop-details__title-sm {
font-size: 29px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-shop-details__title-sm {
font-size: 29px;
}
.tp-shop-details__title-sm br {
display: none;
}
}
@media (max-width: 767px) {
.tp-shop-details__title-sm {
font-size: 30px;
}
.tp-shop-details__title-sm br {
display: none;
}
}
.tp-shop-details__text {
margin-bottom: 50px;
}
.tp-shop-details__text-2 p {
padding-bottom: 15px;
padding-right: 40px;
}
.tp-shop-details__price {
margin-bottom: 20px;
}
.tp-shop-details__price p.price {
margin-bottom: 0;
}
.tp-shop-details__price ins {
font-weight: 700;
font-size: 18px;
color: #060728;
text-decoration: none;
}
.tp-shop-details__price .amount {
font-weight: 700;
font-size: 18px;
color: #060728;
text-decoration: none;
}
.tp-shop-details__price del .amount {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
font-weight: 400;
display: inline-block;
margin-right: 10px;
text-decoration: line-through;
}
.tp-shop-details__price .red-color {
border-radius: 1px;
background: #EA1B25;
font-size: 14px;
color: var(--tp-common-white);
width: 51px;
line-height: 20px;
height: 20px;
display: inline-block;
text-align: center;
}
.tp-shop-details__product-info {
margin-top: 30px;
}
.tp-shop-details__product-info ul li {
color: rgba(20, 33, 43, 0.8);
font-size: 15px;
font-weight: 400;
margin-bottom: 23px;
list-style-type: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-shop-details__product-info ul li {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-shop-details__product-info ul li {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-shop-details__product-info ul li {
font-size: 16px;
}
}
.tp-shop-details__product-info ul li:last-child {
margin-bottom: 0;
}
.tp-shop-details__product-info ul li > span {
color: #232323;
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 600;
}
.tp-shop-details__product-info ul li p {
display: inline-block;
margin-bottom: 0;
}
.tp-shop-details__product-info ul li a:hover {
color: var(--tp-common-purple-2);
}
.tp-shop-details__social span {
color: #121416;
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 600;
line-height: 30px;
display: inline-block;
margin-right: 10px;
}
.tp-shop-details__social a {
display: inline-block;
font-size: 16px;
color: #071C1F;
transition: 0.3s;
margin-right: 11px;
}
.tp-shop-details__social a:hover {
color: var(--tp-common-purple-2);
}
.tp-shop-details__size {
display: inline-block;
margin-left: 25px;
}
.tp-shop-details__size > span {
display: inline-block;
border: 1px solid #E8E8E8;
padding: 4px 13px;
color: #8D8884;
font-family: --tp-ff-heading;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.6px;
text-transform: uppercase;
transition: 0.3s;
margin-right: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-shop-details__size > span {
padding: 4px 8px;
}
}
.tp-shop-details__size > span:hover {
background-color: var(--tp-common-purple-2);
border: 1px solid var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-shop-details__size > span.active {
background-color: var(--tp-common-purple-2);
border: 1px solid var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-shop-details__variation-list {
display: inline-block;
margin-left: 17px;
}
.tp-shop-details__variation-list button {
transform: translateY(3px);
}
.tp-shop-details__variation-list button span {
width: 14.27px;
height: 14px;
background-color: var(--tp-common-purple-2);
display: inline-block;
border-radius: 50%;
margin-right: 12px;
}
.tp-shop-details__variation-list button span.red {
background-color: red;
}
.tp-shop-details__variation-list button span.blue {
background-color: blue;
}
.tp-shop-details__variation-list button span.purple {
background-color: purple;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-product-img {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.tp-product-img img {
max-width: 100%;
}
}
.tp-product-quantity .cart-minus, .tp-product-quantity .cart-plus {
cursor: pointer;
color: #8D8884;
}
.tp-product-quantity .cart-minus:hover, .tp-product-quantity .cart-plus:hover {
color: var(--tp-theme-primary);
}
.tp-product-quantity input {
height: 30px;
width: 32px;
font-size: 14px;
border: none;
font-weight: 700;
text-align: center;
}
.product-rating {
margin-right: 20px;
}
.product-rating a {
font-size: 16px;
color: #FFDC60;
}
.product-dinfo {
display: flex;
}
.product-dprice del {
font-size: 20px;
color: #B9B9B9;
}
.pro-details-nav {
background: #F9FAFB;
display: inline-block;
padding: 7px 7px;
}
.pro-details-nav-btn {
border: none;
}
.pro-details-nav-btn li {
font-weight: 500;
font-size: 18px;
color: var(--tp-text-body);
position: relative;
}
.pro-details-nav-btn li button span {
position: relative;
z-index: 9;
}
.pro-details-nav-btn li button::before {
content: "";
height: 100%;
width: 102%;
top: 0;
left: -1px;
background: #fff;
position: absolute;
z-index: 3;
opacity: 0;
visibility: hidden;
}
.pro-details-nav-btn li button.active::before {
opacity: 1;
visibility: visible;
}
.pro-details-nav-btn li::after {
position: absolute;
content: "";
height: 40px;
width: 1px;
background: #DFE3E9;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.pro-details-nav-btn li::after {
display: none;
}
}
.pro-details-nav-btn li:last-child::after {
display: none;
}
@media (max-width: 767px) {
.pro-details-nav-btn li {
font-size: 16px;
}
}
.pro-details-nav-btn li .nav-links {
padding: 20px 45px;
border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pro-details-nav-btn li .nav-links {
padding: 10px 20px;
}
}
@media (max-width: 767px) {
.pro-details-nav-btn li .nav-links {
padding: 5px 15px;
}
}
.pro-details-nav-btn li .nav-links.active {
background: var(--tp-common-white);
color: var(--tp-common-black);
}
.tab-para p {
font-size: 16px;
line-height: 30px;
}
@media (max-width: 767px) {
.tab-para p {
font-size: 14px;
}
}
.comments-box {
margin-bottom: 50px;
}
.user-rating ul li {
display: inline-block;
color: #FFDC60;
}
.comments-text span,
.comments-text p {
font-size: 14px;
color: #777777;
line-height: 26px;
}
.comment-title p {
color: #777777;
font-size: 16px;
}
.comment-rating span {
font-weight: 500;
margin-right: 5px;
}
.comment-rating ul li {
display: inline-block;
color: #FFDC60;
}
.comment-input textarea {
width: 100%;
height: 120px;
margin-bottom: 20px;
border: 1px solid #e7e7e7;
padding: 20px;
resize: none;
}
.comment-input textarea:focus {
outline: 0;
border: 1px solid var(--tp-common-purple-2);
}
.comment-input input {
width: 100%;
height: 50px;
resize: none;
outline: 0;
border: 1px solid #e7e7e7;
padding: 8px 20px;
margin-bottom: 30px;
}
.comment-input input:focus {
border: 1px solid var(--tp-common-purple-2);
}
.comments-avatar {
flex: 0 0 auto;
}
.table .add-info {
font-size: 18px;
font-weight: 500;
}
.table td {
padding: 18px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.shop-left-right {
margin-left: 0;
margin-right: 0;
}
}
.tp-comments-title {
font-size: 24px;
color: var(--tp-common-black);
font-weight: 700;
text-transform: capitalize;
}
@media (max-width: 767px) {
.tp-comments-title {
font-size: 18px;
}
}
.avatar-name b {
color: var(--tp-common-black);
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.shop-faq .accordion-header button {
font-size: 18px;
padding: 20px 55px 20px 30px;
}
@media (max-width: 767px) {
.shop-faq .accordion-header button {
font-size: 14px;
}
}
.shop-faq .accordion-content p br {
display: none;
}
.shop-faq .accordion-content p {
padding: 0 75px 20px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-button a {
margin-bottom: 10px;
}
}
.latest-comments ul li {
list-style-type: none;
}
.comment-title {
font-size: 24px;
color: var(--tp-common-black);
font-weight: 700;
text-transform: capitalize;
}
.tp-product-slider-title {
color: var(--tp-common-black);
font-size: 30px;
font-weight: 500;
}
.product-details-list-box > span {
color: var(--tp-common-black-3);
font-size: 22px;
font-weight: 700;
display: block;
margin-bottom: 30px;
}
.product-details-list-box ul {
display: inline-block;
}
.product-details-list-box ul li {
color: #445658;
font-size: 16px;
font-weight: 400;
width: 50%;
float: left;
padding-left: 30px;
position: relative;
padding-bottom: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.product-details-list-box ul li {
width: 100%;
}
}
.product-details-list-box ul li svg {
color: var(--tp-common-purple-2);
position: absolute;
top: 3px;
left: 0;
}
.tp-shop-widget-title {
color: var(--tp-common-black-3);
font-family: var(--tp-ff-heading);
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 5px;
margin-bottom: 20px;
}
.tp-shop-widget-filter {
position: relative;
}
.tp-shop-widget-filter .ui-widget.ui-widget-content {
height: 3px;
background-color: #EDEDED;
border: 0;
}
.tp-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
background-color: var(--tp-common-purple-2);
position: absolute;
}
.tp-shop-widget-filter .ui-slider .ui-slider-handle {
top: -4px;
width: 9px;
height: 10px;
border: 0;
padding: 0;
margin: 0;
background-color: var(--tp-common-purple-2);
position: absolute;
border-radius: 50%;
}
.tp-shop-widget-filter-info .input-range input {
width: auto;
height: auto;
background-color: transparent;
color: var(--tp-common-black);
padding: 0;
border: 0;
font-weight: 500;
font-size: 14px;
}
.tp-shop-widget-filter-info .tp-shop-widget-filter-btn {
font-weight: 400;
font-size: 14px;
color: var(--tp-common-black);
background-color: #F5F5F5;
padding: 2px 21px;
}
.tp-shop-widget-filter-info .tp-shop-widget-filter-btn:hover {
color: var(--tp-common-white);
background-color: var(--tp-common-black);
}
.tp-shop-widget-tag span {
color: #77787B;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
display: inline-block;
padding: 0 15px;
height: 36px;
line-height: 36px;
background-color: #F6F6F6;
border-radius: 30px;
margin-bottom: 15px;
margin-right: 3px;
transition: 0.3s;
}
.tp-shop-widget-tag span:hover {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.tp-shop-widget-categories {
height: 288px;
overflow-y: scroll;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: thin;
padding-right: 10px;
}
.tp-shop-widget-categories-item label {
color: #363944;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
padding-left: 25px;
position: relative;
cursor: pointer;
}
.tp-shop-widget-categories-item label i {
color: #FFA800;
}
.tp-shop-widget-categories-item label i.inactive {
color: #E1E2E7;
}
.tp-shop-widget-categories-item label::after {
position: absolute;
content: "";
top: 4px;
left: 0;
width: 15px;
height: 15px;
line-height: 12px;
text-align: center;
border: 2px solid #DADADA;
z-index: -1;
-webkit-transition: all 0.2s 0s ease-out;
-moz-transition: all 0.2s 0s ease-out;
-ms-transition: all 0.2s 0s ease-out;
-o-transition: all 0.2s 0s ease-out;
transition: all 0.2s 0s ease-out;
}
.tp-shop-widget-categories-item label::before {
position: absolute;
content: "\f00c";
font-family: "Font awesome 6 Pro";
top: 5px;
left: 4px;
font-size: 9px;
opacity: 0;
line-height: 12px;
text-align: center;
visibility: hidden;
color: var(--tp-common-white);
transition: all 0.2s 0s ease-out;
}
.tp-shop-widget-categories-item input {
display: none;
}
.tp-shop-widget-categories ul li {
list-style: none;
width: 100%;
}
.tp-shop-widget-categories ul li:not(:last-child) {
margin-bottom: 30px;
}
.tp-shop-widget-categories ul li a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.tp-shop-widget-categories ul li a:hover {
color: var(--tp-common-purple-2);
}
.tp-shop-widget-categories ul li a:hover::after {
background-color: var(--tp-common-purple-2);
}
.tp-shop-widget-checkbox-circle {
position: relative;
}
.tp-shop-widget-checkbox-circle-list > ul {
display: inline-block;
}
.tp-shop-widget-checkbox-circle-list > ul > li {
display: inline-block;
position: relative;
}
.tp-shop-widget-checkbox-circle-list > ul > li:not(:last-child) {
margin-right: 24px;
}
.tp-shop-widget-checkbox-circle > .tp-shop-widget-checkbox-circle-self {
position: absolute;
content: "";
top: 4px;
left: 0;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
z-index: 1;
border-radius: 3px;
}
.tp-shop-widget-checkbox-circle > .tp-shop-widget-checkbox-circle-self:hover {
cursor: pointer;
}
.tp-shop-widget-checkbox-circle > .tp-shop-widget-checkbox-circle-self::after {
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: scale(1.4);
border: 1px solid #E5E5E5;
position: absolute;
border-radius: 3px;
}
.tp-shop-widget-checkbox-circle > input .single-widget-category input:checked + label::after {
opacity: 1;
visibility: visible;
}
.tp-shop-widget-product-item:not(:last-child) {
margin-bottom: 20px;
}
.tp-shop-widget-product-rating {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
margin-right: 4px;
}
.tp-shop-widget-product-rating span {
font-size: 12px;
color: #FFB21D;
margin-right: 1px;
}
.tp-shop-widget-product-rating-number span {
font-weight: 500;
font-size: 12px;
color: #818487;
}
.tp-shop-widget-product-thumb {
flex: 0 0 auto;
}
.tp-shop-widget-product-thumb img {
width: 70px;
height: 70px;
object-fit: cover;
margin-right: 14px;
}
.tp-shop-widget-product-title {
font-weight: 500;
font-size: 16px;
margin-bottom: 0;
}
.tp-shop-widget-product-price {
font-size: 14px;
color: #55585B;
}
.tp-shop-widget-brand {
margin-right: 40px;
}
.tp-shop-widget-brand-item {
width: 50%;
flex: 0 0 50%;
margin-bottom: 30px;
}
.tp-shop-widget-checkbox .filter-items li {
margin-bottom: 30px;
}
.tp-shop-widget-checkbox .filter-items li:last-child {
margin-bottom: 0;
}
.tp-shop-widget-categories-item input:checked ~ label::before {
opacity: 1;
visibility: visible;
}
.tp-shop-widget-categories-item input:checked ~ label::after {
background-color: var(--tp-common-purple);
border-color: var(--tp-common-purple);
}
.tp-product-details-tab-nav button {
color: #72747C;
}
.tp-product-details-tab-nav button.active {
color: #09052F;
}
.tp-woo-header .quantity span {
padding: 0;
}  .tp-business__bg {
background: linear-gradient(180deg, #FCF5FC 0.01%, rgba(246, 245, 250, 0) 100%);
border-radius: 40px;
margin: 0 60px;
padding-top: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__bg {
margin: 0 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-business__bg {
margin: 0px;
}
}
.tp-business__item span {
height: 105px;
width: 105px;
line-height: 105px;
border-radius: 50%;
display: inline-block;
align-items: center;
text-align: center;
margin-bottom: 20px;
transition: all 0.3s ease-out 0s;
color: var(--tp-common-purple-2);
background-color: var(--tp-common-white);
}
.tp-business__item:hover svg {
animation: icon-bounce 0.8s 1;
}
.tp-business__title {
font-weight: 500;
font-size: 18px;
line-height: 30px;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__title {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-business__title {
font-size: 16px;
}
}
@media (max-width: 767px) {
.tp-business__title {
font-size: 13px;
}
}
.tp-business__left-thumb {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-business__left-thumb {
margin-bottom: 70px;
}
}
.tp-business__shape-1 {
position: absolute;
bottom: -16px;
right: 58px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__shape-1 {
right: -40px;
bottom: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__shape-1 img {
max-width: 80%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-business__shape-1 img {
font-size: 16px;
}
}
.tp-business__shape-2 {
position: absolute;
bottom: 32%;
left: -14%;
animation: moving 9s linear infinite;
}
.tp-business__shape-3 {
position: absolute;
bottom: 50.3%;
left: -20%;
}
.tp-business__shape-4 {
position: absolute;
top: 15%;
left: 6%;
animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-business__shape-4 {
top: 12%;
left: -2%;
}
}
.tp-business__content {
position: relative;
z-index: 1;
}
.tp-business__content.active .tp-business__number span {
color: var(--tp-common-white);
}
.tp-business__content.active .tp-business__number span::after {
background: linear-gradient(166.19deg, #F15C92 5.02%, #9364D6 56.44%, #6790F5 90.14%);
}
.tp-business__number span {
font-weight: 500;
font-size: 20px;
font-family: var(--tp-ff-heading);
color: var(--tp-common-black);
display: inline-block;
height: 59px;
width: 59px;
border-radius: 50%;
line-height: 59px;
text-align: center;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
margin-right: 42px;
position: relative;
transition: transform 300ms ease;
}
@media (max-width: 767px) {
.tp-business__number span {
margin-right: 20px;
}
}
.tp-business__number span::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #fff;
transition: transform 300ms ease;
border-radius: 50%;
z-index: -1;
}
.tp-business__content-title {
font-weight: 500;
font-size: 22px;
line-height: 30px;
text-transform: capitalize;
padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-business__content-title {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__content-title {
font-size: 17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-business__content-title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.tp-business__content-title {
font-size: 17px;
}
}
.tp-business__content-box {
margin-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-business__content-box {
margin-left: 0;
}
}
.tp-business__content-box ul li {
list-style: none;
}
.tp-business__content-box ul li:not(:last-child) {
padding-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-business__content-box ul li:not(:last-child) {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__content-box ul li:not(:last-child) {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-business__content-box ul li:not(:last-child) {
padding-bottom: 30px;
}
}
.tp-business__content-text p {
padding-right: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-business__content-text p {
font-size: 15px;
padding-right: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__content-text p {
font-size: 14px;
padding-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-business__content-text p {
font-size: 14px;
padding-right: 172px;
}
}
@media (max-width: 767px) {
.tp-business__content-text p {
font-size: 14px;
padding-right: 0;
}
}
.tp-business__content-shape {
position: absolute;
left: 5%;
top: 4%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-business__content-shape {
left: 6%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-business__content-shape {
left: 7%;
top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-business__content-shape {
left: 4.4%;
top: 4%;
}
}
.tp-business__section-box .tp-section-subtitle {
margin-bottom: 10px;
}  .tp-testimonial__button p {
color: var(--tp-common-white);
font-size: 20px;
line-height: 32px;
text-transform: capitalize;
padding-bottom: 35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial__button p {
font-size: 18px;
padding-right: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial__button p {
font-size: 16px;
padding-right: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial__button p {
font-size: 14px;
}
}
.tp-testimonial__item {
background-color: #FFF;
border-radius: 16px;
padding: 60px 59px;
position: relative;
z-index: 11;
margin-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial__item {
padding: 47px 40px;
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial__item {
margin-left: 0;
}
}
@media (max-width: 767px) {
.tp-testimonial__item {
margin-left: 0;
padding: 44px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-testimonial__item {
margin-left: 0;
padding: 44px 40px;
}
}
.tp-testimonial__item::after {
content: "";
bottom: -15px;
right: -15px;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.21);
position: absolute;
border-radius: 16px;
z-index: -1;
}
.tp-testimonial__thumb {
margin-right: 25px;
}
.tp-testimonial__thumb img {
width: 100px;
height: 100px;
border-radius: 50%;
}
.tp-testimonial__author-name {
font-weight: 600;
font-size: 18px;
padding-bottom: 5px;
}
.tp-testimonial__icon {
margin-right: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial__icon {
margin-right: 15px;
}
}
@media (max-width: 767px) {
.tp-testimonial__icon {
display: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial__icon span svg {
width: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial__icon span svg {
width: 50px;
}
}
.tp-testimonial__author-info span {
font-weight: 400;
color: var(--tp-common-black);
}
@media (max-width: 767px) {
.tp-testimonial__author-info span {
font-size: 12px;
}
}
.tp-testimonial__author-info span b {
font-weight: 400;
font-size: 16px;
color: #F15C92;
}
.tp-testimonial__content P {
font-weight: 400;
font-size: 22px;
line-height: 37px;
color: var(--tp-common-black);
padding-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial__content P {
font-size: 19px;
padding-right: 73px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial__content P {
font-size: 18px;
padding-right: 53px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial__content P {
font-size: 16px;
}
}
@media (max-width: 767px) {
.tp-testimonial__content P {
font-size: 15px;
}
}
.tp-testimonial__content span {
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
color: #F15C92;
font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial__content span {
font-size: 17px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial__content span {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial__content span {
font-size: 15px;
}
}
.tp-testimonial__top-box {
padding-bottom: 15px;
}
.tp-testimonial__shape-1 {
position: absolute;
left: -4%;
bottom: 0;
animation: tptranslateX2 3s infinite alternate;
}
.tp-testimonial__shape-2 {
position: absolute;
right: 80px;
top: 60px;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-testimonial__shape-2 {
right: 0%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial__shape-2 {
display: none;
}
}
.tp-testimonial__active {
padding: 20px;
margin: -20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial__left-box {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.tp-testimonial__left-box {
margin-bottom: 10px;
}
}
.tp-testimonial__wrapper {
margin-left: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial__wrapper {
padding-bottom: 100px;
}
}
.tp-testimonial-slider-dots {
text-align: center;
margin-top: 50px;
position: relative;
z-index: 2;
}
.tp-testimonial-slider-dots .swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: rgba(255, 255, 255, 0.37);
opacity: 1;
transition: 0.3s;
position: relative;
margin: 0 7px;
}
.tp-testimonial-slider-dots .swiper-pagination-bullet::after {
content: "";
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid var(--tp-common-white);
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -51%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.tp-testimonial-slider-dots .swiper-pagination-bullet-active {
background-color: var(--tp-common-pink);
}
.tp-testimonial-slider-dots .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
opacity: 1;
visibility: visible;
}
.tp-testimonial-2__space {
padding-top: 170px;
padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-2__space {
padding-top: 120px;
padding-bottom: 100px;
}
}
.tp-testimonial-2__content p {
font-weight: 400;
font-size: 30px;
line-height: 1.8;
color: var(--tp-common-black);
margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-2__content p {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-2__content p {
font-size: 19px;
line-height: 40px;
color: var(--tp-common-black);
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-2__content p {
font-size: 17px;
line-height: 30px;
color: var(--tp-common-black);
margin-bottom: 50px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.tp-testimonial-2__content p {
font-size: 16px;
line-height: 30px;
color: var(--tp-common-black);
margin-bottom: 40px;
padding-right: 0px;
}
}
.tp-testimonial-2__author-name {
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-2__author-name {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-2__author-name {
font-size: 16px;
}
}
.tp-testimonial-2__author-info {
margin-right: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-2__author-info {
margin-right: 155px;
}
}
@media (max-width: 767px) {
.tp-testimonial-2__author-info {
margin-right: 40px;
}
}
.tp-testimonial-2__author-info span {
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black);
font-family: var(--tp-ff-heading);
}
@media (max-width: 767px) {
.tp-testimonial-2__author-info span {
font-size: 14px;
}
}
.tp-testimonial-2__star i {
font-size: 15px;
color: #FFB11B;
padding: 0 2px;
}
.tp-testimonial-2__thumb {
filter: drop-shadow(0px 7px 8px rgba(0, 0, 0, 0.07));
position: relative;
display: inline-block;
margin-top: 20px;
padding-left: 5px;
}
.tp-testimonial-2__thumb.thumb-ml {
margin-top: 0;
margin-left: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-2__thumb {
margin-right: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-2__thumb {
margin-right: 60px;
margin-top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-2__thumb {
margin-right: 30px;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-2__thumb {
margin-right: 50px;
margin-top: 0;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.tp-testimonial-2__thumb {
margin-right: 50px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-2__thumb img {
width: 180px;
}
}
.tp-testimonial-2__thumb::after {
content: "";
top: 50%;
left: 50%;
height: 367px;
width: 367px;
border-radius: 50%;
transform: translate(-50%, -50%);
border: 1px solid rgba(210, 213, 218, 0.26);
position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-2__thumb::after {
display: none;
}
}
.tp-testimonial-2__thumb::before {
content: "";
top: 14px;
right: 10%;
height: 9px;
width: 9px;
border-radius: 50%;
background: #FF5492;
position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-2__thumb::before {
display: none;
}
}
.tp-testimonial-2__item {
margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-2__item {
margin-left: 0;
}
}
@media (max-width: 767px) {
.tp-testimonial-2__item {
margin-left: 0;
flex-wrap: wrap;
}
}
.tp-testimonial-2__thumb-shape {
position: fixed;
top: 14px;
left: 13px;
z-index: -1;
}
.tp-testimonial-2__shape-1 {
position: absolute;
top: 17%;
left: 4%;
animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-2__shape-1 {
top: 9%;
left: 1%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-2__shape-1 {
top: 6%;
left: 4%;
}
}
.tp-testimonial-2__shape-2 {
position: absolute;
bottom: 13%;
right: 90px;
animation: tptranslateX2 4s infinite alternate;
}
.tp-testimonial-2__shape-3 {
position: absolute;
top: 32%;
right: 10%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-testimonial-2__shape-3 {
right: 5%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-2__shape-3 {
top: 27%;
right: 2%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3__item-box {
align-items: center;
}
}
@media (max-width: 767px) {
.tp-testimonial-3__item-box {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-testimonial-3__item-box {
justify-content: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3__thumb-box {
margin-right: 20px;
transform: scale(0.7);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-3__thumb-box {
margin-right: 0;
}
}
@media (max-width: 767px) {
.tp-testimonial-3__thumb-box {
margin-right: 0;
flex: inherit;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-testimonial-3__thumb-box {
transform: scale(1);
}
}
@media (max-width: 767px) {
.tp-testimonial-3__thumb {
text-align: center;
}
}
.tp-testimonial-3__thumb img {
margin-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-3__thumb img {
margin-left: 0;
max-width: 100%;
}
}
@media (max-width: 767px) {
.tp-testimonial-3__thumb img {
max-width: 70%;
margin-left: 0;
}
}
.tp-testimonial-3__shape-1 {
position: absolute;
top: 11%;
left: -20px;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-3__shape-1 {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-3__author-top-box {
display: none;
}
}
.tp-testimonial-3__author-top {
margin-bottom: 25px;
}
.tp-testimonial-3__author-top i {
display: inline-block;
margin-right: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-3__author-top i svg {
width: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3__author-top i svg {
width: 36px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-3__author-top i svg {
width: 30px;
}
}
.tp-testimonial-3__author-top span {
font-size: 24px;
font-family: var(--tp-ff-heading);
font-weight: 500;
line-height: 40px;
color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-3__author-top span {
font-size: 21px;
line-height: 36px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-3__author-top span {
font-size: 19px;
line-height: 36px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3__author-top span {
font-size: 18px;
line-height: 34px;
}
}
@media (max-width: 767px) {
.tp-testimonial-3__author-top span {
font-size: 16px;
line-height: 30px;
}
}
.tp-testimonial-3__author-box {
margin-left: -26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-3__author-box {
margin-left: 0px;
}
}
@media (max-width: 767px) {
.tp-testimonial-3__author-box {
margin-bottom: 30px;
margin-left: 0;
}
}
.tp-testimonial-3__author-box p {
color: #09052F;
font-size: 28px;
font-family: var(--tp-ff-heading);
font-style: normal;
font-weight: 400;
line-height: 52px;
margin-bottom: 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-3__author-box p {
font-size: 24px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-3__author-box p {
font-size: 24px;
line-height: 45px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3__author-box p {
font-size: 20px;
line-height: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-3__author-box p {
font-size: 17px;
line-height: 28px;
margin-left: 0px;
}
}
@media (max-width: 767px) {
.tp-testimonial-3__author-box p {
font-size: 16px;
line-height: 28px;
margin-left: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-testimonial-3__author-box p {
font-size: 20px;
line-height: 28px;
margin-left: 0px;
}
}
.tp-testimonial-3__author-info span {
font-size: 16px;
font-family: var(--tp-ff-heading);
font-weight: 400;
text-transform: capitalize;
color: #09052F;
}
@media (max-width: 767px) {
.tp-testimonial-3__author-info span {
font-size: 13px;
}
}
.tp-testimonial-3__author-info span strong {
color: #09052F;
font-size: 18px;
font-family: var(--tp-ff-heading);
font-style: normal;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-3__author-info span strong {
font-size: 16px;
}
}
@media (max-width: 767px) {
.tp-testimonial-3__author-info span strong {
font-size: 13px;
}
}
.tp-testimonial-3__author-info span strong::after {
content: "";
width: 17px;
height: 1px;
background-color: #C5C8CD;
display: inline-block;
margin-left: 14px;
transform: translateY(-5px);
}
.tp-testimonial-3__active {
padding: 30px 30px;
margin: -30px -30px;
}
.tp-testimonial-3__shape-2 {
position: absolute;
top: 120px;
left: 105px;
animation: tptranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-3__shape-2 {
top: 80px;
left: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-3__shape-2 {
top: 40px;
left: 20px;
}
}
.tp-testimonial-3__shape-3 {
position: absolute;
bottom: 135px;
right: 70px;
animation: moving 9s linear infinite;
}
.tp-testimonial-3__space {
padding-top: 170px;
padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3__space {
padding: 70px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-3__space {
padding-top: 70px;
}
}
.tp-testimonial-4__bg {
padding-top: 155px;
padding-bottom: 135px;
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-4__bg {
padding-top: 130px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-4__bg {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-4__bg {
padding: 100px 0;
}
}
.tp-testimonial-4__shape {
position: absolute;
top: 130px;
right: 145px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-4__shape {
top: 110px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-4__shape {
top: 90px;
}
}
.tp-testimonial-5__space {
padding-top: 90px;
padding-bottom: 120px;
}
.tp-testimonial-5__item {
padding-left: 35px;
margin-top: 30px;
}
@media (max-width: 767px) {
.tp-testimonial-5__item {
padding-left: 0;
}
}
.tp-testimonial-5__item:hover .tp-testimonial-5__quot-box span {
background-color: var(--tp-common-purple-2);
}
.tp-testimonial-5__arrow {
position: absolute;
right: -90px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-5__arrow {
display: none;
}
}
.tp-testimonial-5__arrow .test-prev button {
height: 60px;
width: 60px;
border: 1px solid rgba(36, 87, 87, 0.3);
color: var(--tp-common-white);
border-radius: 50%;
transition: 0.3s;
line-height: 60px;
text-align: center;
}
.tp-testimonial-5__arrow .test-prev button svg {
display: inline-block;
transform: translateY(-3px);
}
.tp-testimonial-5__content {
background-color: var(--tp-common-white);
padding: 40px 38px;
padding-bottom: 30px;
margin-bottom: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-5__content {
padding: 40px 29px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-5__content {
padding: 40px 29px;
padding-bottom: 30px;
}
}
.tp-testimonial-5__content p {
color: rgba(20, 33, 43, 0.7);
font-size: 18px;
font-style: italic;
font-weight: 500;
line-height: 32px;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-5__content p {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-5__content p {
font-size: 16px;
}
}
.tp-testimonial-5__star {
padding-bottom: 10px;
}
.tp-testimonial-5__star i {
color: #FFA800;
display: inline-block;
padding-right: 2px;
}
.tp-testimonial-5__star i.color {
color: #B6B6B6;
}
.tp-testimonial-5__shape-1 {
position: absolute;
bottom: -25px;
left: 27px;
}
.tp-testimonial-5__author-info span {
color: #625E6C;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
}
.tp-testimonial-5__title-sm {
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-5__title-sm {
font-size: 19px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-5__title-sm {
font-size: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-testimonial-5__title-sm {
font-size: 17px;
}
}
.tp-testimonial-5__thumb {
margin-right: 30px;
}
.tp-testimonial-5__thumb img {
width: 80px;
height: 80px;
}
@media (max-width: 767px) {
.tp-testimonial-5__thumb {
margin-right: 20px;
}
}
.tp-testimonial-5__author-box {
margin-left: 15px;
}
.tp-testimonial-5__quot-box {
position: absolute;
top: -30px;
left: 0;
}
@media (max-width: 767px) {
.tp-testimonial-5__quot-box {
display: none;
}
}
.tp-testimonial-5__quot-box span {
display: inline-block;
width: 63px;
height: 59px;
background-color: var(--tp-common-green);
line-height: 59px;
text-align: center;
transition: 0.3s;
}  .tp-error__item .tp-purple-btn-sm {
border-radius: 0;
height: 60px;
line-height: 60px;
}
.tp-error__title {
color: var(--tp-common-black-3);
font-size: 50px;
font-weight: 600;
margin-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-error__title {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-error__title {
font-size: 38px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-error__title {
font-size: 35px;
}
}
@media (max-width: 767px) {
.tp-error__title {
font-size: 30px;
}
}
.tp-error__title > span {
color: #735CFC;
}
.tp-error__content > span {
color: #555;
font-size: 18px;
font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-error__content > span {
font-size: 16px;
}
}
@media (max-width: 767px) {
.tp-error__content > span {
font-size: 15px;
}
}  .tp-slider-text__space {
padding-top: 90px;
padding-bottom: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-text__space {
padding-top: 50px;
padding-bottom: 120px;
}
}
@media (max-width: 767px) {
.tp-slider-text__space {
padding-top: 40px;
padding-bottom: 80px;
}
}
.tp-slider-text__bg {
background-color: var(--tp-common-white);
box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.09);
height: 60px;
line-height: 60px;
transform: rotate(4.4deg) translateY(61px);
}
@media (max-width: 767px) {
.tp-slider-text__bg {
height: 60px;
line-height: 60px;
transform: rotate(0deg);
margin-bottom: 30px;
}
}
.tp-slider-text__text span {
font-family: "Syne", sans-serif;
font-weight: 700;
font-size: 27px;
color: var(--tp-common-black);
text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-slider-text__text span {
font-size: 20px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-text__text span {
font-size: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-text__text span {
font-size: 17px;
}
}
@media (max-width: 767px) {
.tp-slider-text__text span {
font-size: 12px;
}
}
.tp-slider-text__text svg {
margin-right: 38px;
line-height: 0;
transform: translateY(-3px);
}
@media (max-width: 767px) {
.tp-slider-text__text svg {
width: 14px;
}
}
.tp-slider-text-active .slick-slide {
margin: 0 25px;
}
.tp-slider-text-2__bg {
background-color: var(--tp-common-white);
background: #F9E9F1;
height: 60px;
line-height: 60px;
transform: rotate(-6.13deg);
}
@media (max-width: 767px) {
.tp-slider-text-2__bg {
transform: rotate(0deg);
}
}
.tp-slider-text-2__text span {
font-family: "Syne", sans-serif;
font-weight: 700;
font-size: 27px;
color: var(--tp-common-black);
text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-slider-text-2__text span {
font-size: 20px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-text-2__text span {
font-size: 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-slider-text-2__text span {
font-size: 17px;
}
}
@media (max-width: 767px) {
.tp-slider-text-2__text span {
font-size: 12px;
}
}
.tp-slider-text-2__text svg {
margin-left: 31px;
line-height: 0;
transform: translateY(-3px);
}
@media (max-width: 767px) {
.tp-slider-text-2__text svg {
width: 14px;
}
}
.tp-slider-text-2__gradiant-bg {
background: linear-gradient(90.33deg, #FF4D8D 49.71%, #9C42EB 82%, #4D81FB 100.53%);
height: 60px;
line-height: 60px;
transform: rotate(-6.13deg);
}
@media (max-width: 767px) {
.tp-slider-text-2__gradiant-bg {
height: 60px;
line-height: 60px;
transform: rotate(0deg);
}
}
.tp-slider-text-2__gradiant-bg .tp-slider-text-2__text span {
color: var(--tp-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-slider-text-2__gradiant-bg .tp-slider-text-2__text span {
font-size: 20px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-slider-text-2__gradiant-bg .tp-slider-text-2__text span {
font-size: 18px;
}
}
.tp-slider-text-2__gradiant-bg .tp-slider-text-2__text svg {
margin-left: 31px;
line-height: 0;
transform: translateY(-3px);
}
.tp-slider-text-2-active .slick-slide {
margin: 0 25px;
}
.tp-brand-3-active .slick-slide {
margin: 0 15px;
}
.tp-slider-text-3__ptb {
padding: 100px 0;
}
@media (max-width: 767px) {
.tp-slider-text-3__ptb {
padding: 50px 0;
}
}
.tp-slider-text-3__space {
padding-top: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-text-3__space {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-slider-text-3__space {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-slider-text-3__space {
padding-bottom: 80px;
}
}
.tp-slider-text-3__item {
padding: 20px 0;
animation: scrollText-2 20s infinite linear;
}
.tp-slider-text-3__item span {
font-weight: 400;
font-size: 120px;
color: #E7E7E7;
line-height: 1;
white-space: nowrap;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-slider-text-3__item span {
font-size: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-slider-text-3__item span {
font-size: 80px;
}
}
@media (max-width: 767px) {
.tp-slider-text-3__item span {
font-size: 55px;
}
}
.tp-slider-text-3__item span i {
background: linear-gradient(180deg, #FE4386 0%, #B63AD8 51.04%, #A838E8 60.94%, rgba(254, 57, 42, 0) 100%, #5779F9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-style: normal;
font-weight: 400;
}
.tp-slider-text-3__item.color span {
font-family: "Montaga", serif;
}
.tp-slider-text-3__item.color span strong {
background: linear-gradient(180deg, #FE4386 0%, #B63AD8 51.04%, #A838E8 60.94%, rgba(254, 57, 42, 0) 100%, #5779F9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-style: normal;
font-weight: 400;
}
.tp-brand-5__bg {
background-color: #FFF;
border-top: 1px solid #F6EEF9;
}
.tp-brand-5__item {
padding: 34px 70px;
position: relative;
}
.tp-brand-5__item::after {
position: absolute;
content: "";
top: 0;
right: 0;
width: 1px;
height: 120px;
background: #F6EEF9;
}
.tp-brand-5__item img {
line-height: 120px;
}
.tp-brand-6__title {
font-size: 36px;
font-weight: 500;
line-height: 1.5;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-brand-6__title {
font-size: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-brand-6__title {
font-size: 27px;
}
.tp-brand-6__title br {
display: none;
}
}
@media (max-width: 767px) {
.tp-brand-6__title {
font-size: 24px;
}
.tp-brand-6__title br {
display: none;
}
}  .tp-cta__grey-bg {
position: relative;
}
.tp-cta__grey-bg::after {
content: "";
bottom: 0;
left: 0;
height: 135px;
width: 100%;
position: absolute;
background-color: var(--tp-grey-1);
z-index: -1;
}
.tp-cta__bg {
background-repeat: no-repeat;
background-size: cover;
border-radius: 29px;
padding-top: 65px;
padding-bottom: 70px;
}
@media (max-width: 767px) {
.tp-cta__bg {
background-position: right;
}
}
.tp-cta__title {
font-weight: 500;
font-size: 45px;
line-height: 1.2;
text-transform: capitalize;
color: #FFFFFF;
margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta__title {
font-size: 35px;
}
}
@media (max-width: 767px) {
.tp-cta__title {
font-size: 32px;
}
.tp-cta__title br {
display: none;
}
}
.tp-cta__content {
position: relative;
z-index: 1;
}
.tp-cta__thumb {
position: absolute;
bottom: 0;
right: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta__thumb {
right: -50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta__thumb img {
max-width: 90%;
}
}
.tp-cta-4__bg {
background: linear-gradient(148deg, #4951FF 0%, #A54AF5 55.19%, #FF2F7A 100%);
padding-top: 125px;
padding-bottom: 145px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-cta-4__bg {
padding: 90px 0;
}
}
.tp-cta-4__shape-1 {
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-cta-4__shape-1 {
left: -8%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta-4__shape-1 {
left: -16%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-cta-4__shape-1 {
left: -10%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-cta-4__shape-1 img {
max-width: 60%;
}
}
.tp-cta-4__shape-2 {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-cta-4__shape-2 {
right: -8%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta-4__shape-2 {
right: -15%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-cta-4__shape-2 img {
max-width: 90%;
}
}
.tp-cta-4__shape-3 {
position: absolute;
bottom: 34%;
left: 30%;
animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-cta-4__shape-3 img {
max-width: 50%;
}
}
.tp-cta-4__shape-4 {
position: absolute;
bottom: 22%;
left: 29%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-cta-4__shape-4 img {
max-width: 70%;
}
}
.tp-cta-4__shape-5 {
position: absolute;
bottom: -37px;
left: 0;
z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-cta-4__shape-5 {
bottom: -29px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-cta-4__shape-5 {
bottom: -24px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta-4__shape-5 {
bottom: -21px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-cta-4__shape-5 {
bottom: -18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta-4__shape-5 {
bottom: -14px;
}
}
.tp-cta-4__title {
color: var(--tp-common-white);
font-size: 55px;
font-weight: 500;
line-height: 1.1;
text-transform: capitalize;
margin-bottom: 40px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-cta-4__title {
font-size: 48px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-cta-4__title {
font-size: 45px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-cta-4__title {
font-size: 45px;
}
}
@media (max-width: 767px) {
.tp-cta-4__title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-cta-4__title {
font-size: 35px;
}
}
.tp-cta-4__content {
position: relative;
z-index: 1;
}
.tp-cta-4__shape-6 {
position: absolute;
top: 0;
right: 6%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-cta-4__shape-6 {
right: 2%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-cta-4__shape-6 {
right: 1%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta-4__shape-6 {
right: -10%;
top: 15%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-cta-4__shape-6 img {
max-width: 70%;
}
}  .tp-blog__item:hover .tp-blog__thumb img {
transform: scale(1.2) rotate(-4deg);
}
.tp-blog__thumb {
margin-bottom: 20px;
position: relative;
overflow: hidden;
border-radius: 20px;
}
div.tp-blog__thumb img {
border-radius: 20px;
transition: 0.7s;
width: 387px;
height: 295px;
object-fit: cover;
}
.tp-blog__thumb-text {
position: absolute;
top: 0;
left: 20px;
width: 79px;
height: 94px;
background: #FA4D8B;
border-radius: 0px 0px 35.5px 35.5px;
display: flex;
align-items: center;
justify-content: center;
color: var(--tp-common-white);
}
.tp-blog__thumb-text span {
font-weight: 700;
font-size: 24px;
line-height: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-blog__thumb-text span {
font-size: 20px;
}
}
.tp-blog__thumb-text span b {
font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-blog__thumb-text span b {
font-size: 15px;
}
}
.tp-blog__meta span {
font-weight: 400;
font-size: 18px;
font-family: var(--tp-ff-heading);
padding-bottom: 15px;
display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-blog__meta span {
font-size: 16px;
}
}
.tp-blog__meta span b {
font-weight: 400;
position: relative;
}
.tp-blog__meta span b::before {
content: "";
height: 6px;
width: 6px;
border-radius: 50%;
background-color: var(--tp-common-purple);
display: inline-block;
transform: translateY(-2px);
margin-right: 7px;
margin-left: 5px;
}
.tp-blog__title {
font-weight: 500;
font-size: 24px;
line-height: 32px;
margin-bottom: 0;
transition: 0.3s;
}
.tp-blog__title:hover {
color: var(--tp-common-purple);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-blog__title {
font-size: 23px;
}
}
@media (max-width: 767px) {
.tp-blog__title {
font-size: 23px;
}
.tp-blog__title br {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-blog__title {
font-size: 21px;
}
.tp-blog__title br {
display: none;
}
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
.tp-blog__title {
font-size: 24px;
}
}
.tp-blog__link a {
font-weight: 500;
font-size: 16px;
line-height: 20px;
font-family: var(--tp-ff-heading);
color: var(--tp-common-black);
display: inline-block;
margin-top: 20px;
transition: 0.3s;
}
.tp-blog__link a i {
display: inline-block;
transform: translateY(2px);
margin-left: 11px;
}
.tp-blog__link a:hover {
color: var(--tp-common-purple);
}
.tp-blog__shape-1 {
position: absolute;
top: 170px;
left: 140px;
animation: moving 9s linear infinite;
}
.tp-blog__shape-2 {
position: absolute;
bottom: 130px;
left: 90px;
animation: tpswing 1s forwards infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-blog__shape-2 {
left: 20px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-blog__shape-2 {
left: -20px;
bottom: 20px;
}
}
.tp-blog-4__item:hover .tp-blog-4__thumb img {
transform: scale(1.2) rotate(-3deg);
}
.tp-blog-4__thumb {
overflow: hidden;
}
.tp-blog-4__thumb img {
width: 100%;
transition: 0.9s;
}
.tp-blog-4__thumb-text {
position: absolute;
bottom: 0;
left: 0;
}
.tp-blog-4__thumb-text span {
color: #1B1A1A;
font-family: "Syne", sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
height: 40px;
line-height: 40px;
padding: 0 22px;
background-color: var(--tp-common-white);
display: inline-block;
}
.tp-blog-4__title {
font-size: 24px;
font-weight: 500;
line-height: 34px;
text-transform: capitalize;
padding-right: 30px;
padding-bottom: 7px;
transition: 0.3s;
}
.tp-blog-4__title:hover {
color: var(--tp-common-purple-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-blog-4__title {
font-size: 22px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-blog-4__title {
font-size: 19px;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-blog-4__title {
font-size: 21px;
padding-right: 0;
}
}
@media (max-width: 767px) {
.tp-blog-4__title {
font-size: 18px;
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-blog-4__title {
font-size: 24px;
padding-right: 70px;
}
}
.tp-blog-4__meta span {
color: #000;
font-family: "Syne", sans-serif;
font-size: 16px;
font-weight: 400;
margin-right: 20px;
}
.tp-blog-4__content {
padding-top: 30px;
}
.sidebar__widget {
padding: 30px 30px;
background: #F4F6F8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sidebar__widget {
padding: 30px 20px;
}
}
.sidebar__widget-title {
position: relative;
display: inline-block;
font-weight: 600;
font-size: 22px;
color: #0A2C3D;
padding-left: 7px;
margin-bottom: 30px;
}
.sidebar__widget-title::after {
position: absolute;
content: "";
left: 0px;
height: 21px;
width: 2px;
top: 50%;
background: var(--tp-common-purple-2);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.sidebar__widget ul li {
margin-bottom: 10px;
list-style: none;
}
.sidebar__widget ul li:hover a {
color: var(--tp-common-purple-2);
}
.sidebar__widget ul li:last-child {
margin-bottom: 0;
}
.sidebar__widget ul li a {
position: relative;
font-weight: 400;
font-size: 16px;
color: #445658;
display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.sidebar__widget ul li a {
font-size: 14px;
}
}
.sidebar__widget ul li a span {
float: right;
}
.sidebar__about {
padding: 37px 0 38px 0;
}
.sidebar__thumb img {
border-radius: 50%;
margin-bottom: 20px;
}
.sidebar__content-title {
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
color: var(--tp-common-black);
margin-bottom: 6px;
}
.sidebar__content-designation {
font-weight: 400;
font-size: 14px;
color: #727A7D;
display: block;
margin-bottom: 13px;
}
.sidebar__content p {
font-size: 16px;
color: #838383;
margin-bottom: 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sidebar__content p {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sidebar__content p {
padding: 0 50px;
font-size: 16px;
}
}
@media (max-width: 767px) {
.sidebar__content p {
font-size: 16px;
}
}
.sidebar__content-social a {
height: 37px;
width: 42px;
line-height: 37px;
text-align: center;
display: inline-block;
border: 1px solid #E8E8E8;
margin-right: 12px;
}
.sidebar__content-social a i {
transition: 0.3s;
}
.sidebar__content-social a:hover {
border: 1px solid var(--tp-common-purple-2);
background-color: var(--tp-common-purple-2);
}
.sidebar__content-social a:hover i {
color: var(--tp-common-white);
}
.sidebar__search {
position: relative;
}
.sidebar__search input {
width: 100%;
height: 60px;
line-height: 60px;
background: var(--tp-common-white);
padding: 0 25px;
text-transform: capitalize;
border: 1px solid #fff;
outline: none;
padding-right: 50px;
color: #838383;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.sidebar__search input:focus {
border: 1px solid var(--tp-theme-2);
}
.sidebar__search button {
position: absolute;
top: 0;
right: 27px;
height: 100%;
line-height: 60px;
color: var(--tp-common-black);
}
.sidebar__banner::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.sidebar__banner-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
background: var(--tp-common-white);
}
.sidebar__banner-content h4 {
padding: 15px 20px;
font-size: 24px;
color: var(--tp-common-black);
text-transform: uppercase;
margin-bottom: 0;
}
.tagcloud a {
font-weight: 400;
font-size: 14px !important;
color: #77787B;
text-transform: capitalize;
padding: 6px 22px;
margin-right: 5px;
background-color: var(--tp-common-white);
border: 1px solid #F6F3EE;
margin-bottom: 14px;
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tagcloud a {
padding: 6px 18px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tagcloud a {
padding: 6px 12px;
}
}
@media (max-width: 767px) {
.tagcloud a {
padding: 6px 15px;
font-size: 13px;
}
}
.tagcloud a:hover {
color: var(--tp-common-white);
background-color: var(--tp-common-purple-2);
}
.rc__post ul li:not(:last-child) {
margin-bottom: 15px;
}
.rc__post-title {
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black-3);
line-height: 28.8px;
padding-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.rc__post-title {
font-size: 12px;
line-height: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rc__post-title {
font-size: 15px;
}
}
@media (max-width: 767px) {
.rc__post-title {
font-size: 12px;
padding-right: 0;
line-height: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.rc__post-title {
font-size: 15px;
padding-right: 0;
line-height: 20px;
}
}
.rc__post-title a:hover {
color: var(--tp-theme-2);
}
.rc__meta span {
font-weight: 400;
font-size: 15px;
color: #888686;
display: block;
margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.rc__meta span {
font-size: 13px;
}
}
.rc__meta span svg {
transform: translateY(-2px);
margin-right: 3px;
}
.rc__post-thumb {
flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.rc__post-thumb {
margin-right: 15px;
}
}
.rc__post-thumb img {
width: 105px;
height: 84px;
object-fit: cover;
} .postbox__thumb {
position: relative;
margin-bottom: 28px;
}
.postbox__thumb .play-btn {
position: absolute;
top: 38%;
left: 44%;
z-index: 1;
}
.postbox__thumb .play-btn a {
height: 85px;
width: 85px;
line-height: 87px;
}
.postbox__thumb .play-btn a::after {
display: none;
}
.postbox__item-single:hover {
box-shadow: none;
}
.postbox__tag {
position: absolute;
bottom: 0px;
left: 1px;
}
.postbox__tag p {
margin-bottom: 0;
font-weight: 700;
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.135em;
background: var(--tp-common-purple-2);
clip-path: polygon(0px 0px, 100% 0px, 92.7% 53.45%, 100% 100%, 0px 100%, 0px 50%);
width: auto;
padding: 6px 17px 6px 8px;
}
@media (max-width: 767px) {
.postbox__content {
padding-left: 10px;
padding-right: 10px;
}
}
.postbox__content-single {
padding-left: 0;
padding-right: 0;
border: none;
}
.postbox__title {
font-weight: 600;
font-size: 32px;
color: var(--tp-common-black);
margin-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__title {
font-size: 28px;
}
}
@media (max-width: 767px) {
.postbox__title {
font-size: 27px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__title {
font-size: 23px;
}
}
.postbox__title a:hover {
color: var(--tp-theme-2);
}
.postbox__meta {
margin-bottom: 20px;
}
.postbox__meta span {
position: relative;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: rgba(2, 6, 38, 0.6);
margin-right: 25px;
}
@media (max-width: 767px) {
.postbox__meta span {
font-size: 13px;
}
}
.postbox__meta span:last-child {
margin-right: 0;
}
.postbox__meta span:not(:last-of-type)::before {
position: absolute;
content: "";
height: 1px;
width: 9px;
background: #676A7D;
top: 10px;
right: -20px;
}
.postbox__meta span i {
color: var(--tp-common-purple-2);
margin-right: 5px;
}
.postbox__blockquote-shape {
position: absolute;
bottom: 34px;
right: 44px;
}
.postbox__blockquote blockquote {
background: #F4F6F8;
padding: 35px 26px;
margin-bottom: 50px;
margin-top: 50px;
}
.postbox__blockquote blockquote::after {
position: absolute;
content: "";
top: 0;
left: 0;
clip-path: polygon(64% 0, 0 0, 0 68%);
background: var(--tp-common-purple-2);
height: 40px;
width: 40px;
}
.postbox__blockquote blockquote p {
font-family: var(--tp-ff-heading);
font-weight: 600;
font-size: 24px;
color: #121D2C;
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.postbox__blockquote blockquote p {
font-size: 20px;
}
}
@media (max-width: 767px) {
.postbox__blockquote blockquote p {
font-size: 18px;
}
}
.postbox__blockquote blockquote cite {
font-weight: 400;
font-size: 16px;
color: #332D2D;
font-style: inherit;
position: relative;
}
.postbox__blockquote blockquote cite::before {
content: "";
font-size: 28px;
color: #fff;
padding-bottom: 0px;
display: inline-block;
background: #191515;
height: 2px;
width: 16px;
font-weight: 400;
text-align: center;
top: -4px;
margin-right: 10px;
position: relative;
}
.postbox-details-desc-thumb-caption {
color: #0D0A0A;
text-align: center;
font-family: var(--tp-ff-heading);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 32px;
margin-top: 30px;
margin-bottom: 50px;
display: block;
}
.postbox__list {
margin-bottom: 60px;
}
.postbox__list-title {
font-weight: 600;
font-size: 28px;
color: #121D2C;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.postbox__list-title {
font-size: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__list-title {
font-size: 23px;
}
}
@media (max-width: 767px) {
.postbox__list-content ul {
margin-bottom: 50px;
}
}
.postbox__list-content ul li {
list-style: none;
font-weight: 400;
font-size: 16px;
color: #445658;
margin-bottom: 24px;
position: relative;
padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__list-content ul li {
font-size: 14px;
}
}
.postbox__list-content ul li span {
height: 27px;
width: 27px;
line-height: 25px;
border-radius: 50%;
display: inline-block;
text-align: center;
background-color: var(--tp-common-white);
color: var(--tp-common-purple-2);
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.06);
position: absolute;
top: 0;
left: 0;
}
.postbox__list-content ul li span svg {
display: inline-block;
transform: translateY(-2px);
}
.postbox__list-content ul li span.active {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
@media (max-width: 767px) {
.postbox__details-share {
margin-top: 20px;
}
}
.postbox__details-share-wrapper {
padding-top: 20px;
padding-bottom: 30px;
border-bottom: 1px solid #F7F7F7;
clear: both;
}
.postbox__details-share span {
font-size: 20px;
font-weight: 500;
color: #121416;
margin-right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__details-share span {
font-size: 16px;
}
}
.postbox__details-share a {
height: 37px;
width: 37px;
text-align: center;
line-height: 37px;
display: inline-block;
background-color: #F2F6F7;
color: var(--tp-common-black);
margin-right: 10px;
transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__details-share a {
margin-bottom: 10px;
height: 30px;
width: 30px;
line-height: 30px;
margin-right: 8px;
}
}
.postbox__details-share a:hover {
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
.postbox__details-tag span {
font-size: 20px;
font-weight: 500;
color: #121416;
margin-right: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__details-tag span {
font-size: 16px;
}
}
.postbox__read-more .postbox-btn {
position: relative;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #132047;
}
.postbox__read-more .postbox-btn span {
margin-left: 5px;
}
.postbox__read-more .postbox-btn span::before {
position: absolute;
content: "";
top: 1px;
right: -10px;
border: 1px solid #E8F2F9;
height: 28px;
width: 28px;
display: inline-block;
border-radius: 50%;
}
.postbox__text img {
max-width: 100%;
}
.postbox__text p {
font-weight: 400;
font-size: 18px;
line-height: 1.8;
color: #838383;
margin-bottom: 28px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.postbox__text p {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.postbox__text p {
font-size: 15px;
}
}
@media (max-width: 767px) {
.postbox__text p {
font-size: 14px;
}
}
.postbox__text-single p {
margin-bottom: 15px;
}
.postbox__slider button {
position: absolute;
left: 50px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
font-size: 30px;
color: var(--tp-common-white);
}
.postbox__slider button.postbox-slider-button-next {
left: auto;
right: 50px;
}
@media (max-width: 767px) {
.postbox__slider button.postbox-slider-button-next {
right: 10px;
}
}
@media (max-width: 767px) {
.postbox__slider button {
left: 10px;
}
}
.postbox__comment ul li {
margin-bottom: 10px;
list-style: none;
}
.postbox__comment ul li.children {
margin-left: 65px;
}
@media (max-width: 767px) {
.postbox__comment ul li.children {
margin-left: 15px;
}
}
.postbox__comment .comment-respond {
margin-bottom: 40px;
padding: 65px 45px 80px 45px;
background: #F8F8F9;
}
@media (max-width: 767px) {
.postbox__comment .comment-respond {
padding: 20px;
}
}
.postbox__comment .comment-respond-title {
font-size: 26px;
font-weight: 600;
margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__comment .comment-respond-title {
font-size: 22px;
}
}
.postbox__comment-input {
position: relative;
margin-bottom: 20px;
}
.postbox__comment-input span {
font-weight: 600;
color: var(--tp-common-black);
margin-bottom: 12px;
display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
height: 55px;
padding: 0 20px;
width: 100%;
font-size: 14px;
color: var(--tp-common-black);
outline: none;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-shadow: 0px 15px 10px rgba(242, 242, 242, 0.18);
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
border: 1px solid var(--tp-common-purple-2);
}
.postbox__comment-input input:focus::placeholder, .postbox__comment-input textarea:focus::placeholder {
font-size: 0;
}
.postbox__comment-input textarea {
height: 175px;
resize: none;
padding-bottom: 20px;
}
.postbox__comment-title {
font-size: 28px;
color: #121416;
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__comment-title {
font-size: 24px;
}
}
.postbox__comment-box {
padding-top: 20px;
}
.postbox__comment-avater img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.postbox__comment-name {
margin-bottom: 5px;
}
.postbox__comment-name h5 {
font-weight: 600;
font-size: 18px;
line-height: 1;
color: #121416;
margin-bottom: 0;
}
.postbox__comment-name span {
font-weight: 500;
font-size: 12px;
color: #949392;
}
@media (max-width: 767px) {
.postbox__comment-text {
margin-left: 0;
margin-top: 15px;
}
}
.postbox__comment-text p {
color: #838383;
font-size: 16px;
font-weight: 400;
line-height: 28.8px;
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__comment-text p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.postbox__comment-text p {
font-size: 14px;
}
}
.postbox__comment-reply span {
position: absolute;
top: 22px;
right: 50px;
}
.postbox__comment-agree {
padding-left: 5px;
}
@media (max-width: 767px) {
.postbox__comment-agree {
padding-left: 0;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__comment-agree {
padding-left: 5px;
flex-wrap: nowrap;
}
}
.postbox__comment-agree input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 16px;
height: 16px;
background: var(--tp-common-white);
border: 1px solid #949392;
outline: none;
flex: 0 0 auto;
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
position: relative;
background-color: var(--tp-common-purple-2);
border-color: transparent;
}
.postbox__comment-agree input:checked::after {
box-sizing: border-box;
content: "\f00c";
position: absolute;
font-family: "Font Awesome 6 Pro";
font-size: 10px;
color: var(--tp-common-white);
top: 47%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.postbox__comment-agree input:hover {
cursor: pointer;
}
.postbox__comment-agree label {
padding-left: 8px;
color: #838383;
line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.postbox__comment-agree label {
font-size: 14px;
}
}
@media (max-width: 767px) {
.postbox__comment-agree label {
font-size: 14px;
padding-left: 0;
margin-top: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__comment-agree label {
font-size: 12px;
padding-left: 10px;
margin-top: 0px;
}
}
.postbox__comment-agree label a {
color: var(--tp-common-black);
font-weight: 600;
padding-left: 4px;
}
.postbox__comment-agree label a:hover {
color: var(--tp-theme-1);
}
.postbox__comment-agree label:hover {
cursor: pointer;
}
.postbox__tag span {
font-size: 16px;
margin-bottom: 17px;
color: var(--tp-common-black);
margin-right: 10px;
}
.postbox__play-btn a {
height: 85px;
width: 85px;
line-height: 85px;
background-color: var(--tp-common-white);
color: var(--tp-common-purple-2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
border-radius: 50%;
animation: pulse 2s infinite;
}
@media (max-width: 767px) {
.postbox__play-btn a {
height: 60px;
width: 60px;
line-height: 60px;
}
}
.postbox__icon {
position: absolute;
top: -4px;
}
.postbox__read-more {
margin-right: 65px;
}
.postbox__read-more a {
text-transform: uppercase;
color: #132047;
font-size: 14px;
font-weight: 500;
letter-spacing: 2.52px;
text-transform: uppercase;
transition: 0.3s;
}
.postbox__read-more a:hover {
color: var(--tp-common-purple);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__wrapper {
margin-bottom: 50px;
}
}
.postbox__slider-arrow-wrap button {
height: 50px;
width: 50px;
line-height: 50px;
background-color: var(--tp-common-white);
color: var(--tp-common-black);
text-align: center;
font-size: 18px;
}
.postbox__slider-arrow-wrap .postbox-arrow-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 9;
}
.postbox__slider-arrow-wrap .postbox-arrow-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 9;
}
.basic-pagination {
margin-top: 10px;
}
@media (max-width: 767px) {
.basic-pagination {
margin-bottom: 50px;
}
}
.basic-pagination ul {
padding-left: 0 !important;
}
.basic-pagination ul li {
list-style: none;
display: inline-block;
margin-right: 14px;
}
@media (max-width: 767px) {
.basic-pagination ul li {
margin-right: 5px;
}
}
.basic-pagination ul li:hover a {
color: var(--tp-common-white);
background-color: var(--tp-common-purple-2);
border: 2px solid var(--tp-common-purple-2);
}
.basic-pagination ul li a {
height: 50px;
width: 50px;
display: inline-block;
line-height: 50px;
text-align: center;
font-weight: 900;
font-size: 15px;
color: #071C34;
border: 2px solid #EDEDED;
transform: translateY(3px);
transition: all 0.3s ease-in-out;
}
.basic-pagination ul li .current {
height: 50px;
width: 50px;
display: inline-block;
line-height: 50px;
text-align: center;
font-weight: 900;
font-size: 15px;
color: var(--tp-common-white);
background-color: var(--tp-common-purple-2);
transition: all 0.3s ease-in-out;
}
.postbox__wrapper .format-video .video-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
background-color: var(--tp-common-purple-2);
border-radius: 50%;
color: var(--tp-common-white);
animation: pulse 2s infinite;
}
.postbox__wrapper .format-video .video-play:hover {
background: var(--tp-common-white);
color: var(--tp-common-purple-2);
}  .tp-footer__logo {
padding-bottom: 22px;
width: 110px;
height: auto;
}
.tp-footer__space {
padding-top: 110px;
padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer__space {
padding-bottom: 45px;
}
}
.tp-footer__icon {
margin-right: 15px;
}
.tp-footer__text p {
margin-bottom: 0;
font-weight: 500;
font-size: 18px;
line-height: 30px;
margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer__text p {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer__text p {
font-size: 14px;
}
}
.tp-footer__text a {
font-weight: 500;
font-size: 18px;
color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer__text a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer__text a {
font-size: 14px;
}
}
.tp-footer__widget-title {
font-weight: 500;
font-size: 22px;
margin-bottom: 25px;
padding-top: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer__widget-title {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer__widget-title {
font-size: 18px;
}
}
.tp-footer__list ul li {
list-style: none;
font-weight: 500;
font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer__list ul li {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer__list ul li {
font-size: 14px;
}
}
.tp-footer__list ul li:not(:last-child) {
padding-bottom: 16px;
}
.tp-footer__list ul li a {
position: relative;
}
.tp-footer__list ul li a:hover::after {
opacity: 1;
visibility: visible;
width: 100%;
}
.tp-footer__list ul li a::after {
content: "";
top: 50%;
left: 0;
width: 0%;
height: 1px;
background-color: var(--tp-common-purple);
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateY(-50%);
}
.tp-footer__form {
position: relative;
}
.tp-footer__form input {
background: #F5F5F8;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
border-radius: 30px;
font-size: 16px;
font-family: var(--tp-ff-heading);
width: 100%;
padding-left: 50px;
padding-right: 70px;
margin-top: 4px;
}
@media (max-width: 767px) {
.tp-footer__form input {
font-size: 14px;
}
}
.tp-footer__form button {
position: absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
}
.tp-footer__form button span {
height: 44px;
width: 44px;
border-radius: 50%;
background-color: var(--tp-common-purple);
display: inline-block;
display: flex;
align-items: center;
justify-content: center;
}
.tp-footer__input-icon {
position: absolute;
top: 49%;
left: 22px;
transform: translateY(-50%);
}
.tp-footer__thumb span {
font-weight: 500;
font-size: 18px;
color: var(--tp-common-black);
margin-bottom: 25px;
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer__thumb span {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer__thumb span {
font-size: 15px;
}
}
.tp-footer__social-box a {
color: #9497A3;
font-size: 14px;
width: 38px;
height: 38px;
background: #FFFFFF;
box-shadow: 0px 1px 2px 0px rgba(1, 16, 61, 0.14) !important;
border-radius: 10px !important;
display: inline-block;
text-align: center;
line-height: 38px;
transition: 0.3s;
margin: 0 4px;
border-radius: 50% !important;
}
.tp-footer__social-box a:first-child {
margin-left: 0;
}
.tp-footer__social-box a:hover {
background-color: var(--tp-common-purple);
color: var(--tp-common-white);
}
.tp-footer__shape {
position: absolute;
top: 39%;
left: 4%;
animation: moving 9s linear infinite;
}
.tp-footer-2__bg {
background: #272F4D;
}
.tp-footer-2__top-text {
position: absolute;
top: 0;
left: 50%;
}
.tp-footer-2__top-text span {
transform: rotate(-18.85deg);
color: var(--tp-common-white);
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.05em;
text-transform: uppercase;
display: inline-block;
}
.tp-footer-2__form {
position: relative;
margin-right: -75px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-footer-2__form {
margin-right: -20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-2__form {
margin-right: 0;
}
}
.tp-footer-2__form input {
background: #F5F5F8;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
border-radius: 50px;
font-size: 16px;
font-family: var(--tp-ff-heading);
width: 100%;
padding-left: 55px;
padding-right: 170px;
height: 70px;
line-height: 70px;
}
@media (max-width: 767px) {
.tp-footer-2__form input {
font-size: 14px;
}
}
.tp-footer-2__form button {
position: absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
}
.tp-footer-2__form button span {
height: 44px;
width: 44px;
border-radius: 50%;
background-color: var(--tp-common-purple);
display: inline-block;
display: flex;
align-items: center;
justify-content: center;
}
.tp-footer-2__input-icon {
position: absolute;
top: 47%;
left: 27px;
transform: translateY(-50%);
}
.tp-footer-2__top-title {
font-weight: 600;
font-size: 32px;
line-height: 46px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #FFFFFF;
font-family: var(--tp-ff-heading);
margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-footer-2__top-title {
font-size: 26px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-2__top-title {
font-size: 26px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-2__top-title {
font-size: 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-footer-2__top-title {
font-size: 20px;
line-height: 36px;
}
}
@media (max-width: 767px) {
.tp-footer-2__top-title {
line-height: 36px;
font-size: 18px;
}
}
.tp-footer-2__top-box {
margin-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-footer-2__top-box {
margin-left: 0;
}
}
@media (max-width: 767px) {
.tp-footer-2__top-box {
margin-left: 0;
margin-bottom: 30px;
}
}
.tp-footer-2__border {
padding-bottom: 35px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
position: relative;
}
.tp-footer-2__shape-1 {
position: absolute;
top: 1%;
left: -6%;
}
.tp-footer-2__ptb {
padding-bottom: 35px;
}
.tp-footer-2__contact-list a {
font-weight: 400;
font-size: 18px;
line-height: 16px;
font-family: var(--tp-ff-heading);
color: var(--tp-common-white);
display: block;
margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-2__contact-list a {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-2__contact-list a {
font-size: 15px;
}
}
.tp-footer-2__contact-list a:last-child {
margin-bottom: 25px;
}
.tp-footer-2__social-box a {
font-size: 18px;
color: var(--tp-common-white);
transition: 0.3s;
padding-right: 25px;
}
.tp-footer-2__social-box a:hover {
color: var(--tp-common-purple);
}
.tp-footer-2__logo {
margin-bottom: 15px;
width: 110px;
height: auto;
}
.tp-footer-2__widget-title {
font-weight: 500;
font-size: 22px;
line-height: 28px;
text-transform: capitalize;
color: #FFFFFF;
font-family: var(--tp-ff-heading);
margin-bottom: 29px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-2__widget-title {
font-size: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-2__widget-title {
font-size: 19px;
}
}
.tp-footer-2__list ul li:not(:last-child) {
padding-bottom: 20px;
}
.tp-footer-2__list ul li a {
font-weight: 500;
font-size: 16px;
color: #FFFFFF;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-2__list ul li a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-2__list ul li a {
font-size: 14px;
}
}
.tp-footer-2__list ul li a:hover {
color: var(--tp-common-purple);
}
.tp-footer-2__location {
padding-top: 5px;
margin-bottom: 10px;
}
.tp-footer-2__location iframe {
width: 100%;
height: 147px;
}
.tp-footer-2__text p {
color: var(--tp-common-white);
font-weight: 500;
font-size: 16px;
line-height: 29px;
padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-2__text p {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-2__text p {
font-size: 14px;
}
}
.tp-footer-2__text svg {
margin-right: 5px;
}
.tp-footer-2__text span {
font-weight: 400;
font-size: 15px;
line-height: 19px;
text-decoration-line: underline;
text-transform: capitalize;
color: #FFFFFF;
font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-footer-2__text span {
font-size: 13px;
}
}
@media (max-width: 767px) {
.tp-footer-2__text span {
font-size: 12px;
}
}
.tp-footer-2__text span strong {
color: #DD1D26;
text-transform: capitalize;
text-decoration-line: underline;
}
.tp-footer-4__form {
position: relative;
margin-bottom: 20px;
margin-right: 5px;
}
.tp-footer-4__form input {
border-radius: 40px;
background: #FFF;
box-shadow: 0px 1px 3px 0px rgba(3, 7, 22, 0.1);
font-size: 16px;
font-family: var(--tp-ff-heading);
width: 100%;
padding-left: 50px;
padding-right: 70px;
height: 60px;
line-height: 60px;
color: #82868C;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__form input {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4__form input {
font-size: 14px;
}
}
.tp-footer-4__form button {
position: absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
}
.tp-footer-4__form button span {
height: 44px;
width: 44px;
border-radius: 50%;
background-color: #5B6CFF;
display: inline-block;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__form button span svg {
width: 7px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4__form button span svg {
width: 7px;
}
}
.tp-footer-4__text p {
color: var(--tp-grey-3);
font-size: 16px;
font-weight: 500;
line-height: 28.8px;
padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__text p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4__text p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-footer-4__comment-agree {
padding-right: 0;
}
}
.tp-footer-4__comment-agree .form-check-label {
color: #131010;
font-size: 14px;
font-weight: 400;
}
.tp-footer-4__comment-agree .form-check-label:hover {
cursor: pointer;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__comment-agree .form-check-label {
font-size: 12px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__comment-agree .form-check-label {
font-size: 12px;
}
}
.tp-footer-4__comment-agree input {
height: 17px;
width: 17px;
transform: translateY(4px);
margin-right: 7px;
color: #949392;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__comment-agree input {
height: 12px;
width: 12px;
transform: translateY(7px);
}
}
.tp-footer-4__comment-agree .form-check-input:checked {
background-color: var(--tp-theme-2);
border-color: transparent;
}
.tp-footer-4__comment-agree .form-check-input:focus {
box-shadow: none;
}
.tp-footer-4__comment-agree .form-check-input.form-check-input[type=checkbox] {
border-radius: 50%;
margin-top: 0;
}
.tp-footer-4__list ul li {
padding-bottom: 23px;
}
.tp-footer-4__list ul li a {
color: var(--tp-grey-3);
font-size: 16px;
font-weight: 500;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__list ul li a {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4__list ul li a {
font-size: 14px;
}
}
.tp-footer-4__list ul li a:hover {
color: var(--tp-common-purple);
}
.tp-footer-4__list ul li:last-child {
padding-bottom: 0;
}
.tp-footer-4__top-right a {
display: block;
}
.tp-footer-4__top-right a:not(:last-child) {
margin-bottom: 10px;
}
.tp-footer-4__top-left {
flex: 0 0 auto;
margin-right: 15px;
}
.tp-footer-4__logo {
margin-bottom: 23px;
width: 110px;
height: auto;
}
.tp-footer-4__widget-title {
color: var(--tp-common-black);
font-size: 18px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
padding-top: 9px;
padding-bottom: 20px;
font-family: var(--tp-ff-heading);
}
.tp-footer-4__thumb span {
font-weight: 500;
font-size: 18px;
color: var(--tp-common-black);
margin-bottom: 10px;
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-4__thumb span {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4__thumb span {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4-top__item .tp-feature-3__text span {
font-size: 12px;
}
}
.tp-footer-4-top__item.item-border-1 {
margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4-top__item.item-border-1 {
margin-left: 0;
}
}
.tp-footer-4-top__item.item-border-2 {
margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4-top__item.item-border-2 {
margin-left: 0;
}
}
.tp-footer-4-top__item.item-border-3 {
margin-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4-top__item.item-border-3 {
margin-left: 0;
}
}
.tp-footer-4-top__item.item-border-4 {
margin-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4-top__item.item-border-4 {
margin-left: 0;
}
}
.tp-footer-4-top__item.item-border-4 .tp-feature-3__item::after {
display: none;
}
.tp-footer-4-top__item .tp-feature-3__icon span {
display: inline-block;
}
.tp-footer-4-top__item .tp-feature-3__icon span svg {
transform: translateY(-2px);
}
.tp-footer-4-top__item .tp-feature-3__item::after {
height: 58px;
width: 1.05px;
background-color: #E5E5E5;
}
.tp-footer-4-top__border {
border-bottom: 1px solid #E5E5E5;
}
.tp-footer-5__border {
border-bottom: 1px solid #F1F5F9;
}
.tp-footer-5__widget-title {
font-weight: 500;
font-size: 18px;
line-height: 28px;
text-transform: capitalize;
font-family: var(--tp-ff-heading);
margin-bottom: 29px;
padding-top: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__widget-title {
font-size: 17px;
}
}
.tp-footer-5__list ul li:not(:last-child) {
padding-bottom: 21px;
}
.tp-footer-5__list ul li a {
color: #5B646B;
font-weight: 500;
font-size: 16px;
transition: 0.3s;
text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-5__list ul li a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__list ul li a {
font-size: 14px;
}
}
.tp-footer-5__list ul li a:hover {
color: var(--tp-common-purple);
}
.tp-footer-5__contact-list a {
color: #4F5055;
font-size: 16px;
font-weight: 400;
font-family: var(--tp-ff-heading);
display: block;
margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-5__contact-list a {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__contact-list a {
font-size: 15px;
}
}
.tp-footer-5__contact-list a svg {
display: inline-block;
margin-right: 7px;
}
.tp-footer-5__text p {
color: #5B646B;
font-weight: 500;
font-size: 16px;
line-height: 29px;
padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-5__text p {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-5__text p {
font-size: 14px;
padding-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-footer-5__text p {
font-size: 14px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.tp-footer-5__text p {
font-size: 14px;
}
}
.tp-footer-5__form {
position: relative;
margin-left: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-footer-5__form {
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__form {
margin-left: 0;
}
}
.tp-footer-5__form input {
border-radius: 4px;
box-shadow: 0px 10px 15px 0px rgba(228, 231, 240, 0.33);
color: #5B646B;
font-size: 20px;
font-weight: 500;
height: 88px;
line-height: 88px;
width: 100%;
padding-left: 55px;
padding-right: 210px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-5__form input {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-footer-5__form input {
font-size: 15px;
padding-right: 140px;
}
}
@media (max-width: 767px) {
.tp-footer-5__form input {
font-size: 14px;
padding-right: 140px;
}
}
.tp-footer-5__form button {
position: absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
}
.tp-footer-5__input-icon {
position: absolute;
top: 47%;
left: 27px;
transform: translateY(-50%);
}
.tp-footer-5__icon {
margin-right: 30px;
}
.tp-footer-5__content span {
font-size: 18px;
font-weight: 500;
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-5__content span {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__content span {
font-size: 15px;
}
}
.tp-footer-5__top-title {
font-size: 24px;
font-weight: 600;
padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-5__top-title {
font-size: 21px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__top-title {
font-size: 18px;
}
}
.tp-footer-5__logo {
padding-bottom: 20px;
width: 110px;
height: auto;
}
.tp-footer-5__bottom a:not(:last-child) {
margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__bottom a:not(:last-child) {
margin-right: 6px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__bottom a img {
max-width: 40%;
}
}
.footer-col-2 {
margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-2 {
margin-left: 0;
}
}
.footer-col-4 {
margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-4 {
margin-left: 0;
}
}
.footer-col-6 {
margin-left: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-6 {
margin-left: 0;
}
}
.footer-col-9 {
margin-right: -11px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-9 {
margin-right: 0;
}
}
.footer-col-10 {
margin-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-col-10 {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-10 {
margin-left: 0;
}
}
.footer-col-11 {
margin-left: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-11 {
margin-left: 0;
}
}
.footer-col-12 {
margin-left: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-12 {
margin-left: 0;
}
}
.footer-col-14 {
margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-col-14 {
margin-left: 26px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-14 {
margin-left: 0;
}
}
.footer-col-15 {
margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-15 {
margin-left: 0;
}
}
.footer-col-16 {
margin-left: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-col-16 {
margin-left: 0;
}
} .tp-copyright__border {
border-top: 1px solid #DFDFEA;
padding: 21px 0;
}
.tp-copyright__social-box a {
color: #9497A3;
font-size: 14px;
width: 38px;
height: 38px;
background: #FFFFFF;
box-shadow: 0px 2px 7px rgba(1, 16, 61, 0.03);
border-radius: 10px;
display: inline-block;
text-align: center;
line-height: 38px;
transition: 0.3s;
margin: 0 4px;
}
.tp-copyright__social-box a:first-child {
margin-left: 0;
}
.tp-copyright__social-box a:hover {
background-color: var(--tp-common-purple);
color: var(--tp-common-white);
}
.tp-copyright__text {
margin-left: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-copyright__text {
margin-left: 0;
}
}
.tp-copyright__text span {
font-weight: 500;
font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-copyright__text span {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright__text span {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-copyright__text span {
font-size: 13px;
}
}
.tp-copyright__text span i {
font-style: normal;
color: var(--tp-common-black);
}
.tp-copyright__text a {
font-weight: 500;
font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-copyright__text a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright__text a {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-copyright__text a {
font-size: 13px;
}
}
.tp-copyright__text a i {
font-style: normal;
color: var(--tp-common-black);
}
.tp-copyright__text-2 {
margin-left: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-copyright__text-2 {
text-align: end;
margin-left: 0;
}
}
.tp-copyright__text-2 span {
font-weight: 500;
font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-copyright__text-2 span {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright__text-2 span {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-copyright__text-2 span {
font-size: 13px;
}
}
.tp-copyright__text-2 span i {
font-style: normal;
color: var(--tp-common-black);
}
.tp-copyright__text-2 a {
font-weight: 500;
font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-copyright__text-2 a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright__text-2 a {
font-size: 14px;
}
}
@media (max-width: 767px) {
.tp-copyright__text-2 a {
font-size: 12px;
}
}
.tp-copyright__text-2 a i {
font-style: normal;
color: var(--tp-common-black);
}
.tp-copyright__lang {
position: relative;
}
.tp-copyright__lang > ul > li {
list-style-type: none;
}
.tp-copyright__lang > ul > li > a {
font-weight: 500;
font-size: 13px;
font-family: var(--tp-ff-heading);
display: inline-block;
background-color: var(--tp-common-purple);
color: var(--tp-common-white);
box-shadow: 0px 1px 2px rgba(1, 16, 61, 0.1);
border-radius: 4px;
width: 135px;
height: 36px;
line-height: 36px;
text-align: center;
}
.tp-copyright__lang > ul > li > a span {
margin-left: 5px;
}
.tp-copyright__lang > ul > li ul.tp-copyright__lang-submenu, .tp-copyright__lang > ul > li ul.tp-header-top-4__value-submenu {
position: absolute;
bottom: 130%;
left: 0px;
z-index: 9;
transition: all 0.3s ease-out 0s;
opacity: 0;
visibility: hidden;
background-color: var(--tp-common-white);
padding: 12px 22px;
box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
width: 100%;
}
.tp-copyright__lang > ul > li ul.tp-copyright__lang-submenu.open, .tp-copyright__lang > ul > li ul.tp-header-top-4__value-submenu.open {
opacity: 1;
visibility: visible;
bottom: 104%;
}
.tp-copyright__lang > ul > li ul.tp-copyright__lang-submenu > li, .tp-copyright__lang > ul > li ul.tp-header-top-4__value-submenu > li {
list-style-type: none;
padding-bottom: 5px;
}
.tp-copyright__lang > ul > li ul.tp-copyright__lang-submenu > li a, .tp-copyright__lang > ul > li ul.tp-header-top-4__value-submenu > li a {
border-radius: 0;
font-size: 13px;
transition: 0.3s;
}
.tp-copyright__lang > ul > li ul.tp-copyright__lang-submenu > li a:hover, .tp-copyright__lang > ul > li ul.tp-header-top-4__value-submenu > li a:hover {
color: var(--tp-theme-2);
}
.tp-copyright__lang > ul > li ul.tp-copyright__lang-submenu > li:last-child, .tp-copyright__lang > ul > li ul.tp-header-top-4__value-submenu > li:last-child {
margin-bottom: 0;
}
.tp-copyright-2__bdr {
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding: 31px 0;
}
@media (max-width: 767px) {
.tp-copyright-2__bdr {
padding: 15px 0;
}
}
.tp-copyright-2__text span {
font-size: 18px;
line-height: 23px;
font-family: var(--tp-ff-heading);
color: var(--tp-common-white);
}
.tp-copyright-2__text span strong {
color: #735CFC;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-copyright-2__text span {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-copyright-2__text span {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright-2__text span {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-copyright-2__text span {
font-size: 14px;
}
}
.tp-copyright-3__border {
border-top: 1px solid #D9D9D9;
line-height: 88px;
height: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-copyright-3__border {
height: 60px;
line-height: 60px;
}
}
.tp-copyright-4__border {
border-top: 1px solid #F1F5F9;
padding: 14px 0;
}
.tp-copyright-4__left-box span {
font-family: var(--tp-ff-heading);
font-size: 18px;
font-weight: 400;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-copyright-4__left-box span {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-copyright-4__left-box span {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright-4__left-box span {
font-size: 15px;
}
}
@media (max-width: 767px) {
.tp-copyright-4__left-box span {
font-size: 14px;
}
}
.tp-copyright-4__left-box span strong {
color: var(--tp-common-purple);
font-weight: 400;
}
.tp-copyright-4__social-box a {
color: #9497A3;
font-size: 14px;
width: 42px;
height: 42px;
background: var(--tp-common-white);
box-shadow: 0px 1px 3px 0px rgba(3, 7, 22, 0.1);
border-radius: 10px;
display: inline-block;
text-align: center;
line-height: 42px;
transition: 0.3s;
margin: 0 4px;
border-radius: 50%;
}
.tp-copyright-4__social-box a:first-child {
margin-left: 0;
}
.tp-copyright-4__social-box a:hover {
background-color: var(--tp-common-purple);
color: var(--tp-common-white);
}
.tp-copyright-4__left-box ul li {
display: inline-block;
padding-left: 15px;
}
.tp-copyright-4__left-box ul li::after {
content: "";
width: 1px;
height: 8px;
background: #D9D9D9;
display: inline-block;
margin-left: 15px;
}
.tp-copyright-4__left-box ul li:not(:first-child)::after {
display: none;
}
.tp-copyright-4__left-box ul li a {
color: var(--tp-grey-3);
font-size: 16px;
font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-copyright-4__left-box ul li a {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright-4__left-box ul li a {
font-size: 15px;
}
}
.tp-copyright-5__border {
border-top: 1px solid #F1F5F9;
padding: 14px 0;
}
.tp-copyright-5__social-box {
margin-left: 10px;
}
.tp-copyright-5__social-box a {
color: #9497A3;
font-size: 14px;
border-radius: 10px;
display: inline-block;
transition: 0.3s;
margin-left: 20px;
border-radius: 50%;
}
.tp-copyright-5__social-box a:first-child {
margin-left: 0;
}
.tp-copyright-5__social-box a:hover {
color: var(--tp-common-purple);
}
.tp-copyright-5__text span {
font-size: 18px;
font-family: var(--tp-ff-heading);
font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-copyright-5__text span {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-copyright-5__text span {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-copyright-5__text span {
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-copyright-5__text span {
font-size: 13px;
}
}
.tp-copyright-5__text span strong {
color: var(--tp-common-purple);
}
.footer-default-widget ul li {
font-weight: 500;
font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-default-widget ul li {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-default-widget ul li {
font-size: 14px;
}
}
.footer-default-widget ul li:not(:last-child) {
padding-bottom: 16px;
}
.footer-default-widget ul li a {
position: relative;
}
.footer-default-widget ul li a:hover::after {
opacity: 1;
visibility: visible;
width: 100%;
}
.footer-default-widget ul li a::after {
content: "";
top: 50%;
left: 0;
width: 0%;
height: 1px;
background-color: var(--tp-common-purple);
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateY(-50%);
}
.footer-2-widget ul li {
font-weight: 500;
font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-2-widget ul li {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-2-widget ul li {
font-size: 14px;
}
}
.footer-2-widget ul li:not(:last-child) {
padding-bottom: 16px;
}
.footer-2-widget ul li a {
position: relative;
}
.footer-2-widget ul li a:hover::after {
opacity: 1;
visibility: visible;
width: 100%;
}
.footer-2-widget ul li a::after {
content: "";
top: 50%;
left: 0;
width: 0%;
height: 1px;
background-color: var(--tp-common-purple);
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateY(-50%);
}
.tp-footer-2__widget ul li {
list-style: none;
}
.tp-footer-2__widget ul li:not(:last-child) {
padding-bottom: 20px;
}
.tp-footer-2__widget ul li a {
font-weight: 500;
font-size: 16px;
color: #FFFFFF;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-2__widget ul li a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-2__widget ul li a {
font-size: 14px;
}
}
.tp-footer-2__widget ul li a:hover {
color: var(--tp-common-purple);
}
.tp-footer-4__widget ul li {
list-style: none;
padding-bottom: 23px;
}
.tp-footer-4__widget ul li a {
color: var(--tp-grey-3);
font-size: 16px;
font-weight: 500;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer-4__widget ul li a {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-4__widget ul li a {
font-size: 14px;
}
}
.tp-footer-4__widget ul li a:hover {
color: var(--tp-common-purple);
}
.tp-footer-4__widget ul li:last-child {
padding-bottom: 0;
}
.tp-footer-5__widget ul li:not(:last-child) {
padding-bottom: 21px;
}
.tp-footer-5__widget ul li a {
color: #5B646B;
font-weight: 500;
font-size: 16px;
transition: 0.3s;
text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-footer-5__widget ul li a {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.tp-footer-5__widget ul li a {
font-size: 14px;
}
}
.tp-footer-5__widget ul li a:hover {
color: var(--tp-common-purple);
}
footer ul li {
list-style: none;
}  .product__widget .yith-wcan-filters .yith-wcan-filter {
margin-bottom: 0;
padding-bottom: 30px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title {
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 17px;
line-height: 12px;
color: var(--tp-common-black-solid);
border-bottom: 1px solid #DADCE0;
padding: 10px 0;
margin-bottom: 0;
position: relative;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title::after {
position: absolute;
content: "\f107";
font-family: "Font Awesome 6 Pro";
background-image: none;
top: 37%;
color: var(--tp-common-black-solid);
right: 0;
width: auto;
height: auto;
font-weight: 500;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title:hover {
color: #007CF5;
cursor: pointer;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title:hover::after {
color: #007CF5;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-content {
margin-top: 25px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label {
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 14px;
color: var(--tp-text-1);
position: relative;
padding-left: 31px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::after, .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {
position: absolute;
content: "";
top: -1px;
left: 0;
width: 18px;
height: 18px;
border: 1px solid #DADCE0;
border-top-color: rgb(218, 220, 224);
border-right-color: rgb(218, 220, 224);
border-bottom-color: rgb(218, 220, 224);
border-left-color: rgb(218, 220, 224);
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
-ms-transition: all 0.1s ease-out 0s;
-o-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
color: transparent;
z-index: 1;
border: 0;
width: inherit;
height: inherit;
top: -3px;
left: 4px;
font-size: 12px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a {
color: var(--tp-text-1);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a:hover {
color: var(--tp-common-black);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.active > label a {
color: var(--tp-common-black);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input {
display: none;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::before {
color: var(--tp-common-white);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::after {
background-color: var(--tp-common-black);
border-color: var(--tp-common-black);
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items.filter-color {
margin: 0;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color:not(.no-color):not(.no-image):not(.label-right) > a::after {
content: "\f00c";
right: auto;
top: 46%;
left: 4px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "Font Awesome 6 Pro";
background-image: none;
background-color: transparent;
font-size: 12px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color {
display: block;
height: inherit;
width: inherit;
margin: inherit;
margin-bottom: 5px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {
border: 0;
width: 22px;
height: 22px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-label {
display: inline-block;
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 14px;
color: var(--tp-text-1);
position: relative;
margin-left: 3px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {
margin-right: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.tp-product-action .product-action-btn .br_compare_button_text {
display: none;
}
.product__list-action .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {
font-size: 23px;
margin-right: 0;
}
.product-action-btn {
display: inline-block;
color: #999999;
}
.product-action-btn .br_compare_button.br_compare_added i:first-child {
display: none;
}
.product-action-btn .br_compare_button.br_compare_added i:nth-child(2) {
display: block;
}
.product-action-btn .br_compare_button i:nth-child(2) {
display: none;
}
.product-action-btn:hover {
color: var(--tp-text-body);
}
.product-thumbnails .slick-list {
margin: 0 -6px;
}
.product-thumbnails .slick-slide {
margin: 0 6px;
}
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
margin-top: 0;
}
.tp-product-details-bottom .tp-product-details-description h2 {
font-size: 26px;
color: var(--tp-common-black);
font-weight: 600;
}
span.required {
color: red;
}
.tp-product-details-description ol.commentlist {
padding-left: 0;
}
.tp-product-details-description ol.commentlist li {
margin-bottom: 15px;
}
.tp-product-details-description ol.commentlist .review .comment_container {
overflow: hidden;
}
.tp-product-details-description ol.commentlist .review .comment_container img {
float: left;
overflow: hidden;
border-radius: 50%;
}
.tp-product-details-description ol.commentlist .review .comment_container .comment-text {
overflow: hidden;
margin-left: 75px;
}
.tp-product-details-description ol.commentlist .review .comment_container .comment-text .meta {
margin-bottom: 5px;
}
.tp-product-details-description label {
display: block;
font-size: 15px;
}
.tp-product-details-description input:not([type=submit]), .tp-product-details-description textarea {
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 1px solid #EAEAED;
border-radius: 6px;
outline: 0;
font-weight: 500;
font-size: 15px;
color: var(--tp-common-black);
margin-bottom: 0;
}
.tp-product-details-description input:not([type=submit]):focus, .tp-product-details-description textarea:focus {
border-color: #6B14FA;
}
.tp-product-details-description textarea {
padding-top: 20px;
height: 180px;
line-height: 1.2;
padding-bottom: 20px;
resize: none;
}
.tp-product-details-description input[type=submit] {
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 16px;
line-height: 1;
color: var(--tp-common-white);
background-color: #007CF5;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
border: 2px solid #007CF5;
}
.tp-product-details-description input[type=submit]:hover {
color: #007CF5;
background-color: transparent;
}
.tp-product-details-description .woocommerce-Reviews-title {
font-family: var(--tp-ff-roboto);
font-weight: 600;
font-size: 24px;
letter-spacing: -0.02em;
margin-bottom: 25px;
}
.tp-product-details-description .woocommerce-review__author {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: var(--tp-common-black);
position: relative;
text-transform: capitalize;
}
.tp-product-details-description .woocommerce-review__published-date {
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #888888;
}
.tp-product-details-description .comment-form-rating label {
font-weight: 500;
font-size: 15px;
line-height: 14px;
letter-spacing: -0.02em;
color: var(--tp-text-1);
}
.tp-product-details-description .comment-form-rating .stars > span {
color: #007CF5;
}
.tp-product-details-description .comment-form-rating .nice-select {
display: none;
}
.tp-product-details-description .comment-form-rating select {
display: none;
}
.tp-product-details-description .comment-form-rating span {
margin-right: 5px;
font-size: 16px;
color: var(--tp-text-body);
font-weight: 500;
margin-bottom: 10px;
}
.tp-product-details-description .comment-reply-title {
font-family: var(--tp-ff-roboto);
font-weight: 600;
font-size: 19px;
letter-spacing: -0.02em;
margin-bottom: 4px;
color: var(--tp-common-black);
}
.tp-product-details-description .comment-form-comment label {
font-family: var(--tp-ff-roboto);
font-weight: 500;
font-size: 15px;
line-height: 14px;
letter-spacing: -0.02em;
color: var(--tp-text-1);
display: inline-block;
margin-bottom: 20px;
}
.tp-product-details-description .comment-form-author, .tp-product-details-description .comment-form-email {
width: 48%;
display: inline-block;
margin-right: 30px;
}
@media (max-width: 1200px) {
.tp-product-details-description .comment-form-author, .tp-product-details-description .comment-form-email {
width: 100%;
}
}
.tp-product-details-description .comment-form-email {
margin-right: 0;
width: 49%;
}
@media (max-width: 1200px) {
.tp-product-details-description .comment-form-email {
width: 100%;
}
}
.tp-product-details-description table tbody > tr:nth-child(odd) > td,
.tp-product-details-description table tbody > tr:nth-child(odd) > th {
background-color: inherit;
}
.tp-product-details-description table {
border: 1px solid #E0E2E3;
width: 100%;
}
.tp-product-details-description table th, .tp-product-details-description table td {
padding: 0;
line-height: 1.5;
vertical-align: middle;
border: 1px solid #ECEDED;
text-align: left;
background-color: transparent;
}
.tp-product-details-description table th p, .tp-product-details-description table td p {
margin-bottom: 0;
}
.tp-product-details-description table tr:not(:last-child) {
border-bottom: 1px solid #ECEDED;
}
.tp-product-details-description table tr th {
font-size: 16px;
color: var(--tp-common-black);
background-color: #F9F9F9 !important;
width: 306px;
padding: 12px 34px;
font-weight: 500;
}
.tp-product-details-description table tr td {
padding: 12px 34px;
}
.tp-product-details-description table tr td:first-child {
font-size: 14px;
color: var(--tp-common-black);
background-color: #F9F9F9;
width: 306px;
}
.tp-product-details-description table tr td:last-child {
font-size: 16px;
color: var(--tp-text-body);
}
.tp-product-details-description table tr td p {
margin-bottom: 0;
font-size: 14px;
}
.product-additional-info-title {
margin-bottom: 15px;
}
.woocommerce-message {
background: #F3F5F6;
padding: 9px 20px;
margin-bottom: 20px;
border-top: 3px solid #007CF5;
color: var(--tp-text-body);
}
.woocommerce-message a {
float: right;
color: #007CF5;
font-weight: 600;
}
.woocommerce-message a:hover {
color: #3653EB;
}
.product-type-variable .tp-product-details-wrapper .product-percentage-badges {
transform: translateY(0px);
}
.tp-product-details-wrapper .tp-shop-details__quantity-wrap .variations tr,
.tp-product-details-action-wrapper .tp-shop-details__quantity-wrap .variations tr {
align-items: center;
}
.tp-product-details-wrapper .tp-shop-details__quantity-wrap .variations label,
.tp-product-details-action-wrapper .tp-shop-details__quantity-wrap .variations label {
color: #232323;
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 600;
margin-bottom: 0 !important;
}
.tp-product-details-wrapper .tp-shop-details__quantity-wrap .variations .reset_variations,
.tp-product-details-action-wrapper .tp-shop-details__quantity-wrap .variations .reset_variations {
right: -40px;
}
.tp-product-details-wrapper .variations_form table,
.tp-product-details-action-wrapper .variations_form table {
position: relative;
margin-bottom: 30px;
}
.tp-product-details-wrapper .variations_form table td,
.tp-product-details-action-wrapper .variations_form table td {
padding: 12px 12px;
}
.tp-product-details-wrapper .variations_form table tr .nice-select,
.tp-product-details-action-wrapper .variations_form table tr .nice-select {
width: 100%;
background-color: #F9F9F9;
border: 1px solid rgba(1, 15, 28, 0.1);
border-radius: 0;
font-size: 14px;
color: var(--tp-common-black);
height: 40px;
line-height: 38px;
padding: 0 25px;
min-width: 204px;
float: none;
}
.tp-product-details-wrapper .variations_form table tr .nice-select::after,
.tp-product-details-action-wrapper .variations_form table tr .nice-select::after {
position: absolute;
content: "\f107";
top: 50%;
right: 15px;
font-family: "Font Awesome 6 Pro";
color: var(--tp-common-black);
font-weight: 500;
pointer-events: none;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
margin-top: 0;
transform-origin: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
height: auto;
border: none;
}
.tp-product-details-wrapper .variations_form table tr .nice-select.open::after,
.tp-product-details-action-wrapper .variations_form table tr .nice-select.open::after {
-webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.tp-product-details-wrapper .variations_form table tr .nice-select.open .list,
.tp-product-details-action-wrapper .variations_form table tr .nice-select.open .list {
-webkit-transform: scale(1) translateY(0px);
-moz-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
-o-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
}
.tp-product-details-wrapper .variations_form table tr .nice-select .list,
.tp-product-details-action-wrapper .variations_form table tr .nice-select .list {
margin-top: 0;
border-radius: 0;
transform-origin: center center;
-webkit-transform: scale(0.9) translateY(0px);
-moz-transform: scale(0.9) translateY(0px);
-ms-transform: scale(0.9) translateY(0px);
-o-transform: scale(0.9) translateY(0px);
transform: scale(0.9) translateY(0px);
width: 100%;
padding: 10px 0;
}
.tp-product-details-wrapper .variations_form table tr .nice-select .list .option,
.tp-product-details-action-wrapper .variations_form table tr .nice-select .list .option {
line-height: 1.2;
min-height: inherit;
padding-top: 5px;
padding-bottom: 5px;
}
.tp-product-details-wrapper .variations_form table tr .nice-select .list .option:hover,
.tp-product-details-action-wrapper .variations_form table tr .nice-select .list .option:hover {
color: #007CF5;
}
.tp-product-details-wrapper .variations_form .disabled,
.tp-product-details-action-wrapper .variations_form .disabled {
opacity: 0.5;
cursor: not-allowed;
}
.tp-product-details-wrapper .variations_form .reset_variations,
.tp-product-details-action-wrapper .variations_form .reset_variations {
color: red;
position: absolute;
margin-top: 10px;
}
.tp-product-details-wrapper .reset_variations,
.tp-product-details-action-wrapper .reset_variations {
display: none;
}
.tp-product-details-wrapper .single_variation_wrap .single_variation,
.tp-product-details-action-wrapper .single_variation_wrap .single_variation {
margin-bottom: 30px;
}
.tp-product-details-wrapper .single_variation_wrap .single_variation .amount,
.tp-product-details-action-wrapper .single_variation_wrap .single_variation .amount {
font-weight: 600;
font-size: 24px;
color: var(--tp-common-black);
margin-left: 1px;
}
.tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price span,
.tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price span {
font-weight: 500;
font-size: 24px;
letter-spacing: -0.02em;
color: var(--tp-common-black);
}
.tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del,
.tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del {
text-decoration: none;
}
.tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del span,
.tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del span {
font-weight: 400;
font-size: 16px;
text-decoration-line: line-through;
color: #767A7D;
}
.tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins,
.tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins {
text-decoration: none;
}
.tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins span,
.tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins span {
color: var(--tp-common-black);
}
.woosw-popup {
transition: all 0.3s;
}
.woosw-popup .added_to_cart {
font-size: 0 !important;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
background-color: #007CF5 !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-remove,
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-table-settings {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-remove:hover,
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-table-settings:hover {
color: #007CF5;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward {
font-size: 14px;
color: var(--tp-common-white);
background-color: #007CF5;
width: 100%;
padding: 5px 15px;
display: inline-block;
text-align: center;
font-weight: 500;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button svg, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward svg {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button svg, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button i, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward svg, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward i {
margin-right: 4px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button:hover, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button.loading::before, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward.loading::before {
color: var(--tp-common-white) !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button.added, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward.added {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward::before {
font-size: 15px;
font-weight: 400;
margin-right: 4px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td p {
margin-bottom: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td span {
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: var(--tp-text-1);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .star-rating span {
font-size: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .star-rating span::before {
font-size: 11px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del {
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: #c2c2d3;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del .woocommerce-Price-amount, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del span {
font-size: 13px;
color: #c2c2d3;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins {
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins span {
color: var(--tp-common-black);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td:first-child {
padding-left: 30px;
}
.woosc-quick-table {
margin-bottom: 60px;
}
.woosc-quick-table h2 {
margin-bottom: 25px;
}
.woosc-quick-table table thead th {
padding: 15px;
}
.woosc-quick-table table tbody tr td {
z-index: 1;
}
.woosc-quick-table table tbody tr td .add_to_cart_button, .woosc-quick-table table tbody tr td .product_type_grouped, .woosc-quick-table table tbody tr td .product-action-btn {
font-size: 14px;
color: var(--tp-common-white);
background-color: #007CF5;
width: 100%;
padding: 5px 15px;
display: inline-block;
text-align: center;
font-weight: 500;
}
.woosc-quick-table table tbody tr td .add_to_cart_button svg, .woosc-quick-table table tbody tr td .product_type_grouped svg, .woosc-quick-table table tbody tr td .product-action-btn svg {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.woosc-quick-table table tbody tr td .add_to_cart_button svg, .woosc-quick-table table tbody tr td .add_to_cart_button i, .woosc-quick-table table tbody tr td .product_type_grouped svg, .woosc-quick-table table tbody tr td .product_type_grouped i, .woosc-quick-table table tbody tr td .product-action-btn svg, .woosc-quick-table table tbody tr td .product-action-btn i {
margin-right: 4px;
}
.woosc-quick-table table tbody tr td .add_to_cart_button:hover, .woosc-quick-table table tbody tr td .product_type_grouped:hover, .woosc-quick-table table tbody tr td .product-action-btn:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
.woosc-quick-table table tbody tr td p {
margin-bottom: 0;
}
.woosc-quick-table table tbody tr td span {
font-weight: 500;
font-size: 11px;
display: inline-block;
}
.woosc-quick-table table tbody tr td del {
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: #c2c2d3;
}
.woosc-quick-table table tbody tr td del .woocommerce-Price-amount, .woosc-quick-table table tbody tr td del span {
font-size: 13px;
color: #c2c2d3;
}
.woosc-quick-table table tbody tr td ins {
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
}
.woosc-quick-table table tbody tr td ins .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
.woosc-quick-table table tbody tr td ins span {
color: var(--tp-common-black);
}
.woosc-quick-table table tbody tr td:first-child {
padding-left: 30px;
}
.woosc-quick-table table tbody tr:not(:first-child) td {
padding: 15px 10px;
}
.woosc-quick-table table tbody tr:nth-child(2n) {
background-color: var(--tp-grey-16);
}
.tp-product-details-wrapper .grouped_form .tp-product-details-quantity {
margin-bottom: 0;
}
.tp-product-details-wrapper .grouped_form tbody tr td {
border: 1px solid #E7E8EB;
}
.tp-product-details-wrapper .grouped_form tbody tr td:first-child {
padding: 15px;
}
.tp-product-details-wrapper .grouped_form tbody tr td:not(:first-child) {
padding: 15px 15px;
}
.tp-product-details-wrapper .grouped_form tbody tr td span {
font-family: var(--tp-ff-inter);
font-weight: 600;
font-size: 15px;
color: var(--tp-text-1);
}
.tp-product-details-wrapper .grouped_form tbody tr td del {
font-family: var(--tp-ff-inter);
font-weight: 600;
font-size: 15px;
color: #c2c2d3;
}
.tp-product-details-wrapper .grouped_form tbody tr td del .woocommerce-Price-amount, .tp-product-details-wrapper .grouped_form tbody tr td del span {
font-size: 15px;
color: #c2c2d3;
}
.tp-product-details-wrapper .grouped_form tbody tr td ins {
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
}
.tp-product-details-wrapper .grouped_form tbody tr td ins .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
.tp-product-details-wrapper .grouped_form tbody tr td ins span {
color: var(--tp-common-black);
}
.tp-product-details-wrapper .grouped_form .woocommerce-grouped-product-list {
margin-bottom: 35px;
}
.tp-product-details-wrapper .grouped_form .woocommerce-grouped-product-list-item__label a {
color: var(--tp-common-black);
font-weight: 600;
}
.tp-product-details-wrapper .grouped_form .woocommerce-grouped-product-list-item__label a:hover {
color: #007CF5;
}
.tp-product-action .woosc-btn {
font-size: 0;
}
.tp-product-action .woosc-btn::before {
font-size: 16px;
content: "\f0ec";
font-family: "Font Awesome 6 Pro";
margin: 0;
font-weight: 400;
display: inline-block;
}
.tp-product-action .woosc-btn.woosc-btn-added::before {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
}
.tp-product-action .product-add-wishlist-btn button {
font-size: 0;
color: #09052F;
}
.tp-product-action .product-add-wishlist-btn button::before {
font-size: 16px;
content: "\f004";
font-family: "Font Awesome 6 Pro";
margin: 0;
font-weight: 400;
display: inline-block;
-webkit-transform: translate(0px, 2px);
-moz-transform: translate(0px, 2px);
-ms-transform: translate(0px, 2px);
-o-transform: translate(0px, 2px);
transform: translate(0px, 2px);
height: 35px;
line-height: 41px;
}
.tp-product-action .product-add-wishlist-btn button.woosw-btn-added::before {
font-weight: 700;
color: #735CFC;
}
.tp-product-action .product-add-wishlist-btn button:hover::before {
color: #fff;
}
.woosw-item--time {
display: none !important;
}
.woosw-item--price span {
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: var(--tp-text-1);
}
.woosw-item--price del {
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: #c2c2d3;
}
.woosw-item--price del .woocommerce-Price-amount, .woosw-item--price del span {
font-size: 13px;
color: #c2c2d3;
}
.woosw-item--price ins {
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
}
.woosw-item--price ins .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
.woosw-item--price ins span {
color: var(--tp-common-black);
}
.woosw-item--add .add_to_cart_button, .woosw-item--add .added_to_cart, .woosw-item--add .product-action {
font-weight: 600;
color: var(--tp-common-black);
background-color: #fff;
display: inline-block;
text-align: center;
font-size: 0;
border: 1px solid #E7E8EB;
width: 50px;
height: 50px;
line-height: 55px;
}
.woosw-item--add .add_to_cart_button.added_to_cart, .woosw-item--add .added_to_cart.added_to_cart, .woosw-item--add .product-action.added_to_cart {
line-height: 50px;
}
.woosw-item--add .add_to_cart_button:hover, .woosw-item--add .added_to_cart:hover, .woosw-item--add .product-action:hover {
background-color: #007CF5;
color: var(--tp-common-white);
}
.woosw-item--add .add_to_cart_button svg, .woosw-item--add .add_to_cart_button i, .woosw-item--add .added_to_cart svg, .woosw-item--add .added_to_cart i, .woosw-item--add .product-action svg, .woosw-item--add .product-action i {
font-size: 14px;
margin-right: 0;
}
.woosw-item--add .add_to_cart_button svg, .woosw-item--add .added_to_cart svg, .woosw-item--add .product-action svg {
-webkit-transform: translate(0px, -3px);
-moz-transform: translate(0px, -3px);
-ms-transform: translate(0px, -3px);
-o-transform: translate(0px, -3px);
transform: translate(0px, -3px);
}
.woosw-item--add .add_to_cart_button .product-action-tooltip, .woosw-item--add .added_to_cart .product-action-tooltip, .woosw-item--add .product-action .product-action-tooltip {
display: none;
}
.woosw-item--add .woocommerce a.added_to_cart {
font-size: 14px;
}
.woosw-item--add .woocommerce a.added_to_cart::before {
color: var(--tp-common-black);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.woosw-item--add .woocommerce a.added_to_cart:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
border-color: var(--tp-common-black);
}
.woosw-item--add .woocommerce a.added_to_cart:hover::before {
color: var(--tp-common-white);
}
.woosw-item--add .woocommerce a.button.loading::before {
color: black;
}
.woosw-item--add .woocommerce a.button.loading:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
border-color: var(--tp-common-black);
}
.woosw-item--add .woocommerce a.button.loading:hover::before {
color: var(--tp-common-black);
}
.woosw-item--name a {
color: var(--tp-common-black);
}
.woosw-item--name a:hover {
color: #007CF5;
}
.woosw-popup-content-bot .woosw-popup-content-bot-inner a {
color: var(--tp-common-black);
}
.woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
color: #007CF5 !important;
border-color: #007CF5 !important;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
background-color: var(--tp-common-white);
border-bottom: 1px solid #E7E8EB;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close:hover {
color: #007CF5;
}
.product_meta {
padding-top: 34px;
border-top: 1px solid #DADCE0;
margin-top: 32px;
} .woocommerce-cart .woocommerce-cart-form table {
width: 100%;
border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.woocommerce-cart .woocommerce-cart-form table {
width: 840px;
}
}
.woocommerce-cart .woocommerce-cart-form table thead {
border-bottom: 1px solid var(--tp-border-1);
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form table thead th {
border: 0;
text-align: left;
font-family: var(--tp-ff-inter);
font-weight: 600;
font-size: 14px;
color: var(--tp-common-black);
}
.woocommerce-cart .woocommerce-cart-form table thead th.product-name {
padding-left: 30px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr:not(:last-child) {
border-bottom: 1px solid var(--tp-border-1);
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td {
border: 0;
text-align: left;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-thumbnail {
width: 80px;
padding: 12px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-thumbnail img {
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-name {
padding: 12px 12px 12px 20px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-name a {
text-align: left;
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black);
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-name a:hover {
color: #007CF5;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-price span {
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black);
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-subtotal span {
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black);
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-details-quantity {
margin-bottom: 0;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity {
width: 100px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus, .woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus {
height: 34px;
line-height: 34px;
width: 40px;
left: 5px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus::after, .woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus::after {
display: none;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus svg, .woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus svg {
width: 10px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus i, .woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus i {
font-size: 12px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus {
right: -5px;
left: auto;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-input[type=text] {
padding: 0 25px;
height: 34px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-remove a {
color: #818487;
font-size: 25px;
}
.woocommerce-cart .woocommerce-cart-form table tbody tr td.product-remove a:hover {
color: #007CF5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.woocommerce-cart .woocommerce-cart-form .shop_table_wrapper {
overflow-x: auto;
}
}
.woocommerce-cart .woocommerce-cart-form .actions {
padding-left: 0;
padding-top: 35px;
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon {
float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.woocommerce-cart .woocommerce-cart-form .actions .coupon {
float: none;
}
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon label {
display: block;
font-size: 14px;
color: var(--tp-common-black);
font-weight: 500;
margin-bottom: 7px;
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon #coupon_code {
padding: 0px 20px;
font-size: 14px;
width: 55%;
height: 45px;
line-height: 45px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 14px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
border-radius: 6px;
margin-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.woocommerce-cart .woocommerce-cart-form .actions .coupon #coupon_code {
width: 68%;
}
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce-cart-form .actions .coupon #coupon_code {
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon #coupon_code:focus {
border-color: #007CF5;
}
.woocommerce-cart .woocommerce-cart-form .actions button {
transform: translateY(-1px);
margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.woocommerce-cart .woocommerce-cart-form .actions button {
margin-top: 10px;
}
}
.woocommerce-cart .woocommerce-cart-form .actions button[name=update_cart]:disabled {
color: #C2C2D3;
background-color: #F3F3F6;
cursor: not-allowed;
transform: translateY(0);
border-color: #F3F3F6;
}
.woocommerce-cart .woocommerce-cart-form .actions > button {
float: right;
margin-top: 30px;
}
.woocommerce-cart .select2-container .select2-selection--single {
height: 46px;
line-height: 44px;
border: 1px solid #E7E8EB;
background-color: #EFF0F2;
border-radius: 0;
}
.woocommerce-cart .select2-container .select2-selection--single:focus {
background-color: var(--tp-common-white);
}
.woocommerce-cart .select2-container .select2-selection--single:focus .select2-selection--single {
background-color: var(--tp-common-white);
border-color: #007CF5;
}
.woocommerce-cart .select2-container .select2-selection__rendered {
line-height: 44px;
padding-left: 29px;
padding-right: 29px;
}
.woocommerce-cart .select2-container .select2-selection__arrow {
height: 46px;
right: 25px;
}
.woocommerce-cart .cart_totals {
background-color: var(--tp-common-white);
box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
padding: 20px 24px 24px;
}
.woocommerce-cart .cart_totals > h2 {
font-weight: 600;
font-size: 26px;
margin-bottom: 25px;
}
.woocommerce-cart .cart_totals table {
width: 100%;
border: 0;
}
.woocommerce-cart .cart_totals table tbody tr:not(:last-child) {
border-bottom: 1px solid #E0E2E3;
}
.woocommerce-cart .cart_totals table tbody tr th {
border: 0;
text-align: left;
font-weight: 500;
font-size: 15px;
color: var(--tp-common-black);
padding-left: 0;
}
.woocommerce-cart .cart_totals table tbody tr td {
border: 0;
text-align: right;
font-size: 15px;
font-weight: 500;
color: var(--tp-common-black);
}
.woocommerce-cart .cart_totals table tbody tr td:last-child {
padding-right: 0;
}
.woocommerce-cart .cart_totals table tbody tr td[data-title=Shipping] {
text-align: left;
line-height: 1.3;
padding-left: 15px;
}
.woocommerce-cart .cart_totals table tbody tr td[data-title=Total] {
font-size: 16px;
font-weight: 400;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-button {
margin-top: 7px;
display: inline-block;
color: #007CF5;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-button:hover {
color: #007CF5;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-form {
margin-top: 14px;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator input {
border-width: 1px;
height: 46px;
border: 1px solid #e7e7e7;
padding: 0 10px;
width: 100%;
font-size: 16px;
background-color: transparent;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator input:focus {
border-color: #007CF5;
background-color: var(--tp-common-white);
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .select2.select2-container {
width: 215px !important;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select {
min-width: 100%;
font-family: var(--tp-ff-space);
color: var(--tp-common-black);
font-size: 14px;
border: 0;
padding-left: 10px;
padding-right: 50px;
font-weight: 500;
border-radius: 0;
border: 1px solid #e7e7e7;
float: none;
height: 46px;
line-height: 44px;
background-color: var(--tp-grey-15);
color: var(--tp-common-black);
width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select {
width: 100%;
border-radius: 40px;
border: 1px solid var(--tp-border-2);
height: 50px;
line-height: 50px;
}
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {
right: 25px;
position: absolute;
top: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {
right: 25px;
}
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list {
margin-top: 0;
border-radius: 0;
width: 100%;
padding-bottom: 10px;
padding-top: 9px;
}
@media (max-width: 767px) {
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list {
margin-top: 0;
}
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option {
line-height: 29px;
min-height: 29px;
padding-left: 18px;
padding-right: 18px;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option:hover {
color: #007CF5;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option.selected {
color: #007CF5;
}
.woocommerce-cart .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select:focus {
border-color: #007CF5;
background-color: var(--tp-common-white);
}
.woocommerce-cart .cart_totals table tbody tr.order-total td {
color: var(--tp-common-black);
}
.woocommerce-cart .woocommerce-billing-fields__field-wrapper .select2-selection--single, .woocommerce-cart .woocommerce-shipping-fields__field-wrapper .select2-selection--single {
height: 46px;
line-height: 44px;
border: 1px solid #E7E8EB;
background-color: #fff;
border-radius: 0;
}
.woocommerce-cart .woocommerce-billing-fields__field-wrapper .select2-selection--single:focus, .woocommerce-cart .woocommerce-shipping-fields__field-wrapper .select2-selection--single:focus {
background-color: var(--tp-common-white);
}
.woocommerce-cart .woocommerce-billing-fields__field-wrapper .select2-selection--single:focus .select2-selection--single, .woocommerce-cart .woocommerce-shipping-fields__field-wrapper .select2-selection--single:focus .select2-selection--single {
background-color: var(--tp-common-white);
border-color: #007CF5;
}
.woocommerce-cart .woocommerce-billing-fields__field-wrapper .select2-selection__rendered, .woocommerce-cart .woocommerce-shipping-fields__field-wrapper .select2-selection__rendered {
line-height: 44px;
padding-left: 29px;
padding-right: 29px;
}
.woocommerce-cart .woocommerce-billing-fields__field-wrapper .select2-selection__arrow, .woocommerce-cart .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow {
height: 46px;
right: 25px;
}
.woocommerce-cart .woocommerce-shipping-totals .woocommerce-shipping-methods {
padding-left: 0;
}
.woocommerce-cart .woocommerce-shipping-totals .woocommerce-shipping-methods li {
list-style: none;
}
.woocommerce-cart .woocommerce-shipping-totals .woocommerce-shipping-methods li label {
margin-left: 5px;
}
.woocommerce-cart .woocommerce-shipping-totals .woocommerce-shipping-methods li label:hover {
cursor: pointer;
} .woocommerce-checkout .tp-page-area {
background-color: var(--tp-grey-4);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
position: relative;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
color: #6f7172;
cursor: pointer;
transition: 0.3s;
font-weight: 500;
color: #007CF5;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover {
color: #007CF5;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
background-color: #F3F5F6;
border-top: 3px solid #007CF5;
font-size: 14px;
font-weight: 500;
margin: 0 0 0;
padding: 1em 2em 1em 3.5em;
position: relative;
width: auto;
}
.woocommerce-checkout .checkout_coupon {
margin-bottom: 30px;
}
.woocommerce-checkout .checkout_coupon p {
font-size: 14px;
color: var(--tp-common-black);
margin-bottom: 0;
}
.woocommerce-checkout .checkout_coupon p:first-child {
font-size: 14px;
margin-bottom: 10px;
color: #6f7172;
font-weight: 500;
}
.woocommerce-checkout .checkout_coupon #coupon_code {
width: 350px;
height: 46px;
line-height: 46px;
margin-bottom: 15px;
border: 1px solid #E7E8EB;
background-color: transparent;
color: #09052F;
}
.woocommerce-checkout .checkout_coupon #coupon_code:focus {
border-color: #007CF5;
}
.woocommerce-checkout #customer_form_details {
border: 1px solid #E7E8EB;
border-radius: 0;
padding: 30px;
}
@media (max-width: 600px) {
.woocommerce-checkout #customer_form_details {
padding: 15px;
}
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields h3 {
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields .validate-state .nice-select.state_select {
display: none !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields .validate-state .state_select {
display: inline-block !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .country_to_state {
display: inline-block !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .country_to_state.nice-select {
display: none !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row > label {
line-height: 2;
margin-left: 0;
margin-top: 10px;
color: #6f7172;
font-size: 14px;
margin-bottom: 4px;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input, .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea {
background: #ffffff;
border: 1px solid #E7E8EB;
height: 45px;
padding: 5px 22px;
width: 100%;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input::placeholder, .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea::placeholder {
color: #6f7172;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input:focus, .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea:focus {
border-color: #007CF5;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea {
padding-top: 15px;
padding-bottom: 15px;
resize: none;
line-height: 1.2;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-results__options .select2-results__option {
font-weight: 400;
padding-left: 18px;
padding-right: 29px;
text-align: left;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection--single {
border: 1px solid #E7E8EB;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection__rendered {
height: 45px;
padding: 0 22px;
width: 100%;
color: #6f7172;
margin-bottom: 20px;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .woocommerce-form__input[type=checkbox] {
width: 20px;
height: 20px;
border: 1px solid #E7E8EB;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row.notes {
margin-bottom: 0;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row > label {
margin-bottom: 10px;
margin-left: 0;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input {
background: var(--tp-common-white);
border: 1px solid #E7E8EB;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input:focus {
border-color: #007CF5;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea {
border: 1px solid #E7E8EB;
height: 46px;
padding: 5px 22px;
width: 100%;
outline: 0;
font-size: 14px;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input::placeholder, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea::placeholder {
color: #6f7172;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input:focus, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea:focus {
border-color: #007CF5;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea {
background-color: transparent;
line-height: 1.3;
resize: none;
padding-top: 15px;
padding-bottom: 15px;
height: 150px;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
margin-bottom: 15px;
display: block;
border: 1px dashed #AAB0B2;
font-weight: 400;
font-size: 14px;
color: var(--tp-common-black);
padding: 8px 25px;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a {
color: #007CF5;
text-decoration: underline;
}
.woocommerce-checkout .woocommerce-form-login {
margin-bottom: 30px;
}
.woocommerce-checkout .woocommerce-form-login p {
font-size: 14px;
color: var(--tp-common-black);
margin-bottom: 0;
}
.woocommerce-checkout .woocommerce-form-login p:first-child {
margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-form-login label {
margin: 0;
display: block;
height: auto;
}
.woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme input {
border: 1px solid #E7E8EB;
background-color: transparent;
margin-right: 5px;
height: auto;
}
.woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme:hover {
cursor: pointer;
}
.woocommerce-checkout .woocommerce-form-login .lost_password {
margin-top: 15px;
padding-bottom: 15px;
}
.woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
color: #007CF5;
}
.woocommerce-checkout .woocommerce-form-login input {
height: 54px;
background-color: var(--tp-common-white);
border-color: var(--tp-common-white);
margin-bottom: 15px;
border-width: 1px;
}
.woocommerce-checkout .woocommerce-form-login input:focus {
border-color: #007CF5;
}
.woocommerce-checkout .woocommerce-form-login .tp-btn {
padding: 14px 30px;
}
.woocommerce-checkout .woocommerce-form-login .tp-btn:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-button {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: var(--tp-common-white);
background: #007CF5;
text-align: center;
font-family: var(--tp-ff-space);
padding: 14px 30px;
position: relative;
z-index: 1;
overflow: hidden;
letter-spacing: -0.02em;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-button:hover {
background-color: var(--tp-common-black);
}
.woocommerce-checkout .tp-free-progress-bar {
background-color: var(--tp-common-white);
}
.woocommerce-checkout #ship-to-different-address {
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
} .woosw-list .woosw-items {
width: 100%;
}
.woosw-list .woosw-items .woosw-item--add .add_to_cart_button {
font-size: 16px;
font-weight: 500;
}
.woosw-list .woosw-items .woosw-item--add .add_to_cart_button i, .woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {
margin-right: 7px;
}
.woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
} .single-product .tp-shop-area .related.products h2 {
margin-bottom: 25px;
}
.tp-login-wrapper .tp-btn {
background-color: var(--tp-common-black);
}
.tp-login-wrapper .tp-btn:hover {
background-color: #007CF5;
} .woocommerce-order .woocommerce-notice--success.woocommerce-thankyou-order-received {
font-size: 24px;
font-weight: 600;
color: var(--tp-common-black);
border: 2px dashed var(--tp-common-green-2);
padding: 35px 30px;
text-align: center;
margin-bottom: 25px;
}
.woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
padding-left: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 20px 0;
box-shadow: 1px 6px 19px rgba(3, 4, 28, 0.1);
margin-bottom: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
justify-content: start;
}
}
.woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
list-style: none;
display: inline-block;
margin-bottom: 20px;
margin-right: 30px;
}
.woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {
display: block;
}
.woocommerce-order-received .tp-page-area {
background-color: transparent;
}
.tp-order-details-wrapper {
display: flex;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.tp-order-details-wrapper {
display: block;
}
}
.tp-order-details-wrapper .woocommerce-order-details {
flex: 50%;
margin-right: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.tp-order-details-wrapper .woocommerce-order-details {
flex: 100%;
margin-right: 0;
margin-bottom: 50px;
}
}
.tp-order-details-wrapper .woocommerce-order-details .woocommerce-order-details__title {
margin-bottom: 15px;
font-size: 22px;
}
.tp-order-details-wrapper .woocommerce-customer-details {
flex: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.tp-order-details-wrapper .woocommerce-customer-details {
flex: 100%;
}
}
.tp-order-details-wrapper .woocommerce-customer-details [class*=col-] {
width: inherit;
}
.tp-order-details-wrapper .woocommerce-customer-details .woocommerce-column__title {
margin-bottom: 15px;
font-size: 22px;
}
.tp-order-details-wrapper .woocommerce-customer-details .woocommerce-column--billing-address {
margin-bottom: 35px;
}
.tp-order-details-wrapper .shop_table {
width: 100%;
}
.tp-order-details-wrapper .shop_table thead tr th {
text-align: left;
padding: 8px 12px;
color: var(--tp-heading-primary);
font-weight: 700;
border-color: var(--tp-border-5);
}
.tp-order-details-wrapper .shop_table tbody tr td {
padding: 8px 12px;
border-color: var(--tp-border-5);
}
.tp-order-details-wrapper .shop_table tbody tr td.product-name {
text-align: left;
}
.tp-order-details-wrapper .shop_table tbody tr td.product-name a {
color: var(--tp-heading-primary);
}
.tp-order-details-wrapper .shop_table tbody tr td.product-total {
text-align: left;
}
.tp-order-details-wrapper .shop_table tfoot tr th {
padding: 8px 12px;
text-align: left;
font-weight: 700;
color: var(--tp-heading-primary);
border-color: var(--tp-border-5);
}
.tp-order-details-wrapper .shop_table tfoot tr td {
border-color: var(--tp-border-5);
padding: 8px 12px;
text-align: left;
}
.tp-empty-cart {
text-align: center;
margin-bottom: 35px;
}
.tp-empty-cart img {
max-width: 450px;
}
.cart-empty.woocommerce-info {
font-size: 20px;
font-weight: 500;
margin-bottom: 35px;
} div.woocommerce .woocommerce-MyAccount-navigation ul {
padding-left: 0;
border-bottom: 1px solid #E7E8EB;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li {
list-style: none;
display: inline-block;
margin-bottom: 0;
margin-right: 20px;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::after {
width: 100%;
left: 0;
right: auto;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li a {
font-size: 16px;
padding: 8px 0;
display: inline-block;
position: relative;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
color: #007CF5;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li a::after {
position: absolute;
content: "";
left: auto;
right: 0;
height: 2px;
width: 0;
bottom: 0;
background-color: #007CF5;
}
div.woocommerce .woocommerce-MyAccount-content > p a {
color: #007CF5;
}
div.woocommerce .woocommerce-MyAccount-content .my_account_orders {
width: 100%;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table {
width: 100%;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.u-columns {
display: flex;
flex-wrap: wrap;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
width: 50%;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
display: flex;
align-items: center;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title > a {
color: #007CF5;
font-weight: 500;
font-size: 16px;
margin-left: 40px;
margin-bottom: 5px;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders th {
font-weight: 700;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account fieldset {
margin-top: 35px;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account legend {
font-size: 22px;
color: var(--tp-common-black);
font-weight: 500;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account label {
color: var(--tp-common-black);
}
div.woocommerce .woocommerce-MyAccount-content .edit-account input {
height: 46px;
line-height: 46px;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account .tp-btn:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input {
height: 46px;
line-height: 46px;
}
div.woocommerce .woocommerce-MyAccount-content .tp-btn:hover {
background-color: var(--tp-common-black);
} .tp-free-progress-bar {
padding: 20px 30px 30px;
border: 1px solid #E7E8EB;
width: 100%;
margin-bottom: 30px;
}
.tp-free-progress-bar .free-shipping-notice {
color: var(--tp-common-black);
font-size: 13px;
margin-bottom: 5px;
font-weight: 500;
}
.tp-free-progress-bar .free-shipping-notice a {
color: #007CF5;
}
.tp-free-progress-bar .free-shipping-notice span {
color: #007CF5;
font-weight: 700;
}
.tp-free-progress-bar .tp-progress-bar {
height: 6px;
background-color: #f2f3f5;
border-radius: 10px;
overflow: hidden;
}
.tp-free-progress-bar .tp-progress-bar .progress {
background-color: #007CF5;
height: 6px;
}
.tp-free-progress-bar .progress-bar-striped {
background-image: linear-gradient(45deg, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
}
.cartmini__widget .woocommerce-mini-cart__total {
padding: 20px;
margin-bottom: 0;
}
.cartmini__widget .woocommerce-mini-cart__total span {
float: right;
}
.cartmini__widget .product_list_widget {
max-height: 700px;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: thin;
scrollbar-color: rgba(245, 9, 99, 0.5) #fff;
}
.cartmini__widget .product_list_widget::-webkit-scrollbar {
display: thin; }
.cartmini__widget .woocommerce-mini-cart__buttons {
padding: 20px;
}
.cartmini__widget .woocommerce-mini-cart__buttons .button {
display: inline-block;
font-weight: 500;
color: var(--tp-common-black);
font-family: var(--tp-ff-space);
padding: 10px 30px;
font-size: 15px;
text-transform: capitalize;
border: 1px solid #E7E8EB;
text-align: center;
width: 100%;
}
.cartmini__widget .woocommerce-mini-cart__buttons .button:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
.cartmini__widget .woocommerce-mini-cart__buttons .button:not(.checkout) {
background-color: var(--tp-grey-1);
color: var(--tp-common-black);
margin-bottom: 15px;
}
.cartmini__widget .woocommerce-mini-cart__buttons .button:not(.checkout):hover {
color: var(--tp-common-white);
background-color: var(--tp-common-black);
border-color: var(--tp-common-black);
}
.woosq-open .select2-container {
z-index: 9;
} div.product__widget {   }
div.product__widget .product__widget-title {
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 17px;
line-height: 12px;
color: var(--tp-common-black-solid);
border-bottom: 1px solid #DADCE0;
padding: 10px 0;
margin-bottom: 25px;
position: relative;
}
div.product__widget .product__widget-title::after {
position: absolute;
content: "\f107";
font-family: "Font Awesome 6 Pro";
background-image: none;
top: 37%;
right: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
color: var(--tp-common-black-solid);
width: auto;
height: auto;
font-weight: 500;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
div.product__widget .product__widget-title:hover {
cursor: pointer;
color: #007CF5;
}
div.product__widget .product__widget-title:hover::after {
color: #007CF5;
}
div.product__widget .product__widget-title.tp-widget-active::after {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
div.product__widget .select2-container {
margin-bottom: 20px;
}
div.product__widget .select2-container .select2-selection--single {
height: 40px;
line-height: 38px;
border: 1px solid #E7E8EB;
background-color: var(--tp-common-white);
border-radius: 0;
}
div.product__widget .select2-container .select2-selection--single:focus {
background-color: var(--tp-common-white);
}
div.product__widget .select2-container .select2-selection--single:focus .select2-selection--single {
background-color: var(--tp-common-white);
border-color: #007CF5;
}
div.product__widget .select2-container .select2-selection__rendered {
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
}
div.product__widget .select2-container .select2-selection__arrow {
height: 40px;
right: 20px;
}
div.product__widget .select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
padding-right: 4px;
z-index: 2;
background-color: var(--tp-common-white);
top: -2px;
}
div.product__widget.widget_rating_filter ul li {
list-style: none;
}
div.product__widget .woocommerce-widget-layered-nav-list li {
list-style: none;
font-size: 14px;
color: #998f8f;
margin-bottom: 5px;
}
div.product__widget .woocommerce-widget-layered-nav-list li span {
font-weight: 400;
}
div.product__widget .woocommerce-widget-layered-nav-list li a {
position: relative;
padding-left: 15px;
color: var(--tp-text-1);
}
div.product__widget .woocommerce-widget-layered-nav-list li a:hover {
color: #007CF5;
}
div.product__widget .woocommerce-widget-layered-nav-list li a::after {
position: absolute;
content: "";
left: 0;
top: 53%;
height: 4px;
width: 4px;
background-color: var(--tp-text-1);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
div.product__widget .woocommerce-widget-layered-nav-list li a:hover {
color: #007CF5;
}
div.product__widget.widget_product_categories li {
list-style: none;
}
div.product__widget.widget_product_categories li a {
position: relative;
padding-left: 15px;
}
div.product__widget.widget_product_categories li a:hover {
color: #007CF5;
}
div.product__widget.widget_product_categories li a::after {
position: absolute;
content: "";
left: 0;
top: 53%;
height: 4px;
width: 4px;
background-color: var(--tp-text-1);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
div.product__widget.widget_product_categories li .children {
padding-left: 15px;
padding-top: 0;
padding-bottom: 0;
}
div.product__widget.widget_top_rated_products ul li, div.product__widget.widget_recent_reviews ul li, div.product__widget.widget_products ul li {
list-style: none;
}
div.product__widget.widget_top_rated_products ul li:not(:last-child), div.product__widget.widget_recent_reviews ul li:not(:last-child), div.product__widget.widget_products ul li:not(:last-child) {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #E7E8EB;
}
div.product__widget .tp-product-sidebar-rating-thumb img {
max-width: inherit;
width: 90px;
}
div.product__widget .tp-product-sidebar-rating-title {
font-size: 16px;
}
div.product__widget .tp-product-sidebar-rating-title a:hover {
color: #007CF5;
}
div.product__widget .tp-product-sidebar-rating-price span {
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 13px;
color: var(--tp-text-1);
}
div.product__widget .tp-product-sidebar-rating-price del {
color: #c2c2d3;
}
div.product__widget .tp-product-sidebar-rating-price del .woocommerce-Price-amount, div.product__widget .tp-product-sidebar-rating-price del span {
font-size: 13px;
color: #c2c2d3;
}
div.product__widget .tp-product-sidebar-rating-price ins {
text-decoration: none;
}
div.product__widget .tp-product-sidebar-rating-price ins .woocommerce-Price-amount {
font-size: 14px;
color: var(--tp-common-black);
}
div.product__widget .tp-product-sidebar-rating-price ins span {
color: var(--tp-common-black);
}
div.product__widget .tp-product-sidebar-rating-content .star-rating {
display: block;
}
div.product__widget .tp-product-sidebar-rating-content .reviewer span {
font-weight: 400;
}
div.product__widget .tp-product-sidebar-rating-content .reviewer span span {
font-weight: 500;
}
div.product__widget.widget_product_tag_cloud .tagcloud a {
border: 1px solid #EAEAEF;
box-shadow: none;
}
.tp-shop-sidebar { }
.tp-shop-sidebar .price_slider_wrapper {
padding-top: 5px;
}
.tp-shop-sidebar .ui-widget-content {
position: relative;
height: 4px;
background-color: #ECECEC;
margin-bottom: 1.5625rem;
}
.tp-shop-sidebar .ui-widget-content .ui-slider-range {
position: absolute;
display: block;
width: 100%;
height: 4px;
border: 0;
background-color: #007CF5;
border-radius: 8px;
z-index: 1;
}
.tp-shop-sidebar .ui-widget-content .ui-slider-handle {
left: 0%;
position: absolute;
z-index: 2;
outline: 0;
cursor: pointer;
background-color: #007CF5;
border-radius: 100%;
border: 2px solid #fff;
height: 14px;
top: -5px;
width: 14px;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.tp-shop-sidebar .ui-widget-content .ui-slider-handle:last-child {
left: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.tp-shop-sidebar .price_slider_amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tp-shop-sidebar .price_slider_amount .button {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
height: auto;
margin-left: auto;
padding: 0;
border: 0;
background-color: transparent;
color: var(--tp-heading-primary);
}
.tp-shop-sidebar .price_slider_amount .button:hover {
color: #007CF5;
}
.tp-shop-sidebar .price_slider_amount .price_label {
font-size: 14px;
}
.tp-shop-sidebar .price_slider_amount .price_label span {
font-weight: 500;
color: var(--tp-heading-primary);
}
.woocommerce-ordering .nice-select ul.list {
width: auto;
left: auto;
right: 0;
}
.tp-product-details-price del .woocommerce-Price-amount bdi, .tp-product-details-price del .woocommerce-Price-currencySymbol bdi {
margin-right: 7px;
}
.tp-product-details-price .price ins {
text-decoration: none;
}
.tp-product-content-price ins {
color: #ED1D24;
text-decoration: none;
}
.tp-product-content-price del span.woocommerce-Price-amount {
color: #9695A0 !important;
}
.woosc-quick-table-products .woosc_table td img {
width: 100px;
}
.woosc-quick-table-products .woosc_table .star-rating {
display: inline-block;
}
.woosc-quick-table-products .woosc_table a.added_to_cart.wc-forward {
background: #007CF5;
padding: 5px 20px;
color: #fff;
}
.woosc-quick-table-products .woosc_table a.ajax_add_to_cart.added {
display: none !important;
}
.woocommerce-product-gallery ol.product-thumbnails {
padding-left: 0;
margin-top: 20px;
}
.outofstock .woocommerce-grouped-product-list-item__quantity .cart-button {
display: none;
}
.stock.out-of-stock {
text-decoration: underline;
color: #007CF5;
}
.product-filter-area .nice-select.open .list {
width: auto;
}
@media (max-width: 575px) {
.woocommerce-ordering .nice-select ul.list {
left: auto;
}
}
.tpproduct-details__list-img .tpproduct__thumb-topsall {
left: 25px;
right: auto;
position: absolute;
top: 25px;
padding: 10px 12px 10px;
background-color: #007CF5;
color: var(--tp-text-body);
font-size: 13px;
line-height: 1;
z-index: 2;
} .tp-woo-header {
position: relative;
cursor: pointer;
}
.tp-woo-header div.mini_shopping_cart_box {
position: absolute;
top: 110%;
right: 0;
width: 300px;
background: #fff;
padding: 1.25rem;
background-color: #fff;
-webkit-box-shadow: 0px 5px 10px rgba(62, 68, 90, 0.1);
box-shadow: 0px 5px 10px rgba(62, 68, 90, 0.1);
border: 1px solid #edeef5;
border-radius: 10px;
transition: 0.3s;
opacity: 0;
visibility: hidden;
z-index: 10;
text-align: left;
}
@media (max-width: 767px) {
.tp-woo-header div.mini_shopping_cart_box {
display: none;
}
}
.tp-woo-header div.mini_shopping_cart_box .total span {
padding: 0;
}
.tp-woo-header div.mini_shopping_cart_box.cart_mini_opened {
opacity: 1;
visibility: visible;
}
.tp-woo-header div.mini_shopping_cart_box .cartmini__empty .tp-btn {
margin-left: 0;
font-size: 14px;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border-bottom: 1px solid #EDEEF5;
padding-bottom: 10px;
margin-bottom: 10px;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__thumb a {
margin-left: 0;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__thumb a img {
width: 60px;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .mini-cart-remove a:hover {
color: #007CF5;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__content {
position: static;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__content h5 {
margin-bottom: 0;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__content a {
font-size: 14px;
margin-left: 10px;
font-weight: 600;
display: inline-block;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__content a:hover {
color: #007CF5;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper {
margin-left: 10px;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper .quantity {
display: inline-block;
margin-right: 0;
margin-bottom: 0;
font-size: 14px;
}
.tp-woo-header div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper .quantity .woocommerce-Price-amount.amount {
color: #735CFC;
}
.tp-woo-header div.mini_shopping_cart_box .woocommerce-mini-cart__total {
margin-top: 20px;
}
.tp-woo-header div.mini_shopping_cart_box .woocommerce-mini-cart__total > strong {
font-size: 15px;
font-weight: 600;
color: #6c6c6c;
}
.tp-woo-header div.mini_shopping_cart_box .woocommerce-mini-cart__total .woocommerce-Price-amount {
float: right;
}
.tp-woo-header div.mini_shopping_cart_box .woocommerce-mini-cart__total .woocommerce-Price-amount bdi {
font-weight: 600;
color: #735CFC;
}
.tp-woo-header div.mini_shopping_cart_box .woocommerce-mini-cart__buttons .wc-forward {
float: none;
color: #222;
display: block;
border: 1px solid #ddd;
text-align: center;
padding: 7px 15px;
margin-top: 10px;
background: none;
margin-left: 0;
font-size: 20px;
}
.tp-woo-header div.mini_shopping_cart_box .woocommerce-mini-cart__buttons .wc-forward.checkout {
background: #735CFC;
border-color: #735CFC;
color: #fff;
}
.tp-mini-card:hover .mini_shopping_cart_box {
opacity: 1 !important;
visibility: visible;
top: 105%;
}
#woosq-popup .variations select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
#woosq-popup .star-rating {
display: inline-block;
}
#review_form .comment-input label {
font-size: 15px;
color: var(--tp-text-body);
font-weight: 500;
margin-bottom: 10px;
}
#review_form .comment-respond > h3 {
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 26px;
line-height: 26px;
letter-spacing: -0.02em;
color: #0E1331;
margin-bottom: 20px;
}
.woocommerce-cart-form .tpproduct-details__quantity {
padding: 10px 15px;
}
.woocommerce-cart-form input {
width: 100px;
margin: 0 5px;
}
#customer_login {
display: flex;
}
@media (max-width: 768px) {
#customer_login {
display: block;
}
}
#customer_login .u-column1, #customer_login .u-column2 {
width: 50%;
display: inline-block;
padding: 20px;
}
@media (max-width: 768px) {
#customer_login .u-column1, #customer_login .u-column2 {
width: 100%;
}
}
#customer_login .u-column1 h2, #customer_login .u-column2 h2 {
font-size: 28px;
font-weight: 600;
color: var(--tp-common-black);
margin-bottom: 15px;
}
#customer_login .u-column1 label, #customer_login .u-column2 label {
margin-left: 0;
font-size: 16px;
margin-bottom: 10px;
}
#customer_login .u-column1 label.woocommerce-form__label-for-checkbox, #customer_login .u-column2 label.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
}
#customer_login .u-column1 label.woocommerce-form__label-for-checkbox span, #customer_login .u-column2 label.woocommerce-form__label-for-checkbox span {
font-size: 16px;
cursor: pointer;
}
#customer_login .u-column1 input, #customer_login .u-column2 input {
border-radius: 6px;
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 15px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
}
#customer_login .u-column1 input[type=checkbox], #customer_login .u-column2 input[type=checkbox] {
width: 15px;
margin-right: 8px;
cursor: pointer;
}
#customer_login .u-column1 input:focus, #customer_login .u-column2 input:focus {
box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #6B14FA;
}
#customer_login .u-column1 .woocommerce-form-login__submit, #customer_login .u-column1 .woocommerce-form-register__submit, #customer_login .u-column2 .woocommerce-form-login__submit, #customer_login .u-column2 .woocommerce-form-register__submit {
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 16px;
line-height: 1;
color: var(--tp-common-white);
background-color: #007CF5;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
border: 2px solid #007CF5;
}
#customer_login .u-column1 .woocommerce-form-login__submit:hover, #customer_login .u-column1 .woocommerce-form-register__submit:hover, #customer_login .u-column2 .woocommerce-form-login__submit:hover, #customer_login .u-column2 .woocommerce-form-register__submit:hover {
color: #007CF5;
background-color: transparent;
}
#customer_login .u-column1 .lost_password, #customer_login .u-column2 .lost_password {
font-size: 16px;
color: #6f7172;
text-decoration: underline;
}
#customer_login .u-column1 .lost_password:hover, #customer_login .u-column2 .lost_password:hover {
color: #007CF5;
}
.woocommerce-ResetPassword label {
margin-left: 0;
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce-ResetPassword label.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
}
.woocommerce-ResetPassword label.woocommerce-form__label-for-checkbox span {
font-size: 16px;
cursor: pointer;
}
.woocommerce-ResetPassword input {
border-radius: 12px;
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 15px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
}
.woocommerce-ResetPassword input[type=checkbox] {
width: 15px;
margin-right: 8px;
cursor: pointer;
}
.woocommerce-ResetPassword input:focus {
box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #4260FF;
}
.woocommerce-ResetPassword .woocommerce-Button {
background: #007CF5;
border-radius: 6px;
color: var(--tp-common-white);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
padding: 20px 50px;
text-align: center;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}
.woocommerce-ResetPassword .woocommerce-Button:hover {
background: var(--tp-common-black);
color: #fff;
}
.woocommerce-notices-wrapper .woocommerce-error {
list-style: none;
}
.woocommerce-notices-wrapper .woocommerce-error li {
background: #F3F5F6;
padding: 9px 20px;
margin-bottom: 20px;
border-top: 3px solid rgba(213, 18, 67, 0.3);
color: var(--tp-text-body);
}
.woocommerce-form-login label {
margin-left: 0;
margin-bottom: 0;
font-size: 14px;
}
.woocommerce-form-login label.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
}
.woocommerce-form-login label.woocommerce-form__label-for-checkbox span {
font-size: 14px;
}
.woocommerce-form-login input {
background: #ffffff;
border: 1px solid #E7E8EB;
border-radius: 0;
height: 45px;
padding: 0 0 0 10px;
width: 100%;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
display: block;
}
.woocommerce-form-login input[type=checkbox] {
width: 15px;
margin-right: 8px;
}
.woocommerce-form-login .woocommerce-form-login__submit {
background: #007CF5;
border-radius: 6px;
color: var(--tp-common-white);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
padding: 22px 50px;
text-align: center;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}
.woocommerce-form-login .woocommerce-form-login__submit:hover {
background: #007CF5;
color: var(--tp-common-white);
}
.edit-account label {
margin-left: 0;
font-size: 14px;
margin-bottom: 10px;
}
.edit-account label.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
}
.edit-account label.woocommerce-form__label-for-checkbox span {
font-size: 16px;
cursor: pointer;
}
.edit-account input {
border-radius: 12px;
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 15px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
}
.edit-account input[type=checkbox] {
width: 15px;
margin-right: 8px;
cursor: pointer;
}
.edit-account input:focus {
box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #4260FF;
}
.edit-account .woocommerce-Button {
background: #007CF5;
border-radius: 6px;
color: var(--tp-common-white);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
padding: 20px 50px;
text-align: center;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
}
.edit-account .woocommerce-Button:hover {
background: var(--tp-common-black);
color: #fff;
}
.woosw-copy-label {
color: #6f7172;
}
#woosw_copy_btn {
padding: 3px 20px;
background: #007CF5;
color: #fff;
font-weight: 500;
border: none;
margin-left: 10px;
}
.tp-product-action .tinvwl_add_to_wishlist-text {
display: none;
}
a.icon-btn.woosq-btn {
display: none;
}
.product__list-action span.tinvwl_add_to_wishlist-text {
display: none;
}
.tp-product-action a.icon-btn.woosq-btn, .product__list-action a.icon-btn.woosq-btn {
display: inline-block;
}
.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper {
display: none;
} .product__rating .star-rating {
margin-bottom: 0;
}
.star-rating {
position: relative;
font-size: 11px;
width: 105px;
overflow: hidden;
line-height: 1;
display: flex;
}
.tpproduct-details__tag-area .star-rating {
margin-left: 15px;
}
.star-rating::before {
font-family: "Font Awesome 5 Pro";
content: "\f005\f005\f005\f005\f005";
text-transform: uppercase;
letter-spacing: 3px;
color: #D9D9EA;
font-size: 16px;
line-height: 1.2;
}
.star-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
font-size: 0;
}
.star-rating span::before {
font-family: "Font Awesome 5 Pro";
content: "\f005\f005\f005\f005\f005";
text-transform: uppercase;
letter-spacing: 3px;
color: #ffb21d;
font-weight: 900;
display: inline-block;
font-size: 16px;
line-height: 1.2;
} a.ajax_add_to_cart.added {
display: none !important;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
color: #ffb21d;
}
.woocommerce p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "Font Awesome 6 Pro";
content: "\f005";
text-indent: 0;
}
.woocommerce p.stars a:hover ~ a::before {
content: "\f005";
font-weight: 400;
}
.woocommerce p.stars:hover a::before {
content: "\f005";
font-weight: 700;
}
.woocommerce p.stars.selected a.active::before {
content: "\f005";
font-weight: 700;
}
.woocommerce p.stars.selected a.active ~ a::before {
content: "\f005";
font-weight: 400;
}
.woocommerce p.stars.selected a:not(.active)::before {
content: "\f005";
font-weight: 700;
} @-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.woocommerce a.button.loading::before,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
font-family: "Font Awesome 6 Pro";
content: "\f110";
vertical-align: top;
font-weight: 400;
top: 0.618em;
font-size: 14px;
right: 1em;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
color: var(--tp-common-black);
display: inline-block;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.tp-product-action .added_to_cart.wc-forward {
font-size: 0;
}
.tp-product-action .added_to_cart.wc-forward:hover::before {
color: #fff;
}
.loading svg {
display: none;
} .woosc-area {
background: no-repeat !important;
} .tpproduct__rating .star-rating span::before {
color: #007CF5;
}
.product__item .added_to_cart.wc-forward {
font-size: 0;
}
.tp-core-product:hover {
position: relative;
z-index: 10;
}
section.woosc-quick-table > h2 {
font-size: 26px;
color: var(--tp-text-body);
font-weight: 600;
}
a.cart-button.icon-btn.button.stock-out {
cursor: not-allowed;
}
.tpproduct-details__pera {
margin-bottom: 30px;
}
.tpproduct-details__title-area {
margin-bottom: 7px;
}
.tpproduct-details__tag-area.d-flex.align-items-center.mb-5 {
margin-bottom: 8px !important;
}
.grouped_form a {
color: var(--tp-text-body);
}
.grouped_form a:hover {
color: #007CF5;
}
.grouped_form .variations .nice-select {
float: none;
}
.grouped_form .tpproduct-details__quantity {
padding: 5px 13px;
margin-right: 5px;
margin-top: 0;
margin-bottom: 0;
}
.grouped_form .tpproduct-details__quantity .tp-cart-minus, .grouped_form .tpproduct-details__quantity .tp-cart-plus {
font-size: 14px;
}
.grouped_form .tpproduct-details__quantity input {
font-size: 14px;
}
.grouped_form del {
font-size: 16px;
color: var(--tp-grey-6);
font-weight: 600;
}
.grouped_form del .woocommerce-Price-amount {
font-size: 15px;
color: var(--tp-grey-6);
font-weight: 500;
}
.grouped_form ins {
text-decoration: none;
}
.grouped_form ins .woocommerce-Price-amount {
color: var(--tp-text-body);
font-weight: 600;
font-size: 16px;
}
.grouped_form .woocommerce-Price-amount {
color: var(--tp-text-body);
font-weight: 600;
font-size: 16px;
}
.footer-logo img {
width: 115px;
}
.woocommerce-shop .woocommerce-notices-wrapper {
display: none;
}
.woocommerce-shop .tpproduct__thumb-topsall {
position: absolute;
right: 25px;
top: 15px;
}
.woocommerce-shop .tpproduct__thumb-topsall span {
background-color: #007CF5;
color: var(--tp-text-body);
padding: 10px 12px 10px;
}
.woocommerce-shop .tp-shop-list-title {
font-weight: 500;
font-size: 16px;
color: #818487;
margin-bottom: 0;
}
.tp-shop-listing-popup .nice-select {
border: 1px solid #e6e9e9;
}
.tp-shop-listing-popup .orderby .current {
margin-right: 15px;
}
a.added_to_cart.wc-forward::before {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 40px;
margin-right: 10px;
}
.tp-product-price .woocommerce-Price-amount {
font-weight: 400;
font-size: 16px;
color: #007CF5;
}
.tp-product-price ins {
text-decoration: none;
}
.tp-product-price del .woocommerce-Price-amount {
font-weight: 400;
font-size: 16px;
color: var(--tp-text-1);
}
.tp-product-filterby-rating-widget .woocommerce-Price-currencySymbol {
color: #007CF5;
}
.tp-product-filterby-rating-widget del .woocommerce-Price-currencySymbol {
color: var(--tp-text-1);
}
.tpproduct-details__cart .product-add-cart-btn {
margin-right: 5px;
}
.tpproduct-details__cart .product-add-cart-btn svg {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
margin-right: 3px;
}
.tpproduct-details__cart .product-action-btn .woosw-btn {
font-size: 0;
width: 48px;
height: 48px;
line-height: 47px;
text-align: center;
color: var(--tp-common-black);
border: 1px solid #DADCE0;
border-radius: 4px;
}
.tpproduct-details__cart .product-action-btn .woosw-btn:hover {
color: var(--tp-common-white);
background-color: #007CF5;
border-color: #007CF5;
}
.tpproduct-details__cart .product-action-btn .woosw-btn::before {
font-size: 16px;
content: "\f005";
font-family: "Font Awesome 6 Pro";
margin: 0;
}
.tpproduct-details__cart .product-action-btn .woosw-btn.woosw-btn-added::before {
font-weight: 700;
}
.tpproduct-details__cart .product-action-btn .woosc-btn {
font-size: 0;
width: 48px;
height: 48px;
line-height: 47px;
text-align: center;
color: var(--tp-common-black);
border: 1px solid #DADCE0;
border-radius: 4px;
}
.tpproduct-details__cart .product-action-btn .woosc-btn:hover {
color: var(--tp-common-white);
background-color: #007CF5;
border-color: #007CF5;
}
.tpproduct-details__cart .product-action-btn .woosc-btn::before {
font-size: 16px;
content: "\f0ec";
font-family: "Font Awesome 6 Pro";
margin: 0;
}
.tpproduct-details__cart .product-action-btn .woosc-btn.woosc-btn-added::before {
font-size: 16px;
content: "\f00c";
font-family: "Font Awesome 6 Pro";
margin: 0;
font-weight: 700;
}
#review_form_wrapper .stars {
margin-top: 5px;
margin-bottom: 0;
}
.related-products .tpsection__title {
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 26px;
line-height: 26px;
letter-spacing: -0.02em;
color: #0E1331;
margin-bottom: 30px;
}
.related-products .woocommerce-notices-wrapper {
display: none;
}
.related-products .tpproduct__thumb-topsall {
position: absolute;
right: 25px;
top: 15px;
}
.related-products .tpproduct__thumb-topsall span {
background-color: #007CF5;
color: var(--tp-text-body);
padding: 10px 12px 10px;
}
.flex-control-thumbs.product-thumbnails .slick-list {
margin: 0 -6px;
}
.flex-control-thumbs.product-thumbnails .slick-slide {
margin: 0 6px;
}
.flex-control-thumbs.product-thumbnails .slick-slide {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
cursor: pointer;
border: 1px solid transparent;
border-radius: 0;
-webkit-transition: border-color 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: border-color 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.flex-control-thumbs.product-thumbnails .slick-slide.slick-active img.flex-active {
border: 1px solid #007CF5;
}
.flex-control-thumbs.product-thumbnails .slick-slide:hover {
cursor: pointer;
}
.product-thumbnails {
padding-left: 0;
margin-top: 15px;
}
.woocommerce-checkout .cart-wrapper {
padding: 30px 40px 45px;
background-color: var(--tp-common-white);
border: 1px solid #E7E8EB;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.cart-wrapper .cart_totals {
margin-top: 40px;
}
}
.cart-wrapper .cart_totals table tr, .cart-wrapper .cart_totals table tbody {
border: none;
}
.cart-wrapper .cart_totals .tp-btn:hover {
background-color: #3653EB;
color: var(--tp-common-white);
}
@media (max-width: 600px) {
.cart-wrapper {
padding: 15px;
}
}
.cart-wrapper .wc_payment_methods {
padding-left: 0;
list-style: none;
}
.cart-wrapper .wc_payment_methods .woocommerce-notice {
list-style: none;
color: #007CF5;
}
.cart-wrapper #order_review_heading {
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
.cart-wrapper .order-review-wrapper table tbody, .cart-wrapper .order-review-wrapper table td, .cart-wrapper .order-review-wrapper table tfoot, .cart-wrapper .order-review-wrapper table th, .cart-wrapper .order-review-wrapper table thead, .cart-wrapper .order-review-wrapper table tr {
border: none;
}
.cart-wrapper .order-review-wrapper table {
width: 100%;
border: 0;
}
.cart-wrapper .order-review-wrapper table thead th {
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
padding-bottom: 0.75rem;
text-align: left;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-black);
}
.cart-wrapper .order-review-wrapper table thead th:last-child {
text-align: right;
padding-right: 0;
}
.cart-wrapper .order-review-wrapper table tbody tr {
border-bottom: 1px solid #E7E8EB;
}
.cart-wrapper .order-review-wrapper table tbody tr.cart_item td {
font-size: 15px;
}
.cart-wrapper .order-review-wrapper table tbody tr.cart_item td:first-child {
border-top: medium none;
color: #6f7172;
font-weight: normal;
text-align: left;
vertical-align: middle;
white-space: nowrap;
width: 250px;
}
.cart-wrapper .order-review-wrapper table tbody tr.cart_item td:last-child {
padding-right: 0;
text-align: right;
color: var(--tp-common-black);
}
.cart-wrapper .order-review-wrapper table tbody tr.cart_item td strong {
color: var(--tp-common-black);
}
.cart-wrapper .order-review-wrapper table tbody tr td {
border: 0;
padding: 15px 0;
}
.cart-wrapper .order-review-wrapper table tfoot tr {
border-bottom: 1px solid #E7E8EB;
}
.cart-wrapper .order-review-wrapper table tfoot tr.woocommerce-shipping-totals.shipping th {
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
color: var(--tp-common-black);
padding-bottom: 0.75rem;
text-align: left;
font-size: 14px;
font-weight: 600;
}
.cart-wrapper .order-review-wrapper table tfoot tr.woocommerce-shipping-totals.shipping td {
text-align: right;
padding: 10px 0 10px;
}
.cart-wrapper .order-review-wrapper table tfoot tr.cart-subtotal th {
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
color: var(--tp-common-black);
padding-bottom: 0.75rem;
text-align: left;
font-size: 14px;
font-weight: 600;
}
.cart-wrapper .order-review-wrapper table tfoot tr.cart-subtotal td {
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
color: #6f7172;
padding-bottom: 0.75rem;
text-align: right;
font-size: 14px;
}
.cart-wrapper .order-review-wrapper table tfoot tr.order-total th {
text-align: left;
}
.cart-wrapper .order-review-wrapper table tfoot tr.order-total td {
text-align: right;
}
.cart-wrapper .order-review-wrapper table tfoot tr th {
border: 0;
padding-left: 0;
}
.cart-wrapper .order-review-wrapper table tfoot tr td {
border: 0;
padding-right: 0;
}
.tp-checkout-billing-wrapper {
background-color: var(--tp-common-white);
}
.tp-checkout-billing-wrapper label {
position: static;
border: 0;
margin-bottom: 7px;
display: block;
width: auto;
color: var(--tp-common-black);
margin-left: 0;
}
.tp-checkout-billing-wrapper label abbr.required {
color: red;
text-decoration: none;
}
.tp-checkout-billing-wrapper label span {
font-size: 16px;
}
.tp-checkout-billing-wrapper .woocommerce-input-wrapper span {
display: block;
}
.tp-checkout-billing-wrapper input[type=text], .tp-checkout-billing-wrapper input[type=email], .tp-checkout-billing-wrapper input[type=tel], .tp-checkout-billing-wrapper input[type=url], .tp-checkout-billing-wrapper input[type=password] {
outline: 0;
height: 46px;
background: #FFFFFF;
border: 1px solid #E0E2E3;
font-size: 14px;
color: var(--tp-common-black);
padding: 0 25px;
line-height: 46px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.tp-checkout-billing-wrapper input[type=text], .tp-checkout-billing-wrapper input[type=email], .tp-checkout-billing-wrapper input[type=tel], .tp-checkout-billing-wrapper input[type=url], .tp-checkout-billing-wrapper input[type=password] {
width: 100%;
}
}
.tp-checkout-billing-wrapper input[type=text]:focus, .tp-checkout-billing-wrapper input[type=email]:focus, .tp-checkout-billing-wrapper input[type=tel]:focus, .tp-checkout-billing-wrapper input[type=url]:focus, .tp-checkout-billing-wrapper input[type=password]:focus {
border-color: #007CF5;
}
.tp-checkout-billing-wrapper select {
display: inline-block !important;
}
.tp-checkout-billing-wrapper .nice-select {
display: none;
height: 50px;
line-height: 48px;
border-radius: 0;
border: 1px solid #D5D8DB;
color: var(--tp-common-black);
float: none;
padding: 5px 22px;
}
.tp-checkout-billing-wrapper .nice-select::after {
right: 26px;
}
.tp-checkout-billing-wrapper .nice-select.open .list {
-webkit-transform: scale(1) translateY(0px);
-moz-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
-o-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
}
.tp-checkout-billing-wrapper .nice-select .list {
margin-top: 0;
border-radius: 0;
transform-origin: center center;
-webkit-transform: scale(0.9) translateY(0px);
-moz-transform: scale(0.9) translateY(0px);
-ms-transform: scale(0.9) translateY(0px);
-o-transform: scale(0.9) translateY(0px);
transform: scale(0.9) translateY(0px);
width: 100%;
padding: 12px 0;
}
.tp-checkout-billing-wrapper .nice-select .list .option {
line-height: 1.2;
min-height: inherit;
padding-top: 5px;
padding-bottom: 5px;
}
.tp-checkout-billing-wrapper .nice-select .list .option:hover {
color: #6B14FA;
}
.tp-checkout-billing-wrapper .select2-container .select2-selection--single {
height: 46px;
margin-bottom: 28px;
}
.tp-checkout-billing-wrapper .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #E0E2E3;
border-radius: 0;
}
.tp-checkout-billing-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 25px;
padding-right: 35px;
}
.tp-checkout-billing-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
right: 17px;
height: 46px;
}
.tp-checkout-billing-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--tp-common-black);
line-height: 46px;
}
.tp-checkout-billing-wrapper button[name=save_address], .tp-checkout-billing-wrapper button[name=save_account_details] {
border-radius: 0;
border: 0;
outline: 0;
font-size: 16px;
font-weight: 500;
color: var(--tp-common-white);
padding: 11px 45px;
background-color: var(--tp-common-black);
margin-bottom: 15px;
text-transform: capitalize;
}
.tp-checkout-billing-wrapper button[name=save_address]:hover, .tp-checkout-billing-wrapper button[name=save_account_details]:hover {
background-color: #007CF5;
color: var(--tp-common-white);
}
.tp-checkout-billing-wrapper button[name=save_account_details] {
margin-top: 20px;
}
.tp-checkout-billing-wrapper .woocommerce-form-row {
margin-bottom: 0;
}
.tp-checkout-billing-wrapper button.woocommerce-form-login__submit[type=submit], .tp-checkout-billing-wrapper button.woocommerce-form-register__submit[name=register] {
border-radius: 0;
border: 0;
outline: 0;
font-size: 16px;
font-weight: 500;
color: var(--tp-common-white);
padding: 11px 45px;
background-color: #007CF5;
margin-bottom: 15px;
display: block;
}
.tp-checkout-billing-wrapper button.woocommerce-form-login__submit[type=submit]:hover, .tp-checkout-billing-wrapper button.woocommerce-form-register__submit[name=register]:hover {
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
.tp-checkout-billing-wrapper .woocommerce-privacy-policy-text p a {
color: #007CF5;
}
.tp-checkout-billing-wrapper .woocommerce-privacy-policy-text p a:hover {
text-decoration: underline !important;
}
.tp-checkout-billing-existing-login, .tp-checkout-billing-coupon {
margin-bottom: 15px;
}
.tp-checkout-billing-existing-login label, .tp-checkout-billing-coupon label {
position: static;
border: 0;
margin-bottom: 7px;
display: inline-block;
width: auto;
color: var(--tp-common-black);
}
.tp-checkout-billing-existing-login label abbr.required, .tp-checkout-billing-coupon label abbr.required {
color: red;
text-decoration: none;
}
.tp-checkout-billing-existing-login .woocommerce-info, .tp-checkout-billing-coupon .woocommerce-info {
font-size: 15px;
color: var(--tp-common-black);
display: inline-block;
padding: 8px 26px;
width: 100%;
}
.tp-checkout-billing-existing-login .woocommerce-info a, .tp-checkout-billing-coupon .woocommerce-info a {
color: #007CF5;
position: relative;
border-bottom: 1px solid #007CF5;
}
.tp-checkout-billing-existing-login .checkout_coupon.woocommerce-form-coupon, .tp-checkout-billing-existing-login .woocommerce-form.woocommerce-form-login, .tp-checkout-billing-coupon .checkout_coupon.woocommerce-form-coupon, .tp-checkout-billing-coupon .woocommerce-form.woocommerce-form-login {
margin-top: 14px;
background-color: var(--tp-common-white);
position: relative;
}
.tp-checkout-billing-existing-login input[type=text], .tp-checkout-billing-existing-login input[type=email], .tp-checkout-billing-existing-login input[type=tel], .tp-checkout-billing-existing-login input[type=url], .tp-checkout-billing-existing-login input[type=password], .tp-checkout-billing-coupon input[type=text], .tp-checkout-billing-coupon input[type=email], .tp-checkout-billing-coupon input[type=tel], .tp-checkout-billing-coupon input[type=url], .tp-checkout-billing-coupon input[type=password] {
outline: 0;
border-radius: 0;
height: 46px;
background: #FFFFFF;
border: 1px solid #E0E2E3;
font-size: 14px;
color: var(--tp-common-black);
padding: 0 25px;
line-height: 46px;
margin-bottom: 0;
margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.tp-checkout-billing-existing-login input[type=text], .tp-checkout-billing-existing-login input[type=email], .tp-checkout-billing-existing-login input[type=tel], .tp-checkout-billing-existing-login input[type=url], .tp-checkout-billing-existing-login input[type=password], .tp-checkout-billing-coupon input[type=text], .tp-checkout-billing-coupon input[type=email], .tp-checkout-billing-coupon input[type=tel], .tp-checkout-billing-coupon input[type=url], .tp-checkout-billing-coupon input[type=password] {
width: 100%;
}
}
.tp-checkout-billing-existing-login input[type=text]:focus, .tp-checkout-billing-existing-login input[type=email]:focus, .tp-checkout-billing-existing-login input[type=tel]:focus, .tp-checkout-billing-existing-login input[type=url]:focus, .tp-checkout-billing-existing-login input[type=password]:focus, .tp-checkout-billing-coupon input[type=text]:focus, .tp-checkout-billing-coupon input[type=email]:focus, .tp-checkout-billing-coupon input[type=tel]:focus, .tp-checkout-billing-coupon input[type=url]:focus, .tp-checkout-billing-coupon input[type=password]:focus {
border-color: #007CF5;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
margin-bottom: 15px;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {
display: none;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::after, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::after {
background-color: #007CF5;
border-color: #007CF5;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before {
visibility: visible;
opacity: 1;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
font-size: 15px;
color: #55585B;
position: relative;
padding-left: 26px;
z-index: 1;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after {
position: absolute;
content: "";
top: 2px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
border: 1px solid #C3C7C9;
z-index: -1;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before {
position: absolute;
content: url(//www.besanmmc.com/wp-content/themes/printx/assets/icons/check.svg);
top: 2px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-white);
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span a:hover, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span a:hover {
color: #007CF5;
}
.tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span:hover, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span:hover {
cursor: pointer;
}
.tp-checkout-billing-existing-login .lost_password a, .tp-checkout-billing-coupon .lost_password a {
color: var(--tp-common-black);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.tp-checkout-billing-existing-login .lost_password a:hover, .tp-checkout-billing-coupon .lost_password a:hover {
color: #007CF5;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
margin-bottom: 15px;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {
display: none;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::after {
background-color: #007CF5;
border-color: #007CF5;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before {
visibility: visible;
opacity: 1;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
font-size: 15px;
color: #55585B;
position: relative;
padding-left: 26px;
z-index: 1;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after {
position: absolute;
content: "";
top: 4px;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border: 1px solid #C3C7C9;
z-index: -1;
border-radius: 4px;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before {
position: absolute;
content: "\f00c";
left: 4px;
top: -1px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-white);
font-family: "Font Awesome 6 Pro";
font-size: 10px;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span a:hover {
color: #007CF5;
}
.woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span:hover {
cursor: pointer;
}
.woocommerce-form.woocommerce-form-login .lost_password a {
color: var(--tp-common-black);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.woocommerce-form.woocommerce-form-login .lost_password a:hover {
color: #007CF5;
}
.woocommerce-MyAccount-content .woosw-list .woosw-items .woosw-item--add .add_to_cart_button {
font-size: 0;
}
.woocommerce-MyAccount-content .woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {
margin-right: 0;
}
.woocommerce-checkout-payment .wc_payment_methods {
padding-left: 0;
padding-bottom: 26px;
margin-bottom: 24px;
border-bottom: 1px solid #E0E2E3;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {
list-style: none;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method:not(:last-child) {
margin-bottom: 10px;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input {
display: none;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input:checked ~ label::after {
border-color: #007CF5;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input:checked ~ label::before {
opacity: 1;
visibility: visible;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label {
font-size: 14px;
position: relative;
padding-left: 27px;
font-weight: 500;
color: var(--tp-common-black);
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label:hover {
cursor: pointer;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #BCBCBC;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label::before {
position: absolute;
content: "";
left: 3px;
top: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #007CF5;
visibility: hidden;
opacity: 0;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label img {
margin-left: 14px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label a {
margin-left: 20px;
position: relative;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label a::after {
position: absolute;
content: "";
left: 0;
bottom: 3px;
width: 100%;
height: 1px;
background-color: var(--tp-common-black);
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box {
position: relative;
padding-top: 10px;
display: none;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box::after {
position: absolute;
content: "";
left: 57px;
top: 0;
width: 16px;
height: 16px;
background-color: #F6F7F9;
-webkit-transform: translateY(3px) rotate(45deg);
-moz-transform: translateY(3px) rotate(45deg);
-ms-transform: translateY(3px) rotate(45deg);
-o-transform: translateY(3px) rotate(45deg);
transform: translateY(3px) rotate(45deg);
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p {
background-color: #F6F7F9;
padding: 19px 30px;
margin-left: 27px;
font-size: 14px;
line-height: 1.57;
color: #55585B;
margin-bottom: 0;
}
.tp-product-details-thumb-wrapper {
position: relative;
overflow: hidden;
}
.tp-product-details-thumb-wrapper .tp-product-on-sale span {
border-radius: 40px;
background: #FF111F;
position: absolute;
top: 10px;
left: 10px;
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 3px 15px;
display: inline-block;
z-index: 1;
}
body.woocommerce-cart table th.wc-block-cart-items__header-image span, body.woocommerce-cart table th.wc-block-cart-items__header-total span {
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
display: inline;
}
body.woocommerce-cart table th.wc-block-cart-items__header-image span {
float: left;
}
@media (max-width: 991px) {
body.woocommerce-cart table .wc-block-cart-items__row {
display: flex !important;
}
}
body.woocommerce-cart table td:last-child {
padding-right: 0 !important;
}
body.woocommerce-cart table td.wc-block-cart-item__image {
width: 200px;
padding-left: 0 !important;
}
body.woocommerce-cart table td.wc-block-cart-item__product .wc-block-components-product-name {
font-size: 20px;
color: var(--tp-common-black);
display: inline-block;
margin-bottom: 5px;
}
body.woocommerce-cart table td.wc-block-cart-item__product .wc-block-components-product-name:hover {
color: var(--tp-common-pink-4);
}
body.woocommerce-cart table td.wc-block-cart-item__product .price {
font-size: 14px;
color: #696A7E;
margin-bottom: 10px;
}
body.woocommerce-cart table td.wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
height: 40px;
}
body.woocommerce-cart table td.wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-components-quantity-selector input {
height: 40px;
}
body.woocommerce-cart table td.wc-block-cart-item__product .wc-block-cart-item__quantity button {
font-size: 20px;
}
body.woocommerce-cart table td.wc-block-cart-item__product .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
color: #F43278;
font-size: 15px;
margin-top: 5px;
}
body.woocommerce-cart table td.wc-block-cart-item__total .wc-block-formatted-money-amount {
font-size: 16px;
color: var(--tp-common-black);
display: inline-block;
margin-bottom: 5px;
}
body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block {
box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
padding: 30px;
}
body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon-link:hover {
color: var(--tp-common-pink-4);
}
body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-coupon__button {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
}
body.woocommerce-cart .wc-block-cart__submit-container a {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
transition: 0.3s;
}
body.woocommerce-cart .wc-block-cart__submit-container a:hover {
background-color: #FF8717;
color: var(--tp-common-white);
}
body.woocommerce-cart .wc-block-components-sale-badge span {
font-size: 12px !important;
margin-bottom: 0 !important;
color: #72747C !important;
}
body.woocommerce-cart .tp-shop-details__quantity {
width: 100px;
height: auto;
}
body.woocommerce-checkout .wc-block-components-form {
padding: 45px 40px 24px;
background-color: #F6F6F6;
}
body.woocommerce-checkout .wc-block-components-form input[type=text] {
border: 1px solid #E0E2E3 !important;
border-radius: 0 !important;
padding: 25px !important;
}
body.woocommerce-checkout .wc-block-components-form input[type=text]:focus {
border: 1px solid var(--tp-theme-2) !important;
box-shadow: none !important;
}
body.woocommerce-checkout .wc-block-components-form label.components-base-control__label {
padding-left: 19px;
}
body.woocommerce-checkout .wc-block-components-form textarea {
width: 100%;
background: #FFFFFF;
color: var(--tp-common-black);
border: 1px solid #E0E2E3;
border-radius: 0;
padding: 25px;
height: 200px;
}
body.woocommerce-checkout .wc-block-components-form textarea:focus {
border: 1px solid var(--tp-theme-2);
box-shadow: none;
}
body.woocommerce-checkout .wc-block-components-title {
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
body.woocommerce-checkout .wc-block-components-text-input input[type=text],
body.woocommerce-checkout .wc-block-components-text-input input[type=email],
body.woocommerce-checkout .wc-block-components-text-input input[type=tel],
body.woocommerce-checkout .wc-block-components-text-input input[type=number],
body.woocommerce-checkout .wc-block-components-text-input input[type=password],
body.woocommerce-checkout .wc-block-components-text-input input[type=url],
body.woocommerce-checkout .wc-block-components-text-input input[type=search], body.woocommerce-checkout .wc-block-components-text-input input.components-combobox-control__input[aria-expanded=true], body.woocommerce-checkout .wc-block-components-text-input textarea {
width: 100%;
background: #FFFFFF;
color: var(--tp-common-black);
height: 64px;
border: 1px solid #E0E2E3;
border-radius: 0;
padding: 0 25px;
}
body.woocommerce-checkout .wc-block-components-text-input input[type=text]:focus,
body.woocommerce-checkout .wc-block-components-text-input input[type=email]:focus,
body.woocommerce-checkout .wc-block-components-text-input input[type=tel]:focus,
body.woocommerce-checkout .wc-block-components-text-input input[type=number]:focus,
body.woocommerce-checkout .wc-block-components-text-input input[type=password]:focus,
body.woocommerce-checkout .wc-block-components-text-input input[type=url]:focus,
body.woocommerce-checkout .wc-block-components-text-input input[type=search]:focus, body.woocommerce-checkout .wc-block-components-text-input input.components-combobox-control__input[aria-expanded=true]:focus, body.woocommerce-checkout .wc-block-components-text-input textarea:focus {
border: 1px solid var(--tp-theme-2);
box-shadow: none;
}
body.woocommerce-checkout .wc-block-components-text-input label {
padding-left: 19px;
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
color: var(--tp-common-purple-2);
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover {
color: #FF8717;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
body.woocommerce-checkout .wc-block-components-totals-coupon__button {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
padding: 40px 20px;
background: #F6F6F6;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name {
font-size: 20px;
color: #060728;
margin-bottom: 5px;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block p {
font-size: 13px;
}
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label, .woocommerce-checkout .wc-block-components-text-input label {
top: 4px;
}
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill + label, .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input.is-active label, .woocommerce-checkout .wc-block-components-text-input input:-webkit-autofill + label, .woocommerce-checkout .wc-block-components-text-input.is-active label {
transform: translateY(5px) scale(0.7);
}
.archive.woocommerce-page .woocommerce-notices-wrapper {
display: none;
}
.tp-pro-tab1 .tp-fea-product__star .star-rating, .tp-pro-slider-el .tp-fea-product__star .star-rating {
margin: auto;
}