@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Medium.otf") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: Satoshi;
  --tp-ff-heading: 'Outfit', sans-serif;
  --tp-ff-satoshi: Satoshi;
  --tp-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --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;
}

/*-----------------------------------------------------------------------------------

    Theme Name: Printx - Printing Services HTML Template 
    Author: Theme Pure
    Support: https://help.themepure.net/support/
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. theme default css
	02. header css start
	03. about css start 
	04. banner css start
	05. blog css start
	06. brand css start
	07. busienss css start
	08. cart css start
	09. catagori css start
	10. checkout css start
	11. choose css start 
	12. contact css start
	13. cta css start
	14. deal css start
	15. error css start 
	16. faq css start 
	17. feature css start
	18. instagram css start
	19. process css start
	20. product css start 
	21. project css start
	22. service css start 
    23. slider css start  
	24. team css start 
	25. testimonial css start 
	26. work css start 
	27. footer css start

**********************************************/
/*----------------------------------------
 01. THEME DEFAULT CSS START
----------------------------------------*/
@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;
}

/*---------------------------------
	typography css start 
---------------------------------*/
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;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.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);
}

/* pulse effect animation */
@-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%;
  }
}
/* right bounce */
@-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);
  }
}
/* /right bounce */
@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);
  }
}
/*--- preloader ---*/
.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;
  }
}
/*--- end of preloader ---*/
.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;
}

/*---------------------------------------
         Background color
-----------------------------------------*/
.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(../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);
}

/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/
.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("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("images/ui-icons_555555_256x240.png");
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("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;
}

/** slider title**/
.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;
}

/*----------------------------------------*/
/*  2.16 Search css start
/*----------------------------------------*/
.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);
}

/*----------------------------------------*/
/*  03. MEANMENU CSS START
/*----------------------------------------*/
.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 menu customize */
.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);
}

/*----------------------------------------*/
/*  02. header css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  23. slider css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  17. feature css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  03. about css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  09. catagori css start 
/*----------------------------------------*/
.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%;
  }
}

/*----------------------------------------*/
/*  08. cart css start
/*----------------------------------------*/
/* 16. Cart */
.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;
}

/* 17. Checkout */
.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%;
}

/*----------------------------------------*/
/*  24. team css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  18. instagram css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  21. project css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  22. service css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  16. faq css start 
/*----------------------------------------*/
.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);
}

/*----------------------------------------*/
/*  26. work css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  19. process css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  11. choose css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  04. banner css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  10. checkout css start
/*----------------------------------------*/
.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);
}

/*----------------------------------------*/
/*  14. deal css start 
/*----------------------------------------*/
.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%;
  }
}

/*----------------------------------------*/
/*  12. contact css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  20. product css start 
/*----------------------------------------*/
.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;
  }
}

/*** shop details here ****/
.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;
}

/*----------------------------------------*/
/*  07. busienss css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  25. testimonial css start 
/*----------------------------------------*/
.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;
}

/*----------------------------------------*/
/*  15. error css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  06. brand css start 
/*----------------------------------------*/
.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;
  }
}

/*----------------------------------------*/
/*  13. cta css start 
/*----------------------------------------*/
.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%;
  }
}

/*----------------------------------------*/
/*  05. blog css start 
/*----------------------------------------*/
.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);
}

/*----------------------------------------*/
/*  27. footer css start 
/*----------------------------------------*/
.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;
  }
}

/*-- copyright css start --*/
.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;
}

/*----------------------------------------*/
/*  45. WOOCOMMERCE CSS START
/*----------------------------------------*/
.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;
}

/* cart page css */
.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;
}

/* checkout css start */
.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;
}

/* wishlist css start */
.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);
}

/* product details */
.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;
}

/* order details css start */
.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;
}

/* my account css */
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 progress bar */
.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; /* for Chrome, Safari, and Opera */
}
.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;
}

/* product sidebar */
div.product__widget {
  /* rating filter */
  /* product filter by color list*/
  /* filter categories */
}
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 {
  /* price range slider */
}
.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;
}

/*mini cart */
.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;
}

/*rating*/
.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;
}

/*rating end*/
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;
}

/*spinner */
@-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;
}

/*compare*/
.woosc-area {
  background: no-repeat !important;
}

/* archive */
.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("../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;
}

/*# sourceMappingURL=printx-core.css.map */