@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Template Name – HTML5 Template
    Author: Theme Pure
    Support: basictheme400@gmail.com
    Description: Template Name  – HTML5 Template
    Version: 1.0

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Common Classes
		1.3 Default Spacing

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Theme Settings
		2.3 Buttons
		2.4 Animations
		2.5 Preloader
		2.6 Background 
		2.7 Carousel
		2.8 Nice Select
		2.9 Pagination
		2.10 Offcanvas
		2.11 Breadcrumb
		2.12 Accordion
		2.13 Tab
		2.14 Modal
		2.15 Section Title
	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Header Style 2
		3.3 Header Style 3
		3.4 Header Style 4
		3.5 Header Style 5
		3.6 Header Style 6
		3.7 Header Style 7

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main menu css
		4.2 Meanmenu css
		4.3 Mobile menu css

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Postbox css
		5.2 Recent Post css
		5.3 Sidebar css
		5.4 Blog css

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1
		6.2 Footer Style 2
		6.3 Footer Style 3
		6.4 Footer Style 4
		6.5 Footer Style 5
		6.6 Footer Style 6
		6.7 Footer Style 7

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 Slider css
		7.2 About css
		7.3 Brand css
		7.4 Cart css
		7.5 Checkout css
		7.6 Contact css
		7.7 Counter css
		7.8 CTA css
		7.9 FAQ css
		7.10 Feature css
		7.11 Form css
		7.12 Order CSS
		7.13 Portfolio css
		7.14 Pricing css
		7.15 Product css
		7.16 Services css
		7.17 Team css
		7.18 Testimonial css

	---------------------------------
	08. ECOMMERCE CSS
	---------------------------------
		8.1 Cart css
		8.2 ECOMMERCE css
		8.3 Product css



    
**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/




@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
.main-menu ul li .tp-submenu, .tp-accordion .accordion-button .tp-accordion-plus, .tp-accordion .accordion-button .tp-accordion-plus::after, .tp-accordion .accordion-button .tp-accordion-plus::before, .back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.back-to-top-btn {
  -webkit-transition: transform 0.3s 0s ease-out;
  -moz-transition: transform 0.3s 0s ease-out;
  -ms-transition: transform 0.3s 0s ease-out;
  -o-transition: transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out;
}

@font-face {
  font-family: 'Open Sans', sans-serif;
  src: url("../fonts/VirsaceBigiora-Regular.woff") format("woff"), url("../fonts/VirsaceBigiora-Regular.eot") format("eot"), url("../fonts/VirsaceBigiora-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'DM Sans', sans-serif;
  --tp-ff-heading: 'Virsace Bigiora', sans-serif;
  --tp-ff-p: 'DM Sans', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #FFFFFF; /* أبيض للخلفيات */
  --tp-common-black: #000000; /* أسود للنصوص */
  --tp-heading-primary: #C5A253; /* ذهبي للعناوين الأساسية */
  --tp-grey-1: #F1F1F1; /* استخدام لون رمادي خفيف للخلفيات الثانوية */
  --tp-grey-2: #F8F8F8; /* خلفية ثانوية */
  --tp-grey-3: #F5F5F5; /* خلفية ثانوية */
  --tp-text-body: #000000; /* نصوص الجسم */
  --tp-text-1: #C5A253; /* نص ذهبي للعناوين الأساسية */
  --tp-theme-primary: #C5A253; /* ذهبي للأزرار البارزة */
  --tp-theme-secondary: #FFFFFF; /* خلفيات الأقسام الثانوية */
  --tp-border-primary: #C5A253; /* حدود ذهبية */
  --tp-border-secondary: #E0E0E0; 
  /**
  @font size
  */
  --tp-fz-body: 20px;
  --tp-fz-p: 24px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
	typography css start 
---------------------------------*/


.custom-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.custom-modal-content {
  position: relative;
  margin: 10% auto;
  padding: 20px;
  background: white;
  border-radius: 10px;
  width: 300px;
  text-align: center;
}

.custom-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.modal-icon {
  font-size: 40px;
  margin-bottom: 10px;
}

.modal-icon.success {
  color: green;
}

.modal-icon.error {
  color: red;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: var(--tp-fz-body);
  font-weight: normal;
  color: var(--tp-text-body);
  line-height: 26px;
  overflow-X: hidden !important;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
  color: var(--tp-heading-primary);
  margin-top: 0px;
  font-weight: 400;
  line-height: 1.1;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 30px;
}
/* RTL adjustments for header */
html[dir="rtl"] .header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Space between logo and menu button */
}

html[dir="rtl"] .logo {
  margin-left: auto; /* Push logo to the left */
  margin-right: 0;
}

html[dir="rtl"] .offcanvas-open-btn {
  margin-left: 0;
  margin-right: auto; /* Push menu button to the far right */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 48px; /* Ensure consistent button size */
  height: 48px;
}

html[dir="rtl"] .cart-list-wrap {
  margin-right: 10px; /* Adjust cart icon if needed */
  margin-left: 0;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

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[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  background-color: #EFF0F2;
  height: 54px;
  width: 100%;
  line-height: 54px;
  font-size: 18px;
  border: 2px solid #EFF0F2;
  color: var(--tp-text-body);
  padding-left: 29px;
  padding-right: 29px;
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #84848B;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #84848B;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: #84848B;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #84848B;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: #84848B;
}

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-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

img {
  max-width: 100%;
}

.w-img {
  width: 100%;
}

.test-class {
  padding: 5px 20px;
  background-color: green;
  color: #000;
  position: relative;
  overflow: hidden;
}
.test-class::after, .test-class::before {
  position: absolute;
  content: "";
  left: -23px;
  bottom: -7px;
  width: 79%;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.test-class::before {
  left: auto;
  right: -23px;
  top: -7px;
  bottom: auto;
}
.test-class span {
  position: relative;
}
.test-class span::after, .test-class span::before {
  position: absolute;
  content: "";
  left: -23px;
  bottom: -7px;
  width: 79%;
  height: 10px;
  background-color: red;
  border-radius: 50%;
}

.container-fluid {
  padding-right: var(--bs-gutter-x, 15px);
  padding-left: var(--bs-gutter-x, 15px);
}

.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid #CD5F37;
  box-sizing: border-box;
  z-index: 10000000;
  transition: all 0.08s linear;
}

.mouseCursor {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  text-align: center;
}
.mouseCursor.my-class {
  mix-blend-mode: difference;
  background-color: #fff;
}
.mouseCursor.my-class.cursor-outer {
  width: 72px;
  height: 72px;
}
.mouseCursor.my-class.cursor-inner {
  display: none;
}

.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: #CD5F37;
  transition: all 0.08s linear;
}

.cursor-inner span {
  color: #fff;
  line-height: 80px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.gx-6 {
  --bs-gutter-x: 15px;
}



/*---------------------------------
    1.2 SHop page 
---------------------------------*/

/* General Footer Style */
.footer-area.theme-bg {
  background-color: #2c2c2c; /* Dark gray background for luxury */
  padding: 50px 20px;
  color: #f5e9da; /* Creamy white for text */
  font-family: 'Open Sans', sans-serif;
  border-top: 2px solid #d4af37; /* Elegant gold border */
}

/* Links Styling */
.footer-area ul li a {
  color: #f5e9da; /* Creamy white links */
  font-size: 16px; /* Readable size */
  font-weight: 500; /* Slightly bold for emphasis */
  text-transform: capitalize; /* Capitalized style for clean appearance */
  transition: color 0.3s ease; /* Smooth hover effect */
  margin-bottom: 10px; /* Added spacing between links */
  display: inline-block; /* Ensure proper padding and alignment */
}

.footer-area ul li a:hover {
  color: #d4af37; /* Gold on hover */
  text-decoration: underline; /* Subtle underline effect */
}

/* Social Media Icons */
.side-info-social {
  display: flex; /* Flexbox for proper alignment */
  justify-content: center; /* Center alignment */
  gap: 15px; /* Even spacing between icons */
  margin-top: 20px; /* Spacing from other elements */
}

.side-info-social a {
  display: inline-block; /* Ensure clickable area */
}

.side-info-social a i {
  color: #d4af37; /* Gold icons */
  font-size: 28px; /* Slightly larger for emphasis */
  transition: color 0.3s ease, transform 0.3s ease; /* Smooth hover effect and zoom */
}

.side-info-social a:hover i {
  color: #f5e9da; /* Creamy white on hover */
  transform: scale(1.2); /* Slight zoom on hover */
}
/* Social Media Icons Container */
.side-info-social {
  display: flex;
  justify-content: center; /* Center align icons */
  margin-top: 20px; /* Add spacing from other footer elements */
  gap: 15px; /* Uniform spacing between icons */
}
/* Footer Headings */
.footer-area h4 {
  color: #d4af37; /* Gold headings */
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* Add Button Styling for Appointment */
.footer-appoinment a {
  background-color: #d4af37; /* Gold button */
  color: #2c2c2c; /* Dark gray text for contrast */
  padding: 10px 20px;
  border-radius: 25px; /* Rounded corners */
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.footer-appoinment a:hover {
  background-color: #f5e9da; /* Creamy white on hover */
  color: #2c2c2c; /* Dark gray text */
  border: 2px solid #d4af37; /* Gold border */
}

/* Footer Links Alignment */
.footer-link ul {
  list-style: none;
  padding: 0;
}


/* Social Media Icons Alignment */
.side-info-social {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* Footer Subtext */
.footer-area .footer-bottom-text {
  color: #f5e9da;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.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;
}

.demo {
  -webkit-transition: color 0.3s 0s linear;
  -moz-transition: color 0.3s 0s linear;
  -ms-transition: color 0.3s 0s linear;
  -o-transition: color 0.3s 0s linear;
  transition: color 0.3s 0s linear;
  -webkit-transition: color 0.3s linear, transform 0.2s ease;
  -moz-transition: color 0.3s linear, transform 0.2s ease;
  -ms-transition: color 0.3s linear, transform 0.2s ease;
  -o-transition: color 0.3s linear, transform 0.2s ease;
  transition: color 0.3s linear, transform 0.2s ease;
}
[dir=rtl] .demo {
  margin-left: 0;
  margin-right: 15px;
}
div.demo img {
  margin-left: 10px;
}

[tp-theme=tp-theme-dark] .demo {
  color: yellow;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 0.5;
  visibility: visible;
}

/* dropcap */
.tp-dropcap::first-letter {
  font-size: 50px;
  font-weight: 700;
  float: left;
  text-align: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  margin-right: 5px;
  line-height: inherit;
}

.class {
  stroke-dasharray: 189px, 191px;
  stroke-dashoffset: 0px;
}

.gx-6 {
  --bs-gutter-x: 15px;
}

.gx-7 {
  --bs-gutter-x: 10px;
}

.gx-8 {
  --bs-gutter-x: 70px;
}
@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) {
  .gx-8 {
    --bs-gutter-x: 30px;
  }
}

/*---------------------------------
    1.3 Default Spacing
---------------------------------*/ /*----------------------------------------*/
/*  2.1 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  color: rgba(38, 32, 32, 0.6);
  background-color: var(--tp-common-white);
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  border-radius: 50%;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*----------------------------------------*/
/*  2.2 Theme Settings
/*----------------------------------------*/
.tp-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: #fff;
  border: 1px solid #EAEAEF;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  z-index: 991;
  direction: ltr;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-area.settings-opened {
  -webkit-transform: translateY(-50%) translateX(0%);
  -moz-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  -o-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {
  opacity: 0;
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-close {
  opacity: 1;
}
.tp-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%;
}
.tp-theme-settings-open button {
  background-color: var(--tp-common-white);
  border: 1px solid #EAEAEF;
  border-left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: var(--tp-common-black);
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-gear {
  display: inline-block;
  -webkit-animation: tp-theme-setting-spin 4s linear infinite;
  -moz-animation: tp-theme-setting-spin 4s linear infinite;
  -ms-animation: tp-theme-setting-spin 4s linear infinite;
  -o-animation: tp-theme-setting-spin 4s linear infinite;
  animation: tp-theme-setting-spin 4s linear infinite;
}
@-webkit-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.tp-theme-settings-close {
  display: inline-block;
  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%);
  opacity: 0;
}
.tp-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.tp-theme-wrapper {
  padding: 20px 30px 30px;
}
.tp-theme-toggle {
  text-align: center;
}
.tp-theme-toggle-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.tp-theme-toggle-light, .tp-theme-toggle-dark {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.tp-theme-toggle input {
  display: none;
}
.tp-theme-toggle:hover {
  cursor: pointer;
}
.tp-theme-toggle label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-toggle label:hover {
  cursor: pointer;
}
.tp-theme-toggle #tp-theme-toggler {
  display: none;
}
.tp-theme-toggle #tp-theme-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-toggle-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-dir {
  text-align: center;
}
.tp-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.tp-theme-dir-ltr, .tp-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.tp-theme-dir input {
  display: none;
}
.tp-theme-dir:hover {
  cursor: pointer;
}
.tp-theme-dir label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-dir label:hover {
  cursor: pointer;
}
.tp-theme-dir #tp-dir-toggler {
  display: none;
}
.tp-theme-dir #tp-dir-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-dir-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}
.tp-theme-color-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.tp-theme-color-btn::before {
  position: absolute;
  content: "\f00c";
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  color: var(--tp-common-white);
  font-size: 16px;
  left: 50%;
  top: 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%);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
  visibility: hidden;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F50963"] {
  background-color: #F50963;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#008080"] {
  background-color: #008080;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F31E5E"] {
  background-color: #F31E5E;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#AB6C56"] {
  background-color: #AB6C56;
  color: black;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#4353FF"] {
  background-color: #4353FF;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#3661FC"] {
  background-color: #3661FC;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#2CAE76"] {
  background-color: #2CAE76;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF5A1B"] {
  background-color: #FF5A1B;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#03041C"] {
  background-color: #03041C;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#ED212C"] {
  background-color: #ED212C;
}
.tp-theme-color-input {
  margin-top: 15px;
}
.tp-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.tp-theme-color-input label {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--tp-theme-1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-theme-color-input label:hover {
  cursor: pointer;
}
.tp-theme-color-input input {
  display: none;
}

/*----------------------------------------*/
/*  2.3 Buttons
/*----------------------------------------*/
/* theme btn */
.tp-btn {
  display: inline-block;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  border: 2px solid var(--tp-theme-primary);
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  padding: 8px 28px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn i, .tp-btn svg {
  margin-left: 5px;
}
.tp-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-btn:hover {
  background: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.tp-btn:focus {
  color: var(--tp-heading-primary);
}

.tp-btn-theme {
  display: inline-block;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  padding: 23px 40px;
  border: 2px solid var(--tp-heading-primary);
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn-theme i, .tp-btn-theme svg {
  margin-left: 5px;
}
.tp-btn-theme svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-btn-theme:hover {
  background: var(--tp-common-white);
  color: var(--tp-heading-primary);
}
.tp-btn-theme:focus {
  color: var(--tp-heading-primary);
}

.tp-round-btn {
  display: inline-block;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  z-index: 1;
  overflow: hidden;
  line-height: 1.5;
  font-weight: 500;
  font-size: 20px;
  border: 2px solid var(--tp-theme-primary);
  border-radius: 40px;
  padding: 23px 38px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-round-btn i, .tp-round-btn svg {
  margin-left: 5px;
}
.tp-round-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-round-btn:hover {
  background: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.tp-round-btn:focus {
  color: var(--tp-heading-primary);
}

/* theme btn */
.tp-btn-2 {
  display: inline-block;
  background: var(--tp-theme-4);
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  padding: 25px 40px;
  border-radius: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  line-height: 1.5;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  font-weight: 500;
  font-size: 20px;
  color: var(--tp-heading-primary);
}
.tp-btn-2 i, .tp-btn-2 svg {
  margin-left: 5px;
}
.tp-btn-2 svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-btn-2:hover {
  background: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.tp-btn-2:focus {
  color: var(--tp-theme-primary);
}

.menu-btn {
  display: inline-block;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  border: 2px solid var(--tp-theme-primary);
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  padding: 8px 18px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.menu-btn i, .menu-btn svg {
  margin-left: 5px;
}
.menu-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.menu-btn:hover {
  background: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.menu-btn:focus {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .menu-btn {
    font-size: 15px;
    padding: 8px 15px;
  }
}

/* offcanvas btn */
.tp-btn-offcanvas {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  text-align: center;
  padding: 16px 22px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}
.tp-btn-offcanvas i {
  padding-left: 5px;
}
.tp-btn-offcanvas:hover {
  background-color: var(--tp-heading-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.4 Animations
/*----------------------------------------*/
/* 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 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);
  }
}
/* Video Play Button */
.tpbanner-video-play a,
.about-3-play a {
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%);
  padding: 8px; /* Reduced padding for a more compact button */
  /* background-color: rgba(255, 255, 255, 0.8); Slightly opaque background for visibility */
  z-index: 10;
  transition: all 0.3s ease; /* Smooth hover effect */
}

.tpbanner-video-play a:hover,
.about-3-play a:hover {
  /* background-color: rgba(255, 255, 255, 1); Fully opaque on hover */
  transform: translate(-50%, -50%) scale(1.1); /* Slight scale effect on hover */
}

/* Animated Outer Ring */
.tpbanner-video-play a::after,
.about-3-play a::after,
.tpbanner-video-play a::before,
.about-3-play a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 110%; /* Slightly smaller for a cleaner look */
  height: 110%;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5); /* Subtle ring effect */
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
}

/* Delay for the second animation ring */
.tpbanner-video-play a::before,
.about-3-play a::before {
  animation-delay: 0.5s;
}

/* Video Container */
.video-container {
  position: fixed;
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%);
  max-width: 50%; /* Adjusted to be more compact */
  max-height: 50%; /* Limit the height for smaller screens */
  padding: 10px; /* Reduced padding */
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8); /* Dark background for better focus */
  border-radius: 8px; /* Subtle rounded edges */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Reduced shadow for less depth */
}

/* Video Wrapper */
.video-wrapper {
  position: relative;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5); /* Subtle overlay */
  border-radius: 50%; /* Circular design */
  display: inline-block;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
  .video-container {
    max-width: 60%; /* Adjust container width for tablets */
    max-height: 40%; /* Slightly taller for medium screens */
    padding: 8px;
  }

  .tpbanner-video-play a,
  .about-3-play a {
    padding: 7px; /* Smaller play button for tablets */
  }

  .tpbanner-video-play a::after,
  .tpbanner-video-play a::before,
  .about-3-play a::after,
  .about-3-play a::before {
    width: 90%; /* Adjusted for smaller screens */
    height: 90%;
  }
}

@media (max-width: 768px) {
  .video-container {
    max-width: 85%; /* Further reduce width for smaller tablets */
    max-height: 50%; /* Maintain height proportions */
    padding: 7px;
  }

  .tpbanner-video-play a,
  .about-3-play a {
    padding: 6px; /* Compact play button */
  }

  .tpbanner-video-play a::after,
  .tpbanner-video-play a::before,
  .about-3-play a::after,
  .about-3-play a::before {
    width: 85%; /* Further reduce outer ring size */
    height: 85%;
  }
}

@media (max-width: 576px) {
  .video-container {
    max-width: 90%; /* Limit container size for phones */
    max-height: 50%; /* Fit within phone screen height */
    padding: 5px; /* Minimal padding */
  }

  .tpbanner-video-play a,
  .about-3-play a {
    padding: 5px; /* Smaller button for phones */
  }

  .tpbanner-video-play a::after,
  .tpbanner-video-play a::before,
  .about-3-play a::after,
  .about-3-play a::before {
    width: 80%; /* Smaller outer ring for compact view */
    height: 80%;
  }
}

/* Animation Keyframes */
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
/* 01. ========= shape animation ========== */
@keyframes bannerAnimationTwo {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes tpswing {
  0% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
@-webkit-keyframes tpswing {
  0% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes opacity {
  50% {
    opacity: 1;
  }
}
/* Standard syntax */
@keyframes opacity {
  50% {
    opacity: 1;
  }
}
@keyframes img-border {
  0% {
    -webkit-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  }
  100% {
    -webkit-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  }
}
@keyframes tpupdown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-40px);
  }
}
@keyframes tpleftright {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes section_stroke {
  0% {
    stroke-dashoffset: 560;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -560;
  }
}
.tp-ripple {
  border-radius: 50%;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

@keyframes tp-ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(205, 95, 55, 0.2), 0 0 0 30px rgba(205, 95, 55, 0.2), 0 0 0 40px rgba(205, 95, 55, 0.2);
    box-shadow: 0 0 0 0 rgba(205, 95, 55, 0.2), 0 0 0 30px rgba(205, 95, 55, 0.2), 0 0 0 40px rgba(205, 95, 55, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(205, 95, 55, 0.2), 0 0 0 40px rgba(205, 95, 55, 0.2), 0 0 0 50px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(205, 95, 55, 0.2), 0 0 0 40px rgba(205, 95, 55, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
  }
}
@keyframes tprotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes tprotate-middel {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes tptranslateY2 {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(20px);
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
/* 01. ========= animation plus ========== */
@keyframes shake-next {
  25% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-2px, 0, 0);
  }
  75% {
    transform: translate3d(2px, 0, 0);
  }
}
.under-line-white a {
  position: relative;
}
.under-line-white a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  left: auto;
  right: 0;
  bottom: 8px;
  opacity: 0;
  transition: all 0.3s linear;
}
.under-line-white a:hover::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}

.under-line-theme a {
  background-image: linear-gradient(#CD5F37, #CD5F37), linear-gradient(#CD5F37, #CD5F37);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.under-line-theme a:hover {
  background-size: 0% 1px, 100% 1px;
}

.under-line-heading a {
  background-image: linear-gradient(#481E0B, #481E0B), linear-gradient(#481E0B, #481E0B);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 84%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.under-line-heading a:hover {
  background-size: 0% 1px, 100% 1px;
}

.tp-thumb-common {
  position: relative;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.tp-thumb-common-overlay {
  position: absolute;
  content: "";
  top: 0;
  left: 0%;
  width: 0%;
  height: 100%;
  background-color: #FAEFEB;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: tpoverlay;
  animation-name: tpoverlay;
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  z-index: 99;
}

@-webkit-keyframes tpoverlay {
  0%, 100% {
    width: 0%;
    left: 0%;
  }
  50% {
    width: 100%;
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@-moz-keyframes tpoverlay {
  0%, 100% {
    width: 0%;
    left: 0%;
  }
  50% {
    width: 100%;
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@-ms-keyframes tpoverlay {
  0%, 100% {
    width: 0%;
    left: 0%;
  }
  50% {
    width: 100%;
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@keyframes tpoverlay {
  0%, 100% {
    width: 0%;
    left: 0%;
  }
  50% {
    width: 100%;
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-ms-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-webkit-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/
#loading {
  background-color: #000000; /* اللون الأبيض */
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  margin-top: 0;
  top: 0;
}

/* تنسيق مركز الـ loading */
#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

/* مركز الـ loading */
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 20px;
  width: 100px;
  margin-top: -10px;
  margin-left: -50px;
}

/* تنسيق الـ objects لتكون دائرية وباللون الذهبي */
.object {
  width: 20px;
  height: 20px;
  background-color: #d4af36; /* اللون الذهبي */
  border-radius: 50%;
  margin-right: 20px;
  margin-bottom: 20px;
  position: absolute;
}

/* تحريك الـ objects */
#object_one {
  animation: object 2s linear infinite;
}

#object_two {
  animation: object 2s linear infinite -0.4s;
}

#object_three {
  animation: object 2s linear infinite -0.8s;
}

#object_four {
  animation: object 2s linear infinite -1.2s;
}

#object_five {
  animation: object 2s linear infinite -1.6s;
}


@-webkit-keyframes object {
  0% {
    left: 100px;
    top: 0;
  }
  80% {
    left: 0;
    top: 0;
  }
  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  90% {
    width: 40px;
    height: 15px;
  }
  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 100px;
    top: 0;
  }
}
@keyframes object {
  0% {
    left: 100px;
    top: 0;
  }
  80% {
    left: 0;
    top: 0;
  }
  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  90% {
    width: 40px;
    height: 15px;
  }
  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 100px;
    top: 0;
  }
}
/*----------------------------------------*/
/*  2.6 Background
/*----------------------------------------*/
.grey-bg {
  background: var(--tp-grey-1);
}

.grey-bg-2 {
  background: var(--tp-grey-3);
}

.theme-bg {
  background: var(--tp-theme-primary);
}

.theme-bg-2 {
  background: var(--tp-theme-secondary);
}

.theme-bg-3 {
  background: var(--tp-theme-secondary);
}

.theme-bg-4 {
  background: var(--tp-theme-3);
}

.theme-bg-5 {
  background: var(--tp-heading-primary);
}

.theme-bg-6 {
  background: var(--tp-theme-5);
}

.theme-bg-7 {
  background: var(--tp-theme-6);
}

.theme-bg-8 {
  background: var(--tp-theme-7);
}

.white-bg {
  background: var(--tp-common-white);
}

.black-bg {
  background: var(--tp-common-black);
}

.chocolate-bg {
  background-color: var(--tp-heading-primary);
}

/*----------------------------------------*/
/*  2.7 Carousel
/*----------------------------------------*/
/* tp range slider css */
.tp-range-slider .inside-slider {
  padding-left: 7px;
  padding-right: 17px;
}
.tp-range-slider .noUi-target {
  background-color: #191C3C;
  border-radius: 12px;
  border: 0;
  box-shadow: none;
}
.tp-range-slider .noUi-connect {
  background-color: var(--tp-theme-primary);
}
.tp-range-slider .noUi-horizontal {
  height: 6px;
}
.tp-range-slider .noUi-handle {
  height: 24px;
  width: 24px;
  background-color: var(--tp-theme-primary);
  border-radius: 50%;
  border: 4px solid var(--tp-common-white);
  box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);
  top: -9px;
}
.tp-range-slider .noUi-handle:hover {
  cursor: pointer;
}
.tp-range-slider .noUi-handle::before, .tp-range-slider .noUi-handle::after {
  display: none;
}
.tp-range-slider-dark .noUi-handle {
  border: 4px solid #2D314B;
}

/* tp swiper slider dot */
.tp-swiper-dot .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tp-grey-1);
  opacity: 1;
  margin: 0 9px;
  position: relative;
}
.tp-swiper-dot .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.tp-swiper-dot .swiper-pagination-bullet button {
  font-size: 0;
}
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-primary);
}
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  border-color: var(--tp-theme-primary);
  transform: translate(-50%, -50%) scale(1);
}

.tp-swiper-arrow {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-swiper-arrow:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

/* tp slick arrow */
/*----------------------------------------*/
/*  2.8 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 30px;
  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;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select::after {
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  display: inline-block;
  position: absolute;
  right: 35px;
  top: 40px;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  transform-origin: center;
  color: var(--tp-common-black);
  font-weight: 400;
  font-size: 18px;
  color: var(--tp-text-body);
  height: auto;
  width: auto;
  transition: all 0.3s ease-in-out;
}
.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);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  width: 100%;
  padding: 10px 10px;
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 18px;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*----------------------------------------*/
/*  2.9 Pagination
/*----------------------------------------*/
.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .basic-pagination ul li:not(:last-child) {
    margin-right: 5px;
  }
}
.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 0px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.10 Offcanvas
/*----------------------------------------*/
@media (max-width: 767px) {
  .offcanvas-btn {
    padding-top: 0;
  }
}

.offcanvas__area {
  position: fixed;
  right: 0;
  top: 0;
  width: 450px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  background: var(--tp-common-white) none repeat scroll 0 0;
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -ms-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -o-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 1000;
}
.offcanvas__area::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
@media (max-width: 767px) {
  .offcanvas__area {
    width: calc(100% - 50px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .offcanvas__area {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .offcanvas__top {
    margin-bottom: 40px;
  }
}
.offcanvas__wrapper {
  position: relative;
  padding: 50px 40px 145px;
  z-index: 1;
  min-height: 100%;
}
@media (max-width: 767px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas__content {
  padding: 50px 40px 145px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media (max-width: 767px) {
  .offcanvas__content {
    padding: 50px 25px 145px;
  }
}
.offcanvas__close {
  position: absolute;
  top: 25px;
  left: -75px;
  z-index: 1002;
}
@media (max-width: 767px) {
  .offcanvas__close {
    left: -45px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 40px;
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .offcanvas__close-btn {
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .offcanvas__close-btn {
    height: 40px;
    width: 40px;
  }
}
.offcanvas__close-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  opacity: 0.8;
}
.offcanvas__close-btn:hover svg {
  transform: translateY(-2px);
}
.offcanvas__close-btn svg {
  transform: translateY(-2px);
  -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;
}
.offcanvas__inner h4 {
  font-size: 24px;
  color: var(--tp-common-white);
  line-height: 1.3;
  margin-bottom: 15px;
}
.offcanvas__inner p {
  font-family: var(--tp-ff-inter);
  font-size: 16px;
  line-height: 22px;
  color: var(--tp-common-white);
  margin-bottom: 30px;
}
.offcanvas__inner > img {
  margin-bottom: 30px;
}
.offcanvas__menu ul li {
  list-style: none;
  margin-bottom: 10px;
}
.offcanvas__menu ul li:last-child {
  margin-bottom: 0;
}
.offcanvas__menu ul li a {
  font-weight: 700;
  font-size: 20px;
  color: var(--tp-common-black);
}
.offcanvas__menu ul li:hover > a {
  color: var(--tp-theme-primary);
}
.offcanvas__text p {
  font-family: var(--tp-ff-inter);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--tp-common-black-4);
  margin-bottom: 25px;
}
.offcanvas__contact-call {
  font-weight: 700;
  font-size: 20px;
  color: var(--tp-heading-primary);
  margin-bottom: 5px;
}
.offcanvas__contact-call a:hover {
  color: var(--tp-theme-primary);
}
.offcanvas__contact-mail {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-text-1);
}
.offcanvas__contact-mail a:hover {
  color: var(--tp-theme-primary);
}
.offcanvas__social {
  margin-bottom: 22px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--tp-heading-primary);
}
.offcanvas__social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  background: transparent;
  color: var(--tp-heading-primary);
  margin-right: 5px;
  border: 2px solid var(--tp-heading-primary);
}
.offcanvas__social a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
}
.offcanvas__btn {
  margin-bottom: 80px;
}
.offcanvas__btn a {
  margin-bottom: 20px;
}
.offcanvas__info-item {
  margin-bottom: 38px;
}
.offcanvas__info-item-title {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 12px;
}
.offcanvas__info-item p {
  font-size: 16px;
  color: var(--tp-text-16);
  margin-bottom: 0;
  line-height: 22px;
}
.offcanvas__info-item p a:hover {
  color: var(--tp-theme-primary);
}

.offcanvas-open-btn-7 {
  background-color: var(--tp-theme-primary);
}
.offcanvas-open-btn-7:hover {
  opacity: 0.8;
}

/*----------------------------------------*/
/*  2.11 Breadcrumb
/*----------------------------------------*/
.tpbreadcrumb-overlay {
  position: relative;
  padding-top: 69px;
  padding-bottom: 72px;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tpbreadcrumb-overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.tpbreadcrumb-title {
  font-size: 80px;
  line-height: 1.1;
  color: var(--tp-common-white);
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .tpbreadcrumb-title {
    font-size: 36px;
  }
}
.tpbreadcrumb p {
  font-size: 18px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tpbreadcrumb p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tpbreadcrumb p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/
.tp-accordion .accordion-item {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid rgba(var(--tp-common-black), 1);
}
.tp-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tp-accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tp-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tp-accordion .accordion-button {
  padding: 30px 0;
  padding-right: 15px;
  font-size: 24px;
  font-weight: 500;
  color: var(--tp-common-black);
  background-color: transparent;
  /* plus icon css */
}
.tp-accordion .accordion-button::after {
  position: absolute;
  content: "\f106";
  font-family: var(--tp-ff-fontawesome);
  background-image: none;
  top: 28%;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--tp-theme-primary);
  width: auto;
  height: auto;
  font-weight: 500;
  background: none;
}
.tp-accordion .accordion-button.has-plus-icon::after {
  display: none;
}
.tp-accordion .accordion-button .tp-accordion-plus {
  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%);
  display: inline-block;
  width: 14px;
  height: 14px;
}
[dir=rtl] .tp-accordion .accordion-button .tp-accordion-plus {
  right: auto;
  left: 0;
}
.tp-accordion .accordion-button .tp-accordion-plus::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #525258;
  border-radius: 2px;
}
[dir=rtl] .tp-accordion .accordion-button .tp-accordion-plus::after {
  right: 0;
  left: auto;
}
.tp-accordion .accordion-button .tp-accordion-plus::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  background-color: #525258;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}
[dir=rtl] .tp-accordion .accordion-button .tp-accordion-plus::before {
  right: 50%;
  left: auto;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}
.tp-accordion .accordion-button.collapsed::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  color: var(--tp-common-black);
}
.tp-accordion .accordion-button:not(.collapsed) {
  color: var(--tp-theme-primary);
  background-color: transparent;
  box-shadow: none;
}
.tp-accordion .accordion-button:not(.collapsed) .tp-accordion-plus::before {
  -webkit-transform: translateX(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) rotate(90deg);
  -o-transform: translateX(-50%) rotate(90deg);
  transform: translateX(-50%) rotate(90deg);
  background-color: var(--tp-theme-1);
}
[dir=rtl] .tp-accordion .accordion-button:not(.collapsed) .tp-accordion-plus::before {
  -webkit-transform: translateX(50%) rotate(90deg);
  -moz-transform: translateX(50%) rotate(90deg);
  -ms-transform: translateX(50%) rotate(90deg);
  -o-transform: translateX(50%) rotate(90deg);
  transform: translateX(50%) rotate(90deg);
}
.tp-accordion .accordion-button:not(.collapsed) .tp-accordion-plus::after {
  background-color: var(--tp-theme-1);
}
.tp-accordion .accordion-button:focus {
  box-shadow: none;
  border: 0;
}
.tp-accordion .accordion-button:hover {
  color: var(--tp-theme-primary);
}
.tp-accordion .accordion-button:hover::after {
  color: var(--tp-theme-primary);
}
.tp-accordion .accordion-body {
  padding: 0 0 25px;
}
.tp-accordion .accordion-body p {
  font-size: 16px;
  color: var(--tp-text-1);
}

/*----------------------------------------*/
/*  2.13 Tab
/*----------------------------------------*/
.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

.beforeAfter {
  z-index: 1 !important;
}

.beforeAfter div div div {
  background: transparent !important;
  height: 80px !important;
  width: 80px !important;
  line-height: 74px !important;
  border: 2px solid #FFFFFF !important;
  z-index: -1 !important;
}
.beforeAfter div div div i {
  border-color: #fff !important;
  padding: 5px !important;
  margin: 0 5px !important;
}

/*----------------------------------------*/
/*  2.14 Modal
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.15 Section Title
/*----------------------------------------*/
.tpsection-sub-title span {
  position: relative;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-theme-primary);
  font-weight: 400;
}
@media (max-width: 767px) {
  .tpsection-sub-title span {
    font-size: 18px;
  }
}
.tpsection-sub-title span::before {
  content: "";
  width: 80px;
  height: 1.5px;
  background-color: var(--tp-theme-primary);
  display: inline-block;
  margin-right: 20px;
  transform: translateY(-8px);
}
.tpsection-title {
  font-size: 80px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpsection-title {
    font-size: 74px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpsection-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpsection-title {
    font-size: 64px;
  }
}
@media (max-width: 767px) {
  .tpsection-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpsection-title br {
    display: none;
  }
}
.tpsection p {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
@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: 576px) and (max-width: 767px) {
  .tpsection p br {
    display: none;
  }
}
.tpsection-anim {
  z-index: 1;
}
.tpsection-anim span {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tpsection-anim span i,
.tpsection-anim span svg {
  color: #FFC8B6;
}
@media (max-width: 767px) {
  .tpsection-anim span i,
  .tpsection-anim span svg {
    width: 200px;
  }
}
.tpsection-round-subtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  padding: 4px 12px;
  border-radius: 16px;
  display: inline-block;
}

@media (max-width: 767px) {
  .tpsection-top.pt-160 {
    padding-top: 80px;
  }
}

.whitesection-sub-title span {
  position: relative;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
  font-weight: 400;
}
.whitesection-sub-title span::before {
  content: "";
  width: 80px;
  height: 1.5px;
  background-color: var(--tp-common-white);
  display: inline-block;
  margin-right: 20px;
  transform: translateY(-8px);
}
.whitesection-title {
  font-size: 80px;
  line-height: 1.1;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .whitesection-title {
    font-size: 44px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .whitesection-title br {
    display: none;
  }
}
.whitesection p {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-common-white);
}
.whitesection-round-subtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  background-color: var(--tp-theme-4);
  padding: 4px 12px;
  border-radius: 16px;
  display: inline-block;
}
/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.menu-position {
  margin-left: -6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .menu-position {
    margin-left: 25px;
  }
}

.header__opacity span {
  color: var(--tp-heading-primary);
  -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;
}
.header__opacity span:hover {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header__bottom-wrap {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__bottom-wrap-right {
    margin-left: -50px;
  }
}
.header__search i, .header__phone i {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
  line-height: 52px;
  cursor: pointer;
  -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;
  color: var(--tp-common-white);
}
.header__search i:hover, .header__phone i:hover {
  box-shadow: inset 0 0 0 40px var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.header__phone {
  margin-left: 21px;
}
.header__contact {
  margin-left: 12px;
}
.header__contact span {
  font-size: 14px;
  line-height: 1.5;
  color: var(--tp-common-white);
  display: block;
}
.header__contact a {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__contact a {
    font-size: 16px;
  }
}

.offcanvas-open-btn i {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
 
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
  line-height: 53px;
  cursor: pointer;
  color: var(--tp-common-white);
}

.tpsearchbar {
  background-color: var(--tp-common-white);
  text-align: start;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 0;
  width: 100%;
  min-height: 320px;
  box-shadow: rgba(5, 13, 54, 0.05) 5px 15px 30px 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 99999;
  padding: 30px;
  transform: translateY(-100%);
}
.tpsearchbar__title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .tpsearchbar__title {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpsearchbar__title {
    font-size: 30px;
  }
}
.tpsearchbar.tp-searchbar-opened {
  transform: translateY(0);
}
.tpsearchbar__close {
  color: var(--tp-theme-primary);
  font-size: 30px;
  background: var(--tp-theme-1);
  width: 35px;
  height: 35px;
  position: absolute;
  top: 15%;
  right: 15%;
}
.tpsearchbar__close:hover {
  background-color: var(--tp-theme-2);
}
.tpsearchbar__form {
  position: relative;
}
.tpsearchbar__form input {
  width: 100%;
  height: 80px;
  border: 1px solid transparent;
  padding: 10px 50px 10px 40px;
  color: var(--tp-text-body);
  font-size: 20px;
  font-weight: 400;
}
.tpsearchbar__form input::placeholder {
  font-size: 20px;
  color: var(--tp-text-body);
}
.tpsearchbar__form input:focus {
  border: 1px solid var(--tp-theme-primary);
}
.tpsearchbar__search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  color: var(--tp-theme-primary);
  font-size: 24px;
}

.search-body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
.search-body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.header-1 .header-sticky .main-menu ul li > a {
  padding: 25px 0;
}
.header-1 .header-sticky .main-menu ul li .tp-submenu li a {
  padding: 0 25px;
}
.header-1 .header-sticky .main-menu ul li .tp-submenu li a:hover {
  padding-left: 43px;
}

@media (max-width: 767px), only screen and (min-width: 576px) and (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-height {
    height: inherit !important;
  }
}

/*----------------------------------------*/
/*  3.1 Header Style 2
/*----------------------------------------*/
.transparent__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .header__area-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@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) {
  .header__area-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header__area-2 .main-menu ul li > a {
  color: var(--tp-text-body);
}
.header__area-2 .menu-position {
  margin-left: -90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__area-2 .menu-position {
    margin-left: 30px;
  }
}
.header__appoinment {
  margin-right: 24px;
}
.header__appoinment a {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 32px;
  color: var(--tp-common-white);
  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;
  padding: 17px 30px;
}
.header__appoinment a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .header__bottom-right-2 {
    margin-left: -50px;
  }
}

.header-sticky.header-2 {
  background-color: var(--tp-common-white);
}
.header-sticky .header__appoinment a {
  background: rgb(205, 95, 55);
}
.header-sticky .header__appoinment a:hover {
  box-shadow: inset 0 0 0 40px var(--tp-heading-primary);
  color: var(--tp-common-white);
}
.header-sticky .header__right {
  padding-top: 0;
}

.header-2 .main-menu ul li:hover > a,
.header-3 .main-menu ul li:hover > a,
.header-4 .main-menu ul li:hover > a,
.header-5 .main-menu ul li:hover > a,
.header-7 .main-menu ul li:hover > a {
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  3.1 Header Style 3
/*----------------------------------------*/
.header-top-right span {
  font-size: 14px;
  line-height: 1.5;
  color: #DAD2CE;
}
.header__social ul {
  display: flex;
  align-items: center;
}
.header__social ul li {
  list-style: none;
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__social ul li {
    margin-left: 8px;
    padding-left: 8px;
  }
}
.header__social ul li:first-child::before {
  display: none;
}
.header__social ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: rgba(218, 210, 206, 0.2);
}
.header__social ul li a {
  font-size: 14px;
  line-height: 150%;
  color: #DAD2CE;
  padding: 11px 0;
  display: inline-block;
}
.header__social ul li a i {
  font-size: 14px;
  color: #DAD2CE;
}
.header__btn-3 .tp-btn {
  font-weight: 500;
  padding: 15px 30px;
}
.header__border-3 {
  position: relative;
}
.header__border-3::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(205, 95, 55, 0) 0%, rgba(205, 95, 55, 0.4) 50%, rgba(205, 95, 55, 0) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header__border-3::before {
    display: none;
  }
}
.header__border-3 .offcanvas-open-btn i {
  background-color: rgb(205, 95, 55);
  -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;
}
.header__border-3 .offcanvas-open-btn i:hover {
  background-color: rgba(205, 95, 55, 0.8);
}

.main-menu-3 {
  margin-left: 30px;
}
.main-menu-3.main-menu ul li > a {
  color: var(--tp-text-body);
  padding: 41px 0;
}

.header-2.header-sticky .header__search i, .header-2.header-sticky .header__phone i {
  background-color: rgb(205, 95, 55);
}
.header-2.header-sticky .header__search i:hover, .header-2.header-sticky .header__phone i:hover {
  box-shadow: inset 0 0 0 40px var(--tp-heading-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  3.4 Header Style 4
/*----------------------------------------*/
.header-3__right > a {
  margin-left: 48px;
}

.main-menu-4 {
  padding: 20px 0 20px 40px;
}
.main-menu-4.main-menu ul li > a {
  padding: 25px 0;
  color: var(--tp-text-body);
}

.transparent__header-4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
}
.transparent__header-4 .offcanvas-open-btn i {
  color: #481E0B;
  background-color: transparent;
  line-height: 60px;
  -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;
}
.transparent__header-4 .offcanvas-open-btn i:hover {
  opacity: 0.5;
}
.transparent__header-4.header-sticky {
  background-color: var(--tp-common-white);
}
.transparent__header-4.header-sticky .main-menu-4 {
  padding: 0px 0 0px 0px;
}

/*----------------------------------------*/
/*  3.5 Header Style 5
/*----------------------------------------*/
.main-menu-5.main-menu-4 {
  padding: 20px 0 20px 0px;
}
.main-menu-5.main-menu ul li {
  margin-right: 30px;
}

.header-5__right a, .header-5__right button {
  margin-left: 40px;
}
.header-5__right .need-help {
  background-color: var(--tp-common-white);
  padding: 8px 24px 8px 8px;
  box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05);
  border-radius: 36px;
  -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;
}
.header-5__right .need-help:hover {
  background-color: var(--tp-theme-primary);
}
.header-5__right .need-help:hover span {
  color: var(--tp-common-white);
}
.header-5__right .need-help img {
  height: 56px;
  width: 56px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 6px;
}
.header-5__right .need-help span {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-5__right .need-help span {
    font-size: 15px;
  }
}
.header-5-border {
  border-bottom: 1px solid rgba(72, 30, 11, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-5-border {
    border: none;
  }
}
.header-5.header-sticky {
  background-color: var(--tp-common-white);
}
.header-5.header-sticky .main-menu-5.main-menu-4 {
  padding: 0px 0 0px 0px;
}
.header-5.header-sticky .header-5__right .need-help {
  padding: 4px 24px 4px 8px;
}

.offcanvas-btn-5 .offcanvas-open-btn i {
  background-color: #d4af36;
  -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;
}
.offcanvas-btn-5 .offcanvas-open-btn i:hover {
  background-color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  3.6 Header Style 6
/*----------------------------------------*/

.header-6 {
  position: relative;
  width: 100%;
  z-index: 1000;
  background-color: var(--tp-common-white);
}

.header-6 .header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Logo on the left, icons on the right */
  padding: 10px 20px;
  box-sizing: border-box;
  position: sticky; /* Sticky header */
  top: 0;
  z-index: 1000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.header-6 .main-menu {
  flex-grow: 1; /* Ensures menu takes up available space */
}

.header-6 .cart-list-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Aligns cart icon to the left */
}
.header-6 .cart-list-wrap a {
  display: inline-flex;
  align-items: center;
  font-size: 18px; /* Adjust font size for cart icon */
}


.header-6 .main-menu ul {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Aligns menu items to the left */
  gap: 20px; /* Spacing between menu items */
  list-style: none; /* Removes bullets */
  padding: 0;
  margin: 0;
}


.header-6 .main-menu ul li > a {
  color: var(--tp-heading-primary);
}

.header-6 .menu-position {
  margin-left: 80px;
}


.header-6 .header__top-content span {
  display: inline-block;
  color: var(--tp-common-white);
  padding: 12px 0;
  font-size: 18px;
  line-height: 1.5;
}

.header-6 .offcanvas-open-btn i {
  color: #481E0B;
  background-color: transparent;
  line-height: 60px;
  transition: all 0.3s ease-out 0s;
}

.header-6 .offcanvas-open-btn i:hover {
  color: var(--tp-theme-primary);
}

.header-6 .main-menu ul li:hover > a {
  color: var(--tp-theme-primary);
}

.header-6 .header-sticky {
  position: sticky; /* Makes the header stick on scroll */
  top: 0; /* Sticks to the top of the viewport */
  background-color: var(--tp-common-white); /* Background remains intact */
  height: 12vh; /* Default height for larger screens */
  min-height: 110px; /* Minimum height */
  max-height: 160px; /* Maximum height */
  padding: 10px 20px; /* Padding for content spacing */
  display: flex; /* Flexbox for layout */
  align-items: center; /* Vertically centers items */
  justify-content: flex-start; /* Aligns all items to the left */
  box-sizing: border-box; /* Includes padding in height calculation */
  gap: 20px; /* Spacing between elements */
}

/* Base Header Styling */
.header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: #D4AF37; /* اختر أي من الألوان المقترحة */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Logo Styling */
.logo img {
  max-height: 60px;
  width: auto;
}

/* Menu Icon Styling */
.menu-icon button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.menu-icon button:hover {
  transform: scale(1.1);
}

/* Cart Icon Styling */
.cart-icon svg {
  max-height: 30px;
  width: auto;
  transition: transform 0.3s ease;
}

.cart-icon svg:hover {
  transform: scale(1.1);
}

/* Responsive Styling */
@media (max-width: 768px) {
  .header__bottom {
    flex-wrap: nowrap;
    padding: 8px 10px;
  }

  .logo img {
    max-height: 50px; /* Adjust logo size for smaller screens */
  }

  .menu-icon, .cart-icon {
    font-size: 20px;
    margin-left: 10px; /* Add spacing between menu and cart */
  }

  .menu-icon button {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .header__bottom {
    padding: 5px 10px;
  }

  .logo img {
    max-height: 40px; /* Smaller logo for small screens */
  }

  .menu-icon, .cart-icon {
    margin-left: 5px;
  }

  .menu-icon button {
    font-size: 18px;
  }
}
.header-6 .header__bottom-left,
.header__bottom-right {
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
  .header-6 .header-sticky {
    height: 14vh; /* Slightly taller for medium screens */
    min-height: 75px;
    padding: 8px 20px; /* Adjust padding for better spacing */
    gap: 15px; /* Reduce spacing between items */
  }

  .header-6 .main-menu ul {
    gap: 15px; /* Reduce gap between menu items */
  }
}

@media (max-width: 768px) {
  .header-6 .header-sticky {
    flex-wrap: wrap; /* Stack items in a column */
    height: auto; /* Allow height to adjust based on content */
    padding: 6px 10px; /* Adjust padding for smaller screens */
  }

  .header-6 .main-menu ul {
    flex-direction: column; /* Stack menu items vertically */
    gap: 10px; /* Adjust spacing */
  }
}

@media (max-width: 576px) {
  .header-6 .header-sticky {
    flex-wrap: wrap; /* Stack items in a column */
    padding: 5px 10px; /* Adjust padding further */
  }

  .header-6 .main-menu ul {
    flex-direction: column; /* Stack menu items vertically */
    gap: 8px; /* Adjust spacing further */
  }

  .header-6 .logo img {
    max-height: 50px; /* Reduce logo size on small screens */
  }
}

.header-6 .logo {
  display: flex;
  justify-content: flex-start; /* Logo on the left */
}
.header-6 .header__bottom-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px; /* Add spacing between menu and cart icons */
}
.header-6 .menu-icon button:hover,
.header-6 .cart-icon a:hover {
  transform: scale(1.1);
}


.header-6 .menu-icon button,
.header-6 .cart-icon a {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 24px;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
}

.header-6 .header__bottom-right .cart-list-wrap {
  margin-right: 20px; /* Add some space between cart icon and menu */
}


.header-6 .logo img {
  max-height: 160px;
  height: auto;
  width: auto;
}

.header-6 .cart-icon svg {
  max-height: 30px; /* Adjust cart icon size */
  width: auto;
}

/* Responsive Styling */
@media (max-width: 1024px) {
  .header-6 .header__bottom {
    padding: 10px 15px;
  }

  .header-6 .logo img {
    max-height: 50px; /* Adjust logo size for medium screens */
  }

  .header-6 .header__bottom-right {
    flex-direction: row-reverse; /* Make the menu icon appear first */
  }

  .header-6 .menu-icon button,
  .header-6 .cart-icon svg {
    font-size: 22px; /* Adjust icon size */
  }
}

@media (max-width: 768px) {
  .header-6 .header__bottom {
    padding: 8px 10px;
    flex-wrap: nowrap; /* Prevent wrapping */
  }

  .header-6 .header__bottom-right {
    flex-direction: row-reverse; /* Reverse the order: menu icon first, then cart */
    gap: 10px; /* Adjust spacing between icons */
  }

  .header-6 .logo img {
    max-height: 45px; /* Smaller logo size */
  }
}

@media (max-width: 576px) {
  .header-6 .header__bottom {
    padding: 5px 10px;
  }

  .header-6 .header__bottom-right {
    flex-direction: row-reverse; /* Menu first, cart second */
    gap: 8px; /* Reduce spacing between icons */
  }

  .header-6 .logo img {
    max-height: 40px; /* Even smaller for mobile */
  }

  .header-6 .menu-icon button,
  .header-6 .cart-icon svg {
    font-size: 20px; /* Adjust icon size for small screens */
  }
}

.header__area {
  position: relative;
  width: 100%;
  background-color: var(--tp-common-white);
  z-index: 1000;
}

.header__area .logo img {
  max-height: 140px; /* حجم الشعار */
  height: auto;
  width: auto;
}

.header__bottom {
  display: flex;
  justify-content: space-between; /* توزيع العناصر */
  align-items: center;
  padding: 10px 20px;
  box-sizing: border-box;
}

/*----------------------------------------*/
/*  3.7 Header Style 7
/*----------------------------------------*/
.header-7 .logo {
  padding: 0 40px;
  position: relative;
  display: inline-block;
}
@media (max-width: 767px) {
  .header-7 .logo {
    padding: 0 15px;
  }
}
.header-7 .logo::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  height: 112px;
  width: 1px;
  background-color: #D7C4AD;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .header-7 .logo::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-7 .logo::before {
    height: 90px;
  }
}
.header-7 .header__top {
  padding: 17px 0;
}
.header-7 .header__top-content {
  padding-left: 30px;
  padding-right: 30px;
}
.header-7 .header__top-content span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.header-7 .header__top a {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-left: 40px;
  display: inline-block;
}
.header-7 .header__top a:first-child {
  margin-left: 0;
}
.header-7 .header__top a:hover {
  color: var(--tp-theme-primary);
}
.header-7 .header__top a span {
  color: var(--tp-theme-primary);
  display: inline-block;
  transform: translateY(-2px);
  margin-right: 6px;
}
.header-7 .header__bottom {
  border-top: 1px solid #D7C4AD;
  border-bottom: 1px solid #D7C4AD;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-7 .header__bottom {
    padding: 0 0;
  }
}
.header-7 .header-3__right > a, .header-7 .header-3__right > button {
  position: relative;
  margin-left: 0;
  height: 112px;
  width: 112px;
  line-height: 112px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-7 .header-3__right > a, .header-7 .header-3__right > button {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}
@media (max-width: 767px) {
  .header-7 .header-3__right > a, .header-7 .header-3__right > button {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }
}
.header-7 .header-3__right > a::before, .header-7 .header-3__right > button::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  height: 112px;
  width: 1px;
  background-color: #D7C4AD;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .header-7 .header-3__right > a::before, .header-7 .header-3__right > button::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-7 .header-3__right > a::before, .header-7 .header-3__right > button::before {
    height: 90px;
  }
}
.header-7 .header-3__right .header-dots {
  display: inline-block;
  background-color: var(--tp-theme-primary);
}
.header-7 .offcanvas-open-btn i {
  background-color: transparent;
  text-align: center;
  color: var(--tp-heading-primary);
}

.cart-7 {
  height: 112px;
  width: 112px;
  border-left: 1px solid #D7C4AD;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-7 {
    height: 90px;
    width: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-7 {
    height: 80px;
    width: 80px;
  }
}
.cart-7 .cart-list-wrap {
  padding: 42px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-7 .cart-list-wrap {
    padding: 32px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-7 .cart-list-wrap {
    padding: 27px 0;
  }
}
.cart-7 .cart-list-wrapper {
  margin-left: 0;
}

.header-sticky .cart-7 {
  height: 80px;
  width: 80px;
}
.header-sticky .cart-7 .cart-list-wrap {
  padding: 27px 0;
}

.header-7-sticky .main-menu ul li > a {
  color: var(--tp-heading-primary);
  padding: 41px 0;
  text-align: left;
}
.header-7-sticky.header-sticky .main-menu ul li > a {
  padding: 25px 0;
}
.header-7-sticky.header-sticky .main-menu ul li .tp-submenu > li > a {
  padding: 0 25px;
}
.header-7-sticky.header-sticky .main-menu ul li .tp-submenu li a:hover {
  padding-left: 43px;
}
.header-7-sticky.header-sticky .header-3__right button, .header-7-sticky.header-sticky .header-3__right > a {
  height: 80px;
  width: 80px;
  line-height: 80px;
}
.header-7-sticky.header-sticky .header-3__right button::before, .header-7-sticky.header-sticky .header-3__right > a::before {
  height: 80px;
}
.header-7-sticky.header-sticky .logo::before {
  height: 80px;
}


/* HEADER CSS */
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu {
    margin-left: 50px;
  }
}
.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 48px;
}
.main-menu ul li > a {
  display: inline-block;
  color: var(--tp-common-white);
  padding: 35px 0;
  font-size: 20px;
  line-height: 1.5;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: none;
}
.main-menu ul li .tp-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  width: 200px;
  background: var(--tp-common-white);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  padding: 25px 0 9px;
}
.main-menu ul li .tp-submenu > li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.main-menu ul li .tp-submenu > li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .tp-submenu > li > a {
  position: relative;
  z-index: 11;
  color: var(--tp-common-black);
  font-weight: 400;
  font-size: 14px;
  padding: 0 25px;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-bottom: 1px;
  width: 100%;
  -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;
}
.main-menu ul li .tp-submenu > li > a::before {
  position: absolute;
  content: "";
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 1px;
  background-color: var(--tp-theme-primary);
  -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;
}
.main-menu ul li .tp-submenu > li .tp-submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .tp-submenu > li:hover > a, .main-menu ul li .tp-submenu > li.active > a {
  color: var(--tp-theme-primary);
  padding-left: 43px;
}
.main-menu ul li .tp-submenu > li:hover > a::after, .main-menu ul li .tp-submenu > li.active > a::after {
  color: var(--tp-common-white);
}
.main-menu ul li .tp-submenu > li:hover > a::before, .main-menu ul li .tp-submenu > li.active > a::before {
  width: 12px;
}
.main-menu ul li .tp-submenu > li:hover > .tp-submenu, .main-menu ul li .tp-submenu > li.active > .tp-submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li:hover > a {
  color: #fdcebc;
}
.main-menu ul li:hover > a::after {
  color: var(--tp-theme-primary);
}
.main-menu ul li:hover > .tp-submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.main-menu ul li .has-homemenu {
  width: 810px;
  padding: 30px 30px 10px 30px;
}
.main-menu ul li .has-homemenu .homemenu {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 20px;
}
.main-menu ul li .has-homemenu .homemenu:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  transform: translateY(-45%);
}
.main-menu ul li .has-homemenu .homemenu:hover .homemenu-thumb::before {
  background-color: rgba(38, 34, 33, 0.5);
}
.main-menu ul li .has-homemenu.tp-submenu li:not(:last-child) {
  border-bottom: none;
}

.homemenu-thumb {
  position: relative;
}
.homemenu-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -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;
}

.homemenu-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -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;
}

.homemenu {
  padding: 7px 7px;
  position: relative;
}
.homemenu:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  transform: translateY(-45%);
}
.homemenu:hover .homemenu-thumb::before {
  background-color: rgba(38, 34, 33, 0.5);
}

.homemenu-thumb.comming-demo {
  position: relative;
}
.homemenu-thumb.comming-demo::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(38, 34, 33, 0.5);
  backdrop-filter: blur(3px);
}

.homemenu-btn.comming-btn {
  opacity: 1;
  visibility: visible;
  transform: translateY(-45%);
}

.header-sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 999;
  animation: fadeInDown 500ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
}

.side-info-wrapper {
  padding: 80px 30px 80px 30px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.side-info-logo {
  text-align: center;
}
.side-info-title {
  font-size: 24px;
  line-height: 1.2;
  color: var(--tp-heading-primary);
  text-transform: uppercase;
  text-align: center;
}
.side-info-gallery {
  text-align: center;
}
.side-info-gallery a {
  margin: 5px 3px;
  display: inline-block;
}
.side-info-gallery a img {
  height: 110px;
  width: 110px;
  object-fit: cover;
}
.side-info-contact {
  margin-bottom: 30px;
}
.side-info-contact span {
  font-weight: 700;
  color: var(--tp-theme-primary);
  font-size: 20px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 5px;
}
.side-info-contact p {
  font-size: 20px;
  color: var(--tp-text-body);
  margin-bottom: 0;
}
.side-info-social a {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 41px;
  background-color: rgba(205, 95, 55, 0.2);
  margin: 0 4px;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  color: var(--tp-theme-primary);
}
.side-info-social a:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.side-info-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}

.side-info.tp-sidebar-opened {
  transform: translateX(0);
}

.side-info-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: 0.3s ease;
  z-index: 10;
}

/*----------------------------------------*/
/*  4.2 Meanmenu css
/*----------------------------------------*/
.mean-remove {
  display: none !important;
}

.mean-container {
  margin-bottom: 40px;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
  background: #fff;
}
.mean-container .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: var(--tp-common-black);
}
.mean-container .mean-nav ul li.mean-last {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  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;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li > a, .mean-container .mean-nav ul li span {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #e0e3ed;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 0;
  color: var(--tp-heading-primary);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
[dir=rtl] .mean-container .mean-nav ul li > a, [dir=rtl] .mean-container .mean-nav ul li span {
  float: right;
  text-align: right;
}
.mean-container .mean-nav ul li > a:hover, .mean-container .mean-nav ul li span:hover {
  color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li > a:hover i, .mean-container .mean-nav ul li span:hover i {
  color: var(--tp-common-white);
}
.mean-container .mean-nav ul li > a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
  font-size: 14px;
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--tp-common-black);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
[dir=rtl] .mean-container .mean-nav ul li > a.mean-expand, [dir=rtl] .mean-container .mean-nav ul li span.mean-expand {
  right: auto;
  left: 0;
  text-align: center;
}
.mean-container .mean-nav ul li > a.mean-expand:hover, .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li > a.mean-expand:hover i, .mean-container .mean-nav ul li span.mean-expand:hover i {
  color: var(--tp-common-black);
}
.mean-container .mean-nav ul li > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li span.mean-expand.mean-clicked {
  color: var(--tp-common-white);
}
.mean-container .mean-nav ul li > a.mean-expand.mean-clicked:hover, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li > a.mean-expand.mean-clicked:hover i, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover i {
  color: var(--tp-common-white);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: var(--tp-common-black);
}
.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 10px 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 10px 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 10px 25%;
}
.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
  /* Fix for box sizing on Foundation Framework etc. */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*----------------------------------------*/
/*  4.3 Mobile menu css
/*----------------------------------------*/
@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-main-menu-content {
    margin-bottom: 40px;
  }
}

.tp-main-menu-mobile .tp-submenu {
  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;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .tp-main-menu-mobile ul li {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.tp-main-menu-mobile ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  color: #7F8387;
  font-family: "Font Awesome 6 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 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;
}
.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-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  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-theme-green);
}
.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-black);
  position: relative;
  padding: 10px 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-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a::after {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
  color: var(--tp-theme-primary);
}
.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-primary);
}
.tp-main-menu-mobile * ul, .tp-main-menu-mobile * li {
  transition: none !important;
}


/*----------------------------------------*/
/*  Banner Style 1
/*----------------------------------------*/

/* General Design for .tpbanner-content */
.tpbanner-content {
  /* background-color: rgba(255, 255, 255, 0.95); Light background for better contrast */
  border-radius: 12px; /* Smooth rounded corners */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
  padding: 30px; /* Inner padding for spacing */
  margin-bottom: 20px; /* Space below content */
  position: relative;
  max-width: 600px; /* Limit width for better readability */
}

.tpbanner-title {
  font-family: 'Open Sans', sans-serif; /* Clean, modern font */
  font-size: 40px; /* Optimized title size */
  font-weight: 700; /* Bold for emphasis */
  line-height: 1.4; /* Balanced line height */
  color: #d4af36; /* Golden-yellow for premium feel */
  margin-bottom: 20px; /* Space below the title */
  text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
  text-align: center; /* Center-align text */
  transition: color 0.3s ease, transform 0.3s ease; /* Hover effects */
}

.tpbanner-title:hover {
  color: #d4af36; /* Slightly darker color on hover */
  transform: translateY(-3px); /* Lift effect */
}

.tpbanner-content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px; /* Comfortable text size */
  line-height: 1.8; /* Balanced line spacing */
  color: #444; /* Dark gray for readability */
  margin-bottom: 20px;
  text-align: justify; /* Justify for a polished look */
  letter-spacing: 0.5px; /* Improve text spacing */
}

/* Styling for .tpbanner-list */
.tpbanner-list {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap for responsiveness */
  justify-content: center; /* Center-align the items */
  gap: 20px; /* Space between items */
  margin-top: 10px; /* Space above the list */
}

.tpbanner-list li {
  list-style: none; /* Remove bullet points */
  margin: 0;
  transition: transform 0.3s ease, color 0.3s ease; /* Smooth hover effects */
}

.tpbanner-list span {
  display: inline-block;
  padding: 12px 20px; /* Balanced padding */
  font-size: 14px; /* Text size for readability */
  font-weight: 600; /* Bold for emphasis */
  color: #fff; /* White text for contrast */
  background-color: #d4af36; /* Golden-yellow */
  border-radius: 50px; /* Rounded shape */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease; /* Hover effects */
}

.tpbanner-list span:hover {
  transform: translateY(-5px); /* Lift effect on hover */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
  background-color: #e68a00; /* Darker shade on hover */
}

/* Desktop Design */
@media only screen and (min-width: 1200px) {
  .row.align-items-center {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Space between content and shapes */
  }

  .tpbanner-shape {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Align shapes to the top */
    height: 100%;
    margin-top: 0; /* Remove extra space */
  }

  .tpbanner-shape-1 {
    width: 70%; /* Large doctor image */
    height: auto;
    position: relative;
    top: 0; /* Ensure it's at the top */
  }

  .tpbanner-shape-2 {
    position: absolute;
    top: 5%; /* Move to the top-left corner */
    left: 10%;
    width: 60px;
    height: 60px;
  }

  .tpbanner-shape-3 {
    position: absolute;
    top: 10%; /* Slightly below shape-2 */
    left: 15%;
    width: 50px;
    height: 50px;
  }

  .tpbanner-content {
    flex: 1;
    text-align: left; /* Align content to the left */
    padding: 20px;
  }

  .tpbanner-title {
    font-size: 48px; /* Optimized title size */
    margin-bottom: 20px;
  }

  .tpbanner-content p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
  }

  .tpbanner-list {
    display: flex;
    justify-content: flex-start; /* Align with the text */
    gap: 15px;
  }

  .tpbanner-list span {
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #d4af36;
    color: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .tpbanner-list span:hover {
    transform: translateY(-5px);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  }
}

/* Tablet Design */
@media (max-width: 991px) {
  .row.align-items-center {
    flex-direction: column; /* Stack vertically */
    align-items: center;
  }

  .tpbanner-shape {
    order: 1;
    margin-bottom: 20px;
    text-align: center;
  }

  .tpbanner-shape-1 {
    width: 90%; /* Slightly smaller image */
    height: auto;
    margin: 0 auto; /* Center image */
  }

  .tpbanner-shape-2 {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 50px;
    height: 50px;
  }

  .tpbanner-shape-3 {
    position: absolute;
    top: 15%; /* Below shape-2 */
    left: 10%;
    width: 40px;
    height: 40px;
  }

  .tpbanner-content {
    order: 2;
    padding: 15px;
    text-align: center; /* Center align for tablet */
  }

  .tpbanner-title {
    font-size: 36px;
    margin-bottom: 15px;
  }

  .tpbanner-content p {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .tpbanner-list {
    order: 3;
    justify-content: center;
    gap: 10px;
  }

  .tpbanner-list span {
    font-size: 12px;
    padding: 8px 15px;
  }
}

/* Mobile Design */
@media (max-width: 576px) {
  .row.align-items-center {
    flex-direction: column;
    align-items: center;
  }

  .tpbanner-shape {
    order: 1;
    margin-bottom: 15px;
    text-align: center;
  }

  .tpbanner-shape-1 {
    width: 100%; /* Full width */
    height: auto;
  }

  .tpbanner-shape-2 {
    position: absolute;
    top: 2%; /* Top alignment */
    left: 5%;
    width: 40px;
    height: 40px;
  }

  .tpbanner-shape-3 {
    position: absolute;
    top: 10%; /* Below shape-2 */
    left: 10%;
    width: 30px;
    height: 30px;
  }

  .tpbanner-content {
    order: 2;
    padding: 10px;
    text-align: center;
  }

  .tpbanner-title {
    font-size: 28px; /* Smaller title */
    margin-bottom: 10px;
  }

  .tpbanner-content p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .tpbanner-list {
    order: 3;
    justify-content: center;
    gap: 5px;
  }

  .tpbanner-list span {
    font-size: 10px;
    padding: 5px 10px;
  }
}

/* Optional Animations */
@keyframes tpswing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(15deg);
  }
}

@keyframes bannerAnimationTwo {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-10px);
  }
}

/* Accessibility toolbar container */
.accessibility-toolbar {
  position: fixed;
  top: 50%; /* Center vertically */
  right: 0; /* Align fully to the far-right edge */
  transform: translateY(-50%); /* Adjust for vertical centering */
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align items to the left within the toolbar */
  background-color: #000;
  border-radius: 8px 0 0 8px; /* Rounded corner on the left */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/* Accessibility icon */
.accessibility-icon {
  background-color: transparent;
  border: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px; /* Add spacing around the button */
}

.accessibility-icon img {
  width: 100%;
  height: auto;
}

/* Accessibility options dropdown */
.accessibility-options {
  background-color: #000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
  border-radius: 0 8px 8px 0; /* Rounded corners on the right */
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 120px; /* Set a consistent width */
  text-align: center;
}

.accessibility-options button {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background-color 0.3s ease;
}

.accessibility-options button img {
  width: 20px;
  height: 20px;
}

.accessibility-options button:hover {
  background-color: #0056b3;
}

/* Add smooth sliding animation for the dropdown */
.accessibility-options.show {
  display: flex;
  animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* تصميم عام للقسم */
.tpbanner-video {
  padding: 40px 0; /* تقليل المسافة */
  background-color: #f4f4f4; /* خلفية فاتحة لإبراز الفيديو */
  text-align: center;
}

.tpbanner-video-wrapper {
  position: relative;
  max-width: 80%; /* Reduce size for desktop */
  margin: 0 auto; /* Center the video */
  border-radius: 12px; /* Add rounded corners for aesthetics */
  overflow: hidden;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Slight shadow for depth */
}

.tpbanner-video-element {
  width: 100%; /* Full width for responsiveness */
  max-height: 560px; /* Limit height for smaller screens */
  object-fit: cover; /* Ensure proper scaling */
  border-radius: 8px; /* Match the wrapper's radius */
}
.tpbanner-video-info a.tp-btn:hover {
  background-color: #FF6347; /* Slightly darker hover effect */
}


.tpbanner-video-info a.tp-btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  background-color: #FF7F50; /* Button color */
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
}


.tpbanner-video-info {
  margin-top: 15px; /* Space above the button */
}
/* زر الحجز */
.tp-btn {
  display: inline-block;
  background-color: #f9a825; /* لون ذهبي */
  color: #fff;
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* ظل خفيف */
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
  margin-top: 15px;
}

.tp-btn:hover {
  background-color: #e68a00; /* لون أغمق عند التمرير */
  transform: translateY(-3px); /* رفع خفيف عند التمرير */
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); /* تحسين الظل */
}

@media (max-width: 1024px) {
  .tpbanner-video-wrapper {
    max-width: 95%; /* Reduce width for tablets */
  }

  .tpbanner-video-element {
    max-height: 500px; /* Adjust height for tablets */
  }

  .tpbanner-video-info a.tp-btn {
    font-size: 13px;
    padding: 8px 16px;
  }
}


@media (max-width: 768px) {
  .tpbanner-video-wrapper {
    max-width: 95%; /* Further reduce width for smaller devices */
  }

  .tpbanner-video-element {
    max-height: 450px; /* Adjust height for smaller screens */
  }

  .tpbanner-video-info a.tp-btn {
    font-size: 12px;
    padding: 6px 14px;
  }
}
@media (max-width: 576px) {
  .tpbanner-video-wrapper {
    max-width: 100%; /* Full width for phones */
  }

  .tpbanner-video-element {
    max-height: 500px; /* Keep the video smaller on small screens */
  }

  .tpbanner-video-info a.tp-btn {
    font-size: 12px;
    padding: 5px 12px;
  }
}
/*----------------------------------------*/
/*  Banner Style 2
/*----------------------------------------*/
.tpbanner-2-thumb {
  margin-left: -245px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanner-2-thumb {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-2-thumb {
    margin-left: 0;
  }
}
.tpbanner-2-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-2-thumb img {
    max-width: 100%;
  }
}
.tpbanner-2-shape-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 60px;
  animation: tprotate 5s ease-in-out 0.1s forwards infinite alternate;
}
.tpbanner-2-shape-2 {
  position: absolute;
  left: -73%;
  top: 1%;
  animation: tptranslateY2 3s ease-in-out 0.1s forwards infinite alternate;
}
.tpbanner-2-bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-color: var(--tp-theme-primary);
  z-index: -1;
}
.tpbanner-2-bg::before {
  position: absolute;
  content: "";
  left: 0;
  top: 112px;
  height: 1px;
  width: 100%;
  /* background-color: rgba(255, 255, 255, 0.16); */
}
.tpbanner-2-content-2 {
  margin-right: -130px;
  padding-left: 95px;
  padding-top: 200px;
  padding-bottom: 95px;
}
@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) {
  .tpbanner-2-content-2 {
    margin-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .tpbanner-2-content-2 {
    margin-right: 0;
    padding-left: 0;
    padding-top: 160px;
    padding-bottom: 40px;
  }
}
.tpbanner-2-content-2 p {
  font-size: 20px;
  line-height: 1.5;
  color: #FFFFFF;
  position: relative;
  margin-bottom: 0;
  padding-left: 95px;
}
@media (max-width: 767px) {
  .tpbanner-2-content-2 p {
    padding-left: 0;
  }
}
.tpbanner-2-content-2 p::before {
  position: absolute;
  left: 0;
  top: 15px;
  content: "";
  width: 70px;
  height: 1.5px;
  background-color: var(--tp-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .tpbanner-2-content-2 p::before {
    display: none;
  }
}
.tpbanner-2-title-2 {
  font-size: 180px;
  line-height: 110%;
  color: var(--tp-common-white);
  margin-bottom: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpbanner-2-title-2 {
    font-size: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanner-2-title-2 {
    font-size: 125px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-2-title-2 {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-2-title-2 {
    font-size: 115px;
  }
}
@media (max-width: 767px) {
  .tpbanner-2-title-2 {
    font-size: 50px;
  }
}
.tpbanner-2-btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #481E0B;
  background: #FFD056;
  border-radius: 65px;
  display: inline-block;
  padding: 47px 65px;
  transform: translateY(-35px);
  margin-left: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-2-btn {
    padding: 16px 46px;
    transform: translateY(-16px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-2-btn {
    padding: 30px 40px;
    transform: translateY(-30px);
  }
}
@media (max-width: 767px) {
  .tpbanner-2-btn {
    padding: 10px 26px;
    transform: translateY(0px);
  }
}
.tpbanner-2-btn:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  Banner Style 3
/*----------------------------------------*/
.tpbanner-3-title {
  font-size: 206px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanner-3-title {
    font-size: 155px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-3-title {
    font-size: 140px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-3-title {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .tpbanner-3-title {
    font-size: 80px;
    margin-bottom: 40px;
  }
}
.tpbanner-3-wrap {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-3-wrap {
    margin-bottom: 50px;
  }
}
.tpbanner-3-wrap p {
  font-size: 23px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-3-clients {
    margin-bottom: 20px;
  }
}
.tpbanner-3-clients span {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  display: block;
  margin-top: 11px;
  position: relative;
}
.tpbanner-3-clients span::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -80px;
  height: 1px;
  width: 80px;
  background-color: rgba(205, 95, 55, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-3-clients span::before {
    display: none;
  }
}
.tpbanner-3-thumb {
  margin-left: -110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-3-thumb {
    margin-left: 0;
  }
}
.tpbanner-3-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) {
  .tpbanner-3-thumb img {
    max-width: 100%;
  }
}
.tpbanner-3-thumb-2 {
  margin-left: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanner-3-thumb-2 {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-3-thumb-2 {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-3-thumb-2 {
    margin-bottom: 0;
  }
}
.tpbanner-3-thumb-2 > a > img {
  max-width: inherit;
  animation: tprotate 20s ease-in-out 0.1s forwards infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-3-thumb-2 > a > img {
    max-width: 100%;
  }
}
.tpbanner-3-shape-2 {
  position: absolute;
  left: 32%;
  bottom: 39%;
  animation: tprotate 6s ease-in-out 0.1s forwards infinite alternate;
}
.tpbanner-3-shape-3 {
  position: absolute;
  right: 30%;
  bottom: 59%;
  animation: tptranslateY2 4s ease-in-out 0.1s forwards infinite alternate;
}
.tpbanner-3-shape-4 {
  position: absolute;
  right: 8%;
  bottom: 0;
  animation: tpswing 2s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom right;
}

/*----------------------------------------*/
/*  Banner Style 4
/*----------------------------------------*/
.tpbanner-4 {
  background: rgba(205, 95, 55, 0.1);
}
.tpbanner-4-bg {
  position: relative;
  z-index: 1;
}
.tpbanner-4-bg::before {
  background: linear-gradient(90deg, #FAEFEB 37.44%, rgba(250, 239, 235, 0) 61.17%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.tpbanner-4-thumb-bg {
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 244px;
  padding-bottom: 266px;
  position: relative;
}
@media (max-width: 767px) {
  .tpbanner-4-thumb-bg {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
.tpbanner-4-title-2 {
  font-size: 120px;
  line-height: 1.1;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .tpbanner-4-title-2 {
    font-size: 50px;
    margin-bottom: 30px;
  }
}
.tpbanner-4-btn {
  flex: 0 0 auto;
  margin-bottom: 15px;
}
.tpbanner-4-btn a {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
  border-radius: 12px;
  background-color: var(--tp-theme-primary);
  padding: 30px 38px;
  border: 2px solid var(--tp-theme-primary);
  display: inline-block;
}
@media (max-width: 767px) {
  .tpbanner-4-btn a {
    padding: 15px 38px;
  }
}
.tpbanner-4-btn a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
@media (max-width: 767px) {
  .tpbanner-4-wrapper {
    flex-wrap: wrap;
  }
}
.tpbanner-4-wrapper p {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 15px;
  margin-left: 52px;
}
@media (max-width: 767px) {
  .tpbanner-4-wrapper p {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .tpbanner-4-wrapper p br {
    display: none;
  }
}
.tpbanner-4-next-thumb {
  width: 320px;
  margin-left: -160px;
  overflow: hidden;
}
.tpbanner-4-next-item img {
  height: 160px;
  width: 160px;
  object-fit: cover;
  border-radius: 12px 0px 0px 0px;
}
@media (max-width: 767px) {
  .tpbanner-4-next-item img {
    height: 100px;
    width: 100px;
  }
}
.tpbanner-4-next-wrap {
  position: absolute;
  bottom: 26px;
  left: 0;
  right: 0px;
}
.tpbanner-4-next-btn-single {
  position: absolute;
  bottom: 18px;
  left: 24.4%;
  font-size: 48px;
  line-height: 1.1;
  background-color: var(--tp-theme-4);
  border-radius: 0px 12px 0px 0px;
  padding: 54px 33px;
  margin-bottom: 8px;
  font-family: 'Open Sans', sans-serif;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tpbanner-4-next-btn-single {
    left: 19.6%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpbanner-4-next-btn-single {
    left: 15.2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanner-4-next-btn-single {
    left: 16.9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-4-next-btn-single {
    left: 19.2%;
  }
}
@media (max-width: 767px) {
  .tpbanner-4-next-btn-single {
    left: 35.4%;
    font-size: 38px;
    padding: 29px 13px;
  }
}

.slick-active .tpbanner-4-title-2, .slick-active .tpbanner-4-btn, .slick-active .tpbanner-4-wrapper p {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.slick-active .tpbanner-4-title-2 {
  animation-delay: 0.6s;
  animation-duration: 0.6s;
}

.slick-active .tpbanner-4-btn {
  animation-delay: 0.8s;
  animation-duration: 0.8s;
}

.slick-active .tpbanner-4-wrapper p {
  animation-delay: 0.8s;
  animation-duration: 0.8s;
}

/*----------------------------------------*/
/*  Banner Style 5
/*----------------------------------------*/
@media (max-width: 767px) {
  .tpbanner-5-wrap {
    padding-top: 30px;
  }
}
.tpbanner-5-img-1 {
  border-radius: 0px 80px 80px 0px;
}
.tpbanner-5-img-2 {
  border-radius: 50%;
}
.tpbanner-5-content p {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-5-content p br {
    display: none;
  }
}
.tpbanner-5-title {
  font-size: 152px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanner-5-title {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-5-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-5-title {
    font-size: 96px;
  }
}
@media (max-width: 767px) {
  .tpbanner-5-title {
    font-size: 65px;
    margin-bottom: 15px;
  }
}
.tpbanner-5-title span {
  display: inline-block;
  background-color: var(--tp-theme-4);
  text-align: center;
  border-radius: 50%;
  padding: 19px 16px;
}
@media (max-width: 767px) {
  .tpbanner-5-title span {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-5-title span {
    transform: translateY(12px);
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-5-thumb {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tpbanner-5-thumb {
    margin-bottom: 30px;
  }
}
.tpbanner-5-thumb img {
  border-radius: 260px;
}
.tpbanner-5-shape-1 {
  position: absolute;
  top: 47%;
  left: -22px;
  transform: translateY(-50%);
  max-width: inherit;
}
.tpbanner-5-link {
  position: absolute;
  left: -68px;
  z-index: 1;
  background: #CD5F37;
  box-shadow: 0px 25px 45px rgba(205, 95, 55, 0.3);
  border-radius: 65.5px;
  display: inline-block;
  padding: 30px 24px;
}
@media (max-width: 767px) {
  .tpbanner-5-link {
    padding: 24px 15px;
  }
}
.tpbanner-5-link p {
  color: var(--tp-common-white);
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .tpbanner-5-link p {
    font-size: 18px;
  }
}
.tpbanner-5-link a {
  display: inline-block;
  height: 48px;
  width: 48px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  color: var(--tp-common-white);
  background-color: rgba(255, 255, 255, 0.15);
  -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;
}
.tpbanner-5-link a:hover {
  background-color: rgb(255, 255, 255);
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  Banner Style 6
/*----------------------------------------*/
.tpbanner-6-bg {
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 247px;
  padding-bottom: 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-6-bg {
    padding-top: 185px;
    padding-bottom: 185px;
  }
}
@media (max-width: 767px) {
  .tpbanner-6-bg {
    padding-top: 190px;
    padding-bottom: 190px;
  }
}
.tpbanner-6-bg::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.tpbanner-6-content p {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .tpbanner-6-content p {
    font-size: 18px;
  }
}
.tpbanner-6-title {
  font-size: 168px;
  line-height: 1.1;
  color: var(--tp-common-white);
  margin-bottom: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-6-title {
    font-size: 120px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-6-title {
    font-size: 90px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .tpbanner-6-title {
    font-size: 80px;
    margin-bottom: 24px;
  }
}
.tpbanner-6-btn a {
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: var(--tp-heading-primary);
  background: #FFD056;
  border-radius: 40px;
  border: 2px solid #FFD056;
}
.tpbanner-6-btn a:hover {
  background-color: transparent;
  color: var(--tp-common-white);
}

.slider-6-active {
  position: relative;
}
.slider-6-active:hover .slider-6-arrow .slider-6-next, .slider-6-active:hover .slider-6-arrow .slider-6-prev {
  opacity: 1;
  visibility: visible;
  left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-6-active:hover .slider-6-arrow .slider-6-next, .slider-6-active:hover .slider-6-arrow .slider-6-prev {
    left: 35px;
  }
}
.slider-6-active:hover .slider-6-arrow .slider-6-next {
  left: auto;
  right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-6-active:hover .slider-6-arrow .slider-6-next {
    right: 35px;
  }
}
.slider-6-arrow {
  display: flex;
  align-items: center;
}
.slider-6-arrow .slider-6-next, .slider-6-arrow .slider-6-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -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;
}
@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) {
  .slider-6-arrow .slider-6-next, .slider-6-arrow .slider-6-prev {
    left: 30px;
  }
}
.slider-6-arrow .slider-6-next {
  left: auto;
  right: 40px;
}
@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) {
  .slider-6-arrow .slider-6-next {
    right: 30px;
  }
}
.slider-6-arrow i, .slider-6-arrow span {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #481E0B;
  border-radius: 50%;
  display: inline-block;
  line-height: 72px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  color: #481E0B;
}
@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) {
  .slider-6-arrow i svg, .slider-6-arrow span svg {
    width: 24px;
  }
}
@media (max-width: 767px) {
  .slider-6-arrow i svg, .slider-6-arrow span svg {
    width: 24px;
  }
}
@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) {
  .slider-6-arrow i, .slider-6-arrow span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .slider-6-arrow i, .slider-6-arrow span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    line-height: 44px;
  }
}
.slider-6-arrow i:hover, .slider-6-arrow span:hover {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  box-shadow: inset 0 0 0 40px var(--tp-theme-primary);
}

.swiper-slide-active .tpbanner-6-content p, .swiper-slide-active .tpbanner-6-title, .swiper-slide-active .tpbanner-6-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.swiper-slide-active .tpbanner-6-content p {
  animation-delay: 0.6s;
  animation-duration: 0.6s;
}

.swiper-slide-active .tpbanner-6-title {
  animation-delay: 0.8s;
  animation-duration: 0.8s;
}

.swiper-slide-active .tpbanner-6-btn {
  animation-delay: 1s;
  animation-duration: 1s;
}

/*----------------------------------------*/
/*  Banner Style 7
/*----------------------------------------*/
.tpbanner-7 {
  padding: 140px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-7 {
    padding: 120px 0;
  }
}
.tpbanner-7-content p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-theme-primary);
  margin-bottom: 10px;
}
.tpbanner-7-title {
  font-size: 120px;
  line-height: 1.1;
  margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanner-7-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanner-7-title {
    font-size: 84px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanner-7-title {
    font-size: 90px;
    margin-bottom: 26px;
  }
}
@media (max-width: 767px) {
  .tpbanner-7-title {
    font-size: 50px;
    margin-bottom: 20px;
  }
}
.tpbanner-7-btn .tp-btn {
  font-weight: 500;
  padding: 25px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-7-btn .tp-btn {
    padding: 20px 30px;
  }
}
.tpbanner-7-thumb img {
  margin-left: -45px;
  max-width: inherit;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), 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) {
  .tpbanner-7-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpbanner-7-thumb img {
    margin-left: 0;
    max-width: 100%;
    margin-top: 30px;
    text-align: center;
  }
}

.banner-offer-bg {
  background-color: #ECECE2;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-offer-bg {
    overflow: hidden;
  }
}
.banner-offer-wrapper {
  padding-top: 73px;
  margin-left: 80px;
  padding-bottom: 63px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-offer-wrapper {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .banner-offer-wrapper {
    margin-left: 15px;
    padding-bottom: 20px;
  }
}
.banner-offer .tpsection span {
  color: var(--tp-common-black);
  display: inline-block;
  margin-bottom: 4px;
  font-size: 18px;
}
.banner-offer .tpsection p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.banner-offer-btn .tp-btn-theme {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  padding: 11px 31px;
}
.banner-offer-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .banner-offer-thumb {
    position: inherit;
    text-align: center !important;
  }
}

.offer-7-item {
  background-color: var(--tp-heading-primary);
  padding: 55px 40px 55px 55px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offer-7-item {
    padding: 55px 40px 55px 15px;
  }
}
@media (max-width: 767px) {
  .offer-7-item {
    padding: 55px 20px 55px 35px;
  }
}
.offer-7-item:hover .offer-7-thumb img {
  transform: scale(1.04);
}
.offer-7-content span {
  color: var(--tp-common-white);
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
}
.offer-7-title {
  font-size: 48px;
  line-height: 1.1;
  color: var(--tp-common-white);
  margin-bottom: 52px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .offer-7-title br {
    display: none;
  }
}
.offer-7-btn a {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-common-white);
  display: inline-block;
  border: 2px solid var(--tp-common-white);
  padding: 11px 31px;
}
.offer-7-btn a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-heading-primary);
}
.offer-7-thumb {
  position: absolute;
  bottom: 32px;
  right: 40px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offer-7-thumb {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .offer-7-thumb {
    position: inherit;
    bottom: 0;
    right: 20px;
  }
}
.offer-7-thumb img {
  -webkit-transition: all 0.6s ease-out 0s;
  -moz-transition: all 0.6s ease-out 0s;
  -ms-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s;
}
.offer-7-item-2 {
  background-color: #E4CBAE;
}
.offer-7-item-2 .offer-7-content span {
  color: var(--tp-heading-primary);
}
.offer-7-item-2 .offer-7-title {
  color: var(--tp-heading-primary);
}
.offer-7-item-2 .offer-7-btn a {
  border: 2px solid var(--tp-heading-primary);
  background-color: var(--tp-heading-primary);
  color: var(--tp-common-white);
}
.offer-7-item-2 .offer-7-btn a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-heading-primary);
}

/* BANNER CSS */
/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
.postbox-thumb .play-btn {
  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;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #FCF4F1;
  border-radius: 50%;
  color: var(--tp-theme-primary);
}
.postbox-thumb .play-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .postbox-thumb-sm-item {
    margin-bottom: 20px;
  }
}
.postbox-item-single:hover {
  box-shadow: none;
}
.postbox-content {
  padding-top: 15px;
}
.postbox-title {
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox-title {
    font-size: 25px;
  }
}
.postbox-title a:hover {
  color: var(--tp-theme-primary);
}
.postbox-meta {
  margin-bottom: 11px;
}
.postbox-meta span {
  font-weight: 400;
  display: inline-block;
  margin-right: 30px;
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .postbox-meta span {
    margin-right: 15px;
  }
}
.postbox-meta span svg {
  transform: translateY(-2px);
}
.postbox-meta span:last-child {
  margin-right: 0;
}
.postbox-meta span i {
  color: var(--tp-theme-primary);
  margin-right: 3px;
}
.postbox-meta span:hover {
  color: var(--tp-theme-2);
}
.postbox-meta span:hover i {
  color: var(--tp-theme-2);
}
.postbox-text img {
  max-width: 100%;
}
.postbox-text p {
  margin-bottom: 23px;
  font-size: 18px;
  line-height: 1.5;
}
.postbox-text-single p {
  margin-bottom: 15px;
}
.postbox-text ul {
  margin-bottom: 31px;
}
.postbox-text ul li {
  font-size: 18px;
  line-height: 1.5;
  position: relative;
  list-style: none;
  padding-left: 20px;
  margin-bottom: 13px;
}
.postbox-text ul li:last-child {
  margin-bottom: 0;
}
.postbox-text ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  background-color: var(--tp-theme-primary);
}
.postbox-read-more .tp-btn {
  padding: 13px 37px;
}
.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);
  height: 80px;
  width: 80px;
  border: 2px solid var(--tp-heading-primary);
  color: var(--tp-heading-primary);
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .postbox-slider button {
    height: 50px;
    width: 50px;
  }
}
.postbox-slider button:hover {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  box-shadow: inset 0 0 0 40px var(--tp-theme-primary);
}
@media (max-width: 767px) {
  .postbox-slider button svg {
    width: 25px;
  }
}
.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-share {
  position: relative;
  padding-top: 24px;
}
.postbox-share::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(72, 30, 11, 0.1);
}
.postbox-social span {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: var(--tp-heading-primary);
  display: inline-block;
  margin-right: 8px;
}
.postbox-social a {
  font-size: 14px;
  color: var(--tp-common-white);
  background: #55ACEE;
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 33px;
  border-radius: 50%;
  text-align: center;
}
.postbox-social a.social-fb {
  background: #3B5999;
}
.postbox-social a.social-pin {
  background: #BD081C;
}
.postbox-social a.social-link {
  background: #0B81DA;
}
.postbox-post {
  position: relative;
  padding-bottom: 23px;
  margin-bottom: 50px;
}
.postbox-post::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(72, 30, 11, 0.1);
}
.postbox-post-title {
  font-size: 40px;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-post-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .postbox-post-title {
    font-size: 28px;
  }
}
.postbox-post-title a {
  background-image: linear-gradient(#CD5F37, #CD5F37), linear-gradient(#CD5F37, #CD5F37);
  display: inline;
  background-size: 0% 2px, 0 2px;
  background-position: 100% 100%, 0 82%;
  background-repeat: no-repeat;
  transition: background-size 0.2s linear;
  -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;
}
.postbox-post-title a:hover {
  background-size: 0% 2px, 100% 2px;
  color: var(--tp-theme-primary);
}
.postbox-post-next span {
  margin-left: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-post-prev {
    margin-bottom: 35px;
  }
}
.postbox-post-prev span {
  margin-right: 4px;
}
.postbox-post-arrow a {
  color: var(--tp-heading-primary);
  font-size: 18px;
  line-height: 1.5;
  background-image: linear-gradient(#CD5F37, #CD5F37), linear-gradient(#CD5F37, #CD5F37);
  display: inline;
  background-size: 0% 2px, 0 2px;
  background-position: 100% 100%, 0 102%;
  background-repeat: no-repeat;
  transition: background-size 0.2s linear;
  -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;
}
.postbox-post-arrow a:hover {
  background-size: 0% 2px, 100% 2px;
  color: var(--tp-theme-primary);
}
.postbox__comment ul li {
  margin-bottom: 10px;
  list-style: none;
}
.postbox__comment ul li.children {
  margin-left: 100px;
}
@media (max-width: 767px) {
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
}
.postbox__comment-form {
  margin-bottom: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09);
  background: var(--tp-common-white);
}
.postbox__comment-form-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.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;
  border: 1px solid transparent;
  border-radius: 7px;
  background: #f7f7f7;
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__comment-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.postbox__comment-box {
  padding: 30px;
  padding-right: 40px;
  padding-top: 25px;
  border-radius: 4px;
}
.postbox__comment-avater img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.postbox__comment-name {
  margin-bottom: 5px;
}
.postbox__comment-name h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.postbox__comment-name span {
  font-size: 14px;
  color: var(--tp-text-1);
}
@media (max-width: 767px) {
  .postbox__comment-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.postbox__comment-text p {
  font-size: 16px;
  color: var(--tp-text-11);
  margin-bottom: 15px;
}
.postbox__comment-reply {
  margin-top: 10px;
}
.postbox__comment-reply a {
  display: inline-block;
  color: var(--tp-theme-primary);
  background: rgba(61, 108, 231, 0.1);
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
}
.postbox__comment-reply a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.postbox__comment-agree {
  padding-left: 5px;
}
.postbox__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: var(--tp-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  border-radius: 4px;
  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-theme-primary);
  border-color: transparent;
}
.postbox__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: var(--tp-common-white);
  top: 46%;
  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: var(--tp-text-1);
  line-height: 1;
}
.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-primary);
}
.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-comment-title {
  font-size: 48px;
  margin-bottom: 40px;
}
.postbox-comment ul li {
  list-style: none;
  margin-bottom: 40px;
}
.postbox-comment ul.children {
  margin-left: 110px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .postbox-comment ul.children {
    margin-left: 0px;
  }
}
.postbox-comment-box {
  display: flex;
}
@media (max-width: 767px) {
  .postbox-comment-box {
    display: block;
  }
}
.postbox-comment-content {
  padding: 25px 30px 25px 30px;
  background: #FCF4F1;
  position: relative;
}
.postbox-comment-content::before {
  position: absolute;
  content: "";
  left: -14px;
  top: 23px;
  clip-path: polygon(100% 0, 0 46%, 100% 100%);
  height: 25px;
  width: 15px;
  background-color: #FCF4F1;
}
@media (max-width: 767px) {
  .postbox-comment-content::before {
    display: none;
  }
}
.postbox-comment-avater {
  flex: 0 0 auto;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .postbox-comment-avater {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.postbox-comment-avater img {
  height: 80px;
  width: 80px;
  object-fit: cover;
}
.postbox-comment-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
}
.postbox-comment-author {
  margin-bottom: 13px;
}
.postbox-comment-author span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-theme-primary);
}
.postbox-comment-author p {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: #0C0A1F;
  margin-bottom: 0;
}
.postbox-comment-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: #0C0A1F;
  margin-bottom: 0;
}
.postbox-comment-rating {
  position: absolute;
  right: 32px;
  top: 27px;
}
@media (max-width: 767px) {
  .postbox-comment-rating {
    position: inherit;
    right: 0;
    top: 0;
  }
}
.postbox-comment-rating span {
  color: var(--tp-theme-primary);
  margin: 0 -2px;
  display: inline-block;
}

.tagcloud a {
  background: var(--tp-common-white);
  color: var(--tp-text-body);
  display: inline-block;
  font-weight: 400;
  padding: 8px 8px;
  margin-bottom: 8px;
  margin-right: 6px;
  border: 0;
  font-size: 14px;
  line-height: 1;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06);
}
.tagcloud a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tagcloud-sm span {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: #0C0A1F;
  display: inline-block;
  margin-right: 8px;
}
.tagcloud-sm a {
  font-size: 14px;
  color: var(--tp-text-body);
  background: #FCF4F1;
  box-shadow: none;
}

blockquote {
  background: var(--tp-theme-primary);
  padding: 35px 39px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  blockquote {
    padding-left: 15px;
    padding-right: 15px;
  }
}
blockquote h4 {
  font-size: 40px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  blockquote h4 {
    font-size: 28px;
  }
}
blockquote span {
  position: absolute;
  top: 12px;
  right: 35px;
}
blockquote cite {
  font-size: 18px;
  display: block;
  margin-top: 10px;
  color: #070337;
  font-style: inherit;
  font-weight: 600;
  position: relative;
}
blockquote cite::before {
  content: "";
  font-size: 28px;
  color: var(--tp-theme-primary);
  padding-bottom: 0px;
  display: inline-block;
  background: var(--tp-theme-primary);
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}

/*----------------------------------------*/
/*  5.2 Recent Post css
/*----------------------------------------*/
@media (max-width: 767px) {
  .rc-post {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.rc-post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc-post-thumb {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .rc-post-thumb {
    margin-bottom: 20px;
  }
}
.rc-post-thumb img {
  width: 96px;
  height: 96px;
  object-fit: cover;
}
.rc-post-title {
  margin-bottom: 13px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  font-family: 'Open Sans', sans-serif;
}
.rc-post-title a:hover {
  color: var(--tp-theme-primary);
}
.rc-meta span {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}
.rc-meta span i {
  font-size: 14;
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.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;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-wrapper {
    margin-left: 0;
  }
}
.sidebar-widget-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: #0C0A1F;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 20px;
}
.sidebar-widget-content ul li {
  list-style: none;
  position: relative;
  padding-left: 16px;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.sidebar-widget-content ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.sidebar-widget-content ul li:last-child::after {
  display: none;
}
.sidebar-widget-content ul li::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(72, 30, 11, 0.07);
}
.sidebar-widget-content ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 12px;
  height: 6px;
  width: 6px;
  background-color: var(--tp-theme-primary);
}
.sidebar-widget-content ul li a {
  display: block;
}
.sidebar-widget-content ul li span {
  float: right;
  display: inline-block;
}
.sidebar-search {
  position: relative;
}
.sidebar-search-input {
  width: 312px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-search-input {
    width: 100%;
  }
}
.sidebar-search-input input {
  width: 100%;
  height: 80px;
  line-height: 60px;
  background: #FCF4F1;
  padding: 0 25px;
  border-radius: 0px;
  border: none;
  outline: none;
  padding-right: 80px;
}
.sidebar-search-btn button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 30px;
  color: #fff;
  line-height: 60px;
  border-radius: 0;
  background: var(--tp-theme-primary);
}
.sidebar-widget-2 {
  padding: 32px 32px 32px 32px;
  background: #FCF4F1;
}
@media (max-width: 767px) {
  .sidebar-widget-2 {
    padding: 32px 20px 32px 20px;
  }
}

/*----------------------------------------*/
/*  5.4 Blog css
/*----------------------------------------*/

.blog-thumb {
  width: 100%;          /* Ensures the thumbnail fills the container */
  height: 300px;        /* Set a fixed height for uniformity */
  overflow: hidden;     /* Hides any overflow outside the set dimensions */
  border-radius: 8px;   /* Adds a slight curve to the edges */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow for depth */
}

.blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* Ensures the image covers the entire area without distortion */
  transition: transform 0.3s ease; /* Smooth transition for hover effect */
}

.blog-thumb:hover img {
  transform: scale(1.05); /* Slight zoom on hover for a dynamic effect */
}

.blog-item:hover .blog-thumb img {
  transform: scale(1.08) rotate(3deg);
}
.blog-thumb img {
  width: 100%;
  -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;
}
.blog-content {
  background: rgba(205, 95, 55, 0.07);
  padding: 31px 35px 31px 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .blog-content {
    padding: 31px 20px 31px 20px;
  }
}
.blog-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-title {
    font-size: 20px;
  }
}
.blog-title a {
  -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;
}
.blog-title a:hover {
  color: var(--tp-theme-primary);
}
.blog-btn {
  position: relative;
}
.blog-btn a {
  position: relative;
  z-index: 1;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  background-color: #FCF4F1;
  display: block;
  padding: 16px 34px;
  -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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .blog-btn a {
    padding: 16px 20px;
  }
}
.blog-btn a::before {
  position: absolute;
  content: "";
  top: 0;
  width: 0;
  height: 100%;
  background: var(--tp-theme-primary);
  z-index: -1;
  transition: all 0.35s;
  position: absolute;
  left: auto;
  right: 0;
}
.blog-btn a span {
  display: inline-block;
}
.blog-btn a:hover {
  color: var(--tp-common-white);
}
.blog-btn a:hover span {
  animation: shake-next 1s ease infinite;
}
.blog-btn a:hover::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
}

.blog-sub-title {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-theme-primary);
}

.blog-3-all {
  text-align: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-3-all {
    text-align: start;
  }
}
.blog-3-all .tp-btn {
  padding: 23px 38px;
  font-weight: 500;
  border: 2px solid var(--tp-theme-primary);
}
.blog-3-big-item .blog-3-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  background-color: var(--tp-common-white);
  padding: 30px 30px 20px 30px;
}
@media (max-width: 767px) {
  .blog-3-big-item .blog-3-content {
    position: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 20px 20px 20px;
  }
}
.blog-3-content {
  padding: 47px 48px 52px 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-3-content {
    padding: 47px 28px 52px 28px;
  }
}
@media (max-width: 767px) {
  .blog-3-content {
    padding: 47px 20px 52px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3-content {
    padding: 47px 40px 52px 40px;
  }
}
.blog-3-content:hover .blog-3-btn a i {
  animation: shake-next 1s ease infinite;
}
.blog-3-content p {
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-bottom: 24px;
}
.blog-3-title {
  font-size: 40px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-3-title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .blog-3-title {
    font-size: 26px;
  }
}
.blog-3-title a {
  background-image: linear-gradient(#481E0B, #481E0B), linear-gradient(#481E0B, #481E0B);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 82%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.blog-3-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.blog-3-btn a {
  font-size: 20px;
  line-height: 1.5;
  color: #CD5F37;
}
.blog-3-btn a i {
  display: inline-block;
}
.blog-3-item {
  background: #FDF2ED;
}
.blog-3-item-border {
  position: relative;
  z-index: 1;
}
.blog-3-item-border::before {
  position: absolute;
  content: "";
  left: 15px;
  top: 15px;
  border: 1px solid rgba(205, 95, 55, 0.2);
  height: 90%;
  width: 94.5%;
  z-index: -1;
}

@media (max-width: 767px) {
  .blog-5-item {
    display: block !important;
  }
}
.blog-5-thumb {
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-5-thumb {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .blog-5-thumb {
    margin-bottom: 20px;
  }
}
.blog-5-thumb a img {
  border-radius: 12px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  overflow: hidden;
}
.blog-5-thumb a img:hover {
  transform: scale(1.08);
}
.blog-5-content span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  display: inline-block;
  margin-bottom: 20px;
}
.blog-5-title {
  font-size: 40px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-5-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-5-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .blog-5-title {
    font-size: 32px;
  }
}
.blog-5-title a:hover {
  color: var(--tp-theme-primary);
}
.blog-5-btn a {
  font-size: 20px;
  line-height: 150%;
  display: inline-block;
}
.blog-5-btn a span {
  -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;
  color: var(--tp-text-body);
}
.blog-5-btn a:hover {
  color: var(--tp-theme-primary);
}
.blog-5-btn a:hover span {
  color: var(--tp-theme-primary);
  animation: tfLeftToRight 0.5s forwards;
}

.blog-6-item {
  position: relative;
}
.blog-6-item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 12px;
  background-color: var(--tp-theme-6);
  -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;
}
.blog-6-item:hover::before {
  background-color: rgba(0, 0, 0, 0.6);
}
.blog-6-item:hover .blog-6-title {
  color: var(--tp-common-white);
}
.blog-6-item:hover .blog-6-content p {
  color: var(--tp-common-white);
}
.blog-6-item:hover .blog-6-btn a {
  color: var(--tp-common-white);
}
.blog-6-item:hover .blog-6-btn a span {
  animation: shake-next 1s ease infinite;
}
.blog-6-thumb {
  z-index: 1;
}
.blog-6-thumb img {
  border-radius: 12px;
}
.blog-6-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 45px 40px 40px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-6-content {
    padding: 25px 15px 15px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-6-content {
    padding: 20px 20px 20px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-6-content {
    padding: 25px 20px 20px 20px;
  }
}
.blog-6-content p {
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .blog-6-content p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.blog-6-title {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-6-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-6-title {
    font-size: 26px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-6-title {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
.blog-6-title a {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 83%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.blog-6-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.blog-6-btn a {
  font-size: 20px;
  line-height: 1.5;
  display: inline-block;
  color: var(--tp-theme-primary);
}
.blog-6-btn a span {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-7-all {
    text-align: start !important;
  }
}
.blog-7-all .tp-btn {
  padding: 23px 36px;
}
.blog-7-item:hover .blog-7-thumb img {
  transform: scale(1.02);
}
.blog-7-thumb {
  margin-bottom: 22px;
}
.blog-7-thumb img {
  -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;
  width: 100%;
}
.blog-7-content span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  display: inline-block;
  margin-bottom: 12px;
}
.blog-7-title {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-7-title {
    font-size: 30px;
  }
}
.blog-7-title a:hover {
  color: var(--tp-theme-primary);
}
.blog-7-btn a {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
  display: inline-block;
}
.blog-7-btn a span {
  -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;
}
.blog-7-btn a:hover {
  color: var(--tp-theme-primary);
}
.blog-7-btn a:hover span {
  color: var(--tp-theme-primary);
  animation: tfLeftToRight 0.5s forwards;
}
.blog-7-banner {
  background-color: var(--tp-theme-4);
  padding: 94px 45px 94px 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-7-banner {
    padding: 50px 15px 50px 15px;
  }
}
@media (max-width: 767px) {
  .blog-7-banner {
    padding: 74px 25px 74px 25px;
  }
}
.blog-7-banner-title {
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-7-banner-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .blog-7-banner-title {
    font-size: 34px;
  }
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
/* footer col design for home 1 */
.footer-col-1 {
  margin-right: -20px;
}
@media (max-width: 767px) {
  .footer-col-1 {
    margin-right: 0;
  }
}
.footer-col-2 {
  padding-left: 145px;
  margin-right: -50px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-2 {
    padding-left: 105px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-2 {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-2 {
    padding-left: 30px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .footer-col-2 {
    margin-right: 0;
    padding-left: 0;
  }
}
.footer-col-2::before {
  position: absolute;
  content: "";
  left: 80px;
  top: 57%;
  transform: translateY(-50%);
  height: 516px;
  width: 1px;
  background: rgba(72, 30, 11, 0.1);
}
@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-2::before {
    display: none;
  }
}
.footer-col-3 {
  padding-left: 135px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-3 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-3 {
    padding-left: 0px;
  }
}
.footer-col-3::before {
  position: absolute;
  content: "";
  left: 80px;
  top: 52%;
  transform: translateY(-50%);
  height: 516px;
  width: 1px;
  background: rgba(72, 30, 11, 0.1);
}
@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-3::before {
    display: none;
  }
}
.footer-col-3::after {
  position: absolute;
  content: "";
  left: 80px;
  top: 52%;
  transform: translateY(-50%);
  height: 1px;
  width: 768px;
  background: rgba(72, 30, 11, 0.1);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .footer-col-3::after {
    width: 100%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .footer-col-3::after {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-3::after {
    width: 90%;
  }
}
@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-3::after {
    display: none;
  }
}
.footer-col-3 .footer-link {
  padding-bottom: 50px;
}
.footer-col-3 .footer-link ul li {
  float: left;
  width: 33.33%;
}

.footer-logo {
  margin-bottom: 28px;
}
.footer-info p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-info p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .footer-info p br {
    display: none;
  }
}
.footer-social a {
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(72, 30, 11, 0.1);
  color: var(--tp-heading-primary);
  font-size: 20px;
  margin-right: 18px;
}
.footer-social a:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-social a {
    margin-right: 12px;
  }
}
.footer-social a:hover {
  background-color: #CD5F37;
  color: var(--tp-common-white);
}
.footer-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  margin-bottom: 35px;
  display: inline-block;
}
.footer-link li {
  list-style: none;
  margin-bottom: 25px;
}
.footer-link li:last-child {
  margin-bottom: 0;
}
.footer-link li a {
  font-size: 20px;
  line-height: 1;
  color: var(--tp-text-body);
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-link li a {
    font-size: 18px;
  }
}
.footer-link li a:hover {
  color: var(--tp-theme-primary);
}
.footer-link li a:hover::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.footer-link li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #CD5F37;
  left: auto;
  right: 0;
  bottom: -1px;
  opacity: 0;
  transition: all 0.3s linear;
}
.footer-input {
  width: 410px;
}
.footer-input input {
  width: 100%;
  height: 80px;
  background-color: rgba(205, 95, 55, 0.1);
  border: none;
  font-size: 20px;
  padding: 10px 40px;
  border: 1px solid transparent;
}
.footer-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6A5952;
  font-size: 20px;
  border: 1px solid transparent;
}
.footer-input input::-moz-placeholder { /* Firefox 19+ */
  color: #6A5952;
  font-size: 20px;
  border: 1px solid transparent;
}
.footer-input input:-moz-placeholder { /* Firefox 4-18 */
  color: #6A5952;
  font-size: 20px;
  border: 1px solid transparent;
}
.footer-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #6A5952;
  font-size: 20px;
  border: 1px solid transparent;
}
.footer-input input::placeholder { /* MODERN BROWSER */
  color: #6A5952;
  font-size: 20px;
  border: 1px solid transparent;
}
.footer-input input:focus {
  border-color: var(--tp-theme-primary);
}
.footer-input input:focus::placeholder {
  font-size: 0;
}
.footer-newsletter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-newsletter-submit {
  margin-left: 6px;
}
.footer-newsletter-submit button {
  height: 80px;
  width: 80px;
  line-height: 80px;
  background-color: var(--tp-theme-primary);
  display: inline-block;
  font-size: 28px;
  color: var(--tp-common-white);
}
.footer-newsletter-submit button:hover {
  box-shadow: inset 0 0 0 60px #FAEFEB;
  color: var(--tp-theme-primary);
}
.footer-newsletter-submit button span {
  display: inline-block;
}
.footer-copyright span {
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  display: inline-block;
  padding: 22px 0;
}
.footer-bottom-1 {
  border-top: 1px solid rgba(72, 30, 11, 0.1);
  margin-right: 95px;
  margin-left: 95px;
}
@media (max-width: 767px) {
  .footer-bottom-1 {
    margin-right: 0;
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  6.2 Footer Style 2
/*----------------------------------------*/
.footer-2-col-2 {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2-col-2 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2-col-2 {
    padding-left: 40px;
    margin-right: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2-col-2 {
    padding-left: 0px;
  }
}
.footer-2-col-3 {
  padding-left: 37px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2-col-3 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2-col-3 {
    margin-left: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2-col-3 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2-col-4 {
    margin-left: -45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2-col-4 {
    margin-left: -30px;
  }
}
.footer-2-col-4 .footer-link li span {
  font-size: 20px;
  line-height: 1;
  color: var(--tp-text-body);
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2-col-4 .footer-link li span {
    font-size: 18px;
  }
}

.footer-info-list {
  margin-top: -8px;
}
.footer-info-list li {
  list-style: none;
  position: relative;
  padding-left: 35px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-bottom: 20px;
}
.footer-info-list li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-info-list li {
    padding-left: 25px;
    font-size: 18px;
  }
}
.footer-info-list li i {
  position: absolute;
  left: 0;
  top: 0;
}
.footer-bottom-2 span {
  padding: 14.5px 0;
}

/*----------------------------------------*/
/*  6.3 Footer Style 3
/*----------------------------------------*/
.footer-top-3 {
  border-top: 1px solid rgba(72, 30, 11, 0.1);
  border-bottom: 1px solid rgba(72, 30, 11, 0.1);
}
.footer-bottom-3 .footer-copyright span {
  padding: 25px 0;
}

.footer-3-col-2 {
  padding-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-3-col-2 {
    margin-left: -12px;
    margin-right: -10px;
  }
}
@media (max-width: 767px) {
  .footer-3-col-2 {
    padding-left: 0;
  }
}
.footer-3-col-3 {
  margin-left: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-3-col-3 {
    margin-left: 0px;
    margin-right: -16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-3-col-3 {
    margin-left: 0;
  }
}

.footer-post-3-thumb {
  margin-right: 20px;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .footer-post-3-thumb {
    margin-right: 10px;
  }
}
.footer-post-3-thumb img {
  height: 96px;
  width: 96px;
  object-fit: cover;
}
.footer-post-3-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  display: block;
  margin-bottom: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-post-3-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .footer-post-3-title {
    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) {
  .footer-post-3-title br {
    display: none;
  }
}
.footer-post-3-title a:hover {
  color: var(--tp-theme-primary);
}
.footer-post-3-date {
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.footer-post-3-date i {
  transform: translateY(-2px);
  display: inline-block;
}

/*----------------------------------------*/
/*  6.4 Footer Style 4
/*----------------------------------------*/
.footer-4-col-2 {
  margin-left: -25px;
}
@media (max-width: 767px) {
  .footer-4-col-2 {
    margin-left: 0px;
  }
}
.footer-4-col-3 {
  margin-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-4-col-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-4-col-3 {
    margin-left: -60px;
  }
}

.footer-top-4 .footer-link li {
  margin-bottom: 26px;
}
.footer-top-4 .footer-link li a {
  color: var(--tp-common-white);
}
.footer-top-4 .footer-link li a::before {
  background: #FFF;
}
.footer-top-4-border {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-appoinment .appoinment {
  font-size: 80px;
  line-height: 1.1;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-top: -7px;
}
@media (max-width: 767px) {
  .footer-appoinment .appoinment {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .footer-appoinment .appoinment br {
    display: none;
  }
}
.footer-appoinment a {
  flex: 0 0 auto;
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  color: var(--tp-theme-primary);
  background-color: var(--tp-common-white);
  border-radius: 50%;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-appoinment a {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-appoinment a {
    height: 70px;
    width: 70px;
    line-height: 70px;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-appoinment a {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .footer-appoinment a {
    height: 50px;
    width: 50px;
    line-height: 49px;
    margin-left: 20px;
    transform: translateY(-8px);
  }
}
.footer-appoinment a:hover {
  box-shadow: inset 0 0 0 40px #E6AF9B;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .footer-appoinment a svg {
    width: 24px;
  }
}
.footer-bottom-4 {
  background: rgba(255, 255, 255, 0.06);
}
.footer-bottom-4 span {
  font-size: 18px;
  line-height: 1.5;
  color: #FFFFFF;
  opacity: 0.7;
  padding: 15px 0;
}

/*----------------------------------------*/
/*  6.5 Footer Style 5
/*----------------------------------------*/
.footer-5-col-2 {
  margin-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .footer-5-col-2 {
    margin-left: 0;
  }
}
.footer-5-col-3 {
  margin-left: -25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-5-col-3 {
    margin-left: -18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-5-col-3 {
    margin-left: 0px;
  }
}
.footer-5-col-4 {
  margin-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5-col-4 {
    margin-left: -50px;
  }
}
@media (max-width: 767px) {
  .footer-5-col-4 {
    margin-left: 0px;
  }
}

.footer-5-logo {
  padding: 65px 0 68px 0;
}
.footer-5-support span {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .footer-5-support span {
    font-size: 20px;
  }
}
.footer-5-form input {
  width: 100%;
  height: 64px;
  background-color: var(--tp-common-white);
  border: none;
  border-radius: 44px;
  margin-bottom: 14px;
}
.footer-5-form input::placeholder {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.footer-5-form input:focus::placeholder {
  font-size: 0;
}
.footer-5-form .submit-btn {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-radius: 44px;
  width: 100%;
  text-align: center;
  padding: 17px 0;
}
.footer-5-form .submit-btn:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.footer-5-border {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-top-5 .footer-title {
  color: var(--tp-common-white);
}
.footer-top-5 .footer-link li a {
  color: rgba(255, 255, 255, 0.7);
}
.footer-top-5 .footer-link li a:hover {
  color: var(--tp-theme-primary);
}
.footer-top-5 .footer-info p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}
.footer-top-5 .footer-post-3-title {
  color: var(--tp-common-white);
}
.footer-top-5 .footer-post-3-date {
  color: rgba(255, 255, 255, 0.7);
}
.footer-top-5 .footer-post-3-date i svg {
  color: rgba(255, 255, 255, 0.7);
}
.footer-top-5 .footer-post-3-thumb img {
  border-radius: 6px;
}

.footer-bottom-5 .footer-copyright span {
  color: rgba(255, 255, 255, 0.7);
}

/*----------------------------------------*/
/*  6.6 Footer Style 6
/*----------------------------------------*/
.footer-6-col-1 {
  margin-bottom: 50px;
}
.footer-6-col-2 {
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-6-col-2 {
    margin-left: -20px;
  }
}
.footer-6-col-3 {
  margin-bottom: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-6-col-3 {
    margin-left: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-6-col-3 {
    margin-bottom: 50px;
  }
}
.footer-6-col-4 {
  margin-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-6-col-4 {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-6-col-4 {
    margin-left: 0px;
    margin-bottom: 50px;
  }
}
.footer-6-col-4 .footer-link li {
  list-style: none;
  margin-bottom: 25px;
  width: 50%;
  float: left;
}
@media (max-width: 767px) {
  .footer-6-col-4 .footer-link li {
    width: 100%;
  }
}

.footer-6-cta-title {
  font-size: 48px;
  line-height: 1.1;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .footer-6-cta-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-6-support {
    text-align: start !important;
  }
}
.footer-6-support a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 40px;
  display: inline-block;
  padding: 21px 52px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .footer-6-support a {
    font-size: 18px;
  }
}
.footer-6-support a:hover {
  border-color: var(--tp-theme-primary);
}
.footer-6-support a span {
  margin-right: 10px;
  padding-right: 17px;
  position: relative;
  display: inline-block;
  transform: translateY(-2px);
}
.footer-6-support a span::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 20px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.footer-6-border {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-6-contact {
  padding: 137px 0 50px 0;
}
.footer-6-top .footer-info p {
  color: rgba(255, 255, 255, 0.7);
}
.footer-6-top .footer-title {
  color: var(--tp-common-white);
  margin-bottom: 25px;
}
.footer-6-top .footer-link li a {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  line-height: 1.5;
  display: inline-block;
}
.footer-6-top .footer-link li a:hover {
  color: var(--tp-common-white);
}
.footer-6-top .footer-link li a::before {
  bottom: 4px;
  background: var(--tp-common-white);
}
.footer-6-top .footer-link li p {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
.footer-6 .footer-social a {
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  6.7 Footer Style 7
/*----------------------------------------*/
.footer-7-info a {
  font-size: 48px;
  line-height: 1.1;
  display: inline-block;
}
@media (max-width: 767px) {
  .footer-7-info a {
    font-size: 24px;
  }
}
.footer-7-info a:hover {
  color: var(--tp-theme-primary);
}
.footer-7-btn {
  margin-bottom: 0;
}
.footer-7-btn a {
  font-size: 48px;
  line-height: 1.1;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 41px 10px;
  border: 2px solid var(--tp-theme-primary);
}
@media (max-width: 767px) {
  .footer-7-btn a {
    font-size: 34px;
  }
}
.footer-7-btn a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.footer-7-main {
  border-top: 1px solid rgba(72, 30, 11, 0.1);
  border-bottom: 1px solid rgba(72, 30, 11, 0.1);
}
.footer-7-list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer-7-list ul {
    flex-wrap: wrap;
  }
}
.footer-7-list ul li {
  list-style: none;
  border-right: 1px solid rgba(72, 30, 11, 0.1);
  width: 20%;
}
@media (max-width: 767px) {
  .footer-7-list ul li {
    width: 100%;
    border-right: 0;
  }
}
.footer-7-list ul li:first-child {
  border-left: 1px solid rgba(72, 30, 11, 0.1);
}
@media (max-width: 767px) {
  .footer-7-list ul li:first-child {
    border-left: 0;
  }
}
.footer-7-list ul li a {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
  display: block;
  padding: 20px 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-7-list ul li a {
    padding: 20px 5px;
    font-size: 18px;
  }
}
.footer-7-list ul li a:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .footer-7-payment {
    text-align: center !important;
    padding-bottom: 30px;
  }
}

.footer-bottom-7 .footer-copyright span {
  font-size: 18px;
  line-height: 1.5;
  color: rgba(72, 30, 11, 0.7);
  padding: 42px 0;
}

/*----------------------------------------*/
/*  7.1 Slider css
/*----------------------------------------*/
.beforeAfter {
  height: 570px;
}
@media (max-width: 767px) {
  .beforeAfter {
    height: 500px;
  }
}
.beforeAfter img {
  max-width: inherit;
  height: 570px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .beforeAfter img {
    height: 500px;
  }
}

.before-after-2-thumb {
  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) {
  .before-after-2-thumb {
    margin-left: 0;
  }
}
.before-after-2-thumb .beforeAfter img {
  border-radius: 6px;
}
.before-after-2 .tpsection p {
  margin-bottom: 40px;
}

/*----------------------------------------*/
/*  7.2 About css
/*----------------------------------------*/
/* About Section Styling */
.about-area {
  padding-top: 130px;
  padding-bottom: 90px;
  background-color: #fafafa;
}

/* About Image Styling */
.about-thumb img {
  width: 100%;
  max-width: 340px;
  height: auto;
  object-fit: cover;
  border-radius: 50%;
  border: 8px solid #d17f57;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-thumb img:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* Section Header */
.tpsection-sub-title {
  font-size: 18px;
  color: #d17f57;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.tpsection-title {
  font-size: 42px;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .tpsection-title {
    font-size: 32px;
  }
}

/* About Box Content */
.about-box-content {
  background-color: #fff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08);
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.about-box-content:hover {
  background-color: #f9f3ef;
  transform: translateY(-5px);
}

.about-box-content p {
  font-size: 18px;
  line-height: 1.6;
  color: #6A5952;
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative;
}

.about-box-content p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: calc(100% - 16px);
  background-color: #d17f57;
  border-radius: 2px;
}

.about-box-title {
  font-size: 24px;
  color: #d17f57;
  font-weight: bold;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .about-box-title {
    font-size: 20px;
  }
}

/* Icon Styling */
.about-box-icon img {
  width: 40px;
  height: 40px;
  margin-top: 15px;
  transition: transform 0.3s ease;
}

.about-box-content:hover .about-box-icon img {
  transform: rotate(15deg) scale(1.1);
}

/* Media Queries for Responsiveness */
@media (max-width: 991px) {
  .about-area {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .about-box-content {
    padding: 20px;
  }

  .about-thumb img {
    max-width: 300px;
  }
}

@media (max-width: 767px) {
  .about-thumb img {
    max-width: 100%;
  }

  .tpsection-sub-title {
    font-size: 16px;
  }
}

/* Animation for Hover Effects */
@keyframes img-border {
  0%, 100% {
    border-color: #d17f57;
  }
  50% {
    border-color: #b15643;
  }
}

@-webkit-keyframes img-border {
  0%, 100% {
    border-color: #d17f57;
  }
  50% {
    border-color: #b15643;
  }
}
/*----------------------------------------*/
/*  7.3 Category css
/*----------------------------------------*/
.categories-area {
  padding: 80px 0; /* Adjust padding as necessary */
  background-color: #f9f9f9; /* Light background for contrast */
}

.category-item {
  background-color: #fff; /* White background for cards */
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  overflow: hidden; /* Prevent overflow */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
  position: relative; /* For positioning overlay */
  width: 100%; /* Full width of its container */
  max-width: 300px; /* Max width to limit card size */
  height: auto; /* Height auto to allow content scaling */
  margin: 15px auto; /* Center the card horizontally and add margin */
  display: flex;
  flex-direction: column; /* Ensure content is stacked vertically */
  justify-content: space-between; /* Ensure space is distributed between content */
}

.category-item:hover {
  transform: translateY(-5px); /* Lift effect on hover */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
}

.category-thumb img {
  width: 100%; /* Full width for images */
  height: auto; /* Maintain aspect ratio */
  border-bottom: 5px solid #d17f57; /* Decorative bottom border */
  transition: transform 0.3s ease; /* Image transition */
}

.category-content {
  padding: 20px; /* Padding for text content */
  text-align: center; /* Center text */
}

.category-title {
  font-size: 22px; /* Title size */
  font-weight: 700; /* Title weight */
  color: #333; /* Title color */
  margin-top: 10px; /* Space above title */
}

.category-content p {
  color: #777; /* Description color */
  font-size: 14px; /* Description size */
  margin: 5px 0; /* Space around description */
}

.btn-learn-more {
  display: inline-block;
  margin-top: 15px; /* Space above the button */
  padding: 10px 20px; /* Button padding */
  background-color: #d17f57; /* Button color */
  color: #fff; /* Button text color */
  text-decoration: none; /* Remove underline */
  border-radius: 4px; /* Rounded corners for button */
  transition: background-color 0.3s ease, transform 0.3s ease; /* Button transition */
}

.btn-learn-more:hover {
  background-color: #b15643; /* Darker color on hover */
  transform: scale(1.05); /* Scale up on hover */
}

.category-link {
  display: block; /* Ensures the link covers the whole card */
  text-decoration: none; /* Removes underline from text */
  color: inherit; /* Inherits color from parent elements */
}

.category-item:hover {
  /* Optional hover effect */
  transform: scale(1.05); /* Slightly enlarge the card on hover */
  transition: transform 0.3s ease; /* Smooth transition */
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .categories-area .tpsection-title {
      font-size: 28px; /* Adjust title size for smaller screens */
  }

  .category-item {
      margin-bottom: 20px; /* Space for smaller screens */
  }
}
/*----------------------------------------*/
/*  7.11 Form css
/*----------------------------------------*/
.appoinment-form-input input, .appoinment-form-input .doctor-name {
  height: 80px;
  width: 100%;
  background-color: var(--tp-common-white);
  border: none;
}
.appoinment-form-input input::-webkit-input-placeholder, .appoinment-form-input .doctor-name::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-text-body);
}
.appoinment-form-input input::-moz-placeholder, .appoinment-form-input .doctor-name::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-text-body);
}
.appoinment-form-input input:-moz-placeholder, .appoinment-form-input .doctor-name:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-text-body);
}
.appoinment-form-input input:-ms-input-placeholder, .appoinment-form-input .doctor-name:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-text-body);
}
.appoinment-form-input input::placeholder, .appoinment-form-input .doctor-name::placeholder { /* MODERN BROWSER */
  color: var(--tp-text-body);
}
.appoinment-form-input input:focus::placeholder, .appoinment-form-input .doctor-name:focus::placeholder {
  font-size: 0;
}
.appoinment-form-submit .tp-btn {
  display: block;
  width: 100%;
  padding: 25px 0;
}
.appoinment-shape-1 {
  position: absolute;
  left: 140px;
  bottom: 55px;
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  transform-origin: left center;
}
.appoinment-shape-2 {
  position: absolute;
  right: 130px;
  top: 105px;
  animation: tpupdown 2.3s ease-in-out 2.3s forwards infinite alternate;
}

.doctor-name span {
  color: var(--tp-text-body);
  font-weight: 400;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  line-height: 4;
}

.appoinment-2-thumb-main {
  margin-left: -70px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .appoinment-2-thumb-main {
    margin-left: 0;
    margin-bottom: 50px;
  }
}
.appoinment-2-thumb-main::after {
  position: absolute;
  content: "";
  height: 700px;
  width: 675px;
  background: linear-gradient(180deg, #F7D7C8 0%, rgba(240, 222, 214, 0) 91.96%);
  border-radius: 344.5px 344.5px 0px 0px;
  left: 0;
  bottom: 0;
  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) {
  .appoinment-2-thumb-main::after {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .appoinment-2-thumb-main::after {
    width: 100%;
    height: calc(100% + 30px);
  }
}
.appoinment-2-thumb-main 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) {
  .appoinment-2-thumb-main img {
    max-width: 100%;
  }
}
.appoinment-2 .appoinment-form-input input, .appoinment-2 .doctor-name {
  border-radius: 40px;
}
.appoinment-2 .appoinment-form-submit .tp-btn {
  border-radius: 40px;
}

.appoinment-form-input input, .appoinment-form-input .doctor-name {
  height: 80px;
  width: 100%;
  background: #FCF4F1;
  border: 1px solid transparent;
}
.appoinment-form-input input:focus, .appoinment-form-input .doctor-name:focus {
  border-color: var(--tp-theme-primary);
}

.appoinment-form-input input {
  background-color: var(--tp-common-white);
}
.appoinment-form-input .doctor-name {
  background-color: var(--tp-common-white) !important;
}

.schedules-list span {
  display: block;
  line-height: 1.5;
  color: var(--tp-text-body);
  font-size: 20px;
  margin-bottom: 13px;
}

.appoinment-3 .appoinment-form-input input {
  background-color: #FCF4F1;
}
.appoinment-3 .appoinment-form-input .doctor-name {
  background-color: #FCF4F1 !important;
}


/*----------------------------------------*/
/*  7.17 About_Doctor css
/*----------------------------------------*/
/* Section Styling */
.team-area {
  padding: 80px 0;
  background-color: #f9f9f9;
  text-align: center;
}

/* Section Title */
.tpsection {
  margin-bottom: 40px;
}

.tpsection-sub-title span {
  color: #d17f57;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tpsection-title {
  font-size: 42px;
  font-weight: 700;
  color: #333;
}

/* Team Item Styling */
.team-item {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-item:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Profile Image Styling */
.team-profile {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  transition: box-shadow 0.3s ease;
}

.team-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.team-item:hover .team-profile {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Team Content Styling */
.team-content {
  background-color: #d4af36;
  color: #fff;
  padding: 25px;
  border-radius: 12px;
  margin-top: -35px;
  transition: background-color 0.4s ease, transform 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.team-item:hover .team-content {
  background-color: #b15643;
  transform: translateY(-5px);
}

/* Author Title */
.team-author-title {
  font-size: 26px;
  font-weight: 700;
  margin: 12px 0 6px;
  color: #fff;
  transition: color 0.3s ease;
}

.team-author-title a {
  color: inherit;
  text-decoration: none;
}

.team-author-title a:hover {
  color: #ffe0cc;
}

/* Position */
.team-author-position {
  font-size: 18px;
  color: #ffd4b6;
}

/* Social Icons Styling */
.team-author-social {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}

.team-item:hover .team-author-social {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.team-author-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.team-author-social a:hover {
  background-color: #fff;
  color: #d17f57;
  transform: scale(1.1);
}

/*----------------------------------------*/
/*  7.18 Testimonial css
/*----------------------------------------*/
@media (max-width: 767px) {
  .testimonial-wrap {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .testimonial-main-bg {
    text-align: center;
  }
}
.testimonial-main-bg img {
  height: 520px;
  width: 520px;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .testimonial-main-bg img {
    height: 300px;
    width: 300px;
  }
}
@media (max-width: 767px) {
  .testimonial-shape {
    text-align: center;
  }
}
.testimonial-shape-1 {
  position: absolute;
  bottom: -6px;
  right: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-shape-1 {
    bottom: -106px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .testimonial-shape-1 {
    position: inherit;
    margin-top: -50px;
  }
}
.testimonial-shape-1 img {
  height: 370px;
  width: 370px;
  object-fit: cover;
  border-radius: 50%;
  border: 6px solid var(--tp-common-white);
}
@media (max-width: 767px) {
  .testimonial-shape-1 img {
    height: 300px;
    width: 300px;
  }
}
.testimonial-wrapper .tpsection-title {
  font-size: 48px;
}
.testimonial-content p {
  font-size: 23px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .testimonial-content p {
    font-size: 20px;
  }
}
.testimonial-author-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  display: block;
  margin-bottom: 6px;
}
.testimonial-author-position {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.testimonial-author-box {
  width: 280px;
}
.testimonial-author-thumb {
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.testimonial-author-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #CD5F37;
  border-radius: 50%;
  transform: scale(0);
}
.testimonial-author-thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}

.testimonial-arrows {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}
@media (max-width: 767px) {
  .testimonial-arrows {
    position: inherit;
    right: auto;
    left: 0;
    bottom: -20px;
    justify-content: start !important;
  }
}

.testimonial-1-thumb {
  padding-right: 260px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-1-thumb {
    padding-right: 235px;
  }
}
@media (max-width: 767px) {
  .testimonial-1-thumb {
    padding-right: 0px;
  }
}
.testimonial-1-thumb .swiper-slide-active .testimonial-author-thumb::before {
  transform: scale(1.3);
}

.testimonial-2 {
  background-color: var(--tp-common-white);
  border-radius: 6px;
  padding: 48px 40px 48px 45px;
}
@media (max-width: 767px) {
  .testimonial-2 {
    padding: 48px 20px 48px 20px;
  }
}
.testimonial-2-rating {
  margin-bottom: 25px;
}
.testimonial-2-rating i {
  color: var(--tp-theme-4);
  font-size: 20px;
}
.testimonial-2-content p {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .testimonial-2-content p {
    font-size: 20px;
  }
}
.testimonial-2-author-title {
  font-size: 40px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
  margin-bottom: 4px;
}
.testimonial-2-shape {
  position: absolute;
  right: 40px;
  bottom: 48px;
}
.testimonial-2-wrapper {
  padding-bottom: 240px;
}

.testimonial-2-active .splide__pagination {
  bottom: -83px;
}
.testimonial-2-active .splide__pagination .splide__pagination__page {
  background: var(--tp-theme-primary);
  opacity: 0.4;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  margin: 0 15px;
}
.testimonial-2-active .splide__pagination .splide__pagination__page::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s ease-in-out;
}
.testimonial-2-active .splide__pagination .is-active {
  background: var(--tp-theme-primary);
  opacity: 1;
  transform: scale(1);
}
.testimonial-2-active .splide__pagination .is-active::after {
  border-color: var(--tp-theme-primary);
  transform: translate(-50%, -50%) scale(1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .testimonial-4-wrapper {
    margin-top: 50px;
    margin-left: 0;
  }
}
.testimonial-4-bg {
  position: relative;
  z-index: 1;
}
.testimonial-4 .tpsection-title {
  color: var(--tp-common-white);
}
.testimonial-4 .tpsection-anim span svg {
  width: 100%;
  color: rgba(255, 255, 255, 0.2);
}
.testimonial-4 .tpsection p {
  color: var(--tp-common-white);
}
.testimonial-4-thumb img {
  height: 420px;
  width: 420px;
  object-fit: cover;
  border-radius: 50%;
  max-width: inherit;
  position: relative;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-4-content {
    margin-left: -15px;
  }
}
.testimonial-4-shape span {
  position: absolute;
  top: 33px;
  right: -390px;
  opacity: 0.3;
  color: var(--tp-common-white);
  animation: tpswing 2s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom right;
}
.testimonial-4-active {
  background-color: var(--tp-common-white);
  border-radius: 16px;
}
.testimonial-4-item {
  padding: 32px 32px 28px 32px;
}
.testimonial-4-rating {
  margin-bottom: 22px;
}
.testimonial-4-rating i {
  color: var(--tp-theme-4);
  font-size: 20px;
}
.testimonial-4-text {
  margin-bottom: 25px;
}
.testimonial-4-text p {
  font-size: 20px;
  line-height: 1.5;
  color: #6A5952;
}
.testimonial-4-author span {
  font-weight: 700;
  font-size: 24px;
  color: var(--tp-heading-primary);
}
.testimonial-4-author p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #6A5952;
}
.testimonial-4-arrow span {
  display: inline-block;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  line-height: 80px;
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  text-align: center;
  -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;
}
.testimonial-4-arrow span:hover {
  box-shadow: inset 0 0 0 60px var(--tp-common-white);
  color: var(--tp-heading-primary);
}

.testimonial-5-active {
  margin-right: -1180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .testimonial-5-active {
    margin-right: 0;
  }
}
.testimonial-5-active .swiper-slide {
  opacity: 0.3;
}
.testimonial-5-active .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.testimonial-5-bg {
  padding-top: 250px;
  z-index: 1;
}
.testimonial-5-content {
  margin-bottom: 63px;
}
.testimonial-5-content p {
  font-weight: 500;
  font-size: 96px;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-5-content p {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .testimonial-5-content p {
    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) {
  .testimonial-5-content p br {
    display: none;
  }
}
.testimonial-5-author-thumb {
  flex: 0 0 auto;
  margin-right: 25px;
}
.testimonial-5-author-thumb img {
  height: 80px;
  width: 80px;
  object-fit: cover;
  border-radius: 50%;
}
.testimonial-5-author-info span {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.testimonial-5-author-title {
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .testimonial-5-author-title {
    font-size: 34px;
  }
}
.testimonial-5-shape {
  position: absolute;
  top: 140px;
  left: 12%;
  z-index: -1;
  opacity: 0.1;
}
.testimonial-5-shape span {
  color: var(--tp-heading-primary);
}

.testimonial-6 {
  padding: 80px 74px 75px 86px;
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-6 {
    padding: 80px 40px 60px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-6 {
    padding: 80px 74px 70px 86px;
  }
}
@media (max-width: 767px) {
  .testimonial-6 {
    padding: 80px 15px 75px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .testimonial-6 .tpsection {
    margin-bottom: 30px;
  }
}
.testimonial-6-thumb img {
  border-radius: 12px;
}
.testimonial-6-client {
  background-color: var(--tp-theme-primary);
  padding: 37px 40px 42px 40px;
  border-radius: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-6-client {
    padding: 37px 20px 42px 20px;
  }
}
.testimonial-6-client-title {
  color: var(--tp-common-white);
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-6-client-title {
    font-size: 34px;
    margin-bottom: 13px;
  }
}
.testimonial-6-client .count {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
  opacity: 0.8;
  margin-bottom: 0;
  display: inline-block;
}
.testimonial-6-client p, .testimonial-6-client span {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
  opacity: 0.8;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-6-client p, .testimonial-6-client span {
    font-size: 18px;
  }
}
.testimonial-6-client span {
  display: inline-block;
  margin-bottom: 10px;
}
.testimonial-6-client .rating i {
  color: var(--tp-heading-primary);
}
.testimonial-6-rating {
  background-color: var(--tp-theme-4);
}
.testimonial-6-rating .testimonial-6-client-title {
  color: var(--tp-heading-primary);
}
.testimonial-6-rating.testimonial-6-client span {
  color: var(--tp-heading-primary);
}
.testimonial-6-item {
  background-color: var(--tp-theme-6);
  text-align: center;
}
.testimonial-6-content p {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.3;
  color: #481E0B;
  margin-bottom: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial-6-content p {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-6-content p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-6-content p {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .testimonial-6-content p {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.testimonial-6-author-title {
  font-size: 48px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-6-author-title {
    font-size: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .testimonial-6-author-title {
    font-size: 24px;
    margin-bottom: 0;
  }
}
.testimonial-6-author span {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-bottom: 0;
}

.testimonial-7 {
  background-color: var(--tp-theme-6);
  padding-top: 78px;
  padding-bottom: 75px;
  padding-right: 15px;
  padding-left: 15px;
}
.testimonial-7-rating {
  margin-bottom: 60px;
}
.testimonial-7-rating i {
  color: var(--tp-theme-primary);
}
.testimonial-7-title {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-7-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-7-title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .testimonial-7-title {
    font-size: 30px;
  }
}
.testimonial-7-arrow .testimonial-7-button-prev, .testimonial-7-arrow .testimonial-7-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 80px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-7-arrow .testimonial-7-button-prev, .testimonial-7-arrow .testimonial-7-button-next {
    left: 25px;
  }
}
.testimonial-7-arrow .testimonial-7-button-next {
  left: auto;
  right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-7-arrow .testimonial-7-button-next {
    right: 25px;
  }
}

.happy-client {
  height: 262px;
  width: 262px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  padding: 45px 0px 49px 0px;
  display: inline-block;
  border: 6px solid var(--tp-common-white);
  position: absolute;
  top: 0;
  right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .happy-client {
    right: 0;
  }
}
@media (max-width: 767px) {
  .happy-client {
    position: static;
    display: inline-block;
    margin-top: -50px;
  }
}
.happy-client .count {
  font-size: 80px;
  line-height: 1.1;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
.happy-client .count::after {
  content: "+";
  color: var(--tp-common-white);
  font-size: 80px;
}
.happy-client .count .odometer-auto-theme {
  transform: translateY(-10px);
}
.happy-client P {
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  color: var(--tp-common-white);
  margin-bottom: 0;
  margin-top: -20px;
}

/*----------------------------------------*/
/*  7.16 Services css
/*----------------------------------------*/
.services-2 {
  background-color: var(--tp-common-white);
  border-radius: 6px;
  padding: 40px 40px 41px 40px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .services-2 {
    padding: 40px 20px 41px 20px;
  }
}
.services-2:hover {
  background-color: var(--tp-theme-primary);
}
.services-2:hover .services-2-icon i {
  background: rgba(255, 255, 255, 0.1);
}
.services-2:hover .services-2-icon i img {
  filter: brightness(10);
}
.services-2:hover .services-2-title {
  color: var(--tp-common-white);
}
.services-2:hover .services-2-content p {
  color: var(--tp-common-white);
}
.services-2:hover .services-2-btn a {
  color: var(--tp-common-white);
}
.services-2:hover .services-2-btn a i {
  animation: shake-next 1s ease infinite;
}
.services-2-icon i {
  background: rgba(205, 95, 55, 0.1);
  width: 88px;
  height: 88px;
  line-height: 88px;
  text-align: center;
  border-radius: 50%;
  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;
}
.services-2-icon i img {
  -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;
}
.services-2-content p {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-bottom: 33px;
}
.services-2-title {
  font-size: 40px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
}
.services-2-btn a {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
}
.services-2-btn a i {
  display: inline-block;
}

.services-3:hover .services-3-shape span {
  opacity: 1;
  visibility: visible;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-3:hover .services-3-shape span {
    top: -38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services-3:hover .services-3-shape span {
    top: -76px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services-3:hover .services-3-shape span {
    top: -50px;
  }
}
@media (max-width: 767px) {
  .services-3:hover .services-3-shape span {
    top: -75px;
  }
}
.services-3-mask {
  mask-image: url(../img/services/services-3/services-3-mask-1.svg);
  -webkit-mask-image: url(../img/services/services-3/services-3-mask-1.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
  position: relative;
  z-index: 1;
}
.services-3-mask img {
  width: 100%;
}
.services-3-shape span {
  position: absolute;
  display: inline-block;
  top: -10px;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  color: var(--tp-theme-primary);
  visibility: hidden;
  -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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-3-shape span {
    top: -50px;
    left: -29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services-3-shape span {
    top: -110px;
    left: -61px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services-3-shape span {
    top: -75px;
    left: -37px;
  }
}
@media (max-width: 767px) {
  .services-3-shape span {
    top: -90px;
    left: -56px;
  }
}
.services-3-thumb {
  margin-bottom: 54px;
  padding-bottom: 11px;
  overflow: hidden;
}
.services-3-title {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 20px;
}
.services-3-title a {
  display: inline-block;
  position: relative;
}
.services-3-title a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-heading-primary);
  left: auto;
  right: 0;
  bottom: 6px;
  opacity: 0;
  transition: all 0.3s linear;
}
.services-3-title a:hover::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.services-3-content {
  padding: 10px 45px 25px 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-3-content {
    padding: 10px 25px 25px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .services-3-content {
    padding: 10px 15px 25px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services-3-content {
    padding: 10px 20px 25px 20px;
  }
}
.services-3-content p {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-3-content p {
    font-size: 19px;
  }
}
.services-3-icon {
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
  text-align: center;
  left: 0;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services-3-icon {
    top: 44%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .services-3-icon {
    top: 37%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services-3-icon {
    top: 56%;
  }
}
.services-3-icon span {
  width: 104px;
  height: 104px;
  line-height: 104px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  display: inline-block;
  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) {
  .services-3-icon span {
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .services-4 {
    margin-left: 0;
  }
}
.services-4-thumb {
  margin-bottom: 28px;
}
.services-4-thumb img {
  border-radius: 12px;
}
.services-4-title {
  font-size: 48px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
  margin-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services-4-title {
    font-size: 40px;
  }
}
.services-4-content ul li {
  list-style: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
  padding-left: 36px;
  position: relative;
  margin-bottom: 11px;
}
@media (max-width: 767px) {
  .services-4-content ul li {
    font-size: 18px;
  }
}
.services-4-content ul li:last-child {
  margin-bottom: 0;
}
.services-4-content ul li i {
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--tp-theme-primary);
}
.services-4-btn a {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-1);
  display: inline-block;
  border: 2px solid var(--tp-heading-primary);
  border-radius: 12px;
  padding: 23px 125px;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-4-btn a {
    padding: 22px 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services-4-btn a {
    padding: 20px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services-4-btn a {
    padding: 20px 45px;
  }
}
@media (max-width: 767px) {
  .services-4-btn a {
    padding: 20px 50px;
  }
}
.services-4-btn a:hover {
  color: var(--tp-common-white);
  border: 2px solid var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
}
.services-4-border {
  position: relative;
}
.services-4-border::before, .services-4-border::after {
  position: absolute;
  content: "";
  left: -53px;
  top: 40px;
  width: 1px;
  height: 535px;
  background-color: rgba(72, 30, 11, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-4-border::before, .services-4-border::after {
    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) {
  .services-4-border::before, .services-4-border::after {
    display: none;
  }
}
.services-4-border::after {
  right: -28px;
  left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .services-5-item {
    margin-left: 0;
  }
}
.services-5-title {
  display: inline-block;
  font-size: 80px;
  line-height: 1.1;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .services-5-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services-5-title {
    font-size: 60px;
  }
}
.services-5-title a {
  position: relative;
}
.services-5-title a:hover::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.services-5-title a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background: #CD5F37;
  left: auto;
  right: 0;
  bottom: -1px;
  opacity: 0;
  transition: all 0.3s linear;
}
.services-5-title:hover {
  cursor: none;
  color: #CD5F37;
}
.services-5-img {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .services-5-img {
    position: inherit;
  }
}

.services-6:hover .services-6-btn {
  opacity: 1;
  transform: translateY(0px);
}
.services-6-title {
  font-size: 40px;
  margin-bottom: 17px;
}
.services-6-title a:hover {
  color: var(--tp-theme-primary);
}
.services-6-content p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 22px;
}
.services-6-btn {
  opacity: 0;
  transform: translateY(5px);
  -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;
}
.services-6-btn span {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 72px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  text-align: center;
  -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;
  border-radius: 50%;
}
.services-6-btn span:hover {
  color: var(--tp-theme-primary);
  box-shadow: inset 0 0 0 40px var(--tp-common-white);
}

@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services-details-left {
    margin-right: 0;
  }
}
.services-details-others {
  background: #FCF4F1;
  padding: 30px 32px 30px 32px;
}
.services-details-others > span {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: #0C0A1F;
  display: inline-block;
  margin-bottom: 25px;
}
.services-details-others .list li {
  list-style: none;
  padding-left: 17px;
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.services-details-others .list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.services-details-others .list li:last-child::after {
  display: none;
}
.services-details-others .list li::before {
  position: absolute;
  content: ""; 
  left: 0;
  top: 11px;
  height: 6px;
  width: 6px;
  background-color: var(--tp-theme-primary);
}
.services-details-others .list li::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(72, 30, 11, 0.07);
}
.services-details-others .list li a {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  color: #6A5952;
}
.services-details-others .list li a:hover {
  color: var(--tp-theme-primary);
}
.services-details-others .list li a span {
  display: inline-block;
  float: right;
}
.services-details-cta {
  position: relative;
}
.services-details-cta-thumb {
  position: relative;
  z-index: 1;
}
.services-details-cta-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.services-details-cta-thumb img {
  width: 100%;
}
.services-details-cta-content {
  padding: 0 48px 43px 48px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
@media (max-width: 767px) {
  .services-details-cta-content {
    padding: 0 20px 43px 20px;
  }
}
.services-details-cta-content .tp-btn {
  padding: 23px 38px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .services-details-cta-content .tp-btn {
    padding: 18px 28px;
  }
}
.services-details-cta-title {
  font-size: 40px;
  color: var(--tp-common-white);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .services-details-cta-title {
    font-size: 34px;
  }
}
.services-details-item-title {
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-details-item-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .services-details-item-title {
    font-size: 32px;
  }
}
.services-details-item p {
  font-size: 18px;
  line-height: 1.5;
}
.services-details-feature ul {
  display: flex;
  align-items: 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) {
  .services-details-feature ul {
    flex-wrap: wrap;
  }
}
.services-details-feature ul li {
  list-style: none;
  margin-right: 48px;
  margin-bottom: 30px;
}
.services-details-feature ul li:last-child {
  margin-right: 0;
}
.services-details-feature-item {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .services-details-feature-item {
    display: block;
  }
}
.services-details-feature-icon {
  border: 1px solid rgba(72, 30, 11, 0.1);
  padding: 8px;
  display: inline-block;
  flex: 0 0 auto;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .services-details-feature-icon {
    margin-bottom: 20px;
  }
}
.services-details-feature-icon span {
  background: #FCF4F1;
  display: inline-block;
  height: 72px;
  width: 72px;
  line-height: 72px;
  text-align: center;
}
.services-details-feature-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
}
.services-details-feature-title {
  font-size: 40px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .services-details-feature-title {
    font-size: 30px;
  }
}
.services-details-quote {
  background-color: var(--tp-theme-primary);
  padding: 40px 40px 40px 40px;
}
@media (max-width: 767px) {
  .services-details-quote {
    padding: 40px 20px 40px 20px;
  }
}
.services-details-quote-text {
  font-size: 40px;
  line-height: 1.1;
  color: var(--tp-common-white);
  margin-bottom: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-details-quote-text {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .services-details-quote-text {
    font-size: 30px;
  }
}
.services-details-quote p {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .services-details-quote p {
    font-size: 20px;
  }
}
.services-details-quote p span {
  font-size: 18px;
}
.services-details-benifits-title {
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .services-details-benifits-title {
    font-size: 36px;
  }
}
.services-details-benifits p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.services-details-benifits ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
  margin-bottom: 17px;
}
.services-details-benifits ul li::before {
  position: absolute;
  content: "";
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--tp-text-body);
}
@media (max-width: 767px) {
  .services-details-benifits ul li::before {
    top: 10px;
    transform: translateY(0);
  }
}




/* تصميم عام للمقال */
.postbox-item {
  border: 1px solid #e0e0e0; /* إطار للمقال */
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.postbox-item:hover {
  transform: translateY(-5px); /* تأثير التحويم */
}

/* الحاوية الرئيسية للصور */
.postbox-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

/* الصور في السلايدر */
.postbox-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.postbox-thumb img:hover {
  transform: scale(1.05); /* تكبير بسيط عند التحويم */
}

/* أزرار التنقل للسلايدر */
.postbox-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.postbox-slider-button-next,
.postbox-slider-button-prev {
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s ease;
}

.postbox-slider-button-next:hover,
.postbox-slider-button-prev:hover {
  background: rgba(0, 0, 0, 0.7);
}

/* النصوص */
.postbox-content {
  padding: 20px;
  background: #fff;
}

.postbox-title a {
  color: #333;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  transition: color 0.3s ease;
}

.postbox-title a:hover {
  color: #007bff;
}

.postbox-text p {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}
/*----------------------------------------*/
/*  7.13 Portfolio css
/*----------------------------------------*/
.portfolio-2 {
  margin-bottom: 70px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-2 {
    margin-bottom: 40px;
  }
}
.portfolio-2:hover .portfolio-2-badge {
  opacity: 1;
  visibility: visible;
}
.portfolio-2-thumb {
  margin-bottom: 24px;
}
.portfolio-2-thumb > img {
  width: 100%;
}
.portfolio-2-content span {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-theme-primary);
  background: #E8DFD0;
  display: inline-block;
  padding: 5px 16px;
  margin-bottom: 13px;
}
.portfolio-2-title {
  font-size: 48px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-2-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .portfolio-2-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-2-title {
    font-size: 38px;
  }
}
.portfolio-2-title a {
  display: inline-block;
  position: relative;
}
.portfolio-2-title a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-theme-primary);
  left: auto;
  right: 0;
  bottom: 6px;
  opacity: 0;
  transition: all 0.3s linear;
}
.portfolio-2-title a:hover {
  color: var(--tp-theme-primary);
}
.portfolio-2-title a:hover::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.portfolio-2-badge {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -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;
  animation: tprotate-middel 10s ease-in-out 0.1s forwards infinite;
}
.portfolio-2-badge a {
  border-radius: 50%;
  display: inline-block;
}

.portfolio-4-list ul li {
  list-style: none;
  border-bottom: 1px solid rgba(72, 30, 11, 0.1);
  padding: 36px 0;
}
.portfolio-4-list ul li:first-child {
  border-top: 1px solid rgba(72, 30, 11, 0.1);
}
.portfolio-4-title {
  font-size: 80px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio-4-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-4-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-4-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .portfolio-4-title {
    font-size: 36px;
  }
}
.portfolio-4-title:hover {
  color: var(--tp-theme-primary);
}

.portfolio-6-item:hover .portfolio-6-thumb::before {
  opacity: 1;
}
.portfolio-6-item:hover .portfolio-6-details, .portfolio-6-item:hover .portfolio-6-title {
  opacity: 1;
  visibility: visible;
}
.portfolio-6-item:hover .portfolio-6-details span a {
  transform: scale(1);
}
.portfolio-6-item:hover .portfolio-6-title {
  transform: translateY(0);
}
.portfolio-6-wrap {
  padding-left: 95px;
  padding-right: 90px;
}
@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) {
  .portfolio-6-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.portfolio-6-thumb {
  position: relative;
  z-index: -1;
}
.portfolio-6-thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  border-radius: 8px;
  z-index: 1;
  opacity: 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;
}
.portfolio-6-thumb img {
  width: 100%;
  border-radius: 8px;
}
.portfolio-6-bg {
  position: relative;
  z-index: 1;
}
.portfolio-6-theme-bg {
  position: absolute;
  height: 666px;
  width: 100%;
  background-color: var(--tp-theme-primary);
  z-index: -1;
  top: 0px;
  left: 0;
}
.portfolio-6-item {
  position: relative;
}
.portfolio-6-item-bottom {
  margin-top: 50px;
}
.portfolio-6-title {
  padding: 0px 40px 40px 40px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.1;
  color: var(--tp-common-white);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -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;
  transform: translateY(5px);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .portfolio-6-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio-6-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-6-title {
    padding: 0px 20px 20px 20px;
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .portfolio-6-title {
    padding: 0px 20px 20px 20px;
    font-size: 34px;
  }
}
.portfolio-6-title a {
  background-image: linear-gradient(var(--tp-theme-4), var(--tp-theme-4)), linear-gradient(var(--tp-theme-4), var(--tp-theme-4));
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 83%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  -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;
}
.portfolio-6-title a:hover {
  background-size: 0% 1px, 100% 1px;
  color: var(--tp-theme-4);
}
.portfolio-6-details {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -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;
}
.portfolio-6-details span a {
  font-weight: 400;
  font-size: 24px;
  color: var(--tp-common-white);
  line-height: 1.5;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  padding: 62px 50px;
  transform: scale(0.8);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .portfolio-6-details span a {
    padding: 40px 33px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-6-details span a {
    padding: 30px 22px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio-6-details span a {
    padding: 34px 26px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-6-details span a {
    padding: 42px 34px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .portfolio-6-details span a {
    padding: 46px 36px;
    font-size: 18px;
  }
}
.portfolio-6-details span a:hover {
  color: var(--tp-theme-primary);
  box-shadow: inset 0 0 0 100px var(--tp-common-white);
}

.case-5-thumb {
  margin-bottom: 24px;
}
.case-5-thumb img {
  border-radius: 12px;
}
.case-5-info span {
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  display: inline-block;
  margin-bottom: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case-5-info span {
    font-size: 20px;
  }
}
.case-5-shape-1 {
  position: absolute;
  top: 140px;
  left: 240px;
  animation: tpswing 1.5s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom right;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .case-5-shape-1 {
    left: 40px;
  }
}

.case-5-arrow {
  position: absolute;
  bottom: 25px;
  right: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .case-5-arrow {
    position: inherit;
    bottom: 0;
    right: auto;
    z-index: 1;
    left: 0;
    justify-content: start !important;
  }
}
.case-5-arrow span {
  height: 80px;
  width: 80px;
  line-height: 72px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-theme-6);
  border: 2px solid #CD5F37;
  color: var(--tp-theme-primary);
  color: var(--tp-theme-primary);
  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;
}
@media (max-width: 767px) {
  .case-5-arrow span {
    height: 60px;
    width: 60px;
    line-height: 52px;
  }
}
.case-5-arrow span:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  box-shadow: inset 0 0 0 40px var(--tp-theme-primary);
}

.case-details-thumb {
  margin-bottom: 37px;
}
.case-details-title {
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .case-details-title {
    font-size: 40px;
  }
}
.case-details-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 23px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), 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) {
  .case-details-content p br {
    display: none;
  }
}
.case-details-content ul li {
  list-style: none;
  padding-left: 27px;
  position: relative;
  color: var(--tp-text-body);
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 13px;
}
.case-details-content ul li:last-child {
  margin-bottom: 0;
}
.case-details-content ul li::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 5px;
  width: 5px;
  background-color: var(--tp-text-body);
}
.case-details-info {
  background: #FCF4F1;
  padding: 32px 32px 32px 32px;
}
.case-details-info ul li {
  list-style: none;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-theme-primary);
  margin-bottom: 24px;
  padding-bottom: 24px;
  position: relative;
}
.case-details-info ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.case-details-info ul li:last-child::before {
  display: none;
}
.case-details-info ul li::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(72, 30, 11, 0.1);
}
.case-details-info ul li span {
  color: var(--tp-heading-primary);
  float: right;
  font-weight: 400;
}
.case-details-info ul li span a {
  font-size: 18px;
  margin-left: 12px;
}
.case-details-info ul li span a:hover {
  color: var(--tp-theme-primary);
}

.slider-post {
  position: relative;
  padding-top: 30px;
}
.slider-post::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(72, 30, 11, 0.1);
}
.slider-post-next, .slider-post-prev {
  font-size: 48px;
  line-height: 1.1;
}
.slider-post-next a, .slider-post-prev a {
  font-size: 48px;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .slider-post-next a, .slider-post-prev a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-post-next a, .slider-post-prev a {
    font-size: 32px;
  }
}
.slider-post-next a span, .slider-post-prev a span {
  height: 80px;
  width: 80px;
  line-height: 67px;
  text-align: center;
  border: 2px solid #CD5F37;
  border-radius: 50%;
  display: inline-block;
  color: var(--tp-theme-primary);
  -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;
  transform: translateY(-6px);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-post-next a span, .slider-post-prev a span {
    height: 60px;
    width: 60px;
    line-height: 47px;
  }
}
.slider-post-next a span:hover, .slider-post-prev a span:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.15 Product css
/*----------------------------------------*/

/* Main Product Container */
.products-container {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping for multiple rows */
  justify-content: center; /* Center-align the product cards */
  gap: 32px; /* Space between product cards */
  margin: 40px auto; /* Center the container */
  padding: 20px; /* Internal padding */
  max-width: 1600px; /* Increased width for larger screens */
}

/* Product Card Styling */
.product-item {
  flex: 1 1 calc(33.33% - 32px); /* Three items per row with spacing */
  max-width: 500px; /* Larger width for each product card */
  display: flex;
  flex-direction: column;
  background: #ffffff; /* Clean white background */
  border: 1px solid #ddd; /* Subtle border */
  border-radius: 16px; /* Smooth rounded corners */
  overflow: hidden; /* Ensure clean edges */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Stronger shadow for depth */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
  text-align: center; /* Center-align text */
  position: relative; /* To add overlays or labels */
}

.product-item:hover {
  transform: translateY(-15px); /* Lift effect on hover */
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); /* More pronounced hover shadow */
}

/* Product Image Styling */
.product-thumb {
  width: 100%;
  height: 300px; /* Larger image height for better visuals */
  overflow: hidden; /* Ensure clean edges */
}

.product-thumb img {
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  object-fit: cover; /* Maintain aspect ratio */
  transition: transform 0.4s ease; /* Smooth zoom effect */
}

.product-thumb img:hover {
  transform: scale(1.1); /* More noticeable zoom effect */
}

/* Product Content */
.card-body {
  padding: 20px; /* Add spacing around content */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; /* Ensure content is centered */
}

.card-title {
  font-size: 1.6rem; /* Larger title font */
  font-weight: bold; /* Highlight titles */
  color: #333; /* Darker text for contrast */
  margin-bottom: 12px;
  line-height: 1.5; /* Better readability */
  transition: color 0.3s ease; /* Smooth hover effect */
}

.card-title:hover {
  color: #ff6f61; /* Warm accent color on hover */
}

.card-text {
  font-size: 1rem; /* Balanced text size */
  color: #666; /* Neutral gray for description */
  margin-bottom: 12px; /* Spacing between texts */
  line-height: 1.6; /* Improved readability */
}

.product-price {
  font-size: 1.4rem; /* Larger font size for price */
  color: #28a745; /* Green for price */
  font-weight: bold;
  margin-top: 12px;
}

/* Responsive Adjustments for Larger Screens */
@media (min-width: 1200px) {
  .product-item {
    flex: 1 1 calc(33.33% - 32px); /* Three items per row */
  }
}

/* Responsive Adjustments for Tablets */
@media (max-width: 1024px) {
  .product-item {
    flex: 1 1 calc(50% - 24px); /* Two items per row */
    max-width: 420px; /* Adjusted width */
  }

  .product-thumb {
    height: 260px; /* Adjust image height */
  }
}

/* Responsive Adjustments for Large Mobile Screens */
@media (max-width: 768px) {
  .product-item {
    flex: 1 1 calc(100% - 16px); /* One item per row */
    margin: 0 auto; /* Center cards */
  }

  .product-thumb {
    height: 240px; /* Adjust image height */
  }

  .card-title {
    font-size: 1.4rem; /* Adjusted title size */
  }

  .product-price {
    font-size: 1.2rem; /* Adjusted price font */
  }
}

/* Responsive Adjustments for Small Mobile Screens */
@media (max-width: 576px) {
  .products-container {
    justify-content: center; /* Center-align the product cards */
  }

  .product-item {
    flex: 1 1 100%; /* Single column on smaller screens */
    max-width: 350px; /* Limit width for consistency */
    margin: 0 auto; /* Center the cards */
  }

  .product-thumb {
    height: 220px; /* Adjust image height */
  }

  .card-body {
    padding: 15px; /* Adjust internal spacing */
  }

  .card-title {
    font-size: 1.2rem; /* Smaller title */
    margin-bottom: 8px;
  }

  .product-price {
    font-size: 1rem; /* Smaller price font */
  }
}

/* Extra Hover Effect for Cards */
.product-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.product-item:hover::before {
  opacity: 1; /* Add overlay on hover */
}
/*----------------------------------------*/
/*  7.7 Counter css
/*----------------------------------------*/
.counter-content .count {
  font-size: 80px;
  color: var(--tp-heading-primary);
  margin-bottom: 0;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  font-style: normal;
  line-height: 1;
  font-weight: normal;
}
.counter-content .count::after {
  content: "+";
  color: var(--tp-heading-primary);
  font-size: 80px;
}
.counter-content .count .odometer.odometer-auto-theme, .counter-content .count .odometer.odometer-theme-default {
  transform: translateY(-10px);
}

.counter-item-3 {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 27px 31px;
  margin: 80px 0 80px 0;
}
@media (max-width: 767px) {
  .counter-item-3 {
    margin: 20px 0 20px 0;
  }
}
.counter-item-3 .count {
  font-weight: 400;
  color: var(--tp-common-white);
  font-size: 48px;
  line-height: 1;
}
.counter-item-3 .count::after {
  content: "+";
  color: var(--tp-common-white);
  font-size: 48px;
  transform: translateY(-4px);
  display: inline-block;
}
.counter-item-3 .count .odometer.odometer-auto-theme, .counter-item-3 .count .odometer.odometer-theme-default {
  transform: translateY(-10px);
}
.counter-item-3 .counter-content p {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--tp-common-white);
  margin-bottom: 0;
  margin-top: -13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item-3 .counter-content p {
    font-size: 17px;
  }
}

.counter-6-content .count {
  font-size: 112px;
  line-height: 1.1;
  color: rgba(72, 30, 11, 0.1);
  position: relative;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-6-content .count {
    font-size: 80px;
    margin-bottom: 0;
  }
}
.counter-6-content .count::after {
  content: "+";
  color: rgba(72, 30, 11, 0.1);
  font-size: 80px;
}
.counter-6-content .count .odometer.odometer-auto-theme {
  transform: translateY(-15px);
}
.counter-6-item {
  position: relative;
}
.counter-6-item p {
  position: absolute;
  display: block;
  transform: translateY(-50%);
  margin-bottom: 0;
  left: 45px;
  bottom: 45%;
  font-size: 24px;
  color: var(--tp-heading-primary);
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter-6-item p {
    left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-6-item p {
    position: inherit;
    transform: translateY(0%);
    margin-bottom: 0;
    left: 0;
    bottom: 0;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .counter-6-item p {
    position: inherit;
    transform: translateY(-100%);
  }
}

.sponsore-2 .tpsection-title {
  color: var(--tp-common-white);
}
.sponsore-2 .tpsection p {
  color: var(--tp-common-white);
  margin-bottom: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .sponsore-2 .tpsection p br {
    display: none;
  }
}
.sponsore-2-item {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  height: 220px;
  width: 220px;
  text-align: center;
  line-height: 220px;
}

.category-7 {
  padding-top: 50px;
}
.category-7-active .swiper-slide {
  -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;
}
.category-7-active .swiper-slide-active {
  margin-top: -50px;
}
.category-7-thumb {
  margin-bottom: 10px;
  overflow: hidden;
}
.category-7-thumb:hover img {
  transform: scale(1.08);
}
.category-7-thumb img {
  -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;
  width: 100%;
}
.category-7-content a {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--tp-common-black);
  background-image: linear-gradient(#CD5F37, #CD5F37), linear-gradient(#CD5F37, #CD5F37);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 93%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  -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;
}
.category-7-content a:hover {
  background-size: 0 1px, 100% 1px;
  color: var(--tp-theme-primary);
}

.category-7-arrow span,
.testimonial-7-arrow span {
  height: 80px;
  width: 80px;
  line-height: 72px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #CD5F37;
  color: var(--tp-theme-primary);
  color: var(--tp-theme-primary);
  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;
  position: relative;
  z-index: 1;
}
.category-7-arrow span::before,
.testimonial-7-arrow span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--tp-theme-primary);
  border-radius: 50%;
  transform: scale(0);
  z-index: -1;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.category-7-arrow span:hover,
.testimonial-7-arrow span:hover {
  color: var(--tp-common-white);
}
.category-7-arrow span:hover::before,
.testimonial-7-arrow span:hover::before {
  transform: scale(1.05);
}

/*----------------------------------------*/
/*  7.9 FAQ css
/*----------------------------------------*/
.faq-3-thumb-main {
  text-align: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-3-thumb-main {
    text-align: center;
  }
}
.faq-3-thumb-main img {
  border-radius: 239px;
}
.faq-3-shape {
  position: absolute;
  top: 120px;
  right: -85px;
  animation: tptranslateY2 5s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .faq-3-shape {
    right: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-3-shape {
    right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpfaq-3 {
    margin-right: 0;
  }
}
.tpfaq-3-accordion .accordion-item {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid rgba(71, 30, 10, 0.2);
}
.tpfaq-3-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tpfaq-3-accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tpfaq-3-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tpfaq-3-accordion .accordion-button {
  padding: 35px 0 35px 0;
  padding-right: 50px;
  font-weight: 500;
  background-color: transparent;
  font-size: 40px;
  line-height: 1;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpfaq-3-accordion .accordion-button {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .tpfaq-3-accordion .accordion-button {
    font-size: 26px;
    padding-right: 30px;
  }
}
.tpfaq-3-accordion .accordion-button::after {
  position: absolute;
  content: "\f107";
  font-family: 'Open Sans', sans-serif;
  background-image: none;
  top: 31%;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--tp-theme-primary);
  width: auto;
  height: auto;
  font-weight: 400;
  font-size: 20px;
  background: none;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #CD5F37;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpfaq-3-accordion .accordion-button::after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
  }
}
@media (max-width: 767px) {
  .tpfaq-3-accordion .accordion-button::after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
  }
}
.tpfaq-3-accordion .accordion-button.collapsed::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  color: var(--tp-common-black);
  border-color: var(--tp-heading-primary);
}
.tpfaq-3-accordion .accordion-button:not(.collapsed) {
  color: var(--tp-theme-primary);
  background-color: transparent;
  box-shadow: none;
}
.tpfaq-3-accordion .accordion-button:focus {
  box-shadow: none;
  border: 0;
}
.tpfaq-3-accordion .accordion-button:hover {
  color: var(--tp-theme-primary);
}
.tpfaq-3-accordion .accordion-button:hover::after {
  color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.tpfaq-3-accordion .accordion-body {
  padding: 0 0 38px;
}
.tpfaq-3-accordion .accordion-body p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
  margin-top: 0px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tpfaq-3-accordion .accordion-body p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .comming-soon {
    margin-bottom: 40px;
  }
}
.comming-soon-title {
  font-size: 152px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .comming-soon-title {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .comming-soon-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comming-soon-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .comming-soon-title {
    font-size: 60px;
  }
}
.comming-soon p {
  font-size: 24px;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .comming-soon p br {
    display: none;
  }
}
.comming-soon-shape {
  position: absolute;
  bottom: -60px;
  left: -60px;
  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) {
  .comming-soon-shape {
    display: none;
  }
}
.comming-soon-bg {
  position: relative;
}
.comming-soon-bg::before {
  position: absolute;
  content: "";
  right: 0;
  top: -190px;
  width: 615px;
  height: 505px;
  background-color: #CD5F37;
}
@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) {
  .comming-soon-bg {
    display: none;
  }
}

.tpcoming__countdown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .tpcoming__countdown {
    flex-wrap: wrap;
  }
}
.tpcoming__countdown span.cdown {
  background-color: var(--tp-theme-primary);
  height: 100%;
  width: 120px;
  text-align: center;
  margin-right: 24px;
  padding: 16px 0;
  margin-bottom: 20px;
}
.tpcoming__countdown span.cdown .time-count {
  color: var(--tp-common-white);
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 0;
}
.tpcoming__countdown span p {
  color: var(--tp-common-white);
  margin-bottom: 0;
  line-height: 1.5;
}
.tpcoming__content {
  padding-top: 280px;
}
.tpcoming__content span {
  margin-bottom: 5px;
  display: inline-block;
  font-size: 18px;
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  7.10 Feature css
/*----------------------------------------*/
@media (max-width: 767px) {
  .feature-5-item {
    margin-left: 0;
  }
}
.feature-5-item:hover .feature-5-icon span {
  transform: translate3d(0, -5px, 0);
}
.feature-5-thumb .mask {
  mask-image: url(../img/feature/feature-shape.svg);
  -webkit-mask-image: url(../img/feature/feature-shape.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
@media (max-width: 767px) {
  .feature-5-thumb .mask {
    mask-image: none;
  }
}
.feature-5-thumb .mask-2 {
  mask-image: url(../img/feature/feature-shape-2.svg);
  -webkit-mask-image: url(../img/feature/feature-shape-2.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
@media (max-width: 767px) {
  .feature-5-thumb .mask-2 {
    mask-image: none;
  }
}
.feature-5-thumb-2 {
  position: relative;
  z-index: -1;
}
.feature-5-shape-1 {
  position: absolute;
  top: 50%;
  left: -4%;
  z-index: 1;
  transform: translateY(-50%);
}
.feature-5-content p {
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.feature-5-title {
  font-size: 40px;
  line-height: 1.1;
  color: var(--tp-heading-primary);
  margin-bottom: 10px;
}
.feature-5-title a:hover {
  color: var(--tp-theme-primary);
}
.feature-5-icon {
  margin-bottom: 23px;
}
.feature-5-icon span {
  color: var(--tp-theme-primary);
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  display: inline-block;
}

/*----------------------------------------*/
/*  7.8 CTA css
/*----------------------------------------*/
.cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  padding: 80px 80px 75px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-bg {
    padding: 80px 30px 75px 30px;
  }
}
@media (max-width: 767px) {
  .cta-bg {
    padding: 80px 15px 75px 15px;
  }
}
.cta-bg::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #FFE8DF 0%, rgba(255, 236, 228, 0.85) 70.23%, rgba(252, 244, 241, 0) 100%);
  z-index: -1;
}
@media (max-width: 767px) {
  .cta-phone {
    text-align: left !important;
  }
}
.cta-phone a {
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  display: inline-block;
  color: var(--tp-common-white);
}

.cta-2-bg-2 {
  padding-top: 95px;
  padding-bottom: 95px;
  background-position: center left;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.cta-2-bg-2::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg, #F0DED6 35.36%, rgba(245, 242, 237, 0) 100%);
  z-index: -1;
}
.cta-2-content {
  margin-left: -6px;
}
@media (max-width: 767px) {
  .cta-2-content {
    margin-left: 0;
  }
}

.cta-6-bg {
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cta-6-bg::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: -1;
}
.cta-6-btn .tp-round-btn {
  background-color: var(--tp-theme-4);
  border-color: var(--tp-theme-4);
  color: var(--tp-heading-primary);
}
.cta-6-btn .tp-round-btn:hover {
  background-color: var(--tp-common-white);
}

.client-4-wrapper .tpsection-title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .client-4-wrapper .tpsection-title {
    margin-bottom: 0;
  }
}
.client-4-box {
  padding: 64px 64px 65px 64px;
}
@media (max-width: 767px) {
  .client-4-box {
    padding: 64px 15px 65px 15px;
  }
}
.client-4-bg {
  border-radius: 24px;
  background-repeat: no-repeat;
  background-position: right;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client-4-bg {
    background-size: cover;
  }
}
.client-4-bg::before {
  position: absolute;
  content: "";
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #FAEFEB 37.98%, rgba(250, 239, 235, 0) 65.62%);
  border-radius: 24px;
  z-index: -1;
}
.client-4-shape {
  background-color: var(--tp-theme-primary);
  display: inline-block;
  height: 160px;
  width: 160px;
  border-radius: 50%;
  line-height: 160px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-4-shape {
    height: 120px;
    width: 120px;
    line-height: 120px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client-4-btn {
    text-align: start !important;
  }
}
.client-4-btn a {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-theme-primary);
  display: inline-block;
  background-color: var(--tp-common-white);
  padding: 25px 33px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .client-4-btn a {
    margin-bottom: 10px;
    padding: 20px 33px;
  }
}
.client-4-btn a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
}
.client-4-btn .contact {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.client-4-btn .contact:hover {
  background-color: var(--tp-heading-primary);
}

@media (max-width: 767px) {
  .choose-7-bottom {
    margin-bottom: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .choose-7-box {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .choose-7-thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-7-thumb-2 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-7-item {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .choose-7-item {
    padding-top: 30px;
  }
}
.choose-7-item:hover .choose-7-icon span {
  transform: translate3d(0, -5px, 0);
}
.choose-7-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 835px;
  z-index: -1;
  background-color: var(--tp-theme-7);
}
@media (max-width: 767px) {
  .choose-7-bg {
    height: 100%;
  }
}
.choose-7-icon {
  margin-bottom: 22px;
}
.choose-7-icon span {
  display: inline-block;
  height: 64px;
  width: 64px;
  line-height: 59px;
  border: 1px solid rgba(72, 30, 11, 0.1);
  text-align: center;
  border-radius: 50%;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.choose-7-title {
  font-size: 40px;
  line-height: 110%;
  color: var(--tp-theme-primary);
  margin-bottom: 16px;
}
.choose-7-content span {
  font-size: 20px;
  color: var(--tp-text-body);
}
.choose-7-wrapper .tpsection-title {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-7-wrapper .tpsection-title {
    margin-bottom: 16px;
  }
}
.choose-7-btn .tp-btn {
  border: 2px solid var(--tp-theme-primary);
  font-weight: 500;
  font-size: 20px;
  padding: 23px 38px;
}
.choose-7-thumb-2 img {
  box-shadow: 35px 35px 120px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .choose-inner-info {
    display: block !important;
  }
}
.choose-inner-content {
  margin-right: 30px;
}
.choose-inner-thumb {
  display: inline-block;
  position: relative;
}
.choose-inner-thumb::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 102%;
  width: 102%;
  border-radius: 300px;
  z-index: -1;
  background-color: rgba(205, 95, 55, 0.4);
}
.choose-inner-sm-thumb {
  flex: 0 0 auto;
  width: 300px;
  height: 415px;
  position: relative;
}
.choose-inner-sm-thumb::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 102%;
  width: 102%;
  border-radius: 300px;
  z-index: -1;
  background-color: rgba(205, 95, 55, 0.4);
}
.choose-inner-sm-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.choose-inner-text p {
  margin-bottom: 40px;
}

/*----------------------------------------*/
/*  7.6 Contact css
/*----------------------------------------*/
.contact-inner-item {
  display: flex;
}
@media (max-width: 767px) {
  .contact-inner-item {
    display: inherit;
  }
}
.contact-inner-item-icon {
  flex: 0 0 auto;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .contact-inner-item-icon {
    margin-bottom: 10px;
  }
}
.contact-inner-item-icon span {
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  color: var(--tp-common-white);
  display: inline-block;
  background-color: var(--tp-theme-primary);
}
.contact-inner-item-content p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #0C0A1F;
}
.contact-inner-item-content span, .contact-inner-item-content a {
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  display: block;
}
.contact-inner-item-content a:hover {
  color: var(--tp-theme-primary);
}
.contact-inner-form {
  background: #FCF4F1;
  padding: 48px 48px 43px 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-inner-form {
    margin-left: 0;
    padding: 48px 25px 43px 25px;
  }
}

.form-inner-input input, .form-inner-input textarea {
  width: 100%;
  height: 80px;
  background-color: var(--tp-common-white);
  margin-bottom: 20px;
  box-shadow: 0px 10px 45px rgba(0, 0, 0, 0.04);
  border: none;
  padding: 0 25px;
}
.form-inner-input input::placeholder, .form-inner-input textarea::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
}
.form-inner-input input:focus::placeholder, .form-inner-input textarea:focus::placeholder {
  font-size: 0;
}
.form-inner-input textarea {
  height: 220px;
  resize: none;
  padding: 27px 25px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.form-inner-check input {
  flex: 0 0 auto;
}
.form-inner-check label {
  font-size: 18px;
  line-height: 1.5;
  color: #6A5952;
}
.form-inner-check .form-check-input {
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.form-inner-check .form-check-input[type=checkbox] {
  border-radius: 0;
}
.form-inner-check .form-check-input:checked {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.form-inner-check .form-check-input:focus {
  border-color: var(--tp-theme-primary);
  outline: 0;
  box-shadow: none;
}
.form-inner-btn .tp-btn {
  padding: 23px 46px;
  font-weight: 700;
  font-size: 20px;
}

.tpmap-wrapper {
  height: 530px;
}
.tpmap-wrapper iframe {
  height: 100%;
  width: 100%;
}

/*----------------------------------------*/
/*  7.14 Pricing css
/*----------------------------------------*/
.tppricing {
  background-color: var(--tp-common-white);
  box-shadow: 0px 25px 65px rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  -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;
}
.tppricing-thumb {
  padding: 20px 20px 0px 20px;
}
.tppricing-thumb img {
  border-radius: 6px;
}
.tppricing-thumb span {
  position: absolute;
  display: inline-block;
  bottom: -22px;
  left: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-common-white);
  border: 3px solid var(--tp-common-white);
  padding: 6px 14px;
  border-radius: 4px;
  z-index: 1;
  -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;
}
.tppricing-thumb span::before {
  position: absolute;
  content: "";
  border-radius: 4px;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-color: var(--tp-theme-primary);
  left: 0;
  top: 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;
}
.tppricing-content {
  padding: 50px 40px 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tppricing-content {
    padding: 50px 30px 40px 30px;
  }
}
@media (max-width: 767px) {
  .tppricing-content {
    padding: 50px 15px 40px 15px;
  }
}
.tppricing-ammount {
  font-size: 48px;
  line-height: 1.1;
  display: inline-block;
}
@media (max-width: 767px) {
  .tppricing-ammount {
    font-size: 36px;
  }
}
.tppricing-price {
  margin-bottom: 40px;
}
.tppricing-price span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-text-body);
  display: inline-block;
  margin-left: 4px;
}
.tppricing-list {
  margin-bottom: 45px;
}
.tppricing-list li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  font-size: 24px;
  border-bottom: 1px solid rgba(72, 30, 11, 0.1);
}
@media (max-width: 767px) {
  .tppricing-list li {
    font-size: 18px;
  }
}
.tppricing-list li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.tppricing-list li span {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
  padding: 7px 14px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .tppricing-list li span {
    font-size: 13px;
  }
}
.tppricing-btn button {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
  background-color: var(--tp-theme-4);
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 23px 10px;
  border-radius: 6px;
}
.tppricing-btn button:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tppricing:hover, .tppricing-active {
  box-shadow: none;
  background-color: var(--tp-heading-primary);
}
.tppricing:hover .tppricing-ammount, .tppricing-active .tppricing-ammount {
  color: var(--tp-common-white);
}
.tppricing:hover .tppricing-price span, .tppricing-active .tppricing-price span {
  color: var(--tp-common-white);
}
.tppricing:hover .tppricing-thumb span, .tppricing-active .tppricing-thumb span {
  border: 3px solid var(--tp-heading-primary);
}
.tppricing:hover .tppricing-list li, .tppricing-active .tppricing-list li {
  color: rgba(255, 255, 255, 0.7);
}
.tppricing:hover .tppricing-list li span, .tppricing-active .tppricing-list li span {
  background: rgba(255, 255, 255, 0.1);
}

/*----------------------------------------*/
/*  7.4 Cart css
/*----------------------------------------*/
.tp-cart-header-product {
  padding-left: 30px !important;
}
@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) {
  .tp-cart-list {
    overflow-x: scroll;
  }
}
.tp-cart-list .table > :not(caption) > * > * {
  padding: 20px 15px;
  box-shadow: none;
  vertical-align: middle;
}
@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) {
  .tp-cart-list table {
    width: 940px;
  }
}
.tp-cart-list thead {
  background-color: #F1F3F4;
}
.tp-cart-list thead th {
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-heading-primary);
  border: 0 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.tp-cart-list tr td {
  border-color: #E0E2E3;
}
.tp-cart-list tr td .tp-cart-action-btn {
  font-weight: 400;
  font-size: 16px;
  color: #818487;
}
.tp-cart-list tr td .tp-cart-action-btn:hover {
  color: #FF1826;
}
.tp-cart-list tbody tr:first-child td {
  padding-top: 30px !important;
}
.tp-cart-img {
  width: 100px;
  margin-right: 20px;
}
.tp-cart-img img {
  width: 78px;
  height: 100px;
  object-fit: cover;
}
.tp-cart-title a {
  margin-left: 20px;
  font-weight: 400;
  font-size: 20px;
  color: var(--tp-heading-primary);
}
.tp-cart-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-cart-price {
  width: 126px;
}
.tp-cart-price span {
  font-size: 20px;
  color: var(--tp-heading-primary);
}
.tp-cart-quantity {
  width: 180px;
}
.tp-cart-quantity .tp-product-quantity {
  width: 180px;
}
.tp-cart-quantity .tp-cart-input[type=text] {
  height: 60px;
}
.tp-cart-quantity .tp-cart-plus, .tp-cart-quantity .tp-cart-minus {
  width: 60px;
  height: 60px;
  line-height: 62px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-cart-coupon {
    margin-bottom: 20px;
  }
}
.tp-cart-coupon-input-box label {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 7px;
}
.tp-cart-coupon-input input {
  background: #FFFFFF;
  border: 1px solid #D6D9DC;
  height: 54px;
  line-height: 46px;
  margin-right: 4px;
  max-width: 282px;
}
.tp-cart-coupon-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #818487;
  font-size: 16px;
}
.tp-cart-coupon-input input::-moz-placeholder { /* Firefox 19+ */
  color: #818487;
  font-size: 16px;
}
.tp-cart-coupon-input input:-moz-placeholder { /* Firefox 4-18 */
  color: #818487;
  font-size: 16px;
}
.tp-cart-coupon-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #818487;
  font-size: 16px;
}
.tp-cart-coupon-input input::placeholder { /* MODERN BROWSER */
  color: #818487;
  font-size: 16px;
}
.tp-cart-coupon-input input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-cart-coupon-input button {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
  padding: 14px 30px;
}
.tp-cart-coupon-input button:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.tp-cart-update-btn {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
  padding: 15px 29px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-cart-update-btn:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-cart-checkout-wrapper {
  background: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  padding: 36px 24px 28px;
  margin-left: -24px;
}
@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-cart-checkout-wrapper {
    margin-top: 50px;
    margin-left: 0;
  }
}
.tp-cart-checkout-top {
  padding-bottom: 13px;
  margin-bottom: 19px;
  border-bottom: 1px solid #E0E2E3;
}
.tp-cart-checkout-top span {
  font-size: 20px;
  color: var(--tp-heading-primary);
  font-weight: 500;
}
.tp-cart-checkout-shipping {
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E2E3;
  margin-bottom: 15px;
}
.tp-cart-checkout-shipping-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 7px;
  font-family: 'Open Sans', sans-serif;
  color: var(--tp-heading-primary);
}
.tp-cart-checkout-shipping-option:not(:last-child) {
  margin-bottom: 4px;
}
.tp-cart-checkout-shipping-option input {
  display: none;
}
.tp-cart-checkout-shipping-option input:checked + label::after {
  border-color: var(--tp-theme-primary);
}
.tp-cart-checkout-shipping-option input:checked + label::before {
  opacity: 1;
  visibility: visible;
}
.tp-cart-checkout-shipping-option label {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-heading-primary);
  position: relative;
  padding-left: 25px;
}
.tp-cart-checkout-shipping-option label:hover {
  cursor: pointer;
}
.tp-cart-checkout-shipping-option label span {
  color: var(--tp-theme-primary);
}
.tp-cart-checkout-shipping-option label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
}
.tp-cart-checkout-shipping-option label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  visibility: hidden;
  opacity: 0;
}
.tp-cart-checkout-total {
  margin-bottom: 25px;
}
.tp-cart-checkout-total span {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-heading-primary);
}
.tp-cart-checkout-btn {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
  display: inline-block;
  padding: 14px 30px;
  text-align: center;
}
.tp-cart-checkout-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.tp-cart-add-to-cart .tp-btn {
  padding: 13px 28px;
  font-weight: 500;
}

/*----------------------------------------*/
/*  7.5 Checkout css
/*----------------------------------------*/
.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: 8px 26px;
  width: 100%;
}
.tp-checkout-verify-reveal button {
  color: var(--tp-theme-primary);
  position: relative;
}
.tp-checkout-verify-reveal button::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-theme-primary);
}
.tp-checkout-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  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);
  margin-bottom: 5px;
}
.tp-checkout-input label span {
  color: red;
}
.tp-checkout-input input, .tp-checkout-input textarea {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  height: 60px;
}
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus {
  border-color: var(--tp-theme-primary);
}
.tp-checkout-input textarea {
  height: 200px;
  resize: none;
}
.tp-checkout-input .nice-select {
  height: 50px;
  line-height: 48px;
  border-radius: 0;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  float: none;
  padding: 0 26px;
}
.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-primary);
}
.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-theme-primary);
  border-color: var(--tp-theme-primary);
}
.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: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  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-checkout-option label::before {
  position: absolute;
  content: url("../img/product/icons/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -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-checkout-option label a:hover {
  color: var(--tp-theme-primary);
}
.tp-checkout-option label:hover {
  cursor: pointer;
}
.tp-checkout-bill-area {
  padding: 45px 40px 24px;
  background-color: var(--tp-common-white);
}
@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;
  font-family: 'Open Sans', sans-serif;
  color: var(--tp-common-black);
}
.tp-checkout-place {
  padding: 34px 30px 30px;
}
@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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-checkout-place {
    margin-top: 50px;
  }
}
.tp-checkout-place-title {
  font-size: 26px;
  font-weight: 600;
  margin-right: 37px;
  font-family: 'Open Sans', sans-serif;
  color: var(--tp-common-black);
}
.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::after {
  border-color: var(--tp-theme-primary);
}
.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: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  -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-checkout-payment-item label::before {
  position: absolute;
  content: "";
  left: 3px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  visibility: hidden;
  opacity: 0;
  -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-checkout-payment-item label img {
  margin-left: 14px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-checkout-payment-item label a {
  margin-left: 20px;
  position: relative;
}
.tp-checkout-payment-item label a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-common-black);
}
.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: #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);
}
.tp-checkout-payment-desc p {
  background-color: #F6F7F9;
  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-common-white);
}
@media (max-width: 767px) {
  .tp-return-customer {
    padding: 40px 30px;
  }
}
.tp-return-customer-input {
  margin-bottom: 20px;
}
.tp-return-customer-input label {
  font-weight: 500;
  color: var(--tp-common-black);
  margin-bottom: 5px;
}
.tp-return-customer-input label span {
  color: red;
}
.tp-return-customer-input input {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  height: 60px;
}
.tp-return-customer-input input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-return-customer-remeber input {
  display: none;
}
.tp-return-customer-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.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: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  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-return-customer-remeber label::before {
  position: absolute;
  content: url("../img/product/icons/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -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-return-customer-remeber label a:hover {
  color: var(--tp-theme-primary);
}
.tp-return-customer-remeber label:hover {
  cursor: pointer;
}
.tp-return-customer-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-primary);
  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-checkout-country.nice-select {
  border-radius: 0;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  height: 60px;
}
.tp-checkout-country.nice-select:focus {
  border-color: var(--tp-theme-primary);
}
.tp-checkout-country.nice-select::after {
  top: 30px;
}
.tp-checkout-country.tp-checkout-input .nice-select .list {
  margin-top: 2px;
}
.tp-checkout-country.doctor-name span {
  line-height: 2.9;
}

/*----------------------------------------*/
/*  7.12 Order CSS
/*----------------------------------------*/
.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(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;
  font-family: 'Open Sans', sans-serif;
  color: var(--tp-common-black);
}
.tp-order-info-list ul li.tp-order-info-list-desc p {
  font-size: 15px;
  margin-bottom: 0;
}
.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::after {
  border-color: var(--tp-theme-primary);
}
.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: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  -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-order-info-list ul li.tp-order-info-list-shipping span label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  visibility: hidden;
  opacity: 0;
  -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-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);
}

/*----------------------------------------*/
/*  7.9 Login CSS
/*----------------------------------------*/
.tp-login-wrapper {
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  padding: 50px 60px 70px;
  background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-login-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tp-login-title {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 4px;
}
.tp-login-top p {
  font-weight: 400;
  font-size: 16px;
  color: #49535B;
}
.tp-login-top p a {
  color: var(--tp-theme-primary);
  position: relative;
  display: inline-block;
}
.tp-login-top p a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-primary);
  -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-login-top p a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-option-item {
  margin-bottom: 10px;
}
.tp-login-option-item:not(:last-child) {
  margin-right: 10px;
}
.tp-login-option-item.has-google a {
  width: 252px;
}
.tp-login-option-item.has-google a img {
  margin-right: 7px;
}
.tp-login-option-item a {
  display: inline-block;
  width: 98px;
  height: 56px;
  line-height: 54px;
  text-align: center;
  border: 1px solid #E0E2E3;
  font-size: 16px;
  color: #041226;
}
.tp-login-option-item a img {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-login-option-item a img.apple {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
.tp-login-option-item a:hover {
  border-color: var(--tp-theme-primary);
}
.tp-login-mail {
  position: relative;
  z-index: 1;
}
.tp-login-mail p {
  font-size: 15px;
  color: #55585B;
  margin-bottom: 0;
  padding: 0 20px;
  position: relative;
  display: inline-block;
  background-color: var(--tp-common-white);
}
.tp-login-mail p a:hover {
  color: var(--tp-theme-primary);
}
.tp-login-mail::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 12px;
  width: 100%;
  height: 1px;
  background-color: #E0E2E3;
  -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;
  z-index: -1;
}
.tp-login-input-wrapper {
  margin-bottom: 14px;
}
.tp-login-input-box {
  position: relative;
}
.tp-login-input-box:not(:last-child) {
  margin-bottom: 34px;
}
.tp-login-input input {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #E0E2E3;
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-login-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #95999D;
}
.tp-login-input input::-moz-placeholder { /* Firefox 19+ */
  color: #95999D;
}
.tp-login-input input:-moz-placeholder { /* Firefox 4-18 */
  color: #95999D;
}
.tp-login-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #95999D;
}
.tp-login-input input::placeholder { /* MODERN BROWSER */
  color: #95999D;
}
.tp-login-input input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-login-input-title label {
  font-size: 14px;
  color: var(--tp-heading-primary);
  position: absolute;
  top: -7px;
  left: 20px;
  padding: 0 5px;
  background-color: var(--tp-common-white);
  line-height: 1;
}
.tp-login-input-eye {
  position: absolute;
  right: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-login-input-eye .open-eye {
  display: none;
}
.tp-login-input-eye span {
  -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-login-input-eye:hover {
  cursor: pointer;
}
.tp-login-input-eye:hover span {
  color: var(--tp-common-black);
}
.tp-login-remeber input {
  display: none;
}
.tp-login-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.tp-login-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-login-remeber label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-login-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  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-login-remeber label::before {
  position: absolute;
  content: url("../img/product/icons/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -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-login-remeber label a:hover {
  color: var(--tp-theme-primary);
}
.tp-login-remeber label:hover {
  cursor: pointer;
}
.tp-login-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-primary);
  position: relative;
  display: inline-block;
}
.tp-login-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-primary);
  -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-login-forgot a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-btn {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
  padding: 14px 30px;
  text-align: center;
  display: inline-block;
}
.tp-login-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-login-shape-1, .tp-login-shape-2, .tp-login-shape-3, .tp-login-shape-4 {
  position: absolute;
  z-index: -1;
}
.tp-login-shape-1 {
  top: 15%;
  left: 22%;
  animation: bannerAnimationTwo 6s infinite linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-login-shape-1 {
    left: 8%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-login-shape-1 {
    left: 4%;
  }
}
.tp-login-shape-2 {
  bottom: 15%;
  right: 14%;
  animation: tpswing 2s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom right;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-login-shape-2 {
    right: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-login-shape-2 {
    right: 8%;
  }
}
.tp-login-shape-3 {
  top: 7%;
  right: 22%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-login-shape-3 {
    right: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-login-shape-3 {
    right: 10%;
  }
}
.tp-login-shape-4 {
  bottom: 27%;
  right: 20%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-login-shape-4 {
    right: 10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-login-shape-4 {
    right: 3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-login-shape-4 {
    right: -6%;
  }
}

/*----------------------------------------*/
/*  8.2 ECOMMERCE css
/*----------------------------------------*/
.tp-product-quantity {
  width: 232px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-product-quantity {
    width: 180px;
  }
}
@media (max-width: 767px) {
  .tp-product-quantity {
    margin-bottom: 20px;
  }
}

.tp-cart-plus,
.tp-cart-minus {
  width: 80px;
  height: 80px;
  line-height: 76px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: var(--tp-heading-primary);
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-cart-plus::after,
.tp-cart-minus::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 26px;
  top: 50%;
  right: 0;
  background-color: #DADCE0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.tp-cart-plus svg,
.tp-cart-minus svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-cart-plus:hover,
.tp-cart-minus:hover {
  cursor: pointer;
  color: var(--tp-theme-primary);
}
.tp-cart-plus.tp-cart-plus,
.tp-cart-minus.tp-cart-plus {
  left: auto;
  right: 10px;
}
.tp-cart-plus.tp-cart-plus::after,
.tp-cart-minus.tp-cart-plus::after {
  left: 0;
  right: auto;
}

.tp-cart-input[type=text] {
  width: 100%;
  height: 80px;
  text-align: center;
  font-size: 20px;
  border: 1px solid transparent;
  background-color: #FAEFEB;
  padding: 0 45px;
  line-height: 1.5;
  color: var(--tp-heading-primary);
}
[dir=rtl] .tp-cart-input[type=text] {
  text-align: center;
}
.tp-cart-input[type=text]:focus {
  outline: none;
}

.product-action-btn {
  position: relative;
}
.product-action-btn .product-action-tooltip {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 90%;
  font-weight: 500;
  font-size: 12px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  z-index: 1;
  display: inline-block;
  width: max-content;
  line-height: 1;
  padding: 4px 8px;
  margin-right: 8px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.product-action-btn .product-action-tooltip::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  -moz-transform: translate(50%, -50%) rotate(45deg);
  -ms-transform: translate(50%, -50%) rotate(45deg);
  -o-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
  height: 8px;
  width: 8px;
  background-color: var(--tp-common-black);
}
.product-action-btn svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.product-action-btn:hover .product-action-tooltip {
  visibility: visible;
  opacity: 1;
  right: 100%;
}

.product-add-cart-btn {
  font-weight: 500;
  font-size: 20px;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
  display: inline-block;
  padding: 7px 25px;
  text-align: center;
}
.product-add-cart-btn svg, .product-add-cart-btn i {
  margin-right: 7px;
}
.product-add-cart-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.product-add-cart-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.product-add-cart-btn-2 {
  border: 1px solid #DADCE0;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 500;
  padding: 6px 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-add-cart-btn-2 {
    padding: 6px 21px;
  }
}
@media (max-width: 767px) {
  .product-add-cart-btn-2 {
    width: 100%;
  }
}
.product-add-cart-btn-2:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.product-add-cart-btn-3 {
  background-color: var(--tp-heading-primary);
  color: var(--tp-common-white);
  padding: 27px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product-add-cart-btn-3 {
    padding: 27px 41px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-add-cart-btn-3 {
    padding: 27px 30px;
  }
}
.product-add-cart-btn-3:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
@media (max-width: 767px) {
  .product-add-cart-btn-3 {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  8.1 Cart css
/*----------------------------------------*/
.cartmini__area {
  position: fixed;
  right: 0;
  top: 0;
  width: 360px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  background: var(--tp-common-white) none repeat scroll 0 0;
  -webkit-transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -ms-transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -o-transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.cartmini__area::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.cartmini__area.cartmini-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cartmini__wrapper {
  position: relative;
  min-height: 100%;
}
.cartmini__title {
  padding: 20px 20px;
  border-bottom: 1px solid var(--tp-border-primary);
  box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2);
}
.cartmini__title h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__close {
  position: absolute;
  top: 17px;
  right: 20px;
}
.cartmini__close-btn {
  background: transparent;
  color: var(--tp-common-black);
  font-size: 22px;
}
.cartmini__close-btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cartmini__widget {
  height: 100%;
}
.cartmini__widget-item {
  position: relative;
  display: flex;
  padding: 20px;
  padding-right: 35px;
  border-bottom: 1px solid rgba(129, 129, 129, 0.2);
  -webkit-transition: backgroud-color 0.3s 0s ease-out;
  -moz-transition: backgroud-color 0.3s 0s ease-out;
  -ms-transition: backgroud-color 0.3s 0s ease-out;
  -o-transition: backgroud-color 0.3s 0s ease-out;
  transition: backgroud-color 0.3s 0s ease-out;
}
.cartmini__thumb {
  margin-right: 15px;
}
.cartmini__thumb img {
  width: 70px;
  height: 90px;
}
.cartmini__content h5 {
  font-size: 15px;
  margin-bottom: 12px;
  font-weight: 500;
}
.cartmini__content h5 a:hover {
  color: var(--tp-theme-primary);
}
.cartmini__content .tp-product-quantity {
  width: 75px;
  padding: 0;
}
.cartmini__content .tp-product-quantity .tp-cart-input[type=text] {
  height: 30px;
  text-align: center;
  font-size: 13px;
  border: 1px solid var(--tp-border-primary);
  background-color: var(--tp-common-white);
  padding: 0;
}
.cartmini__content .tp-product-quantity .tp-cart-plus,
.cartmini__content .tp-product-quantity .tp-cart-minus {
  width: 20px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  left: 3px;
}
.cartmini__content .tp-product-quantity .tp-cart-plus svg,
.cartmini__content .tp-product-quantity .tp-cart-minus svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  width: 10px;
}
.cartmini__content .tp-product-quantity .tp-cart-plus::after,
.cartmini__content .tp-product-quantity .tp-cart-minus::after {
  display: none;
}
.cartmini__content .tp-product-quantity .tp-cart-plus {
  left: auto;
  right: 3px;
}
.cartmini__del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--tp-common-black);
  font-size: 12px;
}
.cartmini__del:hover {
  color: var(--tp-theme-primary);
}
.cartmini__checkout {
  padding: 20px;
  padding-bottom: 85px;
  width: 100%;
  background: var(--tp-common-white);
  border-top: 2px solid var(--tp-border-primary);
}
.cartmini__checkout-title h4 {
  font-size: 18px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__checkout-title span {
  float: right;
  font-size: 20px;
  color: var(--tp-common-black);
  font-weight: 600;
  color: var(--tp-theme-primary);
}
.cartmini__checkout-btn .tp-btn {
  background-color: var(--tp-grey-1);
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  padding: 10px 30px;
}
.cartmini__checkout-btn .tp-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.cartmini__checkout-btn .tp-btn-border {
  padding: 10px 30px;
  font-size: 15px;
  text-transform: capitalize;
}
.cartmini__price {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-theme-primary);
}
.cartmini__quantity {
  font-size: 12px;
  font-weight: 500;
}
.cartmini__empty {
  margin-top: 150px;
}
.cartmini__empty img {
  margin-bottom: 30px;
}
.cartmini__empty p {
  font-size: 16px;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.cartmini__empty .tp-btn {
  background-color: var(--tp-grey-1);
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  padding: 10px 30px;
}
.cartmini__empty .tp-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

.mini-cart-box {
  width: 300px;
  background: #fff;
  background-color: rgb(255, 255, 255);
  padding: 20px 20px;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(62, 68, 90, 0.1);
  border: 1px solid #edeef5;
  position: absolute;
  z-index: 9999;
  right: 0;
  top: 100%;
  transform: scale(1, 0);
  transform-origin: 0 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
}
.mini-cart-item {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: 1px solid #EDEEF5;
}
.mini-cart-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.mini-cart-content {
  flex: 1;
  position: static;
  padding: 0;
  text-align: left;
}
.mini-cart-thumb {
  flex: 0 0 auto;
  margin-right: 10px;
}
.mini-cart-thumb img {
  height: 56px;
  width: 56px;
  object-fit: cover;
}
.mini-cart-title {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0;
}
.mini-cart-title a:hover {
  color: var(--tp-theme-primary);
}
.mini-cart-remove {
  flex: 0 0 auto;
}
.mini-cart-quantity {
  font-size: 14px;
  color: var(--tp-heading-primary);
}
.mini-cart-quantity span {
  color: var(--tp-theme-primary);
  font-size: 14px;
}
.mini-cart-amount {
  font-size: 14px;
  color: var(--tp-theme-primary);
}
.mini-cart-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-top: 15px;
  border-top: 1px solid #EDEEF5;
}
.mini-cart-buttons .tp-btn {
  width: 100%;
  font-weight: 500;
  padding: 7px 28px;
  font-size: 16px;
}
.mini-cart-buttons .tp-btn:hover {
  background-color: var(--tp-heading-primary);
  color: var(--tp-common-white);
  border-color: var(--tp-heading-primary);
}
.mini-cart-buttons .tp-btn.cart-btn {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.mini-cart-buttons .tp-btn.cart-btn:hover {
  background-color: var(--tp-heading-primary);
  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) {
  .cart-list-wrap {
    padding: 28px 0;
  }
}

.cart-list-wrapper {
  margin-left: 48px;
}
.cart-list-wrap {
  position: relative;
  display: inline-block;
}

.mini-cart-box {
  position: absolute;
  top: 40px; /* Adjust to appear below the icon */
  left: -300px; /* Adjust for Hebrew RTL alignment */
  width: 320px; /* Width of the dropdown */
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: transform 0.3s ease, opacity 0.3s ease;
  text-align: right; /* Align text to the right for Hebrew */
}

.cart-list-wrap:hover .mini-cart-box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mini-cart-box .mini-cart-item {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.mini-cart-total {
  padding: 10px;
  font-weight: bold;
}

.mini-cart-buttons {
  padding: 10px;
  display: flex;
  gap: 10px;
}

.mini-cart-buttons .tp-btn {
  flex: 1;
  text-align: center;
  padding: 8px 12px;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  transition: background-color 0.3s ease;
}

.mini-cart-buttons .tp-btn:hover {
  background-color: #e2e6ea;
}

/*----------------------------------------*/
/*  8.3 Product css
/*----------------------------------------*/
.product__modal .modal-dialog {
  max-width: 1320px;
  border-radius: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product__modal .modal-dialog {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__modal .modal-dialog {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product__modal .modal-dialog {
    max-width: 700px;
  }
}
.product__modal .modal-content {
  padding: 40px;
  border-radius: 0;
}
@media (max-width: 767px) {
  .product__modal .modal-content {
    padding: 20px;
  }
}
.product__modal .product__details-thumb-nav .nav-link {
  width: 90px;
  height: 90px;
  margin-bottom: 10px;
}
.product__modal .product__details-thumb-nav .nav-link img {
  width: 100%;
}
@media (max-width: 767px) {
  .product__modal .product__details-thumb-nav .nav-link {
    width: 70px;
    height: 70px;
  }
}
.product__modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.product__modal-close-btn {
  display: inline-block;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  background-color: transparent;
  color: var(--tp-text-1);
  border-radius: 50%;
}
.product__modal-close-btn:hover {
  color: var(--tp-theme-primary);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.product__modal-close-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/*# sourceMappingURL=main.css.map */