@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap);
@charset "UTF-8";
/*============================================

   Theme Name: Apexa - Multipurpose Business Consulting HTML Template
   Author : alithemes
   Support: https://alithemes.ticksy.com
   Description: Apexa - Multipurpose Business Consulting HTML Template
   Version: 1.0

==============================================*/
/* CSS Index
==============================================

    01. Theme Default CSS
    02. Header
    03. Mobile Menu
    04. Banner
    05. Slider
    06. About
    07. Services
    08. Choose
    09. Project
    10. Pricing
    11. Request
    12. Consulting
    13. Testimonial
    14. Features
    15. Marquee
    16. Fact
    17. Team
    18. Call-back
    19. Blog
    20. Contact
    21. Brand
    22. 404 Error
    23. Footer

==============================================*/
/*============================================
/*  01. Theme Default CSS
==============================================*/
:root {
  --tg-body-font-family: 'Inter', sans-serif;
  --tg-heading-font-family: 'Outfit', sans-serif;
  --tg-icon-font-family: "Font Awesome 5 Free";
  --tg-body-font-size: 16px;
  --tg-body-line-height: 1.5;
  --tg-heading-line-height: 1.2;
  --tg-body-color: #3e4073;
  --tg-heading-color: #14176c;
  --tg-theme-primary: #f7a400;
  --tg-theme-secondary: #191d88;
  --tg-color-dark-blue: #0e104b;
  --tg-color-yellow-light: #fef6e6;
  --tg-color-yellow-light-2: #fffbf3;
  --tg-color-yellow-light-3: #f5eacd;
  --tg-color-yellow-light-4: #fde3b0;
  --tg-color-white-default: #ffffff;
  --tg-color-gray-1: #e6eeff;
  --tg-color-gray-2: #b8b9da;
  --tg-color-gray-3: #ecf6fa;
  --tg-color-gray-4: #818298;
  --tg-color-gray-5: #e2e3f1;
  --tg-color-gray-6: #f7f7f8;
  --tg-color-dark: #1c1a4a;
  --tg-color-black-1: #06042e;
  --tg-color-black-2: #161439;
  --tg-border-1: #cfdde2;
  --tg-border-2: #e6e7f3;
  --tg-border-3: #c5c6e4;
  --tg-border-4: #dbe3eb;
  --tg-border-5: #9597c8;
  --tg-border-6: #dadbec;
  --tg-border-7: #e9e9f0;
  --tg-border-8: #e08b00;
  --tg-border-9: #d0d6e1;
  --tg-fw-extra-bold: 800;
  --tg-fw-bold: 700;
  --tg-fw-semi-bold: 600;
  --tg-fw-medium: 500;
  --tg-fw-regular: 400;
  --tg-fw-light: 300;
  --tg-body-color: var(--text-color);
  --tg-heading-color: var(--heading-color);
  --tg-theme-primary: var(--primary-color);
  --tg-theme-secondary: var(--secondary-color);
}

/*=============================
	Typography css start
===============================*/
body {
  font-family: var(--tg-body-font-family);
  font-size: var(--tg-body-font-size);
  font-weight: var(--tg-fw-regular);
  color: var(--tg-body-color);
  line-height: var(--tg-body-line-height);
}

img,
.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}

a,
button {
  color: var(--tg-theme-primary);
  outline: none;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.btn:focus,
.button:focus {
  text-decoration: none;
  outline: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

a:hover,
button:hover {
  color: var(--tg-theme-primary);
  text-decoration: none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tg-heading-font-family);
  color: var(--tg-heading-color);
  margin-top: 0px;
  font-weight: var(--tg-fw-bold);
  line-height: var(--tg-heading-line-height);
  text-transform: unset;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

.list-wrap {
  margin: 0px;
  padding: 0px;
}
.list-wrap li {
  list-style: none;
}

p {
  font-family: var(--tg-body-font-family);
  font-size: var(--tg-body-font-size);
  line-height: var(--tg-body-line-height);
  font-weight: var(--tg-fw-regular);
  color: var(--tg-body-color);
  margin-bottom: 15px;
}

hr {
  border-bottom: 1px solid var(--tg-color-gray-1);
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}

label {
  color: var(--tg-heading-color);
  cursor: pointer;
  font-size: var(--tg-body-font-size);
  font-weight: var(--tg-fw-regular);
}

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(--tg-theme-primary);
  color: var(--tg-color-white-default);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  text-shadow: none;
}

::selection {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  text-shadow: none;
}

/*=============================
    - Input Placeholder
===============================*/
input,
textarea {
  color: var(--tg-body-color);
}

*::-moz-placeholder {
  color: var(--tg-body-color);
  font-size: var(--tg-body-font-size);
  opacity: 1;
}

*::placeholder {
  color: var(--tg-body-color);
  font-size: var(--tg-body-font-size);
  opacity: 1;
}

/*=============================
    - Common Classes
===============================*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

/*=============================
    - Bootstrap Custom
=============================*/
.container {
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  --bs-gutter-x: 30px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

.gx-0 {
  --bs-gutter-x: 0;
}

.gutter-24 {
  --bs-gutter-x: 24px;
}

.container {
  max-width: 1250px;
}
@media (max-width: 1500px) {
  .container {
    max-width: 1250px;
  }
}
@media (max-width: 1199.98px) {
  .container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}

.custom-container {
  max-width: 1760px;
}
@media (max-width: 1800px) {
  .custom-container {
    max-width: 1680px;
  }
}
@media (max-width: 1500px) {
  .custom-container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .custom-container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .custom-container {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .custom-container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-container {
    max-width: 540px;
  }
}

.custom-container-two {
  max-width: 1740px;
}
@media (max-width: 1800px) {
  .custom-container-two {
    max-width: 1540px;
  }
}
@media (max-width: 1500px) {
  .custom-container-two {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .custom-container-two {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .custom-container-two {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .custom-container-two {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-container-two {
    max-width: 540px;
  }
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*=============================
	1. Button style
===============================*/
.tg-button-wrap {
  display: flex;
}

.btn {
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: none;
  background: var(--tg-theme-primary) none repeat scroll 0 0;
  border: medium none;
  border-radius: 10px;
  color: var(--tg-color-white-default);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 18px 24px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease-out 0s;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn::before {
  content: "";
  position: absolute;
  transition-duration: 800ms;
  width: 200%;
  height: 200%;
  top: 110%;
  left: 50%;
  background: var(--tg-theme-secondary);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: -1;
}
.btn::after {
  content: "\f10a";
  font-family: flaticon;
  font-weight: var(--tg-fw-bold);
  margin-inline-start: 8px;
  font-size: 20px;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
}
.btn:hover, .btn:focus-visible {
  color: var(--tg-color-white-default);
  background: var(--tg-theme-primary);
}
.btn:hover:before, .btn:focus-visible:before {
  top: -40%;
}
.btn-two {
  background: var(--tg-theme-secondary);
}
.btn-two:hover {
  background: var(--tg-theme-secondary);
}
.btn-two::before {
  background: var(--tg-theme-primary);
}
.btn.btn-login-social {
  background-color: var(--tg-color-white-default);
  width: 100%;
  color: var(--tg-color-body-color);
  justify-content: center;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
}
.btn.btn-login-social img {
  margin-inline-end: 15px;
}
.btn.btn-login-social:after {
  display: none;
}
.btn.btn-login-social:hover {
  color: var(--tg-color-white-default);
}
.btn.btn-login {
  width: 100%;
  border-radius: 11px;
  padding: 20px 26px;
  justify-content: center;
  font-size: 18px;
  line-height: 28px;
}
.btn.btn-login:hover {
  background-color: var(--tg-theme-secondary);
}
.btn.border-yellow-btn {
  border: 1px solid var(--tg-theme-primary);
  background: transparent;
  color: var(--tg-theme-primary);
  padding: 17px 24px;
}
.btn.border-yellow-btn::before {
  background-color: var(--tg-theme-primary);
}
.btn.border-yellow-btn:hover {
  color: var(--tg-color-white-default);
}

.border-btn {
  border: 1px solid var(--tg-theme-secondary);
  background: transparent;
  color: var(--tg-theme-secondary);
  padding: 17px 24px;
}
.border-btn::before {
  display: none;
}
.border-btn:hover {
  background: var(--tg-theme-secondary);
}

/*=============================
    00. Preloader
===============================*/
#preloader {
  background-color: var(--tg-color-white-default);
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
}
#preloader .loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border: 3px solid var(--tg-color-gray-1);
  border-radius: 50%;
}
#preloader .loader .loader-container::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-top: 3px solid var(--tg-theme-primary);
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
#preloader .loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  text-align: center;
}
#preloader .loader .loader-icon img {
  animation: loaderpulse alternate 900ms infinite;
  width: 40px;
}

@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*=============================
    - Background color
===============================*/
.grey-bg {
  background: var(--tg-color-gray-1);
}

.white-bg {
  background: var(--tg-color-white-default);
}

.black-bg {
  background: var(--tg-color-black-1);
}

/*=============================
	04. OffCanvas
===============================*/
.offCanvas__info {
  background: var(--tg-color-white-default) none repeat scroll 0 0;
  height: 100%;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 340px;
  z-index: 999;
  overflow-y: scroll;
  transform: translateX(100%);
}
.offCanvas__info.active {
  transform: translateX(0);
}
.offCanvas__info::-webkit-scrollbar {
  width: 0px;
}
.offCanvas__close-icon {
  margin-top: -16px;
  text-align: right;
}
.offCanvas__close-icon button {
  background: transparent;
  border: 0 none;
  color: var(--tg-theme-primary);
  cursor: pointer;
  font-size: 20px;
  padding: 0;
}
.offCanvas__logo img {
  max-height: 34px;
}
.offCanvas__side-info {
  border-top: 1px solid var(--tg-theme-primary);
  padding-top: 25px;
}
.offCanvas__side-info .contact-list h4 {
  color: var(--tg-heading-color);
  font-weight: 700;
  font-size: 18px;
}
.offCanvas__side-info .contact-list p {
  color: var(--tg-body-color);
  margin: 0;
  margin-bottom: 2px;
  line-height: 26px;
}
.offCanvas__social-icon a {
  color: var(--tg-theme-primary);
  display: inline-block;
  margin-inline-end: 20px;
  text-align: center;
}
.offCanvas__social-icon a:hover {
  color: var(--tg-theme-secondary);
}
.offCanvas__overly {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
.offCanvas__overly.active {
  opacity: 0.7;
  visibility: visible;
}

/*=============================
	04. Search
===============================*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--tg-color-white-default);
  backdrop-filter: blur(10px);
  z-index: 99;
  transform: translateY(calc(-100% - 80px));
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}
.search__popup.search-opened {
  transform: translateY(0%);
  transition-delay: 0s;
  z-index: 99999999;
}
.search__popup.search-opened .search__input {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__input {
  position: relative;
  height: 80px;
  transform: translateY(-40px);
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: var(--tg-theme-primary);
  transition-delay: 0.3s;
  transition: all 0.3s ease-out 0s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tg-heading-color);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-moz-placeholder {
  font-size: 24px;
}
.search__input input::placeholder {
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tg-theme-primary);
  border: none;
  padding: 0 0;
  background: transparent;
}
.search__close {
  position: absolute;
  top: 10%;
  right: 2%;
  z-index: 2;
}
.search-close-btn {
  margin: 0;
  padding: 0;
  border: none;
  color: var(--tg-theme-primary);
  cursor: pointer;
  background: transparent;
}
.search-popup-overlay {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
  opacity: 0;
  visibility: hidden;
  background: #000d25;
}
.search-popup-overlay.search-popup-overlay-open {
  opacity: 0.55;
  visibility: visible;
  transition-delay: 0s;
}

.search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tg-theme-primary);
  transition: all 0.5s;
}
.search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.5s;
}

/*=========================
04. Breadcrumb
===========================*/
.breadcrumb__bg {
  background-size: cover;
  background-position: center;
  padding: 105px 0 110px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .breadcrumb__bg {
    padding: 85px 0 90px;
  }
}
.breadcrumb__content .title {
  margin-bottom: 10px;
  font-size: 48px;
}
@media (max-width: 991.98px) {
  .breadcrumb__content .title {
    font-size: 42px;
  }
}
@media (max-width: 767.98px) {
  .breadcrumb__content .title {
    font-size: 40px;
  }
}
.breadcrumb__content .breadcrumb {
  margin-bottom: 0;
}
.breadcrumb__content .breadcrumb-item {
  font-size: 16px;
  color: var(--tg-theme-primary);
}
.breadcrumb__content .breadcrumb-item a {
  color: var(--tg-body-color);
}
.breadcrumb__content .breadcrumb-item a:hover {
  color: var(--tg-theme-primary);
}
.breadcrumb__shape img {
  position: absolute;
  z-index: -1;
}
.breadcrumb__shape img:nth-child(1) {
  left: 2%;
  top: 14%;
}
@media (max-width: 767.98px) {
  .breadcrumb__shape img:nth-child(1) {
    left: 10%;
  }
}
.breadcrumb__shape img:nth-child(2) {
  left: 8%;
  bottom: 20%;
  animation: rightToLeft 4s infinite linear;
}
@media (max-width: 767.98px) {
  .breadcrumb__shape img:nth-child(2) {
    left: 40%;
  }
}
.breadcrumb__shape img:nth-child(3) {
  left: 23%;
  bottom: 0;
}
.breadcrumb__shape img:nth-child(4) {
  right: 42%;
  top: 0;
}
@media (max-width: 767.98px) {
  .breadcrumb__shape img:nth-child(4) {
    display: none;
  }
}
.breadcrumb__shape img:nth-child(5) {
  right: 25%;
  top: 15%;
}
@media (max-width: 767.98px) {
  .breadcrumb__shape img:nth-child(5) {
    display: none;
  }
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 10px;
  color: var(--tg-body-color);
  content: "\f054";
  font-family: var(--tg-icon-font-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  margin-top: 6px;
}

/*=============================
    00. Scroll Top
===============================*/
.scroll__top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  border-radius: 4px;
  z-index: 5;
  color: var(--tg-color-white-default);
  text-align: center;
  cursor: pointer;
  background: var(--tg-theme-primary);
  transition: 1s ease;
  border: none;
}
@media (max-width: 1199.98px) {
  .scroll__top {
    right: 25px;
    bottom: 25px;
  }
}
@media (max-width: 991.98px) {
  .scroll__top {
    right: 30px;
  }
}
@media (max-width: 767.98px) {
  .scroll__top {
    right: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
}
.scroll__top.open {
  bottom: 30px;
}
@media (max-width: 767.98px) {
  .scroll__top.open {
    bottom: 15px;
  }
}
.scroll__top::after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll__top:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

/*=============================
	00. Section Title
===============================*/
.section-title .sub-title {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: var(--tg-theme-primary);
  margin-bottom: 12px;
}
.section-title .title {
  margin-bottom: 0;
  font-size: 40px;
}
@media (max-width: 1199.98px) {
  .section-title .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .section-title .title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title .title {
    font-size: 34px;
  }
}
@media (max-width: 991.98px) {
  .section-title .title br {
    display: none;
  }
}
.section-title p {
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .section-title p br {
    display: none;
  }
}
.section-title.white-title .title {
  color: var(--tg-color-white-default);
}

/*=============================
	02. Header
===============================*/
.transparent-header {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 9;
  height: auto;
}

.tg-header__top {
  background: var(--tg-color-dark-blue);
  padding: 12px 0;
}
@media (max-width: 767.98px) {
  .tg-header__top {
    display: none;
  }
}
.tg-header__top-info {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 1199.98px) {
  .tg-header__top-info {
    gap: 15px;
  }
}
@media (max-width: 991.98px) {
  .tg-header__top-info {
    justify-content: center;
    margin-bottom: 10px;
  }
}
.tg-header__top-info li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tg-color-gray-1);
  font-size: 14px;
  font-weight: 500;
}
.tg-header__top-info li i {
  color: var(--tg-color-gray-2);
  font-size: 18px;
  line-height: 0;
}
.tg-header__top-info li a {
  color: var(--tg-color-gray-1);
}
.tg-header__top-info li a:hover {
  color: var(--tg-theme-primary);
}
.tg-header__top-info-three li {
  color: var(--tg-body-color);
}
.tg-header__top-info-three li i {
  color: var(--tg-color-gray-4);
}
.tg-header__top-info-three li a {
  color: var(--tg-body-color);
}
.tg-header__top-info-three li a:hover {
  color: var(--tg-theme-primary);
}
.tg-header__top-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 25px;
}
@media (max-width: 1199.98px) {
  .tg-header__top-right {
    gap: 15px;
  }
}
@media (max-width: 991.98px) {
  .tg-header__top-right {
    justify-content: center;
  }
}
.tg-header__top-right li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tg-color-gray-1);
  font-size: 14px;
  font-weight: 500;
}
.tg-header__top-right li i {
  color: var(--tg-color-gray-2);
  font-size: 18px;
  line-height: 0;
}
.tg-header__top-right li a {
  color: var(--tg-color-gray-1);
}
.tg-header__top-right li a:hover {
  color: var(--tg-theme-primary);
}
.tg-header__top-right-three li {
  color: var(--tg-body-color);
}
.tg-header__top-right-three li i {
  color: var(--tg-color-gray-4);
}
.tg-header__top-right-three li a {
  color: var(--tg-body-color);
}
.tg-header__top-right-three li a:hover {
  color: var(--tg-theme-primary);
}
.tg-header__top-two {
  padding: 15px 30px;
  border-bottom: 1px solid var(--tg-color-gray-5);
  background: transparent;
}
@media (max-width: 1199.98px) {
  .tg-header__top-two {
    padding: 15px 20px;
  }
}
.tg-header__top-two .list-wrap li {
  color: var(--tg-body-color);
  font-size: 15px;
  font-weight: 400;
}
.tg-header__top-two .list-wrap li i {
  color: var(--tg-color-gray-4);
  font-size: 20px;
  line-height: 0;
}
@media (max-width: 1199.98px) {
  .tg-header__top-two .list-wrap li i {
    font-size: 18px;
  }
}
.tg-header__top-two .list-wrap li a {
  color: var(--tg-body-color);
}
.tg-header__top-two .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.tg-header__top-three {
  background: transparent;
  padding: 20px 0;
}
.tg-header__inner-wrap {
  display: flex;
  align-items: center;
}
.tg-header__logo-wrap {
  width: 12.5%;
  flex: 0 0 auto;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .tg-header__logo-wrap {
    display: none;
  }
}
.tg-header__right-side {
  flex-grow: 1;
  border-left: 1px solid var(--tg-color-gray-5);
}
.tg-header__area {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px;
}
@media (max-width: 991.98px) {
  .tg-header__area {
    padding: 25px 0;
  }
}
.tg-header__area-two {
  padding: 0 30px;
}
@media (max-width: 1199.98px) {
  .tg-header__area-two {
    padding: 0 20px;
  }
}
@media (max-width: 991.98px) {
  .tg-header__area-two {
    padding: 20px 20px;
  }
}
@media (max-width: 767.98px) {
  .tg-header__area-two {
    padding: 20px 15px;
  }
}
@media (max-width: 1199.98px) {
  .tg-header__area-two .logo.d-none {
    display: flex !important;
    align-items: center;
  }
}
.tg-header__area-two .tgmenu__nav {
  align-items: normal;
}
@media (max-width: 991.98px) {
  .tg-header__area-two .tgmenu__nav {
    align-items: center;
  }
}
.tg-header__area-two .tgmenu__navbar-wrap ul {
  margin: 0;
}
@media (max-width: 1199.98px) {
  .tg-header__area-two .tgmenu__navbar-wrap ul {
    margin: 0 0 0 auto;
  }
}
.tg-header__area-two .tgmenu__navbar-wrap ul li a {
  padding: 37px 0px;
}
.tg-header__area-two.sticky-menu .logo.d-none {
  display: flex !important;
  align-items: center;
  margin-inline-end: 100px;
}
@media (max-width: 1199.98px) {
  .tg-header__area-two.sticky-menu .logo.d-none {
    margin-inline-end: 0;
  }
}
.tg-header__area-three {
  background: transparent;
  box-shadow: none;
}
.tg-header__area-three .tgmenu__navbar-wrap ul {
  margin: 0 auto;
}
.tg-header__area-four {
  background: transparent;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 991.98px) {
  .tg-header__area-four {
    padding: 0 0;
  }
}
@media (max-width: 767.98px) {
  .tg-header__area-four {
    background: var(--tg-color-white-default);
    padding: 20px 0;
    -ms-box-shadow: 0px 5px 10px 0px #eef4f6;
    -o-box-shadow: 0px 5px 10px 0px #eef4f6;
    box-shadow: 0px 5px 10px 0px #eef4f6;
  }
}
.tg-header__area-four.sticky-menu .tgmenu__wrap {
  border: none;
  border-radius: 0;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.tg-header__area-four .tgmenu__wrap {
  background: var(--tg-color-white-default);
  -ms-box-shadow: 0px 5px 10px 0px #eef4f6;
  -o-box-shadow: 0px 5px 10px 0px #eef4f6;
  box-shadow: 0px 5px 10px 0px #eef4f6;
  border: 1px solid #d7e4ea;
  border-radius: 10px;
  padding: 0 20px;
}
@media (max-width: 991.98px) {
  .tg-header__area-four .tgmenu__wrap {
    padding: 15px 20px;
  }
}
@media (max-width: 767.98px) {
  .tg-header__area-four .tgmenu__wrap {
    padding: 0;
    border: none;
    border-radius: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
}
.tg-header__area-four .tgmenu__navbar-wrap ul {
  margin: 0 auto;
}
.tg-header__area-four .tgmenu__navbar-wrap ul li a {
  padding: 26px 0px;
}
.tg-header__area-five {
  background: transparent;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.tg-header__area-five .tgmenu__navbar-wrap ul {
  margin: 0 auto;
}
.tg-header__area .mobile-nav-toggler {
  position: relative;
  float: right;
  cursor: pointer;
  line-height: 1;
  color: var(--tg-theme-secondary);
  display: none;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  background: var(--tg-color-white-default);
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .tg-header__area .mobile-nav-toggler {
    display: flex;
  }
}
.tg-header__area .mobile-nav-toggler svg {
  width: 18px;
}

.tgmenu__nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 991.98px) {
  .tgmenu__nav {
    justify-content: space-between;
  }
}
.tgmenu__nav .logo img {
  max-height: 34px;
}
.tgmenu__navbar-wrap {
  display: flex;
  flex-grow: 1;
}
.tgmenu__navbar-wrap > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 0;
  margin: 0 0 0 125px;
}
@media (max-width: 1199.98px) {
  .tgmenu__navbar-wrap > ul {
    margin: 0 0 0 100px;
  }
}
.tgmenu__navbar-wrap > ul > li {
  list-style: none;
  display: block;
  position: relative;
  margin-inline-end: 30px;
}
.tgmenu__navbar-wrap > ul > li:last-child {
  margin-inline-end: 0;
}
.tgmenu__navbar-wrap > ul > li a {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--tg-color-dark-blue);
  padding: 42px 0px;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.tgmenu__navbar-wrap > ul > li .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 230px;
  border: 1px solid #f5f5f5;
  background: var(--tg-color-white-default);
  margin: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
  border-radius: 6px;
  padding: 18px 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.tgmenu__navbar-wrap > ul > li .sub-menu .sub-menu {
  right: auto;
  left: 100%;
  top: 0;
}
.tgmenu__navbar-wrap > ul > li .sub-menu > li {
  margin-inline-start: 0;
  text-align: left;
  display: block;
}
.tgmenu__navbar-wrap > ul > li .sub-menu > li a {
  padding: 8px 15px 8px 25px;
  line-height: 1.4;
  display: block;
  color: var(--tg-heading-color);
  text-transform: capitalize;
}
.tgmenu__navbar-wrap > ul > li .sub-menu > li:hover > a, .tgmenu__navbar-wrap > ul > li .sub-menu > li.active > a {
  color: var(--tg-theme-primary);
}
.tgmenu__navbar-wrap > ul > li .sub-menu > li:hover > a {
  transform: translateX(8px);
}
.tgmenu__navbar-wrap > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {
  color: var(--tg-theme-primary);
}
.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
  display: none;
}
.tgmenu__main-menu li.menu-item-has-children > a::after {
  content: "\f107";
  font-weight: 700;
  font-family: var(--tg-icon-font-family);
  color: var(--tg-color-dark-blue);
  margin-inline-start: 8px;
  transition: all 0.3s ease-out 0s;
}
.tgmenu__main-menu li.menu-item-has-children > a:hover {
  color: var(--tg-theme-primary);
}
.tgmenu__main-menu li.menu-item-has-children:hover > a::after {
  color: var(--tg-theme-primary);
}
.tgmenu__main-menu li.menu-item-has-children.active > a::after {
  color: var(--tg-theme-primary);
}
@media (max-width: 991.98px) {
  .tgmenu__action {
    margin-inline-end: 40px;
    margin-inline-start: auto;
  }
}
.tgmenu__action ul {
  display: flex;
  align-items: center;
  margin-inline-start: 10px;
}
.tgmenu__action ul li {
  position: relative;
  margin-inline-start: 30px;
}
.tgmenu__action ul li a {
  color: var(--tg-theme-secondary);
  font-size: 14px;
}
.tgmenu__action ul li:first-child {
  margin-inline-start: 0;
}
.tgmenu__action ul .header-search a {
  font-size: 20px;
  line-height: 0;
  color: var(--tg-theme-secondary);
}
.tgmenu__action ul .header-search a svg {
  width: 20px;
}
.tgmenu__action ul .header-search a:hover {
  color: var(--tg-theme-primary);
}
@media (max-width: 991.98px) {
  .tgmenu__action ul .offCanvas-menu {
    display: none;
  }
}
.tgmenu__action ul .offCanvas-menu .menu-tigger {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-white-default);
  border-radius: 10px;
  font-size: 18px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.tgmenu__action ul .offCanvas-menu .menu-tigger svg {
  width: 18px;
  height: 18px;
}
.tgmenu__action ul .offCanvas-menu .menu-tigger:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
@media (max-width: 1199.98px) {
  .tgmenu__action ul .header-btn {
    display: none;
  }
}
.tgmenu__action ul .header-btn .btn {
  color: var(--tg-color-white-default);
  font-size: 14px;
}
.tgmenu__action ul .header-btn .btn::after {
  display: none;
}
.tgmenu__action-two > .list-wrap {
  height: 100%;
  align-items: normal;
}
@media (max-width: 1199.98px) {
  .tgmenu__action-two > .list-wrap {
    margin-inline-start: 40px;
  }
}
.tgmenu__action-two > .list-wrap li {
  margin-inline-start: 0;
}
.tgmenu__action-two > .list-wrap li.header-search a {
  width: 85px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tg-color-gray-5);
  border-top: none;
  border-bottom: none;
}
@media (max-width: 991.98px) {
  .tgmenu__action-two > .list-wrap li.header-search a {
    width: auto;
    height: auto;
    border: none;
  }
}
.tgmenu__action-two > .list-wrap li.offCanvas-menu .menu-tigger {
  width: 85px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  font-size: 24px;
  line-height: 0;
  border: 1px solid var(--tg-color-gray-5);
  border-top: none;
  border-bottom: none;
  margin-inline-start: -1px;
}
.tgmenu__action-two > .list-wrap li.offCanvas-menu .menu-tigger:hover {
  background: transparent;
  color: var(--tg-theme-primary);
}
.tgmenu__action-two > .list-wrap li.header-btn {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .tgmenu__action-two > .list-wrap li.header-btn {
    display: none;
  }
}
.tgmenu__action-two > .list-wrap li.header-btn .btn {
  border-radius: 30px;
  gap: 8px;
}
.tgmenu__action-two > .list-wrap li:last-child {
  margin-inline-start: 25px;
}
.tgmenu__action-three > .list-wrap li {
  margin-inline-start: 20px;
}
.tgmenu__action-three > .list-wrap li.offCanvas-menu .menu-tigger {
  width: auto;
  height: auto;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  line-height: 0;
  display: block;
}
.tgmenu__action-three > .list-wrap li.offCanvas-menu .menu-tigger svg {
  width: 22px;
  height: 22px;
}
.tgmenu__action-three > .list-wrap li.offCanvas-menu .menu-tigger:hover {
  color: var(--tg-theme-primary);
}
.tgmenu__action-four .list-wrap li {
  margin-inline-start: 20px;
}
.tgmenu__action-four .list-wrap li.header-btn .btn {
  padding: 13px 22px;
}
.tgmenu__action-four .list-wrap li.offCanvas-menu {
  margin-inline-start: 40px;
  position: relative;
}
.tgmenu__action-four .list-wrap li.offCanvas-menu .menu-tigger {
  width: auto;
  height: auto;
  background: transparent;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.tgmenu__action-four .list-wrap li.offCanvas-menu .menu-tigger:hover {
  color: var(--tg-theme-primary);
}
.tgmenu__action-four .list-wrap li.offCanvas-menu::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: #d7e4ea;
}
.tgmenu__action-five .list-wrap li {
  margin-inline-start: 10px;
}
.tgmenu__action-five .list-wrap li.header-btn .btn {
  padding: 13px 24px;
}
.tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn {
  border-color: var(--tg-color-gray-2);
  color: var(--tg-body-color);
  padding: 12px 21px;
}
.tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn::after {
  display: none;
}
.tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn:hover {
  color: var(--tg-color-white-default);
  border-color: var(--tg-theme-secondary);
}

.sticky-menu {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  background: var(--tg-color-white-default);
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  border-radius: 0;
}
.sticky-menu ul li .sub-menu {
  border-radius: 0 0 6px 6px;
}

#header-fixed-height.active-height {
  display: block;
  height: 90px;
}

/*=============================
	03. Mobile Menu
===============================*/
.tgmobile__search {
  padding: 0 20px 25px 25px;
}
.tgmobile__search form {
  position: relative;
}
.tgmobile__search input {
  display: block;
  width: 100%;
  border: none;
  padding: 10px 45px 10px 20px;
  font-size: 15px;
  height: 45px;
  background: var(--tg-color-gray-3);
  border-radius: 4px;
}
.tgmobile__search input::-moz-placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.tgmobile__search input::placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.tgmobile__search button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 0;
  right: 20px;
  line-height: 1;
  background: transparent;
  color: var(--tg-heading-color);
}
.tgmobile__menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  z-index: 99;
  border-radius: 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transform: translateX(101%);
}
.tgmobile__menu .navbar-collapse {
  display: block !important;
}
.tgmobile__menu .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}
.tgmobile__menu .nav-logo img {
  max-height: 34px;
}
.tgmobile__menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
.tgmobile__menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation li.active > a {
  color: var(--tg-theme-primary);
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  color: var(--tg-heading-color);
  background: var(--tg-color-gray-3);
  cursor: pointer;
  border-radius: 2px;
  transition: all 500ms ease;
  z-index: 5;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 12px;
  height: 2px;
  background-color: var(--tg-color-black-1);
  transition: all 500ms ease;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 2px;
  height: 12px;
  background-color: var(--tg-color-black-1);
  transition: all 500ms ease;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
  background-color: var(--tg-theme-primary);
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {
  background-color: var(--tg-color-white-default);
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {
  display: none;
}
.tgmobile__menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 1.5;
  padding: 10px 60px 10px 25px;
  font-size: 16px;
  font-weight: 500;
  color: var(--tg-heading-color);
  text-transform: capitalize;
  transition: all 500ms ease;
  border: none;
}
.tgmobile__menu .navigation li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  transition: all 500ms ease;
  width: 2px;
  background: var(--tg-theme-primary);
  pointer-events: none;
}
.tgmobile__menu .navigation li ul li > a {
  margin-inline-start: 20px;
}
.tgmobile__menu .navigation li ul li ul li a {
  margin-inline-start: 40px;
}
.tgmobile__menu .navigation li ul li ul li ul li a {
  margin-inline-start: 60px;
}
.tgmobile__menu .navigation li > ul {
  display: none;
}
.tgmobile__menu .navigation li > ul > li > ul {
  display: none;
}
.tgmobile__menu .navigation ul {
  padding: 0;
  margin: 0;
}
.tgmobile__menu .navigation ul li a {
  display: block;
}
.tgmobile__menu .navigation ul li ul li > a {
  font-size: 16px;
  margin-inline-start: 20px;
  text-transform: capitalize;
}
.tgmobile__menu .navigation:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation > li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation > li.active > a::before {
  height: 100%;
}
.tgmobile__menu .close-btn {
  position: absolute;
  right: 15px;
  top: 28px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 20px;
  color: var(--tg-theme-primary);
  cursor: pointer;
  z-index: 10;
  transition: all 0.5s ease;
}
.tgmobile__menu .close-btn i[class^=flaticon-]:before {
  font-weight: var(--tg-fw-bold) !important;
}
.tgmobile__menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
}
.tgmobile__menu .tgmenu__action {
  padding: 0 0;
  margin: 0 0;
}
.tgmobile__menu .tgmenu__action > ul {
  margin: 0 0;
  padding: 30px 20px 0;
  justify-content: center;
  gap: 0 15px;
}
.tgmobile__menu .tgmenu__action > ul li {
  margin: 0 0;
}
.tgmobile__menu .tgmenu__action > ul .header-btn {
  display: block;
}
.tgmobile__menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--tg-color-white-default);
  padding: 0px 0px;
  z-index: 5;
  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}
.tgmobile__menu-bottom {
  padding: 30px 25px 25px;
  margin-top: auto;
}
.tgmobile__menu-bottom .contact-info .list-wrap li a {
  color: var(--tg-theme-secondary);
  display: inline-block;
  font-weight: 500;
  margin-bottom: 5px;
}
.tgmobile__menu-bottom .contact-info .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.tgmobile__menu-bottom .social-links ul {
  display: flex;
  position: relative;
  text-align: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px 0 0;
  gap: 15px;
}
.tgmobile__menu-bottom .social-links ul li {
  position: relative;
  display: inline-block;
}
.tgmobile__menu-bottom .social-links ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 18px;
  color: var(--tg-theme-secondary);
  transition: all 500ms ease;
}
.tgmobile__menu-bottom .social-links ul li a:hover {
  color: var(--tg-theme-primary);
}
.tgmobile__menu-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
  color: var(--tg-color-white-default);
  margin-inline-end: 30px;
  top: 15px;
}
@media (max-width: 991.98px) {
  .tgmobile__menu-outer .mobile-nav-toggler {
    display: block !important;
  }
}

.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .tgmobile__menu {
  transform: translateX(0%);
}
.mobile-menu-visible .tgmobile__menu-backdrop {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-visible .tgmobile__menu .close-btn {
  transform: rotate(360deg);
}

/*=============================
    04. Banner
===============================*/
.banner-bg {
  background-size: cover;
  background-position: center;
  min-height: 870px;
  display: flex;
  align-items: center;
  padding: 200px 0 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .banner-bg {
    min-height: 680px;
  }
}
@media (max-width: 767.98px) {
  .banner-bg {
    min-height: 640px;
    padding: 170px 0 80px;
  }
}
.banner__bg-two {
  min-height: 820px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  padding: 200px 0 100px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1500px) {
  .banner__bg-two {
    min-height: 660px;
  }
}
@media (max-width: 991.98px) {
  .banner__bg-two {
    min-height: 600px;
    padding: 150px 0 100px;
  }
}
@media (max-width: 767.98px) {
  .banner__bg-two {
    min-height: 580px;
    padding: 120px 0 90px;
  }
}
.banner__bg-three {
  background-size: cover;
  background-position: center;
  padding: 185px 0 0;
  min-height: 780px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .banner__bg-three {
    padding: 160px 0 0;
    min-height: 700px;
  }
}
@media (max-width: 991.98px) {
  .banner__bg-three {
    padding: 230px 0 0;
  }
}
@media (max-width: 767.98px) {
  .banner__bg-three {
    padding: 150px 0 0;
  }
}
.banner__bg-four {
  background-size: cover;
  background-position: center;
  padding: 170px 0 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1500px) {
  .banner__bg-four {
    padding: 110px 0 0;
  }
}
@media (max-width: 991.98px) {
  .banner__bg-four {
    padding: 140px 0 0;
  }
}
@media (max-width: 767.98px) {
  .banner__bg-four {
    padding: 110px 0 0;
  }
}
@media (max-width: 991.98px) {
  .banner-content {
    text-align: center;
    margin-bottom: -45px;
  }
}
@media (max-width: 767.98px) {
  .banner-content {
    margin-bottom: 0;
  }
}
.banner-content .sub-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  display: block;
  line-height: 1;
  color: var(--tg-theme-primary);
  margin-bottom: 15px;
}
.banner-content .title {
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1.1;
  text-transform: capitalize;
}
@media (max-width: 1199.98px) {
  .banner-content .title {
    font-size: 48px;
  }
}
@media (max-width: 767.98px) {
  .banner-content .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-content .title {
    font-size: 48px;
  }
}
.banner-content p {
  margin-bottom: 30px;
  color: #383952;
  text-transform: capitalize;
  width: 90%;
}
@media (max-width: 1199.98px) {
  .banner-content p {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .banner__content-two {
    text-align: center;
  }
}
.banner__content-two .title {
  font-size: 60px;
  text-transform: capitalize;
  line-height: 1.1;
  margin-bottom: 15px;
}
@media (max-width: 1199.98px) {
  .banner__content-two .title {
    font-size: 52px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-two .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-two .title {
    font-size: 45px;
  }
}
.banner__content-two .title span {
  color: var(--tg-theme-primary);
}
.banner__content-two p {
  margin-bottom: 30px;
  width: 90%;
}
@media (max-width: 1199.98px) {
  .banner__content-two p {
    width: 100%;
  }
}
.banner__content-three {
  margin-top: 120px;
}
@media (max-width: 991.98px) {
  .banner__content-three {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 0;
  }
}
.banner__content-three .sub-title {
  font-size: 15px;
  color: var(--tg-theme-primary);
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 10px;
}
.banner__content-three .title {
  margin-bottom: 30px;
  font-size: 50px;
  text-transform: capitalize;
}
@media (max-width: 1199.98px) {
  .banner__content-three .title {
    font-size: 46px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-three .title {
    font-size: 42px;
  }
}
.banner__content-four {
  position: relative;
}
@media (max-width: 991.98px) {
  .banner__content-four {
    text-align: center;
    margin-bottom: 50px;
  }
}
.banner__content-four .title {
  font-size: 60px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}
@media (max-width: 1500px) {
  .banner__content-four .title {
    font-size: 56px;
  }
}
@media (max-width: 1199.98px) {
  .banner__content-four .title {
    font-size: 47px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-four .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-four .title {
    font-size: 45px;
  }
}
.banner__content-four .title span {
  position: relative;
  display: inline-block;
}
@media (max-width: 767.98px) {
  .banner__content-four .title span {
    display: inline;
  }
}
.banner__content-four .title span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  height: 8px;
  background: var(--tg-theme-primary);
  z-index: -1;
}
@media (max-width: 767.98px) {
  .banner__content-four .title span::before {
    display: none;
  }
}
.banner__content-four p {
  margin-bottom: 25px;
}
.banner__content-four .shape img {
  position: absolute;
  right: -6%;
  top: -6%;
}
@media (max-width: 1199.98px) {
  .banner__content-four .shape img {
    right: -8%;
    top: -15%;
  }
}
@media (max-width: 991.98px) {
  .banner__content-four .shape img {
    right: -2%;
    top: -14%;
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-four .shape img {
    right: 3%;
    top: auto;
    bottom: 2%;
  }
}
.banner__img img {
  max-width: unset;
}
@media (max-width: 991.98px) {
  .banner__img img {
    max-width: 100%;
  }
}
.banner__img-two {
  position: relative;
}
.banner__img-two > img:nth-child(1) {
  max-width: unset;
  margin-inline-start: 50px;
}
@media (max-width: 1199.98px) {
  .banner__img-two > img:nth-child(1) {
    margin-inline-start: 0;
    max-width: 100%;
  }
}
.banner__img-two > img:nth-child(2) {
  position: absolute;
  border-radius: 10px;
  border: 1px solid #d1d1d1;
  -ms-box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 11px 10px 0px 0px rgba(0, 0, 0, 0.1);
  left: 10%;
  top: 20%;
}
@media (max-width: 1199.98px) {
  .banner__img-two > img:nth-child(2) {
    width: 200px;
    left: 2%;
  }
}
@media (max-width: 767.98px) {
  .banner__img-two > img:nth-child(2) {
    display: none;
  }
}
.banner__img-two .img__shape img {
  position: absolute;
  z-index: -1;
}
.banner__img-two .img__shape img:nth-child(1) {
  left: 37%;
  top: 10%;
  animation-duration: 4s;
}
@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:nth-child(1) {
    left: 18%;
    top: 20%;
  }
}
.banner__img-two .img__shape img:nth-child(2) {
  left: 6%;
  bottom: 13%;
}
@media (max-width: 1199.98px) {
  .banner__img-two .img__shape img:nth-child(2) {
    left: 2%;
  }
}
@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:nth-child(2) {
    width: 100px;
  }
}
.banner__img-two .img__shape img:nth-child(3) {
  left: 34%;
  top: -10%;
  z-index: -2;
}
@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:nth-child(3) {
    display: none;
  }
}
.banner__img-two .img__shape img:nth-child(4) {
  right: -22%;
  top: 27%;
}
@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:nth-child(4) {
    display: none;
  }
}
.banner-shape img {
  position: absolute;
  z-index: -1;
}
.banner-shape img:nth-child(1) {
  left: 35%;
  top: 36%;
  animation: rightToLeft 4s infinite linear;
}
@media (max-width: 1500px) {
  .banner-shape img:nth-child(1) {
    left: 32%;
    top: 31%;
  }
}
@media (max-width: 767.98px) {
  .banner-shape img:nth-child(1) {
    left: 32%;
    top: 20%;
  }
}
.banner-shape img:nth-child(2) {
  left: 6%;
  bottom: -8%;
}
.banner__shape-two img {
  position: absolute;
  z-index: -1;
  left: 5%;
  top: 12%;
  animation: heartbeat 4s infinite alternate;
}
@media (max-width: 1500px) {
  .banner__shape-two img {
    left: 1%;
    top: 4%;
  }
}
.banner-social {
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  gap: 45px;
  position: absolute;
  left: 3%;
  top: 39%;
}
@media (max-width: 1500px) {
  .banner-social {
    left: 0%;
    top: 35%;
  }
}
@media (max-width: 1199.98px) {
  .banner-social {
    display: none;
  }
}
.banner-social .title {
  margin-bottom: 0;
  font-size: 15px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--tg-body-color);
  transform: rotate(180deg);
  position: relative;
}
.banner-social .title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -31px;
  width: 2px;
  height: 20px;
  background: var(--tg-body-color);
}
.banner-social .list-wrap {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 17px;
}
.banner-social .list-wrap li a {
  color: var(--tg-heading-color);
  transform: rotate(-90deg);
  display: block;
}
.banner-social .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.banner-social-two {
  left: auto;
  right: 2%;
  top: 36%;
}
@media (max-width: 1500px) {
  .banner-social-two {
    right: 1%;
  }
}
.banner-social-three {
  top: 37%;
}
.banner-scroll {
  position: absolute;
  right: 4%;
  bottom: 10%;
}
@media (max-width: 1500px) {
  .banner-scroll {
    right: 3%;
    bottom: 7%;
  }
}
@media (max-width: 991.98px) {
  .banner-scroll {
    display: none;
  }
}
.banner-scroll a {
  display: flex;
  align-items: center;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  flex-direction: row-reverse;
  font-size: 15px;
  font-weight: 700;
  color: var(--tg-heading-color);
  font-family: var(--tg-heading-font-family);
  gap: 10px;
}
.banner-scroll a span {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tg-heading-color);
  border-radius: 50%;
  font-size: 14px;
  transform: rotate(-90deg);
  transition: all 0.3s ease-out 0s;
}
.banner-scroll a:hover {
  color: var(--tg-theme-primary);
}
.banner-scroll a:hover span {
  border-color: var(--tg-theme-primary);
}

/*=============================
    05. Slider
===============================*/
.slider__area {
  overflow: hidden;
}
.slider__single {
  position: relative;
  min-height: 670px;
  display: flex;
  align-items: center;
  background-color: var(--tg-color-white-default);
  padding: 100px 0;
}
@media (max-width: 1500px) {
  .slider__single {
    min-height: 570px;
  }
}
@media (max-width: 991.98px) {
  .slider__single {
    min-height: 500px;
  }
}
.slider__single::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #050628;
  opacity: 0.7;
  z-index: -1;
}
.slider__single::after {
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  width: 70%;
  height: 100%;
  opacity: 0.9;
  background: #1d1e34;
  filter: blur(200px);
  z-index: -1;
}
.slider__bg {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  mix-blend-mode: luminosity;
  opacity: 0.7;
}
.slider__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .slider__content {
    text-align: center;
  }
}
.slider__content .sub-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  color: var(--tg-color-white-default);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 1;
  padding: 7px 25px;
  margin-bottom: 15px;
}
@media (max-width: 767.98px) {
  .slider__content .sub-title {
    padding: 7px 15px;
  }
}
.slider__content .title {
  color: var(--tg-color-white-default);
  margin-bottom: 15px;
  font-size: 60px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: -0.3px;
}
@media (max-width: 1199.98px) {
  .slider__content .title {
    font-size: 45px;
  }
}
@media (max-width: 767.98px) {
  .slider__content .title {
    font-size: 42px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content .title {
    font-size: 45px;
  }
}
.slider__content p {
  color: var(--tg-color-white-default);
  margin-bottom: 30px;
  width: 90%;
}
@media (max-width: 1199.98px) {
  .slider__content p {
    width: 100%;
  }
}
.slider__shape img {
  position: absolute;
}
.slider__shape img:nth-child(1) {
  left: 0;
  top: 0;
}
@media (max-width: 991.98px) {
  .slider__shape img:nth-child(1) {
    width: 200px;
  }
}
.slider__shape img:nth-child(2) {
  right: 0;
  bottom: 0;
}

.slider__single.swiper-slide-active .slider__content .sub-title {
  animation-delay: 0.3s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}
.slider__single.swiper-slide-active .slider__content .title {
  animation-delay: 0.6s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}
.slider__single.swiper-slide-active .slider__content p {
  animation-delay: 0.9s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}
.slider__single.swiper-slide-active .slider__content .btn {
  animation-delay: 1.2s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}
.slider__single.swiper-slide-active .slider__shape img:nth-child(1) {
  animation-delay: 1.4s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInLeft2;
}
.slider__single.swiper-slide-active .slider__shape img:nth-child(2) {
  animation-delay: 1.4s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}

/*=============================
    21. Brand
===============================*/
.brand-area {
  padding: 56px 0;
  border-bottom: 1px solid #e6e7f3;
}
.brand__area-two {
  padding: 90px 0;
}
@media (max-width: 767.98px) {
  .brand__area-two {
    padding: 70px 0;
  }
}
.brand__area-four {
  border-top: 1px solid #e6e7f3;
  padding: 76px 0;
}
.brand__area-five {
  background: var(--tg-color-gray-3);
  padding: 90px 0;
}
.brand__area-six {
  background: var(--tg-color-gray-6);
  padding: 77px 0;
}
.brand__area-seven {
  padding: 0 0 120px;
  border-bottom: none;
}
@media (max-width: 767.98px) {
  .brand__area-seven {
    padding: 0 0 100px;
  }
}
.brand__area-eight {
  background: var(--tg-heading-color);
  padding: 55px 0;
}
.brand-item {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-item img {
  cursor: pointer;
}
.brand__content {
  text-align: center;
  margin-bottom: 50px;
}
.brand__content .title {
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 800;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .brand__content .title {
    font-size: 32px;
  }
}
.brand__content .title span {
  display: block;
  font-size: 30px;
  font-weight: 500;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .brand__content .title span {
    font-size: 26px;
  }
}

/*=============================
    06. About
===============================*/
.about-area {
  position: relative;
}
@media (max-width: 767.98px) {
  .about-area {
    padding: 100px 0;
  }
}
.about__bg {
  background-size: cover;
  background-position: center;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .about__bg {
    padding: 100px 0;
  }
}
.about__bg-two {
  background-size: cover;
  background-position: center;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .about__bg-two {
    padding: 100px 0;
  }
}
.about__area-four {
  padding: 120px 0;
}
@media (max-width: 991.98px) {
  .about__area-four {
    padding: 100px 0;
  }
}
.about__area-five {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .about__area-five {
    padding: 100px 0;
  }
}
.about__area-six {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .about__area-six {
    padding: 100px 0;
  }
}
.about__area-seven {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .about__area-seven {
    padding: 100px 0;
  }
}
.about__area-eight {
  position: relative;
  padding: 0 0 120px;
}
@media (max-width: 767.98px) {
  .about__area-eight {
    padding: 0 0 100px;
  }
}
.about-img-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 30px;
}
@media (max-width: 991.98px) {
  .about-img-wrap {
    margin-bottom: 50px;
  }
}
.about-img-wrap .mask-img-wrap {
  -webkit-mask-image: url(../images/mask-img.png);
  mask-image: url(../images/mask-img.png);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  height: 472px;
  width: 417px;
  margin: 0 auto;
}
@media (max-width: 1199.98px) {
  .about-img-wrap .mask-img-wrap {
    height: 414px;
    width: 360px;
  }
}
@media (max-width: 767.98px) {
  .about-img-wrap .mask-img-wrap {
    height: 370px;
    width: 320px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-img-wrap .mask-img-wrap {
    height: 442px;
    width: 385px;
  }
}
.about-img-wrap .mask-img-wrap img {
  max-width: unset;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-img-wrap .shape img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 767.98px) {
  .about-img-wrap .shape img {
    display: none;
  }
}
.about__img-wrap-two {
  text-align: center;
  position: relative;
  padding: 30px 0;
}
@media (max-width: 991.98px) {
  .about__img-wrap-two {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-two {
    padding: 30px 15px 30px 0;
  }
}
.about__img-wrap-two > img {
  border-radius: 10px;
  border-left: 4px solid var(--tg-theme-secondary);
}
.about__img-wrap-two .shape img {
  position: absolute;
  z-index: -1;
  left: 8%;
  bottom: -3%;
}
@media (max-width: 1199.98px) {
  .about__img-wrap-two .shape img {
    left: -2%;
  }
}
.about__img-wrap-two::before {
  content: "";
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 135px;
  height: 100%;
  background: var(--tg-theme-primary);
  border-radius: 10px;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .about__img-wrap-two::before {
    right: 0;
  }
}
.about__img-wrap-three {
  position: relative;
}
@media (max-width: 991.98px) {
  .about__img-wrap-three {
    margin-bottom: 50px;
  }
}
.about__img-wrap-three > img:nth-child(1) {
  border-radius: 10px 185px 10px 10px;
}
@media (max-width: 767.98px) {
  .about__img-wrap-three > img:nth-child(1) {
    border-radius: 10px 80px 10px 10px;
  }
}
.about__img-wrap-three > img:nth-child(2) {
  border-radius: 10px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: -10%;
  bottom: 18%;
}
@media (max-width: 767.98px) {
  .about__img-wrap-three > img:nth-child(2) {
    display: none;
  }
}
.about__img-wrap-three .shape img {
  position: absolute;
  left: -20%;
  bottom: 20%;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .about__img-wrap-three .shape img {
    display: none;
  }
}
.about__img-wrap-four {
  position: relative;
  padding-bottom: 125px;
}
@media (max-width: 991.98px) {
  .about__img-wrap-four {
    margin-bottom: 50px;
  }
}
.about__img-wrap-four > img {
  border-radius: 10px;
}
.about__img-wrap-four > img:nth-child(2) {
  border-radius: 10px;
  border: 10px solid var(--tg-color-white-default);
  position: absolute;
  right: 35px;
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .about__img-wrap-four > img:nth-child(2) {
    right: 0;
    width: 190px;
  }
}
@media (max-width: 991.98px) {
  .about__img-wrap-four > img:nth-child(2) {
    width: 230px;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-four > img:nth-child(2) {
    display: none;
  }
}
.about__img-wrap-four .shape img {
  position: absolute;
  right: 13%;
  z-index: -1;
  top: 31%;
}
@media (max-width: 991.98px) {
  .about__img-wrap-four .shape img {
    right: 6%;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-four .shape img {
    display: none;
  }
}
.about__img-wrap-five {
  position: relative;
  padding-bottom: 75px;
  margin-bottom: 25px;
}
.about__img-wrap-five img {
  border-radius: 10px;
  min-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.about__img-wrap-six {
  position: relative;
  padding-left: 70px;
}
@media (max-width: 1199.98px) {
  .about__img-wrap-six {
    padding-left: 50px;
    padding-right: 40px;
  }
}
@media (max-width: 991.98px) {
  .about__img-wrap-six {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-six {
    padding: 0;
    text-align: center;
  }
}
.about__img-wrap-six img:nth-child(1) {
  border-radius: 15px;
}
.about__img-wrap-six img:nth-child(2) {
  border-radius: 10px;
  -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 6%;
  bottom: 20%;
}
@media (max-width: 1199.98px) {
  .about__img-wrap-six img:nth-child(2) {
    right: 0%;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-six img:nth-child(2) {
    display: none;
  }
}
.about__img-wrap-six .shape img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 0;
  right: 7%;
  bottom: -10%;
}
@media (max-width: 1199.98px) {
  .about__img-wrap-six .shape img {
    right: 0%;
  }
}
.about__img-wrap-seven {
  position: relative;
  text-align: right;
}
@media (max-width: 1199.98px) {
  .about__img-wrap-seven {
    padding-left: 40px;
  }
}
@media (max-width: 991.98px) {
  .about__img-wrap-seven {
    padding-left: 0px;
    margin-bottom: 50px;
  }
}
.about__img-wrap-seven > img {
  margin-inline-start: auto;
  border-radius: 20px;
}
.about__img-wrap-seven .shape img {
  position: absolute;
  right: -5%;
  top: -8%;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .about__img-wrap-seven .shape img {
    right: 0;
  }
}
.about-list .list-wrap {
  display: flex;
  align-items: center;
  margin: 0 -15px;
  gap: 30px 0;
  margin-bottom: 25px;
}
@media (max-width: 1199.98px) {
  .about-list .list-wrap {
    gap: 20px 0;
    flex-wrap: wrap;
  }
}
.about-list .list-wrap li {
  padding: 0 15px;
  width: 50%;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
@media (max-width: 1199.98px) {
  .about-list .list-wrap li {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .about-list .list-wrap li {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .about-list .list-wrap li {
    width: 100%;
  }
}
.about-list .list-wrap li .icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-yellow-light);
  color: var(--tg-theme-primary);
  border-radius: 8px;
  flex: 0 0 auto;
  font-size: 40px;
  line-height: 0;
}
.about-list .list-wrap li .icon i {
  transition: 0.3s linear;
}
.about-list .list-wrap li:hover .icon i {
  transform: rotateY(180deg);
}
.about-list .list-wrap li .content .title {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 600;
}
.about-list .list-wrap li .content p {
  margin-bottom: 0;
}
.about-content > p {
  margin-bottom: 30px;
  width: 93%;
  line-height: 1.62;
}
@media (max-width: 1199.98px) {
  .about-content > p {
    width: 100%;
  }
}
.about__content-two {
  width: 90%;
}
@media (max-width: 1199.98px) {
  .about__content-two {
    width: 100%;
  }
}
.about__content-two > p {
  margin-bottom: 35px;
}
.about__content-three {
  width: 95%;
  position: relative;
}
@media (max-width: 1199.98px) {
  .about__content-three {
    width: 100%;
  }
}
.about__content-three > p {
  margin-bottom: 30px;
  width: 95%;
}
@media (max-width: 1199.98px) {
  .about__content-three > p {
    width: 100%;
  }
}
.about__content-four {
  width: 94%;
}
@media (max-width: 1199.98px) {
  .about__content-four {
    width: 100%;
  }
}
.about__content-four p {
  margin-bottom: 30px;
}
.about__content-five .section-title .title span {
  font-weight: 400;
}
.about__content-five > p {
  margin-bottom: 0;
  gap: 10px;
  line-height: 1.75;
}
.about__content-five > p span {
  font-size: 60px;
  font-weight: 700;
  color: var(--tg-heading-color);
  font-family: var(--tg-heading-font-family);
  line-height: 0.8;
}
.about__content-six > p {
  margin-bottom: 25px;
  width: 85%;
}
@media (max-width: 1199.98px) {
  .about__content-six > p {
    width: 100%;
  }
}
.about__content-seven .section-title .title span {
  position: relative;
}
.about__content-seven .section-title .title span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 0;
  height: 8px;
  background: var(--tg-theme-primary);
  z-index: -1;
  transition: all 0.4s ease-out 0s;
}
.about__content-seven .section-title .title.animated span::before {
  width: 100%;
}
.about__content-seven > p {
  margin-bottom: 30px;
  width: 90%;
}
@media (max-width: 1199.98px) {
  .about__content-seven > p {
    width: 100%;
  }
}
.about__content-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 50px;
}
@media (max-width: 767.98px) {
  .about__content-inner {
    flex-wrap: wrap;
  }
}
.about__content-inner-two {
  margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
  .about__content-inner-two {
    gap: 20px;
  }
}
@media (max-width: 991.98px) {
  .about__content-inner-two {
    justify-content: flex-start;
    gap: 30px;
  }
}
.about__content-inner-three {
  display: flex;
  gap: 35px;
  align-items: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
.about__content-inner-four {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .about__content-inner-four {
    flex-wrap: wrap;
  }
}
.about__content-inner-five {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media (max-width: 1199.98px) {
  .about__content-inner-five {
    flex-wrap: wrap;
  }
}
.about__list-box .list-wrap li {
  display: flex;
  align-items: flex-start;
  font-size: 20px;
  font-weight: 500;
  color: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
  gap: 12px;
  margin-bottom: 10px;
}
.about__list-box .list-wrap li i {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  line-height: 0;
  font-size: 18px;
  transform: translateY(3px);
}
.about__list-box .list-wrap li:last-child {
  margin-bottom: 0;
}
.about__list-box-two {
  border-left: 1px solid #dbe3eb;
  padding-left: 30px;
}
@media (max-width: 1199.98px) {
  .about__list-box-two {
    border: none;
    padding: 0;
  }
}
.about__list-img {
  width: 184px;
  flex: 0 0 auto;
}
.about__list-img img {
  border-radius: 10px;
}
.about__list-img-two {
  width: 248px;
  flex: 0 0 auto;
}
.about__list-img-two img {
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.1);
}
.about__list-img-three {
  position: relative;
}
.about__list-img-three img {
  border-radius: 15px;
}
.about__list-img-three .play-btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  color: var(--tg-color-black-1);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about__list-img-three .play-btn:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.about__list-img-four img {
  -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  border: 0.8px solid #dadada;
  border-radius: 12px;
}
.about-bottom {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 767.98px) {
  .about-bottom {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.about-bottom .author-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-bottom .author-wrap .thumb {
  width: 60px;
  flex: 0 0 auto;
  border: 1px solid #b8b9da;
  border-radius: 50%;
  overflow: hidden;
}
.about-bottom .author-wrap .content img {
  margin-bottom: 5px;
}
.about-bottom .author-wrap .content .title {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}
.about-bottom .author-wrap .content .title span {
  font-size: 16px;
  font-weight: 400;
  color: #6568af;
}
.about-bottom-two {
  border-top: 1px solid var(--tg-border-4);
  padding-top: 30px;
}
@media (max-width: 1199.98px) {
  .about-bottom-two {
    gap: 20px;
  }
}
.about__phone {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about__phone .icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  font-size: 25px;
  color: var(--tg-theme-secondary);
}
.about__phone .content span {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}
.about__phone .content a {
  font-size: 22px;
  font-weight: var(--tg-fw-semi-bold);
  color: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
  line-height: 1;
}
.about__phone .content a:hover {
  color: var(--tg-theme-primary);
}
.about__award-box {
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  bottom: 15px;
  left: 0;
}
@media (max-width: 767.98px) {
  .about__award-box {
    bottom: 0;
  }
}
.about__award-box .icon {
  width: 90px;
  height: 90px;
  align-items: center;
  justify-content: center;
  display: flex;
  background: var(--tg-color-yellow-light);
  border-radius: 15px;
  line-height: 0;
  font-size: 45px;
  color: var(--tg-theme-primary);
}
.about__award-box .content .title {
  margin-bottom: 12px;
  font-size: 50px;
  line-height: 0.8;
  font-weight: 800;
}
.about__award-box .content p {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.4;
}
.about__award-box-two {
  -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  background: var(--tg-color-white-default);
  border: 0.8px solid #b4b4b4;
  padding: 17px 25px;
  border-radius: 12px;
  text-align: left;
  transform: rotate(90deg);
  position: absolute;
  left: -3%;
  bottom: 33%;
}
@media (max-width: 1199.98px) {
  .about__award-box-two {
    left: -17%;
  }
}
@media (max-width: 767.98px) {
  .about__award-box-two {
    display: none;
  }
}
.about__satisfied-box {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about__satisfied-box .icon {
  width: 90px;
  height: 90px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 15px;
  background: var(--tg-color-yellow-light);
  color: var(--tg-theme-primary);
  line-height: 0;
  font-size: 45px;
}
.about__satisfied-box .content .title {
  font-size: 40px;
  align-items: center;
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .about__satisfied-box .content .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .about__satisfied-box .content .title {
    font-size: 32px;
  }
}
.about__satisfied-box .content p {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.4;
}
.about-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.about-shape-wrap img:nth-child(1) {
  right: 10%;
  top: 30%;
}
@media (max-width: 1500px) {
  .about-shape-wrap img:nth-child(1) {
    right: 6%;
    top: 26%;
  }
}
@media (max-width: 1199.98px) {
  .about-shape-wrap img:nth-child(1) {
    right: 10%;
    top: 4%;
  }
}
.about-shape-wrap img:nth-child(2) {
  right: 6%;
  top: 36%;
  z-index: -2;
}
@media (max-width: 1500px) {
  .about-shape-wrap img:nth-child(2) {
    right: 2%;
    top: 34%;
  }
}
@media (max-width: 1199.98px) {
  .about-shape-wrap img:nth-child(2) {
    right: 4%;
    top: 11%;
  }
}
@media (max-width: 767.98px) {
  .about-shape-wrap img:nth-child(2) {
    display: none;
  }
}
.about-left-shape img {
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
}
.about__shape-wrap-two img {
  position: absolute;
  z-index: -1;
}
.about__shape-wrap-two img:nth-child(1) {
  left: 9%;
  top: 20%;
}
@media (max-width: 1500px) {
  .about__shape-wrap-two img:nth-child(1) {
    left: 8%;
    top: 0;
  }
}
@media (max-width: 991.98px) {
  .about__shape-wrap-two img:nth-child(1) {
    left: 15%;
  }
}
.about__shape-wrap-two img:nth-child(2) {
  left: 12%;
  top: 26%;
}
@media (max-width: 1500px) {
  .about__shape-wrap-two img:nth-child(2) {
    left: 2%;
    top: 10%;
  }
}
@media (max-width: 767.98px) {
  .about__shape-wrap-two img:nth-child(2) {
    display: none;
  }
}
.about__shape-wrap-two img:nth-child(3) {
  right: 0%;
  bottom: 0%;
}
.about__shape-wrap-three img {
  position: absolute;
  z-index: -1;
  right: -10%;
  top: -5%;
}
@media (max-width: 1199.98px) {
  .about__shape-wrap-three img {
    right: -3%;
    top: -10%;
  }
}
@media (max-width: 767.98px) {
  .about__shape-wrap-three img {
    top: -6%;
  }
}
.about__shape-wrap-four img {
  position: absolute;
  z-index: -1;
}
.about__shape-wrap-four img:nth-child(1) {
  right: 0;
  bottom: 0;
}
.about__shape-wrap-four img:nth-child(2) {
  right: 10%;
  bottom: 42%;
}
@media (max-width: 1500px) {
  .about__shape-wrap-four img:nth-child(2) {
    right: 6%;
    bottom: 52%;
  }
}
@media (max-width: 1199.98px) {
  .about__shape-wrap-four img:nth-child(2) {
    right: 2%;
    bottom: 32%;
  }
}
@media (max-width: 991.98px) {
  .about__shape-wrap-four img:nth-child(2) {
    right: 8%;
    bottom: 7%;
  }
}

.experience-year {
  position: relative;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-secondary);
  border: 4px solid var(--tg-color-white-default);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.experience-year .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  line-height: 0;
  font-size: 36px;
  border-radius: 50%;
}
.experience-year .content .circle {
  position: absolute;
  margin-bottom: 0;
  font-size: 15px;
  text-transform: uppercase;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--tg-color-white-default);
}
.experience-year .content .circle span {
  position: absolute;
  top: -64px;
  display: inline-block;
  transform-origin: 0 64px;
}

.experience__box-two {
  position: absolute;
  transform: rotate(180deg);
  left: 11px;
  bottom: 9%;
  padding: 60px 25px;
}
@media (max-width: 767.98px) {
  .experience__box-two {
    display: none;
  }
}
.experience__box-three {
  display: flex;
  align-items: center;
}
.experience__box-three .title {
  background: var(--tg-color-yellow-light);
  border: 1px solid #f4e7cc;
  border-radius: 16px;
  margin-bottom: 0;
  padding: 30px 28px;
}
@media (max-width: 1199.98px) {
  .experience__box-three .title {
    padding: 25px 25px;
  }
}
.experience__box-three .title span {
  background: linear-gradient(180deg, #ffce4f 0%, #f79400 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 90px;
  font-weight: 800;
  line-height: 0.8;
  position: relative;
  font-family: var(--tg-heading-font-family);
}
@media (max-width: 1199.98px) {
  .experience__box-three .title span {
    font-size: 60px;
  }
}
@media (max-width: 991.98px) {
  .experience__box-three .title span {
    font-size: 80px;
  }
}
.experience__box-three p {
  margin-bottom: 0;
  color: var(--tg-theme-secondary);
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  margin-inline-start: -15px;
}
@media (max-width: 1199.98px) {
  .experience__box-three p {
    font-size: 14px;
  }
}
.experience__box-three p span {
  display: block;
}
.experience__box-four {
  display: flex;
  background: var(--tg-color-white-default);
  border-radius: 40px;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: -15%;
  bottom: 36%;
  transform: rotate(-90deg);
  padding: 22px 30px;
}
@media (max-width: 1199.98px) {
  .experience__box-four {
    left: -22%;
  }
}
@media (max-width: 767.98px) {
  .experience__box-four {
    display: none;
  }
}
.experience__box-four .title {
  margin-bottom: 0;
  background: linear-gradient(180deg, #ffce4f 0%, #f79400 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 70px;
  font-weight: 900;
  line-height: 0.8;
}
.experience__box-four p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
}
.experience__content {
  display: flex;
  align-items: center;
  gap: 20px;
  writing-mode: vertical-lr;
  position: relative;
}
@media (max-width: 1199.98px) {
  .experience__content {
    left: 42%;
  }
}
.experience__content .title {
  font-size: 50px;
  line-height: 0.8;
  font-weight: 800;
  margin-bottom: 0;
  color: var(--tg-color-white-default);
  position: relative;
}
.experience__content .title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -9px;
  width: 34px;
  height: 2px;
  background: var(--tg-theme-primary);
}
.experience__content p {
  margin-bottom: 0;
  text-align: left;
  color: var(--tg-color-white-default);
}
.experience__shape {
  position: absolute;
  left: 30%;
  top: 0;
  width: 35%;
  height: 100%;
  transform: rotate(180deg);
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .experience__shape {
    left: 63%;
  }
}
.experience__shape svg {
  width: 100%;
  height: 100%;
  color: var(--tg-theme-secondary);
  overflow: visible;
}

/*=============================
	07. Services
===============================*/
.services-bg {
  background-size: cover;
  background-position: center;
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .services-bg {
    padding: 100px 0;
  }
}
.services__bg-three {
  background-size: cover;
  background-position: center;
  padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
  .services__bg-three {
    padding: 100px 0 70px;
  }
}
.services__bg-four {
  background-size: cover;
  background-position: center;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .services__bg-four {
    padding: 100px 0 70px;
  }
}
.services__bg-five {
  background-size: cover;
  background-position: center;
  padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
  .services__bg-five {
    padding: 100px 0 70px;
  }
}
.services__bg-six {
  background-size: cover;
  background-position: center;
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .services__bg-six {
    padding: 100px 0;
  }
}
.services__bg-seven {
  background-size: cover;
  background-position: center;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .services__bg-seven {
    padding: 100px 0 70px;
  }
}
.services__area-two {
  background: var(--tg-heading-color);
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .services__area-two {
    padding: 100px 0 70px;
  }
}
.services-item-wrap .row {
  --bs-gutter-x: 24px;
}
.services-item {
  background: var(--tg-color-white-default);
  border-radius: 10px;
  transition: all 0.3s ease-out 0s;
  margin-bottom: 30px;
}
.services-item:hover {
  box-shadow: 0px 4px 30px 0px #cfdee4;
}
.services-item:hover .services-content .icon {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.services__item-two {
  border: 2px solid #282b7c;
  border-radius: 10px;
  padding: 35px;
  margin-bottom: 30px;
  background: var(--tg-heading-color);
}
.services__item-two:hover .services__icon-two {
  transform: rotateY(180deg);
}
.services__item-three {
  background: var(--tg-color-white-default);
  padding: 40px 40px;
  border-radius: 15px;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .services__item-three {
    padding: 35px 30px;
  }
}
.services__item-three:hover .services__icon-three i {
  transform: rotateY(180deg);
}
.services__item-four {
  background: var(--tg-color-white-default);
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 30px 80px 30px 30px;
  border-radius: 15px;
}
@media (max-width: 1199.98px) {
  .services__item-four {
    padding: 30px 20px 30px 20px;
    gap: 25px;
  }
}
@media (max-width: 991.98px) {
  .services__item-four {
    flex-wrap: wrap;
    padding: 30px 30px;
  }
}
@media (max-width: 767.98px) {
  .services__item-four {
    padding: 30px 25px;
  }
}
.services__item-five {
  -ms-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9e9f0;
  background: var(--tg-color-white-default);
  border-radius: 15px;
  padding: 60px 30px 45px;
  text-align: center;
  margin-bottom: 30px;
  transition: all 0.3s ease-out 0s;
}
.services__item-five:hover {
  transform: translateY(-5px);
}
.services__item-top {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 22px;
}
.services__item-top .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .services__item-top .title {
    font-size: 20px;
  }
}
.services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-five {
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-five {
    margin-top: 0;
  }
}
.services-thumb {
  border-radius: 10px 10px 0 100px;
  overflow: hidden;
  position: relative;
}
.services-thumb img {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.services__thumb-four {
  width: 337px;
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .services__thumb-four {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  .services__thumb-four {
    width: 100%;
  }
}
.services__thumb-four img {
  border-radius: 12px;
  height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .services__thumb-four img {
    height: 340px;
  }
}
.services__icon-two {
  font-size: 60px;
  line-height: 0;
  color: var(--tg-theme-primary);
  display: inline-block;
  transition: all 0.4s ease-out 0s;
  margin-bottom: 20px;
}
.services__icon-three {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tg-color-gray-3);
  border: 1px solid var(--tg-color-gray-2);
  flex: 0 0 auto;
  line-height: 0;
  font-size: 42px;
  color: var(--tg-theme-secondary);
  position: relative;
}
.services__icon-three i {
  transition: all 0.4s ease-out 0s;
  transform: rotateY(0deg);
}
.services__icon-three::before {
  content: "";
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 40px;
  background: #dce7ec;
  border-radius: 3px;
}
.services__icon-five {
  position: relative;
  z-index: 1;
  color: var(--tg-theme-primary);
  font-size: 45px;
  line-height: 0;
  display: inline-block;
  margin-bottom: 50px;
}
.services__icon-shape .shape {
  position: absolute;
  z-index: -1;
}
.services__icon-shape .shape:nth-child(1) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.services__icon-shape .shape:nth-child(1) svg {
  color: var(--tg-color-yellow-light);
}
.services__icon-shape .shape:nth-child(2) {
  left: -2px;
  bottom: -13px;
}
.services__icon-shape .shape:nth-child(2) svg {
  color: var(--tg-theme-primary);
}
.services__icon-shape .shape:nth-child(3) {
  left: 50px;
  top: -18px;
}
.services__icon-shape .shape:nth-child(3) svg {
  color: var(--tg-theme-primary);
}
.services-content {
  padding: 30px 30px 30px;
  position: relative;
}
.services-content .icon {
  width: 70px;
  height: 70px;
  background: var(--tg-color-gray-3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  line-height: 0;
  color: var(--tg-theme-secondary);
  border: 3px solid var(--tg-color-white-default);
  border-radius: 50%;
  position: absolute;
  left: 30px;
  top: -55px;
  z-index: 2;
  transition: all 0.4s ease-out 0s;
}
.services-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.services-content .title a:hover {
  color: var(--tg-theme-primary);
}
.services-content p {
  margin-bottom: 22px;
}
.services-content .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 20px;
}
.services-content .btn:hover {
  color: var(--tg-color-white-default);
}
.services__content-two .title {
  color: var(--tg-color-white-default);
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
}
.services__content-two p {
  margin-bottom: 25px;
  color: var(--tg-color-gray-2);
}
.services__content-two .btn {
  background: #2e328b;
  color: #9597c8;
  padding: 16px 20px;
}
.services__content-two .btn::before {
  background: var(--tg-color-white-default);
}
.services__content-two .btn::after {
  color: var(--tg-color-white-default);
}
.services__content-two .btn:hover {
  color: var(--tg-theme-secondary);
}
.services__content-two .btn:hover::after {
  color: var(--tg-theme-secondary);
}
.services__content-three p {
  margin-bottom: 25px;
}
.services__content-three .btn {
  background: var(--tg-color-yellow-light);
  color: var(--tg-theme-primary);
}
.services__content-three .btn:hover {
  color: var(--tg-color-white-default);
}
.services__content-four .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .services__content-four .title {
    font-size: 26px;
  }
}
.services__content-four p {
  margin-bottom: 20px;
}
.services__content-four .about__list-box {
  margin-bottom: 20px;
}
.services__content-four .about__list-box li i {
  font-size: 15px;
}
.services__content-four .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
}
.services__content-four .btn:hover {
  color: var(--tg-color-white-default);
}
.services__content-five .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.services__content-five p {
  margin-bottom: 25px;
}
.services__content-five .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 24px;
}
.services__content-five .btn:hover {
  color: var(--tg-color-white-default);
}
.services-bottom-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .services-bottom-content {
    flex-wrap: wrap;
    text-align: center;
  }
}
.services-bottom-content p {
  margin-bottom: 0;
}
.services__tab-wrap {
  display: flex;
  gap: 30px;
}
@media (max-width: 767.98px) {
  .services__tab-wrap {
    flex-wrap: wrap;
  }
}
.services__tab-wrap .nav-tabs {
  border-bottom: none;
  margin-bottom: 0;
  flex-direction: column;
  width: 330px;
}
@media (max-width: 1199.98px) {
  .services__tab-wrap .nav-tabs {
    width: 270px;
  }
}
@media (max-width: 767.98px) {
  .services__tab-wrap .nav-tabs {
    width: auto;
    justify-content: center;
    flex-direction: row;
  }
}
.services__tab-wrap .nav-item {
  margin-bottom: 5px;
}
.services__tab-wrap .nav-item:last-child {
  margin-bottom: 0;
}
.services__tab-wrap .nav-link {
  border: none;
  background: linear-gradient(90deg, #3b3d9a 13.19%, rgba(44, 46, 143, 0.54) 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin: 0;
  gap: 11px;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-white-default);
  padding: 15px 55px 15px 25px;
  position: relative;
  width: 330px;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 1199.98px) {
  .services__tab-wrap .nav-link {
    width: 270px;
    font-size: 18px;
    padding: 15px 45px 15px 20px;
  }
}
.services__tab-wrap .nav-link i {
  font-size: 40px;
  line-height: 0;
  color: var(--tg-theme-primary);
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 1199.98px) {
  .services__tab-wrap .nav-link i {
    font-size: 35px;
  }
}
.services__tab-wrap .nav-link::after {
  content: "\f10a";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-family: flaticon;
  font-weight: 500;
  font-size: 24px;
  line-height: 0;
}
.services__tab-wrap .nav-link.active {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.services__tab-wrap .nav-link.active i {
  color: var(--tg-color-white-default);
}
.services__shape-wrap img {
  position: absolute;
  z-index: -1;
}
.services__shape-wrap img:nth-child(1) {
  left: 0;
  bottom: 0;
}
@media (max-width: 991.98px) {
  .services__shape-wrap img:nth-child(1) {
    width: 200px;
  }
}
.services__shape-wrap img:nth-child(2) {
  right: 0;
  top: 0;
}
@media (max-width: 991.98px) {
  .services__shape-wrap img:nth-child(2) {
    width: 200px;
  }
}
.services__shape-wrap-two img {
  position: absolute;
  z-index: -1;
}
.services__shape-wrap-two img:nth-child(1) {
  left: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .services__shape-wrap-two img:nth-child(1) {
    width: 200px;
  }
}
.services__shape-wrap-two img:nth-child(2) {
  right: 0;
  bottom: 0;
}
@media (max-width: 767.98px) {
  .services__shape-wrap-two img:nth-child(2) {
    width: 200px;
  }
}
.services__details-area {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .services__details-area {
    padding: 100px 0;
  }
}
.services__details-wrap .row .col-70 {
  width: 70.4%;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .services__details-wrap .row .col-70 {
    width: 100%;
  }
}
.services__details-wrap .row .col-30 {
  width: 29.6%;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .services__details-wrap .row .col-30 {
    width: 100%;
  }
}
.services__details-thumb {
  margin-bottom: 35px;
}
@media (max-width: 767.98px) {
  .services__details-thumb {
    margin-bottom: 25px;
  }
}
.services__details-thumb img {
  border-radius: 10px;
  width: 100%;
  min-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.services__details-thumb-two {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .services__details-thumb-two {
    margin-bottom: 30px;
  }
}
.services__details-content > .title {
  margin-bottom: 22px;
  font-size: 40px;
  font-weight: 600;
  text-transform: capitalize;
}
@media (max-width: 1199.98px) {
  .services__details-content > .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .services__details-content > .title {
    font-size: 32px;
  }
}
.services__details-content > p {
  margin-bottom: 20px;
}
.services__details-content > p.last-info {
  margin-bottom: 0;
}
.services__details-content .title-two {
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .services__details-content .title-two {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .services__details-content .title-two {
    font-size: 28px;
  }
}
.services__details-content-two > .title {
  font-size: 36px;
}
@media (max-width: 1199.98px) {
  .services__details-content-two > .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .services__details-content-two > .title {
    font-size: 30px;
  }
}
.services__details-top {
  margin-bottom: 30px;
}
.services__details-top .row .col-49 {
  width: 48.9%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .services__details-top .row .col-49 {
    width: 100%;
  }
}
.services__details-top .row .col-51 {
  width: 51.1%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .services__details-top .row .col-51 {
    width: 100%;
  }
}
.services__details-top-content .title {
  margin-bottom: 15px;
  font-size: 40px;
}
@media (max-width: 1199.98px) {
  .services__details-top-content .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .services__details-top-content .title {
    font-size: 32px;
  }
}
.services__details-top-content p {
  margin-bottom: 15px;
}
.services__details-list {
  margin: 35px 0 10px;
}
.services__details-list-two {
  margin: 25px 0 10px;
}
.services__details-list-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  -ms-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e7e8;
  border-radius: 10px;
  padding: 30px 30px;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .services__details-list-box {
    gap: 15px;
    padding: 30px 25px;
    flex-wrap: wrap;
  }
}
.services__details-list-box .icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  flex: 0 0 auto;
  border-radius: 8px;
  color: var(--tg-color-white-default);
  font-size: 50px;
  line-height: 0;
}
.services__details-list-box .icon i {
  transform: rotateY(0);
  transition: all 0.4s ease-out 0s;
}
.services__details-list-box .content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.services__details-list-box .content p {
  margin-bottom: 0;
}
.services__details-list-box:hover .icon i {
  transform: rotateY(180deg);
}
.services__details-list-box-two {
  -ms-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  background: #fffbf4;
  border: 1px solid #fbd58a;
  border-radius: 10px;
  padding: 30px 30px 30px;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .services__details-list-box-two {
    padding: 30px 18px 30px;
  }
}
@media (max-width: 767.98px) {
  .services__details-list-box-two {
    padding: 30px 30px 30px;
  }
}
.services__details-list-box-two .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  line-height: 0;
  border-radius: 50%;
  margin: 0 auto 30px;
  font-size: 40px;
}
.services__details-list-box-two .icon i {
  transform: rotateY(0);
  transition: all 0.4s ease-out 0s;
}
.services__details-list-box-two .content .title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .services__details-list-box-two .content .title {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .services__details-list-box-two .content .title {
    font-size: 22px;
  }
}
.services__details-list-box-two .content p {
  margin-bottom: 0;
}
.services__details-list-box-two:hover .icon i {
  transform: rotateY(180deg);
}
.services__details-list-box-three {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1199.98px) {
  .services__details-list-box-three {
    gap: 14px;
    margin-bottom: 30px;
  }
}
.services__details-list-box-three .icon {
  font-size: 60px;
  line-height: 0;
  color: var(--tg-theme-primary);
  transition: all 0.3s ease-out 0s;
  transform: rotateY(0) translateY(3px);
}
.services__details-list-box-three .content .title {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
}
.services__details-list-box-three .content p {
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .services__details-list-box-three .content p br {
    display: none;
  }
}
.services__details-list-box-three:last-child {
  margin-bottom: 0;
}
.services__details-list-box-three:hover .icon {
  transform: rotateY(180deg) translateY(3px);
}
.services__details-inner {
  margin: 35px 0 30px;
}
.services__details-inner .row .col-44 {
  width: 43.9%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .services__details-inner .row .col-44 {
    width: 100%;
  }
}
.services__details-inner .row .col-56 {
  width: 56.1%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .services__details-inner .row .col-56 {
    width: 100%;
  }
}
.services__details-inner-two {
  margin: 80px 0 45px;
}
@media (max-width: 1199.98px) {
  .services__details-inner-two {
    margin: 50px 0 40px;
  }
}
.services__details-inner-two .row .col-48 {
  width: 48.5%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .services__details-inner-two .row .col-48 {
    width: 100%;
  }
}
.services__details-inner-two .row .col-52 {
  width: 51.5%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .services__details-inner-two .row .col-52 {
    width: 100%;
  }
}
.services__details-inner-three {
  margin-bottom: 40px;
}
.services__details-inner-four {
  margin: 40px 0 35px;
}
.services__details-inner-four .services__details-inner-content-two p {
  margin-bottom: 25px;
}
.services__details-inner-five {
  margin: 0 0 55px;
}
.services__details-inner-five .services__details-inner-content-three {
  margin: 0 30px 0 0;
}
@media (max-width: 1199.98px) {
  .services__details-inner-five .services__details-inner-content-three {
    margin: 0 0 0 0;
  }
}
@media (max-width: 991.98px) {
  .services__details-inner-five .services__details-inner-content-three {
    margin: 0 0 30px 0;
  }
}
.services__details-inner-five .services__details-list-box {
  padding: 25px 25px;
  margin-bottom: 20px;
}
.services__details-inner-five .services__details-list-box:last-child {
  margin-bottom: 0;
}
.services__details-inner-six {
  margin: 30px 0 40px;
}
.services__details-inner-six .services__details-inner-content-three {
  margin: 0 60px 0 0;
}
@media (max-width: 1199.98px) {
  .services__details-inner-six .services__details-inner-content-three {
    margin: 0 0 0 0;
  }
}
@media (max-width: 991.98px) {
  .services__details-inner-six .services__details-inner-content-three {
    margin: 0 0 30px 0;
  }
}
.services__details-inner-img {
  position: relative;
}
@media (max-width: 767.98px) {
  .services__details-inner-img {
    margin-bottom: 30px;
  }
}
.services__details-inner-img img {
  border-radius: 10px;
  min-height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.services__details-inner-img .play-btn {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--tg-color-white-default);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  font-size: 18px;
}
.services__details-inner-img .play-btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.services__details-inner-img-wrap {
  margin: 30px 0 0;
}
.services__details-inner-img-wrap img {
  border-radius: 10px;
  margin-bottom: 30px;
  width: 100%;
}
.services__details-inner-content .title {
  margin-bottom: 15px;
  font-size: 24px;
  text-transform: capitalize;
}
@media (max-width: 1199.98px) {
  .services__details-inner-content .title br {
    display: none;
  }
}
.services__details-inner-content p {
  margin-bottom: 20px;
}
.services__details-inner-content-two .title {
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .services__details-inner-content-two .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .services__details-inner-content-two .title {
    font-size: 28px;
  }
}
.services__details-inner-content-two p {
  margin-bottom: 0;
  width: 90%;
}
@media (max-width: 1199.98px) {
  .services__details-inner-content-two p {
    width: 100%;
  }
}
.services__details-inner-content-three {
  margin-inline-start: 30px;
}
@media (max-width: 1199.98px) {
  .services__details-inner-content-three {
    margin-inline-start: 0;
  }
}
@media (max-width: 767.98px) {
  .services__details-inner-content-three {
    margin-top: 30px;
  }
}
.services__details-inner-content-three .title {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .services__details-inner-content-three .title {
    font-size: 28px;
  }
}
.services__details-inner-content-three p {
  margin-bottom: 0;
}
.services__details-inner-graph img {
  -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  border: 0.8px solid #dadada;
  border-radius: 12px;
}
.services__sidebar {
  margin-inline-end: 20px;
}
@media (max-width: 1199.98px) {
  .services__sidebar {
    margin-inline-end: 0;
  }
}
@media (max-width: 991.98px) {
  .services__sidebar {
    margin-top: 100px;
  }
}

.sidebar__widget-two {
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.sidebar__widget-three {
  border: none !important;
  background: var(--tg-color-gray-3);
}
.sidebar__cat-list-two .list-wrap li {
  margin-bottom: 10px;
}
.sidebar__cat-list-two .list-wrap li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--tg-color-gray-3);
  border: 1px solid #e0eef3;
  border-radius: 4px;
  padding: 16px 20px;
  font-size: 18px;
  font-weight: 500;
  color: var(--tg-body-color);
}
.sidebar__cat-list-two .list-wrap li a i {
  font-size: 24px;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
}
.sidebar__cat-list-two .list-wrap li a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
  border-color: var(--tg-theme-secondary);
}
.sidebar__cat-list-two .list-wrap li a:hover i {
  color: var(--tg-theme-primary);
}
.sidebar__cat-list-two .list-wrap li:last-child {
  margin-bottom: 0;
}
.sidebar__cat-list-three .list-wrap li a {
  background: var(--tg-color-white-default);
}
.sidebar__brochure p {
  margin-bottom: 15px;
}
.sidebar__brochure a {
  display: flex;
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tg-heading-color);
  gap: 12px;
  margin-bottom: 10px;
}
.sidebar__brochure a i {
  font-size: 18px;
}
.sidebar__brochure a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.sidebar__brochure a:last-child {
  margin-bottom: 0;
}
.sidebar__brochure-two a {
  background: var(--tg-color-white-default);
}
.sidebar__contact {
  background: var(--tg-theme-secondary);
  border-radius: 10px;
  padding: 50px 40px 55px;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .sidebar__contact {
    padding: 40px 20px 40px;
  }
}
@media (max-width: 767.98px) {
  .sidebar__contact {
    padding: 40px 30px 40px;
  }
}
.sidebar__contact .title {
  color: var(--tg-color-white-default);
  margin-bottom: 30px;
  font-size: 24px;
}
.sidebar__contact .btn {
  gap: 5px;
  padding: 13px 24px;
}
.sidebar__contact .btn i {
  font-size: 24px;
  line-height: 0;
}
.sidebar__contact .btn::after {
  display: none;
}
.sidebar__contact .btn::before {
  background: var(--tg-color-gray-3);
}
.sidebar__contact .btn:hover {
  color: var(--tg-theme-secondary);
}
.sidebar__contact-two {
  background-size: cover;
  background-position: center;
  padding: 30px 40px 180px;
}
@media (max-width: 1199.98px) {
  .sidebar__contact-two {
    padding: 30px 20px 180px;
  }
}
@media (max-width: 991.98px) {
  .sidebar__contact-two {
    padding: 30px 20px 70px;
  }
}
.sidebar__contact-two .title {
  color: var(--tg-theme-secondary);
}
.sidebar__contact-two .btn {
  border-radius: 30px;
}
.sidebar__contact-two .btn::before {
  background: var(--tg-theme-secondary);
}
.sidebar__contact-two .btn:hover {
  color: var(--tg-color-white-default);
}
.sidebar__form form .form-grp {
  margin-bottom: 8px;
}
.sidebar__form form .form-grp textarea, .sidebar__form form .form-grp input {
  width: 100%;
  border: 1px solid #e0e6f2;
  background: var(--tg-color-white-default);
  border-radius: 5px;
  padding: 14px 15px;
  font-size: 14px;
  color: var(--tg-body-color);
  font-weight: 500;
  height: 50px;
  display: block;
}
.sidebar__form form .form-grp textarea::-moz-placeholder, .sidebar__form form .form-grp input::-moz-placeholder {
  font-size: 14px;
  color: #667594;
  font-weight: 500;
  text-transform: capitalize;
}
.sidebar__form form .form-grp textarea::placeholder, .sidebar__form form .form-grp input::placeholder {
  font-size: 14px;
  color: #667594;
  font-weight: 500;
  text-transform: capitalize;
}
.sidebar__form form .form-grp textarea {
  min-height: 120px;
  max-height: 120px;
}
.sidebar__form form .btn {
  width: 100%;
  justify-content: center;
}
.sidebar__form form .btn::after {
  display: none;
}

.shine-animate {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.shine-animate::before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}
.shine-animate-item:hover .shine-animate::before {
  animation: hoverShine 1.2s;
}

.section-more-btn {
  text-align: right;
}
@media (max-width: 991.98px) {
  .section-more-btn {
    text-align: left;
    margin-bottom: 50px;
  }
}
.section-more-btn .border-btn {
  border-color: var(--tg-color-white-default);
  color: var(--tg-color-white-default);
}
.section-more-btn .border-btn:hover {
  color: var(--tg-theme-secondary);
  background: var(--tg-color-white-default);
  border-color: var(--tg-color-white-default);
}

.about__list-box-three .list-wrap {
  display: flex;
  align-items: center;
  margin: 0 -5px;
  flex-wrap: wrap;
  gap: 10px 0;
}
.about__list-box-three .list-wrap li {
  width: 50%;
  flex: 0 0 auto;
  padding: 0 5px;
  margin: 0;
}
@media (max-width: 767.98px) {
  .about__list-box-three .list-wrap li {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__list-box-three .list-wrap li {
    width: 50%;
  }
}

/*=============================
    08. Choose
===============================*/
.choose-area {
  background: #171a7c;
  padding: 120px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .choose-area {
    padding: 100px 0;
  }
}
.choose__area-two {
  position: relative;
  overflow: hidden;
  margin: 120px 0 0;
  padding: 85px 0 0;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .choose__area-two {
    padding: 0;
    margin: 0;
  }
}
.choose__area-three {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .choose__area-three {
    padding: 100px 0;
  }
}
.choose__area-four {
  background: #171a7c;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .choose__area-four {
    padding: 100px 0;
  }
}
.choose__area-five {
  padding: 0 0 120px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .choose__area-five {
    padding: 0 0 100px;
  }
}
.choose__bg {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 46%;
  height: 90%;
  z-index: -2;
}
@media (max-width: 1199.98px) {
  .choose__bg {
    width: 55%;
  }
}
.choose-content > p {
  margin-bottom: 30px;
  color: var(--tg-color-gray-3);
  width: 85%;
}
@media (max-width: 1199.98px) {
  .choose-content > p {
    width: 100%;
  }
}
.choose__content-two {
  position: relative;
  padding: 100px 100px 120px 80px;
}
@media (max-width: 1199.98px) {
  .choose__content-two {
    padding: 80px 0 120px 40px;
  }
}
@media (max-width: 767.98px) {
  .choose__content-two {
    padding: 100px 0 100px 0;
  }
}
.choose__content-two::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 0;
  width: 200%;
  height: 100%;
  background: var(--tg-color-gray-3);
  z-index: -2;
}
@media (max-width: 1199.98px) {
  .choose__content-two::before {
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__content-two::before {
    left: -50%;
  }
}
.choose__content-two > p {
  margin-bottom: 35px;
}
.choose__content-three > p {
  margin-bottom: 30px;
}
.choose__content-four {
  width: 90%;
}
@media (max-width: 1199.98px) {
  .choose__content-four {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .choose__content-four {
    margin-bottom: 50px;
  }
}
.choose__content-four > p {
  margin-bottom: 0;
  color: var(--tg-color-gray-3);
}
.choose__content-five {
  position: relative;
  padding-right: 50px;
}
@media (max-width: 1199.98px) {
  .choose__content-five {
    padding-right: 0;
  }
}
.choose__content-five > p {
  margin-bottom: 35px;
}
.choose__content-five .shape img {
  position: absolute;
  z-index: -1;
  right: -20px;
  top: 0;
}
.choose-list .list-wrap li {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 35px;
}
.choose-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.choose-list .list-wrap li .icon {
  font-size: 60px;
  line-height: 0;
  color: var(--tg-theme-primary);
  transition: all 0.3s ease-out 0s;
}
.choose-list .list-wrap li .content .title {
  color: var(--tg-color-white-default);
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 22px;
}
.choose-list .list-wrap li .content p {
  color: var(--tg-color-gray-3);
  margin-bottom: 0;
  width: 65%;
}
@media (max-width: 767.98px) {
  .choose-list .list-wrap li .content p {
    width: 100%;
  }
}
.choose-list .list-wrap li:hover .icon {
  transform: rotateY(180deg);
}
.choose__list .list-wrap li {
  margin-bottom: 30px;
}
.choose__list .list-wrap li:last-child {
  margin-bottom: 0;
}
.choose__list-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.choose__list-box:hover .choose__list-icon i {
  transform: rotateY(180deg);
}
.choose__list-box-two {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1199.98px) {
  .choose__list-box-two {
    flex-wrap: wrap;
  }
}
@media (max-width: 991.98px) {
  .choose__list-box-two {
    flex-wrap: nowrap;
  }
}
.choose__list-box-two:hover .choose__list-icon-two {
  transform: translateY(5px) rotateY(180deg);
}
.choose__list-icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-yellow-light);
  border-radius: 10px;
  font-size: 50px;
  color: var(--tg-theme-primary);
  flex: 0 0 auto;
  line-height: 0;
}
.choose__list-icon-two {
  font-size: 60px;
  line-height: 0;
  color: var(--tg-theme-primary);
  transform: translateY(5px) rotateY(0deg);
  transition: all 0.4s ease-out 0s;
}
.choose__list-icon i {
  transform: rotateY(0deg);
  transition: all 0.4s ease-out 0s;
}
.choose__list-content .title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
}
.choose__list-content p {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .choose__list-content p br {
    display: none;
  }
}
.choose__list-content-two .title {
  color: var(--tg-color-white-default);
  margin-bottom: 5px;
  font-size: 22px;
}
.choose__list-content-two p {
  margin-bottom: 0;
  color: var(--tg-color-gray-3);
}
.choose__list-two .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -10px;
  gap: 40px 0;
}
.choose__list-two .list-wrap li {
  width: 50%;
  padding: 0 10px;
}
@media (max-width: 767.98px) {
  .choose__list-two .list-wrap li {
    width: 100%;
  }
}
.choose-img-wrap {
  position: relative;
  padding-bottom: 45px;
}
@media (max-width: 991.98px) {
  .choose-img-wrap {
    text-align: center;
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .choose-img-wrap {
    margin: 0;
  }
}
.choose-img-wrap img:nth-child(1) {
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  .choose-img-wrap img:nth-child(1) {
    width: 100%;
  }
}
.choose-img-wrap img:nth-child(2) {
  border-radius: 10px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: -16%;
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .choose-img-wrap img:nth-child(2) {
    left: -9%;
  }
}
@media (max-width: 991.98px) {
  .choose-img-wrap img:nth-child(2) {
    left: -2%;
  }
}
@media (max-width: 767.98px) {
  .choose-img-wrap img:nth-child(2) {
    display: none;
  }
}
.choose-img-wrap img:nth-child(3) {
  position: absolute;
  left: 10%;
  bottom: -45px;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .choose-img-wrap img:nth-child(3) {
    left: 30%;
  }
}
@media (max-width: 767.98px) {
  .choose-img-wrap img:nth-child(3) {
    left: 8%;
    bottom: -25px;
  }
}
.choose__img-wrap-three {
  position: relative;
  text-align: right;
}
@media (max-width: 991.98px) {
  .choose__img-wrap-three {
    margin-bottom: 50px;
  }
}
.choose__img-wrap-three .main-img {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  border: 18px solid var(--tg-color-white-default);
  -ms-box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 56px 80px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1199.98px) {
  .choose__img-wrap-three .main-img {
    width: 400px;
    border-width: 10px;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-three .main-img {
    width: 100%;
    border-width: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose__img-wrap-three .main-img {
    width: 500px;
    margin: 0 auto;
  }
}
.choose__img-wrap-three .main-img img {
  width: 100%;
}
.choose__img-wrap-three .main-img .play-btn {
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--tg-theme-secondary);
  display: flex;
  border-radius: 50%;
  color: var(--tg-color-white-default);
  font-size: 25px;
}
.choose__img-wrap-three .main-img .play-btn:hover {
  background: var(--tg-theme-primary);
}
.choose__img-wrap-three > img {
  border-radius: 15px;
  -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dadada;
  position: absolute;
  left: 9%;
  top: 30%;
}
@media (max-width: 1199.98px) {
  .choose__img-wrap-three > img {
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-three > img {
    display: none;
  }
}
.choose__img-wrap-three .shape img {
  position: absolute;
  left: 3%;
  bottom: 18%;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .choose__img-wrap-three .shape img {
    display: none;
  }
}
.choose__img-wrap-five {
  position: relative;
  padding-bottom: 55px;
}
@media (max-width: 991.98px) {
  .choose__img-wrap-five {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-five {
    text-align: center;
  }
}
.choose__img-wrap-five img:nth-child(1) {
  border-radius: 10px;
}
.choose__img-wrap-five img:nth-child(2) {
  border-radius: 20px;
  border: 6px solid var(--tg-color-white-default);
  position: absolute;
  right: 10%;
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .choose__img-wrap-five img:nth-child(2) {
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-five img:nth-child(2) {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose__img-wrap-five img:nth-child(2) {
    display: block;
  }
}
.choose__img-wrap-five img:nth-child(3) {
  border-radius: 10px;
  -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 17%;
  bottom: 8%;
}
.choose__img-wrap-five img:nth-child(4) {
  position: absolute;
  left: 13%;
  bottom: -4%;
  z-index: -1;
}
.choose__tab .nav-tabs {
  border-bottom: 1px solid #cee2ea;
  gap: 30px;
  margin-bottom: 30px;
}
.choose__tab .nav-tabs .nav-item .nav-link {
  padding: 0 0 13px;
  background: transparent;
  color: #9597c8;
  border: none;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  font-family: var(--tg-heading-font-family);
  text-transform: capitalize;
  position: relative;
}
@media (max-width: 767.98px) {
  .choose__tab .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
}
.choose__tab .nav-tabs .nav-item .nav-link::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  width: 50%;
  height: 3px;
  background: var(--tg-theme-primary);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.choose__tab .nav-tabs .nav-item .nav-link.active {
  color: var(--tg-heading-color);
}
.choose__tab .nav-tabs .nav-item .nav-link.active::before {
  opacity: 1;
}
.choose__tab-content p {
  margin-bottom: 30px;
}
.choose__tab-content .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 0;
}
.choose__tab-content .list-wrap li {
  display: flex;
  align-items: flex-start;
  font-weight: 600;
  text-transform: capitalize;
  gap: 10px;
  width: 50%;
}
@media (max-width: 767.98px) {
  .choose__tab-content .list-wrap li {
    width: 100%;
  }
}
.choose__tab-content .list-wrap li i {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-heading-color);
  border-radius: 50%;
  color: var(--tg-color-white-default);
  flex: 0 0 auto;
  font-size: 14px;
}
.choose__box {
  position: relative;
}
@media (max-width: 767.98px) {
  .choose__box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose__box {
    margin-bottom: 0;
  }
}
.choose__box .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-yellow-light);
  border-radius: 10px;
  font-size: 40px;
  color: var(--tg-theme-primary);
  line-height: 0;
  margin-bottom: 15px;
}
.choose__box .icon i {
  transform: rotate(0);
  transition: all 0.4s ease-out 0s;
}
.choose__box .content .title {
  font-size: 22px;
  margin-bottom: 12px;
}
.choose__box .content p {
  margin-bottom: 0;
}
.choose__box::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background: var(--tg-border-4);
}
@media (max-width: 1199.98px) {
  .choose__box::before {
    right: -15px;
  }
}
@media (max-width: 991.98px) {
  .choose__box::before {
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__box::before {
    display: none;
  }
}
.choose__box:hover .icon i {
  transform: rotateY(180deg);
}
.choose__box-wrap .row [class*=col-]:last-child .choose__box {
  margin-bottom: 0;
}
.choose__box-wrap .row [class*=col-]:last-child .choose__box::before {
  display: none;
}
.choose-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.choose-shape-wrap img:nth-child(1) {
  left: 0;
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .choose-shape-wrap img:nth-child(1) {
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .choose-shape-wrap img:nth-child(1) {
    width: 230px;
  }
}
.choose-shape-wrap img:nth-child(2) {
  right: 0;
  top: 0;
}
@media (max-width: 1199.98px) {
  .choose-shape-wrap img:nth-child(2) {
    width: 400px;
  }
}
.choose__shape-wrap-two img {
  position: absolute;
  z-index: -1;
}
.choose__shape-wrap-two img:nth-child(1) {
  right: 13%;
  bottom: 30%;
}
@media (max-width: 991.98px) {
  .choose__shape-wrap-two img:nth-child(1) {
    display: none;
  }
}
.choose__shape-wrap-two img:nth-child(2) {
  right: 0;
  bottom: 0;
  z-index: -2;
}
.choose__shape-wrap-three img {
  position: absolute;
  z-index: -1;
}
.choose__shape-wrap-three img:nth-child(1) {
  right: 14%;
  top: 25%;
}
@media (max-width: 767.98px) {
  .choose__shape-wrap-three img:nth-child(1) {
    right: 26%;
    top: 13%;
  }
}
.choose__shape-wrap-three img:nth-child(2) {
  right: 0;
  top: 16%;
  z-index: -2;
}
@media (max-width: 1199.98px) {
  .choose__shape-wrap-three img:nth-child(2) {
    display: none;
  }
}
.choose__shape-wrap-four img {
  position: absolute;
  z-index: -1;
}
.choose__shape-wrap-four img:nth-child(1) {
  left: 0;
  bottom: 0;
}
.choose__shape-wrap-four img:nth-child(2) {
  right: 0;
  top: 0;
}

.operating__box {
  display: flex;
  align-items: center;
  background: var(--tg-theme-secondary);
  width: 370px;
  padding: 35px 35px;
  gap: 14px;
  position: absolute;
  left: -394px;
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .operating__box {
    left: -330px;
    width: 330px;
    padding: 35px 18px;
  }
}
@media (max-width: 991.98px) {
  .operating__box {
    display: none;
  }
}
.operating__box .icon {
  font-size: 53px;
  line-height: 0;
  color: var(--tg-color-white-default);
}
.operating__box .content p {
  margin-bottom: 0;
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: var(--tg-heading-font-family);
  line-height: 1.2;
}

.choose__box:hover .icon svg {
  transform: rotateY(180deg);
  transition: all 0.3s ease-out 0s;
}

/*=============================
	09. Project
===============================*/
.project-area {
  padding: 120px 0 120px;
  position: relative;
}
@media (max-width: 767.98px) {
  .project-area {
    padding: 100px 0;
  }
}
.project__area-two {
  background: var(--tg-color-yellow-light-2);
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .project__area-two {
    padding: 100px 0 70px;
  }
}
.project__area-three {
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .project__area-three {
    padding: 100px 0;
  }
}
.project-item {
  border: 1px solid var(--tg-border-1);
  border-radius: 10px;
  margin-bottom: 30px;
  background: var(--tg-color-white-default);
}
.project-item-wrap .row {
  --bs-gutter-x: 24px;
}
.project-item:hover .project-thumb::before {
  height: 100%;
}
.project__item-two {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.project__item-two:hover .project__thumb-two::before {
  height: 100%;
}
.project__item-two:hover .project__content-two {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.project__item-three {
  position: relative;
  padding: 0 105px;
}
@media (max-width: 1199.98px) {
  .project__item-three {
    padding: 0 80px;
  }
}
@media (max-width: 991.98px) {
  .project__item-three {
    padding: 0 50px;
  }
}
@media (max-width: 767.98px) {
  .project__item-three {
    padding: 0;
  }
}
.project__item-four {
  position: relative;
}
.project__item-four:hover .project__thumb-four img {
  filter: grayscale(0);
}
.project__item-four:hover .project__content-four .right-arrow {
  opacity: 1;
}
.project-thumb {
  border-radius: 10px 10px 0 120px;
  overflow: hidden;
  position: relative;
  margin: -1px -1px 0;
}
.project-thumb img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1500px) {
  .project-thumb img {
    height: 330px;
  }
}
.project-thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background: #af7400;
  opacity: 0.6;
  pointer-events: none;
  transition: all 0.3s ease-out 0s;
}
.project__thumb-two {
  position: relative;
  overflow: hidden;
}
.project__thumb-two img {
  border-radius: 15px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.project__thumb-two::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  background: var(--tg-color-dark-blue);
  opacity: 0.9;
  border-radius: 15px;
  transition: all 0.4s ease-out 0s;
}
.project__thumb-three {
  width: 782px;
  margin-inline-start: auto;
}
@media (max-width: 1199.98px) {
  .project__thumb-three {
    width: 580px;
  }
}
@media (max-width: 991.98px) {
  .project__thumb-three {
    width: 450px;
  }
}
@media (max-width: 767.98px) {
  .project__thumb-three {
    display: none;
  }
}
.project__thumb-three img {
  height: 478px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}
@media (max-width: 1199.98px) {
  .project__thumb-three img {
    height: 430px;
  }
}
.project__thumb-four {
  position: relative;
  overflow: hidden;
}
.project__thumb-four img {
  width: 100%;
  height: 570px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
}
@media (max-width: 1199.98px) {
  .project__thumb-four img {
    height: 480px;
  }
}
.project__thumb-four::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(11, 12, 57, 0) 0%, rgba(0, 1, 38, 0.9) 100%);
  pointer-events: none;
}
.project-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px;
  gap: 10px;
}
@media (max-width: 1500px) {
  .project-content {
    padding: 30px 20px;
  }
}
@media (max-width: 1199.98px) {
  .project-content {
    padding: 30px 30px;
  }
}
@media (max-width: 991.98px) {
  .project-content {
    padding: 30px 20px;
  }
}
.project-content .title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 1500px) {
  .project-content .title {
    font-size: 22px;
  }
}
.project-content span {
  display: block;
  line-height: 1;
  font-size: 15px;
  font-weight: 500;
  color: var(--tg-theme-primary);
}
.project-content-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 767.98px) {
  .project-content-bottom {
    gap: 30px;
    flex-wrap: wrap;
    text-align: center;
  }
}
.project-content-bottom p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--tg-heading-color);
}
.project__content-two {
  text-align: center;
  position: absolute;
  left: 30px;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  padding: 30px 0;
  transition: all 0.5s ease-out 0s;
  margin-top: 100px;
  opacity: 0;
  visibility: hidden;
}
.project__content-two .title {
  font-size: 24px;
  font-weight: var(--tg-fw-semi-bold);
  color: var(--tg-color-white-default);
  margin-bottom: 5px;
}
.project__content-two span {
  display: block;
  font-size: 15px;
  font-weight: var(--tg-fw-medium);
  color: var(--tg-theme-primary);
  margin-bottom: 15px;
}
.project__content-three {
  width: 392px;
  background: var(--tg-theme-secondary);
  border-radius: 15px;
  padding: 60px 60px;
  position: absolute;
  left: 105px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
@media (max-width: 1199.98px) {
  .project__content-three {
    width: 360px;
    padding: 40px 40px;
    left: 80px;
  }
}
@media (max-width: 991.98px) {
  .project__content-three {
    left: 50px;
  }
}
@media (max-width: 767.98px) {
  .project__content-three {
    width: 100%;
    position: unset;
    transform: translateY(0);
  }
}
.project__content-three span {
  font-weight: 500;
  color: var(--tg-theme-primary);
  display: block;
  margin-bottom: 5px;
}
.project__content-three .title {
  font-size: 24px;
  margin-bottom: 18px;
  color: var(--tg-color-white-default);
}
.project__content-three p {
  margin-bottom: 25px;
  color: var(--tg-color-gray-3);
}
.project__content-three .btn {
  background: var(--tg-color-white-default);
  color: var(--tg-heading-color);
}
.project__content-three .btn:hover {
  color: var(--tg-color-white-default);
}
.project__content-four {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 50px;
}
@media (max-width: 1500px) {
  .project__content-four {
    left: 25px;
    right: 25px;
    bottom: 30px;
  }
}
.project__content-four .left-content .title {
  margin-bottom: 10px;
  font-size: 30px;
  color: var(--tg-color-white-default);
}
@media (max-width: 1500px) {
  .project__content-four .left-content .title {
    font-size: 24px;
  }
}
.project__content-four .left-content span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--tg-theme-primary);
  line-height: 1;
}
.project__content-four .right-arrow {
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
  line-height: 0;
  font-size: 32px;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.project__content-four .right-arrow:hover {
  background: var(--tg-theme-primary);
}
.project-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.project-shape-wrap img:nth-child(1) {
  left: 0;
  bottom: 10%;
}
.project-shape-wrap img:nth-child(2) {
  right: 2%;
  top: 22%;
}
@media (max-width: 1199.98px) {
  .project-shape-wrap img:nth-child(2) {
    top: 16%;
  }
}
@media (max-width: 767.98px) {
  .project-shape-wrap img:nth-child(2) {
    top: 10.7%;
    width: 80px;
    right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project-shape-wrap img:nth-child(2) {
    top: 9.7%;
    width: 80px;
    right: 2%;
  }
}
.project__shape-wrap-two img {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .project__shape-wrap-two img {
    width: 250px;
  }
}
.project__shape-wrap-three img {
  position: absolute;
  z-index: -1;
}
.project__shape-wrap-three img:nth-child(1) {
  right: 0;
  top: 0;
}
@media (max-width: 991.98px) {
  .project__shape-wrap-three img:nth-child(1) {
    width: 200px;
  }
}
.project__shape-wrap-three img:nth-child(2) {
  left: 20%;
  bottom: 13%;
}
@media (max-width: 1199.98px) {
  .project__shape-wrap-three img:nth-child(2) {
    left: 6%;
    bottom: 12%;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
  }
}
.project__nav-wrap .project-button-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-white-default);
  line-height: 0;
  border-radius: 50%;
  z-index: 3;
  font-size: 28px;
  color: var(--tg-theme-secondary);
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991.98px) {
  .project__nav-wrap .project-button-prev {
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap .project-button-prev {
    position: unset;
    transform: translateY(0) rotate(180deg);
  }
}
.project__nav-wrap .project-button-prev:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.project__nav-wrap .project-button-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-white-default);
  line-height: 0;
  border-radius: 50%;
  z-index: 3;
  font-size: 28px;
  color: var(--tg-theme-secondary);
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991.98px) {
  .project__nav-wrap .project-button-next {
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap .project-button-next {
    position: unset;
    transform: translateY(0);
  }
}
.project__nav-wrap .project-button-next:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.project__details-area {
  padding: 40px 0;
}
@media (max-width: 767.98px) {
  .project__details-area {
    padding: 40px 0;
  }
}
.project__details-top .row .col-70 {
  width: 70.4%;
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .project__details-top .row .col-70 {
    width: 64.4%;
  }
}
@media (max-width: 991.98px) {
  .project__details-top .row .col-70 {
    width: 100%;
  }
}
.project__details-top .row .col-30 {
  width: 29.6%;
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .project__details-top .row .col-30 {
    width: 35.6%;
  }
}
@media (max-width: 991.98px) {
  .project__details-top .row .col-30 {
    width: 100%;
  }
}
.project__details-thumb {
  height: 100%;
  padding-bottom: 30px;
}
.project__details-thumb img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 250px;
}
.project__details-info {
  background: var(--tg-heading-color);
  padding: 25px 30px 30px;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-inline-start: 20px;
}
@media (max-width: 1199.98px) {
  .project__details-info {
    margin-inline-start: 0;
    padding: 25px 20px 30px;
  }
}
@media (max-width: 991.98px) {
  .project__details-info {
    padding: 25px 30px 30px;
  }
}
.project__details-info .title {
  font-size: 22px;
  font-weight: 600;
  color: var(--tg-color-white-default);
  margin-bottom: 22px;
  position: relative;
  padding-bottom: 15px;
}
.project__details-info .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 4px;
  background: var(--tg-theme-primary);
  border-radius: 4px;
}
.project__details-info > .list-wrap > li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-white-default);
  border-bottom: 1px solid #292c7c;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.project__details-info > .list-wrap > li span {
  font-weight: 400;
  color: #aaacdf;
  min-width: 80px;
  margin-inline-end: 10px;
}
.project__details-info > .list-wrap > li:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.project__details-info > .list-wrap > li .project-social {
  display: flex;
  align-items: center;
  gap: 15px;
}
.project__details-info > .list-wrap > li .project-social li a {
  font-size: 18px;
  color: var(--tg-color-white-default);
}
.project__details-info > .list-wrap > li .project-social li a:hover {
  color: var(--tg-theme-primary);
}
.project__details-content > .title {
  font-size: 36px;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .project__details-content > .title {
    font-size: 32px;
  }
}
.project__details-content > p {
  margin-bottom: 20px;
}
.project__details-inner {
  margin-top: 70px;
}
@media (max-width: 767.98px) {
  .project__details-inner {
    margin-top: 40px;
  }
}
.project__details-inner-content .title {
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .project__details-inner-content .title {
    font-size: 30px;
  }
}
.project__details-inner-content p {
  margin-bottom: 0;
}
.project__details-inner-content p.last-info {
  margin-bottom: 0;
}
.project__details-inner-content .content-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin: 30px 0;
}
.project__details-inner-content .content-inner .graph-img img {
  -ms-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1);
  border: 0.8px solid #dadada;
  border-radius: 12px;
}
.project__details-inner-img {
  text-align: right;
}
@media (max-width: 991.98px) {
  .project__details-inner-img {
    text-align: center;
    margin-bottom: 30px;
  }
}
.project__details-inner-img img {
  border-radius: 10px;
}

.link-arrow a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-gray-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  font-size: 18px;
  line-height: 0;
  --arrow-hover-move-x: 110%;
  --arrow-hover-move-y: 100%;
}
.link-arrow a svg {
  width: 20px;
}
.link-arrow a svg path {
  transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
}
.link-arrow a svg path:nth-of-type(1) {
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}
.link-arrow a svg path:nth-of-type(2) {
  transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
  opacity: 0.5;
  transition-delay: 0s, 0s;
}
.link-arrow a:hover {
  background: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.link-arrow a:hover svg path:nth-of-type(1) {
  transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
  opacity: 0;
  transition-delay: 0s, 0s;
}
.link-arrow a:hover svg path:nth-of-type(2) {
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}
.link-arrow-two a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  border: none;
  border-radius: 50%;
  margin: 0 auto;
}
.link-arrow-two a:hover {
  color: var(--tg-color-white-default);
  background: var(--tg-theme-secondary);
}

/*=============================
	10. Pricing
===============================*/
.pricing__bg {
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767.98px) {
  .pricing__bg {
    padding: 100px 0 70px;
  }
}
.pricing__bg-two {
  padding: 255px 0 90px;
  margin-top: -135px;
}
@media (max-width: 767.98px) {
  .pricing__bg-two {
    padding: 235px 0 70px;
  }
}
.pricing__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 40px;
}
.pricing__tab-btn {
  cursor: pointer;
  color: var(--tg-border-5);
  font-weight: 600;
  font-size: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: var(--tg-heading-font-family);
  transition: all 0.3s ease-out 0s;
}
.pricing__tab-btn.monthly_tab_title {
  color: var(--tg-heading-color);
}
.pricing__tab-btn.monthly_tab_title.active {
  color: var(--tg-border-5);
}
.pricing__tab-btn.annual_tab_title.active {
  color: var(--tg-heading-color);
}
.pricing__tab-switcher {
  height: 30px;
  width: 60px;
  display: inline-block;
  border-radius: 30px;
  position: relative;
  margin: 0 15px;
  transform: translateY(0px);
  cursor: pointer;
  background: var(--tg-theme-primary);
}
.pricing__tab-switcher::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  width: 26px;
  border-radius: 50%;
  background: var(--tg-color-white-default);
  transition: all 0.3s ease-out 0s;
}
.pricing__tab-switcher.active:before {
  left: calc(100% - 28px);
}
.pricing__box {
  background: var(--tg-color-white-default);
  border: 1px solid #cfdde2;
  border-radius: 15px;
  padding: 50px 65px;
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .pricing__box {
    padding: 40px 25px;
  }
}
@media (max-width: 991.98px) {
  .pricing__box {
    padding: 40px 30px;
  }
}
.pricing__box-two {
  text-align: center;
}
.pricing__box-two .pricing__price {
  margin-bottom: 20px;
}
.pricing__box-two .pricing__price .price {
  justify-content: center;
}
.pricing__box-two .pricing__list .list-wrap li {
  justify-content: center;
}
.pricing__head {
  margin-bottom: 20px;
}
.pricing__head .title {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  background: var(--tg-color-gray-3);
  border-radius: 30px;
  padding: 12px 22px;
}
.pricing__price {
  margin-bottom: 40px;
}
.pricing__price .price {
  display: flex;
  margin-bottom: 0;
  font-size: 48px;
  align-items: flex-end;
  line-height: 1;
}
.pricing__price .price strong {
  font-weight: 400;
  font-size: 18px;
  margin: 4px 3px auto 0;
  color: var(--tg-border-5);
}
.pricing__price .price span {
  color: var(--tg-border-5);
  text-transform: lowercase;
  font-weight: 400;
  font-size: 18px;
  margin-inline-start: 5px;
  margin-bottom: 7px;
  text-transform: capitalize;
}
.pricing__price .price.annual_price {
  display: none;
}
.pricing__price.change-subs-duration .monthly_price {
  display: none;
}
.pricing__price.change-subs-duration .annual_price {
  display: flex;
}
.pricing__content p {
  margin-bottom: 30px;
}
.pricing__list {
  margin-bottom: 30px;
}
.pricing__list .list-wrap li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  gap: 10px;
  margin-bottom: 15px;
}
.pricing__list .list-wrap li:last-child {
  margin-bottom: 0;
}
.pricing__shape-wrap img {
  position: absolute;
  z-index: -1;
}
.pricing__shape-wrap img:nth-child(1) {
  left: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .pricing__shape-wrap img:nth-child(1) {
    width: 200px;
  }
}
.pricing__shape-wrap img:nth-child(2) {
  right: 0;
  bottom: 0;
}
@media (max-width: 767.98px) {
  .pricing__shape-wrap img:nth-child(2) {
    width: 200px;
  }
}

/*=============================
	11. Request
===============================*/
.request-bg {
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 280px 0 220px;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .request-bg {
    padding: 200px 0 180px;
  }
}
@media (max-width: 1199.98px) {
  .request-bg {
    padding: 180px 0 160px;
  }
}
@media (max-width: 991.98px) {
  .request-bg {
    padding: 130px 0 130px;
  }
}
@media (max-width: 767.98px) {
  .request-bg {
    padding: 100px 0;
  }
}
.request-bg::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #0b0c39;
  opacity: 0.5;
  z-index: -1;
}
.request__area-two {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .request__area-two {
    padding: 100px 0;
  }
}
.request__area-three {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .request__area-three {
    padding: 100px 0;
  }
}
.request__bg-two {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-attachment: fixed;
}
.request__bg-three {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-attachment: fixed;
}
.request-content .title {
  font-size: 48px;
  font-weight: 800;
  color: var(--tg-color-white-default);
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .request-content .title {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .request-content .title {
    font-size: 36px;
  }
}
.request-content .btn {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.request-content .btn::before {
  background: var(--tg-theme-primary);
}
.request-content .content-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 767.98px) {
  .request-content .content-bottom {
    flex-wrap: wrap;
  }
}
.request-content .content-bottom .content-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.request-content .content-bottom .content-right .icon {
  font-size: 36px;
  line-height: 0;
  color: var(--tg-theme-primary);
}
.request-content .content-bottom .content-right .content span {
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: 0;
  color: var(--tg-color-white-default);
  margin-bottom: 8px;
}
.request-content .content-bottom .content-right .content a {
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
}
.request-content .content-bottom .content-right .content a:hover {
  color: var(--tg-theme-primary);
}
.request__content-two {
  background: var(--tg-heading-color);
  padding: 60px 60px;
  border-radius: 15px;
}
@media (max-width: 991.98px) {
  .request__content-two {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .request__content-two {
    padding: 40px 35px;
  }
}
.request__content-two .title {
  color: var(--tg-color-white-default);
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 400;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .request__content-two .title {
    font-size: 32px;
  }
}
.request__content-two .title span {
  font-weight: 700;
}
.request__phone {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .request__phone {
    justify-content: center;
  }
}
.request__phone .icon {
  font-size: 36px;
  line-height: 0;
  color: var(--tg-theme-primary);
}
.request__phone .content span {
  line-height: 1;
  display: block;
  font-size: 14px;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-gray-2);
  text-align: left;
}
.request__phone .content a {
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  text-align: left;
}
@media (max-width: 767.98px) {
  .request__phone .content a {
    font-size: 22px;
  }
}
.request__phone .content a:hover {
  color: var(--tg-theme-primary);
}
.request-shape img {
  position: absolute;
  z-index: -1;
}
.request-shape img:nth-child(1) {
  left: 0;
  top: 0;
}
@media (max-width: 1199.98px) {
  .request-shape img:nth-child(1) {
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .request-shape img:nth-child(1) {
    width: 210px;
  }
}
.request-shape img:nth-child(2) {
  right: 0;
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .request-shape img:nth-child(2) {
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .request-shape img:nth-child(2) {
    width: 190px;
  }
}
.request__shape-two img {
  position: absolute;
  z-index: -1;
}
.request__shape-two img:nth-child(1) {
  left: 0;
  top: 0;
}
@media (max-width: 991.98px) {
  .request__shape-two img:nth-child(1) {
    width: 200px;
  }
}
.request__shape-two img:nth-child(2) {
  right: 0;
  bottom: 0;
}
@media (max-width: 991.98px) {
  .request__shape-two img:nth-child(2) {
    width: 200px;
  }
}

/*=============================
    12. Consulting
===============================*/
.consulting-area {
  position: relative;
  z-index: 2;
}
.consulting-inner-wrap {
  background: var(--tg-theme-secondary);
  border-radius: 15px;
  display: flex;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.consulting-content {
  padding: 70px 65px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1199.98px) {
  .consulting-content {
    padding: 50px 30px;
    gap: 20px;
  }
}
@media (max-width: 767.98px) {
  .consulting-content {
    flex-wrap: wrap;
    text-align: center;
  }
}
.consulting-content .content-left {
  background: var(--tg-theme-primary);
  text-align: center;
  padding: 20px 23px;
}
@media (max-width: 767.98px) {
  .consulting-content .content-left {
    margin: 0 auto;
  }
}
.consulting-content .content-left .title {
  font-size: 40px;
  margin-bottom: 5px;
  color: var(--tg-color-white-default);
  line-height: 1;
}
.consulting-content .content-left span {
  font-size: 15px;
  font-weight: 500;
  display: block;
  line-height: 1.2;
  color: var(--tg-color-white-default);
  font-family: var(--tg-heading-font-family);
}
.consulting-content .content-right .title {
  margin-bottom: 15px;
  font-size: 30px;
  color: var(--tg-color-white-default);
}
.consulting-content .content-right p {
  margin-bottom: 0;
  color: var(--tg-color-white-default);
}
.consulting-img {
  width: 392px;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .consulting-img {
    display: none;
  }
}
.consulting-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 0 15px 15px 0;
}
.consulting-shape img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/*=============================
    13. Testimonial
===============================*/
.testimonial-area {
  background: #fffbf3;
  padding: 250px 0 0;
  position: relative;
  z-index: 1;
  margin-top: -130px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .testimonial-area {
    padding: 230px 0 0;
  }
}
.testimonial__area-two {
  background: var(--tg-heading-color);
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .testimonial__area-two {
    padding: 100px 0 70px;
  }
}
.testimonial__area-three {
  background: var(--tg-heading-color);
  padding: 120px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .testimonial__area-three {
    padding: 100px 0;
  }
}
.testimonial__bg {
  background-size: cover;
  background-position: center;
  padding: 0 0 120px;
}
@media (max-width: 767.98px) {
  .testimonial__bg {
    padding: 0 0 100px;
  }
}
.testimonial__bg-two {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .testimonial__bg-two {
    padding: 100px 0;
  }
}
.testimonial-img-wrap {
  position: relative;
  z-index: 1;
  text-align: center;
}
@media (max-width: 991.98px) {
  .testimonial-img-wrap {
    margin-top: 50px;
  }
}
.testimonial-img-wrap .img-shape img {
  position: absolute;
  z-index: -1;
}
.testimonial-img-wrap .img-shape img:nth-child(1) {
  left: 0;
  bottom: 0;
}
.testimonial-img-wrap .img-shape img:nth-child(2) {
  left: 10%;
  top: 18%;
}
@media (max-width: 1199.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(2) {
    left: 5%;
  }
}
@media (max-width: 767.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(2) {
    left: 3%;
    width: 70px;
    top: 10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-img-wrap .img-shape img:nth-child(2) {
    left: 5%;
    width: 90px;
    top: 13%;
  }
}
.testimonial-img-wrap .img-shape img:nth-child(3) {
  left: 14%;
  bottom: 19%;
}
@media (max-width: 1199.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(3) {
    left: 3%;
    bottom: 30%;
  }
}
@media (max-width: 767.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(3) {
    display: none;
  }
}
.testimonial-img-wrap .img-shape img:nth-child(4) {
  right: 0%;
  bottom: 21%;
  animation-duration: 5s;
}
@media (max-width: 767.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(4) {
    display: none;
  }
}
.testimonial__img-wrap-two {
  position: relative;
  text-align: center;
}
@media (max-width: 991.98px) {
  .testimonial__img-wrap-two {
    margin-bottom: 50px;
  }
}
.testimonial__img-shape-two img {
  position: absolute;
}
.testimonial__img-shape-two img:nth-child(1) {
  left: 0;
  top: 40%;
}
@media (max-width: 1199.98px) {
  .testimonial__img-shape-two img:nth-child(1) {
    left: -2%;
    width: 100px;
  }
}
@media (max-width: 767.98px) {
  .testimonial__img-shape-two img:nth-child(1) {
    display: none;
  }
}
.testimonial__img-shape-two img:nth-child(2) {
  left: 16%;
  bottom: 1%;
}
@media (max-width: 767.98px) {
  .testimonial__img-shape-two img:nth-child(2) {
    left: 9%;
    bottom: -3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__img-shape-two img:nth-child(2) {
    left: 16%;
    bottom: 1%;
  }
}
.testimonial__img-shape-two img:nth-child(3) {
  right: 13%;
  top: 32%;
}
@media (max-width: 1199.98px) {
  .testimonial__img-shape-two img:nth-child(3) {
    right: 9%;
  }
}
@media (max-width: 767.98px) {
  .testimonial__img-shape-two img:nth-child(3) {
    top: 28%;
    right: 3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__img-shape-two img:nth-child(3) {
    right: 10%;
  }
}
.testimonial-info {
  margin-bottom: 20px;
}
.testimonial-info .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}
.testimonial-info span {
  display: block;
  font-family: var(--tg-heading-font-family);
  line-height: 1;
}
.testimonial__info-two .title {
  margin-bottom: 5px;
  color: var(--tg-color-white-default);
  font-size: 20px;
}
.testimonial__info-two span {
  font-size: 15px;
  display: block;
  font-family: var(--tg-heading-font-family);
  color: #9597c8;
  margin-bottom: 12px;
}
.testimonial__info-three {
  position: relative;
  padding-left: 20px;
}
.testimonial__info-three::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 36px;
  border-radius: 4px;
  background: var(--tg-theme-secondary);
}
.testimonial__info-three .title {
  margin-bottom: 8px;
  font-size: 22px;
  color: var(--tg-theme-secondary);
}
.testimonial__info-three span {
  display: block;
  line-height: 1;
}
.testimonial__item-two {
  background: #1f227b;
  border-radius: 10px;
  padding: 40px 35px 70px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .testimonial__item-two {
    padding: 40px 20px 70px;
  }
}
@media (max-width: 991.98px) {
  .testimonial__item-two {
    padding: 40px 25px 70px;
  }
}
.testimonial__item-two .testimonial__rating {
  justify-content: center;
}
.testimonial__item-two p {
  margin-bottom: 0;
  color: var(--tg-color-gray-2);
  text-transform: capitalize;
}
.testimonial__item-two .icon {
  position: absolute;
  right: 25px;
  bottom: -8px;
  z-index: -1;
}
.testimonial__item-three p {
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 40px;
  text-transform: capitalize;
}
.testimonial__item-four .testimonial-info .title {
  color: var(--tg-color-white-default);
}
.testimonial__item-four .testimonial-info span {
  color: var(--tg-border-5);
}
.testimonial__item-four .testimonial-content p {
  color: var(--tg-color-gray-2);
}
.testimonial__item-wrap {
  margin-inline-start: 50px;
}
@media (max-width: 1199.98px) {
  .testimonial__item-wrap {
    margin-inline-start: 0;
  }
}
.testimonial__rating {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 18px;
  color: var(--tg-theme-primary);
  margin-bottom: 20px;
}
.testimonial__rating i:last-child {
  color: #ded9ce;
}
.testimonial__rating-two {
  margin-bottom: 30px;
}
.testimonial__avatar {
  border: 2px solid var(--tg-color-white-default);
  width: 82px;
  margin: 0 auto 15px;
  border-radius: 50%;
  overflow: hidden;
}
.testimonial__avatar img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1199.98px) {
  .testimonial-content {
    gap: 20px;
  }
}
.testimonial-content p {
  margin-bottom: 0;
  font-size: 17px;
  font-style: italic;
  line-height: 1.58;
  text-transform: capitalize;
}
.testimonial-content .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  flex: 0 0 auto;
  border-radius: 40px 0 0 0;
  font-size: 40px;
  line-height: 0;
  color: var(--tg-color-white-default);
}
@media (max-width: 767.98px) {
  .testimonial-content .icon {
    display: none;
  }
}
.testimonial-nav .swiper-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 35px;
}
.testimonial-nav .swiper-wrapper button {
  border: none;
  background: transparent;
  padding: 0;
  border-radius: 50%;
  position: relative;
  width: 65px;
}
.testimonial-nav .swiper-wrapper button img {
  border-radius: 50%;
  width: 100%;
  filter: grayscale(1);
}
.testimonial-nav .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.testimonial-nav .swiper-slide-thumb-active button img {
  filter: grayscale(0);
}
.testimonial__nav-two {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}
.testimonial__nav-two .testimonial-button-prev {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tg-color-white-default);
  border: 1.5px solid #9597c8;
  color: var(--tg-theme-secondary);
  line-height: 0;
  font-size: 24px;
  transition: all 0.3s ease-out 0s;
  transform: rotate(180deg);
}
.testimonial__nav-two .testimonial-button-prev:hover {
  background: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.testimonial__nav-two .testimonial-button-next {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tg-color-white-default);
  border: 1.5px solid #9597c8;
  color: var(--tg-theme-secondary);
  line-height: 0;
  font-size: 24px;
  transition: all 0.3s ease-out 0s;
}
.testimonial__nav-two .testimonial-button-next:hover {
  background: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.testimonial__nav-three .swiper-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 35px;
}
.testimonial__nav-three .swiper-wrapper button {
  border: none;
  background: transparent;
  padding: 0;
  border-radius: 50%;
  position: relative;
  width: 65px;
}
.testimonial__nav-three .swiper-wrapper button img {
  border-radius: 50%;
  width: 100%;
  filter: grayscale(1);
}
.testimonial__nav-three .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.testimonial__nav-three .swiper-slide-thumb-active button img {
  filter: grayscale(0);
}
.testimonial__nav-four {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}
.testimonial__nav-four .testimonial-two-button-prev {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  font-size: 24px;
  line-height: 0;
  color: var(--tg-theme-secondary);
  transform: rotate(180deg);
  transition: all 0.3s ease-out 0s;
}
.testimonial__nav-four .testimonial-two-button-prev:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.testimonial__nav-four .testimonial-two-button-next {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  font-size: 24px;
  line-height: 0;
  color: var(--tg-theme-secondary);
  transition: all 0.3s ease-out 0s;
}
.testimonial__nav-four .testimonial-two-button-next:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.testimonial__inner-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.testimonial__inner-top .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  flex: 0 0 auto;
  border-radius: 40px 0 0 0;
  font-size: 40px;
  line-height: 0;
  color: var(--tg-color-white-default);
}
@media (max-width: 767.98px) {
  .testimonial__inner-top .icon {
    display: none;
  }
}
.testimonial__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.testimonial__form {
  background: var(--tg-color-white-default);
  border-radius: 15px;
  padding: 40px 45px 45px;
  width: 400px;
  margin: 0 auto;
}
@media (max-width: 1199.98px) {
  .testimonial__form {
    padding: 40px 40px 45px;
  }
}
@media (max-width: 991.98px) {
  .testimonial__form {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .testimonial__form {
    padding: 30px 25px 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__form {
    padding: 40px;
  }
}
.testimonial__form .title {
  margin-bottom: 25px;
  font-size: 30px;
  text-transform: capitalize;
}
.testimonial__form .form-grp {
  margin-bottom: 10px;
}
.testimonial__form .form-grp input {
  width: 100%;
  background: transparent;
  border-radius: 5px;
  border: 1px solid #d0d6e1;
  font-size: 14px;
  font-weight: 500;
  color: var(--tg-body-color);
  padding: 15px 20px;
  height: 50px;
}
.testimonial__form .form-grp input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #667594;
}
.testimonial__form .form-grp input::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #667594;
}
.testimonial__form .form-grp.select-grp {
  position: relative;
}
.testimonial__form .form-grp.select-grp select {
  background-color: transparent;
  border: 1px solid #d0d6e1;
  color: #667594;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 5px;
  outline: none;
  padding: 15px 40px 15px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  line-height: 1.2;
  height: 50px;
  cursor: pointer;
}
.testimonial__form .form-grp.select-grp::after {
  content: "\f106";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: flaticon;
  font-weight: 400;
  right: 10px;
  font-size: 24px;
  color: var(--tg-theme-secondary);
}
.testimonial-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.testimonial-shape-wrap img:nth-child(1) {
  bottom: 0;
  right: 10%;
}
.testimonial-shape-wrap img:nth-child(2) {
  right: 0;
  top: 0;
}
.testimonial__shape-two img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.testimonial__shape-three img {
  position: absolute;
  z-index: -1;
  right: 15%;
  top: -15%;
  animation-duration: 30s;
}
@media (max-width: 1500px) {
  .testimonial__shape-three img {
    right: 1%;
  }
}
@media (max-width: 991.98px) {
  .testimonial__shape-three img {
    top: auto;
    bottom: -10%;
  }
}
@media (max-width: 767.98px) {
  .testimonial__shape-three img {
    bottom: 0%;
  }
}

.range-slider-wrap {
  margin-bottom: 20px;
}
.range-slider-wrap input {
  width: 100%;
  height: 15px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #d9d9d9;
  outline: none;
  border-radius: 10px;
  overflow: hidden;
}
.range-slider-wrap .range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--tg-theme-primary);
  cursor: pointer;
  border: none;
  box-shadow: -807px 0 0 800px var(--tg-heading-color);
}
.range-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 20px;
}
.range-top p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-heading-color);
}
.range-top span {
  font-size: 16px;
  font-weight: 600;
  display: block;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-heading-color);
}
.range-top span strong {
  font-weight: 600;
}

/*=============================
	14. Features
===============================*/
.features__area-two {
  padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
  .features__area-two {
    padding: 100px 0 70px;
  }
}
.features__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 80px 50px;
  border: 1px solid var(--tg-border-2);
}
@media (max-width: 1800px) {
  .features__item {
    padding: 80px 30px;
  }
}
@media (max-width: 1500px) {
  .features__item {
    padding: 60px 20px;
  }
}
@media (max-width: 1199.98px) {
  .features__item {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .features__item {
    padding: 40px 30px;
  }
}
@media (max-width: 767.98px) {
  .features__item {
    padding: 40px 25px;
  }
}
.features__item:hover .features__icon i {
  transform: rotateY(180deg);
}
.features__item-wrap {
  border-bottom: 1px solid var(--tg-border-2);
}
.features__item-wrap .row {
  --bs-gutter-x: 0px;
}
.features__item-two {
  border-radius: 10px;
  border: 1px solid #e4ecef;
  background: var(--tg-color-white-default);
  -ms-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.05);
  padding: 30px 30px;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1199.98px) {
  .features__item-two {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-two {
    flex-wrap: nowrap;
  }
}
.features__item-two:hover .features__icon-two i {
  transform: rotateY(180deg);
}
.features__icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-gray-3);
  border-radius: 10px;
  flex: 0 0 auto;
  font-size: 50px;
  line-height: 0;
  color: var(--tg-theme-secondary);
}
@media (max-width: 1199.98px) {
  .features__icon {
    margin-bottom: 20px;
  }
}
.features__icon i {
  transition: all 0.4s ease-out 0s;
  transform: rotateY(0);
}
.features__icon-two {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 8px;
  background: var(--tg-color-yellow-light);
  line-height: 0;
  color: var(--tg-theme-primary);
  font-size: 50px;
}
.features__icon-two i {
  transition: all 0.4s ease-out 0s;
  transform: rotateY(0);
}
.features__content .title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 1500px) {
  .features__content .title {
    font-size: 22px;
  }
}
.features__content p {
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  .features__content p br {
    display: none;
  }
}
.features__content-two .title {
  margin-bottom: 10px;
  font-size: 20px;
  text-transform: capitalize;
}
.features__content-two p {
  margin-bottom: 0;
}

/*=============================
	15. Marquee
===============================*/
.marquee__area {
  background: var(--tg-color-yellow-light-2);
  overflow: hidden;
  padding: 0 0 120px;
}
@media (max-width: 767.98px) {
  .marquee__area {
    padding: 0 0 100px;
  }
}
.marquee__area-two {
  padding: 0 0 120px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .marquee__area-two {
    padding: 0 0 100px;
  }
}
.marquee__wrap {
  display: flex;
  align-items: center;
}
.marquee__wrap:hover .marquee__box {
  animation-play-state: paused;
}
.marquee__box {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  animation: marquee 50s linear infinite;
}
.marquee__box a {
  font-weight: 700;
  font-size: 60px;
  white-space: nowrap;
  line-height: 1;
  position: relative;
  margin-inline-end: 20px;
  text-transform: uppercase;
  font-family: var(--tg-heading-font-family);
  display: flex;
  align-items: center;
  color: var(--tg-theme-primary);
  letter-spacing: 1px;
}
@media (max-width: 1199.98px) {
  .marquee__box a {
    font-size: 55px;
  }
}
@media (max-width: 991.98px) {
  .marquee__box a {
    font-size: 50px;
  }
}
@media (max-width: 767.98px) {
  .marquee__box a {
    font-size: 40px;
  }
}
.marquee__box a::after {
  content: "\f621";
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  margin-inline-start: 20px;
  font-family: var(--tg-icon-font-family);
  color: var(--tg-theme-primary);
}
@media (max-width: 1199.98px) {
  .marquee__box a::after {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .marquee__box a::after {
    font-size: 30px;
  }
}

/*=============================
    16. Fact
===============================*/
.counter-area {
  background: #fffbf3;
  padding: 110px 0 80px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .counter-area {
    padding: 100px 0 70px;
  }
}
.counter-area-two {
  padding: 140px 0 110px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .counter-area-two {
    padding: 100px 0 70px;
  }
}
.counter-area-three {
  background: #f5fafc;
  padding: 0 0 90px;
}
.counter-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .counter-item {
    gap: 12px;
  }
}
.counter-item .icon {
  font-size: 72px;
  line-height: 0;
  color: var(--tg-theme-primary);
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item .icon {
    font-size: 60px;
  }
}
.counter-item .content .count {
  line-height: 0.8;
  margin-bottom: 5px;
  font-size: 40px;
  display: flex;
  align-items: center;
  font-weight: 800;
}
@media (max-width: 1199.98px) {
  .counter-item .content .count {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item .content .count {
    font-size: 34px;
  }
}
.counter-item .content p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item .content p {
    font-size: 16px;
  }
}
.counter-item:hover .icon {
  transform: rotateY(180deg);
}
.counter-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.counter-shape-wrap img:nth-child(1) {
  left: 0;
  top: 0;
}
.counter-shape-wrap img:nth-child(2) {
  right: 8%;
  top: 30%;
}
.counter-shape-wrap img:nth-child(3) {
  right: 0;
  bottom: 0;
  z-index: -2;
}
.counter-shape-two img {
  position: absolute;
  right: 8%;
  bottom: -20px;
}

/*=============================
    17. Team
===============================*/
@media (max-width: 767.98px) {
  .team-area {
    padding: 100px 0 70px;
  }
}
.team__area-two {
  position: relative;
  padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
  .team__area-two {
    padding: 100px 0 70px;
  }
}
.team__area-three {
  padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
  .team__area-three {
    padding: 100px 0 70px;
  }
}
.team__area-four {
  padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
  .team__area-four {
    padding: 100px 0 70px;
  }
}
.team-item {
  border-radius: 15px;
  border: 1px solid var(--tg-border-1);
  margin-bottom: 30px;
}
.team-item-wrap .row {
  --bs-gutter-x: 24px;
}
.team__item-two {
  margin-bottom: 30px;
}
.team__item-three {
  position: relative;
  margin-bottom: 30px;
}
.team__item-four {
  margin-bottom: 30px;
}
.team-thumb {
  border-radius: 14px 14px 0 104px;
  overflow: hidden;
  position: relative;
}
.team-thumb img {
  width: 100%;
  height: 292px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.98px) {
  .team-thumb img {
    height: auto;
  }
}
.team__thumb-two {
  margin-bottom: 15px;
}
.team__thumb-two img {
  border-radius: 10px;
  width: 100%;
  height: 295px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1199.98px) {
  .team__thumb-two img {
    height: 230px;
  }
}
@media (max-width: 991.98px) {
  .team__thumb-two img {
    height: 295px;
  }
}
@media (max-width: 767.98px) {
  .team__thumb-two img {
    height: auto;
  }
}
.team__thumb-three img {
  border-radius: 14px;
  width: 100%;
}
.team__thumb-four img {
  border-radius: 14px;
  width: 100%;
}
.team-social {
  position: absolute;
  right: 22px;
  top: 22px;
  background: var(--tg-color-white-default);
  border-radius: 30px;
}
.team-social .social-toggle-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #474aa0;
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}
.team-social .list-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  padding: 0 0 15px;
  display: none;
  text-align: center;
}
.team-social .list-wrap a {
  font-size: 18px;
  color: #474aa0;
}
.team-social .list-wrap a:hover {
  color: var(--tg-theme-primary);
}
.team__social-two .list-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.team__social-two .list-wrap li a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--tg-border-3);
  border-radius: 50%;
  font-size: 18px;
  color: var(--tg-border-3);
}
.team__social-two .list-wrap li a:hover {
  color: var(--tg-color-white-default);
  background: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
}
.team__social-three {
  top: auto;
  bottom: 30px;
  right: 30px;
  z-index: 1;
  background: var(--tg-theme-primary);
}
.team__social-three .social-toggle-icon {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.team__social-three .list-wrap {
  padding: 15px 0 0;
}
.team__social-three .list-wrap li a {
  color: var(--tg-color-white-default);
}
.team__social-three .list-wrap li a:hover {
  color: var(--tg-theme-secondary);
}
.team__social-four .list-wrap {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.team__social-four .list-wrap li a {
  color: #9597c8;
}
.team__social-four .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.team-content {
  padding: 15px 25px 25px;
}
.team-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.team-content span {
  display: block;
  line-height: 1;
  color: var(--tg-theme-primary);
}
.team__content-two {
  text-align: center;
}
.team__content-two .title {
  font-size: 24px;
  font-weight: var(--tg-fw-semi-bold);
  margin-bottom: 8px;
}
.team__content-two span {
  display: block;
  line-height: 1;
  color: var(--tg-theme-primary);
  margin-bottom: 20px;
}
.team__content-three {
  position: absolute;
  left: 30px;
  top: 30px;
  right: 30px;
  z-index: 1;
}
.team__content-three .title {
  margin-bottom: 5px;
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: 600;
}
.team__content-three span {
  display: block;
  color: var(--tg-color-gray-3);
}
.team__content-four {
  background: var(--tg-color-white-default);
  -ms-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  text-align: center;
  margin: 0 24px;
  padding: 20px 20px;
  margin-top: -65px;
  position: relative;
  z-index: 1;
}
.team__content-four .title {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: 600;
}
.team__content-four span {
  display: block;
  color: var(--tg-theme-primary);
  line-height: 1;
  margin-bottom: 10px;
}
.team__shape img {
  position: absolute;
  z-index: -1;
}
.team__shape img:nth-child(1) {
  left: 5%;
  bottom: 15%;
}
@media (max-width: 1500px) {
  .team__shape img:nth-child(1) {
    left: -5%;
  }
}
@media (max-width: 1199.98px) {
  .team__shape img:nth-child(1) {
    display: none;
  }
}
.team__shape img:nth-child(2) {
  right: 6%;
  top: 12%;
}
@media (max-width: 991.98px) {
  .team__shape img:nth-child(2) {
    top: 5%;
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .team__shape img:nth-child(2) {
    top: 2%;
    width: 80px;
  }
}
.team__details-area {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .team__details-area {
    padding: 100px 0;
  }
}
.team__details-inner .row .col-36 {
  width: 35.6%;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .team__details-inner .row .col-36 {
    width: 60%;
  }
}
@media (max-width: 767.98px) {
  .team__details-inner .row .col-36 {
    width: 100%;
  }
}
.team__details-inner .row .col-64 {
  width: 64.4%;
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .team__details-inner .row .col-64 {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .team__details-img {
    margin-bottom: 50px;
  }
}
.team__details-img img {
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .team__details-img img {
    width: 100%;
  }
}
.team__details-content {
  margin-inline-start: 20px;
}
@media (max-width: 1199.98px) {
  .team__details-content {
    margin: 0;
  }
}
.team__details-content .title {
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .team__details-content .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .team__details-content .title {
    font-size: 32px;
  }
}
.team__details-content .position {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: var(--tg-theme-primary);
  margin-bottom: 20px;
}
.team__details-content p {
  margin-bottom: 50px;
}
@media (max-width: 1199.98px) {
  .team__details-content p {
    margin-bottom: 25px;
  }
}
.team__details-info > .list-wrap > li {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
  gap: 10px;
  margin-bottom: 15px;
}
.team__details-info > .list-wrap > li > a {
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
}
.team__details-info > .list-wrap > li > a:hover {
  color: var(--tg-theme-primary);
}
.team__details-info > .list-wrap > li > i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  font-size: 18px;
  flex: 0 0 auto;
}
.team__details-info > .list-wrap > li:last-child {
  margin-bottom: 0;
}
.team__details-social {
  display: flex;
  gap: 15px;
  align-items: center;
}
.team__details-social li a {
  color: var(--tg-theme-secondary);
  font-size: 16px;
}
.team__details-social li a:hover {
  color: var(--tg-theme-primary);
}

@media (max-width: 991.98px) {
  .section-content {
    margin-bottom: 50px;
  }
}
.section-content p {
  margin-bottom: 0;
  font-weight: 500;
}

.team-item,
.card-team-area-six {
  transition: 0.3s all;
}

.team-item:hover,
.card-team-area-six:hover {
  transform: translateY(-3px);
  transition: 0.3s all;
}

.mt-10 {
  margin-top: 10px;
}

/*=============================
    18. Call-back
===============================*/
.call-back-area {
  background: var(--tg-heading-color);
  padding: 100px 0 85px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.call-back-area-two {
  background: transparent;
  padding: 0;
  z-index: 2;
}
.call-back-wrap {
  background: var(--tg-heading-color);
  padding: 90px 80px 75px;
  border-radius: 15px;
}
@media (max-width: 1199.98px) {
  .call-back-wrap {
    padding: 50px 25px 50px;
  }
}
@media (max-width: 991.98px) {
  .call-back-content {
    text-align: center;
    margin-bottom: 30px;
  }
}
.call-back-content .shape {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .call-back-content .shape {
    display: none;
  }
}
.call-back-content p {
  margin-bottom: 0;
  color: #d0d0dd;
  font-weight: 500;
  width: 90%;
}
@media (max-width: 1199.98px) {
  .call-back-content p {
    width: 100%;
  }
}
.call-back-form form .row {
  --bs-gutter-x: 15px;
}
.call-back-form form .form-grp {
  margin-bottom: 15px;
}
.call-back-form form .form-grp input {
  width: 100%;
  border: none;
  border-radius: 4px;
  color: var(--tg-heading-color);
  background: var(--tg-color-white-default);
  font-size: 15px;
  font-weight: 500;
  padding: 15px 18px;
  height: 50px;
}
.call-back-form form .form-grp input::-moz-placeholder {
  font-size: 15px;
  font-weight: 500;
  color: #9597c8;
}
.call-back-form form .form-grp input::placeholder {
  font-size: 15px;
  font-weight: 500;
  color: #9597c8;
}
.call-back-form form .btn {
  width: 100%;
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 17px 24px;
  border-radius: 4px;
}
.call-back-form form .btn::before {
  background: var(--tg-color-gray-3);
}
.call-back-form form .btn::after {
  display: none;
}
.call-back-form form .btn:hover {
  color: var(--tg-heading-color);
}

/*=============================
    19. Blog
===============================*/
.blog__area {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .blog__area {
    padding: 100px 0;
  }
}
.blog-post-bg {
  background-size: cover;
  background-position: center;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .blog-post-bg {
    padding: 100px 0 70px;
  }
}
.blog__post-bg-two {
  background-size: cover;
  background-position: center;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .blog__post-bg-two {
    padding: 100px 0 70px;
  }
}
.blog__post-area-three {
  padding: 270px 0 90px;
  margin-top: -150px;
}
@media (max-width: 767.98px) {
  .blog__post-area-three {
    padding: 250px 0 70px;
  }
}
.blog__post-area-four {
  padding: 120px 0 90px;
}
@media (max-width: 767.98px) {
  .blog__post-area-four {
    padding: 100px 0 70px;
  }
}
.blog__post-area-five {
  padding: 120px 0 90px;
  background: var(--tg-color-yellow-light-2);
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .blog__post-area-five {
    padding: 100px 0 70px;
  }
}
.blog-post-item {
  border: 1px solid var(--tg-border-1);
  background: var(--tg-color-white-default);
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .blog-post-item {
    padding: 20px 20px;
  }
}
.blog-post-thumb {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-post-thumb img {
  width: 100%;
  height: 248px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-post-thumb .post-tag {
  font-size: 14px;
  font-weight: 500;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  line-height: 1;
  display: block;
  border-radius: 4px;
  position: absolute;
  left: 18px;
  top: 16px;
  z-index: 2;
  padding: 8px 10px;
}
.blog-post-thumb .post-tag:hover {
  background: var(--tg-theme-secondary);
}
.blog-post-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .blog-post-content .title {
    font-size: 22px;
  }
}
.blog-post-content .blog-post-meta .list-wrap {
  justify-content: space-between;
}
.blog__post-two {
  border: 1px solid var(--tg-border-1);
  border-radius: 15px;
  background: var(--tg-color-white-default);
  margin-bottom: 30px;
}
.blog__post-four {
  background: var(--tg-color-white-default);
  border-radius: 15px;
  border: 1px solid #eae4d8;
  -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}
.blog__post-thumb-two {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  margin: -1px;
}
.blog__post-thumb-two img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__post-thumb-three {
  margin-bottom: 35px;
}
.blog__post-thumb-four {
  margin: -1px -1px 0 -1px;
}
.blog__post-thumb-four img {
  border-radius: 15px 15px 0 0;
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__post-content-two {
  padding: 30px 30px;
}
@media (max-width: 1199.98px) {
  .blog__post-content-two {
    padding: 30px 22px;
  }
}
@media (max-width: 991.98px) {
  .blog__post-content-two {
    padding: 30px 30px;
  }
}
@media (max-width: 767.98px) {
  .blog__post-content-two {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__post-content-two {
    padding: 30px 30px;
  }
}
.blog__post-content-two .title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: var(--tg-fw-semi-bold);
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .blog__post-content-two .title {
    font-size: 22px;
  }
}
.blog__post-content-two .blog-post-meta {
  margin-bottom: 22px;
}
.blog__post-content-two .blog-avatar {
  margin-bottom: 0;
}
.blog__post-content-three {
  position: relative;
}
.blog__post-content-three .post-tag {
  font-size: 14px;
  font-weight: 500;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  line-height: 1;
  display: block;
  border-radius: 4px;
  position: absolute;
  left: 18px;
  top: -51px;
  z-index: 2;
  padding: 8px 10px;
}
.blog__post-content-three .post-tag:hover {
  background: var(--tg-theme-secondary);
}
.blog__post-content-three .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 24px;
}
.blog__post-content-three .btn:hover {
  color: var(--tg-color-white-default);
}
.blog__post-content-four {
  padding: 25px 30px 40px;
}
@media (max-width: 1199.98px) {
  .blog__post-content-four {
    padding: 25px 25px 30px;
  }
}
.blog__post-content-four .title {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.blog__post-tag-two {
  font-size: 14px;
  font-weight: 500;
  color: var(--tg-body-color);
  border: 1px solid var(--tg-color-gray-2);
  display: inline-block;
  line-height: 1;
  border-radius: 4px;
  padding: 7px 10px;
}
.blog__post-tag-two:hover {
  border-color: var(--tg-theme-primary);
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.blog__post-tag-three {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  color: #9798ab;
  line-height: 1;
  margin-bottom: 20px;
}
.blog-avatar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
.blog-avatar .avatar-thumb {
  width: 36px;
  flex: 0 0 auto;
}
.blog-avatar .avatar-thumb img {
  border-radius: 50%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-avatar .avatar-content p {
  margin-bottom: 0;
  font-weight: 500;
  color: #9597c8;
}
.blog-avatar .avatar-content p a:hover {
  color: var(--tg-theme-secondary);
}
.blog-post-meta .list-wrap {
  display: flex;
  align-items: center;
  gap: 15px 20px;
  flex-wrap: wrap;
}
.blog-post-meta .list-wrap li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog-post-meta .list-wrap li i {
  font-size: 18px;
}
.blog-post-meta .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 20px;
}
.blog-post-meta .btn:hover {
  color: var(--tg-color-white-default);
}
.blog-post-meta-two .list-wrap li {
  color: #9798ab;
}
.blog-post-meta-two .list-wrap li i {
  color: var(--tg-theme-primary);
}
.blog-post-meta-two .list-wrap li a {
  color: #9798ab;
}
.blog-post-meta-two .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.blog__inner-wrap .row .col-70 {
  width: 70.5%;
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .blog__inner-wrap .row .col-70 {
    width: 67.5%;
  }
}
@media (max-width: 991.98px) {
  .blog__inner-wrap .row .col-70 {
    width: 100%;
  }
}
.blog__inner-wrap .row .col-30 {
  width: 29.5%;
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .blog__inner-wrap .row .col-30 {
    width: 32.5%;
  }
}
@media (max-width: 991.98px) {
  .blog__inner-wrap .row .col-30 {
    width: 100%;
  }
}
.blog__sidebar {
  margin-inline-start: 20px;
}
@media (max-width: 1199.98px) {
  .blog__sidebar {
    margin-inline-start: 0;
  }
}
@media (max-width: 991.98px) {
  .blog__sidebar {
    margin-top: 100px;
  }
}
.blog-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.blog-shape-wrap img:nth-child(1) {
  left: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .blog-shape-wrap img:nth-child(1) {
    width: 200px;
  }
}
.blog-shape-wrap img:nth-child(2) {
  right: 0;
  bottom: 0;
}
@media (max-width: 767.98px) {
  .blog-shape-wrap img:nth-child(2) {
    width: 200px;
  }
}
.blog__details-area {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .blog__details-area {
    padding: 100px 0;
  }
}
.blog__details-thumb {
  margin-bottom: 30px;
}
.blog__details-thumb img {
  border-radius: 10px;
  min-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__details-content > .title {
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 600;
  text-transform: capitalize;
}
@media (max-width: 1199.98px) {
  .blog__details-content > .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .blog__details-content > .title {
    font-size: 28px;
  }
}
.blog__details-content .blog-post-meta {
  margin-bottom: 30px;
}
.blog__details-content .blog-post-meta .blog-avatar {
  margin-bottom: 0;
}
.blog__details-content > p {
  margin-bottom: 20px;
}
.blog__details-content .title-two {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .blog__details-content .title-two {
    font-size: 26px;
  }
}
.blog__details-inner {
  margin: 35px 0;
}
.blog__details-inner .row .col-46 {
  width: 46%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .blog__details-inner .row .col-46 {
    width: 100%;
  }
}
.blog__details-inner .row .col-54 {
  width: 54%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .blog__details-inner .row .col-54 {
    width: 100%;
  }
}
.blog__details-inner-thumb {
  position: relative;
}
@media (max-width: 767.98px) {
  .blog__details-inner-thumb {
    margin-bottom: 30px;
  }
}
.blog__details-inner-thumb img {
  width: 100%;
  border-radius: 10px;
}
.blog__details-inner-thumb .play-btn {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--tg-color-white-default);
  color: var(--tg-theme-secondary);
  font-size: 18px;
  border-radius: 50%;
}
.blog__details-inner-thumb .play-btn:hover {
  color: var(--tg-color-white-default);
  background: var(--tg-theme-primary);
}
.blog__details-inner-content .title {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .blog__details-inner-content .title {
    font-size: 26px;
  }
}
.blog__details-inner-content p {
  margin-bottom: 20px;
  width: 95%;
}
@media (max-width: 1199.98px) {
  .blog__details-inner-content p {
    width: 100%;
  }
}
.blog__details-bottom {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0;
  margin-top: 40px;
  margin-bottom: 70px;
}
.blog__details-bottom .post-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.blog__details-bottom .post-tags .title {
  margin-bottom: 0;
  font-size: 14px;
}
.blog__details-bottom .post-tags .list-wrap {
  display: flex;
  gap: 6px;
}
.blog__details-bottom .post-tags .list-wrap li a {
  background: var(--tg-color-gray-3);
  padding: 7px 17px;
  display: block;
  border-radius: 4px;
  color: var(--tg-heading-color);
  font-size: 15px;
  font-weight: 500;
}
.blog__details-bottom .post-tags .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.blog__details-bottom .post-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .blog__details-bottom .post-share {
    justify-content: flex-start;
    margin-top: 20px;
  }
}
.blog__details-bottom .post-share .title {
  margin-bottom: 0;
  font-size: 14px;
}
.blog__details-bottom .post-share .list-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}
.blog__details-bottom .post-share .list-wrap li a {
  font-size: 20px;
  color: var(--tg-theme-secondary);
}
.blog__details-bottom .post-share .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.blog__avatar-wrap {
  border-radius: 12px;
  display: flex;
  align-items: flex-start;
  padding: 42px 40px;
  background: var(--tg-color-gray-3);
  gap: 30px;
}
@media (max-width: 1199.98px) {
  .blog__avatar-wrap {
    padding: 35px 25px;
  }
}
@media (max-width: 767.98px) {
  .blog__avatar-wrap {
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px 25px;
  }
}
.blog__avatar-img {
  width: 115px;
  flex: 0 0 auto;
}
.blog__avatar-img img {
  width: 100%;
  border-radius: 50%;
}
.blog__avatar-info .designation {
  display: block;
  font-size: 15px;
  font-weight: 500;
  font-family: var(--tg-heading-font-family);
  line-height: 1;
  margin-bottom: 8px;
}
.blog__avatar-info .name {
  font-size: 20px;
  margin-bottom: 18px;
}
.blog__avatar-info p {
  margin-bottom: 0;
}

blockquote {
  margin: 50px 50px 60px;
  background: #f8faff;
  padding: 50px 100px 50px 50px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  blockquote {
    padding: 50px 100px 50px 40px;
    margin: 40px 0 50px;
  }
}
@media (max-width: 767.98px) {
  blockquote {
    padding: 40px 40px 40px 30px;
  }
}
blockquote::after {
  content: "\f10e";
  font-weight: 700;
  font-size: 52px;
  color: #e2e5f6;
  line-height: 1;
  font-family: var(--tg-icon-font-family);
  position: absolute;
  right: 33px;
  top: 27px;
  z-index: -1;
}
@media (max-width: 767.98px) {
  blockquote::after {
    font-size: 40px;
    right: 20px;
    top: 15px;
  }
}
blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: var(--tg-theme-primary);
}
blockquote p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  text-transform: capitalize;
  color: var(--tg-theme-secondary);
}
@media (max-width: 767.98px) {
  blockquote p {
    font-size: 18px;
  }
}

.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid var(--tg-color-white-default);
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  animation: pulse-border 1500ms ease-out infinite;
}

.sidebar__widget {
  border: 1px solid var(--tg-border-6);
  padding: 26px 30px 30px;
  border-radius: 10px;
  margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
  .sidebar__widget {
    padding: 26px 20px 30px;
  }
}
@media (max-width: 991.98px) {
  .sidebar__widget {
    padding: 26px 30px 30px;
  }
}
.sidebar__widget:last-child {
  margin-bottom: 0;
}
.sidebar__widget-search {
  border: none;
  padding: 0;
  border-radius: 0;
}
.sidebar__search form {
  position: relative;
}
.sidebar__search form input {
  width: 100%;
  border: 1px solid var(--tg-border-6);
  border-radius: 6px;
  font-size: 14px;
  color: var(--tg-theme-secondary);
  padding: 14px 60px 14px 20px;
  height: 50px;
}
.sidebar__search form input::-moz-placeholder {
  color: var(--tg-border-5);
  font-size: 14px;
}
.sidebar__search form input::placeholder {
  color: var(--tg-border-5);
  font-size: 14px;
}
.sidebar__search form button {
  border: none;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-secondary);
  border-radius: 4px;
}
.sidebar__search form button svg {
  width: 20px;
  color: var(--tg-color-white-default);
}
.sidebar__search form button:hover {
  background: var(--tg-theme-primary);
}
.sidebar__widget-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 22px;
  padding-bottom: 12px;
  position: relative;
}
.sidebar__widget-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 4px;
  border-radius: 4px;
  background: var(--tg-theme-primary);
}
.sidebar__cat-list .list-wrap li {
  border-bottom: 1px solid var(--tg-border-6);
  padding-bottom: 17px;
  margin-bottom: 17px;
}
.sidebar__cat-list .list-wrap li a {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: var(--tg-body-color);
  gap: 5px;
}
.sidebar__cat-list .list-wrap li a i {
  line-height: 0;
  font-size: 24px;
  color: var(--tg-border-5);
  transition: all 0.3s ease-out 0s;
}
.sidebar__cat-list .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.sidebar__cat-list .list-wrap li a:hover i {
  color: var(--tg-theme-primary);
}
.sidebar__cat-list .list-wrap li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.sidebar__post-item {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.sidebar__post-item:last-child {
  margin-bottom: 0;
}
.sidebar__post-thumb {
  width: 80px;
  flex: 0 0 auto;
}
.sidebar__post-thumb img {
  border-radius: 4px;
}
.sidebar__post-content .title {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: capitalize;
}
.sidebar__post-content .date {
  display: flex;
  align-items: center;
  color: #83849e;
  font-size: 15px;
  gap: 5px;
}
.sidebar__post-content .date i {
  line-height: 0;
}
.sidebar__tag-list .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.sidebar__tag-list .list-wrap li a {
  font-size: 15px;
  background: var(--tg-color-gray-3);
  font-weight: 500;
  color: var(--tg-theme-secondary);
  padding: 7px 16px;
  border-radius: 5px;
  display: block;
}
.sidebar__tag-list .list-wrap li a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.comments-wrap-title {
  font-size: 24px;
  margin-bottom: 20px;
}
.comments-wrap .latest-comments {
  margin-bottom: 80px;
}
.comments-wrap .latest-comments .children {
  margin: 0 0 0 45px;
  padding: 0;
}
@media (max-width: 767.98px) {
  .comments-wrap .latest-comments .children {
    margin: 0;
  }
}
.comments-box {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #d6dce9;
  padding-bottom: 30px;
  margin-bottom: 35px;
  gap: 25px;
}
@media (max-width: 767.98px) {
  .comments-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.comments-avatar {
  width: 115px;
  flex: 0 0 auto;
}
.comments-avatar img {
  border-radius: 50%;
}
.comments-text .avatar-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.comments-text .avatar-name .name {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.comments-text .avatar-name span {
  font-weight: 500;
  font-size: 15px;
  display: block;
  color: var(--tg-theme-primary);
}
.comments-text p {
  margin-bottom: 15px;
}
.comments-text .reply-btn {
  background: var(--tg-color-gray-3);
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  padding: 6px 17px;
  text-transform: uppercase;
  border-radius: 5px;
  color: var(--tg-theme-secondary);
}
.comments-text .reply-btn:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.comment-respond {
  border: 1px solid var(--tg-border-1);
  border-radius: 8px;
  padding: 35px 40px 50px;
  background: var(--tg-color-gray-3);
}
@media (max-width: 1199.98px) {
  .comment-respond {
    padding: 35px 25px 50px;
  }
}
.comment-reply-title {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .comment-reply-title {
    font-size: 26px;
  }
}
.comment-form .comment-notes {
  margin-bottom: 15px;
}
.comment-form .form-grp {
  margin-bottom: 15px;
}
.comment-form .form-grp textarea, .comment-form .form-grp input {
  width: 100%;
  border: 1px solid var(--tg-color-gray-1);
  background: var(--tg-color-white-default);
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-body-color);
  padding: 12px 15px;
  height: 50px;
  display: block;
  border-radius: 6px;
}
.comment-form .form-grp textarea::-moz-placeholder, .comment-form .form-grp input::-moz-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-color-gray-4);
}
.comment-form .form-grp textarea::placeholder, .comment-form .form-grp input::placeholder {
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-color-gray-4);
}
.comment-form .form-grp textarea {
  min-height: 130px;
  max-height: 130px;
}
.comment-form .checkbox-grp {
  display: flex;
  align-items: center;
  margin: 25px 0;
}
.comment-form .checkbox-grp input {
  width: 22px;
  margin-inline-end: 9px;
  height: 22px;
  cursor: pointer;
}
.comment-form .checkbox-grp label {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-body-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.comment-form .btn::after {
  display: none;
}

.pagination-wrap .pagination {
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination-wrap .pagination .page-link {
  margin-inline-start: 0;
  padding: 0 0;
  color: var(--tg-body-color);
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tg-border-1);
  border-radius: 5px;
  background: transparent;
}
.pagination-wrap .pagination .page-link:hover {
  color: var(--tg-color-white-default);
  background-color: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
}
.pagination-wrap .pagination .page-link:focus {
  color: var(--tg-color-white-default);
  background-color: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  outline: 0;
  box-shadow: none;
}
.pagination-wrap .pagination .page-item.active .page-link {
  color: var(--tg-color-white-default);
  background-color: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
}

/*=============================
    20. Contact
===============================*/
.contact__area {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .contact__area {
    padding: 100px 0;
  }
}
.contact-map {
  width: 100%;
  height: 490px;
  margin-bottom: 70px;
}
@media (max-width: 767.98px) {
  .contact-map {
    height: 400px;
  }
}
.contact-map iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .contact__content {
    margin-bottom: 50px;
  }
}
.contact__info .list-wrap li {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 50px;
}
@media (max-width: 991.98px) {
  .contact__info .list-wrap li {
    margin-bottom: 30px;
  }
}
.contact__info .list-wrap li:last-child {
  margin-bottom: 0;
}
.contact__info .list-wrap li .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  line-height: 0;
  color: var(--tg-theme-secondary);
  font-size: 30px;
  flex: 0 0 auto;
}
.contact__info .list-wrap li .content .title {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
}
.contact__info .list-wrap li .content p {
  margin-bottom: 0;
  font-weight: 500;
}
.contact__info .list-wrap li .content a {
  color: var(--tg-body-color);
  font-weight: 500;
}
.contact__info .list-wrap li .content a:hover {
  color: var(--tg-theme-primary);
}
.contact__form-wrap {
  background: var(--tg-color-gray-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 8px;
  padding: 35px 40px 40px;
  margin-inline-start: 30px;
}
@media (max-width: 1199.98px) {
  .contact__form-wrap {
    padding: 35px 20px 40px;
    margin-inline-start: 0;
  }
}
.contact__form-wrap .title {
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .contact__form-wrap .title {
    font-size: 28px;
    margin-bottom: 8px;
  }
}
.contact__form-wrap p {
  margin-bottom: 15px;
}
.contact__form-wrap form .row {
  --bs-gutter-x: 10px;
}
.contact__form-wrap form .form-grp {
  margin-bottom: 10px;
}
.contact__form-wrap form .form-grp input {
  width: 100%;
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-color-gray-1);
  border-radius: 8px;
  padding: 14px 15px;
  font-size: 15px;
  color: var(--tg-theme-secondary);
  height: 50px;
}
.contact__form-wrap form .form-grp input::-moz-placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.contact__form-wrap form .form-grp input::placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.contact__form-wrap form .form-grp textarea {
  width: 100%;
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-color-gray-1);
  border-radius: 8px;
  padding: 14px 15px;
  font-size: 15px;
  color: var(--tg-theme-secondary);
  display: block;
  min-height: 130px;
  max-height: 130px;
}
.contact__form-wrap form .form-grp textarea::-moz-placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.contact__form-wrap form .form-grp textarea::placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.contact__form-wrap form .checkbox-grp {
  display: flex;
  align-items: flex-start;
  margin: 15px 0 25px;
}
.contact__form-wrap form .checkbox-grp input {
  width: 22px;
  margin-inline-end: 9px;
  height: 22px;
  cursor: pointer;
}
.contact__form-wrap form .checkbox-grp label {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-body-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.contact__form-wrap form .btn::after {
  display: none;
}

.ajax-response.error, .ajax-response.success {
  margin: 20px 0 0 !important;
}
.ajax-response.error {
  color: red;
}
.ajax-response.success {
  color: green;
}

/*=============================
    22. 404 Error
===============================*/
.error-area {
  padding: 120px 0;
}
@media (max-width: 767.98px) {
  .error-area {
    padding: 100px 0;
  }
}
.error-content {
  text-align: center;
}
.error-content svg {
  width: 648px;
  color: var(--tg-theme-primary);
  margin-bottom: 45px;
}
@media (max-width: 1199.98px) {
  .error-content svg {
    width: 600px;
  }
}
@media (max-width: 991.98px) {
  .error-content svg {
    width: 500px;
  }
}
@media (max-width: 767.98px) {
  .error-content svg {
    width: 100%;
    margin-bottom: 30px;
  }
}
.error-content .title {
  margin-bottom: 10px;
  font-size: 48px;
}
@media (max-width: 1199.98px) {
  .error-content .title {
    font-size: 42px;
  }
}
@media (max-width: 991.98px) {
  .error-content .title {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .error-content .title {
    font-size: 36px;
  }
}
.error-content .title p {
  margin-bottom: 35px;
}

/*=============================
    23. Footer
===============================*/
.footer-area {
  position: relative;
  overflow: hidden;
}
.footer__area-two {
  background: var(--tg-color-dark-blue);
}
.footer__area-three {
  background: var(--tg-color-dark-blue);
}
.footer__area-four {
  background: var(--tg-color-dark-blue);
  position: relative;
  z-index: 1;
}
.footer-top {
  padding: 120px 0 70px;
}
@media (max-width: 767.98px) {
  .footer-top {
    padding: 100px 0 50px;
  }
}
.footer-top .row > *:nth-child(2) .footer-widget {
  margin-inline-start: 50px;
}
@media (max-width: 991.98px) {
  .footer-top .row > *:nth-child(2) .footer-widget {
    margin-inline-start: 0;
  }
}
.footer-top .row > *:nth-child(3) .footer-widget {
  margin-inline-start: 70px;
}
@media (max-width: 991.98px) {
  .footer-top .row > *:nth-child(3) .footer-widget {
    margin-inline-start: 0;
  }
}
.footer__top-two {
  padding: 60px 0 30px;
}
.footer__top-two .fw-title {
  color: var(--tg-color-white-default);
}
.footer__top-two .footer-link-list .list-wrap li a {
  font-weight: 700;
  color: var(--tg-color-gray-2);
}
.footer__top-two .row > *:nth-child(3) .footer-widget {
  margin-inline-start: 65px;
}
@media (max-width: 991.98px) {
  .footer__top-two .row > *:nth-child(3) .footer-widget {
    margin-inline-start: 0;
  }
}
.footer__top-three {
  padding: 110px 0 70px;
}
@media (max-width: 767.98px) {
  .footer__top-three {
    padding: 90px 0 40px;
  }
}
.footer__top-three .fw-title {
  color: var(--tg-color-white-default);
}
.footer__top-three .footer-link-list .list-wrap li a {
  color: var(--tg-color-gray-2);
}
.footer__top-three .footer-info-list .list-wrap li .icon, .footer__top-three .footer-info-list .list-wrap li p, .footer__top-three .footer-info-list .list-wrap li a {
  color: var(--tg-color-gray-2);
}
.footer-widget {
  margin-bottom: 40px;
}
.footer-content p {
  margin-bottom: 25px;
}
.footer__content-two {
  width: 80%;
}
@media (max-width: 991.98px) {
  .footer__content-two {
    width: 100%;
  }
}
.footer__content-two > p {
  color: var(--tg-color-gray-2);
  margin-bottom: 15px;
  font-weight: 700;
}
.footer-social .list-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-social .list-wrap li a {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaf1f4;
  border-radius: 5px;
  font-size: 20px;
  color: var(--tg-heading-color);
}
.footer-social .list-wrap li a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}
.footer__social-two {
  flex-grow: 1;
}
.footer__social-two .list-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 991.98px) {
  .footer__social-two .list-wrap {
    justify-content: center;
  }
}
.footer__social-two .list-wrap li a {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #232563;
  border-radius: 50%;
  font-size: 20px;
  color: var(--tg-color-gray-2);
}
.footer__social-two .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.footer__social-three .title {
  display: block;
  color: #7375a5;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.footer__social-three .list-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer__social-three .list-wrap li a {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #232563;
  border-radius: 50%;
  font-size: 20px;
  color: var(--tg-color-gray-2);
}
.footer__social-three .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.footer-info-list .list-wrap li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}
.footer-info-list .list-wrap li .icon {
  font-size: 24px;
  line-height: 0;
}
.footer-info-list .list-wrap li a {
  color: var(--tg-body-color);
}
.footer-info-list .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.footer-info-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.footer-info-list .list-wrap li .content p {
  margin-bottom: 0;
}
.footer-link-list .list-wrap li {
  margin-bottom: 10px;
}
.footer-link-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.footer-link-list .list-wrap li a {
  color: var(--tg-body-color);
  position: relative;
}
.footer-link-list .list-wrap li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: var(--tg-theme-primary);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}
.footer-link-list .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.footer-link-list .list-wrap li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.footer-instagram .list-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}
.footer-instagram .list-wrap li a img {
  width: 85px;
  height: 85px;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: luminosity;
  border-radius: 10px;
}
.footer-bottom {
  background: var(--tg-color-gray-3);
  border-top: 1px solid var(--tg-border-1);
  padding: 35px 0;
}
@media (max-width: 767.98px) {
  .footer-bottom {
    padding: 25px 0;
  }
}
.footer__bottom-two {
  border-top: 1px solid #272a68;
  padding: 40px 0;
}
@media (max-width: 767.98px) {
  .footer__bottom-two {
    padding: 30px 0;
  }
}
.footer__bottom-three {
  border-top: 1px solid #272a68;
  padding: 40px 0;
}
@media (max-width: 767.98px) {
  .footer__bottom-three {
    padding: 25px 0;
  }
}
@media (max-width: 767.98px) {
  .footer__bottom-three .fw-logo {
    text-align: center;
    margin-bottom: 20px;
  }
}
.footer__bottom-three .copyright-text {
  text-align: right;
}
@media (max-width: 767.98px) {
  .footer__bottom-three .copyright-text {
    text-align: center;
  }
}
.footer__bottom-three .copyright-text p {
  color: #5f6196;
}
.footer__bottom-three .copyright-text p a {
  color: #5f6196;
}
.footer__bottom-four {
  border-top: 1px solid #272a68;
  padding: 65px 0;
}
@media (max-width: 991.98px) {
  .footer__bottom-four {
    padding: 25px 0;
  }
}
.footer__bottom-four .copyright-text {
  text-align: right;
}
@media (max-width: 991.98px) {
  .footer__bottom-four .copyright-text {
    text-align: center;
  }
}
.footer__bottom-four .copyright-text p {
  color: #5f6196;
}
.footer__bottom-four .copyright-text p a {
  color: #5f6196;
}
.footer-newsletter {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 991.98px) {
  .footer-newsletter {
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .footer-newsletter {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer-newsletter .title {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .footer-newsletter .title {
    font-size: 18px;
  }
}
.footer-newsletter form {
  position: relative;
  flex-grow: 1;
}
.footer-newsletter form input {
  width: 100%;
  border: 1px solid var(--tg-border-1);
  background: var(--tg-color-white-default);
  border-radius: 30px;
  font-size: 14px;
  line-height: 0;
  color: var(--tg-theme-secondary);
  padding: 16px 140px 16px 22px;
  height: 50px;
}
.footer-newsletter form input::-moz-placeholder {
  font-size: 14px;
  text-transform: capitalize;
  color: #667594;
}
.footer-newsletter form input::placeholder {
  font-size: 14px;
  text-transform: capitalize;
  color: #667594;
}
.footer-newsletter .btn {
  border-radius: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
.footer-newsletter .btn::after {
  display: none;
}
.footer__newsletter-two {
  padding: 80px 0 60px;
  border-bottom: 1px solid #272a68;
}
@media (max-width: 767.98px) {
  .footer__newsletter-two {
    padding: 60px 0 50px;
  }
}
.footer__newsletter-three {
  width: 90%;
}
@media (max-width: 767.98px) {
  .footer__newsletter-three {
    width: 100%;
  }
}
.footer__newsletter-three .title {
  margin-bottom: 20px;
  color: var(--tg-color-white-default);
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .footer__newsletter-three .title br {
    display: none;
  }
}
.footer__newsletter-three form {
  margin-bottom: 25px;
}
.footer__newsletter-three form input {
  background: #212356;
  border: none;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tg-color-white-default);
  padding: 15px 25px;
  height: 50px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.footer__newsletter-three form input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: #595b81;
}
.footer__newsletter-three form input::placeholder {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: #595b81;
}
.footer__newsletter-three form .btn {
  width: 100%;
  border-radius: 30px;
  justify-content: center;
}
.footer__newsletter-three form .btn::after {
  display: none;
}
.footer__newsletter-four {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 991.98px) {
  .footer__newsletter-four {
    justify-content: center;
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .footer__newsletter-four {
    flex-wrap: wrap;
  }
}
.footer__newsletter-four .title {
  margin-bottom: 0;
  color: var(--tg-color-white-default);
  font-size: 24px;
}
.footer__newsletter-four form {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-grow: 1;
}
@media (max-width: 767.98px) {
  .footer__newsletter-four form {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer__newsletter-four form input {
  flex-grow: 1;
  border: none;
  background: var(--tg-color-white-default);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tg-theme-secondary);
  padding: 15px 25px;
  height: 50px;
}
.footer__newsletter-four form input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: #667594;
}
.footer__newsletter-four form input::placeholder {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: #667594;
}
.footer__newsletter-four form .btn {
  width: 127px;
  border-radius: 30px;
}
.footer__newsletter-four form .btn::after {
  display: none;
}
.footer__newsletter-inner {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .footer__newsletter-inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
}
.footer__newsletter-inner .title {
  margin-bottom: 0;
  color: var(--tg-color-white-default);
  font-size: 24px;
  text-transform: capitalize;
  width: 20%;
  margin-inline-end: 30px;
}
@media (max-width: 1199.98px) {
  .footer__newsletter-inner .title {
    width: 100%;
    text-align: center;
    margin-inline-end: 0;
  }
}
.footer__newsletter-inner form {
  position: relative;
  width: 620px;
}
.footer__newsletter-inner form input {
  width: 100%;
  background: var(--tg-color-white-default);
  border: none;
  border-radius: 30px;
  font-size: 14px;
  font-weight: var(--tg-fw-bold);
  color: var(--tg-theme-secondary);
  padding: 20px 145px 20px 28px;
  height: 50px;
}
.footer__newsletter-inner form input::-moz-placeholder {
  font-size: 14px;
  font-weight: var(--tg-fw-bold);
  color: #667594;
  text-transform: capitalize;
}
.footer__newsletter-inner form input::placeholder {
  font-size: 14px;
  font-weight: var(--tg-fw-bold);
  color: #667594;
  text-transform: capitalize;
}
.footer__newsletter-inner form .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border-radius: 30px;
}
.footer__newsletter-inner form .btn::after {
  display: none;
}
.footer-shape img {
  position: absolute;
  z-index: -1;
}
.footer-shape img:nth-child(1) {
  left: 0;
  bottom: 0;
}
.footer-shape img:nth-child(2) {
  right: 0;
  top: 0;
}
.footer-shape img:nth-child(3) {
  right: 6%;
  top: 30%;
}
@media (max-width: 991.98px) {
  .footer-shape img:nth-child(3) {
    right: 11%;
    top: 24%;
  }
}
.footer-shape-two img {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.fw-logo img {
  max-height: 34px;
}

.fw-title {
  font-size: 22px;
  margin-bottom: 20px;
  font-weight: 600;
  position: relative;
  padding-bottom: 18px;
}
.fw-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 4px;
  border-radius: 4px;
  background: var(--tg-theme-primary);
}

.footer-info-two .list-wrap li .icon {
  color: var(--tg-color-gray-2);
}
.footer-info-two .list-wrap li .content a {
  font-weight: 700;
  color: var(--tg-color-gray-2);
}
.footer-info-two .list-wrap li .content a:hover {
  color: var(--tg-theme-primary);
}
.footer-info-two .list-wrap li .content p {
  font-weight: 700;
  color: var(--tg-color-gray-2);
}

@media (max-width: 991.98px) {
  .copyright-text {
    text-align: center;
  }
}
.copyright-text p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}
.copyright-text p a {
  color: var(--tg-body-color);
}
.copyright-text p a:hover {
  color: var(--tg-theme-primary);
}
.copyright-text a {
  color: var(--tg-body-color);
  font-size: 14px;
  font-weight: 500;
}
.copyright-text a:hover {
  color: var(--tg-theme-primary);
}
.copyright-text-two p {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #5f6196;
}
.copyright-text-two p a {
  color: #5f6196;
}
.copyright-text-two p a:hover {
  color: var(--tg-theme-primary);
}

/*=============================
    00. Keyframe Animation
===============================*/
@keyframes hoverShine {
  100% {
    left: 125%;
  }
}
.alltuchtopdown {
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation-duration: 3s;
}

@keyframes alltuchtopdown {
  0% {
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    transform: rotateX(0deg) translateY(0px);
  }
}
.rightToLeft {
  animation-name: rightToLeft;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rightToLeft {
  0% {
    transform: translateX(-30px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-30px);
  }
}
.ribbonRotate {
  animation-name: ribbonRotate;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes ribbonRotate {
  0%, 100% {
    transform: rotate(0);
  }
  25%, 75% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(30deg);
  }
}
.rotateme {
  animation-name: rotateme;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft2 {
  animation-name: fadeInLeft2;
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes heartbeat {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.05);
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.login__area-one {
  padding: 120px 0px 250px 0px;
  background-image: url(../img/login/bg-login.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.box-form-login {
  background-color: var(--tg-color-gray-3);
  max-width: 579px;
  margin: auto;
  padding: 63px 61px;
  border: 1px solid var(--tg-border-1);
  border-radius: 8px;
}
.box-form-login .form-group {
  margin-bottom: 24px;
  position: relative;
}
.box-form-login .form-control {
  padding: 22px 26px;
}
.box-form-login .form-control::-moz-placeholder {
  color: var(--tg-border-5);
  font-size: 15px;
  font-weight: 400;
}
.box-form-login .form-control::placeholder {
  color: var(--tg-border-5);
  font-size: 15px;
  font-weight: 400;
}
.box-form-login .form-control.account {
  background-image: url(../img/login/account.svg);
  background-repeat: no-repeat;
  background-position: right 26px center;
}
.box-form-login .form-control.email-address {
  background-image: url(../img/register/email.svg);
  background-repeat: no-repeat;
  background-position: right 26px center;
}
.box-form-login .view-password {
  background-image: url(../img/login/view.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 16px;
  width: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 26px;
  z-index: 12;
}

.form-login {
  position: relative;
}

.text-or {
  position: relative;
  text-align: center;
  margin: 34px 0px 48px 0px;
  border-top: 1px solid var(--tg-color-gray-2);
}
.text-or span {
  padding: 5px 11px;
  background-color: var(--tg-color-gray-3);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  color: var(--tg-color-body-color);
  text-transform: capitalize;
  margin: auto;
  max-width: 41px;
  left: 0px;
  right: 0px;
}

.text-48-bold {
  font-size: 48px;
  line-height: 65px;
  font-weight: bold;
}

.box-login-with {
  margin-top: 35px;
}

.box-forgot-pass {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.box-forgot-pass * {
  color: var(--tg-color-body-color);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.box-forgot-pass span {
  padding-left: 0px;
  overflow: hidden;
  display: block;
}

.cb-remember {
  float: left;
  margin: 4px 10px 0px 0px;
}

.form-login .link-bold {
  font-weight: bold;
}
.form-login .link-bold:hover {
  color: var(--tg-theme-secondary);
}

.header-border-bottom {
  border-bottom: 1px solid var(--tg-color-gray-2);
}

@media (max-width: 575px) {
  .box-form-login {
    padding: 23px 21px;
  }
  .box-form-login .form-control.account,
  .box-form-login .form-control.email-address {
    background-position: right 12px center;
  }
  .box-form-login .view-password {
    right: 14px;
  }
  .box-form-login .form-control {
    padding: 22px 40px 22px 16px;
  }
  .text-48-bold {
    font-size: 35px;
    line-height: 50px;
  }
}
@media (max-width: 375px) {
  .text-48-bold {
    font-size: 25px;
    line-height: 40px;
  }
}
.register__area-one {
  padding: 120px 0px 250px 0px;
  background-image: url(../img/register/bg-register.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.forgot__area-one {
  padding: 120px 0px 250px 0px;
  background-image: url(../img/forgot/bg-forgot.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.text-16-semibold {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
}

.form-forgot .text-infos {
  padding: 0px 0px 0px 29px;
  background-image: url(../img/forgot/info.svg);
  background-repeat: no-repeat;
  background-position: left center;
  color: var(--tg-body-color);
  margin-bottom: 0px;
}
.form-forgot .alert-warning {
  background-color: var(--tg-color-yellow-light-3);
  padding: 15px 24px;
  margin-bottom: 24px;
  border: 0px;
}

.border-btn.btn-login {
  padding: 19px 26px;
}
.border-btn.btn-login svg {
  fill: var(--tg-body-color);
  width: 16px;
  margin-inline-end: 8px;
}
.border-btn.btn-login:hover svg {
  fill: var(--tg-color-white-default);
}
.border-btn.btn-login::after {
  display: none;
}

.slider_baner_home6 .slider__bg {
  opacity: 1;
}
.slider_baner_home6 .banner__content-three {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding: 60px 60px 60px 80px;
  margin: 60px 0px 60px 60px;
}
.slider_baner_home6 .banner__content-three .title {
  margin-bottom: 10px;
}
.slider_baner_home6 .banner__content-three p {
  margin-bottom: 30px;
}
.slider_baner_home6 .slider__single {
  max-height: 693px;
  background-color: transparent;
}
.slider_baner_home6 .slider__single::before {
  display: none;
}

.text-stroke-2 {
  color: #fdbe39;
  text-shadow: -1px -1px 0 #e08b00, 1px -1px 0 #e08b00, -1px 1px 0 #e08b00, 1px 1px 0 #e08b00;
  font-size: 70px;
  font-weight: bold;
  line-height: 70px;
}

.text-25-years {
  padding: 20px 30px 20px 40px;
  display: flex;
  align-items: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--tg-color-gray-3);
  border-radius: 50px 0px 50px 50px;
  position: absolute;
  top: 50%;
  left: -175px;
  z-index: 123;
  transform: translateY(-50%) rotate(-90deg);
}

.text-experience {
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  padding-left: 10px;
}

.slider__area {
  position: relative;
}

.box-button-slider-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 1234;
  padding-bottom: 50px;
}
.box-button-slider-bottom .testimonial__nav-four {
  justify-content: flex-end;
}

.services__item-six {
  border: 0px;
  box-shadow: none;
  display: flex;
  align-items: flex-start;
  padding: 0px;
  margin-bottom: 55px;
}
.services__item-six .services__icon-five {
  min-width: 78px;
  margin-inline-end: 15px;
  margin-top: 18px;
}
.services__item-six .services__content-five {
  width: 100%;
  text-align: left;
}
.services__item-six .icon {
  transition: all 0.3s ease-out 0s;
}
.services__item-six:hover .icon {
  transform: rotateY(180deg);
  transition: all 0.3s ease-out 0s;
}

.services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-six {
  margin-bottom: 30px;
  margin-top: 0px;
}

.all_services__area-six {
  background-color: var(--tg-heading-color);
  background-image: url(../img/home6/bg-offer.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 112px 0px;
  text-align: center;
  color: var(--tg-color-white-default);
}
.all_services__area-six h2 {
  font-size: 48px;
  line-height: 63px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px;
}
.all_services__area-six p {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.card-team-area-six {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--tg-border-1);
  border-radius: 15px;
  background-color: var(--tg-color-white-default);
  overflow: hidden;
  margin-bottom: 30px;
}
.card-team-area-six .card-image {
  min-width: 265px;
  max-width: 265px;
  width: 100%;
  background-color: var(--tg-color-yellow-light);
  position: relative;
}
.card-team-area-six .card-image::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../img/home6/bg-card-team.png) no-repeat top left;
  z-index: 1;
}
.card-team-area-six .card-image img {
  position: relative;
  z-index: 2;
  max-height: 305px;
  margin-top: 15px;
  margin-inline-start: 10px;
}
.card-team-area-six .card-image .btn-share {
  background-color: var(--tg-color-white-default);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: 17px;
  z-index: 4;
  text-align: center;
  line-height: 48px;
}
.card-team-area-six .card-image .btn-share img {
  margin: 0px;
}
.card-team-area-six .card-info {
  width: 100%;
  padding: 20px 20px 20px 30px;
}
.card-team-area-six .card-info .card-title {
  margin-bottom: 28px;
}
.card-team-area-six .card-info .card-title a {
  color: var(--tg-heading-color);
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
.card-team-area-six .card-info .card-dept {
  color: var(--tg-theme-primary);
  font-size: 16px;
  line-height: 16px;
  margin: 10px 0px;
}
.card-team-area-six .card-info .card-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--tg-body-color);
  margin-bottom: 28px;
}
.card-team-area-six .card-info .card-link a {
  text-decoration: underline;
  color: var(--tg-theme-primary);
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}

.box-need-help {
  position: relative;
}

.box-text-need-help {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 32px;
  background-color: var(--tg-heading-color);
  color: var(--tg-color-white-default);
  max-width: 297px;
}
.box-text-need-help h6 {
  color: var(--tg-theme-primary);
  margin-top: 15px;
  margin-bottom: 13px;
}
.box-text-need-help p {
  color: var(--tg-color-white-default);
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0px;
}

.accordion-button {
  border-bottom: 0px;
  padding: 23px 54px 23px 34px;
  border: 0px;
  position: relative;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: var(--tg-color-white-default);
}
.accordion-button:hover {
  color: var(--tg-color-white-default);
}

.accordion-button.collapsed {
  border-bottom: 1px solid var(--tg-border-1);
  background-color: var(--tg-theme-primary);
}

.accordion-button:focus {
  border-color: var(--tg-border-1);
}

.accordion-collapse {
  border: 0px;
  background-color: var(--tg-theme-primary);
}
.accordion-collapse .accordion-body {
  padding: 0px;
  padding-left: 32px;
  padding-right: 32px;
  margin-bottom: 0px;
  padding-bottom: 25px;
  color: var(--tg-color-white-default);
}

.accordion-button:not(.collapsed) {
  background-color: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  box-shadow: none;
}

.accordion {
  position: relative;
}

.accordion-item {
  border: 0px;
  overflow: hidden;
  margin-bottom: 8px;
  border-radius: 16px !important;
}

.accordion-item:first-of-type {
  border-radius: 16px !important;
}

.accordion-button::after {
  background-image: url(../img/home6.svg);
  transform: rotate(0deg);
  background-position: center;
  background-color: var(--tg-theme-primary);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  right: 20px;
  position: absolute;
  z-index: 12;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../../../themes/apexa/images/icons/plus.svg);
  background-color: var(--tg-theme-primary);
}

.box-faq-right {
  padding-left: 20px;
}

.marketing_expert__area_six {
  padding: 125px 0px 0px 0px;
  background-color: var(--tg-color-gray-3);
  background-image: url(../img/home6/bg-marketing.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 130px;
}

.footer__content-two > .color-white {
  color: var(--tg-color-white-default);
}

.footer__content-two .mb-40 {
  margin-bottom: 40px;
}

.box-video {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.box-video::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
}
.box-video .bnt-play {
  position: absolute;
  top: 0px;
  z-index: 12;
  height: 114px;
  width: 114px;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: 0px;
}

.box-video-small {
  margin-top: 0px;
  position: relative;
  bottom: -130px;
}

.item-video-small {
  display: flex;
  background-color: var(--tg-heading-color);
  border-radius: 16px;
  overflow: hidden;
}

.video-small-left {
  width: 100%;
  padding: 46px;
}

.video-small-right {
  max-width: 392px;
  min-width: 392px;
}
.video-small-right .box-video {
  border-radius: 0px;
}
.video-small-right .box-video::before {
  display: none;
}
.video-small-right .bnt-play {
  height: 70px;
  width: 70px;
}

.video-small-left-inner {
  display: flex;
  align-items: center;
}
.video-small-left-inner .video-small-left-1 {
  border-radius: 17px;
  background-color: var(--tg-theme-primary);
  padding: 29px;
  min-width: 139px;
  margin-inline-end: 20px;
  text-align: center;
}
.video-small-left-inner .video-small-left-1 * {
  color: var(--tg-color-white-default);
}
.video-small-left-inner .video-small-left-1 h3 {
  font-size: 48px;
  line-height: 48px;
}
.video-small-left-inner .video-small-left-1 p {
  margin-bottom: 0px;
}
.video-small-left-inner .video-small-left-2 * {
  color: var(--tg-color-white-default);
}
.video-small-left-inner .video-small-left-2 h3 {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 13px;
}

.footer__newsletter-six {
  position: relative;
  flex-wrap: wrap;
  gap: 10px;
}

.footer__top-two .color-white {
  color: var(--tg-color-white-default);
}

.text-subscribe {
  margin-bottom: 0px;
  width: 100%;
}

.footer__area-six .footer__content-two {
  max-width: 476px;
}

.footer__area-six .copyright-text-two p {
  text-align: left;
}

.text-stroke {
  color: var(--tg-color-dark-blue);
  text-shadow: 1px 1px 0 var(--tg-color-white-default), -1px -1px 0 var(--tg-color-white-default), 1px -1px 0 var(--tg-color-white-default), -1px 1px 0 var(--tg-color-white-default), 1px 1px 0 var(--tg-color-white-default);
  font-size: 60px;
  letter-spacing: 4px;
}

.partners__area-six {
  background-color: var(--tg-color-dark-blue);
  padding: 49px 0px;
}

.slider__partner {
  width: auto !important;
}
.slider__partner h4 {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.slider__partner h4 img {
  margin: 0px 25px;
}

.choose__area-six {
  padding: 124px 0px;
}
.choose__area-six .choose__img-wrap-five {
  text-align: center;
  position: relative;
}
.choose__area-six .choose__img-wrap-five .alltuchtopdown {
  z-index: 1;
  left: auto;
  right: 0%;
  bottom: 15%;
}
.choose__area-six .choose__img-wrap-five .shape-left {
  position: absolute;
  left: -10px;
  right: auto;
  top: 4%;
  box-shadow: none;
}
.choose__area-six .choose__img-wrap-five .shape-bottom-left {
  position: absolute;
  left: -10px;
  right: auto;
  bottom: -10px;
}
.choose__area-six .choose__img-wrap-five .shape-top-right {
  position: absolute;
  top: -40px;
  right: 30px;
  z-index: -1;
}

.our_team__area-six {
  padding: 124px 0px 0px 0px;
}

.faqs__area-six {
  padding: 124px 0px 124px 0px;
  background-image: url(../img/home6/bg-faq.svg);
  background-repeat: no-repeat;
  background-position: left bottom -120px;
  position: relative;
}
.faqs__area-six .circle {
  background-image: url(../img/home6/circle-faq.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 52px;
  width: 52px;
  position: absolute;
  left: 5%;
  top: 180px;
}

.marketing_expert__area_six .shape-top-right {
  position: absolute;
  top: -30px;
  right: -20px;
}

.services__item-style-2 .services__item-five {
  text-align: left;
  padding: 45px 30px 30px 30px;
}
.services__item-style-2 .services__item-five .services__icon-five {
  margin-inline-start: 15px;
}
.services__item-style-2 .services__item-five .services__content-five p {
  min-height: 120px;
}

.footer-payments img {
  margin: 0px 5px 9px 0px;
}

.link-gray {
  color: var(--tg-body-color);
}

.services__area-home7 {
  background-color: var(--tg-color-gray-3);
  background-image: url(../img/home7/bg-service.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto;
}

.text-60-bold,
.banner-two-col .section-title .title {
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
}
.text-60-bold span,
.banner-two-col .section-title .title span {
  font-weight: 300;
}

.item-author-more {
  display: inline-block;
  height: 64px;
  width: 64px;
  border: 1px solid var(--tg-theme-primary);
  border-radius: 50%;
  text-align: center;
  line-height: 65px;
  margin-inline-start: -5px;
  background-color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 600;
}

.box-authors {
  display: flex;
  align-items: center;
  position: relative;
}
.box-authors img {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  margin-inline-end: -30px;
}

.box-img-author {
  position: relative;
}

.text-trusted-author {
  font-size: 24px;
  line-height: 32px;
  color: var(--tg-heading-color);
  font-weight: 600;
  padding-left: 20px;
  max-width: 268px;
}

.text-42-bold {
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
}

.text-need-help {
  font-size: 24px;
  line-height: 24px;
  color: var(--tg-color-white-default);
}

.text-phone {
  color: var(--tg-color-white-default);
}

.slide__home7 {
  position: relative;
}

.box-info-contact {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: var(--tg-heading-color);
  padding: 52px;
}

.brand__area-home7 {
  padding-top: 117px;
}

.main-img-why {
  position: relative;
}
.main-img-why .play-btn {
  background: var(--tg-color-white-default);
  width: 114px;
  height: 114px;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 10px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  border-radius: 50%;
  margin: auto auto auto 150px;
}
.main-img-why .play-btn i {
  font-size: 43px;
  color: var(--tg-heading-color);
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  height: 43px;
  width: 38px;
}

.whychoose__area-home7 {
  padding-top: 0px;
}

.icon-line {
  position: absolute;
  bottom: 15%;
  left: 3%;
  z-index: 1;
}

.icon-star {
  position: absolute;
  top: 30%;
  right: 10%;
  z-index: 1;
}

.icon-snow {
  position: absolute;
  top: 15%;
  left: 10%;
  z-index: 1;
}

.steps__area-seven {
  background-color: var(--tg-heading-color);
  padding: 118px 0px 78px 0px;
}
.steps__area-seven * {
  color: var(--tg-color-white-default);
}

.journey_area-seven {
  padding: 85px 0px 0px 0px;
  background-color: var(--tg-heading-color);
  background-image: url(../img/home7/bg-journey.png);
  margin-bottom: 200px;
  background-position: top center;
}
.journey_area-seven .section-title h2,
.journey_area-seven .section-title p {
  color: var(--tg-color-white-default);
}
.journey_area-seven .section-title p {
  margin-bottom: 25px;
}

.box-counter-home7 {
  background-color: var(--tg-color-white-default);
  border-radius: 16px;
  -ms-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 60px 20px 30px 20px;
  bottom: -105px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.box-counter-home7 .counter-item {
  gap: 13px;
}

.card-step .card-icon {
  height: 78px;
  width: 69px;
  background-image: url(../img/home7/bg-step.svg);
  background-repeat: no-repeat;
  text-align: center;
  line-height: 78px;
  margin-bottom: 24px;
}
.card-step .card-icon * {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.card-step .card-info h5,
.card-step .card-info p {
  color: var(--tg-color-white-default);
  margin-bottom: 24px;
}
.card-step .card-info p {
  margin-bottom: 40px;
}
.card-step .card-info .link-readmore {
  color: var(--tg-color-white-default);
}
.card-step .card-info .link-readmore svg {
  margin-inline-start: 5px;
}

.mw-460 {
  max-width: 460px;
}

.slider_testimonial_home7 {
  position: relative;
  padding-top: 90px;
}
.slider_testimonial_home7 .quote-review {
  position: absolute;
  top: 0px;
  right: 20px;
  z-index: 12;
}

.item-testimonial {
  max-width: 1100px;
  padding-left: 50px;
  padding-right: 50px;
  margin: auto;
  display: flex;
}
.item-testimonial .item-testimonial-left {
  min-width: 300px;
  padding: 0px 10px;
  text-align: center;
}
.item-testimonial .item-testimonial-left .author-testimonial img {
  height: 87px;
  width: 87px;
  border-radius: 50%;
  margin-bottom: 5px;
}
.item-testimonial .item-testimonial-left .author-testimonial .info-author-review .name-review {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}
.item-testimonial .item-testimonial-left .author-testimonial .info-author-review .review-dept {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: var(--tg-theme-primary);
}
.item-testimonial .item-testimonial-left .author-testimonial .info-author-review .brand-review {
  margin-top: 32px;
  opacity: 0.5;
}
.item-testimonial .item-testimonial-right p {
  font-size: 24px;
  line-height: 30px;
  color: var(--tg-body-color);
  font-weight: 500;
}

.testimonials_area-seven {
  padding-bottom: 130px;
}
.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev,
.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
  position: absolute;
  top: 50%;
  z-index: 123;
  margin-top: -25px;
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
}
.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev:hover,
.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next:hover {
  background-color: var(--tg-theme-primary);
}
.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev {
  left: 0px;
}
.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
  right: 0px;
}
.testimonials_area-seven .swiper-pagination {
  bottom: 0px;
}
.testimonials_area-seven .swiper-container {
  padding-bottom: 40px;
}
.testimonials_area-seven .swiper-pagination-bullet {
  background-color: var(--tg-color-gray-2);
}
.testimonials_area-seven .swiper-pagination-bullet-active {
  background-color: var(--tg-heading-color);
}

.about__award-box-two-rel {
  position: relative;
}

.about__award-box-two2 {
  bottom: 115px;
}

.box-yellow-about {
  background-color: var(--tg-color-yellow-light);
  padding: 50px;
  border-radius: 32px;
}

@media (max-width: 1199px) {
  .banner-two-col .banner-col-1,
  .banner-two-col .banner-col-2 {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .banner-two-col,
  .item-video-small {
    flex-wrap: wrap;
  }
  .video-small-right {
    max-width: 100%;
    min-width: 100%;
  }
  .banner-two-col .banner-col-1,
  .banner-two-col .banner-col-2 {
    width: 100%;
  }
  .item-testimonial {
    padding-left: 0px;
    padding-right: 0px;
  }
  .item-testimonial .item-testimonial-left {
    min-width: 190px;
  }
  .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
    right: -70px;
  }
  .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev {
    left: -70px;
  }
}
@media (max-width: 768px) {
  .video-small-left {
    padding: 26px;
  }
}
@media (max-width: 575px) {
  .text-25-years {
    padding: 5px 15px 5px 24px;
    border-radius: 50px 0px 50px 50px;
    left: -135px;
  }
  .slider_baner_home6 .banner__content-three {
    padding: 30px 20px 30px 50px;
    margin: 0px 0px 100px 30px;
  }
  .slider_baner_home6 .banner__content-three .title {
    font-size: 30px;
  }
  .card-team-area-six {
    flex-wrap: wrap;
  }
  .card-team-area-six .card-image {
    min-width: 100%;
    max-width: 100%;
  }
  .video-small-left-inner {
    flex-wrap: wrap;
  }
  .video-small-left-inner .video-small-left-1 {
    margin-bottom: 30px;
  }
  .item-testimonial .item-testimonial-right p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 450px) {
  .item-testimonial {
    flex-wrap: wrap;
  }
  .item-testimonial-left {
    width: 100%;
    min-width: 100%;
    margin-bottom: 30px;
  }
}
.banner-two-col {
  background-color: var(--tg-color-gray-3);
}
.banner-two-col .banner-col-1 {
  padding: 80px 0;
  min-height: 646px;
}
.banner-two-col .banner-col-2 {
  width: 40%;
  position: absolute;
  top: 0;
  right: 0;
}
.banner-two-col .banner-col-2 .box-button-slider-bottom {
  bottom: 90px;
  left: auto;
  padding-bottom: 0px;
  right: 80px;
}

.services__item-five .icon {
  transition-duration: 0.3s;
}

.services__item-five:hover .icon {
  transform: rotateY(180deg);
  transition-duration: 0.3s;
}

.card-step .card-icon svg {
  transition-duration: 0.3s;
}

.card-step:hover .card-icon svg {
  transform: rotateY(180deg);
  transition-duration: 0.3s;
}

@media only screen and (max-width: 920px) {
  .banner-two-col .banner-col-2 {
    display: none;
  }
}
.card-services-type-01 {
  padding: 30px;
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-color-yellow-light-4);
  text-align: center;
  margin-bottom: 30px;
  border-radius: 15px;
  transition-duration: 0.2s;
}
.card-services-type-01:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1019607843);
  transition-duration: 0.2s;
  transform: translateY(-2px);
}
.card-services-type-01 .card-icon {
  margin-bottom: 24px;
  height: 58px;
}
.card-services-type-01 .card-icon i,
.card-services-type-01 .card-icon img,
.card-services-type-01 .card-icon svg {
  transition: 0.3s linear;
}
.card-services-type-01 .card-icon:hover i,
.card-services-type-01 .card-icon:hover img,
.card-services-type-01 .card-icon:hover svg {
  transform: rotateY(180deg);
}
.card-services-type-01 .card-info h5 {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 35px;
}

.slider_baner_home8 {
  position: relative;
}
.slider_baner_home8 .slider__bg {
  min-height: 778px;
  z-index: 1;
  opacity: 1;
  mix-blend-mode: normal;
}
.slider_baner_home8 .slider__bg::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--tg-heading-color);
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
}
.slider_baner_home8 .container {
  position: relative;
  z-index: 2;
}
.slider_baner_home8 .slider__single {
  min-height: 778px;
  align-items: flex-start;
}
.slider_baner_home8 .banner__content-three {
  margin-top: 0px;
}
.slider_baner_home8 .banner__content-three p {
  margin-bottom: 45px;
  color: var(--tg-color-white-default);
}
.slider_baner_home8 .banner__content-three .title {
  font-size: 60px;
  line-height: 70px;
  font-weight: bold;
  margin-bottom: 45px;
  color: var(--tg-color-white-default);
}
.slider_baner_home8 .banner__content-three .title span {
  font-weight: 300;
}

.slider__area-home8 {
  position: relative;
  padding: 0px 170px;
}
.slider__area-home8 .box-form-quote {
  position: absolute;
  top: 100px;
  width: auto;
  right: 0px;
  z-index: 12;
}
.slider__area-home8 .box-form-quote .testimonial__form {
  margin: 0px 0px 0px auto;
}
.slider__area-home8 .testimonial__nav-four .testimonial-two-button-prev {
  position: absolute;
  top: 50%;
  left: 60px;
  margin-top: -25px;
}
.slider__area-home8 .box-button-slider-bottom {
  position: static;
  padding: 0px;
  margin: 0px;
}
.slider__area-home8 .box-button-slider-bottom .testimonial__nav-four {
  margin: 0px;
}
.slider__area-home8 .testimonial__nav-four .testimonial-two-button-next {
  position: absolute;
  top: 50%;
  right: 60px;
  margin-top: -25px;
}

.services__area-home8 {
  position: relative;
  z-index: 12;
  top: -130px;
}

.card-number-star {
  background-color: var(--tg-color-white-default);
  border-radius: 50px 0px 50px 0px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1725490196);
  display: flex;
  align-items: center;
  padding: 25px;
  max-width: 376px;
  position: absolute;
  bottom: -75px;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 4;
}
.card-number-star .number {
  position: relative;
  margin-inline-end: 20px;
}
.card-number-star .content .title {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
}
.card-number-star .content p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0px;
}

.about__img-wrap-home8 {
  text-align: left;
}
.about__img-wrap-home8 .img-main {
  position: relative;
  z-index: 2;
}
.about__img-wrap-home8.about__img-wrap-seven .shape img {
  right: 7%;
  top: -14%;
}

.team__area-home8 {
  padding-top: 10px;
}

.about__img-wrap-home8.about__img-wrap-four > img {
  border-radius: 0px 40px 0px 40px;
}
.about__img-wrap-home8.about__img-wrap-four > img:nth-child(2) {
  border: 0px;
  border-radius: 40px 0px 40px 0px;
}
.about__img-wrap-home8.about__img-wrap-four .shape img {
  right: auto;
  top: auto;
  left: 30px;
  bottom: -70px;
}

.marketing__area-home8 {
  background-color: var(--tg-color-gray-3);
  background-image: url(../img/home8/wave.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.about__img-wrap2-home8 {
  position: relative;
  display: inline-block;
}
.about__img-wrap2-home8 .shape {
  position: absolute;
  bottom: -40px;
  right: -40px;
  z-index: -1;
}

.about__img-wrap2-home8 .shape-2 {
  position: absolute;
  top: 15%;
  right: -35px;
  z-index: 12;
}

.about__img-wrap3-home8 {
  display: inline-block;
  position: relative;
}
.about__img-wrap3-home8 .btn-play {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 123;
  height: 102px;
  width: 102px;
  margin: auto;
}
.about__img-wrap3-home8 img {
  border-radius: 0px 40px 0px 40px;
}

.card-testimonials {
  position: relative;
}
.card-testimonials .card-image {
  margin-bottom: 45px;
  height: 65px;
  width: 65px;
  overflow: hidden;
  border-radius: 50%;
}
.card-testimonials .card-image img {
  display: block;
  border-radius: 50%;
  height: 65px;
  width: 65px;
  transition: 0.3s linear;
}
.card-testimonials .card-info {
  background-position: top right;
  background-repeat: no-repeat;
  padding: 10px 0px;
}
.card-testimonials .card-info .card-position {
  margin-bottom: 17px;
}
.card-testimonials .card-info .rates-review {
  margin-bottom: 23px;
}
.card-testimonials .card-info .card-comment p {
  font-size: 17px;
  line-height: 30px;
}

.testimonials__area-home8 {
  position: relative;
  padding-top: 120px;
}

.box-button-slider-right .testimonial__nav-four {
  justify-content: flex-end;
}

.marketing__area-home8 {
  position: relative;
}
.marketing__area-home8 .shape {
  position: absolute;
  bottom: 24%;
  right: 5%;
  z-index: 0;
}
.marketing__area-home8 .shape-2 {
  position: absolute;
  bottom: 20%;
  right: 2%;
  z-index: 0;
}

@media (max-width: 1399px) {
  .marketing__area-home8 .shape {
    bottom: 2%;
  }
  .marketing__area-home8 .shape-2 {
    bottom: 4%;
  }
  .slider__area-home8 {
    padding: 0px 50px;
  }
}
@media (max-width: 1199px) {
  .slider__area-home8 {
    padding: 0px 0px;
  }
}
@media (max-width: 992px) {
  .footer__area-six .copyright-text-two p {
    text-align: center;
    margin-bottom: 25px;
  }
  .slider__area-home8 .box-form-quote {
    position: relative;
    top: auto;
    right: auto !important;
    display: table;
    margin: auto;
    width: 100%;
  }
  .slider_baner_home8 .slider__single {
    min-height: 558px;
  }
  .slider_baner_home8 .slider__bg {
    min-height: 558px;
  }
  .slider_baner_home8 .banner__content-three {
    margin-bottom: 0px;
  }
  .services__area-home8 {
    top: auto;
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .slider__area-home8 .box-form-quote .testimonial__form {
    border: 1px solid var(--tg-border-9);
    margin-top: 30px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .about__img-wrap-home8 {
    text-align: center;
    padding-bottom: 0px;
  }
  .about__img-wrap2-home8 .text-25-years {
    left: -120px;
  }
  .slider_baner_home8 .banner__content-three .title {
    font-size: 40px;
    line-height: 50px;
  }
  .marketing__area-home8 .shape,
  .marketing__area-home8 .shape-2 {
    display: none;
  }
}
@media (max-width: 575px) {
  .about__img-wrap2-home8 .shape-2 {
    right: -15px;
  }
}
:root {
  --tg-body-font-family: var(--primary-font);
  --tg-heading-font-family: var(--heading-font);
}

.truncate-2-custom {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.truncate-3-custom {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.show-admin-bar .offCanvas__info,
.show-admin-bar .tgmobile__menu,
.show-admin-bar .sticky-menu {
  top: 40px;
}

.tgmobile__menu .offCanvas__side-info {
  border-top: unset;
  padding-top: unset;
}
.tgmobile__menu {
  z-index: 100 !important;
}

.tgmobile__menu-bottom {
  margin-top: unset;
}

.footer-newsletter {
  width: 50%;
}
.footer-newsletter form .input-group.mb-3 {
  margin-bottom: 0 !important;
}
.footer-newsletter form .input-group.mb-3 input,
.footer-newsletter form .input-group.mb-3 button {
  border-radius: 30px !important;
}
.footer-newsletter form .input-group.mb-3 input:focus,
.footer-newsletter form .input-group.mb-3 button:focus {
  z-index: unset;
}

@media screen and (max-width: 991px) {
  .bottom-footer-wrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .bottom-footer-wrapper .footer-newsletter {
    width: 100%;
  }
}
footer {
  --tg-body-color: var(--footer-text-color);
  background-color: var(--footer-background-color);
  color: var(--footer-text-color);
  border-top: 1px solid var(--footer-border-color);
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: var(--footer-heading-color);
}
footer a,
footer p,
footer span {
  color: var(--footer-text-color);
}
footer {
  background-image: var(--footer-background-image);
  background-repeat: no-repeat;
  background-size: contain;
}
footer .footer-bottom {
  background-color: var(--footer-bottom-background-color);
  border-color: var(--footer-border-color) !important;
}

.breadcrumb__area {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: var(--breadcrumb-height, auto) !important;
  background-position: center;
  background-size: cover;
  background-color: var(--breadcrumb-bg-color, #f1f8ff) !important;
}
.breadcrumb__area,
.breadcrumb__area .breadcrumb-item {
  color: var(--breadcrumb-txt-color, inherit) !important;
}
.breadcrumb__area .breadcrumb-item.active {
  color: var(--breadcrumb-txt-color, #9faabb) !important;
}
.breadcrumb__area .breadcrumb-item + .breadcrumb-item::before {
  color: var(--breadcrumb-txt-color, var(--bs-breadcrumb-divider-color)) !important;
}
.breadcrumb__area h1 {
  color: var(--breadcrumb-txt-color, #203656) !important;
}

.brand-area > .container {
  margin-bottom: 20px;
}

.tg-header__top {
  background-color: var(--header-top-background-color);
}
.tg-header__top .tg-header__top-info li a,
.tg-header__top .tg-header__top-info li .icon {
  color: var(--header-top-text-color);
}

.tgmenu__action ul.dropdown-menu {
  display: none;
}
.tgmenu__action .dropdown-menu.show {
  display: block;
  inset: 10px auto auto 0 !important;
}

.header-language-switcher ul.dropdown-menu li {
  margin-inline-start: unset;
}

.tg-header__area-two .header-language-switcher {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.tg-header__area-two .header-language-switcher .dropdown-menu.show li {
  margin-inline-start: unset;
}

@media screen and (max-width: 991px) {
  .tg-header__area-two .tgmenu__action ul.list-wrap {
    align-items: center;
  }
}
.shortcode-site-statistics {
  background-color: var(--background-color);
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-size: contain;
}
.shortcode-site-statistics .btn:after {
  content: unset !important;
}

.shortcode-team,
.shortcode-hero-banner,
.shortcode-contact-block,
.shortcode-testimonials,
.shortcode-about-us-information,
.shortcode-blog-posts,
.shortcode-services,
.shortcode-projects,
.shortcode-service-categories,
.widget-newsletter,
.shortcode-pricing,
.shortcode-services-tab,
.shortcode-instruction-steps {
  background-color: var(--background-color);
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-size: cover;
}

.shortcode-services {
  --title-color: var(--heading-color);
}
.shortcode-services .section-title h2.title {
  color: var(--title-color) !important;
}

.shortcode-testimonials {
  --title-color: var(--heading-color);
}
.shortcode-testimonials .section-title .title {
  color: var(--title-color) !important;
}

.shortcode-hero-banner .title span {
  color: var(--primary-color);
}

.shortcode-consulting-block {
  background-image: var(--background-image);
}
.shortcode-consulting-block .consulting-inner-wrap {
  background-color: var(--background-color);
}

.card-team-area-six .card-image:before {
  background: unset;
}

.shortcode-testimonials {
  margin-top: unset;
  padding-top: 100px;
}
.shortcode-testimonials .quote-icon {
  color: rgb(49, 52, 146);
}
.shortcode-testimonials .testimonial__rating i:last-child {
  color: unset;
}
.shortcode-testimonials .testimonial__rating .unstar {
  color: #ded9ce !important;
}
.shortcode-testimonials .card-testimonials .card-info {
  position: relative;
}
.shortcode-testimonials .card-testimonials .card-info .quote-icon {
  position: absolute;
  right: 0;
}

.shortcode-about-us-information .list-wrap li:hover svg,
.shortcode-about-us-information .list-wrap li:hover img {
  transform: rotateY(180deg);
}
.shortcode-about-us-information .list-wrap .icon svg,
.shortcode-about-us-information .list-wrap .icon img {
  transition: 0.3s linear;
  width: 40px !important;
  height: 40px !important;
}
.shortcode-about-us-information .choose__list-icon svg,
.shortcode-about-us-information .choose__list-icon img {
  transition: 0.3s linear;
  width: 40px !important;
  height: 40px !important;
}

.shortcode-about-us-information .icon svg,
.shortcode-about-us-information .icon img,
.shortcode-contact-form .icon svg,
.shortcode-contact-form .icon img {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: unset !important;
}

.shortcode-about-us-information-style-8 .list-wrap .icon svg,
.shortcode-about-us-information-style-8 .list-wrap .icon img {
  height: 60px !important;
  width: 60px !important;
}

.shortcode-about-us-information-style-11 .about__list-img-two {
  width: 230px;
}

.shortcode-about-us-information-style-12 .choose__list-box-two .choose__list-icon-two svg,
.shortcode-about-us-information-style-12 .choose__list-box-two .choose__list-icon-two img {
  width: 60px !important;
  height: 60px !important;
}

.shortcode-services.shortcode-services-style-6 .services__content-five p {
  min-height: unset !important;
}
.shortcode-services .services-item:hover .services-icon svg.icon,
.shortcode-services .services-item:hover .services-icon img {
  transform: rotateY(180deg);
  transition: all 0.4s ease-out 0s;
}
.shortcode-services .services-icon svg.icon,
.shortcode-services .services-icon img {
  position: unset;
  border: unset;
  width: 36px;
  height: 36px;
}
.shortcode-services .services-icon.icon-large svg.icon,
.shortcode-services .services-icon.icon-large img {
  width: 60px;
  height: 60px;
}
.shortcode-services .services-icon.icon-medium svg.icon,
.shortcode-services .services-icon.icon-medium img {
  width: 45px;
  height: 45px;
}

.shortcode-faq .box-text-need-help svg.icon {
  width: 36px;
  height: 36px;
  color: var(--primary-color);
}

.form-grp .form-select {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tg-body-color);
}

.shortcode-service-categories .service-categories-icon svg.icon,
.shortcode-service-categories .service-categories-icon img {
  position: unset;
  border: unset;
  width: 50px;
  height: 50px;
  transition: all 0.4s ease-out 0s;
}
.shortcode-service-categories .service-categories-item:hover .service-categories-icon svg.icon,
.shortcode-service-categories .service-categories-item:hover .service-categories-icon img {
  transform: rotateY(180deg);
  transition: all 0.4s ease-out 0s;
}
.shortcode-service-categories.shortcode-service-categories-style-3 .service-categories-icon svg.icon,
.shortcode-service-categories.shortcode-service-categories-style-3 .service-categories-icon img {
  width: 60px;
  height: 60px;
  color: var(--primary-color);
}

.shortcode-content-feature-list .feature-icon svg.icon,
.shortcode-content-feature-list .feature-icon img {
  position: unset;
  border: unset;
  width: 50px;
  height: 50px;
  transition: all 0.4s ease-out 0s;
}
.shortcode-content-feature-list .feature-item:hover .feature-icon svg.icon,
.shortcode-content-feature-list .feature-item:hover .feature-icon img {
  transform: rotateY(180deg);
  transition: all 0.4s ease-out 0s;
}

.shortcode-content-quote {
  background-color: var(--background-color);
}

.fob-comment-form-section {
  padding: 40px;
  background-color: var(--tg-color-gray-3);
  border-radius: 8px;
  border: 1px solid var(--tg-border-1);
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner {
  padding-bottom: 30px;
  border-bottom: 1px solid #d6dce9;
}
.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-content {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
  justify-content: start;
  padding-bottom: 45px;
  position: relative;
}
.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-content .fob-comment-item-body p {
  margin-bottom: 0;
}
.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-author {
  font-size: 20px;
  font-weight: 600;
}
.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-avatar img {
  width: 120px;
  border: 1px solid;
}
.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-footer .fob-comment-item-info {
  width: 100%;
  justify-content: space-between;
}
.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-footer .fob-comment-item-info .fob-comment-item-date {
  font-weight: 500;
  font-size: 15px;
  display: block;
  color: var(--primary-color);
}
.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-footer .fob-comment-item-reply {
  position: absolute;
  display: unset;
  bottom: 0;
  border: 0;
  background: var(--tg-color-gray-3);
  font-weight: 500;
  font-size: 14px;
  padding: 6px 17px;
  border-radius: 5px;
  color: var(--tg-theme-secondary);
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.blog-avatar .avatar-thumb {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.blog-avatar .avatar-thumb img {
  border-radius: unset;
  position: absolute;
  inset: 0;
}

.shortcode-newsletter .call-back-wrap {
  background-color: var(--background-color);
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-size: cover;
}

.post-tags .list-wrap a {
  white-space: nowrap;
}

.shortcode-services-tab .services__tab-wrap ul {
  list-style: none;
}
.shortcode-services-tab .services__tab-wrap ul button span.icon svg,
.shortcode-services-tab .services__tab-wrap ul button span.icon img {
  width: 24px;
  height: 24px;
}

.marketing_expert__area_six .box-video:before {
  content: unset !important;
}

.faqs__area-six {
  background-image: unset !important;
}
.faqs__area-six .circle {
  background-image: unset !important;
}

@media screen and (min-width: 1200px) {
  .shortcode-simple-slider.shortcode-simple-slider-style-3 .slider__single {
    min-height: 900px;
  }
}
@media screen and (max-width: 991px) {
  .shortcode-simple-slider.shortcode-simple-slider-style-3 .box-button-slider-bottom {
    display: none;
  }
}
.shortcode-services-style-7 .card-services-type-01 .card-icon .icon svg {
  color: var(--primary-color);
}

.shortcode-about-us-information-style-6 .choose__content-five .about-bottom {
  margin-top: 30px;
}

.auth-card__body .form-control {
  padding: 14px 15px;
  border-radius: 8px;
  background: var(--tg-color-white-default);
}
.auth-card__body form .auth-input-icon {
  top: 8px;
}
.auth-card__body form .btn-auth-submit {
  display: unset;
}
.auth-card__body form .btn-auth-submit:after {
  content: unset;
}

.career-details {
  padding: 60px 0;
}
.career-details .background-image {
  height: 300px;
  background-image: var(--background-image);
  border-radius: 16px;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 30px 0 rgba(14, 41, 50, 0.08);
}
.career-details .content {
  margin-top: -100px;
  background-color: #ffffff;
  min-height: 500px;
  border-radius: 16px;
  border: 1px solid var(--tg-border-1);
  padding: 50px;
}
.career-details .content .heading {
  padding-bottom: 25px;
  border-bottom: 1px solid var(--tg-border-1);
}
.career-details .content .heading .btn-apply {
  margin-inline-end: 20px;
}
.career-details .content .heading .title {
  font-size: 32px;
  font-weight: 700;
  color: var(--tg-heading-font-color);
  line-height: var(--tg-heading-line-height);
}
.career-details .content .heading .meta {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.career-details .content .heading .meta span.meta-item {
  gap: 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.career-details .content .heading .meta span.meta-item svg {
  flex-shrink: 0;
}
.career-details .content .heading .meta span.meta-item:not(:last-child) {
  margin-inline-end: 20px;
}
.career-details .content .body-content {
  margin-top: 25px;
}
.career-details .content .body-content .content-inner {
  padding-bottom: 10px;
}
.career-details .content .body-content .action {
  padding-top: 25px;
  border-top: 1px solid var(--tg-border-1);
}

.shortcode-banner-slider .slider_baner__active .slide__home7 img {
  margin-bottom: 200px;
}
.shortcode-banner-slider .banner-two-col .box-button-slider-bottom {
  width: auto;
  bottom: 50px;
}
.shortcode-banner-slider .box-authors img {
  max-width: 100%;
  width: unset;
}
.shortcode-banner-slider .banner-two-col {
  background-color: var(--background-color) !important;
}

.shortcode-about-us-information-style-16 {
  background-color: unset;
}
.shortcode-about-us-information-style-16 .box-yellow-about {
  background-color: var(--background-color) !important;
}

.widget-information .footer-info-two .list-wrap li .content {
  font-weight: 700;
  color: var(--tg-color-gray-2);
}

.widget-newsletter-style-4 .footer__newsletter-three button.btn {
  border-radius: 30px !important;
}

.shortcode-instruction-steps .card-step .card-icon {
  background-image: url("../images/icons/bg-step-icon.svg") !important;
}
.shortcode-instruction-steps .card-step .card-icon svg.icon,
.shortcode-instruction-steps .card-step .card-icon img {
  width: 36px;
  height: 36px;
}
.shortcode-instruction-steps .card-step .card-icon svg {
  stroke: var(--primary-color) !important;
}

.brochure-downloads-widget .sidebar__brochure a svg.icon {
  flex-shrink: 0;
}

@media screen and (max-width: 991px) {
  .wrapper-footer-widgets {
    gap: 20px;
  }
}
.widget-newsletter-style-3 form .input-group.mb-3 {
  margin-bottom: 0 !important;
}
.widget-newsletter-style-3 form .g-recaptcha {
  margin-top: 10px;
}

.contact-form-widget .contact-form label {
  display: none;
}
.contact-form-widget .contact-form .contact-form-row {
  flex-wrap: wrap;
}
.contact-form-widget .contact-form .contact-form-row .contact-column-6 {
  width: 100%;
}

.currency-switcher .dropdown-menu li a {
  color: var(--secondary-color);
}

.ecommerce.tg-header__top {
  display: block !important;
}

.tg-header__top .tg-header__top-info svg.icon {
  width: 20px;
  height: 20px;
}

.tgmenu__navbar-wrap ul li .sub-menu {
  z-index: 20;
}

.shortcode-team-style-3 .team__item-three .team__content-three .title a {
  text-shadow: 2px 2px 8px #000000;
}
.shortcode-team-style-3 .team__item-three .team__content-three span {
  text-shadow: 2px 2px 4px #151414;
}
.shortcode-team-style-3 .team__item-three ul.list-wrap li {
  margin-bottom: 4px;
}

.shortcode-team-style-1 ul.list-wrap li {
  margin-bottom: 4px;
}

@media screen and (max-width: 991px) {
  .tg-header__top-info.left-side {
    display: none;
  }
  .tg-header__top-info {
    margin-bottom: 0 !important;
  }
  .tg-header__top-info.right-side {
    justify-content: center !important;
  }
}
.scroll__top {
  display: flex;
  justify-content: center;
  align-items: center;
}

#quick-shop-modal .modal-body {
  min-height: 300px;
}

.transparent-header {
  top: var(--height-announcement);
}
.transparent-header.sticky-menu {
  top: 0;
}

.show-admin-bar .transparent-header.sticky-menu {
  top: 40px;
}

.language-switcher-mobile .title {
  color: var(--tg-heading-color);
  font-weight: 700;
  font-size: 18px;
  padding: 10px 60px 10px 25px;
}
.language-switcher-mobile .dropdown {
  padding: 0 60px 10px 20px;
}
.language-switcher-mobile .dropdown a {
  color: var(--secondary-color);
}

@media screen and (max-width: 991px) {
  .tg-header__top {
    display: none;
  }
  .has-header-transparent-and-ecommerce {
    padding: 180px 0 0 0 !important;
  }
}
.widget-newsletter .call-back-form form .input-group.mb-3, .shortcode-newsletter .call-back-form form .input-group.mb-3 {
  position: relative;
  margin-bottom: 0 !important;
}
.widget-newsletter .call-back-form form .input-group.mb-3 .mb-3.position-relative, .shortcode-newsletter .call-back-form form .input-group.mb-3 .mb-3.position-relative {
  position: absolute !important;
  top: 110%;
}
.widget-newsletter .call-back-form form .input-group .form-grp.w-100, .shortcode-newsletter .call-back-form form .input-group .form-grp.w-100 {
  width: 70% !important;
  margin-bottom: 0 !important;
}
.widget-newsletter .call-back-form form .input-group .form-grp.w-100 input, .shortcode-newsletter .call-back-form form .input-group .form-grp.w-100 input {
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}
.widget-newsletter .call-back-form form .input-group button.btn, .shortcode-newsletter .call-back-form form .input-group button.btn {
  height: 50px;
  width: 20%;
}

.widget-newsletter-style-4 .input-group.mb-3 {
  position: relative;
}
.widget-newsletter-style-4 .input-group.mb-3 .mb-3.position-relative {
  position: absolute !important;
  top: 45%;
}
.widget-newsletter-style-4 .input-group.mb-3 .mb-3.position-relative + button.btn {
  margin-bottom: 85px;
}

@media screen and (min-width: 991px) {
  .shortcode-simple-slider-style-3 {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 991px) {
  .shortcode-simple-slider-style-3 .box-form-quote {
    top: 50px !important;
  }
}
.shortcode-team-style-3, .shortcode-about-us-information-style-9, .shortcode-about-us-information-style-6 {
  padding-top: unset !important;
}

.widget-newsletter-style-4 form .input-group.mb-3 {
  margin-bottom: 0 !important;
}
.widget-newsletter-style-4 form .input-group .form-grp.w-100 {
  width: 70% !important;
  margin-bottom: 0 !important;
}
.widget-newsletter-style-4 form .input-group .form-grp.w-100 input {
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}
.widget-newsletter-style-4 form .input-group button.btn {
  height: 50px;
  width: 25%;
  border-bottom-left-radius: unset !important;
  border-top-left-radius: unset !important;
}

.brand-area {
  padding: 0;
}
.brand-area .brand__content {
  margin-bottom: 20px !important;
}
.brand-area .brand-active .swiper-wrapper {
  align-items: center;
}

.team__area-two {
  padding-top: 60px !important;
}

.testimonial__area-two + .shortcode-about-us-information-style-6 {
  padding-top: 90px !important;
}

.marketing_expert__area_six {
  padding: 90px 0 90px 0 !important;
  margin-bottom: 0 !important;
}

.brand-area + .shortcode-about-us-information-style-7 {
  padding-top: 90px !important;
}

.journey_area-seven + .testimonials_area-seven {
  padding-top: 0 !important;
}

.choose__area-six.shortcode-about-us-information-style-6 {
  padding-bottom: 20px !important;
}

.language-switcher-mobile .list {
  list-style: none;
  padding-left: 25px !important;
}

.tgmobile__menu .tgmobile__menu-box {
  padding-bottom: 60px;
}

.accordion-item .accordion-button:after, .accordion-item .accordion-button.collapsed:after {
  background-image: url("../images/icons/plus.svg") !important;
}
.accordion-item .accordion-button:not(.collapsed):after {
  background-image: url("../images/icons/minus.svg") !important;
}

.blog__details-wrap .blog__avatar-wrap .blog__avatar-img .avatar-wrapper {
  padding-top: 100%;
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  border-radius: 50%;
  border: 1px var(--tg-border-1) solid;
}
.blog__details-wrap .blog__avatar-wrap .blog__avatar-img .avatar-wrapper img {
  position: absolute;
  inset: 0;
}
.blog__details-wrap .blog__details-bottom .post-tags .list-wrap {
  flex-wrap: wrap;
}

.bb-product-detail #product-option .product-option-item-wrapper .product-option-item-label {
  margin-bottom: 0.5rem;
}
.bb-product-detail #product-option .product-option-item-wrapper .product-option-item-values .form-select, .bb-product-detail #product-option .product-option-item-wrapper .product-option-item-values .form-control {
  padding: 18px 24px !important;
}
.bb-product-detail #product-option {
  margin-bottom: 2rem;
}

.tgmenu__navbar-wrap ul li:hover > .sub-menu {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.tgmenu__navbar-wrap ul li:hover > .sub-menu li:hover > .sub-menu {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.tgmenu__navbar-wrap ul .sub-menu .menu-item-has-children {
  position: relative !important;
}
.tgmenu__navbar-wrap ul .sub-menu .sub-menu {
  left: 101% !important;
  top: 0 !important;
}

.product-faqs-accordion .accordion-header .accordion-button {
  background: var(--primary-color) !important;
}
.product-faqs-accordion .accordion-header .accordion-button:not(.collapsed) {
  color: #ffffff !important;
}

@media screen and (max-width: 991px) {
  .shortcode-hero-banner {
    position: relative;
    background-position: 75% 50%;
  }
  .shortcode-hero-banner .shortcode-hero-banner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .shortcode-hero-banner .container {
    z-index: 10;
  }
  .shortcode-hero-banner .container .banner-content p, .shortcode-hero-banner .container .banner-content h2, .shortcode-hero-banner .container .banner__content-three p, .shortcode-hero-banner .container .banner__content-three h2 {
    color: #ffffff;
  }
  .tg-header__area {
    background: rgba(255, 255, 255, 0.6);
  }
  .tg-header__area-five.transparent-header {
    background: rgba(255, 255, 255, 0.6) !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px 0 !important;
  }
}
.scroll__top:not(.open) {
  bottom: -10% !important;
}

.product__sidebar {
  margin-top: 64px;
}

.contact-form .form-grp .form-label {
  display: none;
}

.wishlist-area .cart-update {
  margin-bottom: 30px;
}
.wishlist-area .bb-social-sharing {
  display: inline-flex;
  gap: 10px;
  list-style-type: none;
  padding-left: 0;
}
.wishlist-area .bb-social-sharing .bb-social-sharing__item {
  align-items: center;
  background: #eaf1f4;
  border-radius: 5px;
  color: var(--tg-heading-color);
  display: flex;
  font-size: 20px;
  height: 45px;
  justify-content: center;
  width: 45px;
}
.wishlist-area .bb-social-sharing button {
  border: none;
}

@media screen and (max-width: 991px) {
  .tg-header__style-four .tg-header__area-four {
    background: var(--tg-color-white-default);
  }
  .tg-header__style-four .tg-header__top-three {
    --header-top-text-color: #ffffff !important;
  }
}
header .tgmenu__wrap .tgmenu__nav .logo {
  min-width: 150px;
}

.team__details-area .content {
  margin-top: 30px;
}

.shortcode-request-quote {
  padding: 60px 0;
}
.shortcode-request-quote .card {
  padding: 24px;
}

.project__details-info > .list-wrap > li:first-child {
  display: block;
  text-align: left;
}
.project__details-info > .list-wrap > li:first-child > span {
  display: block;
  width: 100%;
  min-width: 100%;
  margin-inline-end: 0;
  margin-bottom: 6px;
}

.project__details-top .project__details-info {
  margin-inline-start: 10px;
}
.project__details-top > .row {
  align-items: stretch;
}
.project__details-top > .row > .col-70,
.project__details-top > .row > .col-30 {
  display: flex;
}
.project__details-top .project__details-thumb {
  height: 100%;
  padding-bottom: 0;
}
.project__details-top .project__details-info {
  height: 100%;
  min-height: 468px;
  margin-bottom: 0;
  width: 100%;
}

.project__details-content > .title {
  margin-top: 20px;
}

#platforms .plat-platform-banner2 {
  display: flex;
  justify-content: center;
  border-radius: 18px;
  overflow: hidden;
}
#platforms .plat-platform-banner2 > img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}

.ck-content #platforms .plat-platform-banner2,
#platforms .plat-platform-banner2 {
  display: flex !important;
  justify-content: center !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.ck-content #platforms .plat-platform-banner2 img,
#platforms .plat-platform-banner2 img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-radius: inherit !important;
}

.ck-content #platforms img[src*="platform-sp-banner2.jpg"],
#platforms img[src*="platform-sp-banner2.jpg"] {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 18px !important;
}

/* Back-to-top button position override */
.scroll__top.open {
  bottom: 12px !important;
}

.project__details-info > .list-wrap > li a.project-website-link {
  color: #ffffff !important;
}

.project__details-info > .list-wrap > li a.project-website-link:hover {
  color: var(--tg-theme-primary) !important;
}

/* =========================================
   Shared: hover effect for button keywords
   Apply to CKEditor template button-like links (class contains `btn`)
   for common color keyword variants used across templates.
   Keeps per-template base colors intact; only adds interaction effect.
   ========================================= */
.ck-content a[class*=btn][class*=primary]:hover,
.ck-content a[class*=btn][class*=secondary]:hover,
.ck-content a[class*=btn][class*=red]:hover,
.ck-content a[class*=btn][class*=green]:hover,
.ck-content a[class*=btn][class*=blue]:hover,
.ck-content a[class*=btn][class*=orange]:hover,
.ck-content a[class*=btn][class*=accent]:hover,
.ck-content a[class*=btn][class*=alt]:hover,
.ck-content a[class*=btn][class*=soft]:hover,
.ck-content a[class*=btn][class*=oft]:hover,
.ck-content a[class*=btn][class*=cyan]:hover,
.ck-content a[class*=btn][class*=gold]:hover,
.ck-content a[class*=btn][class*=steel]:hover,
.ck-content a[class*=btn][class*=pink]:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(18, 34, 71, 0.18);
  filter: brightness(1.03);
}

/* =========================================
   Shared: match image corners to containers
   for templates scoped inside CKEditor (.ck-content)
   - *-hero-visual: container has padding 16px, radius ~28px
   - *-inner: container has padding 18px, radius ~ (var(--radius) - 1px)
   ========================================= */
.ck-content [class$=-hero-visual] {
  overflow: hidden;
}

.ck-content [class$=-hero-visual] img,
.ck-content [class$=-hero-visual] svg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: max(0px, var(--radius, var(--shx-radius, 26px)) + 2px - 16px);
}

.ck-content [class$=-inner] {
  border-radius: calc(var(--radius, var(--shx-radius, 26px)) - 1px);
  overflow: hidden;
}

.ck-content [class$=-inner] img,
.ck-content [class$=-inner] svg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: max(0px, var(--radius, var(--shx-radius, 26px)) - 1px - 18px);
}

/* BESTDY styles (merged from bestdy_styles.css) */
.bestdy-page,
#bestdy {
  --bestdy-bg: #071f3d;
  --bestdy-card: #113962;
  --bestdy-text: #eaf7ff;
  --bestdy-muted: #a9c7dc;
  --bestdy-line: rgba(255, 255, 255, 0.1);
  --bestdy-cyan: #69e5ff;
  --bestdy-purple: #c98cff;
  --bestdy-yellow: #ffe27a;
  --bestdy-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
  --bestdy-radius: 28px;
  --bestdy-max: 1180px;
  margin: 0;
  padding: 22px 16px 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(105, 229, 255, 0.1), transparent 18%), radial-gradient(circle at top right, rgba(201, 140, 255, 0.1), transparent 18%), radial-gradient(circle at bottom left, rgba(255, 226, 122, 0.06), transparent 14%), linear-gradient(180deg, #061a32 0%, #0a274a 100%);
  color: var(--bestdy-text);
  line-height: 1.78;
}
.bestdy-page,
.bestdy-page *,
#bestdy,
#bestdy * {
  box-sizing: border-box;
}
.bestdy-page img,
.bestdy-page svg,
#bestdy img,
#bestdy svg {
  display: block;
  max-width: 100%;
}
.bestdy-page a,
#bestdy a {
  text-decoration: none;
  color: inherit;
}
.bestdy-page h1,
#bestdy h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: #fff;
}
.bestdy-page .bestdy-wrap,
#bestdy .bestdy-wrap {
  max-width: var(--bestdy-max);
  margin: 0 auto;
}
.bestdy-page .bestdy-hero,
#bestdy .bestdy-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #133a67 0%, #1a4671 45%, #214d7d 100%);
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--bestdy-shadow);
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.bestdy-page .bestdy-hero::before,
.bestdy-page .bestdy-hero::after,
#bestdy .bestdy-hero::before,
#bestdy .bestdy-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
}
.bestdy-page .bestdy-hero::before,
#bestdy .bestdy-hero::before {
  width: 320px;
  height: 320px;
  right: -80px;
  top: -80px;
}
.bestdy-page .bestdy-hero::after,
#bestdy .bestdy-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}
.bestdy-page .bestdy-eyebrow,
#bestdy .bestdy-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(105, 229, 255, 0.12);
  border: 1px solid rgba(105, 229, 255, 0.2);
  margin-bottom: 18px;
  color: #dffaff;
}
.bestdy-page .bestdy-hero p,
#bestdy .bestdy-hero p {
  margin: 0;
  color: #d7edf8;
  font-size: 18px;
}
.bestdy-page .bestdy-hero-stats,
#bestdy .bestdy-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}
.bestdy-page .bestdy-hero-stat,
#bestdy .bestdy-hero-stat {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  padding: 16px;
}
.bestdy-page .bestdy-hero-stat strong,
#bestdy .bestdy-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
  color: #fff;
}
.bestdy-page .bestdy-hero-stat span,
#bestdy .bestdy-hero-stat span {
  display: block;
  font-size: 13px;
  color: #c7dfef;
  line-height: 1.55;
}
.bestdy-page .bestdy-hero-visual,
#bestdy .bestdy-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: 16px;
}
.bestdy-page .bestdy-hero-visual img,
#bestdy .bestdy-hero-visual img {
  width: 100%;
  border-radius: 18px;
  -o-object-fit: cover;
     object-fit: cover;
}
.bestdy-page .bestdy-layout,
#bestdy .bestdy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}
.bestdy-page .bestdy-main,
.bestdy-page .bestdy-side,
#bestdy .bestdy-main,
#bestdy .bestdy-side {
  display: grid;
  gap: 22px;
}
.bestdy-page .bestdy-card,
#bestdy .bestdy-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.03));
  border: 1px solid var(--bestdy-line);
  border-radius: var(--bestdy-radius);
  box-shadow: var(--bestdy-shadow);
  overflow: hidden;
}
.bestdy-page .bestdy-section,
#bestdy .bestdy-section {
  padding: 30px;
}
.bestdy-page,
#bestdy {
  /* Match content card look to hero section */
}
.bestdy-page .bestdy-card.bestdy-section,
#bestdy .bestdy-card.bestdy-section {
  background: linear-gradient(135deg, #133a67 0%, #1a4671 45%, #214d7d 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #eaf7ff;
}
.bestdy-page .bestdy-section h2,
#bestdy .bestdy-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  color: #f2fbff;
  letter-spacing: -0.02em;
}
.bestdy-page .bestdy-card.bestdy-section h2,
#bestdy .bestdy-card.bestdy-section h2 {
  color: #f2fbff;
}
.bestdy-page .bestdy-section h3,
#bestdy .bestdy-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #dcf8ff;
}
.bestdy-page .bestdy-card.bestdy-section h3,
#bestdy .bestdy-card.bestdy-section h3 {
  color: #dcf8ff;
}
.bestdy-page .bestdy-section p,
#bestdy .bestdy-section p {
  margin: 0 0 14px;
  color: #c4dced;
}
.bestdy-page .bestdy-card.bestdy-section p,
#bestdy .bestdy-card.bestdy-section p {
  color: #c4dced;
}
.bestdy-page .bestdy-section p:last-child,
#bestdy .bestdy-section p:last-child {
  margin-bottom: 0;
}
.bestdy-page .bestdy-lead,
#bestdy .bestdy-lead {
  font-size: 18px;
  color: #e6f8ff;
}
.bestdy-page .bestdy-feature-grid,
.bestdy-page .bestdy-biz-grid,
.bestdy-page .bestdy-keys-grid,
.bestdy-page .bestdy-image-grid,
.bestdy-page .bestdy-solution-grid,
#bestdy .bestdy-feature-grid,
#bestdy .bestdy-biz-grid,
#bestdy .bestdy-keys-grid,
#bestdy .bestdy-image-grid,
#bestdy .bestdy-solution-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.bestdy-page .bestdy-feature-grid,
.bestdy-page .bestdy-keys-grid,
.bestdy-page .bestdy-solution-grid,
#bestdy .bestdy-feature-grid,
#bestdy .bestdy-keys-grid,
#bestdy .bestdy-solution-grid {
  grid-template-columns: repeat(2, 1fr);
}
.bestdy-page .bestdy-biz-grid,
#bestdy .bestdy-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}
.bestdy-page .bestdy-image-grid,
#bestdy .bestdy-image-grid {
  grid-template-columns: repeat(3, 1fr);
}
.bestdy-page .bestdy-mini-card,
#bestdy .bestdy-mini-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.03));
}
.bestdy-page .bestdy-mini-card.bestdy-cyan,
#bestdy .bestdy-mini-card.bestdy-cyan {
  background: linear-gradient(180deg, rgba(105, 229, 255, 0.12), rgba(105, 229, 255, 0.05));
  border-color: rgba(105, 229, 255, 0.2);
}
.bestdy-page .bestdy-mini-card.bestdy-purple,
#bestdy .bestdy-mini-card.bestdy-purple {
  background: linear-gradient(180deg, rgba(201, 140, 255, 0.12), rgba(201, 140, 255, 0.05));
  border-color: rgba(201, 140, 255, 0.18);
}
.bestdy-page .bestdy-mini-card.bestdy-gold,
#bestdy .bestdy-mini-card.bestdy-gold {
  background: linear-gradient(180deg, rgba(255, 226, 122, 0.12), rgba(255, 226, 122, 0.05));
  border-color: rgba(255, 226, 122, 0.18);
}
.bestdy-page .bestdy-mini-card strong,
#bestdy .bestdy-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #effcff;
}
.bestdy-page .bestdy-mini-card p,
#bestdy .bestdy-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--bestdy-muted);
  line-height: 1.68;
}
.bestdy-page .bestdy-emoji-title,
#bestdy .bestdy-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #effcff;
  margin-bottom: 8px;
}
.bestdy-page .bestdy-quote,
#bestdy .bestdy-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--bestdy-cyan);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(105, 229, 255, 0.12), rgba(201, 140, 255, 0.09));
  font-size: 18px;
  font-weight: 700;
  color: #ecfcff;
}
.bestdy-page .bestdy-chips,
#bestdy .bestdy-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.bestdy-page .bestdy-chip,
#bestdy .bestdy-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(105, 229, 255, 0.12);
  color: #d8fbff;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid rgba(105, 229, 255, 0.18);
}
.bestdy-page .bestdy-chip.bestdy-purple,
#bestdy .bestdy-chip.bestdy-purple {
  background: rgba(201, 140, 255, 0.12);
  border-color: rgba(201, 140, 255, 0.18);
}
.bestdy-page .bestdy-chip.bestdy-gold,
#bestdy .bestdy-chip.bestdy-gold {
  background: rgba(255, 226, 122, 0.12);
  border-color: rgba(255, 226, 122, 0.18);
  color: #fff4c0;
}
.bestdy-page .bestdy-check-list,
#bestdy .bestdy-check-list {
  display: grid;
  gap: 12px;
}
.bestdy-page .bestdy-check-item,
#bestdy .bestdy-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}
.bestdy-page .bestdy-check-icon,
#bestdy .bestdy-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(105, 229, 255, 0.14);
  color: #e9fdff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}
.bestdy-page .bestdy-check-item strong,
#bestdy .bestdy-check-item strong {
  display: block;
  margin-bottom: 2px;
}
.bestdy-page .bestdy-check-item span,
#bestdy .bestdy-check-item span {
  font-size: 14px;
  color: var(--bestdy-muted);
}
.bestdy-page .bestdy-image-slot,
#bestdy .bestdy-image-slot {
  border: 1px dashed rgba(105, 229, 255, 0.22);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #a8c7dd;
}
.bestdy-page .bestdy-image-slot svg,
#bestdy .bestdy-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}
.bestdy-page .bestdy-image-slot strong,
#bestdy .bestdy-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
  color: #eefcff;
}
.bestdy-page .bestdy-image-slot span,
#bestdy .bestdy-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}
.bestdy-page .bestdy-slot-cap,
.bestdy-page .bestdy-img-cap,
#bestdy .bestdy-slot-cap,
#bestdy .bestdy-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--bestdy-muted);
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid var(--bestdy-line);
}
.bestdy-page .bestdy-img-box,
#bestdy .bestdy-img-box {
  border: 1px solid var(--bestdy-line);
  border-radius: 22px;
  overflow: hidden;
  background: #0b2a4d;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  margin-top: 18px;
}
.bestdy-page .bestdy-img-box img,
#bestdy .bestdy-img-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}
.bestdy-page .bestdy-img-box p,
#bestdy .bestdy-img-box p {
  margin: 0;
}
.bestdy-page .bestdy-img-box p img,
#bestdy .bestdy-img-box p img {
  border-radius: 16px;
}
.bestdy-page .bestdy-illus,
#bestdy .bestdy-illus {
  padding: 0;
  overflow: hidden;
}
.bestdy-page .bestdy-illus .bestdy-inner,
#bestdy .bestdy-illus .bestdy-inner {
  background: linear-gradient(180deg, #0d2f53, #123a63);
  padding: 18px;
}
.bestdy-page .bestdy-cta,
#bestdy .bestdy-cta {
  background: linear-gradient(135deg, #123c64, #1b4c79 58%, #2b7194 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.bestdy-page .bestdy-cta h2,
#bestdy .bestdy-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}
.bestdy-page .bestdy-cta p,
#bestdy .bestdy-cta p {
  color: rgba(255, 255, 255, 0.92);
}
.bestdy-page .bestdy-cta-actions,
.bestdy-page .bestdy-cta-action,
#bestdy .bestdy-cta-actions,
#bestdy .bestdy-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}
.bestdy-page .bestdy-btn,
#bestdy .bestdy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.bestdy-page,
#bestdy {
  /* Borikan svc-primary: light fill → hover solid (glow kept) */
}
.bestdy-page .bestdy-btn.bestdy-primary,
#bestdy .bestdy-btn.bestdy-primary {
  background: #fff;
  color: #07304d;
  border: 1px solid transparent;
  box-shadow: 0 6px 18px rgba(126, 239, 255, 0.18);
}
.bestdy-page,
#bestdy {
  /* Borikan svc-secondary: ghost → hover invert */
}
.bestdy-page .bestdy-btn.bestdy-secondary,
#bestdy .bestdy-btn.bestdy-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 6px 18px rgba(7, 31, 61, 0.2);
}
.bestdy-page,
#bestdy {
  /* Borikan svc-orange: pale + accent text → hover solid (purple glow kept) */
}
.bestdy-page .bestdy-btn.bestdy-soft,
#bestdy .bestdy-btn.bestdy-soft {
  background: #f7f0ff;
  color: #6d28d9;
  border: 1px solid #e9d5ff;
  box-shadow: 0 6px 18px rgba(201, 140, 255, 0.16);
}
.bestdy-page .bestdy-btn:hover,
.bestdy-page .bestdy-btn:focus-visible,
#bestdy .bestdy-btn:hover,
#bestdy .bestdy-btn:focus-visible {
  transform: translateY(-2px);
}
.bestdy-page .bestdy-btn.bestdy-primary:hover,
.bestdy-page .bestdy-btn.bestdy-primary:focus-visible,
#bestdy .bestdy-btn.bestdy-primary:hover,
#bestdy .bestdy-btn.bestdy-primary:focus-visible {
  background: #07304d;
  color: #fff;
  border-color: #07304d;
  box-shadow: 0 10px 28px rgba(126, 239, 255, 0.38);
}
.bestdy-page .bestdy-btn.bestdy-soft:hover,
.bestdy-page .bestdy-btn.bestdy-soft:focus-visible,
#bestdy .bestdy-btn.bestdy-soft:hover,
#bestdy .bestdy-btn.bestdy-soft:focus-visible {
  background: #8b5cf6;
  border-color: #8b5cf6;
  color: #fff;
  box-shadow: 0 10px 28px rgba(201, 140, 255, 0.38);
}
.bestdy-page .bestdy-btn.bestdy-secondary:hover,
.bestdy-page .bestdy-btn.bestdy-secondary:focus-visible,
#bestdy .bestdy-btn.bestdy-secondary:hover,
#bestdy .bestdy-btn.bestdy-secondary:focus-visible {
  background: #fff;
  border-color: rgba(255, 255, 255, 0.92);
  color: #07304d;
  box-shadow: 0 10px 28px rgba(126, 239, 255, 0.28);
}
.bestdy-page .bestdy-footer-note,
#bestdy .bestdy-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--bestdy-muted);
  font-size: 14px;
}
.bestdy-page .bestdy-section h3.bestdy-h3-tight,
#bestdy .bestdy-section h3.bestdy-h3-tight {
  margin-top: 0;
}

#bestdy {
  background: none !important;
}

@media (max-width: 1024px) {
  .bestdy-page .bestdy-hero,
  #bestdy .bestdy-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .bestdy-page .bestdy-layout,
  #bestdy .bestdy-layout {
    grid-template-columns: 1fr;
  }
  .bestdy-page .bestdy-biz-grid,
  .bestdy-page .bestdy-image-grid,
  #bestdy .bestdy-biz-grid,
  #bestdy .bestdy-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .bestdy-page,
  #bestdy {
    padding: 12px 12px 40px;
  }
  .bestdy-page .bestdy-hero,
  #bestdy .bestdy-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .bestdy-page .bestdy-section,
  #bestdy .bestdy-section {
    padding: 22px;
  }
  .bestdy-page .bestdy-hero p,
  .bestdy-page .bestdy-lead,
  #bestdy .bestdy-hero p,
  #bestdy .bestdy-lead {
    font-size: 16px;
  }
  .bestdy-page .bestdy-hero-stats,
  .bestdy-page .bestdy-feature-grid,
  .bestdy-page .bestdy-biz-grid,
  .bestdy-page .bestdy-keys-grid,
  .bestdy-page .bestdy-image-grid,
  .bestdy-page .bestdy-solution-grid,
  #bestdy .bestdy-hero-stats,
  #bestdy .bestdy-feature-grid,
  #bestdy .bestdy-biz-grid,
  #bestdy .bestdy-keys-grid,
  #bestdy .bestdy-image-grid,
  #bestdy .bestdy-solution-grid {
    grid-template-columns: 1fr;
  }
  .bestdy-page .bestdy-cta,
  #bestdy .bestdy-cta {
    padding: 24px;
  }
}
/* CSR article styles (merged from csr-article.css) */
#csr_article.csr-article-root {
  --primary: #0a3d62;
  --accent: #1e90c0;
  --gold: #c49a2a;
  --light: #f4f8fb;
  --text: #1c2b3a;
  --muted: #6b7f8e;
  --white: #ffffff;
  font-family: "Noto Sans Thai", sans-serif;
  background: none;
  color: var(--text);
  font-size: 16px;
  line-height: 1.8;
}
#csr_article.csr-article-root,
#csr_article.csr-article-root *,
#csr_article.csr-article-root *::before,
#csr_article.csr-article-root *::after {
  box-sizing: border-box;
}
#csr_article.csr-article-root {
  /* กว้างเท่า .csr-section / เส้นขอบซ้าย-ขวาเท่ากับ .csr-container */
}
#csr_article.csr-article-root .csr-hero-inner {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 72px 24px 64px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
#csr_article.csr-article-root .csr-hero-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 0.78rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 30px;
  margin-bottom: 22px;
  font-family: "Noto Sans Thai", sans-serif;
  font-weight: 600;
}
#csr_article.csr-article-root .csr-hero h1 {
  font-family: "Noto Serif Thai", serif;
  font-size: clamp(1.7rem, 5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 18px;
  color: #fff;
}
#csr_article.csr-article-root {
  /* h1 โดยตรงใต้ inner (กรณีไม่มี wrapper .csr-hero ในเนื้อหา CMS) */
}
#csr_article.csr-article-root .csr-hero-inner > h1 {
  color: #fff;
}
#csr_article.csr-article-root .csr-hero-sub {
  font-size: clamp(0.95rem, 2.5vw, 1.12rem);
  color: rgba(255, 255, 255, 0.82);
  max-width: 640px;
  line-height: 1.75;
}
#csr_article.csr-article-root .csr-hero-line {
  width: 56px;
  height: 3px;
  background: #fff;
  margin: 28px 0;
  border-radius: 2px;
}
#csr_article.csr-article-root .csr-container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  box-sizing: border-box;
}
#csr_article.csr-article-root .csr-section {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0;
  box-sizing: border-box;
}
#csr_article.csr-article-root .csr-section + .csr-section {
  border-top: 1px solid #d8e5ef;
}
#csr_article.csr-article-root .csr-section-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--accent);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
#csr_article.csr-article-root .csr-section-label::before {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
}
#csr_article.csr-article-root .csr-section h2 {
  font-family: "Noto Serif Thai", serif;
  font-size: clamp(1.4rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 20px;
}
#csr_article.csr-article-root .csr-section p {
  color: #3a4e5c;
  margin-bottom: 16px;
  font-size: 0.98rem;
}
#csr_article.csr-article-root .csr-img-block {
  border-radius: 14px;
  overflow: hidden;
  margin: 28px 0;
  box-shadow: 0 8px 32px rgba(10, 61, 98, 0.12);
  background: linear-gradient(135deg, #e8f2fb, #cce0f5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  color: var(--accent);
  font-size: 0.88rem;
  font-weight: 500;
  min-height: 220px;
  position: relative;
  padding: 20px;
  text-align: center;
}
#csr_article.csr-article-root .csr-img-block .csr-img-icon {
  width: 100%;
}
#csr_article.csr-article-root .csr-img-block .csr-img-icon img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
}
#csr_article.csr-article-root .csr-img-block .csr-img-icon {
  font-size: 2.8rem;
  line-height: 1;
}
#csr_article.csr-article-root .csr-img-block .csr-img-caption {
  font-size: 0.82rem;
  color: var(--muted);
  font-style: italic;
}
#csr_article.csr-article-root .csr-img-block-wide {
  min-height: 260px;
}
#csr_article.csr-article-root .csr-img-block-sm {
  min-height: 160px;
}
#csr_article.csr-article-root .csr-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 28px 0;
}
#csr_article.csr-article-root .csr-card {
  background: var(--white);
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(10, 61, 98, 0.08);
  padding: 28px 24px;
}
#csr_article.csr-article-root .csr-card-icon {
  font-size: 2.2rem;
  margin-bottom: 14px;
  line-height: 1;
}
#csr_article.csr-article-root .csr-card h3 {
  font-family: "Noto Serif Thai", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 10px;
}
#csr_article.csr-article-root .csr-card p {
  font-size: 0.88rem;
  color: var(--muted);
  line-height: 1.7;
}
#csr_article.csr-article-root .csr-highlight {
  background: linear-gradient(to right, #f97316 0%, #ea580c 100%);
  color: var(--white);
  border-radius: 16px;
  padding: 44px 36px;
  text-align: center;
  margin: 44px 0;
}
#csr_article.csr-article-root .csr-highlight h2 {
  font-family: "Noto Serif Thai", serif;
  font-size: clamp(1.4rem, 4vw, 1.9rem);
  color: var(--white);
  margin-bottom: 14px;
}
#csr_article.csr-article-root .csr-highlight p {
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
}
#csr_article.csr-article-root .csr-highlight .csr-url {
  display: inline-block;
  margin-top: 22px;
  background: #247cb8;
  color: var(--white);
  font-weight: 700;
  font-size: 1.05rem;
  padding: 10px 28px;
  border-radius: 30px;
  text-decoration: none;
  letter-spacing: 0.5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
#csr_article.csr-article-root .csr-highlight .csr-url:hover {
  background: #1a6599;
  color: var(--white);
  box-shadow: 0 6px 20px rgba(10, 61, 98, 0.3);
}
#csr_article.csr-article-root .csr-stat-strip {
  background: var(--white);
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(10, 61, 98, 0.08);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 32px 20px;
  gap: 24px;
  margin: 36px 0;
  text-align: center;
}
#csr_article.csr-article-root .csr-stat-item strong {
  display: block;
  font-family: "Noto Serif Thai", serif;
  font-size: 2rem;
  color: var(--accent);
  font-weight: 700;
  line-height: 1.1;
}
#csr_article.csr-article-root .csr-stat-item span {
  font-size: 0.82rem;
  color: var(--muted);
  margin-top: 4px;
  display: block;
}
#csr_article.csr-article-root .csr-quote-block {
  border-left: 4px solid var(--gold);
  padding: 18px 24px;
  background: #fffbf0;
  border-radius: 0 12px 12px 0;
  margin: 28px 0;
  font-style: italic;
  color: #4a3800;
  font-size: 1.02rem;
  line-height: 1.75;
}
#csr_article.csr-article-root footer {
  background: var(--primary);
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: 32px 24px;
  font-size: 0.82rem;
}
#csr_article.csr-article-root footer strong {
  color: var(--white);
}
#csr_article.csr-article-root .csr-divider {
  width: 56px;
  height: 3px;
  background: var(--gold);
  border-radius: 2px;
  margin: 20px 0 28px;
}

/* CRS cards (converted from Tailwind classes in test.html)
   Scoped to #csr_article so it won't affect other pages. */
#csr_article .crs-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px; /* gap-6 = 1.5rem */
}

#csr_article .crs-card {
  background: #ffffff;
  border-radius: 12px; /* rounded-xl */
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05); /* shadow-sm */
  border: 1px solid #f1f5f9; /* border-slate-100 */
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

#csr_article .crs-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-md */
}

#csr_article .crs-card-image {
  width: 100%;
  height: 240px; /* h-60 = 15rem */
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

#csr_article .crs-card-body {
  padding: 0px 10px 15px 10px;
  text-align: center;
}

#csr_article .crs-card-title {
  font-weight: 500; /* font-medium */
  color: #334155; /* text-slate-700 */
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}

/* Center the two paragraphs after the CSR grid */
#csr_article.csr-article-root .csr-grid-2 + p,
#csr_article.csr-article-root .csr-grid-2 + p + p {
  text-align: center;
}

@media (min-width: 640px) {
  #csr_article .crs-cards-grid {
    grid-template-columns: repeat(2, 1fr); /* sm:grid-cols-2 */
  }
}
@media (min-width: 768px) {
  #csr_article .crs-cards-grid {
    grid-template-columns: repeat(3, 1fr); /* md:grid-cols-3 */
  }
}
@media (min-width: 1024px) {
  #csr_article .crs-cards-grid {
    grid-template-columns: repeat(4, 1fr); /* lg:grid-cols-4 */
  }
}
@media (max-width: 768px) {
  #csr_article.csr-article-root .csr-hero-inner {
    padding: 48px 18px 44px;
  }
  #csr_article.csr-article-root .csr-container {
    padding: 0 18px;
  }
  #csr_article.csr-article-root .csr-section {
    padding: 44px 0;
  }
  #csr_article.csr-article-root .csr-highlight {
    padding: 30px 20px;
  }
}
@media (max-width: 600px) {
  #csr_article.csr-article-root .csr-grid-2 {
    grid-template-columns: 1fr;
  }
}
@media print {
  #csr_article.csr-article-root .csr-highlight {
    background: #e07c1a !important;
    -webkit-print-color-adjust: exact;
  }
}
/* CSR article — หลังวางใน CKEditor (main.fix > .container > .ck-content > #csr_article) */
.ck-content #csr_article.csr-article-root {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* ไม่ให้ parent ตัด ::before ของ .csr-hero ที่กว้าง 100vw */
.ck-content:has(#csr_article.csr-article-root),
.container:has(#csr_article.csr-article-root) {
  overflow-x: visible;
}

.project__details-content .ck-content:has(#csr_article.csr-article-root) {
  overflow-x: visible;
}

/* ทับสีหัวข้อจากธีมในหน้ารายละเอียด */
.ck-content #csr_article.csr-article-root .csr-hero h1,
.ck-content #csr_article.csr-article-root .csr-hero-inner > h1 {
  color: #fff !important;
}

/* เฉพาะหัวข้อหลักของแต่ละ section — ไม่รวม h2 ใน .csr-highlight */
.ck-content #csr_article.csr-article-root .csr-section > .csr-container > h2 {
  color: var(--primary) !important;
}

.ck-content #csr_article.csr-article-root .csr-highlight h2 {
  color: #fff !important;
}

.ck-content #csr_article.csr-article-root .csr-highlight .csr-url {
  background: #247cb8 !important;
  color: #fff !important;
}

.ck-content #csr_article.csr-article-root .csr-highlight .csr-url:hover {
  background: #1a6599 !important;
  color: #fff !important;
}

.ck-content #csr_article.csr-article-root .csr-card h3 {
  color: var(--primary) !important;
}

.shortcode-hero-banner .banner-content p {
  color: var(--tg-heading-color) !important;
}

.footer-instagram .list-wrap img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.brand-area > .container {
  margin-bottom: 20px;
}

/* banner-grid — ตามรูปแนบ: พื้นน้ำเงิน, item ขาว มุมโค้ง, 8 column (desktop) / 4 column (mobile) */
.banner-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px 14px;
  width: 100%;
}

.banner-grid .banner-item {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 138/85;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.banner-grid .banner-item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}

.banner-grid .banner-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .banner-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 12px;
  }
  .banner-grid .banner-item a {
    padding: 0;
  }
  .banner-grid .banner-item img {
    height: 100%;
  }
}
.shortcode-hero-banner .banner-content .title {
  font-size: 28px;
}

.shortcode-hero-banner .banner-content .title span:first-child,
.shortcode-hero-banner .banner-content .title span:nth-child(2) {
  font-size: 34px;
}

.shortcode-hero-banner .banner-content p {
  width: 578px;
  /* แสดงข้อความทั้งหมด ขึ้นบรรทัดใหม่ตามความกว้าง ไม่ตัดกลางคำ (เช่น E-Commerce อยู่บรรทัดเดียวกัน) */
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  /* ไม่ให้ตัดที่ขีดกลางคำอย่าง E-Commerce */
  hyphens: none;
}

/* ลิงก์ "อ่านเพิ่มเติม" ใน hero banner — ปุ่มแบบลด font-size, font-weight, line-height, ไม่มี padding บนล่าง */
.shortcode-hero-banner .banner-content p a {
  display: inline-flex;
  align-items: center;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  padding: 3px 15px 2px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  transition: background 0.3s ease, color 0.3s ease;
}

.shortcode-hero-banner .banner-content p a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.project-area {
  padding: 40px 0 !important;
  position: relative;
}

.services-bg {
  background-position: 50%;
  background-size: cover;
  padding: 40px 0 !important;
}

.blog-post-bg {
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 40px 0 40px !important;
  position: relative;
  z-index: 1;
}

.call-back-area {
  background: var(--tg-heading-color);
  overflow: hidden;
  padding: 40px 0 40px !important;
  position: relative;
  z-index: 1;
}

.footer-top {
  padding: 40px 0 40px !important;
}

.footer-bottom {
  background: var(--tg-color-gray-3);
  border-top: 1px solid var(--tg-border-1);
  padding: 20px 0 !important;
}

.footer-widget {
  margin-bottom: 0 !important;
}

.shortcode-testimonials {
  margin-top: unset;
  padding-top: 40px !important;
}

/* ขยายขนาดไอคอนเมนู offCanvas ใน header */
.tgmenu__action ul .offCanvas-menu .menu-tigger svg {
  width: 30px !important;
  height: 30px !important;
}

@media (max-width: 991.98px) {
  .tgmenu__action ul .offCanvas-menu .menu-tigger svg {
    width: 30px !important;
    height: 30px !important;
  }
}
/* จัดตำแหน่งไอคอนให้อยู่กึ่งกลางปุ่ม ทั้งแนวตั้งและแนวนอน */
.tgmenu__action ul .offCanvas-menu .menu-tigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.faqs__area-six.shortcode-faq {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  background-image: none;
}

.faqs__area-six.shortcode-faq .box-faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.faqs__area-six.shortcode-faq .faq-view-all-link {
  flex-shrink: 0;
  margin-left: 16px;
  font-weight: 600;
  color: var(--tg-theme-primary, #f7a400);
  text-decoration: none;
}

.faqs__area-six.shortcode-faq .faq-view-all-link:hover {
  text-decoration: underline;
}

/* Contact Block - Line icon (แทน tel เมื่อใส่ Line ID) */
.shortcode-contact-block .contact-block-line-icon,
.request__phone .contact-block-line-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shortcode-contact-block .contact-block-line-icon svg,
.request__phone .contact-block-line-icon svg {
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
}

/* About us style-12: ข้อความใต้รูป popup - กึ่งกลาง + สีส้มธีม */
.shortcode-about-us-information-style-12 .choose__content-four-popup-image .popup-image-hint {
  text-align: center;
  color: var(--tg-theme-primary, #f7a400);
}

.shortcode-about-us-information .about-content .section-title .title {
  font-size: 25px;
}

.choose__area-four .choose__content-four .section-title .title {
  font-size: 30px;
}

/* shortcode team style-1: หัวข้อ MEET OUR TEAM */
.shortcode-team-style-1 .section-title .title {
  font-size: 38px;
}

/* shortcode projects style-1: กล่องหมวดหมู่สำหรับคลิกค้นหา/กรอง */
.shortcode-projects-style-1 .project-categories-list {
  gap: 10px 12px;
}

.shortcode-projects-style-1 .project-category-badge {
  display: inline-block;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--tg-theme-secondary, #191d88);
  background: var(--tg-color-gray-3, #ecf6fa);
  border: 1px solid var(--tg-border-2, #e6e7f3);
  border-radius: 8px;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.shortcode-projects-style-1 .project-category-badge:hover,
.shortcode-projects-style-1 .project-category-badge.active {
  color: var(--tg-color-white-default, #fff);
  background: var(--tg-theme-primary, #f7a400);
  border-color: var(--tg-theme-primary, #f7a400);
}

.shortcode-projects-style-1 .project-category-badge:hover {
  transform: translateY(-1px);
}

/* ปรับ padding ให้ shortcode about-us style-11 */
section.about__area-four.shortcode-about-us-information-style-11 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

/* จำกัดความกว้างแบนเนอร์ BESTDY ไม่ให้ล้นคอนเทนต์ */
main.fix .ck-content figure.image.page_speed_966795740 {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

main.fix .ck-content figure.image img[src*="bestdy_banner.jpg"] {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

/* about-us style-11: ปรับขนาดหัวข้อหลักให้เป็น 32px */
section.about__area-four.shortcode-about-us-information-style-11 .about__content-four .section-title .title {
  font-size: 32px !important;
}

/* ปรับ padding ให้ shortcode about-us style-12 (choose__area-four) */
section.choose__area-four.shortcode-about-us-information-style-12 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

/* ปรับ padding ให้ shortcode team style-1 */
section.shortcode-team.shortcode-team-style-1.team-area {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* =========================
   BEST SOLUTION Platforms (bsplat-*)
   ========================= */
.bsplat-platforms-section {
  padding: 24px 0 10px;
  background: linear-gradient(180deg, #f7f9fd 0%, #eef3fb 100%);
  font-family: "Noto Sans Thai", "Noto Sans Thai UI", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #183153;
}

.bsplat-contact-section {
  padding: 18px 0 60px;
  background: transparent;
  font-family: "Noto Sans Thai", "Noto Sans Thai UI", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.bsplat-container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.bsplat-section-title {
  text-align: center;
  margin: 0 0 10px;
  color: #112f78;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.bsplat-section-desc {
  text-align: center;
  margin: 0 0 28px;
  color: #62708a;
  font-size: 17px;
  line-height: 1.65;
}

.bsplat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.bsplat-platform-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #dbe4f0;
  border-radius: 24px;
  box-shadow: 0 18px 40px rgba(16, 47, 120, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.bsplat-platform-head {
  padding: 22px 22px 18px;
  color: #ffffff;
}

.bsplat-platform-head--ecommerce {
  background: linear-gradient(135deg, #2d66ff, #1a41a8);
}

.bsplat-platform-head--service {
  background: linear-gradient(135deg, #ff8c39, #f7a800);
}

.bsplat-platform-head--business {
  background: linear-gradient(135deg, #15a38a, #0d7b69);
}

.bsplat-platform-head--fintech {
  background: linear-gradient(135deg, #7e49ff, #4e2bc6);
}

.bsplat-platform-kicker {
  font-size: 14px;
  font-weight: 700;
  opacity: 0.9;
  margin-bottom: 4px;
}

.bsplat-platform-title {
  margin: 0;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.2;
}

.bsplat-platform-copy {
  padding: 18px 22px 4px;
  color: #62708a;
  font-size: 15px;
}

.bsplat-platform-list {
  margin: 0;
  padding: 0 22px 22px;
  list-style: none;
  display: grid;
  gap: 10px;
}

.bsplat-platform-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px 8px 14px;
  border: 1px solid #dbe4f0;
  border-radius: 14px;
  background: #fbfdff;
}

/* กรอบไอคอนแพลตฟอร์ม — 55×38px พื้นหลังเทา มุมโค้ง รูปเต็มกล่อง */
.bsplat-item-emoji,
.ck-content #platforms .plat-item-emoji {
  font-size: 0;
  line-height: 0;
  width: 55px;
  height: 38px;
  flex: 0 0 55px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f2f5;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e4e8ee;
}

.bsplat-item-emoji a,
.ck-content #platforms .plat-item-emoji a {
  display: block;
  width: 100%;
  height: 100%;
}

.bsplat-item-emoji img,
.ck-content #platforms .plat-item-emoji img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}

/* Banner ในการ์ดแพลตฟอร์ม (#platforms) — กรอบโค้งมน + รูปพอดีกับกล่อง + จัดกึ่งกลางแนวนอน */
.ck-content #platforms .plat-platform-banner,
#platforms .plat-platform-banner {
  border-radius: 18px !important;
  overflow: hidden !important;
}

.ck-content #platforms .plat-platform-banner img,
#platforms .plat-platform-banner img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

/* Banner แบบ bsplat-platform-banner — จัดกึ่งกลางแนวนอน + padding ด้านล่าง + ขอบโค้งทั้ง 4 ด้าน */
.ck-content #platforms .bsplat-platform-banner,
#platforms .bsplat-platform-banner {
  display: flex;
  justify-content: center;
  padding: 0 0 22px 0;
  border-radius: 18px;
  overflow: hidden;
}

.ck-content #platforms .bsplat-platform-banner img,
#platforms .bsplat-platform-banner img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: inherit;
}

/* มือถือ — ช่องว่างซ้ายขวาให้แบนเนอร์ไม่ชิดขอบจอ */
@media (max-width: 767.98px) {
  .ck-content #platforms .bsplat-platform-banner,
  #platforms .bsplat-platform-banner {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
}
.bsplat-item-body {
  min-width: 0;
}

.bsplat-item-name {
  font-weight: 800;
  color: #112f78;
  word-break: break-word;
  font-size: 15px;
}

/* ชื่อแพลตฟอร์ม — mouse over เปลี่ยนเป็นสีส้ม */
.bsplat-item-name a:hover,
.ck-content #platforms .plat-item-name a:hover {
  color: var(--tg-theme-primary, #f7a400) !important;
}

.bsplat-item-name a:hover span,
.ck-content #platforms .plat-item-name a:hover span {
  color: inherit;
}

.bsplat-slogan {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: #8a96b5;
  font-weight: 500;
}

/* ปุ่ม "i" อ่านเพิ่มเติม — วงกลมขาว ขอบบาง ตัว i แบบ serif (ตามรูปแนบ) */
.bsplat-read-more,
.ck-content #platforms .plat-read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 6px;
  padding: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #1e293b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #e2e6eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.bsplat-read-more:hover,
.ck-content #platforms .plat-read-more:hover,
#platforms .plat-read-more:hover,
#platforms .bsplat-read-more:hover {
  background: var(--tg-theme-primary, #f7a400);
  color: #fff !important;
  border-color: var(--tg-theme-primary, #f7a400);
  box-shadow: 0 2px 4px rgba(247, 164, 0, 0.25);
}

/* ตัว i ในปุ่ม — mouse over สีขาว */
.bsplat-read-more:hover,
.bsplat-read-more:hover *,
.ck-content #platforms .plat-read-more:hover,
.ck-content #platforms .plat-read-more:hover *,
#platforms .plat-read-more:hover,
#platforms .plat-read-more:hover *,
#platforms .bsplat-read-more:hover,
#platforms .bsplat-read-more:hover * {
  color: #fff !important;
}

.bsplat-coming-soon {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #fff0cf;
  color: #9a6500;
  font-size: 10px;
  font-weight: 400;
  vertical-align: middle;
}

/* =========================
   Platform mega menu (4 กล่อง) — layout แบบ platform item
   ใช้กับเมนูที่มี li.submenu-platform-item / li.ubmenu-platform-item เท่านั้น
   ========================= */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu {
  width: -moz-max-content;
  width: max-content;
  min-width: 0;
  max-width: min(90vw, 568px);
  padding: 12px;
  list-style: none;
  margin: 0;
}

/* เมนูหลักที่มี class popup-menu-2col — mega menu แสดง 1 แถว 2 คอลัมน์ กว้าง 960px */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.sub-menu,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.ub-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 14px;
  width: 960px;
  min-width: 960px;
  max-width: min(90vw, 960px);
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu li.submenu-platform-item,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu li.ubmenu-platform-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px 8px 14px;
  border: 1px solid #dbe4f0;
  border-radius: 14px;
  background: #fbfdff;
  margin-bottom: 8px;
  list-style: none;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu li.submenu-platform-item:last-child,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu li.ubmenu-platform-item:last-child {
  margin-bottom: 0;
}

/* ใน popup-menu-2col ใช้ gap ของ grid เท่านั้น ไม่ใช้ margin-bottom */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.sub-menu li.submenu-platform-item,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.sub-menu li.ubmenu-platform-item,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.ub-menu li.submenu-platform-item,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.ub-menu li.ubmenu-platform-item {
  margin-bottom: 0;
}

/* ไอคอนใน popup — 55×38 เหมือน platform card */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-emoji,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-emoji {
  font-size: 0;
  line-height: 0;
  width: 55px;
  height: 38px;
  flex: 0 0 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f2f5;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e4e8ee;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-emoji a,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-emoji a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  min-width: 55px;
  min-height: 38px;
  overflow: hidden;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-emoji img,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-emoji img {
  width: 100%;
  height: 100%;
  min-width: 55px;
  min-height: 38px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

/* ไอคอนใน popup — ให้รูป .menu-icon-image อยู่ในกล่องและเต็มกล่อง (ลบ margin จาก me-1) */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-emoji .menu-icon-image,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-emoji .menu-icon-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 55px !important;
  max-height: 38px !important;
  margin: 0 !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center;
     object-position: center;
  display: block;
  box-sizing: border-box;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-body,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-body {
  min-width: 0;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-name,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-name {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 0;
  font-weight: 800;
  color: #112f78;
  word-break: break-word;
  font-size: 15px;
}

/* ลิงก์ภายในชื่อ — ตัด padding เดิมของเมนูหลัก และกำหนด line-height */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-name a,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-name a {
  padding: 0;
  line-height: 1.2;
  text-transform: none;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-item-name a:hover,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .ubmenu-item-name a:hover {
  color: var(--tg-theme-primary, #f7a400);
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 0;
  padding: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #1e293b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  border: 1px solid #e2e6eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  text-decoration: none;
  vertical-align: middle;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-read-more:hover {
  background: var(--tg-theme-primary, #f7a400);
  color: #fff !important;
  border-color: var(--tg-theme-primary, #f7a400);
}

/* ปุ่ม i ใน popup-menu-2col — mouse over ตัวอักษรเป็นสีขาว */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.sub-menu .submenu-read-more:hover,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.ub-menu .submenu-read-more:hover {
  color: #fff !important;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.sub-menu .submenu-read-more:hover *,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children.popup-menu-2col > ul.ub-menu .submenu-read-more:hover * {
  color: #fff !important;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-coming-soon {
  display: inline-block;
  margin-left: 0;
  padding: 2px 5px;
  border-radius: 999px;
  background: #fff0cf;
  color: #9a6500;
  font-size: 10px;
  font-weight: 400;
  vertical-align: middle;
}

.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children > ul.sub-menu .submenu-slogan {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: #8a96b5;
  font-weight: 500;
}

.tgmenu__navbar-wrap > ul > li .sub-menu {
  min-width: 250px !important;
}

/* Popup ที่เปิดจากเมนูหลักตัวสุดท้าย (last-child) — padding + text-transform */
.tgmenu__navbar-wrap.tgmenu__main-menu ul.navigation > li.menu-item-has-children:last-child > ul.sub-menu > li > a {
  padding: 6px 10px 6px 12px !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

/* กล่อง popup ชั้นที่ 3 (เกี่ยวกับเรา ทีมของเรา ...) — ความกว้างขยายตาม content */
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children:nth-of-type(3) > ul.sub-menu > li.menu-item-has-children:first-child > ul.sub-menu,
.tgmenu__navbar-wrap ul.navigation > li.menu-item-has-children:nth-of-type(3) > ul.ub-menu > li.menu-item-has-children:first-child > ul.ub-menu {
  width: -moz-max-content;
  width: max-content;
  min-width: 0;
  max-width: min(90vw, 320px);
}

/* Mobile menu: platform items in one row (icon + content), no border */
@media (max-width: 991.98px) {
  .tgmobile__menu nav .navigation li.submenu-platform-item,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item {
    display: flex;
    gap: 8px;
    align-items: center;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 8px 8px 10px !important;
    margin-bottom: 6px;
    border-radius: 0 !important;
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-item-emoji,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .ubmenu-item-emoji {
    flex: 0 0 48px;
    width: 48px;
    height: 34px;
    background: #f0f2f5;
    border: 1px solid #e4e8ee;
    border-radius: 10px;
    overflow: hidden;
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-item-emoji .menu-icon-image,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .ubmenu-item-emoji .menu-icon-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 48px !important;
    max-height: 34px !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center;
       object-position: center;
    margin: 0 !important;
    border-radius: 10px;
    display: block;
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-item-body,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .ubmenu-item-body {
    min-width: 0;
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-item-name,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .ubmenu-item-name {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 0;
    font-size: 14px;
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-slogan,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .submenu-slogan,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .ubmenu-slogan {
    font-size: 12px;
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-read-more,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .submenu-read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e6eb;
    color: #1e293b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    font-weight: 300;
    font-style: italic;
    line-height: 1;
    text-decoration: none;
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-read-more:hover,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .submenu-read-more:hover {
    background: var(--tg-theme-primary, #f7a400);
    color: #ffffff;
    border-color: var(--tg-theme-primary, #f7a400);
  }
  .tgmobile__menu nav .navigation li.submenu-platform-item .submenu-coming-soon,
  .tgmobile__menu nav .navigation li.ubmenu-platform-item .submenu-coming-soon {
    display: inline-block;
    margin-left: 0;
    padding: 2px 5px;
    border-radius: 999px;
    background: #fff0cf;
    color: #9a6500;
    font-size: 8px;
    font-weight: 300;
    vertical-align: middle;
  }
}
.bsplat-highlight-box {
  margin-top: 28px;
  margin-bottom: 28px;
  background: linear-gradient(135deg, rgba(17, 47, 120, 0.98), rgba(44, 92, 214, 0.96));
  color: #ffffff;
  padding: 24px;
  border-radius: 26px;
  box-shadow: 0 18px 40px rgba(16, 47, 120, 0.1);
  font-size: 17px;
  line-height: 1.7;
}

.bsplat-contact-card {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #dbe4f0;
  border-radius: 28px;
  box-shadow: 0 18px 40px rgba(16, 47, 120, 0.1);
  overflow: hidden;
}

.bsplat-contact-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
}

.bsplat-contact-copy,
.bsplat-contact-info {
  padding: 28px;
}

.bsplat-contact-copy {
  background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
}

.bsplat-contact-info {
  background: linear-gradient(135deg, #fff7e8, #ffffff);
  border-left: 1px solid #dbe4f0;
}

.bsplat-eyebrow {
  display: inline-block;
  color: #f7a800;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
  font-size: 13px;
}

.bsplat-contact-copy h2,
.bsplat-contact-info h3 {
  margin: 0 0 12px;
  color: #112f78;
}

.bsplat-contact-copy p {
  margin: 0 0 12px;
  color: #62708a;
  font-size: 15px;
  line-height: 1.7;
}

.bsplat-cta-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.bsplat-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  border-radius: 16px;
  font-weight: 800;
  font-size: 14px;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}

.bsplat-btn--primary {
  background: #f7a800;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(247, 168, 0, 0.28);
}

.bsplat-btn--secondary {
  background: #ffffff;
  color: #112f78;
  border-color: #dbe4f0;
}

/* ปุ่มหลักใน contact (#platforms #contact) — hover เปลี่ยนสีเป็นโทนส้มเข้มขึ้น */
.bsplat-btn.bsplat-btn--primary:hover {
  background: #ff9800;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(255, 152, 0, 0.3);
}

/* ลิงก์ทั้งหมดในกล่อง .bsplat-contact-info — hover เป็นสีส้มธีม */
.bsplat-contact-info a:hover {
  color: var(--tg-theme-primary, #f7a400) !important;
}

.bsplat-contact-info a:hover * {
  color: inherit !important;
}

/* =========================================================
   Project Package (projects-package-co-th.html) - CKEditor block
   HTML ใช้ wrapper: <section id="project-package" class="project-package-page">...</section>
   ========================================================= */
.ck-content #project-package.project-package-page,
#project-package.project-package-page {
  padding: 22px 16px 10px;
  background: transparent;
  color: #17233a;
}

/* พื้นหลังรายละเอียดแพลตฟอร์ม — ให้ BG เต็มหน้าจอ แต่ container กว้างเท่าเดิม */
main.fix {
  background: radial-gradient(circle at top left, rgba(25, 80, 218, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(229, 57, 53, 0.08), transparent 16%), #f5f7fc;
}

.ck-content #project-package .project-package-wrap,
#project-package .project-package-wrap {
  max-width: 1180px;
  margin: 0 auto;
}

.ck-content #project-package img,
.ck-content #project-package svg,
#project-package img,
#project-package svg {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.ck-content #project-package a,
#project-package a {
  text-decoration: none;
  color: inherit;
}

/* Hero */
.ck-content #project-package .project-package-hero,
#project-package .project-package-hero {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: 42px;
  box-shadow: 0 18px 48px rgba(19, 34, 73, 0.08);
  background: linear-gradient(135deg, #0d1f5a 0%, #14368e 45%, #1950da 75%, #e53935 100%);
  color: #ffffff;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #project-package .project-package-hero::before,
.ck-content #project-package .project-package-hero::after,
#project-package .project-package-hero::before,
#project-package .project-package-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.ck-content #project-package .project-package-hero::before,
#project-package .project-package-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #project-package .project-package-hero::after,
#project-package .project-package-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #project-package .project-package-eyebrow,
#project-package .project-package-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #project-package .project-package-hero-title,
#project-package .project-package-hero-title {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff !important;
}

.ck-content #project-package .project-package-hero p,
#project-package .project-package-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #project-package .project-package-hero-stats,
#project-package .project-package-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #project-package .project-package-hero-stat,
#project-package .project-package-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #project-package .project-package-hero-stat strong,
#project-package .project-package-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #project-package .project-package-hero-stat span,
#project-package .project-package-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.ck-content #project-package .project-package-hero-visual,
#project-package .project-package-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #project-package .project-package-hero-visual img,
#project-package .project-package-hero-visual img {
  border-radius: 12px;
}

/* Layout: main + side */
.ck-content #project-package .project-package-layout,
#project-package .project-package-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #project-package .project-package-main,
.ck-content #project-package .project-package-side,
#project-package .project-package-main,
#project-package .project-package-side {
  display: grid;
  gap: 22px;
}

.ck-content #project-package .project-package-card,
#project-package .project-package-card,
.ck-content #project-package .pkg-news-card,
#project-package .pkg-news-card {
  background: #ffffff;
  border: 1px solid #e3e9f2;
  border-radius: 26px;
  box-shadow: 0 18px 48px rgba(19, 34, 73, 0.08);
  overflow: hidden;
}

.ck-content #project-package .project-package-section,
#project-package .project-package-section,
.ck-content #project-package .pkg-news-section,
#project-package .pkg-news-section {
  padding: 30px;
}

.ck-content #project-package .project-package-section h2,
#project-package .project-package-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #102555;
}

.ck-content #project-package .project-package-section h3,
#project-package .project-package-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #133a87;
}

.ck-content #project-package .project-package-card .project-package-section > p:first-of-type,
#project-package .project-package-card .project-package-section > p:first-of-type {
  text-align: center;
}

.ck-content #project-package .project-package-lead,
#project-package .project-package-lead {
  font-size: 18px;
  color: #213453;
}

.ck-content #project-package .project-package-quote,
#project-package .project-package-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid #e53935;
  border-radius: 20px;
  background: linear-gradient(135deg, #fff6f6, #f5f9ff);
  font-size: 18px;
  font-weight: 700;
  color: #17346d;
}

/* Small cards & grids */
.ck-content #project-package .project-package-feature-grid,
.ck-content #project-package .project-package-category-grid,
.ck-content #project-package .project-package-biz-grid,
.ck-content #project-package .project-package-keys-grid,
#project-package .project-package-feature-grid,
#project-package .project-package-category-grid,
#project-package .project-package-biz-grid,
#project-package .project-package-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #project-package .project-package-feature-grid,
.ck-content #project-package .project-package-keys-grid,
#project-package .project-package-feature-grid,
#project-package .project-package-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #project-package .project-package-category-grid,
#project-package .project-package-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #project-package .project-package-biz-grid,
#project-package .project-package-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #project-package .project-package-mini-card,
#project-package .project-package-mini-card {
  border: 1px solid #e3e9f2;
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff, #f9fbff);
}

.ck-content #project-package .project-package-mini-card.project-package-blue,
#project-package .project-package-mini-card.project-package-blue {
  background: linear-gradient(180deg, #f9fbff, #edf4ff);
  border-color: #dce8ff;
}

.ck-content #project-package .project-package-mini-card.project-package-red,
#project-package .project-package-mini-card.project-package-red {
  background: linear-gradient(180deg, #fff8f7, #fff0ef);
  border-color: #ffd7d4;
}

.ck-content #project-package .project-package-mini-card strong,
#project-package .project-package-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #102c67;
}

.ck-content #project-package .project-package-mini-card p,
#project-package .project-package-mini-card p {
  margin: 0;
  font-size: 14px;
  color: #5d6b82;
  line-height: 1.65;
}

.ck-content #project-package .project-package-emoji-title,
#project-package .project-package-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #0f214d;
  margin-bottom: 8px;
}

.ck-content #project-package .project-package-chips,
#project-package .project-package-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #project-package .project-package-chip,
#project-package .project-package-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 6px;
  border-radius: 999px;
  background: #eef4ff;
  color: #2044a4;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dce7ff;
}

.ck-content #project-package .project-package-chip.project-package-red,
#project-package .project-package-chip.project-package-red {
  background: #fff0ef;
  color: #b43632;
  border-color: #ffd1cf;
}

/* Illustration cards */
.ck-content #project-package .project-package-illus .project-package-inner,
#project-package .project-package-illus .project-package-inner {
  background: #ffffff;
  padding: 18px;
}

.ck-content #project-package .project-package-illus.project-package-red .project-package-inner,
#project-package .project-package-illus.project-package-red .project-package-inner {
  background: #fff4f3;
}

/* Only these two images: rounded 4 corners to match outer card */
.ck-content #project-package img[src*="package-co-th-3.jpg"],
#project-package img[src*="package-co-th-3.jpg"],
.ck-content #project-package img[src*="package-co-th-4.jpg"],
#project-package img[src*="package-co-th-4.jpg"] {
  border-radius: 22px !important;
}

.ck-content #project-package img[src*="package-co-th-6.png"],
#project-package img[src*="package-co-th-6.png"] {
  border-radius: 22px !important;
}

/* project-img-box — match PayLater .img-box design */
.ck-content #project-package .project-img-box,
#project-package .project-img-box {
  border: 1px solid #dce8ff;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  overflow: hidden;
  padding: 0;
  position: relative;
}

/* LINE icon in project share: match WhatsApp (white) + hover orange */
.project__details-info > .list-wrap > li .project-social li a span.contact-block-line-icon svg {
  fill: currentColor;
}

.project__details-info > .list-wrap > li .project-social li a span.contact-block-line-icon {
  color: #ffffff;
}

.project__details-info > .list-wrap > li .project-social li a:hover span.contact-block-line-icon {
  color: var(--tg-theme-primary, #f7a400);
}

.ck-content #project-package .project-img-box img,
#project-package .project-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #project-package .project-img-box > p,
#project-package .project-img-box > p {
  margin: 0;
}

.ck-content #project-package .project-img-box .img-cap,
#project-package .project-img-box .img-cap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.65;
  color: #46617e;
  background: transparent;
  pointer-events: none;
}

.ck-content #project-package .project-img-box .project-img-cap,
#project-package .project-img-box .project-img-cap {
  padding: 12px 16px;
  font-size: 14px;
  color: #133a87;
  background: #fbfdff;
  border-top: 1px solid #dce8ff;
  text-align: center;
  line-height: 1.4;
}

.ck-content #project-package .project-package-image-box,
#project-package .project-package-image-box {
  border: 1px solid #dce8ff;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  overflow: hidden;
  padding: 0;
  position: relative;
}

.ck-content #project-package .project-package-image-box .project-package-image-box-cap,
#project-package .project-package-image-box .project-package-image-box-cap {
  padding: 12px 16px;
  font-size: 14px;
  color: #133a87;
  background: #fbfdff;
  border-top: 1px solid #dce8ff;
  text-align: center;
  line-height: 1.4;
}

.ck-content #project-package .project-package-image-box p,
#project-package .project-package-image-box p {
  margin-bottom: 0;
}

/* รูปใน side card ของ project-package (#project-package aside) ให้ขอบโค้งเหมือนกัน */
.ck-content #project-package .project-package-side .project-package-card p img,
#project-package .project-package-side .project-package-card p img {
  width: 100%;
  height: auto;
  display: block;
}

/* Checklist */
.ck-content #project-package .project-package-check-list,
#project-package .project-package-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #project-package .project-package-check-item,
#project-package .project-package-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #project-package .project-package-check-icon,
#project-package .project-package-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2047b7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #project-package .project-package-check-item strong,
#project-package .project-package-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #project-package .project-package-check-item span,
#project-package .project-package-check-item span {
  font-size: 14px;
  color: #5d6b82;
}

/* CTA */
.ck-content #project-package .project-package-cta,
#project-package .project-package-cta {
  background: linear-gradient(135deg, #102555, #1950da 60%, #e53935 100%);
  color: #ffffff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #project-package .project-package-cta h2,
#project-package .project-package-cta h2 {
  color: #ffffff;
  margin-bottom: 10px;
}

.ck-content #project-package .project-package-cta p,
#project-package .project-package-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #project-package .project-package-cta-actions,
#project-package .project-package-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #project-package .project-package-btn,
#project-package .project-package-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
}

.ck-content #project-package .project-package-btn.project-package-primary,
#project-package .project-package-btn.project-package-primary {
  background: #ffffff;
  color: #0d2c8a;
}

.ck-content #project-package .project-package-btn.project-package-primary:hover,
#project-package .project-package-btn.project-package-primary:hover {
  background: #f7a800;
  color: #ffffff;
}

.ck-content #project-package .project-package-btn.project-package-secondary,
#project-package .project-package-btn.project-package-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #project-package .project-package-btn.project-package-secondary:hover,
#project-package .project-package-btn.project-package-secondary:hover {
  background: #ffffff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #project-package .project-package-btn.project-package-red,
#project-package .project-package-btn.project-package-red {
  background: #ffefee;
  color: #af2c28;
  border: 1px solid #ffd2cf;
}

.ck-content #project-package .project-package-btn.project-package-red:hover,
#project-package .project-package-btn.project-package-red:hover {
  background: #e53935;
  color: #ffffff;
  border-color: #e53935;
}

.ck-content #project-package .project-package-footer-note,
#project-package .project-package-footer-note {
  text-align: center;
  margin-top: 18px;
  color: #5d6b82;
  font-size: 14px;
}

/* ปรับ padding ให้ project detail area */
.project__details-area {
  padding: 40px 0 !important;
}

/* Project Package - center quote text */
.ck-content #project-package .project-package-center-text-quote,
#project-package .project-package-center-text-quote {
  text-align: center;
  font-weight: 700;
  color: #133a87;
}

.ck-content #project-package .project-package-center-text-note,
#project-package .project-package-center-text-note {
  text-align: center;
  font-weight: 700;
  color: #ff9900;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 12px;
}

/* =========================
   Project Package - category pills (about_img_cate_con / cate_item)
   1 แถวมี 4 คอลัมน์
   ========================= */
.ck-content #project-package .about_img_cate_con,
#project-package .about_img_cate_con {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 14px;
}

.ck-content #project-package .about_img_cate_con .cate_item,
#project-package .about_img_cate_con .cate_item {
  padding: 10px 14px;
  border-radius: 999px;
  background: transparent;
  color: #2044a4;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center; /* จัดกลางตามแนวนอน */
  justify-content: flex-start; /* ชิดขอบบน */
}

.ck-content #project-package .about_img_cate_con .cate_item .cate_text,
#project-package .about_img_cate_con .cate_item .cate_text {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}

.ck-content #project-package .about_img_cate_con .cate_item .cate_text:hover,
#project-package .about_img_cate_con .cate_item .cate_text:hover {
  color: var(--tg-theme-primary, #f7a400) !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .ck-content #project-package .project-package-hero,
  #project-package .project-package-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #project-package .project-package-layout,
  #project-package .project-package-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #project-package .project-package-biz-grid,
  #project-package .project-package-biz-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #project-package.project-package-page,
  #project-package.project-package-page {
    padding: 12px 12px 40px;
  }
  .ck-content #project-package .project-package-hero,
  #project-package .project-package-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #project-package .project-package-section,
  #project-package .project-package-section {
    padding: 22px;
  }
  .ck-content #project-package .project-package-hero p,
  #project-package .project-package-hero p,
  .ck-content #project-package .project-package-lead,
  #project-package .project-package-lead {
    font-size: 16px;
  }
  .ck-content #project-package .project-package-hero-stats,
  .ck-content #project-package .project-package-feature-grid,
  .ck-content #project-package .project-package-category-grid,
  .ck-content #project-package .project-package-biz-grid,
  .ck-content #project-package .project-package-keys-grid,
  #project-package .project-package-hero-stats,
  #project-package .project-package-feature-grid,
  #project-package .project-package-category-grid,
  #project-package .project-package-biz-grid,
  #project-package .project-package-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #project-package .project-package-cta,
  #project-package .project-package-cta {
    padding: 24px;
  }
  .ck-content #project-package .about_img_cate_con,
  #project-package .about_img_cate_con {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .ck-content #project-package .about_img_cate_con .cate_item,
  #project-package .about_img_cate_con .cate_item {
    padding: 10px 12px;
  }
  .ck-content #project-package .about_img_cate_con .cate_item img.cate_img,
  #project-package .about_img_cate_con .cate_item img.cate_img {
    width: 84px !important;
    height: 84px !important;
    max-width: 100%;
  }
  .ck-content #project-package .about_img_cate_con .cate_item .cate_text,
  #project-package .about_img_cate_con .cate_item .cate_text {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.3;
  }
}
.bsplat-info-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
  font-size: 15px;
  color: #183153;
}

.bsplat-info-item {
  display: flex;
  gap: 12px;
  align-items: center;
}

.bsplat-info-icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #dbe4f0;
  display: grid;
  place-items: center;
  font-size: 18px;
  flex: 0 0 38px;
}

@media (max-width: 1080px) {
  .bsplat-grid,
  .bsplat-contact-grid {
    grid-template-columns: 1fr;
  }
  .bsplat-contact-info {
    border-left: 0;
    border-top: 1px solid #dbe4f0;
  }
}
@media (max-width: 768px) {
  .bsplat-section-desc,
  .bsplat-highlight-box {
    font-size: 16px;
  }
  .bsplat-platform-head,
  .bsplat-platform-copy,
  .bsplat-platform-list,
  .bsplat-contact-copy,
  .bsplat-contact-info {
    padding-left: 18px;
    padding-right: 18px;
  }
}
/* Global font override: use Noto Sans Thai everywhere */
body, h1, h2, h3, h4, h5, h6, button, input, textarea {
  font-family: "Noto Sans Thai", "Noto Sans Thai UI", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.choose__area-four .choose__content-four-popup-image .popup-image img {
  border-radius: 10px;
}

.tg-header__top .header-text-content p {
  margin-bottom: 0;
  color: #ffffff;
}

/* Popup zoom ค่อยๆ เปิด / ค่อยๆ ปิด (style-12) */
.mfp-zoom-slow.mfp-bg {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.mfp-zoom-slow.mfp-ready.mfp-bg {
  opacity: 0.9;
}

.mfp-zoom-slow.mfp-removing.mfp-bg {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.mfp-zoom-slow .mfp-content {
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.mfp-zoom-slow.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-slow.mfp-removing .mfp-content {
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.mfp-zoom-slow img.mfp-img {
  border-radius: 10px;
}

/* ============================
   Meepro style (จาก meepro.css)
   ใช้เฉพาะภายในพื้นที่ที่ใช้ class .mp-*
   ตัวแปรใช้ prefix --mp- เพื่อไม่ชนกับธีมและ mae
============================ */
:root {
  --mp-bg: #fff7fb;
  --mp-card: #ffffff;
  --mp-text: #412548;
  --mp-muted: #7b6580;
  --mp-line: #f0dce9;
  --mp-pink-1: #a43d88;
  --mp-pink-2: #c85aa7;
  --mp-pink-3: #ffe8f5;
  --mp-pink-4: #fff1f8;
  --mp-purple-1: #7b4dca;
  --mp-purple-2: #a57cff;
  --mp-gold: #ffd65e;
  --mp-blue-soft: #eef5ff;
  --mp-mint: #dff8ef;
  --mp-shadow: 0 18px 48px rgba(182, 83, 143, 0.11);
  --mp-radius: 26px;
  --mp-radius-sm: 18px;
  --mp-max: 1180px;
}

.mp-page {
  padding: 22px 16px 60px;
}

.mp-wrap {
  max-width: var(--mp-max);
  margin: 0 auto;
}

.mp-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #fff0fa 0%, #ffdff1 32%, #efdcff 68%, #ffeeb9 100%);
  border: 1px solid #f2d7e8;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--mp-shadow);
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 28px;
  align-items: center;
}

.mp-hero::before,
.mp-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.45);
  filter: blur(2px);
}

.mp-hero::before {
  width: 290px;
  height: 290px;
  right: -80px;
  top: -90px;
}

.mp-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.mp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(164, 61, 136, 0.12);
  margin-bottom: 18px;
  color: #923873;
}

.mp-brand-logo {
  height: 48px;
  width: auto;
  margin-bottom: 14px;
}

.mp-hero-title {
  margin: 0 0 16px;
  font-size: clamp(31px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #7e2e69;
}

.mp-hero-text {
  margin: 0;
  color: #5d4363;
  font-size: 18px;
}

.mp-hero-text strong {
  color: #8a2f73;
}

.mp-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.mp-hero-stat {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(164, 61, 136, 0.1);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(10px);
}

.mp-hero-stat strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
  color: #8d3575;
}

.mp-hero-stat span {
  display: block;
  font-size: 13px;
  color: #6c5a73;
  line-height: 1.55;
}

.mp-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.4));
  border: 1px solid rgba(164, 61, 136, 0.12);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.mp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.mp-main,
.mp-side {
  display: grid;
  gap: 22px;
}

.mp-card {
  background: var(--mp-card);
  border: 1px solid var(--mp-line);
  border-radius: var(--mp-radius);
  box-shadow: var(--mp-shadow);
  overflow: hidden;
}

.mp-section {
  padding: 30px;
}

.mp-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #8b2f73;
}

.mp-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #9f4585;
}

.mp-section p {
  margin: 0 0 14px;
  color: #5b4762;
}

.mp-section p:last-child {
  margin-bottom: 0;
}

.mp-lead {
  font-size: 18px;
  color: #573d5d;
}

.mp-summary-grid,
.mp-feature-grid,
.mp-category-grid,
.mp-biz-grid,
.mp-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.mp-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.mp-feature-grid {
  grid-template-columns: repeat(2, 1fr);
}

.mp-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.mp-biz-grid {
  grid-template-columns: repeat(2, 1fr);
}

.mp-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.mp-mini-card {
  border: 1px solid var(--mp-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fff9fc);
}

.mp-mini-card.mp-pink {
  background: linear-gradient(180deg, #fff6fb, #ffeef8);
  border-color: #f4d5e7;
}

.mp-mini-card.mp-purple {
  background: linear-gradient(180deg, #fbf8ff, #f4edff);
  border-color: #e4d8ff;
}

.mp-mini-card.mp-gold {
  background: linear-gradient(180deg, #fffaf1, #fff4d5);
  border-color: #f6e3a7;
}

.mp-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #8a2f73;
}

.mp-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--mp-muted);
  line-height: 1.65;
}

.mp-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #8b2f73;
  margin-bottom: 8px;
}

.mp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.mp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff0fa;
  color: #9a3d7f;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #f2d4e6;
}

.mp-chip.mp-alt {
  background: #f5efff;
  color: #7b4dca;
  border-color: #e6d9ff;
}

.mp-illus {
  padding: 0;
  overflow: hidden;
}

.mp-illus .mp-inner {
  background: #fff4fb;
  padding: 18px;
}

.mp-illus.mp-alt .mp-inner {
  background: #f8f2ff;
}

.mp-illus.mp-gold .mp-inner {
  background: #fff8ea;
}

.mp-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid #c85aa7;
  border-radius: 20px;
  background: linear-gradient(135deg, #fff6fb, #fbf7ff);
  font-size: 18px;
  font-weight: 700;
  color: #89306e;
}

.mp-check-list {
  display: grid;
  gap: 12px;
}

.mp-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.mp-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #fff0fa;
  color: #9a3e80;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  border: 1px solid #f1d6e7;
}

.mp-check-item strong {
  display: block;
  margin-bottom: 2px;
  color: #8b2f73;
}

.mp-check-item span {
  font-size: 14px;
  color: var(--mp-muted);
}

.mp-icon-badge {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ffdff2, #f4ebff);
  border: 1px solid #efd3e8;
  font-size: 20px;
  flex: 0 0 42px;
}

.mp-key-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.mp-cta {
  background: linear-gradient(135deg, #8b2f73, #c85aa7 62%, #ffcf5f 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.mp-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.mp-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.mp-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.mp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.mp-btn.mp-primary {
  background: #fff;
  color: #8b2f73;
}

.mp-btn.mp-primary:hover {
  background: #8b2f73;
  color: #fff;
}

.mp-btn.mp-secondary {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.mp-btn.mp-secondary:hover {
  background: #ffffff;
  color: #8b2f73;
  border-color: rgba(255, 255, 255, 0.9);
}

.mp-btn.mp-gold {
  background: #fff3c7;
  color: #8b5b00;
  border: 1px solid #ffe39c;
}

.mp-btn.mp-gold:hover {
  background: #c9a227;
  color: #ffffff;
  border-color: #c9a227;
}

.mp-footer-note {
  font-size: 14px;
  color: var(--mp-muted);
  text-align: center;
  margin-top: 18px;
}

@media (max-width: 1024px) {
  .mp-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .mp-layout {
    grid-template-columns: 1fr;
  }
  .mp-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Center text in main project package illustration only */
#project-package .project-package-layout .project-package-main .project-package-inner p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Center text in specific project package card (sidebar) */
#project-package .project-package-layout aside .project-package-card.project-package-section p span {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 720px) {
  .mp-page {
    padding: 12px 12px 40px;
  }
  .mp-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .mp-section {
    padding: 22px;
  }
  .mp-hero-text,
  .mp-lead {
    font-size: 16px;
  }
  .mp-hero-stats,
  .mp-summary-grid,
  .mp-feature-grid,
  .mp-category-grid,
  .mp-biz-grid,
  .mp-keys-grid {
    grid-template-columns: 1fr;
  }
  .mp-cta {
    padding: 24px;
  }
  .mp-brand-logo {
    height: 40px;
  }
}
/* =========================================
   ticket1_ckeditor.css (scoped to CKEditor)
   ========================================= */
/* Theme variables + base styles for block #ticket1 only */
.ck-content #ticket1 {
  --bg: #f4fbfb;
  --card: #ffffff;
  --text: #17333a;
  --muted: #5b7277;
  --line: #d9ecec;
  --teal-1: #0f2f62;
  --teal-2: #2cb7b7;
  --teal-3: #eaf8f8;
  --shadow: 0 18px 48px rgba(18, 55, 71, 0.08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #ticket1 img,
.ck-content #ticket1 svg {
  display: block;
  max-width: 100%;
}

.ck-content #ticket1 a {
  text-decoration: none;
  color: inherit;
}

.ck-content #ticket1 .t1-page {
  padding: 22px 16px 60px;
}

.ck-content #ticket1 .t1-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #ticket1 .t1-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--teal-1) 0%, #153d79 40%, #1e7ca5 70%, var(--teal-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #ticket1 .t1-hero::before,
.ck-content #ticket1 .t1-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #ticket1 .t1-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #ticket1 .t1-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #ticket1 .t1-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #ticket1 .t1-title {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #ticket1 .t1-hero-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  font-size: 18px;
}

.ck-content #ticket1 .t1-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #ticket1 .t1-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #ticket1 .t1-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #ticket1 .t1-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.83);
  line-height: 1.55;
}

.ck-content #ticket1 .t1-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #ticket1 .t1-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #ticket1 .t1-main,
.ck-content #ticket1 .t1-side {
  display: grid;
  gap: 22px;
}

.ck-content #ticket1 .t1-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #ticket1 .t1-section {
  padding: 30px;
}

.ck-content #ticket1 .t1-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #10386d;
}

.ck-content #ticket1 .t1-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #138b8b;
}

.ck-content #ticket1 .t1-section p {
  margin: 0 0 14px;
  color: #29464d;
}

.ck-content #ticket1 .t1-section p:last-child {
  margin-bottom: 0;
}

.ck-content #ticket1 .t1-lead {
  font-size: 18px;
  color: #244149;
}

.ck-content #ticket1 .t1-feature-grid,
.ck-content #ticket1 .t1-category-grid,
.ck-content #ticket1 .t1-biz-grid,
.ck-content #ticket1 .t1-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #ticket1 .t1-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff, #f8fcfc);
}

.ck-content #ticket1 .t1-mini-card.t1-teal {
  background: linear-gradient(180deg, #f9fefe, #eaf8f8);
  border-color: #d9efef;
}

.ck-content #ticket1 .t1-mini-card.t1-soft {
  background: linear-gradient(180deg, #ffffff, #f5fbfb);
  border-color: #dceeee;
}

.ck-content #ticket1 .t1-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #10386d;
}

.ck-content #ticket1 .t1-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #ticket1 .t1-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #10386d;
  margin-bottom: 8px;
}

.ck-content #ticket1 .t1-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #ticket1 .t1-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--teal-3);
  color: #128686;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d6eeee;
}

.ck-content #ticket1 .t1-chip.t1-dark {
  background: #eef4ff;
  color: #2450a8;
  border-color: #dbe5ff;
}

.ck-content #ticket1 .t1-illus .t1-inner {
  background: #eef9f9;
  padding: 18px;
}

.ck-content #ticket1 .t1-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--teal-2);
  border-radius: 20px;
  background: linear-gradient(135deg, #f7fefe, #eef7fb);
  font-size: 18px;
  font-weight: 700;
  color: #10386d;
}

.ck-content #ticket1 .t1-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #ticket1 .t1-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #ticket1 .t1-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eaf8f8;
  color: #138b8b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #ticket1 .t1-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #ticket1 .t1-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #ticket1 .t1-cta {
  background: linear-gradient(135deg, #10386d, #1775a3 55%, #2cb7b7 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #ticket1 .t1-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #ticket1 .t1-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #ticket1 .t1-cta-actions,
.ck-content #ticket1 .t1-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* ticket1 buttons: anywhere in .ck-content */
.ck-content .t1-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .t1-btn.t1-primary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .t1-btn.t1-primary:hover,
.ck-content .t1-btn.t1-primary:focus-visible {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content .t1-btn.t1-secondary {
  background: #1775A3;
  color: #fff;
  border: 1px solid #1775A3;
}

.ck-content .t1-btn.t1-secondary:hover,
.ck-content .t1-btn.t1-secondary:focus-visible {
  background: #ffffff;
  color: #1775A3;
  border-color: #1775A3;
}

.ck-content .t1-btn.t1-alt {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .t1-btn.t1-alt:hover,
.ck-content .t1-btn.t1-alt:focus-visible {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

/* Force Ticket1 CTA buttons to keep invert-on-hover pattern */
.ck-content #ticket1 .t1-btn.t1-primary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #ticket1 .t1-btn.t1-primary:hover,
.ck-content #ticket1 .t1-btn.t1-primary:focus-visible {
  background: #fff !important;
  color: #0d2c8a !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #ticket1 .t1-btn.t1-secondary {
  background: #1775A3 !important;
  color: #fff !important;
  border: 1px solid #1775A3 !important;
}

.ck-content #ticket1 .t1-btn.t1-secondary:hover,
.ck-content #ticket1 .t1-btn.t1-secondary:focus-visible {
  background: #fff !important;
  color: #1775A3 !important;
  border-color: #1775A3 !important;
}

.ck-content #ticket1 .t1-btn.t1-alt {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #ticket1 .t1-btn.t1-alt:hover,
.ck-content #ticket1 .t1-btn.t1-alt:focus-visible {
  background: #fff !important;
  color: #0d2c8a !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #ticket1 .t1-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #ticket1 .t1-img-box img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.ck-content #ticket1 .t1-img-cap {
  margin-top: 8px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #ticket1 .t1-mt-0 {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .ck-content #ticket1 .t1-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #ticket1 .t1-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #ticket1 .t1-page {
    padding: 12px 12px 40px;
  }
  .ck-content #ticket1 .t1-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #ticket1 .t1-section {
    padding: 22px;
  }
  .ck-content #ticket1 .t1-hero-text,
  .ck-content #ticket1 .t1-lead {
    font-size: 16px;
  }
  .ck-content #ticket1 .t1-hero-stats,
  .ck-content #ticket1 .t1-feature-grid,
  .ck-content #ticket1 .t1-category-grid,
  .ck-content #ticket1 .t1-biz-grid,
  .ck-content #ticket1 .t1-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #ticket1 .t1-cta {
    padding: 24px;
  }
}
/* =========================================
   tpet_styles.css (scoped to CKEditor)
   ========================================= */
/* Theme variables + base styles for block #tpet only */
.ck-content #tpet {
  --bg: #fff8fb;
  --card: #ffffff;
  --text: #3b1e2a;
  --muted: #765b67;
  --line: #f3d9e3;
  --pink-1: #9d0b50;
  --pink-2: #cf2d75;
  --pink-3: #fff0f6;
  --pink-4: #ffd9e8;
  --rose: #ff8cb3;
  --gold: #f1c76c;
  --shadow: 0 18px 48px rgba(112, 17, 65, 0.1);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #tpet img,
.ck-content #tpet svg {
  display: block;
  max-width: 100%;
}

.ck-content #tpet a {
  text-decoration: none;
  color: inherit;
}

.ck-content #tpet .tpt-page {
  padding: 22px 16px 60px;
}

.ck-content #tpet .tpt-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #tpet .tpt-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--pink-1) 0%, #b01860 42%, var(--pink-2) 76%, #ff9a54 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #tpet .tpt-hero::before,
.ck-content #tpet .tpt-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #tpet .tpt-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #tpet .tpt-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #tpet .tpt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #tpet .tpt-hero-title {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #tpet .tpt-hero-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  font-size: 18px;
}

.ck-content #tpet .tpt-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #tpet .tpt-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #tpet .tpt-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #tpet .tpt-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.83);
  line-height: 1.55;
}

.ck-content #tpet .tpt-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #tpet .tpt-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #tpet .tpt-main,
.ck-content #tpet .tpt-side {
  display: grid;
  gap: 22px;
}

.ck-content #tpet .tpt-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #tpet .tpt-section {
  padding: 30px;
}

.ck-content #tpet .tpt-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #7f0d44;
}

.ck-content #tpet .tpt-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #b01860;
}

.ck-content #tpet .tpt-section p {
  margin: 0 0 14px;
  color: #52313f;
}

.ck-content #tpet .tpt-section p:last-child {
  margin-bottom: 0;
}

.ck-content #tpet .tpt-lead {
  font-size: 18px;
  color: #4c2a39;
}

.ck-content #tpet .tpt-feature-grid,
.ck-content #tpet .tpt-category-grid,
.ck-content #tpet .tpt-biz-grid,
.ck-content #tpet .tpt-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #tpet .tpt-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff, #fff9fb);
}

.ck-content #tpet .tpt-mini-card-pink {
  background: linear-gradient(180deg, #fffafb, #fff0f6);
  border-color: #ffdbe8;
}

.ck-content #tpet .tpt-mini-card-soft {
  background: linear-gradient(180deg, #fffdfd, #fff6f8);
  border-color: #f6dfe7;
}

.ck-content #tpet .tpt-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #7f0d44;
}

.ck-content #tpet .tpt-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #tpet .tpt-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #7f0d44;
  margin-bottom: 8px;
}

.ck-content #tpet .tpt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #tpet .tpt-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--pink-3);
  color: #ab2a64;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #ffd7e6;
}

.ck-content #tpet .tpt-chip-gold {
  background: #fff8ea;
  color: #a57516;
  border-color: #f5e1b2;
}

.ck-content #tpet .tpt-illus-inner {
  background: #fff3f8;
  padding: 18px;
}

.ck-content #tpet .tpt-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid #ff9a54;
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8fb, #fff1f6);
  font-size: 18px;
  font-weight: 700;
  color: #7f0d44;
}

.ck-content #tpet .tpt-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #tpet .tpt-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #tpet .tpt-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #fff0f6;
  color: #b01860;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #tpet .tpt-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #tpet .tpt-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #tpet .tpt-cta {
  background: linear-gradient(135deg, #8d0b47, #c5216a 62%, #ff9a54 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #tpet .tpt-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #tpet .tpt-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #tpet .tpt-cta-actions,
.ck-content #tpet .tpt-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* tpet buttons: anywhere in .ck-content */
.ck-content .tpt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .tpt-btn.tpt-btn-primary {
  background: #8d0b47;
  color: #fff;
  border: 1px solid #8d0b47;
}

.ck-content .tpt-btn.tpt-btn-primary:hover,
.ck-content .tpt-btn.tpt-btn-primary:focus-visible {
  background: #fff;
  color: #8d0b47;
  border-color: #8d0b47;
}

.ck-content .tpt-btn.tpt-btn-secondary {
  background: #8d0b47;
  color: #fff;
  border: 1px solid #8d0b47;
}

.ck-content .tpt-btn.tpt-btn-secondary:hover,
.ck-content .tpt-btn.tpt-btn-secondary:focus-visible {
  background: #ffffff;
  color: #8d0b47;
  border-color: #8d0b47;
}

/* Light pink (same family as CTA / secondary), hover flips like svc-orange */
.ck-content .tpt-btn.tpt-btn-alt {
  background: #fff2f7;
  color: #b01860;
  border: 1px solid #ffd5e3;
}

.ck-content .tpt-btn.tpt-btn-alt:hover,
.ck-content .tpt-btn.tpt-btn-alt:focus-visible {
  background: #b01860;
  color: #ffffff;
  border-color: #b01860;
}

/* Force TPET CTA buttons (prevents generic rules overriding) */
.ck-content #tpet .tpt-btn.tpt-btn-primary {
  background: #8d0b47 !important;
  color: #fff !important;
  border: 1px solid #8d0b47 !important;
}

.ck-content #tpet .tpt-btn.tpt-btn-primary:hover,
.ck-content #tpet .tpt-btn.tpt-btn-primary:focus-visible {
  background: #fff !important;
  color: #8d0b47 !important;
  border-color: #8d0b47 !important;
}

.ck-content #tpet .tpt-btn.tpt-btn-secondary {
  background: #8d0b47 !important;
  color: #fff !important;
  border: 1px solid #8d0b47 !important;
}

.ck-content #tpet .tpt-btn.tpt-btn-secondary:hover,
.ck-content #tpet .tpt-btn.tpt-btn-secondary:focus-visible {
  background: #fff !important;
  color: #8d0b47 !important;
  border-color: #8d0b47 !important;
}

.ck-content #tpet .tpt-btn.tpt-btn-alt {
  background: #fff2f7 !important;
  color: #b01860 !important;
  border: 1px solid #ffd5e3 !important;
}

.ck-content #tpet .tpt-btn.tpt-btn-alt:hover,
.ck-content #tpet .tpt-btn.tpt-btn-alt:focus-visible {
  background: #b01860 !important;
  color: #fff !important;
  border-color: #b01860 !important;
}

.ck-content #tpet .tpt-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #tpet .tpt-card-title {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .ck-content #tpet .tpt-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #tpet .tpt-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #tpet .tpt-page {
    padding: 12px 12px 40px;
  }
  .ck-content #tpet .tpt-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #tpet .tpt-section {
    padding: 22px;
  }
  .ck-content #tpet .tpt-hero-text,
  .ck-content #tpet .tpt-lead {
    font-size: 16px;
  }
  .ck-content #tpet .tpt-hero-stats,
  .ck-content #tpet .tpt-feature-grid,
  .ck-content #tpet .tpt-category-grid,
  .ck-content #tpet .tpt-biz-grid,
  .ck-content #tpet .tpt-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #tpet .tpt-cta {
    padding: 24px;
  }
}
/* =========================================
   borikan.css (scoped to CKEditor)
   ========================================= */
/* Theme variables + base styles for block #borikan only */
.ck-content #borikan {
  --bg: #f6f5f3;
  --card: #ffffff;
  --text: #222831;
  --muted: #69707d;
  --line: #e8e5e1;
  --gray-1: #3d434c;
  --gray-2: #6f7782;
  --gray-3: #eef0f2;
  --orange-1: #f47a20;
  --orange-2: #ffa154;
  --orange-3: #fff2e7;
  --green: #1fb589;
  --shadow: 0 18px 48px rgba(34, 40, 49, 0.08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #borikan img,
.ck-content #borikan svg {
  display: block;
  max-width: 100%;
}

.ck-content #borikan a {
  text-decoration: none;
  color: inherit;
}

.ck-content #borikan .svc-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #borikan .svc-hero {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  background: linear-gradient(135deg, #4a5059 0%, #646d78 38%, #8a9097 60%, #f47a20 100%);
  color: #fff;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #borikan .svc-hero::before,
.ck-content #borikan .svc-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.ck-content #borikan .svc-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #borikan .svc-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #borikan .svc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #borikan .svc-hero-title {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #borikan .svc-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #borikan .svc-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #borikan .svc-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #borikan .svc-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #borikan .svc-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.ck-content #borikan .svc-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #borikan .svc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #borikan .svc-main,
.ck-content #borikan .svc-side {
  display: grid;
  gap: 22px;
}

.ck-content #borikan .svc-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #borikan .svc-section {
  padding: 30px;
}

.ck-content #borikan .svc-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #2f353d;
}

.ck-content #borikan .svc-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #4d535b;
}

.ck-content #borikan .svc-heading-top {
  margin-top: 0;
}

.ck-content #borikan .svc-section p {
  margin: 0 0 14px;
  color: #37404c;
}

.ck-content #borikan .svc-lead {
  font-size: 18px;
  color: #2f3742;
}

.ck-content #borikan .svc-summary-grid,
.ck-content #borikan .svc-feature-grid,
.ck-content #borikan .svc-category-grid,
.ck-content #borikan .svc-biz-grid,
.ck-content #borikan .svc-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #borikan .svc-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #borikan .svc-feature-grid,
.ck-content #borikan .svc-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #borikan .svc-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #borikan .svc-biz-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #borikan .svc-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff, #fbfbfb);
}

.ck-content #borikan .svc-mini-card.svc-orange {
  background: linear-gradient(180deg, #fff9f4, #fff2e7);
  border-color: #ffdcbc;
}

.ck-content #borikan .svc-mini-card.svc-gray {
  background: linear-gradient(180deg, #fbfcfd, #f1f3f5);
  border-color: #e1e6eb;
}

.ck-content #borikan .svc-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #343a42;
}

.ck-content #borikan .svc-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #borikan .svc-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #343a42;
  margin-bottom: 8px;
}

.ck-content #borikan .svc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #borikan .svc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f1f3f5;
  color: #49515b;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dfe5ea;
}

.ck-content #borikan .svc-chip.svc-orange {
  background: var(--orange-3);
  color: #a85608;
  border-color: #ffd6b1;
}

.ck-content #borikan .svc-illus .svc-inner {
  background: #f3f4f6;
  padding: 18px;
}

.ck-content #borikan .svc-illus.svc-orange .svc-inner {
  background: #fff5ec;
}

.ck-content #borikan .svc-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--orange-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f1, #f5f6f8);
  font-size: 18px;
  font-weight: 700;
  color: #40464d;
}

.ck-content #borikan .svc-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #borikan .svc-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #borikan .svc-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #f1f3f5;
  color: #4a535d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #borikan .svc-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #borikan .svc-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #borikan .svc-cta {
  background: linear-gradient(135deg, #4a5059, #6b727c 55%, #f47a20 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #borikan .svc-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #borikan .svc-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #borikan .svc-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* Borikan (svc) buttons: anywhere in .ck-content */
.ck-content .svc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .svc-btn.svc-primary {
  background: #fff;
  color: #444c56;
}

.ck-content .svc-btn.svc-primary:hover {
  background: #444c56;
  color: #fff;
}

.ck-content .svc-btn.svc-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.ck-content .svc-btn.svc-secondary:hover {
  background: #ffffff;
  color: #444c56;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content .svc-btn.svc-orange {
  background: #ffefe1;
  color: #e05b17;
  border: 1px solid #ffd4a8;
}

.ck-content .svc-btn.svc-orange:hover {
  background: #e05b17;
  color: #ffffff;
  border-color: #e05b17;
}

/* Force Borikan CTA buttons to use the same pattern as Easypay
   (prevents conflicts from other generic button rules on real site) */
.ck-content #borikan .svc-btn.svc-primary {
  background: #fff !important;
  color: #444c56 !important;
  border: 1px solid transparent !important;
}

.ck-content #borikan .svc-btn.svc-primary:hover {
  background: #444c56 !important;
  color: #fff !important;
  border-color: #444c56 !important;
}

.ck-content #borikan .svc-btn.svc-orange {
  background: #ffefe1 !important;
  color: #e05b17 !important;
  border: 1px solid #ffd4a8 !important;
}

.ck-content #borikan .svc-btn.svc-orange:hover {
  background: #e05b17 !important;
  color: #fff !important;
  border-color: #e05b17 !important;
}

.ck-content #borikan .svc-btn.svc-secondary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
}

.ck-content #borikan .svc-btn.svc-secondary:hover {
  background: #fff !important;
  color: #444c56 !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #borikan .svc-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #borikan .svc-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #borikan .svc-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #borikan .svc-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #borikan {
    padding: 12px 12px 40px;
  }
  .ck-content #borikan .svc-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #borikan .svc-section {
    padding: 22px;
  }
  .ck-content #borikan .svc-hero p,
  .ck-content #borikan .svc-lead {
    font-size: 16px;
  }
  .ck-content #borikan .svc-hero-stats,
  .ck-content #borikan .svc-summary-grid,
  .ck-content #borikan .svc-feature-grid,
  .ck-content #borikan .svc-category-grid,
  .ck-content #borikan .svc-biz-grid,
  .ck-content #borikan .svc-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #borikan .svc-cta {
    padding: 24px;
  }
}
/* =========================================
   prc-consulta.css (scoped to CKEditor as #pruksa)
   ========================================= */
/* Theme variables + base styles for block #pruksa only */
.ck-content #pruksa {
  --bg: #f5faf8;
  --card: #ffffff;
  --text: #17372f;
  --muted: #5f7a73;
  --line: #dfeee9;
  --green-1: #0f5b4d;
  --green-2: #34bfb1;
  --green-3: #eaf8f5;
  --pink-1: #ff8ea2;
  --shadow: 0 18px 48px rgba(18, 55, 46, 0.08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #pruksa * {
  box-sizing: border-box;
}

.ck-content #pruksa img,
.ck-content #pruksa svg {
  display: block;
  max-width: 100%;
}

.ck-content #pruksa a {
  text-decoration: none;
  color: inherit;
}

.ck-content #pruksa .prc-page {
  padding: 22px 16px 60px;
}

.ck-content #pruksa .prc-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #pruksa .prc-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  background: linear-gradient(135deg, var(--green-1) 0%, #168575 45%, var(--green-2) 82%, var(--pink-1) 100%);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #pruksa .prc-hero::before,
.ck-content #pruksa .prc-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #pruksa .prc-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #pruksa .prc-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #pruksa .prc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #pruksa h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #pruksa .prc-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  font-size: 18px;
}

.ck-content #pruksa .prc-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #pruksa .prc-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #pruksa .prc-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #pruksa .prc-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.83);
  line-height: 1.55;
}

.ck-content #pruksa .prc-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #pruksa .prc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #pruksa .prc-main,
.ck-content #pruksa .prc-side {
  display: grid;
  gap: 22px;
}

.ck-content #pruksa .prc-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #pruksa .prc-section {
  padding: 30px;
}

.ck-content #pruksa .prc-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f5b4d;
}

.ck-content #pruksa .prc-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #148170;
}

.ck-content #pruksa .prc-section h3:first-child {
  margin-top: 0;
}

.ck-content #pruksa .prc-section p {
  margin: 0 0 14px;
  color: #285148;
}

.ck-content #pruksa .prc-section p:last-child {
  margin-bottom: 0;
}

.ck-content #pruksa .prc-lead {
  font-size: 18px;
  color: #21483f;
}

.ck-content #pruksa .prc-feature-grid,
.ck-content #pruksa .prc-category-grid,
.ck-content #pruksa .prc-biz-grid,
.ck-content #pruksa .prc-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #pruksa .prc-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f8fcfb);
}

.ck-content #pruksa .prc-mini-card--green {
  background: linear-gradient(180deg, #f8fefc, #eaf8f5);
  border-color: #d8eee8;
}

.ck-content #pruksa .prc-mini-card--pink {
  background: linear-gradient(180deg, #fffafa, #fff0f3);
  border-color: #ffdce4;
}

.ck-content #pruksa .prc-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #145447;
}

.ck-content #pruksa .prc-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #pruksa .prc-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #145447;
  margin-bottom: 8px;
}

.ck-content #pruksa .prc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #pruksa .prc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--green-3);
  color: #167967;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d6ede8;
}

.ck-content #pruksa .prc-chip--pink {
  background: #fff2f5;
  color: #b65770;
  border-color: #ffd5df;
}

.ck-content #pruksa .prc-illus .prc-inner {
  background: #eefaf7;
  padding: 18px;
}

.ck-content #pruksa .prc-illus--pink .prc-inner {
  background: #fff5f7;
}

.ck-content #pruksa .prc-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--pink-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8fa, #eefaf7);
  font-size: 18px;
  font-weight: 700;
  color: #145447;
}

.ck-content #pruksa .prc-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #pruksa .prc-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #pruksa .prc-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eaf8f5;
  color: #167967;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #pruksa .prc-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #pruksa .prc-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #pruksa .prc-cta {
  background: linear-gradient(135deg, #11564a, #21a796 62%, #ff8ea2 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #pruksa .prc-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #pruksa .prc-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #pruksa .prc-cta-actions,
.ck-content #pruksa .prc-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* pruksa buttons: anywhere in .ck-content */
.ck-content .prc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .prc-btn.prc-btn--primary {
  background: #136457;
  color: #fff;
  border: 1px solid #136457;
}

.ck-content .prc-btn.prc-btn--primary:hover,
.ck-content .prc-btn.prc-btn--primary:focus-visible {
  background: #fff;
  color: #136457;
  border-color: #136457;
}

.ck-content .prc-btn.prc-btn--secondary {
  background: #136457;
  color: #fff;
  border: 1px solid #136457;
}

.ck-content .prc-btn.prc-btn--secondary:hover,
.ck-content .prc-btn.prc-btn--secondary:focus-visible {
  background: #ffffff;
  color: #136457;
  border-color: #136457;
}

/* Same pink family as .prc-mini-card--pink; hover like svc-orange */
.ck-content .prc-btn.prc-btn--pink {
  background: linear-gradient(180deg, #fffafa, #fff0f3);
  color: #b65770;
  border: 1px solid #ffdce4;
}

.ck-content .prc-btn.prc-btn--pink:hover,
.ck-content .prc-btn.prc-btn--pink:focus-visible {
  background: #b65a71;
  color: #ffffff;
  border-color: #b65a71;
}

/* CTA row: 1 primary, 2 green secondary, 3 pink, 4 rose secondary — match CTA gradient pink */
.ck-content #pruksa .prc-cta-action a:nth-child(4).prc-btn--secondary,
.ck-content #pruksa .prc-cta-actions a:nth-child(4).prc-btn--secondary {
  background: #ff8ea2;
  color: #fff;
  border: 1px solid #ff8ea2;
}

.ck-content #pruksa .prc-cta-action a:nth-child(4).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-action a:nth-child(4).prc-btn--secondary:focus-visible,
.ck-content #pruksa .prc-cta-actions a:nth-child(4).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-actions a:nth-child(4).prc-btn--secondary:focus-visible {
  background: #fff;
  color: #ff8ea2;
  border-color: #ff8ea2;
}

/* Force Pruksa CTA (prevents generic rules overriding) */
.ck-content #pruksa .prc-btn.prc-btn--primary {
  background: #136457 !important;
  color: #fff !important;
  border: 1px solid #136457 !important;
}

.ck-content #pruksa .prc-btn.prc-btn--primary:hover,
.ck-content #pruksa .prc-btn.prc-btn--primary:focus-visible {
  background: #fff !important;
  color: #136457 !important;
  border-color: #136457 !important;
}

.ck-content #pruksa .prc-cta-action a:nth-child(2).prc-btn--secondary,
.ck-content #pruksa .prc-cta-actions a:nth-child(2).prc-btn--secondary {
  background: #136457 !important;
  color: #fff !important;
  border: 1px solid #136457 !important;
}

.ck-content #pruksa .prc-cta-action a:nth-child(2).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-action a:nth-child(2).prc-btn--secondary:focus-visible,
.ck-content #pruksa .prc-cta-actions a:nth-child(2).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-actions a:nth-child(2).prc-btn--secondary:focus-visible {
  background: #fff !important;
  color: #136457 !important;
  border-color: #136457 !important;
}

.ck-content #pruksa .prc-btn.prc-btn--pink {
  background: linear-gradient(180deg, #fffafa, #fff0f3) !important;
  color: #b65770 !important;
  border: 1px solid #ffdce4 !important;
}

.ck-content #pruksa .prc-btn.prc-btn--pink:hover,
.ck-content #pruksa .prc-btn.prc-btn--pink:focus-visible {
  background: #b65a71 !important;
  color: #fff !important;
  border-color: #b65a71 !important;
}

.ck-content #pruksa .prc-cta-action a:nth-child(4).prc-btn--secondary,
.ck-content #pruksa .prc-cta-actions a:nth-child(4).prc-btn--secondary {
  background: #ff8ea2 !important;
  color: #fff !important;
  border: 1px solid #ff8ea2 !important;
}

.ck-content #pruksa .prc-cta-action a:nth-child(4).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-action a:nth-child(4).prc-btn--secondary:focus-visible,
.ck-content #pruksa .prc-cta-actions a:nth-child(4).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-actions a:nth-child(4).prc-btn--secondary:focus-visible {
  background: #fff !important;
  color: #ff8ea2 !important;
  border-color: #ff8ea2 !important;
}

.ck-content #pruksa .prc-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #pruksa .prc-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #pruksa .prc-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #pruksa .prc-page {
    padding: 12px 12px 40px;
  }
  .ck-content #pruksa .prc-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #pruksa .prc-section {
    padding: 22px;
  }
  .ck-content #pruksa .prc-hero p,
  .ck-content #pruksa .prc-lead {
    font-size: 16px;
  }
  .ck-content #pruksa .prc-hero-stats,
  .ck-content #pruksa .prc-feature-grid,
  .ck-content #pruksa .prc-category-grid,
  .ck-content #pruksa .prc-biz-grid,
  .ck-content #pruksa .prc-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #pruksa .prc-cta {
    padding: 24px;
  }
}
/* =========================================
   yj-styles.css (scoped to CKEditor as #yimjob)
   ========================================= */
/* Theme variables + base styles for block #yimjob only */
.ck-content #yimjob {
  --bg: #f8f5f6;
  --card: #ffffff;
  --text: #251b1e;
  --muted: #6e5b61;
  --line: #eddfe3;
  --maroon-1: #5c0d14;
  --maroon-2: #8d131d;
  --maroon-3: #b71724;
  --maroon-4: #fff1f3;
  --maroon-5: #ffe2e6;
  --dark: #2b2024;
  --gray: #f3eef0;
  --shadow: 0 18px 48px rgba(60, 15, 23, 0.1);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #yimjob * {
  box-sizing: border-box;
}

.ck-content #yimjob img,
.ck-content #yimjob svg {
  display: block;
  max-width: 100%;
}

.ck-content #yimjob a {
  text-decoration: none;
  color: inherit;
}

.ck-content #yimjob .yj-page {
  padding: 22px 16px 60px;
}

.ck-content #yimjob .yj-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #yimjob .yj-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--maroon-1) 0%, #76111a 42%, var(--maroon-3) 78%, #cf4450 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #yimjob .yj-hero::before,
.ck-content #yimjob .yj-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #yimjob .yj-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #yimjob .yj-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #yimjob .yj-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #yimjob .yj-heading-main {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #yimjob .yj-hero-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #yimjob .yj-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #yimjob .yj-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #yimjob .yj-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #yimjob .yj-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #yimjob .yj-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #yimjob .yj-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #yimjob .yj-main,
.ck-content #yimjob .yj-side {
  display: grid;
  gap: 22px;
}

.ck-content #yimjob .yj-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #yimjob .yj-section {
  padding: 30px;
}

.ck-content #yimjob .yj-section-title {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #561018;
}

.ck-content #yimjob .yj-section-subtitle {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #8d131d;
}

.ck-content #yimjob .yj-text {
  margin: 0 0 14px;
  color: #403338;
}

.ck-content #yimjob .yj-text:last-child {
  margin-bottom: 0;
}

.ck-content #yimjob .yj-lead {
  font-size: 18px;
  color: #37292e;
}

.ck-content #yimjob .yj-feature-grid,
.ck-content #yimjob .yj-category-grid,
.ck-content #yimjob .yj-biz-grid,
.ck-content #yimjob .yj-keys-grid,
.ck-content #yimjob .yj-summary-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #yimjob .yj-feature-grid,
.ck-content #yimjob .yj-category-grid,
.ck-content #yimjob .yj-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #yimjob .yj-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #yimjob .yj-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #yimjob .yj-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fffbfc);
}

.ck-content #yimjob .yj-mini-card-red {
  background: linear-gradient(180deg, #fffafb, #fff1f3);
  border-color: #ffdbe0;
}

.ck-content #yimjob .yj-mini-card-gray {
  background: linear-gradient(180deg, #faf8f9, #f3eef0);
  border-color: #e7dfe3;
}

.ck-content #yimjob .yj-mini-card-title {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #581019;
}

.ck-content #yimjob .yj-mini-card-text {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #yimjob .yj-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #561018;
  margin-bottom: 8px;
}

.ck-content #yimjob .yj-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #yimjob .yj-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--maroon-4);
  color: #a21722;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #ffd5db;
}

.ck-content #yimjob .yj-chip-gray {
  background: #f2eef0;
  color: #4e4347;
  border-color: #e4dde0;
}

.ck-content #yimjob .yj-illus-inner {
  background: #f5eff1;
  padding: 18px;
}

.ck-content #yimjob .yj-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--maroon-3);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f8, #f7f1f3);
  font-size: 18px;
  font-weight: 700;
  color: #6b1019;
}

.ck-content #yimjob .yj-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #yimjob .yj-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #yimjob .yj-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #f6eef1;
  color: #b71724;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #yimjob .yj-check-item-title {
  display: block;
  margin-bottom: 2px;
}

.ck-content #yimjob .yj-check-item-text {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #yimjob .yj-cta {
  background: linear-gradient(135deg, #3c0e15, #7a111a 48%, #b71724 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #yimjob .yj-cta-title {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #yimjob .yj-cta-text {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #yimjob .yj-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #yimjob .yj-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #yimjob .yj-btn-primary {
  background: #fff;
  color: #8d131d;
}

.ck-content #yimjob .yj-btn-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #yimjob .yj-btn-alt {
  background: #fff1f3;
  color: #9c1823;
  border: 1px solid #ffd4da;
}

.ck-content #yimjob .yj-btn-primary:hover {
  background: #8d131d;
  color: #ffffff;
}

.ck-content #yimjob .yj-btn-secondary:hover {
  background: #ffffff;
  color: #8d131d;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #yimjob .yj-btn-alt:hover {
  background: #9c1823;
  color: #ffffff;
  border-color: #9c1823;
}

.ck-content #yimjob .yj-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #yimjob .yj-img-box {
  display: block;
}

.ck-content #yimjob .yj-img-cap {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #yimjob .yj-heading-reset-top {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .ck-content #yimjob .yj-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #yimjob .yj-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #yimjob .yj-biz-grid,
  .ck-content #yimjob .yj-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #yimjob .yj-page {
    padding: 12px 12px 40px;
  }
  .ck-content #yimjob .yj-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #yimjob .yj-section {
    padding: 22px;
  }
  .ck-content #yimjob .yj-hero-text,
  .ck-content #yimjob .yj-lead {
    font-size: 16px;
  }
  .ck-content #yimjob .yj-hero-stats,
  .ck-content #yimjob .yj-feature-grid,
  .ck-content #yimjob .yj-category-grid,
  .ck-content #yimjob .yj-biz-grid,
  .ck-content #yimjob .yj-keys-grid,
  .ck-content #yimjob .yj-summary-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #yimjob .yj-cta {
    padding: 24px;
  }
}
/* =========================================
   fl-freelance.css (scoped to CKEditor as #freelance)
   ========================================= */
/* Theme variables + base styles for block #freelance only */
.ck-content #freelance {
  --bg: #f5f8f6;
  --card: #ffffff;
  --text: #1d2622;
  --muted: #62736c;
  --line: #dfebe4;
  --green-1: #0f5d4f;
  --green-2: #1db52d;
  --green-3: #eaf9ee;
  --green-4: #d8f2dd;
  --gray-1: #2d3431;
  --gray-2: #59625e;
  --gray-3: #f1f4f2;
  --shadow: 0 18px 48px rgba(25, 50, 33, 0.08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #freelance * {
  box-sizing: border-box;
}

.ck-content #freelance img,
.ck-content #freelance svg {
  display: block;
  max-width: 100%;
}

.ck-content #freelance a {
  text-decoration: none;
  color: inherit;
}

.ck-content #freelance .fl-page {
  padding: 22px 16px 60px;
}

.ck-content #freelance .fl-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #freelance .fl-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--green-1) 0%, #136a59 38%, #1a8f39 74%, var(--green-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #freelance .fl-hero::before,
.ck-content #freelance .fl-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #freelance .fl-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #freelance .fl-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #freelance .fl-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #freelance h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #freelance .fl-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #freelance .fl-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #freelance .fl-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #freelance .fl-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #freelance .fl-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #freelance .fl-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #freelance .fl-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #freelance .fl-main,
.ck-content #freelance .fl-side {
  display: grid;
  gap: 22px;
}

.ck-content #freelance .fl-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #freelance .fl-section {
  padding: 30px;
}

.ck-content #freelance .fl-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f5d4f;
}

.ck-content #freelance .fl-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #178a2c;
}

.ck-content #freelance .fl-section p {
  margin: 0 0 14px;
  color: #31413a;
}

.ck-content #freelance .fl-section p:last-child {
  margin-bottom: 0;
}

.ck-content #freelance .fl-lead {
  font-size: 18px;
  color: #2c3d35;
}

.ck-content #freelance .fl-feature-grid,
.ck-content #freelance .fl-category-grid,
.ck-content #freelance .fl-biz-grid,
.ck-content #freelance .fl-keys-grid,
.ck-content #freelance .fl-summary-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #freelance .fl-feature-grid,
.ck-content #freelance .fl-category-grid,
.ck-content #freelance .fl-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #freelance .fl-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #freelance .fl-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #freelance .fl-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfdfb);
}

.ck-content #freelance .fl-mini-card.fl-green {
  background: linear-gradient(180deg, #fbfffc, #eaf9ee);
  border-color: #d8f2dd;
}

.ck-content #freelance .fl-mini-card.fl-gray {
  background: linear-gradient(180deg, #fafcfa, #f1f4f2);
  border-color: #e3e9e5;
}

.ck-content #freelance .fl-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #12493d;
}

.ck-content #freelance .fl-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #freelance .fl-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #12493d;
  margin-bottom: 8px;
}

.ck-content #freelance .fl-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #freelance .fl-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--green-3);
  color: #13753a;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--green-4);
}

.ck-content #freelance .fl-chip.fl-gray {
  background: #f1f4f2;
  color: #4f5c56;
  border-color: #e3e8e5;
}

.ck-content #freelance .fl-illus .fl-inner {
  background: #eff7f1;
  padding: 18px;
}

.ck-content #freelance .fl-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--green-2);
  border-radius: 20px;
  background: linear-gradient(135deg, #f8fffa, #f3f6f4);
  font-size: 18px;
  font-weight: 700;
  color: #135d33;
}

.ck-content #freelance .fl-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #freelance .fl-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #freelance .fl-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef7f0;
  color: #1db52d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #freelance .fl-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #freelance .fl-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #freelance .fl-cta {
  background: linear-gradient(135deg, #114a3f, #0f6b52 44%, #1db52d 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #freelance .fl-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #freelance .fl-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #freelance .fl-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #freelance .fl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #freelance .fl-btn.fl-primary {
  background: #fff;
  color: #116443;
}

.ck-content #freelance .fl-btn.fl-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #freelance .fl-btn.fl-alt {
  background: #eefbf0;
  color: #18842b;
  border: 1px solid #d4f1d8;
}

.ck-content #freelance .fl-btn.fl-primary:hover {
  background: #116443;
  color: #ffffff;
}

.ck-content #freelance .fl-btn.fl-secondary:hover {
  background: #ffffff;
  color: #116443;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #freelance .fl-btn.fl-alt:hover {
  background: #18842b;
  color: #ffffff;
  border-color: #18842b;
}

.ck-content #freelance .fl-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #freelance .fl-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #freelance .fl-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #freelance .fl-biz-grid,
  .ck-content #freelance .fl-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #freelance .fl-page {
    padding: 12px 12px 40px;
  }
  .ck-content #freelance .fl-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #freelance .fl-section {
    padding: 22px;
  }
  .ck-content #freelance .fl-hero p,
  .ck-content #freelance .fl-lead {
    font-size: 16px;
  }
  .ck-content #freelance .fl-hero-stats,
  .ck-content #freelance .fl-feature-grid,
  .ck-content #freelance .fl-category-grid,
  .ck-content #freelance .fl-biz-grid,
  .ck-content #freelance .fl-keys-grid,
  .ck-content #freelance .fl-summary-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #freelance .fl-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (scoped to CKEditor as #parttime)
   ========================================= */
.ck-content #parttime {
  --pattm-bg: #f4f7f5;
  --pattm-card: #ffffff;
  --pattm-text: #17211c;
  --pattm-muted: #5a6861;
  --pattm-line: #e2ebe6;
  --pattm-green-1: #0d4b2f;
  --pattm-green-2: #2d8d4f;
  --pattm-green-3: #ebf7ef;
  --pattm-green-4: #d8eedf;
  --pattm-black-1: #111714;
  --pattm-black-2: #1e2621;
  --pattm-gray-1: #f3f5f4;
  --pattm-shadow: 0 18px 48px rgba(17, 34, 24, .08);
  --pattm-radius: 26px;
  --pattm-max: 1180px;
}

.ck-content #parttime img,
.ck-content #parttime svg {
  display: block;
  max-width: 100%;
}

.ck-content #parttime a {
  text-decoration: none;
  color: inherit;
}

.ck-content #parttime .pattm-page {
  padding: 22px 16px 60px;
}

.ck-content #parttime .pattm-wrap {
  max-width: var(--pattm-max);
  margin: 0 auto;
}

.ck-content #parttime .pattm-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--pattm-black-1) 0%, #1a221d 34%, var(--pattm-green-1) 68%, var(--pattm-green-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--pattm-shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #parttime .pattm-hero::before,
.ck-content #parttime .pattm-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  pointer-events: none;
}

.ck-content #parttime .pattm-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #parttime .pattm-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #parttime .pattm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #parttime .pattm-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #parttime .pattm-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #parttime .pattm-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #parttime .pattm-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #parttime .pattm-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #parttime .pattm-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #parttime .pattm-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #parttime .pattm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: flex-start;
  margin-top: 24px;
}

.ck-content #parttime .pattm-main,
.ck-content #parttime .pattm-side {
  display: grid;
  gap: 22px;
}

.ck-content #parttime .pattm-card {
  background: var(--pattm-card);
  border: 1px solid var(--pattm-line);
  border-radius: var(--pattm-radius);
  box-shadow: var(--pattm-shadow);
  overflow: hidden;
}

.ck-content #parttime .pattm-section {
  padding: 30px;
}

.ck-content #parttime .pattm-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #103623;
}

.ck-content #parttime .pattm-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #1f6a3e;
}

.ck-content #parttime .pattm-section p {
  margin: 0 0 14px;
  color: #2b3a33;
}

.ck-content #parttime .pattm-section p:last-child {
  margin-bottom: 0;
}

.ck-content #parttime .pattm-lead {
  font-size: 18px;
  color: #24352d;
}

.ck-content #parttime .pattm-feature-grid,
.ck-content #parttime .pattm-category-grid,
.ck-content #parttime .pattm-biz-grid,
.ck-content #parttime .pattm-keys-grid,
.ck-content #parttime .pattm-summary-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #parttime .pattm-feature-grid,
.ck-content #parttime .pattm-category-grid,
.ck-content #parttime .pattm-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #parttime .pattm-biz-grid,
.ck-content #parttime .pattm-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #parttime .pattm-mini-card {
  border: 1px solid var(--pattm-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fafcfb);
}

.ck-content #parttime .pattm-mini-card.pattm-green {
  background: linear-gradient(180deg, #fbfffd, #ebf7ef);
  border-color: #d8eedf;
}

.ck-content #parttime .pattm-mini-card.pattm-gray {
  background: linear-gradient(180deg, #fafbfa, #f3f5f4);
  border-color: #e5e9e6;
}

.ck-content #parttime .pattm-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #153a28;
}

.ck-content #parttime .pattm-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--pattm-muted);
  line-height: 1.65;
}

.ck-content #parttime .pattm-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #153a28;
  margin-bottom: 8px;
}

.ck-content #parttime .pattm-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #parttime .pattm-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--pattm-green-3);
  color: #1f6a3e;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--pattm-green-4);
}

.ck-content #parttime .pattm-chip.pattm-gray {
  background: #f2f4f3;
  color: #4f5e56;
  border-color: #e2e7e4;
}

.ck-content #parttime .pattm-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #parttime .pattm-inner {
  background: #eef7f1;
  padding: 18px;
}

.ck-content #parttime .pattm-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--pattm-green-2);
  border-radius: 20px;
  background: linear-gradient(135deg, #f9fffb, #f2f5f3);
  font-size: 18px;
  font-weight: 700;
  color: #1b5f39;
}

.ck-content #parttime .pattm-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #parttime .pattm-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: flex-start;
}

.ck-content #parttime .pattm-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #edf7f0;
  color: #2d8d4f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #parttime .pattm-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #parttime .pattm-check-item span {
  font-size: 14px;
  color: var(--pattm-muted);
}

.ck-content #parttime .pattm-cta {
  background: linear-gradient(135deg, #18211c, #0d4b2f 52%, #2d8d4f 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #parttime .pattm-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #parttime .pattm-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #parttime .pattm-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #parttime .pattm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #parttime .pattm-btn.pattm-primary {
  background: #fff;
  color: #145834;
}

.ck-content #parttime .pattm-btn.pattm-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #parttime .pattm-btn.pattm-alt {
  background: #ebf7ef;
  color: #1f6a3e;
  border: 1px solid #d4eadc;
}

.ck-content #parttime .pattm-btn.pattm-primary:hover {
  background: #0f6a3c;
  color: #fff;
}

.ck-content #parttime .pattm-btn.pattm-secondary:hover {
  background: #fff;
  color: #145834;
  border-color: #fff;
}

.ck-content #parttime .pattm-btn.pattm-alt:hover {
  background: #145834;
  color: #ffffff;
  border-color: #145834;
}

.ck-content #parttime .pattm-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--pattm-muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #parttime .pattm-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #parttime .pattm-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #parttime .pattm-biz-grid,
  .ck-content #parttime .pattm-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #parttime .pattm-page {
    padding: 12px 12px 40px;
  }
  .ck-content #parttime .pattm-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #parttime .pattm-section {
    padding: 22px;
  }
  .ck-content #parttime .pattm-hero p,
  .ck-content #parttime .pattm-lead {
    font-size: 16px;
  }
  .ck-content #parttime .pattm-hero-stats,
  .ck-content #parttime .pattm-feature-grid,
  .ck-content #parttime .pattm-category-grid,
  .ck-content #parttime .pattm-biz-grid,
  .ck-content #parttime .pattm-keys-grid,
  .ck-content #parttime .pattm-summary-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #parttime .pattm-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (Feeddy / fdy-*) scoped to CKEditor as #feeddy
   ========================================= */
.ck-content #feeddy {
  --fdy-bg: #f6f4fb;
  --fdy-card: #ffffff;
  --fdy-text: #1f2233;
  --fdy-muted: #646985;
  --fdy-line: #e7e4f2;
  --fdy-purple-1: #5f49d8;
  --fdy-purple-2: #8f63ff;
  --fdy-purple-3: #f1ecff;
  --fdy-purple-4: #dfd2ff;
  --fdy-pink-1: #ff6db2;
  --fdy-pink-2: #ff9bc7;
  --fdy-dark-1: #26243b;
  --fdy-shadow: 0 18px 48px rgba(54, 42, 102, .09);
  --fdy-radius: 26px;
  --fdy-max: 1180px;
}

.ck-content #feeddy .fdy-page {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(143, 99, 255, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(255, 109, 178, 0.08), transparent 16%), var(--fdy-bg);
  color: var(--fdy-text);
  line-height: 1.78;
  padding: 22px 16px 60px;
}

.ck-content #feeddy img,
.ck-content #feeddy svg {
  display: block;
  max-width: 100%;
}

.ck-content #feeddy a {
  text-decoration: none;
  color: inherit;
}

.ck-content #feeddy .fdy-wrap {
  max-width: var(--fdy-max);
  margin: 0 auto;
}

.ck-content #feeddy .fdy-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--fdy-dark-1) 0%, #473d84 36%, var(--fdy-purple-2) 70%, var(--fdy-pink-1) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--fdy-shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #feeddy .fdy-hero::before,
.ck-content #feeddy .fdy-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #feeddy .fdy-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #feeddy .fdy-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #feeddy .fdy-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #feeddy h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #feeddy .fdy-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #feeddy .fdy-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #feeddy .fdy-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #feeddy .fdy-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #feeddy .fdy-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #feeddy .fdy-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #feeddy .fdy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #feeddy .fdy-main,
.ck-content #feeddy .fdy-side {
  display: grid;
  gap: 22px;
}

.ck-content #feeddy .fdy-card {
  background: var(--fdy-card);
  border: 1px solid var(--fdy-line);
  border-radius: var(--fdy-radius);
  box-shadow: var(--fdy-shadow);
  overflow: hidden;
}

.ck-content #feeddy .fdy-section {
  padding: 30px;
}

.ck-content #feeddy .fdy-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #33286f;
}

.ck-content #feeddy .fdy-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #7a56ea;
}

.ck-content #feeddy .fdy-section p {
  margin: 0 0 14px;
  color: #303653;
}

.ck-content #feeddy .fdy-section p:last-child {
  margin-bottom: 0;
}

.ck-content #feeddy .fdy-lead {
  font-size: 18px;
  color: #2b3150;
}

.ck-content #feeddy .fdy-feature-grid,
.ck-content #feeddy .fdy-category-grid,
.ck-content #feeddy .fdy-biz-grid,
.ck-content #feeddy .fdy-keys-grid,
.ck-content #feeddy .fdy-summary-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #feeddy .fdy-feature-grid,
.ck-content #feeddy .fdy-category-grid,
.ck-content #feeddy .fdy-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #feeddy .fdy-biz-grid,
.ck-content #feeddy .fdy-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #feeddy .fdy-mini-card {
  border: 1px solid var(--fdy-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfaff);
}

.ck-content #feeddy .fdy-mini-card.fdy-purple {
  background: linear-gradient(180deg, #fcfbff, #f1ecff);
  border-color: #dfd2ff;
}

.ck-content #feeddy .fdy-mini-card.fdy-pink {
  background: linear-gradient(180deg, #fffafb, #fff0f7);
  border-color: #ffd9ea;
}

.ck-content #feeddy .fdy-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #2f2a5f;
}

.ck-content #feeddy .fdy-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--fdy-muted);
  line-height: 1.65;
}

.ck-content #feeddy .fdy-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #2f2a5f;
  margin-bottom: 8px;
}

.ck-content #feeddy .fdy-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #feeddy .fdy-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--fdy-purple-3);
  color: #6848d8;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--fdy-purple-4);
}

.ck-content #feeddy .fdy-chip.fdy-pink {
  background: #fff0f7;
  color: #df4f95;
  border-color: #ffd9ea;
}

.ck-content #feeddy .fdy-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--fdy-pink-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff9fd, #f4f5ff);
  font-size: 18px;
  font-weight: 700;
  color: #6b49db;
}

.ck-content #feeddy .fdy-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #feeddy .fdy-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #feeddy .fdy-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #f1ecff;
  color: #7a56ea;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #feeddy .fdy-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #feeddy .fdy-check-item span {
  font-size: 14px;
  color: var(--fdy-muted);
}

.ck-content #feeddy .fdy-cta {
  background: linear-gradient(135deg, #2e2859, #5f49d8 50%, #ff6db2 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #feeddy .fdy-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #feeddy .fdy-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #feeddy .fdy-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #feeddy .fdy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #feeddy .fdy-btn.fdy-primary {
  background: #fff;
  color: #6b49db;
}

.ck-content #feeddy .fdy-btn.fdy-primary:hover {
  background: #6b49db;
  color: #ffffff;
}

.ck-content #feeddy .fdy-btn.fdy-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #feeddy .fdy-btn.fdy-secondary:hover {
  background: #ffffff;
  color: #6b49db;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #feeddy .fdy-btn.fdy-alt {
  background: #fff0f7;
  color: #d74d92;
  border: 1px solid #ffd6e8;
}

.ck-content #feeddy .fdy-btn.fdy-alt:hover {
  background: #d74d92;
  color: #ffffff;
  border-color: #d74d92;
}

.ck-content #feeddy .fdy-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--fdy-muted);
  font-size: 14px;
}

.ck-content #feeddy .fdy-img-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.ck-content #feeddy .fdy-shot {
  border: 1px solid var(--fdy-line);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
}

.ck-content #feeddy .fdy-shot img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.ck-content #feeddy .fdy-shot.fdy-tall img {
  min-height: 420px;
}

.ck-content #feeddy .fdy-caption {
  padding: 10px 14px;
  font-size: 13px;
  color: var(--fdy-muted);
  border-top: 1px solid var(--fdy-line);
  background: #fcfbff;
}

@media (max-width: 1024px) {
  .ck-content #feeddy .fdy-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #feeddy .fdy-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #feeddy .fdy-biz-grid,
  .ck-content #feeddy .fdy-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ck-content #feeddy .fdy-img-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #feeddy .fdy-page {
    padding: 12px 12px 40px;
  }
  .ck-content #feeddy .fdy-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #feeddy .fdy-section {
    padding: 22px;
  }
  .ck-content #feeddy .fdy-hero p,
  .ck-content #feeddy .fdy-lead {
    font-size: 16px;
  }
  .ck-content #feeddy .fdy-hero-stats,
  .ck-content #feeddy .fdy-feature-grid,
  .ck-content #feeddy .fdy-category-grid,
  .ck-content #feeddy .fdy-biz-grid,
  .ck-content #feeddy .fdy-keys-grid,
  .ck-content #feeddy .fdy-summary-grid,
  .ck-content #feeddy .fdy-img-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #feeddy .fdy-cta {
    padding: 24px;
  }
  .ck-content #feeddy .fdy-shot.fdy-tall img,
  .ck-content #feeddy .fdy-shot img {
    min-height: 220px;
  }
}
/* =========================================
   css.css (ShipX / shx-*) scoped to CKEditor as #shipx
   ========================================= */
.ck-content #shipx {
  --shx-bg: #f5f8f7;
  --shx-card: #ffffff;
  --shx-text: #1f2a28;
  --shx-muted: #66746f;
  --shx-line: #dfe9e4;
  --shx-green-1: #0d5b53;
  --shx-green-2: #12a48b;
  --shx-green-3: #e9f8f4;
  --shx-gold-1: #c7a04a;
  --shx-gold-2: #e1bd6b;
  --shx-gold-3: #fff7e6;
  --shx-dark-1: #1f2426;
  --shx-shadow: 0 18px 48px rgba(17, 44, 37, .09);
  --shx-radius: 26px;
  --shx-max: 1180px;
}

.ck-content #shipx .shx-page {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(18, 164, 139, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(199, 160, 74, 0.08), transparent 16%), var(--shx-bg);
  color: var(--shx-text);
  line-height: 1.78;
  padding: 22px 16px 60px;
}

.ck-content #shipx img,
.ck-content #shipx svg {
  display: block;
  max-width: 100%;
}

.ck-content #shipx a {
  text-decoration: none;
  color: inherit;
}

.ck-content #shipx .shx-wrap {
  max-width: var(--shx-max);
  margin: 0 auto;
}

.ck-content #shipx .shx-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--shx-dark-1) 0%, #1f2d2b 35%, var(--shx-green-1) 62%, var(--shx-green-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shx-shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #shipx .shx-hero::before,
.ck-content #shipx .shx-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.ck-content #shipx .shx-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #shipx .shx-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #shipx .shx-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #shipx h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #shipx .shx-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #shipx .shx-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #shipx .shx-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #shipx .shx-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #shipx .shx-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #shipx .shx-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #shipx .shx-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #shipx .shx-main,
.ck-content #shipx .shx-side {
  display: grid;
  gap: 22px;
}

.ck-content #shipx .shx-card {
  background: var(--shx-card);
  border: 1px solid var(--shx-line);
  border-radius: var(--shx-radius);
  box-shadow: var(--shx-shadow);
  overflow: hidden;
}

.ck-content #shipx .shx-section {
  padding: 30px;
}

.ck-content #shipx .shx-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #134e49;
}

.ck-content #shipx .shx-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #0f7f6f;
}

.ck-content #shipx .shx-section p {
  margin: 0 0 14px;
  color: #354643;
}

.ck-content #shipx .shx-section p:last-child {
  margin-bottom: 0;
}

.ck-content #shipx .shx-lead {
  font-size: 18px;
  color: #2c3f3b;
}

.ck-content #shipx .shx-feature-grid,
.ck-content #shipx .shx-category-grid,
.ck-content #shipx .shx-biz-grid,
.ck-content #shipx .shx-keys-grid,
.ck-content #shipx .shx-summary-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #shipx .shx-feature-grid,
.ck-content #shipx .shx-category-grid,
.ck-content #shipx .shx-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #shipx .shx-biz-grid,
.ck-content #shipx .shx-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #shipx .shx-mini-card {
  border: 1px solid var(--shx-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfcfc);
}

.ck-content #shipx .shx-mini-card.shx-green {
  background: linear-gradient(180deg, #fbfffe, #e9f8f4);
  border-color: #d4efe8;
}

.ck-content #shipx .shx-mini-card.shx-gold {
  background: linear-gradient(180deg, #fffdf9, #fff7e6);
  border-color: #f5e6c0;
}

.ck-content #shipx .shx-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #144842;
}

.ck-content #shipx .shx-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--shx-muted);
  line-height: 1.65;
}

.ck-content #shipx .shx-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #144842;
  margin-bottom: 8px;
}

.ck-content #shipx .shx-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #shipx .shx-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--shx-green-3);
  color: #0f7a6a;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d2eee7;
}

.ck-content #shipx .shx-chip.shx-gold {
  background: var(--shx-gold-3);
  color: #9a751d;
  border-color: #f0dfb5;
}

.ck-content #shipx .shx-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--shx-gold-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fdfcf7, #eef7f4);
  font-size: 18px;
  font-weight: 700;
  color: #176258;
}

.ck-content #shipx .shx-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #shipx .shx-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #shipx .shx-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #ecf7f3;
  color: #12a48b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #shipx .shx-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #shipx .shx-check-item span {
  font-size: 14px;
  color: var(--shx-muted);
}

.ck-content #shipx .shx-cta {
  background: linear-gradient(135deg, #193130, #0d5b53 44%, #c7a04a 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #shipx .shx-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #shipx .shx-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #shipx .shx-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #shipx .shx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #shipx .shx-btn.shx-primary {
  background: #fff;
  color: #0d5b53;
}

.ck-content #shipx .shx-btn.shx-primary:hover {
  background: var(--shx-green-2);
  color: #ffffff;
}

.ck-content #shipx .shx-btn.shx-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #shipx .shx-btn.shx-secondary:hover {
  background: #ffffff;
  color: #0d5b53;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #shipx .shx-btn.shx-gold {
  background: #fff5de;
  color: #9a741f;
  border: 1px solid #efd8a3;
}

.ck-content #shipx .shx-btn.shx-gold:hover {
  background: #c7a04a;
  color: #ffffff;
  border-color: #c7a04a;
}

.ck-content #shipx .shx-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--shx-muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #shipx .shx-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #shipx .shx-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #shipx .shx-biz-grid,
  .ck-content #shipx .shx-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #shipx .shx-page {
    padding: 12px 12px 40px;
  }
  .ck-content #shipx .shx-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #shipx .shx-section {
    padding: 22px;
  }
  .ck-content #shipx .shx-hero p,
  .ck-content #shipx .shx-lead {
    font-size: 16px;
  }
  .ck-content #shipx .shx-hero-stats,
  .ck-content #shipx .shx-feature-grid,
  .ck-content #shipx .shx-category-grid,
  .ck-content #shipx .shx-biz-grid,
  .ck-content #shipx .shx-keys-grid,
  .ck-content #shipx .shx-summary-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #shipx .shx-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (WinHR / whr-*) scoped to CKEditor as #winhr
   ========================================= */
.ck-content #winhr {
  --whr-bg: #f3f8fd;
  --whr-card: #ffffff;
  --whr-text: #17263f;
  --whr-muted: #607089;
  --whr-line: #e1ebf6;
  --whr-blue-1: #0d1a2a;
  --whr-blue-2: #0f4f93;
  --whr-blue-3: #1f84dc;
  --whr-blue-4: #eef6ff;
  --whr-blue-5: #dbeafe;
  --whr-red-1: #f15f7a;
  --whr-shadow: 0 18px 48px rgba(15, 36, 73, .08);
  --whr-radius: 26px;
  --whr-max: 1180px;
}

.ck-content #winhr .whr-page {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(31, 132, 220, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(241, 95, 122, 0.07), transparent 16%), var(--whr-bg);
  color: var(--whr-text);
  line-height: 1.78;
  padding: 22px 16px 60px;
}

.ck-content #winhr img,
.ck-content #winhr svg {
  display: block;
  max-width: 100%;
}

.ck-content #winhr a {
  text-decoration: none;
  color: inherit;
}

.ck-content #winhr .whr-wrap {
  max-width: var(--whr-max);
  margin: 0 auto;
}

.ck-content #winhr .whr-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--whr-blue-1) 0%, #132c49 34%, var(--whr-blue-2) 66%, var(--whr-blue-3) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--whr-shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #winhr .whr-hero::before,
.ck-content #winhr .whr-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #winhr .whr-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #winhr .whr-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #winhr .whr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #winhr .whr-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #winhr .whr-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #winhr .whr-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #winhr .whr-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #winhr .whr-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #winhr .whr-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #winhr .whr-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #winhr .whr-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #winhr .whr-main,
.ck-content #winhr .whr-side {
  display: grid;
  gap: 22px;
}

.ck-content #winhr .whr-card {
  background: var(--whr-card);
  border: 1px solid var(--whr-line);
  border-radius: var(--whr-radius);
  box-shadow: var(--whr-shadow);
  overflow: hidden;
}

.ck-content #winhr .whr-section {
  padding: 30px;
}

.ck-content #winhr .whr-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #112d5d;
}

.ck-content #winhr .whr-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #1f84dc;
}

.ck-content #winhr .whr-section p {
  margin: 0 0 14px;
  color: #273a59;
}

.ck-content #winhr .whr-section p:last-child {
  margin-bottom: 0;
}

.ck-content #winhr .whr-lead {
  font-size: 18px;
  color: #213658;
}

.ck-content #winhr .whr-feature-grid,
.ck-content #winhr .whr-category-grid,
.ck-content #winhr .whr-biz-grid,
.ck-content #winhr .whr-keys-grid,
.ck-content #winhr .whr-summary-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #winhr .whr-feature-grid,
.ck-content #winhr .whr-category-grid,
.ck-content #winhr .whr-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #winhr .whr-biz-grid,
.ck-content #winhr .whr-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #winhr .whr-mini-card {
  border: 1px solid var(--whr-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fafcff);
}

.ck-content #winhr .whr-mini-card.whr-blue {
  background: linear-gradient(180deg, #fbfdff, #eef6ff);
  border-color: #dbeafe;
}

.ck-content #winhr .whr-mini-card.whr-soft {
  background: linear-gradient(180deg, #fffafb, #fff2f6);
  border-color: #ffe1e9;
}

.ck-content #winhr .whr-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #13366f;
}

.ck-content #winhr .whr-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--whr-muted);
  line-height: 1.65;
}

.ck-content #winhr .whr-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #14356c;
  margin-bottom: 8px;
}

.ck-content #winhr .whr-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #winhr .whr-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--whr-blue-4);
  color: #1b66c7;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--whr-blue-5);
}

.ck-content #winhr .whr-chip.whr-soft {
  background: #fff1f5;
  color: #d95c7d;
  border-color: #ffdce6;
}

.ck-content #winhr .whr-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--whr-blue-3);
  border-radius: 20px;
  background: linear-gradient(135deg, #f8fbff, #fdf5f8);
  font-size: 18px;
  font-weight: 700;
  color: #1b4f95;
}

.ck-content #winhr .whr-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #winhr .whr-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #winhr .whr-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef6ff;
  color: #1f84dc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #winhr .whr-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #winhr .whr-check-item span {
  font-size: 14px;
  color: var(--whr-muted);
}

.ck-content #winhr .whr-cta {
  background: linear-gradient(135deg, #13233b, #0f4f93 48%, #1f84dc 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #winhr .whr-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #winhr .whr-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #winhr .whr-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #winhr .whr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #winhr .whr-btn.whr-primary {
  background: #fff;
  color: #1559ad;
}

.ck-content #winhr .whr-btn.whr-primary:hover {
  background: var(--whr-blue-3);
  color: #ffffff;
}

.ck-content #winhr .whr-btn.whr-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #winhr .whr-btn.whr-secondary:hover {
  background: #ffffff;
  color: #1559ad;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #winhr .whr-btn.whr-soft {
  background: #eef6ff;
  color: #1f66c6;
  border: 1px solid #d9eaff;
}

.ck-content #winhr .whr-btn.whr-soft:hover {
  background: var(--whr-blue-2);
  color: #ffffff;
  border-color: var(--whr-blue-2);
}

.ck-content #winhr .whr-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--whr-muted);
  font-size: 14px;
}

.ck-content #winhr .whr-img-box {
  border: 1px solid var(--whr-line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #winhr .whr-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #winhr .whr-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--whr-muted);
  background: #fbfdff;
  border-top: 1px solid var(--whr-line);
}

@media (max-width: 1024px) {
  .ck-content #winhr .whr-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #winhr .whr-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #winhr .whr-biz-grid,
  .ck-content #winhr .whr-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #winhr .whr-page {
    padding: 12px 12px 40px;
  }
  .ck-content #winhr .whr-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #winhr .whr-section {
    padding: 22px;
  }
  .ck-content #winhr .whr-hero p,
  .ck-content #winhr .whr-lead {
    font-size: 16px;
  }
  .ck-content #winhr .whr-hero-stats,
  .ck-content #winhr .whr-feature-grid,
  .ck-content #winhr .whr-category-grid,
  .ck-content #winhr .whr-biz-grid,
  .ck-content #winhr .whr-keys-grid,
  .ck-content #winhr .whr-summary-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #winhr .whr-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (WinCRM / wcrm-*) scoped to CKEditor as #wincrm
   ========================================= */
.ck-content #wincrm {
  --wcrm-bg: #f3fbf8;
  --wcrm-card: #ffffff;
  --wcrm-text: #18322f;
  --wcrm-muted: #607771;
  --wcrm-line: #dfefe9;
  --wcrm-green-1: #0d2a25;
  --wcrm-green-2: #118c70;
  --wcrm-green-3: #22c6a2;
  --wcrm-green-4: #ecfbf7;
  --wcrm-green-5: #d8f4ec;
  --wcrm-pink-1: #f15f7a;
  --wcrm-shadow: 0 18px 48px rgba(16, 47, 42, .08);
  --wcrm-radius: 26px;
  --wcrm-max: 1180px;
}

.ck-content #wincrm .wcrm-page {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(34, 198, 162, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(241, 95, 122, 0.06), transparent 16%), var(--wcrm-bg);
  color: var(--wcrm-text);
  line-height: 1.78;
  padding: 22px 16px 60px;
}

.ck-content #wincrm img,
.ck-content #wincrm svg {
  display: block;
  max-width: 100%;
}

.ck-content #wincrm a {
  text-decoration: none;
  color: inherit;
}

.ck-content #wincrm .wcrm-wrap {
  max-width: var(--wcrm-max);
  margin: 0 auto;
}

.ck-content #wincrm .wcrm-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--wcrm-green-1) 0%, #103d35 36%, var(--wcrm-green-2) 70%, var(--wcrm-green-3) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--wcrm-shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #wincrm .wcrm-hero::before,
.ck-content #wincrm .wcrm-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #wincrm .wcrm-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #wincrm .wcrm-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #wincrm .wcrm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #wincrm .wcrm-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #wincrm .wcrm-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #wincrm .wcrm-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #wincrm .wcrm-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #wincrm .wcrm-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #wincrm .wcrm-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #wincrm .wcrm-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #wincrm .wcrm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #wincrm .wcrm-main,
.ck-content #wincrm .wcrm-side {
  display: grid;
  gap: 22px;
}

.ck-content #wincrm .wcrm-card {
  background: var(--wcrm-card);
  border: 1px solid var(--wcrm-line);
  border-radius: var(--wcrm-radius);
  box-shadow: var(--wcrm-shadow);
  overflow: hidden;
}

.ck-content #wincrm .wcrm-section {
  padding: 30px;
}

.ck-content #wincrm .wcrm-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f5f50;
}

.ck-content #wincrm .wcrm-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #16a085;
}

.ck-content #wincrm .wcrm-section p {
  margin: 0 0 14px;
  color: #23423d;
}

.ck-content #wincrm .wcrm-section p:last-child {
  margin-bottom: 0;
}

.ck-content #wincrm .wcrm-lead {
  font-size: 18px;
  color: #214640;
}

.ck-content #wincrm .wcrm-feature-grid,
.ck-content #wincrm .wcrm-biz-grid,
.ck-content #wincrm .wcrm-keys-grid,
.ck-content #wincrm .wcrm-summary-grid,
.ck-content #wincrm .wcrm-image-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #wincrm .wcrm-feature-grid,
.ck-content #wincrm .wcrm-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #wincrm .wcrm-biz-grid,
.ck-content #wincrm .wcrm-summary-grid,
.ck-content #wincrm .wcrm-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #wincrm .wcrm-mini-card {
  border: 1px solid var(--wcrm-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfffd);
}

.ck-content #wincrm .wcrm-mini-card.wcrm-green {
  background: linear-gradient(180deg, #fbfffd, #ecfbf7);
  border-color: #d8f4ec;
}

.ck-content #wincrm .wcrm-mini-card.wcrm-soft {
  background: linear-gradient(180deg, #fffafb, #fff2f6);
  border-color: #ffe2ea;
}

.ck-content #wincrm .wcrm-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #0e5c4e;
}

.ck-content #wincrm .wcrm-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--wcrm-muted);
  line-height: 1.65;
}

.ck-content #wincrm .wcrm-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #115e50;
  margin-bottom: 8px;
}

.ck-content #wincrm .wcrm-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #wincrm .wcrm-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--wcrm-green-4);
  color: #10826a;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--wcrm-green-5);
}

.ck-content #wincrm .wcrm-chip.wcrm-soft {
  background: #fff1f5;
  color: #d65f80;
  border-color: #ffdce6;
}

.ck-content #wincrm .wcrm-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--wcrm-green-3);
  border-radius: 20px;
  background: linear-gradient(135deg, #f8fffc, #fff6f9);
  font-size: 18px;
  font-weight: 700;
  color: #11725f;
}

.ck-content #wincrm .wcrm-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #wincrm .wcrm-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #wincrm .wcrm-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #ecfbf7;
  color: #15a386;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #wincrm .wcrm-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #wincrm .wcrm-check-item span {
  font-size: 14px;
  color: var(--wcrm-muted);
}

.ck-content #wincrm .wcrm-cta {
  background: linear-gradient(135deg, #13322d, #118c70 50%, #22c6a2 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #wincrm .wcrm-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #wincrm .wcrm-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #wincrm .wcrm-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #wincrm .wcrm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #wincrm .wcrm-btn.wcrm-primary {
  background: #fff;
  color: #137f68;
}

.ck-content #wincrm .wcrm-btn.wcrm-primary:hover {
  background: var(--wcrm-green-2);
  color: #ffffff;
}

.ck-content #wincrm .wcrm-btn.wcrm-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #wincrm .wcrm-btn.wcrm-secondary:hover {
  background: #ffffff;
  color: #137f68;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #wincrm .wcrm-btn.wcrm-soft {
  background: #ecfbf7;
  color: #12886f;
  border: 1px solid #d8f4ec;
}

.ck-content #wincrm .wcrm-btn.wcrm-soft:hover {
  background: var(--wcrm-green-2);
  color: #ffffff;
  border-color: var(--wcrm-green-2);
}

.ck-content #wincrm .wcrm-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--wcrm-muted);
  font-size: 14px;
}

.ck-content #wincrm .wcrm-image-card,
.ck-content #wincrm .wcrm-img-box {
  border: 1px dashed #bde6da;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(180deg, #f9fffd, #eefaf6);
}

.ck-content #wincrm .wcrm-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #wincrm .wcrm-img-cap,
.ck-content #wincrm .wcrm-placeholder-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--wcrm-muted);
  background: #fbfefd;
  border-top: 1px solid var(--wcrm-line);
}

.ck-content #wincrm .wcrm-placeholder {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  color: #2a7c69;
  padding: 24px;
  text-align: center;
}

.ck-content #wincrm .wcrm-placeholder svg {
  width: 72px;
  height: 72px;
  opacity: 0.8;
}

@media (max-width: 1024px) {
  .ck-content #wincrm .wcrm-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #wincrm .wcrm-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #wincrm .wcrm-biz-grid,
  .ck-content #wincrm .wcrm-summary-grid,
  .ck-content #wincrm .wcrm-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #wincrm .wcrm-page {
    padding: 12px 12px 40px;
  }
  .ck-content #wincrm .wcrm-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #wincrm .wcrm-section {
    padding: 22px;
  }
  .ck-content #wincrm .wcrm-hero p,
  .ck-content #wincrm .wcrm-lead {
    font-size: 16px;
  }
  .ck-content #wincrm .wcrm-hero-stats,
  .ck-content #wincrm .wcrm-feature-grid,
  .ck-content #wincrm .wcrm-biz-grid,
  .ck-content #wincrm .wcrm-keys-grid,
  .ck-content #wincrm .wcrm-summary-grid,
  .ck-content #wincrm .wcrm-image-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #wincrm .wcrm-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (1POS / pos-*) scoped to CKEditor as #onepos
   ========================================= */
.ck-content #onepos {
  --pos-bg: #f4f8fd;
  --pos-card: #ffffff;
  --pos-text: #17273b;
  --pos-muted: #61758d;
  --pos-line: #e1ebf5;
  --pos-blue-1: #0f1b2c;
  --pos-blue-2: #1b7fd8;
  --pos-blue-3: #dff0ff;
  --pos-blue-4: #edf6ff;
  --pos-cyan-1: #49ace0;
  --pos-cyan-2: #8dd7ff;
  --pos-green: #1bb58f;
  --pos-shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --pos-radius: 26px;
  --pos-max: 1180px;
}

.ck-content #onepos .pos-page {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(73, 172, 224, 0.1), transparent 18%), radial-gradient(circle at top right, rgba(27, 127, 216, 0.08), transparent 16%), var(--pos-bg);
  color: var(--pos-text);
  line-height: 1.78;
  padding: 22px 16px 60px;
}

.ck-content #onepos img,
.ck-content #onepos svg {
  display: block;
  max-width: 100%;
}

.ck-content #onepos a {
  text-decoration: none;
  color: inherit;
}

.ck-content #onepos .pos-wrap {
  max-width: var(--pos-max);
  margin: 0 auto;
}

.ck-content #onepos .pos-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--pos-blue-1) 0%, #15345a 40%, var(--pos-blue-2) 76%, var(--pos-cyan-1) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--pos-shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #onepos .pos-hero::before,
.ck-content #onepos .pos-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #onepos .pos-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #onepos .pos-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #onepos .pos-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #onepos .pos-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #onepos .pos-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #onepos .pos-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #onepos .pos-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #onepos .pos-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #onepos .pos-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #onepos .pos-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #onepos .pos-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #onepos .pos-main,
.ck-content #onepos .pos-side {
  display: grid;
  gap: 22px;
}

.ck-content #onepos .pos-card {
  background: var(--pos-card);
  border: 1px solid var(--pos-line);
  border-radius: var(--pos-radius);
  box-shadow: var(--pos-shadow);
  overflow: hidden;
}

.ck-content #onepos .pos-section {
  padding: 30px;
}

.ck-content #onepos .pos-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #102a57;
}

.ck-content #onepos .pos-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #186fbe;
}

.ck-content #onepos .pos-section p {
  margin: 0 0 14px;
  color: #243a55;
}

.ck-content #onepos .pos-section p:last-child {
  margin-bottom: 0;
}

.ck-content #onepos .pos-lead {
  font-size: 18px;
  color: #213955;
}

.ck-content #onepos .pos-summary-grid,
.ck-content #onepos .pos-feature-grid,
.ck-content #onepos .pos-biz-grid,
.ck-content #onepos .pos-keys-grid,
.ck-content #onepos .pos-image-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #onepos .pos-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #onepos .pos-feature-grid,
.ck-content #onepos .pos-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #onepos .pos-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #onepos .pos-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #onepos .pos-mini-card {
  border: 1px solid var(--pos-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f9fbff);
}

.ck-content #onepos .pos-mini-card.pos-blue {
  background: linear-gradient(180deg, #fafdff, #edf6ff);
  border-color: #d6eafe;
}

.ck-content #onepos .pos-mini-card.pos-cyan {
  background: linear-gradient(180deg, #f8fdff, #eaf7ff);
  border-color: #d2ecff;
}

.ck-content #onepos .pos-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #12366e;
}

.ck-content #onepos .pos-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--pos-muted);
  line-height: 1.65;
}

.ck-content #onepos .pos-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #0f2850;
  margin-bottom: 8px;
}

.ck-content #onepos .pos-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #onepos .pos-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--pos-blue-4);
  color: #1d64aa;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d8eaff;
}

.ck-content #onepos .pos-chip.pos-cyan {
  background: #ecf8ff;
  color: #1880c9;
  border-color: #d2ecff;
}

.ck-content #onepos .pos-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--pos-cyan-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #f6fbff, #eef7ff);
  font-size: 18px;
  font-weight: 700;
  color: #13498a;
}

.ck-content #onepos .pos-illus {
  padding: 0;
}

.ck-content #onepos .pos-inner {
  background: #edf6ff;
  padding: 18px;
}

.ck-content #onepos .pos-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #onepos .pos-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #onepos .pos-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #edf6ff;
  color: #1b76c8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #onepos .pos-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #onepos .pos-check-item span {
  font-size: 14px;
  color: var(--pos-muted);
}

.ck-content #onepos .pos-image-slot {
  border: 1px dashed #bdddf5;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfeff, #eff8ff);
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #3575a9;
}

.ck-content #onepos .pos-image-slot svg {
  width: 68px;
  height: 68px;
  margin-bottom: 10px;
}

.ck-content #onepos .pos-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #onepos .pos-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #onepos .pos-img-box {
  border: 1px solid var(--pos-line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #onepos .pos-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #onepos .pos-img-cap,
.ck-content #onepos .pos-slot-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--pos-muted);
  background: #fbfdff;
  border-top: 1px solid var(--pos-line);
}

.ck-content #onepos .pos-cta {
  background: linear-gradient(135deg, #10213b, #17518f 58%, #49ace0 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #onepos .pos-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #onepos .pos-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #onepos .pos-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #onepos .pos-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #onepos .pos-btn.pos-primary {
  background: #fff;
  color: #114686;
}

.ck-content #onepos .pos-btn.pos-primary:hover {
  background: var(--pos-blue-2);
  color: #ffffff;
}

.ck-content #onepos .pos-btn.pos-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #onepos .pos-btn.pos-secondary:hover {
  background: #ffffff;
  color: #114686;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #onepos .pos-btn.pos-cyan {
  background: #ebf8ff;
  color: #177cc5;
  border: 1px solid #cfeaff;
}

.ck-content #onepos .pos-btn.pos-cyan:hover {
  background: var(--pos-cyan-1);
  color: #ffffff;
  border-color: var(--pos-cyan-1);
}

.ck-content #onepos .pos-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--pos-muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #onepos .pos-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #onepos .pos-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #onepos .pos-summary-grid,
  .ck-content #onepos .pos-biz-grid,
  .ck-content #onepos .pos-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #onepos .pos-page {
    padding: 12px 12px 40px;
  }
  .ck-content #onepos .pos-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #onepos .pos-section {
    padding: 22px;
  }
  .ck-content #onepos .pos-hero p,
  .ck-content #onepos .pos-lead {
    font-size: 16px;
  }
  .ck-content #onepos .pos-hero-stats,
  .ck-content #onepos .pos-summary-grid,
  .ck-content #onepos .pos-feature-grid,
  .ck-content #onepos .pos-biz-grid,
  .ck-content #onepos .pos-keys-grid,
  .ck-content #onepos .pos-image-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #onepos .pos-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (MePoint / mpot-*) scoped to CKEditor as #mepoint
   ========================================= */
.ck-content #mepoint {
  --mpot-bg: #f9fbfb;
  --mpot-card: #ffffff;
  --mpot-text: #20303a;
  --mpot-muted: #667884;
  --mpot-line: #e6eef0;
  --mpot-red-1: #c92a2a;
  --mpot-red-2: #ef6a7a;
  --mpot-red-3: #fff1f3;
  --mpot-green-1: #0f7f74;
  --mpot-green-2: #22b8a7;
  --mpot-green-3: #edfdfa;
  --mpot-green-4: #d9f6f0;
  --mpot-shadow: 0 18px 48px rgba(26, 45, 56, .08);
  --mpot-radius: 26px;
  --mpot-max: 1180px;
}

.ck-content #mepoint .mpot-page {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(34, 184, 167, 0.09), transparent 18%), radial-gradient(circle at top right, rgba(239, 106, 122, 0.08), transparent 16%), var(--mpot-bg);
  color: var(--mpot-text);
  line-height: 1.78;
  padding: 22px 16px 60px;
}

.ck-content #mepoint img,
.ck-content #mepoint svg {
  display: block;
  max-width: 100%;
}

.ck-content #mepoint a {
  text-decoration: none;
  color: inherit;
}

.ck-content #mepoint .mpot-wrap {
  max-width: var(--mpot-max);
  margin: 0 auto;
}

.ck-content #mepoint .mpot-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #18363c 0%, #16655d 42%, var(--mpot-green-2) 78%, var(--mpot-red-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--mpot-shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #mepoint .mpot-hero::before,
.ck-content #mepoint .mpot-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #mepoint .mpot-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #mepoint .mpot-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #mepoint .mpot-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #mepoint .mpot-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #mepoint .mpot-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #mepoint .mpot-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #mepoint .mpot-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #mepoint .mpot-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #mepoint .mpot-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #mepoint .mpot-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #mepoint .mpot-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #mepoint .mpot-main,
.ck-content #mepoint .mpot-side {
  display: grid;
  gap: 22px;
}

.ck-content #mepoint .mpot-card {
  background: var(--mpot-card);
  border: 1px solid var(--mpot-line);
  border-radius: var(--mpot-radius);
  box-shadow: var(--mpot-shadow);
  overflow: hidden;
}

.ck-content #mepoint .mpot-section {
  padding: 30px;
}

.ck-content #mepoint .mpot-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #175e63;
}

.ck-content #mepoint .mpot-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #c92a2a;
}

.ck-content #mepoint .mpot-section p {
  margin: 0 0 14px;
  color: #29414a;
}

.ck-content #mepoint .mpot-section p:last-child {
  margin-bottom: 0;
}

.ck-content #mepoint .mpot-lead {
  font-size: 18px;
  color: #224047;
}

.ck-content #mepoint .mpot-summary-grid,
.ck-content #mepoint .mpot-feature-grid,
.ck-content #mepoint .mpot-biz-grid,
.ck-content #mepoint .mpot-keys-grid,
.ck-content #mepoint .mpot-image-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #mepoint .mpot-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #mepoint .mpot-feature-grid,
.ck-content #mepoint .mpot-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #mepoint .mpot-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #mepoint .mpot-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #mepoint .mpot-mini-card,
.ck-content #mepoint .mini-card {
  border: 1px solid var(--mpot-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfefe);
}

.ck-content #mepoint .mpot-mini-card.mpot-red,
.ck-content #mepoint .mini-card.red {
  background: linear-gradient(180deg, #fffafb, #fff1f3);
  border-color: #ffdce2;
}

.ck-content #mepoint .mpot-mini-card.mpot-green {
  background: linear-gradient(180deg, #fbfffe, #edfdfa);
  border-color: #d9f6f0;
}

.ck-content #mepoint .mpot-mini-card strong,
.ck-content #mepoint .mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #17474e;
}

.ck-content #mepoint .mpot-mini-card p,
.ck-content #mepoint .mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--mpot-muted);
  line-height: 1.65;
}

.ck-content #mepoint .mpot-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #17474e;
  margin-bottom: 8px;
}

.ck-content #mepoint .mpot-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #mepoint .mpot-chip,
.ck-content #mepoint .chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--mpot-green-3);
  color: #138277;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--mpot-green-4);
}

.ck-content #mepoint .mpot-chip.mpot-red,
.ck-content #mepoint .chip.red {
  background: var(--mpot-red-3);
  color: #c92a2a;
  border-color: #ffdce2;
}

.ck-content #mepoint .mpot-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--mpot-red-2);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8fa, #f5fffd);
  font-size: 18px;
  font-weight: 700;
  color: #15656c;
}

.ck-content #mepoint .mpot-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #mepoint .mpot-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #mepoint .mpot-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #edfdfa;
  color: #169488;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #mepoint .mpot-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #mepoint .mpot-check-item span {
  font-size: 14px;
  color: var(--mpot-muted);
}

.ck-content #mepoint .mpot-cta {
  background: linear-gradient(135deg, #18363c, #0f7f74 52%, #ef6a7a 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #mepoint .mpot-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #mepoint .mpot-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #mepoint .mpot-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #mepoint .mpot-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #mepoint .mpot-btn.mpot-primary {
  background: #fff;
  color: #156a63;
}

.ck-content #mepoint .mpot-btn.mpot-primary:hover {
  background: #16a34a;
  color: #ffffff;
}

.ck-content #mepoint .mpot-btn.mpot-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #mepoint .mpot-btn.mpot-secondary:hover {
  background: #ffffff;
  color: #156a63;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #mepoint .mpot-btn.mpot-soft {
  background: #fff1f3;
  color: #c92a2a;
  border: 1px solid #ffdce2;
}

.ck-content #mepoint .mpot-btn.mpot-soft:hover {
  background: #e11d48;
  color: #ffffff;
  border-color: #e11d48;
}

.ck-content #mepoint .mpot-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--mpot-muted);
  font-size: 14px;
}

.ck-content #mepoint .mpot-image-slot {
  border: 1px dashed #cbeee7;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfffe, #f1fcf9);
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #2f7b74;
}

.ck-content #mepoint .mpot-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #mepoint .mpot-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #mepoint .mpot-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #mepoint .mpot-slot-cap,
.ck-content #mepoint .mpot-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--mpot-muted);
  background: #fbfefd;
  border-top: 1px solid var(--mpot-line);
}

.ck-content #mepoint .mpot-img-box {
  border: 1px solid var(--mpot-line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #mepoint .mpot-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #mepoint .mpot-illus {
  padding: 0;
}

.ck-content #mepoint .mpot-illus .mpot-inner {
  background: #edfdfa;
  padding: 18px;
}

@media (max-width: 1024px) {
  .ck-content #mepoint .mpot-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #mepoint .mpot-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #mepoint .mpot-summary-grid,
  .ck-content #mepoint .mpot-biz-grid,
  .ck-content #mepoint .mpot-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #mepoint .mpot-page {
    padding: 12px 12px 40px;
  }
  .ck-content #mepoint .mpot-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #mepoint .mpot-section {
    padding: 22px;
  }
  .ck-content #mepoint .mpot-hero p,
  .ck-content #mepoint .mpot-lead {
    font-size: 16px;
  }
  .ck-content #mepoint .mpot-hero-stats,
  .ck-content #mepoint .mpot-summary-grid,
  .ck-content #mepoint .mpot-feature-grid,
  .ck-content #mepoint .mpot-biz-grid,
  .ck-content #mepoint .mpot-keys-grid,
  .ck-content #mepoint .mpot-image-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #mepoint .mpot-cta {
    padding: 24px;
  }
}
/* =========================================
   AddCart-com.css scoped to CKEditor as #addcart
   ========================================= */
.ck-content #addcart {
  --bg: #f4f7fc;
  --card: #ffffff;
  --text: #17233a;
  --muted: #5f708d;
  --line: #e4ebf5;
  --blue-1: #0b1b4d;
  --blue-2: #1249d8;
  --blue-3: #edf4ff;
  --orange-1: #ff7a00;
  --orange-2: #ff9f45;
  --orange-3: #fff1e5;
  --green: #1bb58f;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --radius-sm: 18px;
  --max: 1180px;
}

.ck-content #addcart * {
  box-sizing: border-box;
}

.ck-content #addcart img,
.ck-content #addcart svg {
  display: block;
  max-width: 100%;
}

.ck-content #addcart a {
  text-decoration: none;
  color: inherit;
}

.ck-content #addcart .addcart-page {
  padding: 22px 16px 60px;
}

.ck-content #addcart .addcart-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #addcart .addcart-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--blue-1) 0%, #102f84 45%, var(--blue-2) 78%, var(--orange-1) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #addcart .addcart-hero::before,
.ck-content #addcart .addcart-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #addcart .addcart-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #addcart .addcart-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #addcart .addcart-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #addcart .addcart-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #addcart .addcart-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
}

.ck-content #addcart .addcart-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #addcart .addcart-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #addcart .addcart-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #addcart .addcart-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.ck-content #addcart .addcart-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #addcart .addcart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #addcart .addcart-main,
.ck-content #addcart .addcart-side {
  display: grid;
  gap: 22px;
}

.ck-content #addcart .addcart-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #addcart .addcart-section {
  padding: 30px;
}

.ck-content #addcart .addcart-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f214d;
}

.ck-content #addcart .addcart-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #10306f;
}

.ck-content #addcart .addcart-section p {
  margin: 0 0 14px;
  color: #243553;
}

.ck-content #addcart .addcart-section p:last-child {
  margin-bottom: 0;
}

.ck-content #addcart .addcart-lead {
  font-size: 18px;
  color: #1f3050;
}

.ck-content #addcart .addcart-highlight-box {
  margin-top: 18px;
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, #fff8f2, #eef5ff);
  border: 1px solid #f1e4d6;
}

.ck-content #addcart .addcart-summary-grid,
.ck-content #addcart .addcart-feature-grid,
.ck-content #addcart .addcart-category-grid,
.ck-content #addcart .addcart-biz-grid,
.ck-content #addcart .addcart-keys-grid,
.ck-content #addcart .addcart-image-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #addcart .addcart-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #addcart .addcart-feature-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #addcart .addcart-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #addcart .addcart-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #addcart .addcart-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #addcart .addcart-image-grid {
  grid-template-columns: 1fr;
}

.ck-content #addcart .addcart-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f9fbff);
}

.ck-content #addcart .addcart-mini-card.addcart-orange {
  background: linear-gradient(180deg, #fff8f2, #fff1e5);
  border-color: #ffe0bf;
}

.ck-content #addcart .addcart-mini-card.addcart-blue {
  background: linear-gradient(180deg, #f9fbff, #edf4ff);
  border-color: #dce8ff;
}

.ck-content #addcart .addcart-mini-card strong,
.ck-content #addcart .addcart-pill-title {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #102c67;
}

.ck-content #addcart .addcart-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #addcart .addcart-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #0f214d;
  margin-bottom: 8px;
}

.ck-content #addcart .addcart-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #addcart .addcart-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--blue-3);
  color: #2044a4;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dce7ff;
}

.ck-content #addcart .addcart-chip.addcart-orange {
  background: var(--orange-3);
  color: #ad5a00;
  border-color: #ffd8b1;
}

.ck-content #addcart .addcart-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #addcart .addcart-inner {
  background: #eef5ff;
  padding: 18px;
}

.ck-content #addcart .addcart-illus.addcart-orange .addcart-inner {
  background: #fff5ec;
}

.ck-content #addcart .addcart-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--orange-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f0, #f5f9ff);
  font-size: 18px;
  font-weight: 700;
  color: #163068;
}

.ck-content #addcart .addcart-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #addcart .addcart-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #addcart .addcart-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2047b7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #addcart .addcart-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #addcart .addcart-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #addcart .addcart-cta {
  background: linear-gradient(135deg, #11255d, #1249d8 62%, #ff7a00 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #addcart .addcart-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #addcart .addcart-cta p {
  color: rgba(255, 255, 255, 0.9);
}

.ck-content #addcart .addcart-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #addcart .addcart-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #addcart .addcart-btn.addcart-primary {
  background: #fff;
  color: #0d2c8a;
}

.ck-content #addcart .addcart-btn.addcart-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #addcart .addcart-btn.addcart-orange {
  background: #ffefe1;
  color: #a65200;
  border: 1px solid #ffd4a8;
}

.ck-content #addcart .addcart-owner-note,
.ck-content #addcart .addcart-footer-note {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #addcart .addcart-footer-note {
  text-align: center;
  margin-top: 18px;
}

@media (max-width: 1024px) {
  .ck-content #addcart .addcart-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #addcart .addcart-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #addcart .addcart-summary-grid,
  .ck-content #addcart .addcart-biz-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #addcart .addcart-page {
    padding: 12px 12px 40px;
  }
  .ck-content #addcart .addcart-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #addcart .addcart-section {
    padding: 22px;
  }
  .ck-content #addcart .addcart-hero p,
  .ck-content #addcart .addcart-lead {
    font-size: 16px;
  }
  .ck-content #addcart .addcart-hero-stats,
  .ck-content #addcart .addcart-summary-grid,
  .ck-content #addcart .addcart-feature-grid,
  .ck-content #addcart .addcart-category-grid,
  .ck-content #addcart .addcart-biz-grid,
  .ck-content #addcart .addcart-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #addcart .addcart-cta {
    padding: 24px;
  }
}
/* =========================================
   kasethub_single_page_pro_fixed_v4.css scoped to CKEditor as #kasethub
   ========================================= */
.ck-content #kasethub {
  --bg: #f4f8f2;
  --card: #ffffff;
  --text: #183024;
  --muted: #5f7368;
  --line: #e3ebe1;
  --green-1: #1f6c22;
  --green-2: #48a326;
  --green-3: #eef8ea;
  --green-4: #dff2d2;
  --accent: #89c540;
  --orange: #ff9d2e;
  --blue: #2b67d8;
  --shadow: 0 18px 48px rgba(24, 48, 36, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #kasethub * {
  box-sizing: border-box;
}

.ck-content #kasethub img,
.ck-content #kasethub svg {
  display: block;
  max-width: 100%;
}

.ck-content #kasethub a {
  text-decoration: none;
  color: inherit;
}

.ck-content #kasethub .kasethub-page {
  padding: 22px 16px 60px;
}

.ck-content #kasethub .kasethub-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #kasethub .kasethub-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #19511c 0%, #26752a 42%, #48a326 78%, #89c540 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #kasethub .kasethub-hero::before,
.ck-content #kasethub .kasethub-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #kasethub .kasethub-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #kasethub .kasethub-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #kasethub .kasethub-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #kasethub .kasethub-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #kasethub .kasethub-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #kasethub .kasethub-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #kasethub .kasethub-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #kasethub .kasethub-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #kasethub .kasethub-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.ck-content #kasethub .kasethub-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  overflow: hidden;
  backdrop-filter: blur(12px);
}

.ck-content #kasethub .kasethub-hero-visual img {
  width: 100%;
  height: auto;
  display: block;
  /* Image sits inside 16px padding, so we reduce radius accordingly. */
  border-radius: 12px;
}

.ck-content #kasethub .kasethub-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #kasethub .kasethub-main,
.ck-content #kasethub .kasethub-side {
  display: grid;
  gap: 22px;
}

.ck-content #kasethub .kasethub-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #kasethub .kasethub-section {
  padding: 30px;
}

.ck-content #kasethub .kasethub-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #1d4f1f;
}

.ck-content #kasethub .kasethub-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #266d29;
}

.ck-content #kasethub .kasethub-section p {
  margin: 0 0 14px;
  color: #2c4a38;
}

.ck-content #kasethub .kasethub-section p:last-child {
  margin-bottom: 0;
}

.ck-content #kasethub .kasethub-lead {
  font-size: 18px;
  color: #224132;
}

.ck-content #kasethub .kasethub-feature-grid,
.ck-content #kasethub .kasethub-category-grid,
.ck-content #kasethub .kasethub-biz-grid,
.ck-content #kasethub .kasethub-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #kasethub .kasethub-feature-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #kasethub .kasethub-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #kasethub .kasethub-biz-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #kasethub .kasethub-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #kasethub .kasethub-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fafdf8);
}

.ck-content #kasethub .kasethub-mini-card.kasethub-green {
  background: linear-gradient(180deg, #f9fef6, #eef8ea);
  border-color: #d9ebcf;
}

.ck-content #kasethub .kasethub-mini-card.kasethub-soft {
  background: linear-gradient(180deg, #fffef8, #f5f8f1);
  border-color: #e6eddc;
}

.ck-content #kasethub .kasethub-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #205724;
}

.ck-content #kasethub .kasethub-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #kasethub .kasethub-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #1c4a20;
  margin-bottom: 8px;
}

.ck-content #kasethub .kasethub-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #kasethub .kasethub-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--green-3);
  color: #2d6d2f;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d5ebc6;
}

.ck-content #kasethub .kasethub-chip.kasethub-accent {
  background: #f8ffe9;
  color: #648a15;
  border-color: #d8edac;
}

.ck-content #kasethub .kasethub-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #kasethub .kasethub-inner {
  background: #eef8ea;
  padding: 18px;
  border-radius: calc(var(--radius) - 1px);
  overflow: hidden;
}

.ck-content #kasethub .kasethub-inner img {
  width: 100%;
  height: auto;
  display: block;
  /* Image sits inside 18px padding, so we reduce radius accordingly. */
  border-radius: max(0px, var(--radius) - 1px - 18px);
}

.ck-content #kasethub .kasethub-illus.kasethub-soft .kasethub-inner {
  background: #f8fbf5;
}

.ck-content #kasethub .kasethub-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--accent);
  border-radius: 20px;
  background: linear-gradient(135deg, #fbfff6, #f3fbef);
  font-size: 18px;
  font-weight: 700;
  color: #1e4d22;
}

.ck-content #kasethub .kasethub-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #kasethub .kasethub-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #kasethub .kasethub-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: var(--green-3);
  color: #2a6b2d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #kasethub .kasethub-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #kasethub .kasethub-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #kasethub .kasethub-cta {
  background: linear-gradient(135deg, #1d541f, #2f8e29 62%, #89c540 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #kasethub .kasethub-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #kasethub .kasethub-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #kasethub .kasethub-cta-actions,
.ck-content #kasethub .kasethub-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* Kasethub buttons: anywhere in .ck-content */
.ck-content .kasethub-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .kasethub-btn.kasethub-primary {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .kasethub-btn.kasethub-primary:hover,
.ck-content .kasethub-btn.kasethub-primary:focus-visible {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content .kasethub-btn.kasethub-secondary {
  background: #ffffff;
  color: #2f8e29;
  border: 1px solid rgba(255, 255, 255, 0.85);
}

.ck-content .kasethub-btn.kasethub-secondary:hover,
.ck-content .kasethub-btn.kasethub-secondary:focus-visible {
  background: #2f8e29;
  color: #ffffff;
  border-color: #2f8e29;
}

.ck-content .kasethub-btn.kasethub-accent {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .kasethub-btn.kasethub-accent:hover,
.ck-content .kasethub-btn.kasethub-accent:focus-visible {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

/* Force KasetHub buttons to keep this invert-on-hover pattern
   (prevents conflicts from other generic button rules on real site) */
.ck-content #kasethub .kasethub-btn.kasethub-primary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #kasethub .kasethub-btn.kasethub-primary:hover,
.ck-content #kasethub .kasethub-btn.kasethub-primary:focus-visible {
  background: #fff !important;
  color: #0d2c8a !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #kasethub .kasethub-btn.kasethub-secondary {
  background: #ffffff !important;
  color: #2f8e29 !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
}

.ck-content #kasethub .kasethub-btn.kasethub-secondary:hover,
.ck-content #kasethub .kasethub-btn.kasethub-secondary:focus-visible {
  background: #2f8e29 !important;
  color: #ffffff !important;
  border-color: #2f8e29 !important;
}

.ck-content #kasethub .kasethub-btn.kasethub-accent {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #kasethub .kasethub-btn.kasethub-accent:hover,
.ck-content #kasethub .kasethub-btn.kasethub-accent:focus-visible {
  background: #fff !important;
  color: #0d2c8a !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #kasethub .kasethub-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #kasethub .kasethub-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #kasethub .kasethub-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #kasethub .kasethub-biz-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #kasethub .kasethub-page {
    padding: 12px 12px 40px;
  }
  .ck-content #kasethub .kasethub-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #kasethub .kasethub-section {
    padding: 22px;
  }
  .ck-content #kasethub .kasethub-hero p,
  .ck-content #kasethub .kasethub-lead {
    font-size: 16px;
  }
  .ck-content #kasethub .kasethub-hero-stats,
  .ck-content #kasethub .kasethub-feature-grid,
  .ck-content #kasethub .kasethub-category-grid,
  .ck-content #kasethub .kasethub-biz-grid,
  .ck-content #kasethub .kasethub-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #kasethub .kasethub-cta {
    padding: 24px;
  }
}
/* =========================================
   factory_single_page_pro_fixed.css scoped to CKEditor as #factory
   ========================================= */
.ck-content #factory {
  --bg: #f3f7fc;
  --card: #ffffff;
  --text: #162338;
  --muted: #5d6f89;
  --line: #e2eaf5;
  --blue-1: #0a2458;
  --blue-2: #0f4fb6;
  --blue-3: #eaf2ff;
  --blue-4: #1c78d0;
  --cyan: #2fa7ff;
  --steel: #6d7f9b;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #factory * {
  box-sizing: border-box;
}

.ck-content #factory img,
.ck-content #factory svg {
  display: block;
  max-width: 100%;
}

.ck-content #factory a {
  text-decoration: none;
  color: inherit;
}

.ck-content #factory .factory-page {
  padding: 22px 16px 60px;
}

.ck-content #factory .factory-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #factory .factory-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--blue-1) 0%, #0b397f 42%, var(--blue-2) 78%, var(--cyan) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #factory .factory-hero::before,
.ck-content #factory .factory-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #factory .factory-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #factory .factory-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #factory .factory-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #factory .factory-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #factory .factory-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #factory .factory-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #factory .factory-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #factory .factory-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #factory .factory-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.ck-content #factory .factory-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #factory .factory-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.58fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #factory .factory-main,
.ck-content #factory .factory-side {
  display: grid;
  gap: 22px;
}

.ck-content #factory .factory-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #factory .factory-section {
  padding: 30px;
}

.ck-content #factory .factory-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f2453;
}

.ck-content #factory .factory-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #11408f;
}

.ck-content #factory .factory-section p {
  margin: 0 0 14px;
  color: #263654;
}

.ck-content #factory .factory-section p:last-child {
  margin-bottom: 0;
}

.ck-content #factory .factory-lead {
  font-size: 18px;
  color: #1f3150;
}

.ck-content #factory .factory-feature-grid,
.ck-content #factory .factory-category-grid,
.ck-content #factory .factory-biz-grid,
.ck-content #factory .factory-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #factory .factory-feature-grid,
.ck-content #factory .factory-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #factory .factory-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #factory .factory-biz-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #factory .factory-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f9fbff);
}

.ck-content #factory .factory-mini-card.factory-blue {
  background: linear-gradient(180deg, #f9fbff, #eaf2ff);
  border-color: #d9e6ff;
}

.ck-content #factory .factory-mini-card.factory-steel {
  background: linear-gradient(180deg, #fbfcfe, #f2f6fb);
  border-color: #dde6f2;
}

.ck-content #factory .factory-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #102c67;
}

.ck-content #factory .factory-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #factory .factory-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #0f214d;
  margin-bottom: 8px;
}

.ck-content #factory .factory-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #factory .factory-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--blue-3);
  color: #214caa;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d8e5ff;
}

.ck-content #factory .factory-chip.factory-steel {
  background: #f2f6fb;
  color: #60708a;
  border-color: #dfe7f1;
}

.ck-content #factory .factory-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #factory .factory-inner {
  background: #eef5ff;
  padding: 18px;
}

.ck-content #factory .factory-illus.factory-steel .factory-inner {
  background: #f5f8fc;
}

.ck-content #factory .factory-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--cyan);
  border-radius: 20px;
  background: linear-gradient(135deg, #f6fbff, #f3f8ff);
  font-size: 18px;
  font-weight: 700;
  color: #163068;
}

.ck-content #factory .factory-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #factory .factory-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #factory .factory-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2047b7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #factory .factory-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #factory .factory-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #factory .factory-side-visual {
  padding: 18px;
}

.ck-content #factory .factory-side-visual-wrap {
  background: linear-gradient(180deg, #f6faff, #eef5ff);
  border: 1px solid #dfe8f7;
  border-radius: 22px;
  padding: 16px;
}

.ck-content #factory .factory-cta {
  background: linear-gradient(135deg, #0d285f, #0f4fb6 62%, #2fa7ff 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #factory .factory-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #factory .factory-cta p {
  color: rgba(255, 255, 255, 0.9);
}

.ck-content #factory .factory-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #factory .factory-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #factory .factory-btn.factory-primary {
  background: #fff;
  color: #0d2c8a;
}

.ck-content #factory .factory-btn.factory-primary:hover {
  background: #f7a800;
  color: #ffffff;
}

.ck-content #factory .factory-btn.factory-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #factory .factory-btn.factory-secondary:hover {
  background: #ffffff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #factory .factory-btn.factory-steel {
  background: #eef5ff;
  color: #315aa8;
  border: 1px solid #cfe0ff;
}

.ck-content #factory .factory-btn.factory-steel:hover {
  background: #0d2c8a;
  color: #ffffff;
  border-color: #0d2c8a;
}

.ck-content #factory .factory-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #factory .factory-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #factory .factory-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #factory .factory-page {
    padding: 12px 12px 40px;
  }
  .ck-content #factory .factory-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #factory .factory-section {
    padding: 22px;
  }
  .ck-content #factory .factory-hero p,
  .ck-content #factory .factory-lead {
    font-size: 16px;
  }
  .ck-content #factory .factory-hero-stats,
  .ck-content #factory .factory-feature-grid,
  .ck-content #factory .factory-category-grid,
  .ck-content #factory .factory-biz-grid,
  .ck-content #factory .factory-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #factory .factory-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (MeaT / meat-*) scoped to CKEditor as #maeat
   ========================================= */
.ck-content #maeat {
  --meat-bg: #fff6f5;
  --meat-card: #ffffff;
  --meat-text: #2a1b1b;
  --meat-muted: #735f5f;
  --meat-line: #f1dddd;
  --meat-red-1: #a8161d;
  --meat-red-2: #dc2f3a;
  --meat-red-3: #fff0f1;
  --meat-orange: #ff8a2a;
  --meat-green-soft: #eefbf4;
  --meat-shadow: 0 18px 48px rgba(98, 25, 29, .10);
  --meat-radius: 26px;
  --meat-max: 1180px;
}

.ck-content #maeat .meat-page {
  padding: 22px 16px 60px;
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(220, 47, 58, 0.07), transparent 18%), radial-gradient(circle at top right, rgba(255, 138, 42, 0.07), transparent 16%), var(--meat-bg);
  color: var(--meat-text);
  line-height: 1.78;
}

.ck-content #maeat img,
.ck-content #maeat svg {
  display: block;
  max-width: 100%;
}

.ck-content #maeat a {
  text-decoration: none;
  color: inherit;
}

.ck-content #maeat .meat-wrap {
  max-width: var(--meat-max);
  margin: 0 auto;
}

.ck-content #maeat .meat-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #6f0f15 0%, var(--meat-red-1) 34%, var(--meat-red-2) 72%, var(--meat-orange) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--meat-shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #maeat .meat-hero::before,
.ck-content #maeat .meat-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #maeat .meat-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #maeat .meat-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #maeat .meat-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #maeat .meat-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #maeat .meat-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #maeat .meat-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #maeat .meat-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #maeat .meat-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #maeat .meat-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #maeat .meat-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #maeat .meat-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #maeat .meat-main,
.ck-content #maeat .meat-side {
  display: grid;
  gap: 22px;
}

.ck-content #maeat .meat-card {
  background: var(--meat-card);
  border: 1px solid var(--meat-line);
  border-radius: var(--meat-radius);
  box-shadow: var(--meat-shadow);
  overflow: hidden;
}

.ck-content #maeat .meat-section {
  padding: 30px;
}

.ck-content #maeat .meat-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #7f1217;
}

.ck-content #maeat .meat-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #a8161d;
}

.ck-content #maeat .meat-section p {
  margin: 0 0 14px;
  color: #4b3434;
}

.ck-content #maeat .meat-section p:last-child {
  margin-bottom: 0;
}

.ck-content #maeat .meat-lead {
  font-size: 18px;
  color: #493030;
}

.ck-content #maeat .meat-summary-grid,
.ck-content #maeat .meat-feature-grid,
.ck-content #maeat .meat-biz-grid,
.ck-content #maeat .meat-keys-grid,
.ck-content #maeat .meat-image-grid,
.ck-content #maeat .meat-category-grid,
.ck-content #maeat .meat-concept-grid,
.ck-content #maeat .meat-cuisine-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #maeat .meat-summary-grid,
.ck-content #maeat .meat-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #maeat .meat-feature-grid,
.ck-content #maeat .meat-keys-grid,
.ck-content #maeat .meat-concept-grid,
.ck-content #maeat .meat-cuisine-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #maeat .meat-category-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #maeat .meat-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #maeat .meat-mini-card {
  border: 1px solid var(--meat-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fffafb);
}

.ck-content #maeat .meat-mini-card.meat-red {
  background: linear-gradient(180deg, #fff7f8, #fff0f1);
  border-color: #ffd8dc;
}

.ck-content #maeat .meat-mini-card.meat-green {
  background: linear-gradient(180deg, #fbfffd, #eefbf4);
  border-color: #d7efe2;
}

.ck-content #maeat .meat-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #7f1217;
}

.ck-content #maeat .meat-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--meat-muted);
  line-height: 1.65;
}

.ck-content #maeat .meat-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #7f1217;
  margin-bottom: 8px;
}

.ck-content #maeat .meat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #maeat .meat-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--meat-red-3);
  color: #b11d24;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #ffd7db;
}

.ck-content #maeat .meat-chip.meat-green {
  background: var(--meat-green-soft);
  color: #16744d;
  border-color: #d9eee4;
}

.ck-content #maeat .meat-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--meat-orange);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f1, #fff4f5);
  font-size: 18px;
  font-weight: 700;
  color: #8a171c;
}

.ck-content #maeat .meat-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #maeat .meat-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #maeat .meat-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #fff1f2;
  color: #b11d24;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #maeat .meat-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #maeat .meat-check-item span {
  font-size: 14px;
  color: var(--meat-muted);
}

.ck-content #maeat .meat-image-slot {
  border: 1px dashed #eed2d5;
  border-radius: 22px;
  background: linear-gradient(180deg, #fffdfd, #fff6f6);
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #7a5e5e;
}

.ck-content #maeat .meat-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #maeat .meat-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #maeat .meat-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

/* Demo screenshot tiles: round like a phone screen */
.ck-content #maeat .meat-image-grid .fdy-shot {
  border-radius: 32px;
  overflow: hidden;
}

.ck-content #maeat .meat-image-grid .fdy-shot img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.ck-content #maeat .meat-slot-cap,
.ck-content #maeat .meat-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--meat-muted);
  background: #fffdfd;
  border-top: 1px solid var(--meat-line);
}

.ck-content #maeat .meat-img-box {
  border: 1px solid var(--meat-line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #maeat .meat-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #maeat .meat-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #maeat .meat-inner {
  background: #fff1f2;
  padding: 18px;
}

.ck-content #maeat .meat-cta {
  background: linear-gradient(135deg, #7a1118, #cf2c36 58%, #ff8a2a 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #maeat .meat-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #maeat .meat-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #maeat .meat-cta-actions,
.ck-content #maeat .meat-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* MeaT buttons: anywhere in .ck-content */
.ck-content .meat-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .meat-btn.meat-primary {
  background: #91171c;
  color: #fff;
  border: 1px solid #91171c;
}

.ck-content .meat-btn.meat-primary:hover,
.ck-content .meat-btn.meat-primary:focus-visible {
  background: #fff;
  color: #91171c;
  border-color: #91171c;
}

.ck-content .meat-btn.meat-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #91171c;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .meat-btn.meat-secondary:hover,
.ck-content .meat-btn.meat-secondary:focus-visible {
  background: #e05b17;
  color: #ffffff;
  border-color: #e05b17;
}

.ck-content .meat-btn.meat-orange {
  background: #e05b17;
  color: #fff;
  border: 1px solid #e05b17;
}

.ck-content .meat-btn.meat-orange:hover,
.ck-content .meat-btn.meat-orange:focus-visible {
  background: #fff;
  color: #e05b17;
  border-color: #e05b17;
}

/* Force MeaT CTA buttons to keep invert-on-hover pattern */
.ck-content #maeat .meat-btn.meat-primary {
  background: #91171c !important;
  color: #fff !important;
  border: 1px solid #91171c !important;
}

.ck-content #maeat .meat-btn.meat-primary:hover,
.ck-content #maeat .meat-btn.meat-primary:focus-visible {
  background: #fff !important;
  color: #91171c !important;
  border-color: #91171c !important;
}

.ck-content #maeat .meat-btn.meat-secondary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #91171c !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #maeat .meat-btn.meat-secondary:hover,
.ck-content #maeat .meat-btn.meat-secondary:focus-visible {
  background: #e05b17 !important;
  color: #ffffff !important;
  border-color: #e05b17 !important;
}

.ck-content #maeat .meat-btn.meat-orange {
  background: #e05b17 !important;
  color: #fff !important;
  border: 1px solid #e05b17 !important;
}

.ck-content #maeat .meat-btn.meat-orange:hover,
.ck-content #maeat .meat-btn.meat-orange:focus-visible {
  background: #fff !important;
  color: #e05b17 !important;
  border-color: #e05b17 !important;
}

.ck-content #maeat .meat-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--meat-muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #maeat .meat-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #maeat .meat-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #maeat .meat-summary-grid,
  .ck-content #maeat .meat-biz-grid,
  .ck-content #maeat .meat-image-grid,
  .ck-content #maeat .meat-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #maeat .meat-page {
    padding: 12px 12px 40px;
  }
  .ck-content #maeat .meat-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #maeat .meat-section {
    padding: 22px;
  }
  .ck-content #maeat .meat-hero p,
  .ck-content #maeat .meat-lead {
    font-size: 16px;
  }
  .ck-content #maeat .meat-hero-stats,
  .ck-content #maeat .meat-summary-grid,
  .ck-content #maeat .meat-feature-grid,
  .ck-content #maeat .meat-biz-grid,
  .ck-content #maeat .meat-keys-grid,
  .ck-content #maeat .meat-image-grid,
  .ck-content #maeat .meat-category-grid,
  .ck-content #maeat .meat-concept-grid,
  .ck-content #maeat .meat-cuisine-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #maeat .meat-cta {
    padding: 24px;
  }
}
/* =========================================
   booking1_booking.css scoped to CKEditor as #booking1
   ========================================= */
.ck-content #booking1 {
  --bg: #f3f8fd;
  --card: #ffffff;
  --text: #1a2c44;
  --muted: #61758c;
  --line: #e1ebf5;
  --navy: #192f73;
  --blue: #2f7fd2;
  --sky: #9cc3df;
  --sky-soft: #edf6ff;
  --blue-soft: #dcecff;
  --red: #e11d2e;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #booking1 * {
  box-sizing: border-box;
}

.ck-content #booking1 img,
.ck-content #booking1 svg {
  display: block;
  max-width: 100%;
}

.ck-content #booking1 a {
  text-decoration: none;
  color: inherit;
}

.ck-content #booking1 .booking-page {
  padding: 22px 16px 60px;
}

.ck-content #booking1 .booking-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #booking1 .booking-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #132451 0%, #294c92 46%, #3b8ddf 76%, #9cc3df 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #booking1 .booking-hero::before,
.ck-content #booking1 .booking-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #booking1 .booking-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #booking1 .booking-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #booking1 .booking-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #booking1 .booking-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #booking1 .booking-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #booking1 .booking-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #booking1 .booking-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #booking1 .booking-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #booking1 .booking-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #booking1 .booking-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #booking1 .booking-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #booking1 .booking-main,
.ck-content #booking1 .booking-side {
  display: grid;
  gap: 22px;
}

.ck-content #booking1 .booking-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #booking1 .booking-section {
  padding: 30px;
}

.ck-content #booking1 .booking-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #173872;
}

.ck-content #booking1 .booking-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #235ea8;
}

.ck-content #booking1 .booking-section p {
  margin: 0 0 14px;
  color: #263b58;
}

.ck-content #booking1 .booking-section p:last-child {
  margin-bottom: 0;
}

.ck-content #booking1 .booking-lead {
  font-size: 18px;
  color: #23415f;
}

.ck-content #booking1 .booking-summary-grid,
.ck-content #booking1 .booking-feature-grid,
.ck-content #booking1 .booking-biz-grid,
.ck-content #booking1 .booking-keys-grid,
.ck-content #booking1 .booking-image-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #booking1 .booking-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #booking1 .booking-feature-grid,
.ck-content #booking1 .booking-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #booking1 .booking-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #booking1 .booking-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #booking1 .booking-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f9fbff);
}

.ck-content #booking1 .booking-mini-card.booking-blue {
  background: linear-gradient(180deg, #fafdff, #edf6ff);
  border-color: #dcecff;
}

.ck-content #booking1 .booking-mini-card.booking-sky {
  background: linear-gradient(180deg, #fbfdff, #f1f8ff);
  border-color: #dbeaf8;
}

.ck-content #booking1 .booking-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #183a73;
}

.ck-content #booking1 .booking-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #booking1 .booking-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #173872;
  margin-bottom: 8px;
}

.ck-content #booking1 .booking-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #booking1 .booking-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--sky-soft);
  color: #235ea8;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--blue-soft);
}

.ck-content #booking1 .booking-chip.booking-red {
  background: #fff0f1;
  color: #d91e2f;
  border-color: #ffd7db;
}

.ck-content #booking1 .booking-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--blue);
  border-radius: 20px;
  background: linear-gradient(135deg, #f7fbff, #f4f9ff);
  font-size: 18px;
  font-weight: 700;
  color: #1d4f95;
}

.ck-content #booking1 .booking-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #booking1 .booking-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #booking1 .booking-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #edf6ff;
  color: #2f7fd2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #booking1 .booking-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #booking1 .booking-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #booking1 .booking-image-slot {
  border: 1px dashed #c6dff5;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfeff, #eef6ff);
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #3e73a9;
}

.ck-content #booking1 .booking-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #booking1 .booking-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #booking1 .booking-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #booking1 .booking-slot-cap,
.ck-content #booking1 .booking-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fbfdff;
  border-top: 1px solid var(--line);
}

.ck-content #booking1 .booking-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #booking1 .booking-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #booking1 .booking-illus {
  padding: 0;
}

.ck-content #booking1 .booking-inner {
  background: #edf6ff;
  padding: 18px;
}

.ck-content #booking1 .booking-cta {
  background: linear-gradient(135deg, #132451, #294c92 56%, #3b8ddf 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #booking1 .booking-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #booking1 .booking-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #booking1 .booking-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #booking1 .booking-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #booking1 .booking-btn.booking-primary {
  background: #fff;
  color: #1e4c95;
}

.ck-content #booking1 .booking-btn.booking-primary:hover {
  background: #2563eb;
  color: #ffffff;
}

.ck-content #booking1 .booking-btn.booking-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #booking1 .booking-btn.booking-secondary:hover {
  background: #ffffff;
  color: #1e4c95;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #booking1 .booking-btn.booking-light {
  background: #edf6ff;
  color: #255eaa;
  border: 1px solid #dbeafb;
}

.ck-content #booking1 .booking-btn.booking-light:hover {
  background: #1d4ed8;
  color: #ffffff;
  border-color: #1d4ed8;
}

.ck-content #booking1 .booking-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #booking1 .booking-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #booking1 .booking-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #booking1 .booking-summary-grid,
  .ck-content #booking1 .booking-biz-grid,
  .ck-content #booking1 .booking-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #booking1 .booking-page {
    padding: 12px 12px 40px;
  }
  .ck-content #booking1 .booking-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #booking1 .booking-section {
    padding: 22px;
  }
  .ck-content #booking1 .booking-hero p,
  .ck-content #booking1 .booking-lead {
    font-size: 16px;
  }
  .ck-content #booking1 .booking-hero-stats,
  .ck-content #booking1 .booking-summary-grid,
  .ck-content #booking1 .booking-feature-grid,
  .ck-content #booking1 .booking-biz-grid,
  .ck-content #booking1 .booking-keys-grid,
  .ck-content #booking1 .booking-image-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #booking1 .booking-cta {
    padding: 24px;
  }
}
/* =========================================
   shopme_style.css scoped to CKEditor as #shopme
   ========================================= */
.ck-content #shopme {
  --bg: #f3fcf7;
  --card: #ffffff;
  --text: #18322b;
  --muted: #668177;
  --line: #dcefe4;
  --green1: #22a86b;
  --green2: #4dc489;
  --green3: #eafaf1;
  --pink: #f47e8f;
  --shadow: 0 18px 48px rgba(26, 88, 61, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #shopme * {
  box-sizing: border-box;
}

.ck-content #shopme img,
.ck-content #shopme svg {
  display: block;
  max-width: 100%;
}

.ck-content #shopme a {
  text-decoration: none;
  color: inherit;
}

.ck-content #shopme .sm-page {
  margin: 0;
  padding: 22px 16px 60px;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(77, 196, 137, 0.09), transparent 18%), radial-gradient(circle at top right, rgba(244, 126, 143, 0.07), transparent 16%), var(--bg);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #shopme .sm-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #shopme .sm-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #168356 0%, var(--green1) 38%, var(--green2) 72%, #8ddfb2 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #shopme .sm-hero::before,
.ck-content #shopme .sm-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #shopme .sm-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #shopme .sm-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #shopme .sm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #shopme .sm-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #shopme .sm-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  font-size: 18px;
}

.ck-content #shopme .sm-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #shopme .sm-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
}

.ck-content #shopme .sm-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #shopme .sm-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #shopme .sm-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
}

.ck-content #shopme .sm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #shopme .sm-main,
.ck-content #shopme .sm-side {
  display: grid;
  gap: 22px;
}

.ck-content #shopme .sm-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #shopme .sm-section {
  padding: 30px;
}

.ck-content #shopme .sm-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #196544;
}

.ck-content #shopme .sm-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #227c54;
}

.ck-content #shopme .sm-section p {
  margin: 0 0 14px;
  color: #355247;
}

.ck-content #shopme .sm-section p:last-child {
  margin-bottom: 0;
}

.ck-content #shopme .sm-lead {
  font-size: 18px;
  color: #28453a;
}

.ck-content #shopme .sm-summary-grid,
.ck-content #shopme .sm-feature-grid,
.ck-content #shopme .sm-biz-grid,
.ck-content #shopme .sm-keys-grid,
.ck-content #shopme .sm-image-grid,
.ck-content #shopme .m-image-grid,
.ck-content #shopme .sm-category-grid,
.ck-content #shopme .sm-drive-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #shopme .sm-summary-grid,
.ck-content #shopme .sm-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #shopme .sm-feature-grid,
.ck-content #shopme .sm-keys-grid,
.ck-content #shopme .sm-drive-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #shopme .sm-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #shopme .sm-image-grid,
.ck-content #shopme .m-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

/* Image grid: rounded corners + equal tile size (fdy-shot / sm-img-box / mixed m-* markup) */
.ck-content #shopme .sm-image-grid > div,
.ck-content #shopme .m-image-grid > div {
  min-width: 0;
}

.ck-content #shopme .sm-image-grid .fdy-shot,
.ck-content #shopme .m-image-grid .fdy-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  aspect-ratio: 4/3;
}

.ck-content #shopme .sm-image-grid .fdy-shot img,
.ck-content #shopme .m-image-grid .fdy-shot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ck-content #shopme .sm-image-grid .sm-img-box,
.ck-content #shopme .m-image-grid .sm-img-box {
  position: relative;
  aspect-ratio: 4/3;
  margin-top: 0;
  overflow: hidden;
}

.ck-content #shopme .sm-image-grid .sm-img-box img,
.ck-content #shopme .m-image-grid .sm-img-box img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ck-content #shopme .sm-image-grid > div > img:only-child,
.ck-content #shopme .m-image-grid > div > img:only-child {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
  border: 1px solid var(--line);
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
}

.ck-content #shopme .sm-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfefa);
}

.ck-content #shopme .sm-mini-card.sm-green {
  background: linear-gradient(180deg, #fbfffd, #eafaf1);
  border-color: #d6efdf;
}

.ck-content #shopme .sm-mini-card.sm-pink {
  background: linear-gradient(180deg, #fffafb, #fff1f4);
  border-color: #f7dbe2;
}

.ck-content #shopme .sm-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #1c6e49;
}

.ck-content #shopme .sm-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #shopme .sm-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #1c6e49;
  margin-bottom: 8px;
}

.ck-content #shopme .sm-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #shopme .sm-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--green3);
  color: #1a754e;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d7efe1;
}

.ck-content #shopme .sm-chip.sm-pink {
  background: #fff1f4;
  color: #b05066;
  border-color: #f6d7e0;
}

.ck-content #shopme .sm-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--pink);
  border-radius: 20px;
  background: linear-gradient(135deg, #f7fffa, #fff5f7);
  font-size: 18px;
  font-weight: 700;
  color: #226c49;
}

.ck-content #shopme .sm-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #shopme .sm-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #shopme .sm-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eafaf1;
  color: #1b7a50;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #shopme .sm-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #shopme .sm-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #shopme .sm-image-slot {
  border: 1px dashed #d5eadc;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfffd, #f3fbf6);
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #587067;
}

.ck-content #shopme .sm-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #shopme .sm-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #shopme .sm-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #shopme .sm-slot-cap,
.ck-content #shopme .sm-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fbfefd;
  border-top: 1px solid var(--line);
}

.ck-content #shopme .sm-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #shopme .sm-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #shopme .sm-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #shopme .sm-inner {
  background: #eefaf4;
  padding: 18px;
}

.ck-content #shopme .sm-cta {
  background: linear-gradient(135deg, #167d54, #23aa6c 58%, #f47e8f 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #shopme .sm-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #shopme .sm-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #shopme .sm-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #shopme .sm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
}

.ck-content #shopme .sm-btn.sm-primary {
  background: #fff;
  color: #186d48;
}

.ck-content #shopme .sm-btn.sm-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #shopme .sm-btn.sm-soft {
  background: #eefbf4;
  color: #1c724c;
  border: 1px solid #d7efe1;
}

.ck-content #shopme .sm-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #shopme .sm-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #shopme .sm-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #shopme .sm-summary-grid,
  .ck-content #shopme .sm-biz-grid,
  .ck-content #shopme .sm-image-grid,
  .ck-content #shopme .m-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #shopme .sm-page {
    padding: 12px 12px 40px;
  }
  .ck-content #shopme .sm-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #shopme .sm-section {
    padding: 22px;
  }
  .ck-content #shopme .sm-hero p,
  .ck-content #shopme .sm-lead {
    font-size: 16px;
  }
  .ck-content #shopme .sm-hero-stats,
  .ck-content #shopme .sm-summary-grid,
  .ck-content #shopme .sm-feature-grid,
  .ck-content #shopme .sm-biz-grid,
  .ck-content #shopme .sm-keys-grid,
  .ck-content #shopme .sm-image-grid,
  .ck-content #shopme .m-image-grid,
  .ck-content #shopme .sm-category-grid,
  .ck-content #shopme .sm-drive-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #shopme .sm-cta {
    padding: 24px;
  }
}
/* =========================================
   homecenter_single_page_pro.css scoped to CKEditor as #homecenter
   ========================================= */
.ck-content #homecenter {
  --bg: #f4f7fc;
  --card: #ffffff;
  --text: #17233a;
  --muted: #5f708d;
  --line: #e4ebf5;
  --blue-1: #0b2d63;
  --blue-2: #1566d6;
  --blue-3: #edf4ff;
  --orange-1: #ff7a00;
  --orange-2: #ff9f45;
  --orange-3: #fff1e5;
  --green: #1bb58f;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #homecenter * {
  box-sizing: border-box;
}

.ck-content #homecenter img,
.ck-content #homecenter svg {
  display: block;
  max-width: 100%;
}

.ck-content #homecenter a {
  text-decoration: none;
  color: inherit;
}

.ck-content #homecenter .hc-page {
  margin: 0;
  padding: 22px 16px 60px;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(21, 102, 214, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(255, 122, 0, 0.08), transparent 16%), var(--bg);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #homecenter .hc-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #homecenter .hc-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--blue-1) 0%, #10408e 45%, var(--blue-2) 78%, var(--orange-1) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #homecenter .hc-hero::before,
.ck-content #homecenter .hc-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #homecenter .hc-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #homecenter .hc-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #homecenter .hc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #homecenter .hc-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #homecenter .hc-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #homecenter .hc-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #homecenter .hc-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #homecenter .hc-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #homecenter .hc-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.ck-content #homecenter .hc-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #homecenter .hc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #homecenter .hc-main,
.ck-content #homecenter .hc-side {
  display: grid;
  gap: 22px;
}

.ck-content #homecenter .hc-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #homecenter .hc-section {
  padding: 30px;
}

.ck-content #homecenter .hc-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f214d;
}

.ck-content #homecenter .hc-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #10306f;
}

.ck-content #homecenter .hc-section p {
  margin: 0 0 14px;
  color: #243553;
}

.ck-content #homecenter .hc-section p:last-child {
  margin-bottom: 0;
}

.ck-content #homecenter .hc-lead {
  font-size: 18px;
  color: #1f3050;
}

.ck-content #homecenter .hc-feature-grid,
.ck-content #homecenter .hc-category-grid,
.ck-content #homecenter .hc-biz-grid,
.ck-content #homecenter .hc-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #homecenter .hc-feature-grid,
.ck-content #homecenter .hc-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #homecenter .hc-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #homecenter .hc-biz-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #homecenter .hc-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f9fbff);
}

.ck-content #homecenter .hc-mini-card.hc-orange {
  background: linear-gradient(180deg, #fff8f2, #fff1e5);
  border-color: #ffe0bf;
}

.ck-content #homecenter .hc-mini-card.hc-blue {
  background: linear-gradient(180deg, #f9fbff, #edf4ff);
  border-color: #dce8ff;
}

.ck-content #homecenter .hc-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #102c67;
}

.ck-content #homecenter .hc-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #homecenter .hc-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #0f214d;
  margin-bottom: 8px;
}

.ck-content #homecenter .hc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #homecenter .hc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--blue-3);
  color: #2044a4;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dce7ff;
}

.ck-content #homecenter .hc-chip.hc-orange {
  background: var(--orange-3);
  color: #ad5a00;
  border-color: #ffd8b1;
}

.ck-content #homecenter .hc-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #homecenter .hc-inner {
  background: #eef5ff;
  padding: 18px;
}

.ck-content #homecenter .hc-illus.hc-orange .hc-inner {
  background: #fff5ec;
}

.ck-content #homecenter .hc-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--orange-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f0, #f5f9ff);
  font-size: 18px;
  font-weight: 700;
  color: #163068;
}

.ck-content #homecenter .hc-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #homecenter .hc-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #homecenter .hc-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2047b7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #homecenter .hc-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #homecenter .hc-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #homecenter .hc-cta {
  background: linear-gradient(135deg, #11255d, #1566d6 62%, #ff7a00 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #homecenter .hc-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #homecenter .hc-cta p {
  color: rgba(255, 255, 255, 0.9);
}

.ck-content #homecenter .hc-cta-actions,
.ck-content #homecenter .hc-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* Homecenter buttons: anywhere in .ck-content */
.ck-content .hc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .hc-btn.hc-primary {
  background: #ffffff !important;
  color: #0d2c8a !important;
  border: 1px solid #0d2c8a !important;
}

.ck-content .hc-btn.hc-primary:hover,
.ck-content .hc-btn.hc-primary:focus-visible {
  background: #0d2c8a !important;
  color: #ffffff !important;
  border-color: #0d2c8a !important;
}

.ck-content .hc-btn.hc-secondary {
  background: #0d2c8a;
  color: #fff;
  border: 1px solid #0d2c8a;
}

.ck-content .hc-btn.hc-secondary:hover,
.ck-content .hc-btn.hc-secondary:focus-visible {
  background: #ffffff;
  color: #0d2c8a;
  border-color: #0d2c8a;
}

.ck-content .hc-btn.hc-orange {
  background: #ffffff !important;
  color: #e05b17 !important;
  border: 1px solid #e05b17 !important;
}

.ck-content .hc-btn.hc-orange:hover,
.ck-content .hc-btn.hc-orange:focus-visible {
  background: #e05b17 !important;
  color: #ffffff !important;
  border-color: #e05b17 !important;
}

/* Force Homecenter CTA buttons to keep invert-on-hover pattern */
.ck-content #homecenter .hc-btn.hc-secondary {
  background: #0d2c8a !important;
  color: #fff !important;
  border: 1px solid #0d2c8a !important;
}

.ck-content #homecenter .hc-btn.hc-secondary:hover,
.ck-content #homecenter .hc-btn.hc-secondary:focus-visible {
  background: #fff !important;
  color: #0d2c8a !important;
  border-color: #0d2c8a !important;
}

.ck-content #homecenter .hc-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #homecenter .hc-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #homecenter .hc-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #homecenter .hc-page {
    padding: 12px 12px 40px;
  }
  .ck-content #homecenter .hc-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #homecenter .hc-section {
    padding: 22px;
  }
  .ck-content #homecenter .hc-hero p,
  .ck-content #homecenter .hc-lead {
    font-size: 16px;
  }
  .ck-content #homecenter .hc-hero-stats,
  .ck-content #homecenter .hc-feature-grid,
  .ck-content #homecenter .hc-category-grid,
  .ck-content #homecenter .hc-biz-grid,
  .ck-content #homecenter .hc-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #homecenter .hc-cta {
    padding: 24px;
  }
}
/* =========================================
   yimproperty_single_page_pro.css scoped to CKEditor as #yimproperty
   ========================================= */
.ck-content #yimproperty {
  --bg: #f7f7f8;
  --card: #ffffff;
  --text: #20242b;
  --muted: #6a717c;
  --line: #e7e8ec;
  --red-1: #7d1118;
  --red-2: #d91f26;
  --red-3: #fff1f2;
  --red-4: #ffdfe2;
  --dark-1: #12151b;
  --dark-2: #2f3440;
  --gray-1: #f2f4f7;
  --shadow: 0 18px 48px rgba(18, 21, 27, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #yimproperty * {
  box-sizing: border-box;
}

.ck-content #yimproperty img,
.ck-content #yimproperty svg {
  display: block;
  max-width: 100%;
}

.ck-content #yimproperty a {
  text-decoration: none;
  color: inherit;
}

.ck-content #yimproperty .yp-page {
  margin: 0;
  padding: 22px 16px 60px;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(217, 31, 38, 0.06), transparent 18%), radial-gradient(circle at top right, rgba(47, 52, 64, 0.08), transparent 16%), var(--bg);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #yimproperty .yp-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #yimproperty .yp-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--dark-1) 0%, #1c2230 36%, #6d1118 72%, var(--red-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #yimproperty .yp-hero::before,
.ck-content #yimproperty .yp-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #yimproperty .yp-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #yimproperty .yp-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #yimproperty .yp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #yimproperty .yp-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #yimproperty .yp-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  font-size: 18px;
}

.ck-content #yimproperty .yp-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #yimproperty .yp-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #yimproperty .yp-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #yimproperty .yp-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.83);
  line-height: 1.55;
}

.ck-content #yimproperty .yp-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #yimproperty .yp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #yimproperty .yp-main,
.ck-content #yimproperty .yp-side {
  display: grid;
  gap: 22px;
}

.ck-content #yimproperty .yp-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #yimproperty .yp-section {
  padding: 30px;
}

.ck-content #yimproperty .yp-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #1a1f26;
}

.ck-content #yimproperty .yp-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #b71922;
}

.ck-content #yimproperty .yp-section p {
  margin: 0 0 14px;
  color: #3a424d;
}

.ck-content #yimproperty .yp-section p:last-child {
  margin-bottom: 0;
}

.ck-content #yimproperty .yp-lead {
  font-size: 18px;
  color: #2f3741;
}

.ck-content #yimproperty .yp-feature-grid,
.ck-content #yimproperty .yp-category-grid,
.ck-content #yimproperty .yp-biz-grid,
.ck-content #yimproperty .yp-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #yimproperty .yp-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfbfc);
}

.ck-content #yimproperty .yp-mini-card.yp-red {
  background: linear-gradient(180deg, #fffafa, #fff1f2);
  border-color: #ffd8dc;
}

.ck-content #yimproperty .yp-mini-card.yp-dark {
  background: linear-gradient(180deg, #fafbfc, #f1f3f6);
  border-color: #e3e7ec;
}

.ck-content #yimproperty .yp-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #1d232b;
}

.ck-content #yimproperty .yp-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #yimproperty .yp-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #1d232b;
  margin-bottom: 8px;
}

.ck-content #yimproperty .yp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #yimproperty .yp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f1f3f6;
  color: #4a525d;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #e2e7ec;
}

.ck-content #yimproperty .yp-chip.yp-red {
  background: var(--red-3);
  color: #b51b24;
  border-color: #ffd6da;
}

.ck-content #yimproperty .yp-illus .yp-inner {
  background: #f2f4f7;
  padding: 18px;
}

.ck-content #yimproperty .yp-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--red-2);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f8, #f4f6f8);
  font-size: 18px;
  font-weight: 700;
  color: #7b121a;
}

.ck-content #yimproperty .yp-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #yimproperty .yp-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #yimproperty .yp-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #f3f4f7;
  color: #b71922;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #yimproperty .yp-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #yimproperty .yp-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #yimproperty .yp-cta {
  background: linear-gradient(135deg, #171b23, #343b47 44%, #d91f26 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #yimproperty .yp-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #yimproperty .yp-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #yimproperty .yp-cta-actions,
.ck-content #yimproperty .yp-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* Yimproperty buttons: anywhere in .ck-content */
.ck-content .yp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .yp-btn.yp-primary {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .yp-btn.yp-primary:hover,
.ck-content .yp-btn.yp-primary:focus-visible {
  background: #fff;
  color: #8f121b;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content .yp-btn.yp-secondary {
  background: #ffffff;
  color: #8f121b;
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.ck-content .yp-btn.yp-secondary:hover,
.ck-content .yp-btn.yp-secondary:focus-visible {
  background: #8f121b;
  color: #ffffff;
  border-color: #8f121b;
}

.ck-content .yp-btn.yp-alt {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .yp-btn.yp-alt:hover,
.ck-content .yp-btn.yp-alt:focus-visible {
  background: #fff;
  color: #8f121b;
  border-color: rgba(255, 255, 255, 0.9);
}

/* Force Yimproperty CTA buttons to keep invert-on-hover pattern */
.ck-content #yimproperty .yp-btn.yp-primary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #yimproperty .yp-btn.yp-primary:hover,
.ck-content #yimproperty .yp-btn.yp-primary:focus-visible {
  background: #fff !important;
  color: #8f121b !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #yimproperty .yp-btn.yp-secondary {
  background: #ffffff !important;
  color: #8f121b !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
}

.ck-content #yimproperty .yp-btn.yp-secondary:hover,
.ck-content #yimproperty .yp-btn.yp-secondary:focus-visible {
  background: #8f121b !important;
  color: #ffffff !important;
  border-color: #8f121b !important;
}

.ck-content #yimproperty .yp-btn.yp-alt {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #yimproperty .yp-btn.yp-alt:hover,
.ck-content #yimproperty .yp-btn.yp-alt:focus-visible {
  background: #fff !important;
  color: #8f121b !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #yimproperty .yp-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #yimproperty .yp-h3-no-margin-top {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .ck-content #yimproperty .yp-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #yimproperty .yp-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #yimproperty .yp-page {
    padding: 12px 12px 40px;
  }
  .ck-content #yimproperty .yp-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #yimproperty .yp-section {
    padding: 22px;
  }
  .ck-content #yimproperty .yp-hero p,
  .ck-content #yimproperty .yp-lead {
    font-size: 16px;
  }
  .ck-content #yimproperty .yp-hero-stats,
  .ck-content #yimproperty .yp-feature-grid,
  .ck-content #yimproperty .yp-category-grid,
  .ck-content #yimproperty .yp-biz-grid,
  .ck-content #yimproperty .yp-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #yimproperty .yp-cta {
    padding: 24px;
  }
}
/* =========================================
   rodcenter_single_page_pro.css scoped to CKEditor as #rodcenter
   ========================================= */
.ck-content #rodcenter {
  --bg: #f6f7f9;
  --card: #ffffff;
  --text: #232831;
  --muted: #66707f;
  --line: #e4e7ec;
  --red-1: #6f0e17;
  --red-2: #c81928;
  --red-3: #fff1f2;
  --red-4: #ffe1e4;
  --gray-1: #2f343c;
  --gray-2: #5c616a;
  --gray-3: #eef1f4;
  --shadow: 0 18px 48px rgba(28, 32, 38, .09);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #rodcenter * {
  box-sizing: border-box;
}

.ck-content #rodcenter img,
.ck-content #rodcenter svg {
  display: block;
  max-width: 100%;
}

.ck-content #rodcenter a {
  text-decoration: none;
  color: inherit;
}

.ck-content #rodcenter .rcsp-page {
  margin: 0;
  padding: 22px 16px 60px;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(200, 25, 40, 0.07), transparent 18%), radial-gradient(circle at top right, rgba(90, 97, 106, 0.08), transparent 16%), var(--bg);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #rodcenter .rcsp-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #rodcenter .rcsp-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--gray-1) 0%, #40454f 34%, #78121c 70%, var(--red-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #rodcenter .rcsp-hero::before,
.ck-content #rodcenter .rcsp-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #rodcenter .rcsp-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #rodcenter .rcsp-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #rodcenter .rcsp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #rodcenter .rcsp-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #rodcenter .rcsp-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  font-size: 18px;
}

.ck-content #rodcenter .rcsp-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #rodcenter .rcsp-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #rodcenter .rcsp-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #rodcenter .rcsp-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.83);
  line-height: 1.55;
}

.ck-content #rodcenter .rcsp-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #rodcenter .rcsp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #rodcenter .rcsp-main,
.ck-content #rodcenter .rcsp-side {
  display: grid;
  gap: 22px;
}

.ck-content #rodcenter .rcsp-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #rodcenter .rcsp-section {
  padding: 30px;
}

.ck-content #rodcenter .rcsp-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #232831;
}

.ck-content #rodcenter .rcsp-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #971520;
}

.ck-content #rodcenter .rcsp-section p {
  margin: 0 0 14px;
  color: #37414e;
}

.ck-content #rodcenter .rcsp-section p:last-child {
  margin-bottom: 0;
}

.ck-content #rodcenter .rcsp-lead {
  font-size: 18px;
  color: #2d3540;
}

.ck-content #rodcenter .rcsp-feature-grid,
.ck-content #rodcenter .rcsp-category-grid,
.ck-content #rodcenter .rcsp-biz-grid,
.ck-content #rodcenter .rcsp-keys-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #rodcenter .rcsp-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfbfc);
}

.ck-content #rodcenter .rcsp-mini-card.rcsp-red {
  background: linear-gradient(180deg, #fffafa, #fff1f2);
  border-color: #ffdadd;
}

.ck-content #rodcenter .rcsp-mini-card.rcsp-gray {
  background: linear-gradient(180deg, #f9fafb, #f3f5f7);
  border-color: #e2e6eb;
}

.ck-content #rodcenter .rcsp-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #232831;
}

.ck-content #rodcenter .rcsp-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #rodcenter .rcsp-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #232831;
  margin-bottom: 8px;
}

.ck-content #rodcenter .rcsp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #rodcenter .rcsp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--gray-3);
  color: #4a535f;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dde3ea;
}

.ck-content #rodcenter .rcsp-chip.rcsp-red {
  background: var(--red-3);
  color: #ab1d2a;
  border-color: #ffd6da;
}

.ck-content #rodcenter .rcsp-illus .rcsp-inner {
  background: #f3f5f7;
  padding: 18px;
}

.ck-content #rodcenter .rcsp-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--red-2);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f8, #f5f7fa);
  font-size: 18px;
  font-weight: 700;
  color: #7c121c;
}

.ck-content #rodcenter .rcsp-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #rodcenter .rcsp-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #rodcenter .rcsp-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #f3f5f7;
  color: #a11724;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #rodcenter .rcsp-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #rodcenter .rcsp-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #rodcenter .rcsp-cta {
  background: linear-gradient(135deg, #2f343c, #5c616a 44%, #c81928 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #rodcenter .rcsp-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #rodcenter .rcsp-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #rodcenter .rcsp-cta-actions,
.ck-content #rodcenter .rcsp-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* Rodcenter buttons: anywhere in .ck-content */
.ck-content .rcsp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .rcsp-btn.rcsp-primary {
  background: #4b5563;
  color: #ffffff;
  border: 1px solid #4b5563;
}

.ck-content .rcsp-btn.rcsp-primary:hover,
.ck-content .rcsp-btn.rcsp-primary:focus-visible {
  background: #7e121c;
  color: #ffffff;
  border-color: #7e121c;
}

.ck-content .rcsp-btn.rcsp-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .rcsp-btn.rcsp-secondary:hover,
.ck-content .rcsp-btn.rcsp-secondary:focus-visible {
  background: #ffffff;
  color: #7e121c;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content .rcsp-btn.rcsp-alt {
  background: #ffffff;
  color: #a11724;
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.ck-content .rcsp-btn.rcsp-alt:hover,
.ck-content .rcsp-btn.rcsp-alt:focus-visible {
  background: #a11724;
  color: #ffffff;
  border-color: #a11724;
}

/* Force Rodcenter CTA buttons to keep invert-on-hover pattern */
.ck-content #rodcenter .rcsp-btn.rcsp-primary {
  background: #4b5563 !important;
  color: #fff !important;
  border: 1px solid #4b5563 !important;
}

.ck-content #rodcenter .rcsp-btn.rcsp-primary:hover,
.ck-content #rodcenter .rcsp-btn.rcsp-primary:focus-visible {
  background: #7e121c !important;
  color: #ffffff !important;
  border-color: #7e121c !important;
}

.ck-content #rodcenter .rcsp-btn.rcsp-secondary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.ck-content #rodcenter .rcsp-btn.rcsp-secondary:hover,
.ck-content #rodcenter .rcsp-btn.rcsp-secondary:focus-visible {
  background: #fff !important;
  color: #7e121c !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.ck-content #rodcenter .rcsp-btn.rcsp-alt {
  background: #ffffff !important;
  color: #a11724 !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
}

.ck-content #rodcenter .rcsp-btn.rcsp-alt:hover,
.ck-content #rodcenter .rcsp-btn.rcsp-alt:focus-visible {
  background: #a11724 !important;
  color: #ffffff !important;
  border-color: #a11724 !important;
}

.ck-content #rodcenter .rcsp-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #rodcenter .rcsp-h3-tight {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .ck-content #rodcenter .rcsp-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #rodcenter .rcsp-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ck-content #rodcenter .rcsp-page {
    padding: 12px 12px 40px;
  }
  .ck-content #rodcenter .rcsp-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #rodcenter .rcsp-section {
    padding: 22px;
  }
  .ck-content #rodcenter .rcsp-hero p,
  .ck-content #rodcenter .rcsp-lead {
    font-size: 16px;
  }
  .ck-content #rodcenter .rcsp-hero-stats,
  .ck-content #rodcenter .rcsp-feature-grid,
  .ck-content #rodcenter .rcsp-category-grid,
  .ck-content #rodcenter .rcsp-biz-grid,
  .ck-content #rodcenter .rcsp-keys-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #rodcenter .rcsp-cta {
    padding: 24px;
  }
}
/* =========================================
   css.css (Influ / influ-*) scoped to CKEditor as #influ
   ========================================= */
.ck-content #influ {
  --influ-bg: #f8f6f8;
  --influ-card: #ffffff;
  --influ-text: #232631;
  --influ-muted: #6b7280;
  --influ-line: #ece7ee;
  --influ-pink-1: #ff3f76;
  --influ-pink-2: #ff6ea0;
  --influ-pink-3: #fff1f6;
  --influ-pink-4: #ffd9e6;
  --influ-dark-1: #26323e;
  --influ-dark-2: #3a4756;
  --influ-gray-1: #f3f4f6;
  --influ-shadow: 0 18px 48px rgba(40, 46, 60, .08);
  --influ-radius: 26px;
  --influ-max: 1180px;
}

.ck-content #influ .influ-page {
  margin: 0;
  padding: 22px 16px 60px;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(255, 63, 118, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(58, 71, 86, 0.07), transparent 16%), var(--influ-bg);
  color: var(--influ-text);
  line-height: 1.78;
}

.ck-content #influ img,
.ck-content #influ svg {
  display: block;
  max-width: 100%;
}

.ck-content #influ a {
  text-decoration: none;
  color: inherit;
}

.ck-content #influ .influ-wrap {
  max-width: var(--influ-max);
  margin: 0 auto;
}

.ck-content #influ .influ-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--influ-dark-1) 0%, #36414f 36%, #ff4a7f 74%, var(--influ-pink-2) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--influ-shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #influ .influ-hero::before,
.ck-content #influ .influ-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #influ .influ-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #influ .influ-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #influ .influ-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #influ .influ-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #influ .influ-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #influ .influ-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #influ .influ-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #influ .influ-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #influ .influ-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #influ .influ-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #influ .influ-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #influ .influ-main,
.ck-content #influ .influ-side {
  display: grid;
  gap: 22px;
}

.ck-content #influ .influ-card {
  background: var(--influ-card);
  border: 1px solid var(--influ-line);
  border-radius: var(--influ-radius);
  box-shadow: var(--influ-shadow);
  overflow: hidden;
}

.ck-content #influ .influ-section {
  padding: 30px;
}

.ck-content #influ .influ-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #293342;
}

.ck-content #influ .influ-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #ff3f76;
}

.ck-content #influ .influ-section p {
  margin: 0 0 14px;
  color: #3e4754;
}

.ck-content #influ .influ-section p:last-child {
  margin-bottom: 0;
}

.ck-content #influ .influ-lead {
  font-size: 18px;
  color: #35404d;
}

.ck-content #influ .influ-feature-grid,
.ck-content #influ .influ-category-grid,
.ck-content #influ .influ-biz-grid,
.ck-content #influ .influ-keys-grid,
.ck-content #influ .influ-summary-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #influ .influ-feature-grid,
.ck-content #influ .influ-category-grid,
.ck-content #influ .influ-keys-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #influ .influ-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #influ .influ-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #influ .influ-mini-card {
  border: 1px solid var(--influ-line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fcfbfc);
}

.ck-content #influ .influ-mini-card.influ-pink {
  background: linear-gradient(180deg, #fffafb, #fff1f6);
  border-color: #ffdce8;
}

.ck-content #influ .influ-mini-card.influ-gray {
  background: linear-gradient(180deg, #fafbfc, #f3f4f6);
  border-color: #e6e8ec;
}

.ck-content #influ .influ-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #2a3443;
}

.ck-content #influ .influ-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--influ-muted);
  line-height: 1.65;
}

.ck-content #influ .influ-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #2a3443;
  margin-bottom: 8px;
}

.ck-content #influ .influ-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #influ .influ-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--influ-pink-3);
  color: #d12d66;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid var(--influ-pink-4);
}

.ck-content #influ .influ-chip.influ-gray {
  background: #f3f4f6;
  color: #4f5967;
  border-color: #e4e7ec;
}

.ck-content #influ .influ-illus .influ-inner {
  background: #f7f2f5;
  padding: 18px;
}

.ck-content #influ .influ-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--influ-pink-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8fb, #f6f7fb);
  font-size: 18px;
  font-weight: 700;
  color: #d32c66;
}

.ck-content #influ .influ-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #influ .influ-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #influ .influ-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #fff1f6;
  color: #ff3f76;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #influ .influ-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #influ .influ-check-item span {
  font-size: 14px;
  color: var(--influ-muted);
}

.ck-content #influ .influ-cta {
  background: linear-gradient(135deg, #2a3340, #455365 44%, #ff3f76 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #influ .influ-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #influ .influ-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #influ .influ-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #influ .influ-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #influ .influ-btn.influ-primary {
  background: #fff;
  color: #ff3f76;
}

.ck-content #influ .influ-btn.influ-primary:hover {
  background: #ff3f76;
  color: #ffffff;
}

.ck-content #influ .influ-btn.influ-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #influ .influ-btn.influ-secondary:hover {
  background: #ffffff;
  color: #ff3f76;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #influ .influ-btn.influ-alt {
  background: #fff1f6;
  color: #d52f69;
  border: 1px solid #ffd8e4;
}

.ck-content #influ .influ-btn.influ-alt:hover {
  background: #d52f69;
  color: #ffffff;
  border-color: #d52f69;
}

.ck-content #influ .influ-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--influ-muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #influ .influ-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #influ .influ-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #influ .influ-biz-grid,
  .ck-content #influ .influ-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #influ .influ-page {
    padding: 12px 12px 40px;
  }
  .ck-content #influ .influ-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #influ .influ-section {
    padding: 22px;
  }
  .ck-content #influ .influ-hero p,
  .ck-content #influ .influ-lead {
    font-size: 16px;
  }
  .ck-content #influ .influ-hero-stats,
  .ck-content #influ .influ-feature-grid,
  .ck-content #influ .influ-category-grid,
  .ck-content #influ .influ-biz-grid,
  .ck-content #influ .influ-keys-grid,
  .ck-content #influ .influ-summary-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #influ .influ-cta {
    padding: 24px;
  }
}
/* =========================================
   chat1_single_page_pro.css scoped to CKEditor as #chat1
   ========================================= */
.ck-content #chat1 {
  --bg: #f4f7fc;
  --card: #ffffff;
  --text: #17233a;
  --muted: #5f708d;
  --line: #e4ebf5;
  --blue-1: #0b1b4d;
  --blue-2: #1249d8;
  --blue-3: #edf4ff;
  --orange-1: #ff7a00;
  --orange-2: #ff9f45;
  --orange-3: #fff1e5;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #chat1 * {
  box-sizing: border-box;
}

.ck-content #chat1 img,
.ck-content #chat1 svg {
  display: block;
  max-width: 100%;
}

.ck-content #chat1 a {
  text-decoration: none;
  color: inherit;
}

.ck-content #chat1 h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #17233a;
}

.ck-content #chat1 .ch1-page {
  padding: 22px 16px 60px;
}

.ck-content #chat1 .ch1-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #chat1 .ch1-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--blue-1) 0%, #102f84 44%, var(--blue-2) 76%, var(--orange-1) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #chat1 .ch1-hero::before,
.ck-content #chat1 .ch1-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #chat1 .ch1-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #chat1 .ch1-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #chat1 .ch1-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #chat1 .ch1-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #chat1 .ch1-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
}

.ck-content #chat1 .ch1-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #chat1 .ch1-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #chat1 .ch1-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #chat1 .ch1-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.ck-content #chat1 .ch1-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #chat1 .ch1-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #chat1 .ch1-main,
.ck-content #chat1 .ch1-side {
  display: grid;
  gap: 22px;
}

.ck-content #chat1 .ch1-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #chat1 .ch1-section {
  padding: 30px;
}

.ck-content #chat1 .ch1-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f214d;
}

.ck-content #chat1 .ch1-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #10306f;
}

.ck-content #chat1 .ch1-section p {
  margin: 0 0 14px;
  color: #243553;
}

.ck-content #chat1 .ch1-section p:last-child {
  margin-bottom: 0;
}

.ck-content #chat1 .ch1-lead {
  font-size: 18px;
  color: #1f3050;
}

.ck-content #chat1 .ch1-summary-grid,
.ck-content #chat1 .ch1-feature-grid,
.ck-content #chat1 .ch1-biz-grid,
.ck-content #chat1 .ch1-keys-grid,
.ck-content #chat1 .ch1-image-grid,
.ck-content #chat1 .ch1-channel-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #chat1 .ch1-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #chat1 .ch1-feature-grid,
.ck-content #chat1 .ch1-keys-grid,
.ck-content #chat1 .ch1-channel-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #chat1 .ch1-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #chat1 .ch1-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #chat1 .ch1-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #f9fbff);
}

.ck-content #chat1 .ch1-mini-card.ch1-orange {
  background: linear-gradient(180deg, #fff8f2, #fff1e5);
  border-color: #ffe0bf;
}

.ck-content #chat1 .ch1-mini-card.ch1-blue {
  background: linear-gradient(180deg, #f9fbff, #edf4ff);
  border-color: #dce8ff;
}

.ck-content #chat1 .ch1-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #102c67;
}

.ck-content #chat1 .ch1-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #chat1 .ch1-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #0f214d;
  margin-bottom: 8px;
}

.ck-content #chat1 .ch1-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #chat1 .ch1-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--blue-3);
  color: #2044a4;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dce7ff;
}

.ck-content #chat1 .ch1-chip.ch1-orange {
  background: var(--orange-3);
  color: #ad5a00;
  border-color: #ffd8b1;
}

.ck-content #chat1 .ch1-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--orange-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f0, #f5f9ff);
  font-size: 18px;
  font-weight: 700;
  color: #163068;
}

.ck-content #chat1 .ch1-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #chat1 .ch1-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #chat1 .ch1-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef4ff;
  color: #2047b7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #chat1 .ch1-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #chat1 .ch1-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #chat1 .ch1-image-slot {
  border: 1px dashed #d6e1f1;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfdff, #f5f9ff);
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #44618a;
}

.ck-content #chat1 .ch1-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #chat1 .ch1-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #chat1 .ch1-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #chat1 .ch1-slot-cap,
.ck-content #chat1 .ch1-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fbfdff;
  border-top: 1px solid var(--line);
}

.ck-content #chat1 .ch1-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #chat1 .ch1-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #chat1 .ch1-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #chat1 .ch1-inner {
  background: #eef5ff;
  padding: 18px;
}

.ck-content #chat1 .ch1-cta {
  background: linear-gradient(135deg, #11255d, #1249d8 62%, #ff7a00 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #chat1 .ch1-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #chat1 .ch1-cta p {
  color: rgba(255, 255, 255, 0.9);
}

.ck-content #chat1 .ch1-cta-actions,
.ck-content #chat1 .ch1-cta-action {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* ch1 buttons: anywhere in .ck-content (not only #chat1) */
.ck-content .ch1-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
}

.ck-content .ch1-btn.ch1-primary {
  background: #fff;
  color: #0d2c8a;
}

.ck-content .ch1-btn.ch1-primary:hover {
  background: #f7a800;
  color: #ffffff;
}

.ck-content .ch1-btn.ch1-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content .ch1-btn.ch1-secondary:hover,
.ck-content .ch1-btn.ch1-secondary:focus-visible {
  background: #ffffff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

/* svc-orange pattern (same as #borikan) */
.ck-content .ch1-btn.ch1-orange {
  background: #ffefe1;
  color: #e05b17;
  border: 1px solid #ffd4a8;
}

.ck-content .ch1-btn.ch1-orange:hover,
.ck-content .ch1-btn.ch1-orange:focus-visible {
  background: #e05b17;
  color: #ffffff;
  border-color: #e05b17;
}

/* Chat1 CTA: 1 orange, 2 blue solid secondary, 3 orange solid secondary */
.ck-content #chat1 .ch1-btn.ch1-orange {
  background: #ffefe1 !important;
  color: #e05b17 !important;
  border: 1px solid #ffd4a8 !important;
}

.ck-content #chat1 .ch1-btn.ch1-orange:hover,
.ck-content #chat1 .ch1-btn.ch1-orange:focus-visible {
  background: #e05b17 !important;
  color: #fff !important;
  border-color: #e05b17 !important;
}

.ck-content #chat1 .ch1-cta-action a:nth-child(2).ch1-secondary,
.ck-content #chat1 .ch1-cta-actions a:nth-child(2).ch1-secondary {
  background: #0d2c8a !important;
  color: #fff !important;
  border: 1px solid #0d2c8a !important;
}

.ck-content #chat1 .ch1-cta-action a:nth-child(2).ch1-secondary:hover,
.ck-content #chat1 .ch1-cta-action a:nth-child(2).ch1-secondary:focus-visible,
.ck-content #chat1 .ch1-cta-actions a:nth-child(2).ch1-secondary:hover,
.ck-content #chat1 .ch1-cta-actions a:nth-child(2).ch1-secondary:focus-visible {
  background: #fff !important;
  color: #0d2c8a !important;
  border-color: #0d2c8a !important;
}

.ck-content #chat1 .ch1-cta-action a:nth-child(3).ch1-secondary,
.ck-content #chat1 .ch1-cta-actions a:nth-child(3).ch1-secondary {
  background: #e05b17 !important;
  color: #fff !important;
  border: 1px solid #e05b17 !important;
}

.ck-content #chat1 .ch1-cta-action a:nth-child(3).ch1-secondary:hover,
.ck-content #chat1 .ch1-cta-action a:nth-child(3).ch1-secondary:focus-visible,
.ck-content #chat1 .ch1-cta-actions a:nth-child(3).ch1-secondary:hover,
.ck-content #chat1 .ch1-cta-actions a:nth-child(3).ch1-secondary:focus-visible {
  background: #fff !important;
  color: #e05b17 !important;
  border-color: #e05b17 !important;
}

.ck-content #chat1 .ch1-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #chat1 .ch1-mt0 {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .ck-content #chat1 .ch1-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #chat1 .ch1-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #chat1 .ch1-summary-grid,
  .ck-content #chat1 .ch1-biz-grid,
  .ck-content #chat1 .ch1-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #chat1 .ch1-page {
    padding: 12px 12px 40px;
  }
  .ck-content #chat1 .ch1-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #chat1 .ch1-section {
    padding: 22px;
  }
  .ck-content #chat1 .ch1-hero p,
  .ck-content #chat1 .ch1-lead {
    font-size: 16px;
  }
  .ck-content #chat1 .ch1-hero-stats,
  .ck-content #chat1 .ch1-summary-grid,
  .ck-content #chat1 .ch1-feature-grid,
  .ck-content #chat1 .ch1-biz-grid,
  .ck-content #chat1 .ch1-keys-grid,
  .ck-content #chat1 .ch1-image-grid,
  .ck-content #chat1 .ch1-channel-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #chat1 .ch1-cta {
    padding: 24px;
  }
}
/* =========================================
   easypay_single_page_pro.css scoped to CKEditor as #easypay
   ========================================= */
.ck-content #easypay {
  --bg: #f3faf6;
  --card: #ffffff;
  --text: #16344d;
  --muted: #64748b;
  --line: #e4edf1;
  --blue-1: #1e5b9e;
  --blue-2: #3a8ed8;
  --blue-3: #edf6ff;
  --green-1: #55b66a;
  --green-2: #7acb84;
  --green-3: #effbf1;
  --orange: #ff7a00;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #easypay * {
  box-sizing: border-box;
}

.ck-content #easypay img,
.ck-content #easypay svg {
  display: block;
  max-width: 100%;
}

.ck-content #easypay a {
  text-decoration: none;
  color: inherit;
}

.ck-content #easypay .ep-page {
  margin: 0;
  padding: 22px 16px 60px;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(58, 142, 216, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(122, 203, 132, 0.1), transparent 16%), var(--bg);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #easypay .ep-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #easypay .ep-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #163f73 0%, var(--blue-1) 42%, var(--blue-2) 74%, var(--green-1) 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #easypay .ep-hero::before,
.ck-content #easypay .ep-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #easypay .ep-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #easypay .ep-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #easypay .ep-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #easypay .ep-title-main {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #easypay .ep-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #easypay .ep-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #easypay .ep-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #easypay .ep-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #easypay .ep-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #easypay .ep-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
  overflow: hidden;
}

.ck-content #easypay .ep-hero-visual img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.ck-content #easypay .ep-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #easypay .ep-main,
.ck-content #easypay .ep-side {
  display: grid;
  gap: 22px;
}

.ck-content #easypay .ep-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #easypay .ep-section {
  padding: 30px;
}

.ck-content #easypay .ep-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #18486f;
}

.ck-content #easypay .ep-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #2f7c52;
}

.ck-content #easypay .ep-section p {
  margin: 0 0 14px;
  color: #29435a;
}

.ck-content #easypay .ep-section p:last-child {
  margin-bottom: 0;
}

.ck-content #easypay .ep-lead {
  font-size: 18px;
  color: #24435a;
}

.ck-content #easypay .ep-title-tight {
  margin-top: 0;
}

.ck-content #easypay .ep-summary-grid,
.ck-content #easypay .ep-feature-grid,
.ck-content #easypay .ep-biz-grid,
.ck-content #easypay .ep-keys-grid,
.ck-content #easypay .ep-image-grid,
.ck-content #easypay .ep-channel-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #easypay .ep-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #easypay .ep-feature-grid,
.ck-content #easypay .ep-keys-grid,
.ck-content #easypay .ep-channel-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #easypay .ep-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #easypay .ep-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

/* EasyPay demo screenshot tiles: rounded corners */
.ck-content #easypay .ep-image-grid .fdy-shot {
  border-radius: 22px;
  overflow: hidden;
}

.ck-content #easypay .ep-image-grid .fdy-shot img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.ck-content #easypay .ep-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfdff);
}

.ck-content #easypay .ep-mini-card.ep-blue {
  background: linear-gradient(180deg, #f9fcff, #edf6ff);
  border-color: #dce9f8;
}

.ck-content #easypay .ep-mini-card.ep-green {
  background: linear-gradient(180deg, #fbfffb, #effbf1);
  border-color: #daf0de;
}

.ck-content #easypay .ep-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #174d79;
}

.ck-content #easypay .ep-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #easypay .ep-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #18486f;
  margin-bottom: 8px;
}

.ck-content #easypay .ep-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #easypay .ep-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--blue-3);
  color: #1f5f9a;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dce9f8;
}

.ck-content #easypay .ep-chip.ep-green {
  background: var(--green-3);
  color: #2f7c52;
  border-color: #d7efdb;
}

.ck-content #easypay .ep-chip.ep-orange {
  background: #fff3e9;
  color: #b75a00;
  border-color: #ffd8ba;
}

.ck-content #easypay .ep-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--orange);
  border-radius: 20px;
  background: linear-gradient(135deg, #fffaf2, #f3fbf6);
  font-size: 18px;
  font-weight: 700;
  color: #1f5f88;
}

.ck-content #easypay .ep-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #easypay .ep-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #easypay .ep-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef7ff;
  color: #1f5f9a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #easypay .ep-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #easypay .ep-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #easypay .ep-image-slot {
  border: 1px dashed #d9e7e8;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfffe, #f3faf7);
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #44616e;
}

.ck-content #easypay .ep-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #easypay .ep-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #easypay .ep-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #easypay .ep-slot-cap,
.ck-content #easypay .ep-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fbfdff;
  border-top: 1px solid var(--line);
}

.ck-content #easypay .ep-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #easypay .ep-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #easypay .ep-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #easypay .ep-inner {
  background: #eef7f2;
  padding: 18px;
  border-radius: calc(var(--radius) - 1px);
  overflow: hidden;
}

.ck-content #easypay .ep-inner img {
  width: 100%;
  height: auto;
  border-radius: max(0px, var(--radius) - 1px - 18px);
}

.ck-content #easypay .ep-cta {
  background: linear-gradient(135deg, #163f73, #3a8ed8 56%, #55b66a 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #easypay .ep-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #easypay .ep-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #easypay .ep-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #easypay .ep-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #easypay .ep-btn.ep-primary {
  background: #fff;
  color: #1d5e96;
}

.ck-content #easypay .ep-btn.ep-primary:hover {
  background: #3a8ed8;
  color: #fff;
}

.ck-content #easypay .ep-btn.ep-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #easypay .ep-btn.ep-secondary:hover {
  background: #fff;
  color: #1d5e96;
  border-color: rgba(29, 94, 150, 0.9);
}

.ck-content #easypay .ep-btn.ep-green {
  background: #eefbf1;
  color: #2d7a50;
  border: 1px solid #d5ebd9;
}

.ck-content #easypay .ep-btn.ep-green:hover {
  background: #2d7a50;
  color: #fff;
  border-color: #2d7a50;
}

.ck-content #easypay .ep-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #easypay .ep-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #easypay .ep-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #easypay .ep-summary-grid,
  .ck-content #easypay .ep-biz-grid,
  .ck-content #easypay .ep-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #easypay .ep-page {
    padding: 12px 12px 40px;
  }
  .ck-content #easypay .ep-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #easypay .ep-section {
    padding: 22px;
  }
  .ck-content #easypay .ep-hero p,
  .ck-content #easypay .ep-lead {
    font-size: 16px;
  }
  .ck-content #easypay .ep-hero-stats,
  .ck-content #easypay .ep-summary-grid,
  .ck-content #easypay .ep-feature-grid,
  .ck-content #easypay .ep-biz-grid,
  .ck-content #easypay .ep-keys-grid,
  .ck-content #easypay .ep-image-grid,
  .ck-content #easypay .ep-channel-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #easypay .ep-cta {
    padding: 24px;
  }
}
/* =========================================
   paylater_single_page_pro.css scoped to CKEditor as #paylater
   ========================================= */
.ck-content #paylater {
  --bg: #f3f8ff;
  --card: #ffffff;
  --text: #17324f;
  --muted: #66768f;
  --line: #e3ebf5;
  --blue-1: #173d79;
  --blue-2: #2d6fe3;
  --blue-3: #edf4ff;
  --orange-1: #ff7a00;
  --orange-3: #fff2e5;
  --green-1: #55b66a;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #paylater * {
  box-sizing: border-box;
}

.ck-content #paylater img,
.ck-content #paylater svg {
  display: block;
  max-width: 100%;
}

.ck-content #paylater a {
  text-decoration: none;
  color: inherit;
}

.ck-content #paylater .plsp-page {
  margin: 0;
  padding: 22px 16px 60px;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(45, 111, 227, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(255, 122, 0, 0.09), transparent 16%), var(--bg);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #paylater .plsp-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #paylater .plsp-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #173d79 0%, #1f57a8 46%, #2d6fe3 74%, #ff7a00 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #paylater .plsp-hero::before,
.ck-content #paylater .plsp-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #paylater .plsp-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #paylater .plsp-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #paylater .plsp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #paylater .plsp-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #paylater .plsp-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #paylater .plsp-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #paylater .plsp-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #paylater .plsp-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #paylater .plsp-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #paylater .plsp-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 14px;
  backdrop-filter: blur(12px);
}

.ck-content #paylater .plsp-hero-visual img {
  width: 100%;
  height: auto;
  border-radius: 22px;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

.ck-content #paylater .plsp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #paylater .plsp-main,
.ck-content #paylater .plsp-side {
  display: grid;
  gap: 22px;
}

.ck-content #paylater .plsp-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #paylater .plsp-section {
  padding: 30px;
}

.ck-content #paylater .plsp-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #173d79;
}

.ck-content #paylater .plsp-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #24589c;
}

.ck-content #paylater .plsp-section p {
  margin: 0 0 14px;
  color: #27445f;
}

.ck-content #paylater .plsp-section p:last-child {
  margin-bottom: 0;
}

.ck-content #paylater .plsp-lead {
  font-size: 18px;
  color: #22425f;
}

.ck-content #paylater .plsp-summary-grid,
.ck-content #paylater .plsp-feature-grid,
.ck-content #paylater .plsp-biz-grid,
.ck-content #paylater .plsp-keys-grid,
.ck-content #paylater .plsp-image-grid,
.ck-content #paylater .plsp-module-grid,
.ck-content #paylater .plsp-shop-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #paylater .plsp-summary-grid,
.ck-content #paylater .plsp-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #paylater .plsp-feature-grid,
.ck-content #paylater .plsp-keys-grid,
.ck-content #paylater .plsp-module-grid,
.ck-content #paylater .plsp-shop-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #paylater .plsp-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #paylater .plsp-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfdff);
}

.ck-content #paylater .plsp-mini-card.plsp-blue {
  background: linear-gradient(180deg, #f9fcff, #edf4ff);
  border-color: #dbe8f8;
}

.ck-content #paylater .plsp-mini-card.plsp-orange {
  background: linear-gradient(180deg, #fff8f2, #fff2e5);
  border-color: #ffe0c3;
}

.ck-content #paylater .plsp-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #17457b;
}

.ck-content #paylater .plsp-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #paylater .plsp-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #173d79;
  margin-bottom: 8px;
}

.ck-content #paylater .plsp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #paylater .plsp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--blue-3);
  color: #24589c;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #dce7f7;
}

.ck-content #paylater .plsp-chip.plsp-orange {
  background: var(--orange-3);
  color: #b25a00;
  border-color: #ffd8b6;
}

.ck-content #paylater .plsp-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--orange-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f0, #f4faff);
  font-size: 18px;
  font-weight: 700;
  color: #1b4d82;
}

.ck-content #paylater .plsp-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #paylater .plsp-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #paylater .plsp-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef5ff;
  color: #25589d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #paylater .plsp-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #paylater .plsp-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #paylater .plsp-image-slot {
  border: 1px dashed #d8e3ef;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfdff, #f3f8ff);
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #46617e;
}

.ck-content #paylater .plsp-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #paylater .plsp-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #paylater .plsp-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #paylater .plsp-slot-cap,
.ck-content #paylater .plsp-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fbfdff;
  border-top: 1px solid var(--line);
}

.ck-content #paylater .plsp-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #paylater .plsp-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #paylater .plsp-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #paylater .plsp-inner {
  background: #eef6ff;
  padding: 18px;
}

.ck-content #paylater .plsp-cta {
  background: linear-gradient(135deg, #173d79, #2d6fe3 58%, #ff7a00 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #paylater .plsp-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #paylater .plsp-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #paylater .plsp-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #paylater .plsp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #paylater .plsp-btn.plsp-primary {
  background: #fff;
  color: #1e5a96;
}

.ck-content #paylater .plsp-btn.plsp-primary:hover {
  background: #2563eb;
  color: #ffffff;
}

.ck-content #paylater .plsp-btn.plsp-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #paylater .plsp-btn.plsp-secondary:hover {
  background: #ffffff;
  color: #1e5a96;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #paylater .plsp-btn.plsp-orange {
  background: #fff0e2;
  color: #b45a00;
  border: 1px solid #ffd4aa;
}

.ck-content #paylater .plsp-btn.plsp-orange:hover {
  background: #e05b17;
  color: #ffffff;
  border-color: #e05b17;
}

.ck-content #paylater .plsp-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #paylater .plsp-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #paylater .plsp-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #paylater .plsp-summary-grid,
  .ck-content #paylater .plsp-biz-grid,
  .ck-content #paylater .plsp-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #paylater .plsp-page {
    padding: 12px 12px 40px;
  }
  .ck-content #paylater .plsp-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #paylater .plsp-section {
    padding: 22px;
  }
  .ck-content #paylater .plsp-hero p,
  .ck-content #paylater .plsp-lead {
    font-size: 16px;
  }
  .ck-content #paylater .plsp-hero-stats,
  .ck-content #paylater .plsp-summary-grid,
  .ck-content #paylater .plsp-feature-grid,
  .ck-content #paylater .plsp-biz-grid,
  .ck-content #paylater .plsp-keys-grid,
  .ck-content #paylater .plsp-image-grid,
  .ck-content #paylater .plsp-module-grid,
  .ck-content #paylater .plsp-shop-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #paylater .plsp-cta {
    padding: 24px;
  }
}
/* =========================================
   bestacoin_single_page_pro.css scoped to CKEditor as #bestacoin
   ========================================= */
.ck-content #bestacoin {
  --bg: #f2fbf6;
  --card: #ffffff;
  --text: #17354b;
  --muted: #61748b;
  --line: #e0ede6;
  --green-1: #1e9f6b;
  --green-2: #2fc086;
  --green-3: #eefbf4;
  --green-4: #dff5e8;
  --blue-1: #1f5f9a;
  --blue-2: #2d7bd8;
  --blue-3: #edf5ff;
  --shadow: 0 18px 48px rgba(18, 34, 71, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #bestacoin * {
  box-sizing: border-box;
}

.ck-content #bestacoin img,
.ck-content #bestacoin svg {
  display: block;
  max-width: 100%;
}

.ck-content #bestacoin a {
  text-decoration: none;
  color: inherit;
}

.ck-content #bestacoin .bc-page {
  padding: 22px 16px 60px;
}

.ck-content #bestacoin .bc-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #bestacoin .bc-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #14654c 0%, var(--green-1) 38%, var(--green-2) 68%, #60d29b 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.ck-content #bestacoin .bc-hero::before,
.ck-content #bestacoin .bc-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #bestacoin .bc-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #bestacoin .bc-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #bestacoin .bc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #bestacoin .bc-h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #bestacoin .bc-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #bestacoin .bc-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #bestacoin .bc-hero-stat {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #bestacoin .bc-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #bestacoin .bc-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #bestacoin .bc-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 14px;
  backdrop-filter: blur(12px);
}

.ck-content #bestacoin .bc-hero-visual img {
  width: 100%;
  height: auto;
  border-radius: 22px;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
  background: #fff;
}

.ck-content #bestacoin .bc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #bestacoin .bc-main,
.ck-content #bestacoin .bc-side {
  display: grid;
  gap: 22px;
}

.ck-content #bestacoin .bc-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #bestacoin .bc-section {
  padding: 30px;
}

.ck-content #bestacoin .bc-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #16583f;
}

.ck-content #bestacoin .bc-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #1f5f9a;
}

.ck-content #bestacoin .bc-section p {
  margin: 0 0 14px;
  color: #28465a;
}

.ck-content #bestacoin .bc-section p:last-child {
  margin-bottom: 0;
}

.ck-content #bestacoin .bc-lead {
  font-size: 18px;
  color: #21435a;
}

.ck-content #bestacoin .bc-mt0 {
  margin-top: 0 !important;
}

.ck-content #bestacoin .bc-summary-grid,
.ck-content #bestacoin .bc-feature-grid,
.ck-content #bestacoin .bc-biz-grid,
.ck-content #bestacoin .bc-keys-grid,
.ck-content #bestacoin .bc-image-grid,
.ck-content #bestacoin .bc-module-grid,
.ck-content #bestacoin .bc-platform-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #bestacoin .bc-summary-grid,
.ck-content #bestacoin .bc-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #bestacoin .bc-feature-grid,
.ck-content #bestacoin .bc-keys-grid,
.ck-content #bestacoin .bc-module-grid,
.ck-content #bestacoin .bc-platform-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #bestacoin .bc-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #bestacoin .bc-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfefd);
}

.ck-content #bestacoin .bc-mini-card.bc-green {
  background: linear-gradient(180deg, #fbfffc, #eefbf4);
  border-color: #d6eedf;
}

.ck-content #bestacoin .bc-mini-card.bc-blue {
  background: linear-gradient(180deg, #f9fcff, #edf5ff);
  border-color: #dce8f8;
}

.ck-content #bestacoin .bc-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #175740;
}

.ck-content #bestacoin .bc-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #bestacoin .bc-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #175740;
  margin-bottom: 8px;
}

.ck-content #bestacoin .bc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #bestacoin .bc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--green-3);
  color: #176547;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #d8efdf;
}

.ck-content #bestacoin .bc-chip.bc-blue {
  background: var(--blue-3);
  color: #1f5f9a;
  border-color: #dce8f8;
}

.ck-content #bestacoin .bc-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--green-1);
  border-radius: 20px;
  background: linear-gradient(135deg, #f5fff8, #f1f8ff);
  font-size: 18px;
  font-weight: 700;
  color: #175740;
}

.ck-content #bestacoin .bc-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #bestacoin .bc-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #bestacoin .bc-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eefbf4;
  color: #176547;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #bestacoin .bc-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #bestacoin .bc-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #bestacoin .bc-image-slot {
  border: 1px dashed #d5e9dc;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfffd, #f3fbf7);
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #46616a;
}

.ck-content #bestacoin .bc-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #bestacoin .bc-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #bestacoin .bc-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #bestacoin .bc-slot-cap,
.ck-content #bestacoin .bc-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fbfdff;
  border-top: 1px solid var(--line);
}

.ck-content #bestacoin .bc-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #bestacoin .bc-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #bestacoin .bc-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #bestacoin .bc-inner {
  background: #eef8f2;
  padding: 18px;
}

.ck-content #bestacoin .bc-cta {
  background: linear-gradient(135deg, #14654c, #1e9f6b 58%, #2d7bd8 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #bestacoin .bc-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #bestacoin .bc-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #bestacoin .bc-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #bestacoin .bc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #bestacoin .bc-btn.bc-primary {
  background: #fff;
  color: #176547;
}

.ck-content #bestacoin .bc-btn.bc-primary:hover {
  background: #16a34a;
  color: #ffffff;
}

.ck-content #bestacoin .bc-btn.bc-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #bestacoin .bc-btn.bc-secondary:hover {
  background: #ffffff;
  color: #176547;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #bestacoin .bc-btn.bc-green {
  background: #eefbf4;
  color: #176547;
  border: 1px solid #d8efdf;
}

.ck-content #bestacoin .bc-btn.bc-green:hover {
  background: #16a34a;
  color: #ffffff;
  border-color: #16a34a;
}

.ck-content #bestacoin .bc-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #bestacoin .bc-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #bestacoin .bc-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #bestacoin .bc-summary-grid,
  .ck-content #bestacoin .bc-biz-grid,
  .ck-content #bestacoin .bc-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #bestacoin .bc-page {
    padding: 12px 12px 40px;
  }
  .ck-content #bestacoin .bc-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #bestacoin .bc-section {
    padding: 22px;
  }
  .ck-content #bestacoin .bc-hero p,
  .ck-content #bestacoin .bc-lead {
    font-size: 16px;
  }
  .ck-content #bestacoin .bc-hero-stats,
  .ck-content #bestacoin .bc-summary-grid,
  .ck-content #bestacoin .bc-feature-grid,
  .ck-content #bestacoin .bc-biz-grid,
  .ck-content #bestacoin .bc-keys-grid,
  .ck-content #bestacoin .bc-image-grid,
  .ck-content #bestacoin .bc-module-grid,
  .ck-content #bestacoin .bc-platform-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #bestacoin .bc-cta {
    padding: 24px;
  }
}
/* =========================================
   goldkub_style.css scoped to CKEditor as #goldkub
   ========================================= */
.ck-content #goldkub {
  --bg: #f7f2ea;
  --card: #fffdf8;
  --text: #2d2216;
  --muted: #756552;
  --line: #eadfce;
  --gold-1: #6e4b1f;
  --gold-2: #b88633;
  --gold-3: #e1b969;
  --gold-4: #fff4de;
  --brown: #3a2916;
  --shadow: 0 18px 48px rgba(78, 53, 24, .10);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #goldkub * {
  box-sizing: border-box;
}

.ck-content #goldkub .gk-page {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(184, 134, 51, 0.12), transparent 18%), radial-gradient(circle at top right, rgba(225, 185, 105, 0.12), transparent 14%), var(--bg);
  color: var(--text);
  line-height: 1.78;
  padding: 22px 16px 60px;
}

.ck-content #goldkub .gk-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #goldkub img,
.ck-content #goldkub svg {
  display: block;
  max-width: 100%;
}

.ck-content #goldkub a {
  text-decoration: none;
  color: inherit;
}

.ck-content #goldkub .gk-mt0 {
  margin-top: 0;
}

.ck-content #goldkub .gk-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.14), transparent 16%), radial-gradient(circle at 18% 80%, rgba(255, 255, 255, 0.08), transparent 15%), linear-gradient(135deg, #24170d 0%, #5f411d 30%, #a9782e 66%, #e1b969 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #goldkub .gk-hero::before,
.ck-content #goldkub .gk-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.ck-content #goldkub .gk-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #goldkub .gk-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #goldkub .gk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  margin-bottom: 18px;
}

.ck-content #goldkub .gk-h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #goldkub .gk-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #goldkub .gk-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #goldkub .gk-hero-stat {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  padding: 16px;
}

.ck-content #goldkub .gk-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #goldkub .gk-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #goldkub .gk-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
}

.ck-content #goldkub .gk-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #goldkub .gk-main,
.ck-content #goldkub .gk-side {
  display: grid;
  gap: 22px;
}

.ck-content #goldkub .gk-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #goldkub .gk-section {
  padding: 30px;
}

.ck-content #goldkub .gk-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #5a3c17;
}

.ck-content #goldkub .gk-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #765024;
}

.ck-content #goldkub .gk-section p {
  margin: 0 0 14px;
  color: #4a3b2a;
}

.ck-content #goldkub .gk-section p:last-child {
  margin-bottom: 0;
}

.ck-content #goldkub .gk-lead {
  font-size: 18px;
  color: #3f2f1c;
}

.ck-content #goldkub .gk-feature-grid,
.ck-content #goldkub .gk-biz-grid,
.ck-content #goldkub .gk-keys-grid,
.ck-content #goldkub .gk-image-grid,
.ck-content #goldkub .gk-menu-grid,
.ck-content #goldkub .gk-pkg-grid,
.ck-content #goldkub .gk-gold-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #goldkub .gk-feature-grid,
.ck-content #goldkub .gk-keys-grid,
.ck-content #goldkub .gk-pkg-grid,
.ck-content #goldkub .gk-menu-grid,
.ck-content #goldkub .gk-gold-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #goldkub .gk-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #goldkub .gk-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #goldkub .gk-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fffaf1);
}

.ck-content #goldkub .gk-mini-card.gk-gold {
  background: linear-gradient(180deg, #fffaf0, #fff2dc);
  border-color: #efd7aa;
}

.ck-content #goldkub .gk-mini-card.gk-cream {
  background: linear-gradient(180deg, #fffdf8, #fffaf1);
  border-color: #eadfce;
}

.ck-content #goldkub .gk-mini-card.gk-dark {
  background: linear-gradient(180deg, #fff8ee, #f8ecd8);
  border-color: #e6c98f;
}

.ck-content #goldkub .gk-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #5d3f18;
}

.ck-content #goldkub .gk-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.68;
}

.ck-content #goldkub .gk-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #5d3f18;
  margin-bottom: 8px;
}

.ck-content #goldkub .gk-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--gold-2);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8ef, #fff2dd);
  font-size: 18px;
  font-weight: 700;
  color: #5d3f18;
}

.ck-content #goldkub .gk-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #goldkub .gk-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--gold-4);
  color: #7a531e;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #efd7aa;
}

.ck-content #goldkub .gk-chip.gk-dark {
  background: #f8ecda;
  border-color: #e3c892;
  color: #69461a;
}

.ck-content #goldkub .gk-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #goldkub .gk-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #goldkub .gk-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #fff3df;
  color: #8a5d1f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #goldkub .gk-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #goldkub .gk-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #goldkub .gk-image-slot {
  border: 1px dashed #dcc395;
  border-radius: 22px;
  background: linear-gradient(180deg, #fffdf8, #fff6e9);
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #8b7759;
}

.ck-content #goldkub .gk-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #goldkub .gk-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
  color: #69461a;
}

.ck-content #goldkub .gk-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #goldkub .gk-slot-cap,
.ck-content #goldkub .gk-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fffaf1;
  border-top: 1px solid var(--line);
}

.ck-content #goldkub .gk-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 24, 0.06);
  margin-top: 18px;
}

.ck-content #goldkub .gk-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #goldkub .gk-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #goldkub .gk-inner {
  background: #fff6e6;
  padding: 18px;
}

.ck-content #goldkub .gk-cta {
  background: linear-gradient(135deg, #3a2814, #8b6327 58%, #d8a74e 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #goldkub .gk-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #goldkub .gk-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #goldkub .gk-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #goldkub .gk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #goldkub .gk-btn.gk-primary {
  background: #fff;
  color: #6c4b1d;
}

.ck-content #goldkub .gk-btn.gk-primary:hover {
  background: #f4b000;
  color: #ffffff;
}

.ck-content #goldkub .gk-btn.gk-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #goldkub .gk-btn.gk-secondary:hover {
  background: #ffffff;
  color: #6c4b1d;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #goldkub .gk-btn.gk-soft {
  background: #fff1dc;
  color: #7a531e;
  border: 1px solid #f1d3a0;
}

.ck-content #goldkub .gk-btn.gk-soft:hover {
  background: #e6a34a;
  color: #ffffff;
  border-color: #e6a34a;
}

.ck-content #goldkub .gk-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #goldkub .gk-tree {
  margin: 0;
  white-space: pre-wrap;
  font-family: "Noto Sans Thai", ui-monospace, monospace;
  font-size: 14px;
  line-height: 1.7;
  color: #523d23;
}

.ck-content #goldkub .gk-plan {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  font-size: 14px;
}

.ck-content #goldkub .gk-plan th,
.ck-content #goldkub .gk-plan td {
  border: 1px solid var(--line);
  padding: 12px 10px;
  text-align: left;
  vertical-align: top;
}

.ck-content #goldkub .gk-plan th {
  background: #fff4de;
  color: #69461a;
}

.ck-content #goldkub .gk-plan td {
  background: #fffdf8;
  color: #5a4631;
}

@media (max-width: 1024px) {
  .ck-content #goldkub .gk-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #goldkub .gk-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #goldkub .gk-biz-grid,
  .ck-content #goldkub .gk-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #goldkub .gk-page {
    padding: 12px 12px 40px;
  }
  .ck-content #goldkub .gk-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #goldkub .gk-section {
    padding: 22px;
  }
  .ck-content #goldkub .gk-hero p,
  .ck-content #goldkub .gk-lead {
    font-size: 16px;
  }
  .ck-content #goldkub .gk-hero-stats,
  .ck-content #goldkub .gk-feature-grid,
  .ck-content #goldkub .gk-biz-grid,
  .ck-content #goldkub .gk-keys-grid,
  .ck-content #goldkub .gk-image-grid,
  .ck-content #goldkub .gk-menu-grid,
  .ck-content #goldkub .gk-pkg-grid,
  .ck-content #goldkub .gk-gold-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #goldkub .gk-cta {
    padding: 24px;
  }
  .ck-content #goldkub .gk-plan {
    font-size: 13px;
  }
}
/* =========================================
   yimtrade_single_page_pro.css scoped to CKEditor as #yimtrade
   ========================================= */
.ck-content #yimtrade {
  --bg: #081a3a;
  --card: #0f2753;
  --text: #e9f1ff;
  --muted: #a8bbdd;
  --line: #21457f;
  --blue: #2f7dff;
  --green: #22c985;
  --gold: #ffbe3b;
  --shadow: 0 18px 48px rgba(0, 0, 0, .22);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #yimtrade * {
  box-sizing: border-box;
}

.ck-content #yimtrade img,
.ck-content #yimtrade svg {
  display: block;
  max-width: 100%;
}

.ck-content #yimtrade a {
  text-decoration: none;
  color: inherit;
}

.ck-content #yimtrade .yt-page {
  padding: 22px 16px 60px;
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top right, rgba(47, 125, 255, 0.16), transparent 18%), radial-gradient(circle at top left, rgba(34, 201, 133, 0.1), transparent 16%), linear-gradient(180deg, #07162f 0%, #091d41 100%);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #yimtrade .yt-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #yimtrade .yt-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #03183d 0%, #072860 42%, #0b3b86 76%, #0f5d8f 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.ck-content #yimtrade .yt-hero::before,
.ck-content #yimtrade .yt-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
}

.ck-content #yimtrade .yt-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #yimtrade .yt-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #yimtrade .yt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #yimtrade h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #yimtrade .yt-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #yimtrade .yt-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #yimtrade .yt-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
}

.ck-content #yimtrade .yt-hero-stat strong {
  display: block;
  font-size: 19px;
  margin-bottom: 6px;
}

.ck-content #yimtrade .yt-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #yimtrade .yt-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 28px;
  padding: 16px;
}

.ck-content #yimtrade .yt-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #yimtrade .yt-main,
.ck-content #yimtrade .yt-side {
  display: grid;
  gap: 22px;
}

.ck-content #yimtrade .yt-card {
  background: rgba(13, 35, 74, 0.88);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #yimtrade .yt-section {
  padding: 30px;
}

.ck-content #yimtrade .yt-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.ck-content #yimtrade .yt-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #dce9ff;
}

.ck-content #yimtrade .yt-section p {
  margin: 0 0 14px;
  color: #c9d8f5;
}

.ck-content #yimtrade .yt-section p:last-child {
  margin-bottom: 0;
}

.ck-content #yimtrade .yt-lead {
  font-size: 18px;
  color: #edf4ff;
}

.ck-content #yimtrade .yt-feature-grid,
.ck-content #yimtrade .yt-biz-grid,
.ck-content #yimtrade .yt-keys-grid,
.ck-content #yimtrade .yt-image-grid,
.ck-content #yimtrade .yt-menu-grid,
.ck-content #yimtrade .yt-pkg-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #yimtrade .yt-feature-grid,
.ck-content #yimtrade .yt-keys-grid,
.ck-content #yimtrade .yt-pkg-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #yimtrade .yt-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #yimtrade .yt-menu-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #yimtrade .yt-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #yimtrade .yt-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
}

.ck-content #yimtrade .yt-mini-card.yt-blue {
  background: linear-gradient(180deg, rgba(47, 125, 255, 0.12), rgba(47, 125, 255, 0.05));
  border-color: #2a4f8e;
}

.ck-content #yimtrade .yt-mini-card.yt-green {
  background: linear-gradient(180deg, rgba(34, 201, 133, 0.11), rgba(34, 201, 133, 0.04));
  border-color: #245f57;
}

.ck-content #yimtrade .yt-mini-card.yt-gold {
  background: linear-gradient(180deg, rgba(255, 190, 59, 0.12), rgba(255, 190, 59, 0.04));
  border-color: #66522a;
}

.ck-content #yimtrade .yt-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #ffffff;
}

.ck-content #yimtrade .yt-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.68;
}

.ck-content #yimtrade .yt-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 8px;
}

.ck-content #yimtrade .yt-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--green);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(34, 201, 133, 0.14), rgba(47, 125, 255, 0.09));
  font-size: 18px;
  font-weight: 700;
  color: #eef8ff;
}

.ck-content #yimtrade .yt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #yimtrade .yt-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(47, 125, 255, 0.12);
  color: #dbe9ff;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #2e4f8e;
}

.ck-content #yimtrade .yt-chip.yt-green {
  background: rgba(34, 201, 133, 0.12);
  border-color: #285f59;
}

.ck-content #yimtrade .yt-chip.yt-gold {
  background: rgba(255, 190, 59, 0.12);
  border-color: #67532b;
  color: #ffe8af;
}

.ck-content #yimtrade .yt-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #yimtrade .yt-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #yimtrade .yt-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(47, 125, 255, 0.14);
  color: #dfeaff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #yimtrade .yt-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #yimtrade .yt-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #yimtrade .yt-image-slot {
  border: 1px dashed #35578e;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
  min-height: 235px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #a9bedf;
}

.ck-content #yimtrade .yt-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #yimtrade .yt-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
  color: #ffffff;
}

.ck-content #yimtrade .yt-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #yimtrade .yt-slot-cap,
.ck-content #yimtrade .yt-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid var(--line);
}

.ck-content #yimtrade .yt-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #081a39;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  margin-top: 18px;
}

.ck-content #yimtrade .yt-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #yimtrade .yt-illus {
  padding: 0;
  overflow: hidden;
}

.ck-content #yimtrade .yt-inner {
  background: linear-gradient(180deg, #0a2149, #0d2959);
  padding: 18px;
}

.ck-content #yimtrade .yt-cta {
  background: linear-gradient(135deg, #07214b, #0c3c87 58%, #1aa96e 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.ck-content #yimtrade .yt-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #yimtrade .yt-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #yimtrade .yt-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #yimtrade .yt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #yimtrade .yt-btn.yt-primary {
  background: #fff;
  color: #0d2f73;
}

.ck-content #yimtrade .yt-btn.yt-primary:hover {
  background: #2563eb;
  color: #ffffff;
}

.ck-content #yimtrade .yt-btn.yt-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #yimtrade .yt-btn.yt-secondary:hover {
  background: #ffffff;
  color: #0d2f73;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #yimtrade .yt-btn.yt-soft {
  background: rgba(34, 201, 133, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.ck-content #yimtrade .yt-btn.yt-soft:hover {
  background: #22c985;
  color: #ffffff;
  border-color: #22c985;
}

.ck-content #yimtrade .yt-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

.ck-content #yimtrade pre.yt-tree {
  margin: 0;
  white-space: pre-wrap;
  font-family: "Noto Sans Thai", ui-monospace, monospace;
  font-size: 14px;
  line-height: 1.7;
  color: #d9e6ff;
}

@media (max-width: 1024px) {
  .ck-content #yimtrade .yt-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #yimtrade .yt-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #yimtrade .yt-biz-grid,
  .ck-content #yimtrade .yt-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #yimtrade .yt-page {
    padding: 12px 12px 40px;
  }
  .ck-content #yimtrade .yt-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #yimtrade .yt-section {
    padding: 22px;
  }
  .ck-content #yimtrade .yt-hero p,
  .ck-content #yimtrade .yt-lead {
    font-size: 16px;
  }
  .ck-content #yimtrade .yt-hero-stats,
  .ck-content #yimtrade .yt-feature-grid,
  .ck-content #yimtrade .yt-biz-grid,
  .ck-content #yimtrade .yt-keys-grid,
  .ck-content #yimtrade .yt-image-grid,
  .ck-content #yimtrade .yt-menu-grid,
  .ck-content #yimtrade .yt-pkg-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #yimtrade .yt-cta {
    padding: 24px;
  }
}
/* =========================================
   borijak.css scoped to CKEditor as #borijak
   ========================================= */
.ck-content #borijak {
  --bg: #f6f7fb;
  --card: #ffffff;
  --text: #1f2937;
  --muted: #64748b;
  --line: #e7ebf2;
  --navy: #0b1739;
  --navy2: #12265f;
  --orange: #ff6b00;
  --orange2: #ff9b54;
  --orange-soft: #fff2e8;
  --blue-soft: #eef4ff;
  --shadow: 0 18px 48px rgba(17, 24, 39, .08);
  --radius: 26px;
  --max: 1180px;
}

.ck-content #borijak * {
  box-sizing: border-box;
}

.ck-content #borijak .bjk-root {
  margin: 0;
  font-family: "Noto Sans Thai", sans-serif;
  background: radial-gradient(circle at top left, rgba(255, 107, 0, 0.08), transparent 18%), radial-gradient(circle at top right, rgba(11, 23, 57, 0.06), transparent 18%), var(--bg);
  color: var(--text);
  line-height: 1.78;
}

.ck-content #borijak img,
.ck-content #borijak svg {
  display: block;
  max-width: 100%;
}

.ck-content #borijak a {
  text-decoration: none;
  color: inherit;
}

.ck-content #borijak .bjk-page {
  padding: 22px 16px 60px;
}

.ck-content #borijak .bjk-wrap {
  max-width: var(--max);
  margin: 0 auto;
}

.ck-content #borijak .bjk-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--navy) 0%, #192a57 36%, var(--orange) 76%, #ff7f1f 100%);
  color: #fff;
  border-radius: 32px;
  padding: 42px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
}

.ck-content #borijak .bjk-hero::before,
.ck-content #borijak .bjk-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.ck-content #borijak .bjk-hero::before {
  width: 320px;
  height: 320px;
  right: -90px;
  top: -90px;
}

.ck-content #borijak .bjk-hero::after {
  width: 180px;
  height: 180px;
  left: -35px;
  bottom: -35px;
}

.ck-content #borijak .bjk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 18px;
}

.ck-content #borijak .bjk-root h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ck-content #borijak .bjk-hero h1 {
  color: #ffffff;
}

.ck-content #borijak .bjk-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
}

.ck-content #borijak .bjk-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.ck-content #borijak .bjk-hero-stat {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(8px);
}

.ck-content #borijak .bjk-hero-stat strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.ck-content #borijak .bjk-hero-stat span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.ck-content #borijak .bjk-hero-visual {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  padding: 16px;
  backdrop-filter: blur(12px);
}

.ck-content #borijak .bjk-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  gap: 24px;
  align-items: start;
  margin-top: 24px;
}

.ck-content #borijak .bjk-main,
.ck-content #borijak .bjk-side {
  display: grid;
  gap: 22px;
}

.ck-content #borijak .bjk-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.ck-content #borijak .bjk-section {
  padding: 30px;
}

.ck-content #borijak .bjk-section h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #12285d;
}

.ck-content #borijak .bjk-section h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  line-height: 1.3;
  color: #ff6b00;
}

.ck-content #borijak .bjk-section p {
  margin: 0 0 14px;
  color: #334155;
}

.ck-content #borijak .bjk-section p:last-child {
  margin-bottom: 0;
}

.ck-content #borijak .bjk-lead {
  font-size: 18px;
  color: #28384e;
}

.ck-content #borijak .bjk-summary-grid,
.ck-content #borijak .bjk-feature-grid,
.ck-content #borijak .bjk-biz-grid,
.ck-content #borijak .bjk-keys-grid,
.ck-content #borijak .bjk-image-grid,
.ck-content #borijak .bjk-category-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ck-content #borijak .bjk-summary-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #borijak .bjk-feature-grid,
.ck-content #borijak .bjk-keys-grid,
.ck-content #borijak .bjk-category-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ck-content #borijak .bjk-biz-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #borijak .bjk-image-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ck-content #borijak .bjk-mini-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #fff, #fbfcff);
}

.ck-content #borijak .bjk-mini-card.bjk-orange {
  background: linear-gradient(180deg, #fff8f2, #fff2e8);
  border-color: #ffd9c0;
}

.ck-content #borijak .bjk-mini-card.bjk-blue {
  background: linear-gradient(180deg, #fafcff, #eef4ff);
  border-color: #dce8ff;
}

.ck-content #borijak .bjk-mini-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #12285d;
}

.ck-content #borijak .bjk-mini-card p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}

.ck-content #borijak .bjk-emoji-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  color: #12285d;
  margin-bottom: 8px;
}

.ck-content #borijak .bjk-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.ck-content #borijak .bjk-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--orange-soft);
  color: #b45309;
  font-weight: 700;
  font-size: 13px;
  border: 1px solid #ffd8bc;
}

.ck-content #borijak .bjk-chip.bjk-blue {
  background: var(--blue-soft);
  color: #1d4ed8;
  border-color: #d8e5ff;
}

.ck-content #borijak .bjk-quote {
  margin-top: 18px;
  padding: 22px 24px;
  border-left: 5px solid var(--orange);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff8f1, #f6f9ff);
  font-size: 18px;
  font-weight: 700;
  color: #15306c;
}

.ck-content #borijak .bjk-check-list {
  display: grid;
  gap: 12px;
}

.ck-content #borijak .bjk-check-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
}

.ck-content #borijak .bjk-check-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #eef4ff;
  color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.ck-content #borijak .bjk-check-item strong {
  display: block;
  margin-bottom: 2px;
}

.ck-content #borijak .bjk-check-item span {
  font-size: 14px;
  color: var(--muted);
}

.ck-content #borijak .bjk-image-slot {
  border: 1px dashed #d8e0ef;
  border-radius: 22px;
  background: linear-gradient(180deg, #fbfdff, #f6f9ff);
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  color: #415a86;
}

.ck-content #borijak .bjk-image-slot svg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.ck-content #borijak .bjk-image-slot strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.ck-content #borijak .bjk-image-slot span {
  font-size: 14px;
  line-height: 1.6;
}

.ck-content #borijak .bjk-slot-cap,
.ck-content #borijak .bjk-img-cap {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--muted);
  background: #fbfdff;
  border-top: 1px solid var(--line);
}

.ck-content #borijak .bjk-img-box {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(69, 51, 128, 0.06);
  margin-top: 18px;
}

.ck-content #borijak .bjk-img-box img {
  width: 100%;
  height: auto;
  display: block;
}

.ck-content #borijak .bjk-illus {
  padding: 0;
}

.ck-content #borijak .bjk-inner {
  background: #fff4ea;
  padding: 18px;
}

.ck-content #borijak .bjk-cta {
  background: linear-gradient(135deg, var(--navy), #1f3f7a 48%, var(--orange) 100%);
  color: #fff;
  border-radius: 30px;
  padding: 32px;
}

.ck-content #borijak .bjk-cta h2 {
  color: #fff;
  margin-bottom: 10px;
}

.ck-content #borijak .bjk-cta p {
  color: rgba(255, 255, 255, 0.92);
}

.ck-content #borijak .bjk-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.ck-content #borijak .bjk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  transition: 0.2s ease;
}

.ck-content #borijak .bjk-btn.bjk-primary {
  background: #fff;
  color: #17306d;
}

.ck-content #borijak .bjk-btn.bjk-primary:hover {
  background: #f7a800;
  color: #ffffff;
}

.ck-content #borijak .bjk-btn.bjk-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.ck-content #borijak .bjk-btn.bjk-secondary:hover {
  background: #ffffff;
  color: #17306d;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #borijak .bjk-btn.bjk-orange {
  background: #fff1e5;
  color: #b45309;
  border: 1px solid #ffd7b8;
}

.ck-content #borijak .bjk-btn.bjk-orange:hover {
  background: #e05b17;
  color: #ffffff;
  border-color: #e05b17;
}

.ck-content #borijak .bjk-footer-note {
  text-align: center;
  margin-top: 18px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .ck-content #borijak .bjk-hero {
    grid-template-columns: 1fr;
    padding: 30px;
  }
  .ck-content #borijak .bjk-layout {
    grid-template-columns: 1fr;
  }
  .ck-content #borijak .bjk-summary-grid,
  .ck-content #borijak .bjk-biz-grid,
  .ck-content #borijak .bjk-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .ck-content #borijak .bjk-page {
    padding: 12px 12px 40px;
  }
  .ck-content #borijak .bjk-hero {
    padding: 22px;
    border-radius: 24px;
  }
  .ck-content #borijak .bjk-section {
    padding: 22px;
  }
  .ck-content #borijak .bjk-hero p,
  .ck-content #borijak .bjk-lead {
    font-size: 16px;
  }
  .ck-content #borijak .bjk-hero-stats,
  .ck-content #borijak .bjk-summary-grid,
  .ck-content #borijak .bjk-feature-grid,
  .ck-content #borijak .bjk-biz-grid,
  .ck-content #borijak .bjk-keys-grid,
  .ck-content #borijak .bjk-image-grid,
  .ck-content #borijak .bjk-category-grid {
    grid-template-columns: 1fr;
  }
  .ck-content #borijak .bjk-cta {
    padding: 24px;
  }
}
/* =========================================
   BUTTON HOVER FIX — invert fg/bg on hover
   ครอบคลุม: ep-*, svc-*, kasethub-*, hc-*, yp-*,
             rcsp-*, bjk-*, meat-*, sm-*, booking-*,
             bc-*, gk-*, yt-*, prc-*, fl-*, ch1-*,
             pos-*, mpot-*, addcart-*, wcrm-*, winhr-*,
             fdy-*, shx-*, pattm-*, influ-*, whr-*,
             t1-*, tpt-*, mp-*, factory-*
   ========================================= */
/* ------------------------------------------
   แบบ A: พื้นอ่อน/ขาว → hover พื้นเข้ม/ขาว
   (primary, orange, green, accent, alt, soft, cyan, gold, steel, pink, blue, red)
   ------------------------------------------ */
/* ep-* */
.ck-content #easypay .ep-btn.ep-primary:hover {
  background: #1e5b9e;
  color: #fff;
}

.ck-content #easypay .ep-btn.ep-green:hover {
  background: #2d7a50;
  color: #fff;
  border-color: #2d7a50;
}

/* svc-* (Borikan) */
.ck-content #borikan .svc-btn.svc-primary:hover {
  background: #444c56;
  color: #fff;
  border-color: #444c56;
}

.ck-content #borikan .svc-btn.svc-orange:hover {
  background: #e05b17;
  color: #fff;
  border-color: #e05b17;
}

/* hc-* (Homecenter) */
.ck-content .hc-btn.hc-primary:hover {
  background: #0d2c8a !important;
  color: #ffffff !important;
  border-color: #0d2c8a !important;
}

.ck-content .hc-btn.hc-orange:hover {
  background: #e05b17 !important;
  color: #ffffff !important;
  border-color: #e05b17 !important;
}

/* yp-* (Yimproperty) */
.ck-content #yimproperty .yp-btn.yp-primary:hover {
  background: #fff;
  color: #8f121b;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #yimproperty .yp-btn.yp-alt:hover {
  background: #fff;
  color: #8f121b;
  border-color: rgba(255, 255, 255, 0.9);
}

/* rcsp-* (Rodcenter) */
.ck-content #rodcenter .rcsp-btn.rcsp-primary:hover {
  background: #fff;
  color: #7e121c;
  border-color: #7e121c;
}

.ck-content #rodcenter .rcsp-btn.rcsp-alt:hover {
  background: #fff;
  color: #a11724;
  border-color: #a11724;
}

/* bjk-* (Borijak) */
.ck-content #borijak .bjk-btn.bjk-primary:hover {
  background: #17306d;
  color: #fff;
}

.ck-content #borijak .bjk-btn.bjk-orange:hover {
  background: #e05b17;
  color: #fff;
  border-color: #e05b17;
}

/* meat-* (MeaT) */
.ck-content #maeat .meat-btn.meat-primary:hover {
  background: #fff;
  color: #91171c;
  border-color: #91171c;
}

.ck-content #maeat .meat-btn.meat-orange:hover {
  background: #fff;
  color: #e05b17;
  border-color: #e05b17;
}

/* sm-* (ShopMe) */
.ck-content #shopme .sm-btn.sm-primary:hover {
  background: #186d48;
  color: #fff;
}

.ck-content #shopme .sm-btn.sm-soft:hover {
  background: #1c724c;
  color: #fff;
  border-color: #1c724c;
}

/* booking-* */
.ck-content #booking1 .booking-btn.booking-primary:hover {
  background: #1e4c95;
  color: #fff;
}

.ck-content #booking1 .booking-btn.booking-light:hover {
  background: #1d4ed8;
  color: #fff;
  border-color: #1d4ed8;
}

/* bc-* (Bestacoin) */
.ck-content #bestacoin .bc-btn.bc-primary:hover {
  background: #176547;
  color: #fff;
}

.ck-content #bestacoin .bc-btn.bc-green:hover {
  background: #16a34a;
  color: #fff;
  border-color: #16a34a;
}

/* gk-* (Goldkub) */
.ck-content #goldkub .gk-btn.gk-primary:hover {
  background: #6c4b1d;
  color: #fff;
}

.ck-content #goldkub .gk-btn.gk-soft:hover {
  background: #e6a34a;
  color: #fff;
  border-color: #e6a34a;
}

/* yt-* (Yimtrade) */
.ck-content #yimtrade .yt-btn.yt-primary:hover {
  background: #2563eb;
  color: #fff;
}

.ck-content #yimtrade .yt-btn.yt-soft:hover {
  background: #22c985;
  color: #fff;
  border-color: #22c985;
}

/* prc-* (Pruksa) */
.ck-content #pruksa .prc-btn.prc-btn--primary:hover {
  background: #fff;
  color: #136457;
  border-color: #136457;
}

.ck-content #pruksa .prc-btn.prc-btn--pink:hover {
  background: #b65a71;
  color: #fff;
  border-color: #b65a71;
}

/* fl-* (Freelance) */
.ck-content #freelance .fl-btn.fl-primary:hover {
  background: #116443;
  color: #fff;
}

.ck-content #freelance .fl-btn.fl-alt:hover {
  background: #18842b;
  color: #fff;
  border-color: #18842b;
}

/* ch1-* (Chat1) */
.ck-content .ch1-btn.ch1-primary:hover {
  background: #f7a800;
  color: #fff;
}

.ck-content #chat1 .ch1-btn.ch1-orange:hover {
  background: #e05b17;
  color: #fff;
  border-color: #e05b17;
}

/* pos-* (1POS) */
.ck-content #onepos .pos-btn.pos-primary:hover {
  background: #1b7fd8;
  color: #fff;
}

.ck-content #onepos .pos-btn.pos-cyan:hover {
  background: #49ace0;
  color: #fff;
  border-color: #49ace0;
}

/* mpot-* (MePoint) */
.ck-content #mepoint .mpot-btn.mpot-primary:hover {
  background: #16a34a;
  color: #fff;
}

.ck-content #mepoint .mpot-btn.mpot-soft:hover {
  background: #e11d48;
  color: #fff;
  border-color: #e11d48;
}

/* addcart-* */
.ck-content #addcart .addcart-btn.addcart-primary:hover {
  background: #0d2c8a;
  color: #fff;
}

.ck-content #addcart .addcart-btn.addcart-orange:hover {
  background: #e05b17;
  color: #fff;
  border-color: #e05b17;
}

/* wcrm-* (WinCRM) */
.ck-content #wincrm .wcrm-btn.wcrm-primary:hover {
  background: #118c70;
  color: #fff;
}

.ck-content #wincrm .wcrm-btn.wcrm-soft:hover {
  background: #118c70;
  color: #fff;
  border-color: #118c70;
}

/* winhr-* / whr-* (WinHR) */
.ck-content #winhr .whr-btn.whr-primary:hover {
  background: #1f84dc;
  color: #fff;
}

.ck-content #winhr .whr-btn.whr-soft:hover {
  background: #0f4f93;
  color: #fff;
  border-color: #0f4f93;
}

/* fdy-* (Feeddy) */
.ck-content #feeddy .fdy-btn.fdy-primary:hover {
  background: #6b49db;
  color: #fff;
}

.ck-content #feeddy .fdy-btn.fdy-alt:hover {
  background: #d74d92;
  color: #fff;
  border-color: #d74d92;
}

/* shx-* (ShipX) */
.ck-content #shipx .shx-btn.shx-primary:hover {
  background: #12a48b;
  color: #fff;
}

.ck-content #shipx .shx-btn.shx-gold:hover {
  background: #c7a04a;
  color: #fff;
  border-color: #c7a04a;
}

/* pattm-* (Part-time) */
.ck-content #parttime .pattm-btn.pattm-primary:hover {
  background: #0f6a3c;
  color: #fff;
}

.ck-content #parttime .pattm-btn.pattm-alt:hover {
  background: #145834;
  color: #fff;
  border-color: #145834;
}

/* influ-* */
.ck-content #influ .influ-btn.influ-primary:hover {
  background: #ff3f76;
  color: #fff;
}

.ck-content #influ .influ-btn.influ-alt:hover {
  background: #d52f69;
  color: #fff;
  border-color: #d52f69;
}

/* t1-* (Ticket1) */
.ck-content #ticket1 .t1-btn.t1-primary:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #ticket1 .t1-btn.t1-alt:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

/* tpt-* (T-Pet) */
.ck-content #tpet .tpt-btn.tpt-btn-primary:hover {
  background: #fff;
  color: #8d0b47;
  border-color: #8d0b47;
}

.ck-content #tpet .tpt-btn.tpt-btn-alt:hover {
  background: #b01860;
  color: #fff;
  border-color: #b01860;
}

/* mp-* (Meepro) */
.ck-content #meepro .mp-btn.mp-primary:hover {
  background: #8b2f73;
  color: #fff;
}

.ck-content #meepro .mp-btn.mp-gold:hover {
  background: #c9a227;
  color: #fff;
  border-color: #c9a227;
}

/* factory-* */
.ck-content #factory .factory-btn.factory-primary:hover {
  background: #f7a800;
  color: #fff;
}

.ck-content #factory .factory-btn.factory-steel:hover {
  background: #0d2c8a;
  color: #fff;
  border-color: #0d2c8a;
}

/* project-package-* */
.ck-content #project-package .project-package-btn.project-package-primary:hover {
  background: #f7a800;
  color: #fff;
}

.ck-content #project-package .project-package-btn.project-package-red:hover {
  background: #e53935;
  color: #fff;
  border-color: #e53935;
}

/* bestacoin bc-btn (ใน CTA) */
.ck-content #bestacoin .bc-btn.bc-primary:hover {
  background: #16a34a;
  color: #fff;
}

/* ------------------------------------------
   แบบ B: พื้นเข้ม/โปร่ง → hover พื้นขาว ตัวหนังสือเข้ม
   (secondary ทุก prefix)
   ------------------------------------------ */
.ck-content #easypay .ep-btn.ep-secondary:hover {
  background: #fff;
  color: #1e5b9e;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #borikan .svc-btn.svc-secondary:hover {
  background: #fff;
  color: #444c56;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content .kasethub-btn.kasethub-secondary:hover {
  background: #fff;
  color: #1f6221;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #kasethub .kasethub-btn.kasethub-primary:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #kasethub .kasethub-btn.kasethub-accent:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content .hc-btn.hc-secondary:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #yimproperty .yp-btn.yp-secondary:hover {
  background: #fff;
  color: #8f121b;
  border-color: #8f121b;
}

.ck-content #rodcenter .rcsp-btn.rcsp-secondary:hover {
  background: #fff;
  color: #7e121c;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #borijak .bjk-btn.bjk-secondary:hover {
  background: #fff;
  color: #17306d;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #maeat .meat-btn.meat-secondary:hover {
  background: #e05b17;
  color: #fff;
  border-color: #e05b17;
}

.ck-content #shopme .sm-btn.sm-secondary:hover {
  background: #fff;
  color: #186d48;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #booking1 .booking-btn.booking-secondary:hover {
  background: #fff;
  color: #1e4c95;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #bestacoin .bc-btn.bc-secondary:hover {
  background: #fff;
  color: #176547;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #goldkub .gk-btn.gk-secondary:hover {
  background: #fff;
  color: #6c4b1d;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #yimtrade .yt-btn.yt-secondary:hover {
  background: #fff;
  color: #0d2f73;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #pruksa .prc-cta-action a:nth-child(2).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-actions a:nth-child(2).prc-btn--secondary:hover {
  background: #fff;
  color: #136457;
  border-color: #136457;
}

.ck-content #pruksa .prc-cta-action a:nth-child(4).prc-btn--secondary:hover,
.ck-content #pruksa .prc-cta-actions a:nth-child(4).prc-btn--secondary:hover {
  background: #fff;
  color: #ff8ea2;
  border-color: #ff8ea2;
}

.ck-content #freelance .fl-btn.fl-secondary:hover {
  background: #fff;
  color: #116443;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #chat1 .ch1-cta-action a:nth-child(2).ch1-secondary:hover,
.ck-content #chat1 .ch1-cta-actions a:nth-child(2).ch1-secondary:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: #0d2c8a;
}

.ck-content #chat1 .ch1-cta-action a:nth-child(3).ch1-secondary:hover,
.ck-content #chat1 .ch1-cta-actions a:nth-child(3).ch1-secondary:hover {
  background: #fff;
  color: #e05b17;
  border-color: #e05b17;
}

.ck-content #onepos .pos-btn.pos-secondary:hover {
  background: #fff;
  color: #114686;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #mepoint .mpot-btn.mpot-secondary:hover {
  background: #fff;
  color: #156a63;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #addcart .addcart-btn.addcart-secondary:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #wincrm .wcrm-btn.wcrm-secondary:hover {
  background: #fff;
  color: #137f68;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #winhr .whr-btn.whr-secondary:hover {
  background: #fff;
  color: #1559ad;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #feeddy .fdy-btn.fdy-secondary:hover {
  background: #fff;
  color: #6b49db;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #shipx .shx-btn.shx-secondary:hover {
  background: #fff;
  color: #0d5b53;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #parttime .pattm-btn.pattm-secondary:hover {
  background: #fff;
  color: #145834;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #influ .influ-btn.influ-secondary:hover {
  background: #fff;
  color: #ff3f76;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #ticket1 .t1-btn.t1-secondary:hover {
  background: #fff;
  color: #1775A3;
  border-color: #1775A3;
}

.ck-content #tpet .tpt-btn.tpt-btn-secondary:hover {
  background: #fff;
  color: #8d0b47;
  border-color: #8d0b47;
}

.ck-content #factory .factory-btn.factory-secondary:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

.ck-content #project-package .project-package-btn.project-package-secondary:hover {
  background: #fff;
  color: #0d2c8a;
  border-color: rgba(255, 255, 255, 0.9);
}

:root {
  --tg-body-font-family:"Inter",sans-serif;
  --tg-heading-font-family:"Outfit",sans-serif;
  --tg-icon-font-family:"Font Awesome 5 Free";
  --tg-body-font-size:16px;
  --tg-body-line-height:1.5;
  --tg-heading-line-height:1.2;
  --tg-body-color:#3e4073;
  --tg-heading-color:#14176c;
  --tg-theme-primary:#f7a400;
  --tg-theme-secondary:#191d88;
  --tg-color-dark-blue:#0e104b;
  --tg-color-yellow-light:#fef6e6;
  --tg-color-yellow-light-2:#fffbf3;
  --tg-color-yellow-light-3:#f5eacd;
  --tg-color-yellow-light-4:#fde3b0;
  --tg-color-white-default:#fff;
  --tg-color-gray-1:#e6eeff;
  --tg-color-gray-2:#b8b9da;
  --tg-color-gray-3:#ecf6fa;
  --tg-color-gray-4:#818298;
  --tg-color-gray-5:#e2e3f1;
  --tg-color-gray-6:#f7f7f8;
  --tg-color-dark:#1c1a4a;
  --tg-color-black-1:#06042e;
  --tg-color-black-2:#161439;
  --tg-border-1:#cfdde2;
  --tg-border-2:#e6e7f3;
  --tg-border-3:#c5c6e4;
  --tg-border-4:#dbe3eb;
  --tg-border-5:#9597c8;
  --tg-border-6:#dadbec;
  --tg-border-7:#e9e9f0;
  --tg-border-8:#e08b00;
  --tg-border-9:#d0d6e1;
  --tg-fw-extra-bold:800;
  --tg-fw-bold:700;
  --tg-fw-semi-bold:600;
  --tg-fw-medium:500;
  --tg-fw-regular:400;
  --tg-fw-light:300;
  --tg-body-color:var(--text-color);
  --tg-heading-color:var(--heading-color);
  --tg-theme-primary:var(--primary-color);
  --tg-theme-secondary:var(--secondary-color);
}

body {
  color: var(--tg-body-color);
  font-family: var(--tg-body-font-family);
  font-size: var(--tg-body-font-size);
  font-weight: var(--tg-fw-regular);
  line-height: var(--tg-body-line-height);
}

.img, img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}

a, button {
  color: var(--tg-theme-primary);
  outline: none;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}

.btn:focus, .button:focus, a:focus {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  outline: none;
  text-decoration: none;
}

a:hover, button:hover {
  color: var(--tg-theme-primary);
  text-decoration: none;
}

button:focus, input:focus, textarea, textarea:focus {
  outline: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--tg-heading-color);
  font-family: var(--tg-heading-font-family);
  font-weight: var(--tg-fw-bold);
  line-height: var(--tg-heading-line-height);
  margin-top: 0;
  text-transform: unset;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

.list-wrap {
  margin: 0;
  padding: 0;
}

.list-wrap li {
  list-style: none;
}

p {
  color: var(--tg-body-color);
  font-family: var(--tg-body-font-family);
  font-size: var(--tg-body-font-size);
  font-weight: var(--tg-fw-regular);
  line-height: var(--tg-body-line-height);
  margin-bottom: 15px;
}

hr {
  border-bottom: 1px solid var(--tg-color-gray-1);
  border-top: 0;
  margin: 30px 0;
  padding: 0;
}

label {
  color: var(--tg-heading-color);
  cursor: pointer;
  font-size: var(--tg-body-font-size);
  font-weight: var(--tg-fw-regular);
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 100%;
  padding: 0;
  width: 100%;
}

::-moz-selection {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  text-shadow: none;
}

::selection {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  text-shadow: none;
}

input, textarea {
  color: var(--tg-body-color);
}

::-moz-placeholder {
  color: var(--tg-body-color);
  font-size: var(--tg-body-font-size);
  opacity: 1;
}

::placeholder {
  color: var(--tg-body-color);
  font-size: var(--tg-body-font-size);
  opacity: 1;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  --bs-gutter-x:30px;
}

.gutter-y-30 {
  --bs-gutter-y:30px;
}

.gx-0 {
  --bs-gutter-x:0;
}

.gutter-24 {
  --bs-gutter-x:24px;
}

.container {
  max-width: 1250px;
}

@media (max-width: 1500px) {
  .container {
    max-width: 1250px;
  }
}
@media (max-width: 1199.98px) {
  .container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}
.custom-container {
  max-width: 1760px;
}

@media (max-width: 1800px) {
  .custom-container {
    max-width: 1680px;
  }
}
@media (max-width: 1500px) {
  .custom-container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .custom-container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .custom-container {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .custom-container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-container {
    max-width: 540px;
  }
}
.custom-container-two {
  max-width: 1740px;
}

@media (max-width: 1800px) {
  .custom-container-two {
    max-width: 1540px;
  }
}
@media (max-width: 1500px) {
  .custom-container-two {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .custom-container-two {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .custom-container-two {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .custom-container-two {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-container-two {
    max-width: 540px;
  }
}
.include-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tg-button-wrap {
  display: flex;
}

.btn {
  align-items: center;
  background: var(--tg-theme-primary) none repeat scroll 0 0;
  border: none;
  border-radius: 10px;
  color: var(--tg-color-white-default);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  overflow: hidden;
  padding: 18px 24px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease-out 0s;
  -webkit-user-select: none;
  user-select: none;
  -moz-user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  z-index: 1;
}

.btn:before {
  background: var(--tg-theme-secondary);
  border-radius: 50%;
  content: "";
  height: 200%;
  left: 50%;
  position: absolute;
  top: 110%;
  transform: translateX(-50%);
  transition-duration: 0.8s;
  width: 200%;
  z-index: -1;
}

.btn:after {
  content: "\f10a";
  font-family: flaticon;
  font-size: 20px;
  font-weight: var(--tg-fw-bold);
  line-height: 0;
  margin-inline-start: 8px;
  transition: all 0.3s ease-out 0s;
}

.btn:focus-visible, .btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.btn:focus-visible:before, .btn:hover:before {
  top: -40%;
}

.btn-two, .btn-two:hover {
  background: var(--tg-theme-secondary);
}

.btn-two:before {
  background: var(--tg-theme-primary);
}

.btn.btn-login-social {
  background-color: var(--tg-color-white-default);
  color: var(--tg-color-body-color);
  font-size: 16px;
  justify-content: center;
  line-height: 28px;
  text-transform: capitalize;
  width: 100%;
}

.btn.btn-login-social img {
  margin-inline-end: 15px;
}

.btn.btn-login-social:after {
  display: none;
}

.btn.btn-login-social:hover {
  color: var(--tg-color-white-default);
}

.btn.btn-login {
  border-radius: 11px;
  font-size: 18px;
  justify-content: center;
  line-height: 28px;
  padding: 20px 26px;
  width: 100%;
}

.btn.btn-login:hover {
  background-color: var(--tg-theme-secondary);
}

.btn.border-yellow-btn {
  background: transparent;
  border: 1px solid var(--tg-theme-primary);
  color: var(--tg-theme-primary);
  padding: 17px 24px;
}

.btn.border-yellow-btn:before {
  background-color: var(--tg-theme-primary);
}

.btn.border-yellow-btn:hover {
  color: var(--tg-color-white-default);
}

.border-btn {
  background: transparent;
  border: 1px solid var(--tg-theme-secondary);
  color: var(--tg-theme-secondary);
  padding: 17px 24px;
}

.border-btn:before {
  display: none;
}

.border-btn:hover {
  background: var(--tg-theme-secondary);
}

#preloader {
  background-color: var(--tg-color-white-default);
  height: 100%;
  margin-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#preloader .loader .loader-container {
  border: 3px solid var(--tg-color-gray-1);
}

#preloader .loader .loader-container, #preloader .loader .loader-container:before {
  border-radius: 50%;
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
}

#preloader .loader .loader-container:before {
  animation: loaderspin 1.8s ease-in-out infinite;
  -webkit-animation: loaderspin 1.8s ease-in-out infinite;
  border-top: 3px solid var(--tg-theme-primary);
  content: "";
  display: block;
}

#preloader .loader .loader-icon {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
}

#preloader .loader .loader-icon img {
  animation: loaderpulse 0.9s infinite alternate;
  width: 40px;
}

@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
.grey-bg {
  background: var(--tg-color-gray-1);
}

.white-bg {
  background: var(--tg-color-white-default);
}

.black-bg {
  background: var(--tg-color-black-1);
}

.offCanvas__info {
  background: var(--tg-color-white-default) none repeat scroll 0 0;
  height: 100%;
  overflow-y: scroll;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 340px;
  z-index: 999;
}

.offCanvas__info.active {
  transform: translateX(0);
}

.offCanvas__info::-webkit-scrollbar {
  width: 0;
}

.offCanvas__close-icon {
  margin-top: -16px;
  text-align: right;
}

.offCanvas__close-icon button {
  background: transparent;
  border: 0;
  color: var(--tg-theme-primary);
  cursor: pointer;
  font-size: 20px;
  padding: 0;
}

.offCanvas__logo img {
  max-height: 34px;
}

.offCanvas__side-info {
  border-top: 1px solid var(--tg-theme-primary);
  padding-top: 25px;
}

.offCanvas__side-info .contact-list h4 {
  color: var(--tg-heading-color);
  font-size: 18px;
  font-weight: 700;
}

.offCanvas__side-info .contact-list p {
  color: var(--tg-body-color);
  line-height: 26px;
  margin: 0 0 2px;
}

.offCanvas__social-icon a {
  color: var(--tg-theme-primary);
  display: inline-block;
  margin-inline-end: 20px;
  text-align: center;
}

.offCanvas__social-icon a:hover {
  color: var(--tg-theme-secondary);
}

.offCanvas__overly {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 99;
}

.offCanvas__overly.active {
  opacity: 0.7;
  visibility: visible;
}

.search__popup {
  backdrop-filter: blur(10px);
  background: var(--tg-color-white-default);
  left: 0;
  padding-bottom: 100px;
  padding-top: 70px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(calc(-100% - 80px));
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
  width: 100%;
  z-index: 99;
}

.search__popup.search-opened {
  transform: translateY(0);
  transition-delay: 0s;
  z-index: 99999999;
}

.search__popup.search-opened .search__input {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}

.search__popup.search-opened .search__input:after {
  transition-delay: 0.5s;
  width: 100%;
}

.search__input {
  height: 80px;
  opacity: 0;
  position: relative;
  transform: translateY(-40px);
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
}

.search__input:after {
  background-color: var(--tg-theme-primary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition-delay: 0.3s;
  transition: all 0.3s ease-out 0s;
  width: 0;
}

.search__input input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  color: var(--tg-heading-color);
  font-size: 24px;
  height: 100%;
  outline: 0;
  padding: 0 30px 0 0;
  width: 100%;
}

.search__input input::-moz-placeholder {
  font-size: 24px;
}

.search__input input::placeholder {
  font-size: 24px;
}

.search__input button {
  background: transparent;
  border: none;
  color: var(--tg-theme-primary);
  font-size: 18px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.search__close {
  position: absolute;
  right: 2%;
  top: 10%;
  z-index: 2;
}

.search-close-btn {
  background: transparent;
  border: none;
  color: var(--tg-theme-primary);
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.search-popup-overlay {
  background: #000d25;
  height: 100%;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
  visibility: hidden;
  width: 100%;
  z-index: 4;
}

.search-popup-overlay.search-popup-overlay-open {
  opacity: 0.55;
  transition-delay: 0s;
  visibility: visible;
}

.search-input-field ~ .search-focus-border {
  background-color: var(--tg-theme-primary);
  bottom: 0;
  height: 1px;
  left: auto;
  position: absolute;
  right: 0;
  transition: all 0.5s;
  width: 0;
}

.search-input-field:focus ~ .search-focus-border {
  left: 0;
  right: auto;
  transition: all 0.5s;
  width: 100%;
}

.breadcrumb__bg {
  background-position: 50%;
  background-size: cover;
  padding: 105px 0 110px;
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .breadcrumb__bg {
    padding: 85px 0 90px;
  }
}
.breadcrumb__content .title {
  font-size: 48px;
  margin-bottom: 10px;
}

@media (max-width: 991.98px) {
  .breadcrumb__content .title {
    font-size: 42px;
  }
}
@media (max-width: 767.98px) {
  .breadcrumb__content .title {
    font-size: 40px;
  }
}
.breadcrumb__content .breadcrumb {
  margin-bottom: 0;
}

.breadcrumb__content .breadcrumb-item {
  color: var(--tg-theme-primary);
  font-size: 16px;
}

.breadcrumb__content .breadcrumb-item a {
  color: var(--tg-body-color);
}

.breadcrumb__content .breadcrumb-item a:hover {
  color: var(--tg-theme-primary);
}

.breadcrumb__shape img {
  position: absolute;
  z-index: -1;
}

.breadcrumb__shape img:first-child {
  left: 2%;
  top: 14%;
}

@media (max-width: 767.98px) {
  .breadcrumb__shape img:first-child {
    left: 10%;
  }
}
.breadcrumb__shape img:nth-child(2) {
  animation: rightToLeft 4s linear infinite;
  bottom: 20%;
  left: 8%;
}

@media (max-width: 767.98px) {
  .breadcrumb__shape img:nth-child(2) {
    left: 40%;
  }
}
.breadcrumb__shape img:nth-child(3) {
  bottom: 0;
  left: 23%;
}

.breadcrumb__shape img:nth-child(4) {
  right: 42%;
  top: 0;
}

@media (max-width: 767.98px) {
  .breadcrumb__shape img:nth-child(4) {
    display: none;
  }
}
.breadcrumb__shape img:nth-child(5) {
  right: 25%;
  top: 15%;
}

@media (max-width: 767.98px) {
  .breadcrumb__shape img:nth-child(5) {
    display: none;
  }
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 10px;
}

.breadcrumb-item + .breadcrumb-item:before {
  color: var(--tg-body-color);
  content: "\f054";
  font-family: var(--tg-icon-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 6px;
  padding-right: 10px;
}

.scroll__top {
  background: var(--tg-theme-primary);
  border: none;
  border-radius: 4px;
  bottom: -10%;
  color: var(--tg-color-white-default);
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  right: 50px;
  text-align: center;
  transition: 1s ease;
  width: 40px;
  z-index: 5;
}

@media (max-width: 1199.98px) {
  .scroll__top {
    bottom: 25px;
    right: 25px;
  }
}
@media (max-width: 991.98px) {
  .scroll__top {
    right: 30px;
  }
}
@media (max-width: 767.98px) {
  .scroll__top {
    height: 30px;
    line-height: 30px;
    right: 15px;
    text-align: center;
    width: 30px;
  }
}
.scroll__top.open {
  bottom: 30px;
}

@media (max-width: 767.98px) {
  .scroll__top.open {
    bottom: 15px;
  }
}
.scroll__top:after {
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0, transparent 80%);
  content: "";
  height: 10px;
  left: 5%;
  opacity: 1;
  position: absolute;
  top: 100%;
  width: 90%;
  z-index: -1;
}

.scroll__top:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.section-title .sub-title {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.section-title .title {
  font-size: 40px;
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  .section-title .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .section-title .title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title .title {
    font-size: 34px;
  }
}
@media (max-width: 991.98px) {
  .section-title .title br {
    display: none;
  }
}
.section-title p {
  margin-bottom: 0;
  margin-top: 20px;
}

@media (max-width: 767.98px) {
  .section-title p br {
    display: none;
  }
}
.section-title.white-title .title {
  color: var(--tg-color-white-default);
}

.transparent-header {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}

.tg-header__top {
  background: var(--tg-color-dark-blue);
  padding: 12px 0;
}

@media (max-width: 767.98px) {
  .tg-header__top {
    display: none;
  }
}
.tg-header__top-info {
  align-items: center;
  display: flex;
  gap: 25px;
}

@media (max-width: 1199.98px) {
  .tg-header__top-info {
    gap: 15px;
  }
}
@media (max-width: 991.98px) {
  .tg-header__top-info {
    justify-content: center;
    margin-bottom: 10px;
  }
}
.tg-header__top-info li {
  align-items: center;
  color: var(--tg-color-gray-1);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
}

.tg-header__top-info li i {
  color: var(--tg-color-gray-2);
  font-size: 18px;
  line-height: 0;
}

.tg-header__top-info li a {
  color: var(--tg-color-gray-1);
}

.tg-header__top-info li a:hover {
  color: var(--tg-theme-primary);
}

.tg-header__top-info-three li {
  color: var(--tg-body-color);
}

.tg-header__top-info-three li i {
  color: var(--tg-color-gray-4);
}

.tg-header__top-info-three li a {
  color: var(--tg-body-color);
}

.tg-header__top-info-three li a:hover {
  color: var(--tg-theme-primary);
}

.tg-header__top-right {
  align-items: center;
  display: flex;
  gap: 25px;
  justify-content: flex-end;
}

@media (max-width: 1199.98px) {
  .tg-header__top-right {
    gap: 15px;
  }
}
@media (max-width: 991.98px) {
  .tg-header__top-right {
    justify-content: center;
  }
}
.tg-header__top-right li {
  align-items: center;
  color: var(--tg-color-gray-1);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
}

.tg-header__top-right li i {
  color: var(--tg-color-gray-2);
  font-size: 18px;
  line-height: 0;
}

.tg-header__top-right li a {
  color: var(--tg-color-gray-1);
}

.tg-header__top-right li a:hover {
  color: var(--tg-theme-primary);
}

.tg-header__top-right-three li {
  color: var(--tg-body-color);
}

.tg-header__top-right-three li i {
  color: var(--tg-color-gray-4);
}

.tg-header__top-right-three li a {
  color: var(--tg-body-color);
}

.tg-header__top-right-three li a:hover {
  color: var(--tg-theme-primary);
}

.tg-header__top-two {
  background: transparent;
  border-bottom: 1px solid var(--tg-color-gray-5);
  padding: 15px 30px;
}

@media (max-width: 1199.98px) {
  .tg-header__top-two {
    padding: 15px 20px;
  }
}
.tg-header__top-two .list-wrap li {
  color: var(--tg-body-color);
  font-size: 15px;
  font-weight: 400;
}

.tg-header__top-two .list-wrap li i {
  color: var(--tg-color-gray-4);
  font-size: 20px;
  line-height: 0;
}

@media (max-width: 1199.98px) {
  .tg-header__top-two .list-wrap li i {
    font-size: 18px;
  }
}
.tg-header__top-two .list-wrap li a {
  color: var(--tg-body-color);
}

.tg-header__top-two .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.tg-header__top-three {
  background: transparent;
  padding: 20px 0;
}

.tg-header__inner-wrap {
  align-items: center;
  display: flex;
}

.tg-header__logo-wrap {
  flex: 0 0 auto;
  text-align: center;
  width: 12.5%;
}

@media (max-width: 1199.98px) {
  .tg-header__logo-wrap {
    display: none;
  }
}
.tg-header__right-side {
  border-left: 1px solid var(--tg-color-gray-5);
  flex-grow: 1;
}

.tg-header__area {
  background: hsla(0, 0%, 100%, 0.3);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 991.98px) {
  .tg-header__area {
    padding: 25px 0;
  }
}
.tg-header__area-two {
  padding: 0 30px;
}

@media (max-width: 1199.98px) {
  .tg-header__area-two {
    padding: 0 20px;
  }
}
@media (max-width: 991.98px) {
  .tg-header__area-two {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  .tg-header__area-two {
    padding: 20px 15px;
  }
}
@media (max-width: 1199.98px) {
  .tg-header__area-two .logo.d-none {
    align-items: center;
    display: flex !important;
  }
}
.tg-header__area-two .tgmenu__nav {
  align-items: normal;
}

@media (max-width: 991.98px) {
  .tg-header__area-two .tgmenu__nav {
    align-items: center;
  }
}
.tg-header__area-two .tgmenu__navbar-wrap ul {
  margin: 0;
}

@media (max-width: 1199.98px) {
  .tg-header__area-two .tgmenu__navbar-wrap ul {
    margin: 0 0 0 auto;
  }
}
.tg-header__area-two .tgmenu__navbar-wrap ul li a {
  padding: 37px 0;
}

.tg-header__area-two.sticky-menu .logo.d-none {
  align-items: center;
  display: flex !important;
  margin-inline-end: 100px;
}

@media (max-width: 1199.98px) {
  .tg-header__area-two.sticky-menu .logo.d-none {
    margin-inline-end: 0;
  }
}
.tg-header__area-three {
  background: transparent;
  box-shadow: none;
}

.tg-header__area-three .tgmenu__navbar-wrap ul {
  margin: 0 auto;
}

.tg-header__area-four {
  background: transparent;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .tg-header__area-four {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .tg-header__area-four {
    background: var(--tg-color-white-default);
    -ms-box-shadow: 0 5px 10px 0 #eef4f6;
    -o-box-shadow: 0 5px 10px 0 #eef4f6;
    box-shadow: 0 5px 10px 0 #eef4f6;
    padding: 20px 0;
  }
}
.tg-header__area-four.sticky-menu .tgmenu__wrap {
  border: none;
  border-radius: 0;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.tg-header__area-four .tgmenu__wrap {
  background: var(--tg-color-white-default);
  border: 1px solid #d7e4ea;
  border-radius: 10px;
  -ms-box-shadow: 0 5px 10px 0 #eef4f6;
  -o-box-shadow: 0 5px 10px 0 #eef4f6;
  box-shadow: 0 5px 10px 0 #eef4f6;
  padding: 0 20px;
}

@media (max-width: 991.98px) {
  .tg-header__area-four .tgmenu__wrap {
    padding: 15px 20px;
  }
}
@media (max-width: 767.98px) {
  .tg-header__area-four .tgmenu__wrap {
    border: none;
    border-radius: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
}
.tg-header__area-four .tgmenu__navbar-wrap ul {
  margin: 0 auto;
}

.tg-header__area-four .tgmenu__navbar-wrap ul li a {
  padding: 26px 0;
}

.tg-header__area-five {
  background: transparent;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.tg-header__area-five .tgmenu__navbar-wrap ul {
  margin: 0 auto;
}

.tg-header__area .mobile-nav-toggler {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  color: var(--tg-theme-secondary);
  cursor: pointer;
  display: none;
  float: right;
  font-size: 18px;
  height: 50px;
  justify-content: center;
  line-height: 1;
  position: relative;
  width: 50px;
}

@media (max-width: 991.98px) {
  .tg-header__area .mobile-nav-toggler {
    display: flex;
  }
}
.tg-header__area .mobile-nav-toggler svg {
  width: 18px;
}

.tgmenu__nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media (max-width: 991.98px) {
  .tgmenu__nav {
    justify-content: space-between;
  }
}
.tgmenu__nav .logo img {
  max-height: 34px;
}

.tgmenu__navbar-wrap {
  display: flex;
  flex-grow: 1;
}

.tgmenu__navbar-wrap > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 0 125px;
  padding: 0;
}

@media (max-width: 1199.98px) {
  .tgmenu__navbar-wrap > ul {
    margin: 0 0 0 100px;
  }
}
.tgmenu__navbar-wrap > ul > li {
  display: block;
  list-style: none;
  margin-inline-end: 30px;
  position: relative;
}

.tgmenu__navbar-wrap > ul > li:last-child {
  margin-inline-end: 0;
}

.tgmenu__navbar-wrap > ul > li a {
  color: var(--tg-color-dark-blue);
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 42px 0;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.tgmenu__navbar-wrap > ul > li .sub-menu {
  background: var(--tg-color-white-default);
  border: 1px solid #f5f5f5;
  border-radius: 6px;
  box-shadow: 0 30px 70px 0 hsla(216, 2%, 55%, 0.15);
  display: block;
  left: 0;
  margin: 0;
  min-width: 230px;
  opacity: 0;
  padding: 18px 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  z-index: 9;
}

.tgmenu__navbar-wrap > ul > li .sub-menu .sub-menu {
  left: 100%;
  right: auto;
  top: 0;
}

.tgmenu__navbar-wrap > ul > li .sub-menu > li {
  display: block;
  margin-inline-start: 0;
  text-align: left;
}

.tgmenu__navbar-wrap > ul > li .sub-menu > li a {
  color: var(--tg-heading-color);
  display: block;
  line-height: 1.4;
  padding: 8px 15px 8px 25px;
  text-transform: capitalize;
}

.tgmenu__navbar-wrap > ul > li .sub-menu > li.active > a, .tgmenu__navbar-wrap > ul > li .sub-menu > li:hover > a {
  color: var(--tg-theme-primary);
}

.tgmenu__navbar-wrap > ul > li .sub-menu > li:hover > a {
  transform: translateX(8px);
}

.tgmenu__navbar-wrap > ul > li:hover > .sub-menu {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {
  color: var(--tg-theme-primary);
}

.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
  display: none;
}

.tgmenu__main-menu li.menu-item-has-children > a:after {
  color: var(--tg-color-dark-blue);
  content: "\f107";
  font-family: var(--tg-icon-font-family);
  font-weight: 700;
  margin-inline-start: 8px;
  transition: all 0.3s ease-out 0s;
}

.tgmenu__main-menu li.menu-item-has-children.active > a:after, .tgmenu__main-menu li.menu-item-has-children:hover > a:after, .tgmenu__main-menu li.menu-item-has-children > a:hover {
  color: var(--tg-theme-primary);
}

@media (max-width: 991.98px) {
  .tgmenu__action {
    margin-inline-end: 40px;
    margin-inline-start: auto;
  }
}
.tgmenu__action ul {
  align-items: center;
  display: flex;
  margin-inline-start: 10px;
}

.tgmenu__action ul li {
  margin-inline-start: 30px;
  position: relative;
}

.tgmenu__action ul li a {
  color: var(--tg-theme-secondary);
  font-size: 14px;
}

.tgmenu__action ul li:first-child {
  margin-inline-start: 0;
}

.tgmenu__action ul .header-search a {
  color: var(--tg-theme-secondary);
  font-size: 20px;
  line-height: 0;
}

.tgmenu__action ul .header-search a svg {
  width: 20px;
}

.tgmenu__action ul .header-search a:hover {
  color: var(--tg-theme-primary);
}

@media (max-width: 991.98px) {
  .tgmenu__action ul .offCanvas-menu {
    display: none;
  }
}
.tgmenu__action ul .offCanvas-menu .menu-tigger {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  font-size: 18px;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.tgmenu__action ul .offCanvas-menu .menu-tigger svg {
  height: 18px;
  width: 18px;
}

.tgmenu__action ul .offCanvas-menu .menu-tigger:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

@media (max-width: 1199.98px) {
  .tgmenu__action ul .header-btn {
    display: none;
  }
}
.tgmenu__action ul .header-btn .btn {
  color: var(--tg-color-white-default);
  font-size: 14px;
}

.tgmenu__action ul .header-btn .btn:after {
  display: none;
}

.tgmenu__action-two > .list-wrap {
  align-items: normal;
  height: 100%;
}

@media (max-width: 1199.98px) {
  .tgmenu__action-two > .list-wrap {
    margin-inline-start: 40px;
  }
}
.tgmenu__action-two > .list-wrap li {
  margin-inline-start: 0;
}

.tgmenu__action-two > .list-wrap li.header-search a {
  align-items: center;
  border: 1px solid var(--tg-color-gray-5);
  border-bottom: none;
  border-top: none;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 85px;
}

@media (max-width: 991.98px) {
  .tgmenu__action-two > .list-wrap li.header-search a {
    border: none;
    height: auto;
    width: auto;
  }
}
.tgmenu__action-two > .list-wrap li.offCanvas-menu .menu-tigger {
  align-items: center;
  background: transparent;
  border: 1px solid var(--tg-color-gray-5);
  border-bottom: none;
  border-radius: 0;
  border-top: none;
  box-shadow: none;
  display: flex;
  font-size: 24px;
  height: 100%;
  justify-content: center;
  line-height: 0;
  margin-inline-start: -1px;
  width: 85px;
}

.tgmenu__action-two > .list-wrap li.offCanvas-menu .menu-tigger:hover {
  background: transparent;
  color: var(--tg-theme-primary);
}

.tgmenu__action-two > .list-wrap li.header-btn {
  align-items: center;
  display: flex;
}

@media (max-width: 1199.98px) {
  .tgmenu__action-two > .list-wrap li.header-btn {
    display: none;
  }
}
.tgmenu__action-two > .list-wrap li.header-btn .btn {
  border-radius: 30px;
  gap: 8px;
}

.tgmenu__action-two > .list-wrap li:last-child {
  margin-inline-start: 25px;
}

.tgmenu__action-three > .list-wrap li {
  margin-inline-start: 20px;
}

.tgmenu__action-three > .list-wrap li.offCanvas-menu .menu-tigger {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  display: block;
  height: auto;
  line-height: 0;
  width: auto;
}

.tgmenu__action-three > .list-wrap li.offCanvas-menu .menu-tigger svg {
  height: 22px;
  width: 22px;
}

.tgmenu__action-three > .list-wrap li.offCanvas-menu .menu-tigger:hover {
  color: var(--tg-theme-primary);
}

.tgmenu__action-four .list-wrap li {
  margin-inline-start: 20px;
}

.tgmenu__action-four .list-wrap li.header-btn .btn {
  padding: 13px 22px;
}

.tgmenu__action-four .list-wrap li.offCanvas-menu {
  margin-inline-start: 40px;
  position: relative;
}

.tgmenu__action-four .list-wrap li.offCanvas-menu .menu-tigger {
  background: transparent;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  height: auto;
  width: auto;
}

.tgmenu__action-four .list-wrap li.offCanvas-menu .menu-tigger:hover {
  color: var(--tg-theme-primary);
}

.tgmenu__action-four .list-wrap li.offCanvas-menu:before {
  background: #d7e4ea;
  content: "";
  height: 40px;
  left: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.tgmenu__action-five .list-wrap li {
  margin-inline-start: 10px;
}

.tgmenu__action-five .list-wrap li.header-btn .btn {
  padding: 13px 24px;
}

.tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn {
  border-color: var(--tg-color-gray-2);
  color: var(--tg-body-color);
  padding: 12px 21px;
}

.tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn:after {
  display: none;
}

.tgmenu__action-five .list-wrap li.header-btn-two .btn.border-btn:hover {
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.sticky-menu {
  animation: fadeInDown 1s ease-in-out 0s 1 normal none running;
  background: var(--tg-color-white-default);
  border-radius: 0;
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.sticky-menu ul li .sub-menu {
  border-radius: 0 0 6px 6px;
}

#header-fixed-height.active-height {
  display: block;
  height: 90px;
}

.tgmobile__search {
  padding: 0 20px 25px 25px;
}

.tgmobile__search form {
  position: relative;
}

.tgmobile__search input {
  background: var(--tg-color-gray-3);
  border: none;
  border-radius: 4px;
  display: block;
  font-size: 15px;
  height: 45px;
  padding: 10px 45px 10px 20px;
  width: 100%;
}

.tgmobile__search input::-moz-placeholder {
  color: var(--tg-body-color);
  font-size: 15px;
}

.tgmobile__search input::placeholder {
  color: var(--tg-body-color);
  font-size: 15px;
}

.tgmobile__search button {
  background: transparent;
  border: none;
  color: var(--tg-heading-color);
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.tgmobile__menu {
  border-radius: 0;
  height: 100%;
  max-width: 100%;
  padding-right: 30px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(101%);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 300px;
  z-index: 99;
}

.tgmobile__menu .navbar-collapse {
  display: block !important;
}

.tgmobile__menu .nav-logo {
  padding: 30px 25px;
  position: relative;
  text-align: left;
}

.tgmobile__menu .nav-logo img {
  max-height: 34px;
}

.tgmobile__menu .navigation {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.tgmobile__menu .navigation li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
}

.tgmobile__menu .navigation li.active > a {
  color: var(--tg-theme-primary);
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
  background: var(--tg-color-gray-3);
  border-radius: 2px;
  color: var(--tg-heading-color);
  cursor: pointer;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 6px;
  transition: all 0.5s ease;
  width: 32px;
  z-index: 5;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
  background-color: var(--tg-color-black-1);
  border-radius: 10px;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
  transition: all 0.5s ease;
  width: 12px;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line:after {
  background-color: var(--tg-color-black-1);
  border-radius: 10px;
  content: "";
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
  transition: all 0.5s ease;
  width: 2px;
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
  background-color: var(--tg-theme-primary);
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {
  background-color: var(--tg-color-white-default);
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line:after {
  display: none;
}

.tgmobile__menu .navigation li > a {
  border: none;
  color: var(--tg-heading-color);
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 10px 60px 10px 25px;
  position: relative;
  text-transform: capitalize;
  transition: all 0.5s ease;
}

.tgmobile__menu .navigation li > a:before {
  background: var(--tg-theme-primary);
  content: "";
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 2px;
}

.tgmobile__menu .navigation li ul li > a {
  margin-inline-start: 20px;
}

.tgmobile__menu .navigation li ul li ul li a {
  margin-inline-start: 40px;
}

.tgmobile__menu .navigation li ul li ul li ul li a {
  margin-inline-start: 60px;
}

.tgmobile__menu .navigation li > ul, .tgmobile__menu .navigation li > ul > li > ul {
  display: none;
}

.tgmobile__menu .navigation ul {
  margin: 0;
  padding: 0;
}

.tgmobile__menu .navigation ul li a {
  display: block;
}

.tgmobile__menu .navigation ul li ul li > a {
  font-size: 16px;
  margin-inline-start: 20px;
  text-transform: capitalize;
}

.tgmobile__menu .navigation:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tgmobile__menu .navigation > li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tgmobile__menu .navigation > li.active > a:before {
  height: 100%;
}

.tgmobile__menu .close-btn {
  color: var(--tg-theme-primary);
  cursor: pointer;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 28px;
  transition: all 0.5s ease;
  width: 35px;
  z-index: 10;
}

.tgmobile__menu .close-btn i[class^=flaticon-]:before {
  font-weight: var(--tg-fw-bold) !important;
}

.tgmobile__menu-backdrop {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  visibility: hidden;
  width: 100%;
  z-index: 2;
}

.tgmobile__menu .tgmenu__action {
  margin: 0;
  padding: 0;
}

.tgmobile__menu .tgmenu__action > ul {
  gap: 0 15px;
  justify-content: center;
  margin: 0;
  padding: 30px 20px 0;
}

.tgmobile__menu .tgmenu__action > ul li {
  margin: 0;
}

.tgmobile__menu .tgmenu__action > ul .header-btn {
  display: block;
}

.tgmobile__menu-box {
  background: var(--tg-color-white-default);
  box-shadow: -9px 0 14px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

.tgmobile__menu-bottom {
  margin-top: auto;
  padding: 30px 25px 25px;
}

.tgmobile__menu-bottom .contact-info .list-wrap li a {
  color: var(--tg-theme-secondary);
  display: inline-block;
  font-weight: 500;
  margin-bottom: 5px;
}

.tgmobile__menu-bottom .contact-info .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.tgmobile__menu-bottom .social-links ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 15px 0 0;
  position: relative;
  text-align: center;
}

.tgmobile__menu-bottom .social-links ul li {
  display: inline-block;
  position: relative;
}

.tgmobile__menu-bottom .social-links ul li a {
  align-items: center;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 18px;
  justify-content: center;
  position: relative;
  transition: all 0.5s ease;
}

.tgmobile__menu-bottom .social-links ul li a:hover {
  color: var(--tg-theme-primary);
}

.tgmobile__menu-outer .mobile-nav-toggler {
  color: var(--tg-color-white-default);
  cursor: pointer;
  display: none;
  float: right;
  font-size: 40px;
  line-height: 50px;
  margin-inline-end: 30px;
  position: relative;
  top: 15px;
}

@media (max-width: 991.98px) {
  .tgmobile__menu-outer .mobile-nav-toggler {
    display: block !important;
  }
}
.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .tgmobile__menu {
  transform: translateX(0);
}

.mobile-menu-visible .tgmobile__menu-backdrop {
  opacity: 1;
  visibility: visible;
}

.mobile-menu-visible .tgmobile__menu .close-btn {
  transform: rotate(1turn);
}

.banner-bg {
  align-items: center;
  background-position: 50%;
  background-size: cover;
  display: flex;
  min-height: 870px;
  overflow: hidden;
  padding: 200px 0 100px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1500px) {
  .banner-bg {
    min-height: 680px;
  }
}
@media (max-width: 767.98px) {
  .banner-bg {
    min-height: 640px;
    padding: 170px 0 80px;
  }
}
.banner__bg-two {
  align-items: center;
  background-position: 50%;
  background-size: cover;
  display: flex;
  min-height: 820px;
  padding: 200px 0 100px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1500px) {
  .banner__bg-two {
    min-height: 660px;
  }
}
@media (max-width: 991.98px) {
  .banner__bg-two {
    min-height: 600px;
    padding: 150px 0 100px;
  }
}
@media (max-width: 767.98px) {
  .banner__bg-two {
    min-height: 580px;
    padding: 120px 0 90px;
  }
}
.banner__bg-three {
  background-position: 50%;
  background-size: cover;
  min-height: 780px;
  overflow: hidden;
  padding: 185px 0 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 1500px) {
  .banner__bg-three {
    min-height: 700px;
    padding: 160px 0 0;
  }
}
@media (max-width: 991.98px) {
  .banner__bg-three {
    padding: 230px 0 0;
  }
}
@media (max-width: 767.98px) {
  .banner__bg-three {
    padding: 150px 0 0;
  }
}
.banner__bg-four {
  background-position: 50%;
  background-size: cover;
  padding: 170px 0 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 1500px) {
  .banner__bg-four {
    padding: 110px 0 0;
  }
}
@media (max-width: 991.98px) {
  .banner__bg-four {
    padding: 140px 0 0;
  }
}
@media (max-width: 767.98px) {
  .banner__bg-four {
    padding: 110px 0 0;
  }
}
@media (max-width: 991.98px) {
  .banner-content {
    margin-bottom: -45px;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .banner-content {
    margin-bottom: 0;
  }
}
.banner-content .sub-title {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.75px;
  line-height: 1;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.banner-content .title {
  font-size: 34px;
  line-height: 1.1;
  margin-bottom: 20px;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .banner-content .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .banner-content .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-content .title {
    font-size: 32px;
  }
}
.banner-content p {
  color: #383952;
  margin-bottom: 30px;
  text-transform: capitalize;
  width: 90%;
}

@media (max-width: 1199.98px) {
  .banner-content p {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .banner__content-two {
    text-align: center;
  }
}
.banner__content-two .title {
  font-size: 60px;
  line-height: 1.1;
  margin-bottom: 15px;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .banner__content-two .title {
    font-size: 52px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-two .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-two .title {
    font-size: 45px;
  }
}
.banner__content-two .title span {
  color: var(--tg-theme-primary);
}

.banner__content-two p {
  margin-bottom: 30px;
  width: 90%;
}

@media (max-width: 1199.98px) {
  .banner__content-two p {
    width: 100%;
  }
}
.banner__content-three {
  margin-top: 120px;
}

@media (max-width: 991.98px) {
  .banner__content-three {
    margin-bottom: 50px;
    margin-top: 0;
    text-align: center;
  }
}
.banner__content-three .sub-title {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.banner__content-three .title {
  font-size: 50px;
  margin-bottom: 30px;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .banner__content-three .title {
    font-size: 46px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-three .title {
    font-size: 42px;
  }
}
.banner__content-four {
  position: relative;
}

@media (max-width: 991.98px) {
  .banner__content-four {
    margin-bottom: 50px;
    text-align: center;
  }
}
.banner__content-four .title {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: capitalize;
}

@media (max-width: 1500px) {
  .banner__content-four .title {
    font-size: 56px;
  }
}
@media (max-width: 1199.98px) {
  .banner__content-four .title {
    font-size: 47px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-four .title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-four .title {
    font-size: 45px;
  }
}
.banner__content-four .title span {
  display: inline-block;
  position: relative;
}

@media (max-width: 767.98px) {
  .banner__content-four .title span {
    display: inline;
  }
}
.banner__content-four .title span:before {
  background: var(--tg-theme-primary);
  bottom: 10px;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

@media (max-width: 767.98px) {
  .banner__content-four .title span:before {
    display: none;
  }
}
.banner__content-four p {
  margin-bottom: 25px;
}

.banner__content-four .shape img {
  position: absolute;
  right: -6%;
  top: -6%;
}

@media (max-width: 1199.98px) {
  .banner__content-four .shape img {
    right: -8%;
    top: -15%;
  }
}
@media (max-width: 991.98px) {
  .banner__content-four .shape img {
    right: -2%;
    top: -14%;
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .banner__content-four .shape img {
    bottom: 2%;
    right: 3%;
    top: auto;
  }
}
.banner__img img {
  max-width: unset;
}

@media (max-width: 991.98px) {
  .banner__img img {
    max-width: 100%;
  }
}
.banner__img-two {
  position: relative;
}

.banner__img-two > img:first-child {
  margin-inline-start: 50px;
  max-width: unset;
}

@media (max-width: 1199.98px) {
  .banner__img-two > img:first-child {
    margin-inline-start: 0;
    max-width: 100%;
  }
}
.banner__img-two > img:nth-child(2) {
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  -ms-box-shadow: 11px 10px 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 11px 10px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 11px 10px 0 0 rgba(0, 0, 0, 0.1);
  left: 10%;
  position: absolute;
  top: 20%;
}

@media (max-width: 1199.98px) {
  .banner__img-two > img:nth-child(2) {
    left: 2%;
    width: 200px;
  }
}
@media (max-width: 767.98px) {
  .banner__img-two > img:nth-child(2) {
    display: none;
  }
}
.banner__img-two .img__shape img {
  position: absolute;
  z-index: -1;
}

.banner__img-two .img__shape img:first-child {
  animation-duration: 4s;
  left: 37%;
  top: 10%;
}

@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:first-child {
    left: 18%;
    top: 20%;
  }
}
.banner__img-two .img__shape img:nth-child(2) {
  bottom: 13%;
  left: 6%;
}

@media (max-width: 1199.98px) {
  .banner__img-two .img__shape img:nth-child(2) {
    left: 2%;
  }
}
@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:nth-child(2) {
    width: 100px;
  }
}
.banner__img-two .img__shape img:nth-child(3) {
  left: 34%;
  top: -10%;
  z-index: -2;
}

@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:nth-child(3) {
    display: none;
  }
}
.banner__img-two .img__shape img:nth-child(4) {
  right: -22%;
  top: 27%;
}

@media (max-width: 767.98px) {
  .banner__img-two .img__shape img:nth-child(4) {
    display: none;
  }
}
.banner-shape img {
  position: absolute;
  z-index: -1;
}

.banner-shape img:first-child {
  animation: rightToLeft 4s linear infinite;
  left: 35%;
  top: 36%;
}

@media (max-width: 1500px) {
  .banner-shape img:first-child {
    left: 32%;
    top: 31%;
  }
}
@media (max-width: 767.98px) {
  .banner-shape img:first-child {
    left: 32%;
    top: 20%;
  }
}
.banner-shape img:nth-child(2) {
  bottom: -8%;
  left: 6%;
}

.banner__shape-two img {
  animation: heartbeat 4s infinite alternate;
  left: 5%;
  position: absolute;
  top: 12%;
  z-index: -1;
}

@media (max-width: 1500px) {
  .banner__shape-two img {
    left: 1%;
    top: 4%;
  }
}
.banner-social {
  align-items: center;
  display: flex;
  gap: 45px;
  left: 3%;
  position: absolute;
  top: 39%;
  writing-mode: vertical-rl;
}

@media (max-width: 1500px) {
  .banner-social {
    left: 0;
    top: 35%;
  }
}
@media (max-width: 1199.98px) {
  .banner-social {
    display: none;
  }
}
.banner-social .title {
  color: var(--tg-body-color);
  font-size: 15px;
  letter-spacing: 1.5px;
  margin-bottom: 0;
  position: relative;
  text-transform: uppercase;
  transform: rotate(180deg);
}

.banner-social .title:before {
  background: var(--tg-body-color);
  content: "";
  height: 20px;
  left: 50%;
  position: absolute;
  top: -31px;
  transform: translateX(-50%);
  width: 2px;
}

.banner-social .list-wrap {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 17px;
}

.banner-social .list-wrap li a {
  color: var(--tg-heading-color);
  display: block;
  transform: rotate(-90deg);
}

.banner-social .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.banner-social-two {
  left: auto;
  right: 2%;
  top: 36%;
}

@media (max-width: 1500px) {
  .banner-social-two {
    right: 1%;
  }
}
.banner-social-three {
  top: 37%;
}

.banner-scroll {
  bottom: 10%;
  position: absolute;
  right: 4%;
}

@media (max-width: 1500px) {
  .banner-scroll {
    bottom: 7%;
    right: 3%;
  }
}
@media (max-width: 991.98px) {
  .banner-scroll {
    display: none;
  }
}
.banner-scroll a {
  align-items: center;
  color: var(--tg-heading-color);
  display: flex;
  flex-direction: row-reverse;
  font-family: var(--tg-heading-font-family);
  font-size: 15px;
  font-weight: 700;
  gap: 10px;
  transform: rotate(180deg);
  writing-mode: vertical-lr;
}

.banner-scroll a span {
  align-items: center;
  border: 1px solid var(--tg-heading-color);
  border-radius: 50%;
  display: flex;
  font-size: 14px;
  height: 28px;
  justify-content: center;
  transform: rotate(-90deg);
  transition: all 0.3s ease-out 0s;
  width: 28px;
}

.banner-scroll a:hover {
  color: var(--tg-theme-primary);
}

.banner-scroll a:hover span {
  border-color: var(--tg-theme-primary);
}

.slider__area {
  overflow: hidden;
}

.slider__single {
  align-items: center;
  background-color: var(--tg-color-white-default);
  display: flex;
  min-height: 670px;
  padding: 100px 0;
  position: relative;
}

@media (max-width: 1500px) {
  .slider__single {
    min-height: 570px;
  }
}
@media (max-width: 991.98px) {
  .slider__single {
    min-height: 500px;
  }
}
.slider__single:before {
  background: #050628;
  left: 0;
  opacity: 0.7;
  width: 100%;
}

.slider__single:after, .slider__single:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.slider__single:after {
  background: #1d1e34;
  filter: blur(200px);
  left: -10%;
  opacity: 0.9;
  width: 70%;
}

.slider__bg {
  background-position: 50%;
  background-size: cover;
  height: 100%;
  left: 0;
  mix-blend-mode: luminosity;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.slider__content {
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .slider__content {
    text-align: center;
  }
}
.slider__content .sub-title {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 30px;
  color: var(--tg-color-white-default);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15px;
  padding: 7px 25px;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  .slider__content .sub-title {
    padding: 7px 15px;
  }
}
.slider__content .title {
  color: var(--tg-color-white-default);
  font-size: 60px;
  font-weight: 600;
  letter-spacing: -0.3px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .slider__content .title {
    font-size: 45px;
  }
}
@media (max-width: 767.98px) {
  .slider__content .title {
    font-size: 42px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content .title {
    font-size: 45px;
  }
}
.slider__content p {
  color: var(--tg-color-white-default);
  margin-bottom: 30px;
  width: 90%;
}

@media (max-width: 1199.98px) {
  .slider__content p {
    width: 100%;
  }
}
.slider__shape img {
  position: absolute;
}

.slider__shape img:first-child {
  left: 0;
  top: 0;
}

@media (max-width: 991.98px) {
  .slider__shape img:first-child {
    width: 200px;
  }
}
.slider__shape img:nth-child(2) {
  bottom: 0;
  right: 0;
}

.slider__single.swiper-slide-active .slider__content .sub-title {
  animation-delay: 0.3s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}

.slider__single.swiper-slide-active .slider__content .title {
  animation-delay: 0.6s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}

.slider__single.swiper-slide-active .slider__content p {
  animation-delay: 0.9s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}

.slider__single.swiper-slide-active .slider__content .btn {
  animation-delay: 1.2s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}

.slider__single.swiper-slide-active .slider__shape img:first-child {
  animation-delay: 1.4s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInLeft2;
}

.slider__single.swiper-slide-active .slider__shape img:nth-child(2) {
  animation-delay: 1.4s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}

.brand-area {
  border-bottom: 1px solid #e6e7f3;
  padding: 56px 0;
}

.brand__area-two {
  padding: 90px 0;
}

@media (max-width: 767.98px) {
  .brand__area-two {
    padding: 70px 0;
  }
}
.brand__area-four {
  border-top: 1px solid #e6e7f3;
  padding: 76px 0;
}

.brand__area-five {
  background: var(--tg-color-gray-3);
  padding: 90px 0;
}

.brand__area-six {
  background: var(--tg-color-gray-6);
  padding: 77px 0;
}

.brand__area-seven {
  border-bottom: none;
  padding: 0 0 120px;
}

@media (max-width: 767.98px) {
  .brand__area-seven {
    padding: 0 0 100px;
  }
}
.brand__area-eight {
  background: var(--tg-heading-color);
  padding: 55px 0;
}

.brand-item {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 46px;
}

.brand-item img {
  cursor: pointer;
}

.brand__content {
  margin-bottom: 50px;
  text-align: center;
}

.brand__content .title {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 0;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .brand__content .title {
    font-size: 32px;
  }
}
.brand__content .title span {
  display: block;
  font-size: 30px;
  font-weight: 500;
  margin-top: 10px;
}

@media (max-width: 767.98px) {
  .brand__content .title span {
    font-size: 26px;
  }
}
.about-area {
  position: relative;
}

@media (max-width: 767.98px) {
  .about-area {
    padding: 100px 0;
  }
}
.about__bg {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .about__bg {
    padding: 100px 0;
  }
}
.about__bg-two {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .about__bg-two {
    padding: 100px 0;
  }
}
.about__area-four {
  padding: 120px 0;
}

@media (max-width: 991.98px) {
  .about__area-four {
    padding: 100px 0;
  }
}
.about__area-five {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .about__area-five {
    padding: 100px 0;
  }
}
.about__area-six {
  padding: 120px 0;
  position: relative;
}

@media (max-width: 767.98px) {
  .about__area-six {
    padding: 100px 0;
  }
}
.about__area-seven {
  padding: 120px 0;
  position: relative;
}

@media (max-width: 767.98px) {
  .about__area-seven {
    padding: 100px 0;
  }
}
.about__area-eight {
  padding: 0 0 120px;
  position: relative;
}

@media (max-width: 767.98px) {
  .about__area-eight {
    padding: 0 0 100px;
  }
}
.about-img-wrap {
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .about-img-wrap {
    margin-bottom: 50px;
  }
}
.about-img-wrap .mask-img-wrap {
  height: 472px;
  margin: 0 auto;
  -webkit-mask-image: url(../images/mask-img.png);
  mask-image: url(../images/mask-img.png);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 417px;
}

@media (max-width: 1199.98px) {
  .about-img-wrap .mask-img-wrap {
    height: 414px;
    width: 360px;
  }
}
@media (max-width: 767.98px) {
  .about-img-wrap .mask-img-wrap {
    height: 370px;
    width: 320px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-img-wrap .mask-img-wrap {
    height: 442px;
    width: 385px;
  }
}
.about-img-wrap .mask-img-wrap img {
  height: 100%;
  max-width: unset;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.about-img-wrap .shape img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media (max-width: 767.98px) {
  .about-img-wrap .shape img {
    display: none;
  }
}
.about__img-wrap-two {
  padding: 30px 0;
  position: relative;
  text-align: center;
}

@media (max-width: 991.98px) {
  .about__img-wrap-two {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-two {
    padding: 30px 15px 30px 0;
  }
}
.about__img-wrap-two > img {
  border-left: 4px solid var(--tg-theme-secondary);
  border-radius: 10px;
}

.about__img-wrap-two .shape img {
  bottom: -3%;
  left: 8%;
  position: absolute;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .about__img-wrap-two .shape img {
    left: -2%;
  }
}
.about__img-wrap-two:before {
  background: var(--tg-theme-primary);
  border-radius: 10px;
  content: "";
  height: 100%;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 135px;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .about__img-wrap-two:before {
    right: 0;
  }
}
.about__img-wrap-three {
  position: relative;
}

@media (max-width: 991.98px) {
  .about__img-wrap-three {
    margin-bottom: 50px;
  }
}
.about__img-wrap-three > img:first-child {
  border-radius: 10px 185px 10px 10px;
}

@media (max-width: 767.98px) {
  .about__img-wrap-three > img:first-child {
    border-radius: 10px 80px 10px 10px;
  }
}
.about__img-wrap-three > img:nth-child(2) {
  border-radius: 10px;
  bottom: 18%;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  left: -10%;
  position: absolute;
}

@media (max-width: 767.98px) {
  .about__img-wrap-three > img:nth-child(2) {
    display: none;
  }
}
.about__img-wrap-three .shape img {
  bottom: 20%;
  left: -20%;
  position: absolute;
  z-index: -1;
}

@media (max-width: 767.98px) {
  .about__img-wrap-three .shape img {
    display: none;
  }
}
.about__img-wrap-four {
  padding-bottom: 125px;
  position: relative;
}

@media (max-width: 991.98px) {
  .about__img-wrap-four {
    margin-bottom: 50px;
  }
}
.about__img-wrap-four > img {
  border-radius: 10px;
}

.about__img-wrap-four > img:nth-child(2) {
  border: 10px solid var(--tg-color-white-default);
  border-radius: 10px;
  bottom: 0;
  position: absolute;
  right: 35px;
}

@media (max-width: 1199.98px) {
  .about__img-wrap-four > img:nth-child(2) {
    right: 0;
    width: 190px;
  }
}
@media (max-width: 991.98px) {
  .about__img-wrap-four > img:nth-child(2) {
    width: 230px;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-four > img:nth-child(2) {
    display: none;
  }
}
.about__img-wrap-four .shape img {
  position: absolute;
  right: 13%;
  top: 31%;
  z-index: -1;
}

@media (max-width: 991.98px) {
  .about__img-wrap-four .shape img {
    right: 6%;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-four .shape img {
    display: none;
  }
}
.about__img-wrap-five {
  margin-bottom: 25px;
  padding-bottom: 75px;
  position: relative;
}

.about__img-wrap-five img {
  border-radius: 10px;
  min-height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
}

.about__img-wrap-six {
  padding-left: 70px;
  position: relative;
}

@media (max-width: 1199.98px) {
  .about__img-wrap-six {
    padding-left: 50px;
    padding-right: 40px;
  }
}
@media (max-width: 991.98px) {
  .about__img-wrap-six {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-six {
    padding: 0;
    text-align: center;
  }
}
.about__img-wrap-six img:first-child {
  border-radius: 15px;
}

.about__img-wrap-six img:nth-child(2) {
  border-radius: 10px;
  bottom: 20%;
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 6%;
}

@media (max-width: 1199.98px) {
  .about__img-wrap-six img:nth-child(2) {
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .about__img-wrap-six img:nth-child(2) {
    display: none;
  }
}
.about__img-wrap-six .shape img {
  border-radius: 0;
  bottom: 0;
  bottom: -10%;
  position: absolute;
  right: 0;
  right: 7%;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .about__img-wrap-six .shape img {
    right: 0;
  }
}
.about__img-wrap-seven {
  position: relative;
  text-align: right;
}

@media (max-width: 1199.98px) {
  .about__img-wrap-seven {
    padding-left: 40px;
  }
}
@media (max-width: 991.98px) {
  .about__img-wrap-seven {
    margin-bottom: 50px;
    padding-left: 0;
  }
}
.about__img-wrap-seven > img {
  border-radius: 20px;
  margin-inline-start: auto;
}

.about__img-wrap-seven .shape img {
  position: absolute;
  right: -5%;
  top: -8%;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .about__img-wrap-seven .shape img {
    right: 0;
  }
}
.about-list .list-wrap {
  align-items: center;
  display: flex;
  gap: 30px 0;
  margin: 0 -15px 25px;
}

@media (max-width: 1199.98px) {
  .about-list .list-wrap {
    flex-wrap: wrap;
    gap: 20px 0;
  }
}
.about-list .list-wrap li {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 15px;
  padding: 0 15px;
  width: 50%;
}

@media (max-width: 1199.98px) {
  .about-list .list-wrap li {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .about-list .list-wrap li {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .about-list .list-wrap li {
    width: 100%;
  }
}
.about-list .list-wrap li .icon {
  align-items: center;
  background: var(--tg-color-yellow-light);
  border-radius: 8px;
  color: var(--tg-theme-primary);
  display: flex;
  flex: 0 0 auto;
  font-size: 40px;
  height: 70px;
  justify-content: center;
  line-height: 0;
  width: 70px;
}

.about-list .list-wrap li .icon i {
  transition: 0.3s linear;
}

.about-list .list-wrap li:hover .icon i {
  transform: rotateY(180deg);
}

.about-list .list-wrap li .content .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.about-list .list-wrap li .content p {
  margin-bottom: 0;
}

.about-content > p {
  line-height: 1.62;
  margin-bottom: 30px;
  width: 93%;
}

@media (max-width: 1199.98px) {
  .about-content > p {
    width: 100%;
  }
}
.about__content-two {
  width: 90%;
}

@media (max-width: 1199.98px) {
  .about__content-two {
    width: 100%;
  }
}
.about__content-two > p {
  margin-bottom: 35px;
}

.about__content-three {
  position: relative;
  width: 95%;
}

@media (max-width: 1199.98px) {
  .about__content-three {
    width: 100%;
  }
}
.about__content-three > p {
  margin-bottom: 30px;
  width: 95%;
}

@media (max-width: 1199.98px) {
  .about__content-three > p {
    width: 100%;
  }
}
.about__content-four {
  width: 94%;
}

@media (max-width: 1199.98px) {
  .about__content-four {
    width: 100%;
  }
}
.about__content-four p {
  margin-bottom: 30px;
}

.about__content-five .section-title .title span {
  font-weight: 400;
}

.about__content-five > p {
  gap: 10px;
  line-height: 1.75;
  margin-bottom: 0;
}

.about__content-five > p span {
  color: var(--tg-heading-color);
  font-family: var(--tg-heading-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 0.8;
}

.about__content-six > p {
  margin-bottom: 25px;
  width: 85%;
}

@media (max-width: 1199.98px) {
  .about__content-six > p {
    width: 100%;
  }
}
.about__content-seven .section-title .title span {
  position: relative;
}

.about__content-seven .section-title .title span:before {
  background: var(--tg-theme-primary);
  bottom: 6px;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  transition: all 0.4s ease-out 0s;
  width: 0;
  z-index: -1;
}

.about__content-seven .section-title .title.animated span:before {
  width: 100%;
}

.about__content-seven > p {
  margin-bottom: 30px;
  width: 90%;
}

@media (max-width: 1199.98px) {
  .about__content-seven > p {
    width: 100%;
  }
}
.about__content-inner {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media (max-width: 767.98px) {
  .about__content-inner {
    flex-wrap: wrap;
  }
}
.about__content-inner-two {
  margin-bottom: 40px;
}

@media (max-width: 1199.98px) {
  .about__content-inner-two {
    gap: 20px;
  }
}
@media (max-width: 991.98px) {
  .about__content-inner-two {
    gap: 30px;
    justify-content: flex-start;
  }
}
.about__content-inner-three {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  margin-bottom: 25px;
}

.about__content-inner-four {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
  .about__content-inner-four {
    flex-wrap: wrap;
  }
}
.about__content-inner-five {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 60px;
}

@media (max-width: 1199.98px) {
  .about__content-inner-five {
    flex-wrap: wrap;
  }
}
.about__list-box .list-wrap li {
  align-items: flex-start;
  color: var(--tg-theme-secondary);
  display: flex;
  font-family: var(--tg-heading-font-family);
  font-size: 20px;
  font-weight: 500;
  gap: 12px;
  margin-bottom: 10px;
}

.about__list-box .list-wrap li i {
  align-items: center;
  background: var(--tg-theme-primary);
  border-radius: 50%;
  color: var(--tg-color-white-default);
  display: flex;
  flex: 0 0 auto;
  font-size: 18px;
  height: 26px;
  justify-content: center;
  line-height: 0;
  transform: translateY(3px);
  width: 26px;
}

.about__list-box .list-wrap li:last-child {
  margin-bottom: 0;
}

.about__list-box-two {
  border-left: 1px solid #dbe3eb;
  padding-left: 30px;
}

@media (max-width: 1199.98px) {
  .about__list-box-two {
    border: none;
    padding: 0;
  }
}
.about__list-img {
  flex: 0 0 auto;
  width: 184px;
}

.about__list-img img {
  border-radius: 10px;
}

.about__list-img-two {
  flex: 0 0 auto;
  width: 248px;
}

.about__list-img-two img {
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.1);
}

.about__list-img-three {
  position: relative;
}

.about__list-img-three img {
  border-radius: 15px;
}

.about__list-img-three .play-btn {
  align-items: center;
  background: var(--tg-theme-primary);
  border-radius: 50%;
  color: var(--tg-color-black-1);
  display: flex;
  height: 50px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}

.about__list-img-three .play-btn:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.about__list-img-four img {
  border: 0.8px solid #dadada;
  border-radius: 12px;
  -ms-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
}

.about-bottom {
  align-items: center;
  display: flex;
  gap: 40px;
}

@media (max-width: 767.98px) {
  .about-bottom {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.about-bottom .author-wrap {
  align-items: center;
  display: flex;
  gap: 15px;
}

.about-bottom .author-wrap .thumb {
  border: 1px solid #b8b9da;
  border-radius: 50%;
  flex: 0 0 auto;
  overflow: hidden;
  width: 60px;
}

.about-bottom .author-wrap .content img {
  margin-bottom: 5px;
}

.about-bottom .author-wrap .content .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}

.about-bottom .author-wrap .content .title span {
  color: #6568af;
  font-size: 16px;
  font-weight: 400;
}

.about-bottom-two {
  border-top: 1px solid var(--tg-border-4);
  padding-top: 30px;
}

@media (max-width: 1199.98px) {
  .about-bottom-two {
    gap: 20px;
  }
}
.about__phone {
  align-items: center;
  display: flex;
  gap: 15px;
}

.about__phone .icon {
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 25px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  width: 50px;
}

.about__phone .content span {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}

.about__phone .content a {
  color: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
  font-size: 22px;
  font-weight: var(--tg-fw-semi-bold);
  line-height: 1;
}

.about__phone .content a:hover {
  color: var(--tg-theme-primary);
}

.about__award-box {
  align-items: center;
  bottom: 15px;
  display: flex;
  gap: 15px;
  left: 0;
  position: absolute;
}

@media (max-width: 767.98px) {
  .about__award-box {
    bottom: 0;
  }
}
.about__award-box .icon {
  align-items: center;
  background: var(--tg-color-yellow-light);
  border-radius: 15px;
  color: var(--tg-theme-primary);
  display: flex;
  font-size: 45px;
  height: 90px;
  justify-content: center;
  line-height: 0;
  width: 90px;
}

.about__award-box .content .title {
  font-size: 50px;
  font-weight: 800;
  line-height: 0.8;
  margin-bottom: 12px;
}

.about__award-box .content p {
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
}

.about__award-box-two {
  background: var(--tg-color-white-default);
  border: 0.8px solid #b4b4b4;
  border-radius: 12px;
  bottom: 33%;
  -ms-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  left: -3%;
  padding: 17px 25px;
  position: absolute;
  text-align: left;
  transform: rotate(90deg);
}

@media (max-width: 1199.98px) {
  .about__award-box-two {
    left: -17%;
  }
}
@media (max-width: 767.98px) {
  .about__award-box-two {
    display: none;
  }
}
.about__satisfied-box {
  align-items: center;
  display: flex;
  gap: 15px;
}

.about__satisfied-box .icon {
  align-items: center;
  background: var(--tg-color-yellow-light);
  border-radius: 15px;
  color: var(--tg-theme-primary);
  display: flex;
  font-size: 45px;
  height: 90px;
  justify-content: center;
  line-height: 0;
  width: 90px;
}

.about__satisfied-box .content .title {
  align-items: center;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
  .about__satisfied-box .content .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .about__satisfied-box .content .title {
    font-size: 32px;
  }
}
.about__satisfied-box .content p {
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
}

.about-shape-wrap img {
  position: absolute;
  z-index: -1;
}

.about-shape-wrap img:first-child {
  right: 10%;
  top: 30%;
}

@media (max-width: 1500px) {
  .about-shape-wrap img:first-child {
    right: 6%;
    top: 26%;
  }
}
@media (max-width: 1199.98px) {
  .about-shape-wrap img:first-child {
    right: 10%;
    top: 4%;
  }
}
.about-shape-wrap img:nth-child(2) {
  right: 6%;
  top: 36%;
  z-index: -2;
}

@media (max-width: 1500px) {
  .about-shape-wrap img:nth-child(2) {
    right: 2%;
    top: 34%;
  }
}
@media (max-width: 1199.98px) {
  .about-shape-wrap img:nth-child(2) {
    right: 4%;
    top: 11%;
  }
}
@media (max-width: 767.98px) {
  .about-shape-wrap img:nth-child(2) {
    display: none;
  }
}
.about-left-shape img {
  bottom: 0;
  left: 0;
}

.about-left-shape img, .about__shape-wrap-two img {
  position: absolute;
  z-index: -1;
}

.about__shape-wrap-two img:first-child {
  left: 9%;
  top: 20%;
}

@media (max-width: 1500px) {
  .about__shape-wrap-two img:first-child {
    left: 8%;
    top: 0;
  }
}
@media (max-width: 991.98px) {
  .about__shape-wrap-two img:first-child {
    left: 15%;
  }
}
.about__shape-wrap-two img:nth-child(2) {
  left: 12%;
  top: 26%;
}

@media (max-width: 1500px) {
  .about__shape-wrap-two img:nth-child(2) {
    left: 2%;
    top: 10%;
  }
}
@media (max-width: 767.98px) {
  .about__shape-wrap-two img:nth-child(2) {
    display: none;
  }
}
.about__shape-wrap-two img:nth-child(3) {
  bottom: 0;
  right: 0;
}

.about__shape-wrap-three img {
  position: absolute;
  right: -10%;
  top: -5%;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .about__shape-wrap-three img {
    right: -3%;
    top: -10%;
  }
}
@media (max-width: 767.98px) {
  .about__shape-wrap-three img {
    top: -6%;
  }
}
.about__shape-wrap-four img {
  position: absolute;
  z-index: -1;
}

.about__shape-wrap-four img:first-child {
  bottom: 0;
  right: 0;
}

.about__shape-wrap-four img:nth-child(2) {
  bottom: 42%;
  right: 10%;
}

@media (max-width: 1500px) {
  .about__shape-wrap-four img:nth-child(2) {
    bottom: 52%;
    right: 6%;
  }
}
@media (max-width: 1199.98px) {
  .about__shape-wrap-four img:nth-child(2) {
    bottom: 32%;
    right: 2%;
  }
}
@media (max-width: 991.98px) {
  .about__shape-wrap-four img:nth-child(2) {
    bottom: 7%;
    right: 8%;
  }
}
.experience-year {
  background: var(--tg-theme-secondary);
  border: 4px solid var(--tg-color-white-default);
  bottom: 0;
  height: 150px;
  left: 50%;
  position: relative;
  position: absolute;
  transform: translateX(-50%);
  width: 150px;
}

.experience-year, .experience-year .icon {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

.experience-year .icon {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  font-size: 36px;
  height: 80px;
  line-height: 0;
  width: 80px;
}

.experience-year .content .circle {
  color: var(--tg-color-white-default);
  font-size: 15px;
  left: 50%;
  margin-bottom: 0;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transform: translate(-50%, -50%);
}

.experience-year .content .circle span {
  display: inline-block;
  position: absolute;
  top: -64px;
  transform-origin: 0 64px;
}

.experience__box-two {
  bottom: 9%;
  left: 11px;
  padding: 60px 25px;
  position: absolute;
  transform: rotate(180deg);
}

@media (max-width: 767.98px) {
  .experience__box-two {
    display: none;
  }
}
.experience__box-three {
  align-items: center;
  display: flex;
}

.experience__box-three .title {
  background: var(--tg-color-yellow-light);
  border: 1px solid #f4e7cc;
  border-radius: 16px;
  margin-bottom: 0;
  padding: 30px 28px;
}

@media (max-width: 1199.98px) {
  .experience__box-three .title {
    padding: 25px;
  }
}
.experience__box-three .title span {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, #ffce4f, #f79400);
  background-clip: text;
  -webkit-background-clip: text;
  font-family: var(--tg-heading-font-family);
  font-size: 90px;
  font-weight: 800;
  line-height: 0.8;
  position: relative;
}

@media (max-width: 1199.98px) {
  .experience__box-three .title span {
    font-size: 60px;
  }
}
@media (max-width: 991.98px) {
  .experience__box-three .title span {
    font-size: 80px;
  }
}
.experience__box-three p {
  color: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
  font-weight: 700;
  margin-bottom: 0;
  margin-inline-start: -15px;
  text-transform: uppercase;
}

@media (max-width: 1199.98px) {
  .experience__box-three p {
    font-size: 14px;
  }
}
.experience__box-three p span {
  display: block;
}

.experience__box-four {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 40px;
  bottom: 36%;
  display: flex;
  gap: 10px;
  left: -15%;
  padding: 22px 30px;
  position: absolute;
  transform: rotate(-90deg);
}

@media (max-width: 1199.98px) {
  .experience__box-four {
    left: -22%;
  }
}
@media (max-width: 767.98px) {
  .experience__box-four {
    display: none;
  }
}
.experience__box-four .title {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, #ffce4f, #f79400);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 70px;
  font-weight: 900;
  line-height: 0.8;
  margin-bottom: 0;
}

.experience__box-four p {
  color: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}

.experience__content {
  align-items: center;
  display: flex;
  gap: 20px;
  position: relative;
  writing-mode: vertical-lr;
}

@media (max-width: 1199.98px) {
  .experience__content {
    left: 42%;
  }
}
.experience__content .title {
  color: var(--tg-color-white-default);
  font-size: 50px;
  font-weight: 800;
  line-height: 0.8;
  margin-bottom: 0;
  position: relative;
}

.experience__content .title:before {
  background: var(--tg-theme-primary);
  bottom: -9px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 34px;
}

.experience__content p {
  color: var(--tg-color-white-default);
  margin-bottom: 0;
  text-align: left;
}

.experience__shape {
  height: 100%;
  left: 30%;
  position: absolute;
  top: 0;
  transform: rotate(180deg);
  width: 35%;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .experience__shape {
    left: 63%;
  }
}
.experience__shape svg {
  color: var(--tg-theme-secondary);
  height: 100%;
  overflow: visible;
  width: 100%;
}

.services-bg {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .services-bg {
    padding: 100px 0;
  }
}
.services__bg-three {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0 90px;
}

@media (max-width: 767.98px) {
  .services__bg-three {
    padding: 100px 0 70px;
  }
}
.services__bg-four {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .services__bg-four {
    padding: 100px 0 70px;
  }
}
.services__bg-five {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0 90px;
}

@media (max-width: 767.98px) {
  .services__bg-five {
    padding: 100px 0 70px;
  }
}
.services__bg-six {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .services__bg-six {
    padding: 100px 0;
  }
}
.services__bg-seven {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .services__bg-seven {
    padding: 100px 0 70px;
  }
}
.services__area-two {
  background: var(--tg-heading-color);
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .services__area-two {
    padding: 100px 0 70px;
  }
}
.services-item-wrap .row {
  --bs-gutter-x:24px;
}

.services-item {
  background: var(--tg-color-white-default);
  border-radius: 10px;
  margin-bottom: 30px;
  transition: all 0.3s ease-out 0s;
}

.services-item:hover {
  box-shadow: 0 4px 30px 0 #cfdee4;
}

.services-item:hover .services-content .icon {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.services__item-two {
  background: var(--tg-heading-color);
  border: 2px solid #282b7c;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 35px;
}

.services__item-two:hover .services__icon-two {
  transform: rotateY(180deg);
}

.services__item-three {
  background: var(--tg-color-white-default);
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 40px;
}

@media (max-width: 1199.98px) {
  .services__item-three {
    padding: 35px 30px;
  }
}
.services__item-three:hover .services__icon-three i {
  transform: rotateY(180deg);
}

.services__item-four {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 15px;
  display: flex;
  gap: 50px;
  padding: 30px 80px 30px 30px;
}

@media (max-width: 1199.98px) {
  .services__item-four {
    gap: 25px;
    padding: 30px 20px;
  }
}
@media (max-width: 991.98px) {
  .services__item-four {
    flex-wrap: wrap;
    padding: 30px;
  }
}
@media (max-width: 767.98px) {
  .services__item-four {
    padding: 30px 25px;
  }
}
.services__item-five {
  background: var(--tg-color-white-default);
  border: 1px solid #e9e9f0;
  border-radius: 15px;
  -ms-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  padding: 60px 30px 45px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
}

.services__item-five:hover {
  transform: translateY(-5px);
}

.services__item-top {
  align-items: center;
  display: flex;
  gap: 30px;
  margin-bottom: 22px;
}

.services__item-top .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  .services__item-top .title {
    font-size: 20px;
  }
}
.services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-five {
  margin-top: 30px;
}

@media (max-width: 991.98px) {
  .services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-five {
    margin-top: 0;
  }
}
.services-thumb {
  border-radius: 10px 10px 0 100px;
  overflow: hidden;
  position: relative;
}

.services-thumb img {
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.services__thumb-four {
  flex: 0 0 auto;
  width: 337px;
}

@media (max-width: 1199.98px) {
  .services__thumb-four {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  .services__thumb-four {
    width: 100%;
  }
}
.services__thumb-four img {
  border-radius: 12px;
  height: 380px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1199.98px) {
  .services__thumb-four img {
    height: 340px;
  }
}
.services__icon-two {
  color: var(--tg-theme-primary);
  display: inline-block;
  font-size: 60px;
  line-height: 0;
  margin-bottom: 20px;
  transition: all 0.4s ease-out 0s;
}

.services__icon-three {
  align-items: center;
  background: var(--tg-color-gray-3);
  border: 1px solid var(--tg-color-gray-2);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  flex: 0 0 auto;
  font-size: 42px;
  height: 70px;
  justify-content: center;
  line-height: 0;
  position: relative;
  width: 70px;
}

.services__icon-three i {
  transform: rotateY(0deg);
  transition: all 0.4s ease-out 0s;
}

.services__icon-three:before {
  background: #dce7ec;
  border-radius: 3px;
  content: "";
  height: 40px;
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
}

.services__icon-five {
  color: var(--tg-theme-primary);
  display: inline-block;
  font-size: 45px;
  line-height: 0;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}

.services__icon-shape .shape {
  position: absolute;
  z-index: -1;
}

.services__icon-shape .shape:first-child {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.services__icon-shape .shape:first-child svg {
  color: var(--tg-color-yellow-light);
}

.services__icon-shape .shape:nth-child(2) {
  bottom: -13px;
  left: -2px;
}

.services__icon-shape .shape:nth-child(2) svg {
  color: var(--tg-theme-primary);
}

.services__icon-shape .shape:nth-child(3) {
  left: 50px;
  top: -18px;
}

.services__icon-shape .shape:nth-child(3) svg {
  color: var(--tg-theme-primary);
}

.services-content {
  padding: 30px;
  position: relative;
}

.services-content .icon {
  align-items: center;
  background: var(--tg-color-gray-3);
  border: 3px solid var(--tg-color-white-default);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 36px;
  height: 70px;
  justify-content: center;
  left: 30px;
  line-height: 0;
  position: absolute;
  top: -55px;
  transition: all 0.4s ease-out 0s;
  width: 70px;
  z-index: 2;
}

.services-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.services-content .title a:hover {
  color: var(--tg-theme-primary);
}

.services-content p {
  margin-bottom: 22px;
}

.services-content .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 20px;
}

.services-content .btn:hover, .services__content-two .title {
  color: var(--tg-color-white-default);
}

.services__content-two .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.services__content-two p {
  color: var(--tg-color-gray-2);
  margin-bottom: 25px;
}

.services__content-two .btn {
  background: #2e328b;
  color: #9597c8;
  padding: 16px 20px;
}

.services__content-two .btn:before {
  background: var(--tg-color-white-default);
}

.services__content-two .btn:after {
  color: var(--tg-color-white-default);
}

.services__content-two .btn:hover, .services__content-two .btn:hover:after {
  color: var(--tg-theme-secondary);
}

.services__content-three p {
  margin-bottom: 25px;
}

.services__content-three .btn {
  background: var(--tg-color-yellow-light);
  color: var(--tg-theme-primary);
}

.services__content-three .btn:hover {
  color: var(--tg-color-white-default);
}

.services__content-four .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
  .services__content-four .title {
    font-size: 26px;
  }
}
.services__content-four .about__list-box, .services__content-four p {
  margin-bottom: 20px;
}

.services__content-four .about__list-box li i {
  font-size: 15px;
}

.services__content-four .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
}

.services__content-four .btn:hover {
  color: var(--tg-color-white-default);
}

.services__content-five .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.services__content-five p {
  margin-bottom: 25px;
}

.services__content-five .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 24px;
}

.services__content-five .btn:hover {
  color: var(--tg-color-white-default);
}

.services-bottom-content {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}

@media (max-width: 767.98px) {
  .services-bottom-content {
    flex-wrap: wrap;
    text-align: center;
  }
}
.services-bottom-content p {
  margin-bottom: 0;
}

.services__tab-wrap {
  display: flex;
  gap: 30px;
}

@media (max-width: 767.98px) {
  .services__tab-wrap {
    flex-wrap: wrap;
  }
}
.services__tab-wrap .nav-tabs {
  border-bottom: none;
  flex-direction: column;
  margin-bottom: 0;
  width: 330px;
}

@media (max-width: 1199.98px) {
  .services__tab-wrap .nav-tabs {
    width: 270px;
  }
}
@media (max-width: 767.98px) {
  .services__tab-wrap .nav-tabs {
    flex-direction: row;
    justify-content: center;
    width: auto;
  }
}
.services__tab-wrap .nav-item {
  margin-bottom: 5px;
}

.services__tab-wrap .nav-item:last-child {
  margin-bottom: 0;
}

.services__tab-wrap .nav-link {
  align-items: center;
  background: linear-gradient(90deg, #3b3d9a 13.19%, rgba(44, 46, 143, 0.54));
  border: none;
  border-radius: 10px;
  color: var(--tg-color-white-default);
  display: flex;
  font-family: var(--tg-heading-font-family);
  font-size: 20px;
  font-weight: 600;
  gap: 11px;
  margin: 0;
  padding: 15px 55px 15px 25px;
  position: relative;
  transition: all 0.3s ease-out 0s;
  width: 330px;
}

@media (max-width: 1199.98px) {
  .services__tab-wrap .nav-link {
    font-size: 18px;
    padding: 15px 45px 15px 20px;
    width: 270px;
  }
}
.services__tab-wrap .nav-link i {
  color: var(--tg-theme-primary);
  font-size: 40px;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
}

@media (max-width: 1199.98px) {
  .services__tab-wrap .nav-link i {
    font-size: 35px;
  }
}
.services__tab-wrap .nav-link:after {
  content: "\f10a";
  font-family: flaticon;
  font-size: 24px;
  font-weight: 500;
  line-height: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.services__tab-wrap .nav-link.active {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.services__tab-wrap .nav-link.active i {
  color: var(--tg-color-white-default);
}

.services__shape-wrap img {
  position: absolute;
  z-index: -1;
}

.services__shape-wrap img:first-child {
  bottom: 0;
  left: 0;
}

@media (max-width: 991.98px) {
  .services__shape-wrap img:first-child {
    width: 200px;
  }
}
.services__shape-wrap img:nth-child(2) {
  right: 0;
  top: 0;
}

@media (max-width: 991.98px) {
  .services__shape-wrap img:nth-child(2) {
    width: 200px;
  }
}
.services__shape-wrap-two img {
  position: absolute;
  z-index: -1;
}

.services__shape-wrap-two img:first-child {
  left: 0;
  top: 0;
}

@media (max-width: 767.98px) {
  .services__shape-wrap-two img:first-child {
    width: 200px;
  }
}
.services__shape-wrap-two img:nth-child(2) {
  bottom: 0;
  right: 0;
}

@media (max-width: 767.98px) {
  .services__shape-wrap-two img:nth-child(2) {
    width: 200px;
  }
}
.services__details-area {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .services__details-area {
    padding: 100px 0;
  }
}
.services__details-wrap .row .col-70 {
  flex: 0 0 auto;
  width: 70.4%;
}

@media (max-width: 991.98px) {
  .services__details-wrap .row .col-70 {
    width: 100%;
  }
}
.services__details-wrap .row .col-30 {
  flex: 0 0 auto;
  width: 29.6%;
}

@media (max-width: 991.98px) {
  .services__details-wrap .row .col-30 {
    width: 100%;
  }
}
.services__details-thumb {
  margin-bottom: 35px;
}

@media (max-width: 767.98px) {
  .services__details-thumb {
    margin-bottom: 25px;
  }
}
.services__details-thumb img {
  border-radius: 10px;
  min-height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.services__details-thumb-two {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .services__details-thumb-two {
    margin-bottom: 30px;
  }
}
.services__details-content > .title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 22px;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .services__details-content > .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .services__details-content > .title {
    font-size: 32px;
  }
}
.services__details-content > p {
  margin-bottom: 20px;
}

.services__details-content > p.last-info {
  margin-bottom: 0;
}

.services__details-content .title-two {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
  .services__details-content .title-two {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .services__details-content .title-two {
    font-size: 28px;
  }
}
.services__details-content-two > .title {
  font-size: 36px;
}

@media (max-width: 1199.98px) {
  .services__details-content-two > .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .services__details-content-two > .title {
    font-size: 30px;
  }
}
.services__details-top {
  margin-bottom: 30px;
}

.services__details-top .row .col-49 {
  flex: 0 0 auto;
  width: 48.9%;
}

@media (max-width: 767.98px) {
  .services__details-top .row .col-49 {
    width: 100%;
  }
}
.services__details-top .row .col-51 {
  flex: 0 0 auto;
  width: 51.1%;
}

@media (max-width: 767.98px) {
  .services__details-top .row .col-51 {
    width: 100%;
  }
}
.services__details-top-content .title {
  font-size: 40px;
  margin-bottom: 15px;
}

@media (max-width: 1199.98px) {
  .services__details-top-content .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .services__details-top-content .title {
    font-size: 32px;
  }
}
.services__details-top-content p {
  margin-bottom: 15px;
}

.services__details-list {
  margin: 35px 0 10px;
}

.services__details-list-two {
  margin: 25px 0 10px;
}

.services__details-list-box {
  align-items: flex-start;
  border: 1px solid #e5e7e8;
  border-radius: 10px;
  -ms-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  padding: 30px;
}

@media (max-width: 1199.98px) {
  .services__details-list-box {
    flex-wrap: wrap;
    gap: 15px;
    padding: 30px 25px;
  }
}
.services__details-list-box .icon {
  align-items: center;
  background: var(--tg-theme-primary);
  border-radius: 8px;
  color: var(--tg-color-white-default);
  display: flex;
  flex: 0 0 auto;
  font-size: 50px;
  height: 70px;
  justify-content: center;
  line-height: 0;
  width: 70px;
}

.services__details-list-box .icon i {
  transform: rotateY(0);
  transition: all 0.4s ease-out 0s;
}

.services__details-list-box .content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.services__details-list-box .content p {
  margin-bottom: 0;
}

.services__details-list-box:hover .icon i {
  transform: rotateY(180deg);
}

.services__details-list-box-two {
  background: #fffbf4;
  border: 1px solid #fbd58a;
  border-radius: 10px;
  -ms-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  padding: 30px;
  text-align: center;
}

@media (max-width: 1199.98px) {
  .services__details-list-box-two {
    padding: 30px 18px;
  }
}
@media (max-width: 767.98px) {
  .services__details-list-box-two {
    padding: 30px;
  }
}
.services__details-list-box-two .icon {
  align-items: center;
  background: var(--tg-theme-primary);
  border-radius: 50%;
  color: var(--tg-color-white-default);
  display: flex;
  font-size: 40px;
  height: 80px;
  justify-content: center;
  line-height: 0;
  margin: 0 auto 30px;
  width: 80px;
}

.services__details-list-box-two .icon i {
  transform: rotateY(0);
  transition: all 0.4s ease-out 0s;
}

.services__details-list-box-two .content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
  .services__details-list-box-two .content .title {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .services__details-list-box-two .content .title {
    font-size: 22px;
  }
}
.services__details-list-box-two .content p {
  margin-bottom: 0;
}

.services__details-list-box-two:hover .icon i {
  transform: rotateY(180deg);
}

.services__details-list-box-three {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}

@media (max-width: 1199.98px) {
  .services__details-list-box-three {
    gap: 14px;
    margin-bottom: 30px;
  }
}
.services__details-list-box-three .icon {
  color: var(--tg-theme-primary);
  font-size: 60px;
  line-height: 0;
  transform: rotateY(0) translateY(3px);
  transition: all 0.3s ease-out 0s;
}

.services__details-list-box-three .content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}

.services__details-list-box-three .content p {
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  .services__details-list-box-three .content p br {
    display: none;
  }
}
.services__details-list-box-three:last-child {
  margin-bottom: 0;
}

.services__details-list-box-three:hover .icon {
  transform: rotateY(180deg) translateY(3px);
}

.services__details-inner {
  margin: 35px 0 30px;
}

.services__details-inner .row .col-44 {
  flex: 0 0 auto;
  width: 43.9%;
}

@media (max-width: 767.98px) {
  .services__details-inner .row .col-44 {
    width: 100%;
  }
}
.services__details-inner .row .col-56 {
  flex: 0 0 auto;
  width: 56.1%;
}

@media (max-width: 767.98px) {
  .services__details-inner .row .col-56 {
    width: 100%;
  }
}
.services__details-inner-two {
  margin: 80px 0 45px;
}

@media (max-width: 1199.98px) {
  .services__details-inner-two {
    margin: 50px 0 40px;
  }
}
.services__details-inner-two .row .col-48 {
  flex: 0 0 auto;
  width: 48.5%;
}

@media (max-width: 767.98px) {
  .services__details-inner-two .row .col-48 {
    width: 100%;
  }
}
.services__details-inner-two .row .col-52 {
  flex: 0 0 auto;
  width: 51.5%;
}

@media (max-width: 767.98px) {
  .services__details-inner-two .row .col-52 {
    width: 100%;
  }
}
.services__details-inner-three {
  margin-bottom: 40px;
}

.services__details-inner-four {
  margin: 40px 0 35px;
}

.services__details-inner-four .services__details-inner-content-two p {
  margin-bottom: 25px;
}

.services__details-inner-five {
  margin: 0 0 55px;
}

.services__details-inner-five .services__details-inner-content-three {
  margin: 0 30px 0 0;
}

@media (max-width: 1199.98px) {
  .services__details-inner-five .services__details-inner-content-three {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .services__details-inner-five .services__details-inner-content-three {
    margin: 0 0 30px;
  }
}
.services__details-inner-five .services__details-list-box {
  margin-bottom: 20px;
  padding: 25px;
}

.services__details-inner-five .services__details-list-box:last-child {
  margin-bottom: 0;
}

.services__details-inner-six {
  margin: 30px 0 40px;
}

.services__details-inner-six .services__details-inner-content-three {
  margin: 0 60px 0 0;
}

@media (max-width: 1199.98px) {
  .services__details-inner-six .services__details-inner-content-three {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .services__details-inner-six .services__details-inner-content-three {
    margin: 0 0 30px;
  }
}
.services__details-inner-img {
  position: relative;
}

@media (max-width: 767.98px) {
  .services__details-inner-img {
    margin-bottom: 30px;
  }
}
.services__details-inner-img img {
  border-radius: 10px;
  min-height: 230px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.services__details-inner-img .play-btn {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 18px;
  height: 62px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62px;
}

.services__details-inner-img .play-btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.services__details-inner-img-wrap {
  margin: 30px 0 0;
}

.services__details-inner-img-wrap img {
  border-radius: 10px;
  margin-bottom: 30px;
  width: 100%;
}

.services__details-inner-content .title {
  font-size: 24px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .services__details-inner-content .title br {
    display: none;
  }
}
.services__details-inner-content p {
  margin-bottom: 20px;
}

.services__details-inner-content-two .title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
  .services__details-inner-content-two .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .services__details-inner-content-two .title {
    font-size: 28px;
  }
}
.services__details-inner-content-two p {
  margin-bottom: 0;
  width: 90%;
}

@media (max-width: 1199.98px) {
  .services__details-inner-content-two p {
    width: 100%;
  }
}
.services__details-inner-content-three {
  margin-inline-start: 30px;
}

@media (max-width: 1199.98px) {
  .services__details-inner-content-three {
    margin-inline-start: 0;
  }
}
@media (max-width: 767.98px) {
  .services__details-inner-content-three {
    margin-top: 30px;
  }
}
.services__details-inner-content-three .title {
  font-size: 30px;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .services__details-inner-content-three .title {
    font-size: 28px;
  }
}
.services__details-inner-content-three p {
  margin-bottom: 0;
}

.services__details-inner-graph img {
  border: 0.8px solid #dadada;
  border-radius: 12px;
  -ms-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
}

.services__sidebar {
  margin-inline-end: 20px;
}

@media (max-width: 1199.98px) {
  .services__sidebar {
    margin-inline-end: 0;
  }
}
@media (max-width: 991.98px) {
  .services__sidebar {
    margin-top: 100px;
  }
}
.sidebar__widget-two {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.sidebar__widget-three {
  background: var(--tg-color-gray-3);
  border: none !important;
}

.sidebar__cat-list-two .list-wrap li {
  margin-bottom: 10px;
}

.sidebar__cat-list-two .list-wrap li a {
  align-items: center;
  background: var(--tg-color-gray-3);
  border: 1px solid #e0eef3;
  border-radius: 4px;
  color: var(--tg-body-color);
  display: flex;
  font-size: 18px;
  font-weight: 500;
  justify-content: space-between;
  padding: 16px 20px;
}

.sidebar__cat-list-two .list-wrap li a i {
  font-size: 24px;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
}

.sidebar__cat-list-two .list-wrap li a:hover {
  background: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.sidebar__cat-list-two .list-wrap li a:hover i {
  color: var(--tg-theme-primary);
}

.sidebar__cat-list-two .list-wrap li:last-child {
  margin-bottom: 0;
}

.sidebar__cat-list-three .list-wrap li a {
  background: var(--tg-color-white-default);
}

.sidebar__brochure p {
  margin-bottom: 15px;
}

.sidebar__brochure a {
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 5px;
  color: var(--tg-heading-color);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 12px;
  margin-bottom: 10px;
  padding: 15px 20px;
}

.sidebar__brochure a i {
  font-size: 18px;
}

.sidebar__brochure a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.sidebar__brochure a:last-child {
  margin-bottom: 0;
}

.sidebar__brochure-two a {
  background: var(--tg-color-white-default);
}

.sidebar__contact {
  background: var(--tg-theme-secondary);
  border-radius: 10px;
  padding: 50px 40px 55px;
  text-align: center;
}

@media (max-width: 1199.98px) {
  .sidebar__contact {
    padding: 40px 20px;
  }
}
@media (max-width: 767.98px) {
  .sidebar__contact {
    padding: 40px 30px;
  }
}
.sidebar__contact .title {
  color: var(--tg-color-white-default);
  font-size: 24px;
  margin-bottom: 30px;
}

.sidebar__contact .btn {
  gap: 5px;
  padding: 13px 24px;
}

.sidebar__contact .btn i {
  font-size: 24px;
  line-height: 0;
}

.sidebar__contact .btn:after {
  display: none;
}

.sidebar__contact .btn:before {
  background: var(--tg-color-gray-3);
}

.sidebar__contact .btn:hover {
  color: var(--tg-theme-secondary);
}

.sidebar__contact-two {
  background-position: 50%;
  background-size: cover;
  padding: 30px 40px 180px;
}

@media (max-width: 1199.98px) {
  .sidebar__contact-two {
    padding: 30px 20px 180px;
  }
}
@media (max-width: 991.98px) {
  .sidebar__contact-two {
    padding: 30px 20px 70px;
  }
}
.sidebar__contact-two .title {
  color: var(--tg-theme-secondary);
}

.sidebar__contact-two .btn {
  border-radius: 30px;
}

.sidebar__contact-two .btn:before {
  background: var(--tg-theme-secondary);
}

.sidebar__contact-two .btn:hover {
  color: var(--tg-color-white-default);
}

.sidebar__form form .form-grp {
  margin-bottom: 8px;
}

.sidebar__form form .form-grp input, .sidebar__form form .form-grp textarea {
  background: var(--tg-color-white-default);
  border: 1px solid #e0e6f2;
  border-radius: 5px;
  color: var(--tg-body-color);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  padding: 14px 15px;
  width: 100%;
}

.sidebar__form form .form-grp input::-moz-placeholder, .sidebar__form form .form-grp textarea::-moz-placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.sidebar__form form .form-grp input::placeholder, .sidebar__form form .form-grp textarea::placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.sidebar__form form .form-grp textarea {
  max-height: 120px;
  min-height: 120px;
}

.sidebar__form form .btn {
  justify-content: center;
  width: 100%;
}

.sidebar__form form .btn:after {
  display: none;
}

.shine-animate {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.shine-animate:before {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.3));
  content: "";
  display: block;
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
}

.shine-animate-item:hover .shine-animate:before {
  animation: hoverShine 1.2s;
}

.section-more-btn {
  text-align: right;
}

@media (max-width: 991.98px) {
  .section-more-btn {
    margin-bottom: 50px;
    text-align: left;
  }
}
.section-more-btn .border-btn {
  border-color: var(--tg-color-white-default);
  color: var(--tg-color-white-default);
}

.section-more-btn .border-btn:hover {
  background: var(--tg-color-white-default);
  border-color: var(--tg-color-white-default);
  color: var(--tg-theme-secondary);
}

.about__list-box-three .list-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
  margin: 0 -5px;
}

.about__list-box-three .list-wrap li {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 5px;
  width: 50%;
}

@media (max-width: 767.98px) {
  .about__list-box-three .list-wrap li {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__list-box-three .list-wrap li {
    width: 50%;
  }
}
.choose-area {
  background: #171a7c;
  overflow: hidden;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .choose-area {
    padding: 100px 0;
  }
}
.choose__area-two {
  margin: 120px 0 0;
  overflow: hidden;
  padding: 85px 0 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .choose__area-two {
    margin: 0;
    padding: 0;
  }
}
.choose__area-three {
  overflow: hidden;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .choose__area-three {
    padding: 100px 0;
  }
}
.choose__area-four {
  background: #171a7c;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .choose__area-four {
    padding: 100px 0;
  }
}
.choose__area-five {
  padding: 0 0 120px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .choose__area-five {
    padding: 0 0 100px;
  }
}
.choose__bg {
  background-position: 50%;
  background-size: cover;
  height: 90%;
  left: 0;
  position: absolute;
  top: 0;
  width: 46%;
  z-index: -2;
}

@media (max-width: 1199.98px) {
  .choose__bg {
    width: 55%;
  }
}
.choose-content > p {
  color: var(--tg-color-gray-3);
  margin-bottom: 30px;
  width: 85%;
}

@media (max-width: 1199.98px) {
  .choose-content > p {
    width: 100%;
  }
}
.choose__content-two {
  padding: 100px 100px 120px 80px;
  position: relative;
}

@media (max-width: 1199.98px) {
  .choose__content-two {
    padding: 80px 0 120px 40px;
  }
}
@media (max-width: 767.98px) {
  .choose__content-two {
    padding: 100px 0;
  }
}
.choose__content-two:before {
  background: var(--tg-color-gray-3);
  content: "";
  height: 100%;
  left: -24px;
  position: absolute;
  top: 0;
  width: 200%;
  z-index: -2;
}

@media (max-width: 1199.98px) {
  .choose__content-two:before {
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__content-two:before {
    left: -50%;
  }
}
.choose__content-two > p {
  margin-bottom: 35px;
}

.choose__content-three > p {
  margin-bottom: 30px;
}

.choose__content-four {
  width: 90%;
}

@media (max-width: 1199.98px) {
  .choose__content-four {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .choose__content-four {
    margin-bottom: 50px;
  }
}
.choose__content-four > p {
  color: var(--tg-color-gray-3);
  margin-bottom: 0;
}

.choose__content-five {
  padding-right: 50px;
  position: relative;
}

@media (max-width: 1199.98px) {
  .choose__content-five {
    padding-right: 0;
  }
}
.choose__content-five > p {
  margin-bottom: 35px;
}

.choose__content-five .shape img {
  position: absolute;
  right: -20px;
  top: 0;
  z-index: -1;
}

.choose-list .list-wrap li {
  align-items: center;
  display: flex;
  gap: 18px;
  margin-bottom: 35px;
}

.choose-list .list-wrap li:last-child {
  margin-bottom: 0;
}

.choose-list .list-wrap li .icon {
  color: var(--tg-theme-primary);
  font-size: 60px;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
}

.choose-list .list-wrap li .content .title {
  color: var(--tg-color-white-default);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}

.choose-list .list-wrap li .content p {
  color: var(--tg-color-gray-3);
  margin-bottom: 0;
  width: 65%;
}

@media (max-width: 767.98px) {
  .choose-list .list-wrap li .content p {
    width: 100%;
  }
}
.choose-list .list-wrap li:hover .icon {
  transform: rotateY(180deg);
}

.choose__list .list-wrap li {
  margin-bottom: 30px;
}

.choose__list .list-wrap li:last-child {
  margin-bottom: 0;
}

.choose__list-box {
  align-items: flex-start;
  display: flex;
  gap: 20px;
}

.choose__list-box:hover .choose__list-icon i {
  transform: rotateY(180deg);
}

.choose__list-box-two {
  align-items: flex-start;
  display: flex;
  gap: 20px;
}

@media (max-width: 1199.98px) {
  .choose__list-box-two {
    flex-wrap: wrap;
  }
}
@media (max-width: 991.98px) {
  .choose__list-box-two {
    flex-wrap: nowrap;
  }
}
.choose__list-box-two:hover .choose__list-icon-two {
  transform: translateY(5px) rotateY(180deg);
}

.choose__list-icon {
  align-items: center;
  background: var(--tg-color-yellow-light);
  border-radius: 10px;
  display: flex;
  flex: 0 0 auto;
  font-size: 50px;
  height: 80px;
  justify-content: center;
  width: 80px;
}

.choose__list-icon, .choose__list-icon-two {
  color: var(--tg-theme-primary);
  line-height: 0;
}

.choose__list-icon-two {
  font-size: 60px;
  transform: translateY(5px) rotateY(0deg);
  transition: all 0.4s ease-out 0s;
}

.choose__list-icon i {
  transform: rotateY(0deg);
  transition: all 0.4s ease-out 0s;
}

.choose__list-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}

.choose__list-content p {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .choose__list-content p br {
    display: none;
  }
}
.choose__list-content-two .title {
  color: var(--tg-color-white-default);
  font-size: 22px;
  margin-bottom: 5px;
}

.choose__list-content-two p {
  color: var(--tg-color-gray-3);
  margin-bottom: 0;
}

.choose__list-two .list-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  margin: 0 -10px;
}

.choose__list-two .list-wrap li {
  padding: 0 10px;
  width: 50%;
}

@media (max-width: 767.98px) {
  .choose__list-two .list-wrap li {
    width: 100%;
  }
}
.choose-img-wrap {
  padding-bottom: 45px;
  position: relative;
}

@media (max-width: 991.98px) {
  .choose-img-wrap {
    margin-bottom: 50px;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .choose-img-wrap {
    margin: 0;
  }
}
.choose-img-wrap img:first-child {
  border-radius: 10px;
}

@media (max-width: 767.98px) {
  .choose-img-wrap img:first-child {
    width: 100%;
  }
}
.choose-img-wrap img:nth-child(2) {
  border-radius: 10px;
  bottom: 0;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  left: -16%;
  position: absolute;
}

@media (max-width: 1199.98px) {
  .choose-img-wrap img:nth-child(2) {
    left: -9%;
  }
}
@media (max-width: 991.98px) {
  .choose-img-wrap img:nth-child(2) {
    left: -2%;
  }
}
@media (max-width: 767.98px) {
  .choose-img-wrap img:nth-child(2) {
    display: none;
  }
}
.choose-img-wrap img:nth-child(3) {
  bottom: -45px;
  left: 10%;
  position: absolute;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .choose-img-wrap img:nth-child(3) {
    left: 30%;
  }
}
@media (max-width: 767.98px) {
  .choose-img-wrap img:nth-child(3) {
    bottom: -25px;
    left: 8%;
  }
}
.choose__img-wrap-three {
  position: relative;
  text-align: right;
}

@media (max-width: 991.98px) {
  .choose__img-wrap-three {
    margin-bottom: 50px;
  }
}
.choose__img-wrap-three .main-img {
  border: 18px solid var(--tg-color-white-default);
  border-radius: 50%;
  -ms-box-shadow: 0 56px 80px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 56px 80px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 56px 80px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1199.98px) {
  .choose__img-wrap-three .main-img {
    border-width: 10px;
    width: 400px;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-three .main-img {
    border-width: 5px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose__img-wrap-three .main-img {
    margin: 0 auto;
    width: 500px;
  }
}
.choose__img-wrap-three .main-img img {
  width: 100%;
}

.choose__img-wrap-three .main-img .play-btn {
  align-items: center;
  background: var(--tg-theme-secondary);
  border-radius: 50%;
  color: var(--tg-color-white-default);
  display: flex;
  font-size: 25px;
  height: 70px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
}

.choose__img-wrap-three .main-img .play-btn:hover {
  background: var(--tg-theme-primary);
}

.choose__img-wrap-three > img {
  border: 1px solid #dadada;
  border-radius: 15px;
  -ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  left: 9%;
  position: absolute;
  top: 30%;
}

@media (max-width: 1199.98px) {
  .choose__img-wrap-three > img {
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-three > img {
    display: none;
  }
}
.choose__img-wrap-three .shape img {
  bottom: 18%;
  left: 3%;
  position: absolute;
  z-index: -1;
}

@media (max-width: 1199.98px) {
  .choose__img-wrap-three .shape img {
    display: none;
  }
}
.choose__img-wrap-five {
  padding-bottom: 55px;
  position: relative;
}

@media (max-width: 991.98px) {
  .choose__img-wrap-five {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-five {
    text-align: center;
  }
}
.choose__img-wrap-five img:first-child {
  border-radius: 10px;
}

.choose__img-wrap-five img:nth-child(2) {
  border: 6px solid var(--tg-color-white-default);
  border-radius: 20px;
  bottom: 0;
  position: absolute;
  right: 10%;
}

@media (max-width: 1199.98px) {
  .choose__img-wrap-five img:nth-child(2) {
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__img-wrap-five img:nth-child(2) {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose__img-wrap-five img:nth-child(2) {
    display: block;
  }
}
.choose__img-wrap-five img:nth-child(3) {
  border-radius: 10px;
  bottom: 8%;
  -ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  left: 17%;
  position: absolute;
}

.choose__img-wrap-five img:nth-child(4) {
  bottom: -4%;
  left: 13%;
  position: absolute;
  z-index: -1;
}

.choose__tab .nav-tabs {
  border-bottom: 1px solid #cee2ea;
  gap: 30px;
  margin-bottom: 30px;
}

.choose__tab .nav-tabs .nav-item .nav-link {
  background: transparent;
  border: none;
  color: #9597c8;
  font-family: var(--tg-heading-font-family);
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  padding: 0 0 13px;
  position: relative;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .choose__tab .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
}
.choose__tab .nav-tabs .nav-item .nav-link:before {
  background: var(--tg-theme-primary);
  bottom: -1px;
  content: "";
  height: 3px;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease-out 0s;
  width: 50%;
}

.choose__tab .nav-tabs .nav-item .nav-link.active {
  color: var(--tg-heading-color);
}

.choose__tab .nav-tabs .nav-item .nav-link.active:before {
  opacity: 1;
}

.choose__tab-content p {
  margin-bottom: 30px;
}

.choose__tab-content .list-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}

.choose__tab-content .list-wrap li {
  align-items: flex-start;
  display: flex;
  font-weight: 600;
  gap: 10px;
  text-transform: capitalize;
  width: 50%;
}

@media (max-width: 767.98px) {
  .choose__tab-content .list-wrap li {
    width: 100%;
  }
}
.choose__tab-content .list-wrap li i {
  align-items: center;
  background: var(--tg-heading-color);
  border-radius: 50%;
  color: var(--tg-color-white-default);
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.choose__box {
  position: relative;
}

@media (max-width: 767.98px) {
  .choose__box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose__box {
    margin-bottom: 0;
  }
}
.choose__box .icon {
  align-items: center;
  background: var(--tg-color-yellow-light);
  border-radius: 10px;
  color: var(--tg-theme-primary);
  display: flex;
  font-size: 40px;
  height: 80px;
  justify-content: center;
  line-height: 0;
  margin-bottom: 15px;
  width: 80px;
}

.choose__box .icon i {
  transform: rotate(0);
  transition: all 0.4s ease-out 0s;
}

.choose__box .content .title {
  font-size: 22px;
  margin-bottom: 12px;
}

.choose__box .content p {
  margin-bottom: 0;
}

.choose__box:before {
  background: var(--tg-border-4);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

@media (max-width: 1199.98px) {
  .choose__box:before {
    right: -15px;
  }
}
@media (max-width: 991.98px) {
  .choose__box:before {
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .choose__box:before {
    display: none;
  }
}
.choose__box:hover .icon i {
  transform: rotateY(180deg);
}

.choose__box-wrap .row [class*=col-]:last-child .choose__box {
  margin-bottom: 0;
}

.choose__box-wrap .row [class*=col-]:last-child .choose__box:before {
  display: none;
}

.choose-shape-wrap img {
  position: absolute;
  z-index: -1;
}

.choose-shape-wrap img:first-child {
  bottom: 0;
  left: 0;
}

@media (max-width: 1199.98px) {
  .choose-shape-wrap img:first-child {
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .choose-shape-wrap img:first-child {
    width: 230px;
  }
}
.choose-shape-wrap img:nth-child(2) {
  right: 0;
  top: 0;
}

@media (max-width: 1199.98px) {
  .choose-shape-wrap img:nth-child(2) {
    width: 400px;
  }
}
.choose__shape-wrap-two img {
  position: absolute;
  z-index: -1;
}

.choose__shape-wrap-two img:first-child {
  bottom: 30%;
  right: 13%;
}

@media (max-width: 991.98px) {
  .choose__shape-wrap-two img:first-child {
    display: none;
  }
}
.choose__shape-wrap-two img:nth-child(2) {
  bottom: 0;
  right: 0;
  z-index: -2;
}

.choose__shape-wrap-three img {
  position: absolute;
  z-index: -1;
}

.choose__shape-wrap-three img:first-child {
  right: 14%;
  top: 25%;
}

@media (max-width: 767.98px) {
  .choose__shape-wrap-three img:first-child {
    right: 26%;
    top: 13%;
  }
}
.choose__shape-wrap-three img:nth-child(2) {
  right: 0;
  top: 16%;
  z-index: -2;
}

@media (max-width: 1199.98px) {
  .choose__shape-wrap-three img:nth-child(2) {
    display: none;
  }
}
.choose__shape-wrap-four img {
  position: absolute;
  z-index: -1;
}

.choose__shape-wrap-four img:first-child {
  bottom: 0;
  left: 0;
}

.choose__shape-wrap-four img:nth-child(2) {
  right: 0;
  top: 0;
}

.operating__box {
  align-items: center;
  background: var(--tg-theme-secondary);
  bottom: 0;
  display: flex;
  gap: 14px;
  left: -394px;
  padding: 35px;
  position: absolute;
  width: 370px;
}

@media (max-width: 1199.98px) {
  .operating__box {
    left: -330px;
    padding: 35px 18px;
    width: 330px;
  }
}
@media (max-width: 991.98px) {
  .operating__box {
    display: none;
  }
}
.operating__box .icon {
  color: var(--tg-color-white-default);
  font-size: 53px;
  line-height: 0;
}

.operating__box .content p {
  color: var(--tg-color-white-default);
  font-family: var(--tg-heading-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  text-transform: capitalize;
}

.choose__box:hover .icon svg {
  transform: rotateY(180deg);
  transition: all 0.3s ease-out 0s;
}

.project-area {
  padding: 120px 0;
  position: relative;
}

@media (max-width: 767.98px) {
  .project-area {
    padding: 100px 0;
  }
}
.project__area-two {
  background: var(--tg-color-yellow-light-2);
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .project__area-two {
    padding: 100px 0 70px;
  }
}
.project__area-three {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .project__area-three {
    padding: 100px 0;
  }
}
.project-item {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
  border-radius: 10px;
  margin-bottom: 30px;
}

.project-item-wrap .row {
  --bs-gutter-x:24px;
}

.project-item:hover .project-thumb:before {
  height: 100%;
}

.project__item-two {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}

.project__item-two:hover .project__thumb-two:before {
  height: 100%;
}

.project__item-two:hover .project__content-two {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.project__item-three {
  padding: 0 105px;
  position: relative;
}

@media (max-width: 1199.98px) {
  .project__item-three {
    padding: 0 80px;
  }
}
@media (max-width: 991.98px) {
  .project__item-three {
    padding: 0 50px;
  }
}
@media (max-width: 767.98px) {
  .project__item-three {
    padding: 0;
  }
}
.project__item-four {
  position: relative;
}

.project__item-four:hover .project__thumb-four img {
  filter: grayscale(0);
}

.project__item-four:hover .project__content-four .right-arrow {
  opacity: 1;
}

.project-thumb {
  border-radius: 10px 10px 0 120px;
  margin: -1px -1px 0;
  overflow: hidden;
  position: relative;
}

.project-thumb img {
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1500px) {
  .project-thumb img {
    height: 330px;
  }
}
.project-thumb:before {
  background: #af7400;
  content: "";
  height: 0;
  left: 0;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}

.project__thumb-two {
  overflow: hidden;
  position: relative;
}

.project__thumb-two img {
  border-radius: 15px;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.project__thumb-two:before {
  background: var(--tg-color-dark-blue);
  border-radius: 15px;
  content: "";
  height: 0;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  transition: all 0.4s ease-out 0s;
  width: 100%;
}

.project__thumb-three {
  margin-inline-start: auto;
  width: 782px;
}

@media (max-width: 1199.98px) {
  .project__thumb-three {
    width: 580px;
  }
}
@media (max-width: 991.98px) {
  .project__thumb-three {
    width: 450px;
  }
}
@media (max-width: 767.98px) {
  .project__thumb-three {
    display: none;
  }
}
.project__thumb-three img {
  border-radius: 15px;
  height: 478px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1199.98px) {
  .project__thumb-three img {
    height: 430px;
  }
}
.project__thumb-four {
  overflow: hidden;
  position: relative;
}

.project__thumb-four img {
  filter: grayscale(1);
  height: 570px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1199.98px) {
  .project__thumb-four img {
    height: 480px;
  }
}
.project__thumb-four:after {
  background: linear-gradient(180deg, rgba(11, 12, 57, 0), rgba(0, 1, 38, 0.9));
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.project-content {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 30px;
}

@media (max-width: 1500px) {
  .project-content {
    padding: 30px 20px;
  }
}
@media (max-width: 1199.98px) {
  .project-content {
    padding: 30px;
  }
}
@media (max-width: 991.98px) {
  .project-content {
    padding: 30px 20px;
  }
}
.project-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (max-width: 1500px) {
  .project-content .title {
    font-size: 22px;
  }
}
.project-content span {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

.project-content-bottom {
  align-items: center;
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-top: 40px;
}

@media (max-width: 767.98px) {
  .project-content-bottom {
    flex-wrap: wrap;
    gap: 30px;
    text-align: center;
  }
}
.project-content-bottom p {
  color: var(--tg-heading-color);
  font-weight: 500;
  margin-bottom: 0;
}

.project__content-two {
  left: 30px;
  margin-top: 100px;
  opacity: 0;
  padding: 30px 0;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease-out 0s;
  visibility: hidden;
}

.project__content-two .title {
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: var(--tg-fw-semi-bold);
  margin-bottom: 5px;
}

.project__content-two span {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 15px;
  font-weight: var(--tg-fw-medium);
  margin-bottom: 15px;
}

.project__content-three {
  background: var(--tg-theme-secondary);
  border-radius: 15px;
  left: 105px;
  padding: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 392px;
  z-index: 2;
}

@media (max-width: 1199.98px) {
  .project__content-three {
    left: 80px;
    padding: 40px;
    width: 360px;
  }
}
@media (max-width: 991.98px) {
  .project__content-three {
    left: 50px;
  }
}
@media (max-width: 767.98px) {
  .project__content-three {
    position: unset;
    transform: translateY(0);
    width: 100%;
  }
}
.project__content-three span {
  color: var(--tg-theme-primary);
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
}

.project__content-three .title {
  color: var(--tg-color-white-default);
  font-size: 24px;
  margin-bottom: 18px;
}

.project__content-three p {
  color: var(--tg-color-gray-3);
  margin-bottom: 25px;
}

.project__content-three .btn {
  background: var(--tg-color-white-default);
  color: var(--tg-heading-color);
}

.project__content-three .btn:hover {
  color: var(--tg-color-white-default);
}

.project__content-four {
  align-items: center;
  bottom: 50px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  left: 50px;
  position: absolute;
  right: 50px;
}

@media (max-width: 1500px) {
  .project__content-four {
    bottom: 30px;
    left: 25px;
    right: 25px;
  }
}
.project__content-four .left-content .title {
  color: var(--tg-color-white-default);
  font-size: 30px;
  margin-bottom: 10px;
}

@media (max-width: 1500px) {
  .project__content-four .left-content .title {
    font-size: 24px;
  }
}
.project__content-four .left-content span {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

.project__content-four .right-arrow {
  align-items: center;
  background: var(--tg-theme-secondary);
  border-radius: 50%;
  color: var(--tg-color-white-default);
  display: flex;
  flex: 0 0 auto;
  font-size: 32px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  width: 50px;
}

.project__content-four .right-arrow:hover {
  background: var(--tg-theme-primary);
}

.project-shape-wrap img {
  position: absolute;
  z-index: -1;
}

.project-shape-wrap img:first-child {
  bottom: 10%;
  left: 0;
}

.project-shape-wrap img:nth-child(2) {
  right: 2%;
  top: 22%;
}

@media (max-width: 1199.98px) {
  .project-shape-wrap img:nth-child(2) {
    top: 16%;
  }
}
@media (max-width: 767.98px) {
  .project-shape-wrap img:nth-child(2) {
    right: 0;
    top: 10.7%;
    width: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project-shape-wrap img:nth-child(2) {
    right: 2%;
    top: 9.7%;
    width: 80px;
  }
}
.project__shape-wrap-two img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

@media (max-width: 767.98px) {
  .project__shape-wrap-two img {
    width: 250px;
  }
}
.project__shape-wrap-three img {
  position: absolute;
  z-index: -1;
}

.project__shape-wrap-three img:first-child {
  right: 0;
  top: 0;
}

@media (max-width: 991.98px) {
  .project__shape-wrap-three img:first-child {
    width: 200px;
  }
}
.project__shape-wrap-three img:nth-child(2) {
  bottom: 13%;
  left: 20%;
}

@media (max-width: 1199.98px) {
  .project__shape-wrap-three img:nth-child(2) {
    bottom: 12%;
    left: 6%;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
  }
}
.project__nav-wrap .project-button-prev {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 28px;
  height: 60px;
  justify-content: center;
  left: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.3s ease-out 0s;
  width: 60px;
  z-index: 3;
}

@media (max-width: 991.98px) {
  .project__nav-wrap .project-button-prev {
    font-size: 25px;
    height: 50px;
    width: 50px;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap .project-button-prev {
    position: unset;
    transform: translateY(0) rotate(180deg);
  }
}
.project__nav-wrap .project-button-prev:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.project__nav-wrap .project-button-next {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 28px;
  height: 60px;
  justify-content: center;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-out 0s;
  width: 60px;
  z-index: 3;
}

@media (max-width: 991.98px) {
  .project__nav-wrap .project-button-next {
    font-size: 25px;
    height: 50px;
    width: 50px;
  }
}
@media (max-width: 767.98px) {
  .project__nav-wrap .project-button-next {
    position: unset;
    transform: translateY(0);
  }
}
.project__nav-wrap .project-button-next:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.project__details-area {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .project__details-area {
    padding: 100px 0;
  }
}
.project__details-top .row .col-70 {
  flex: 0 0 auto;
  width: 70.4%;
}

@media (max-width: 1199.98px) {
  .project__details-top .row .col-70 {
    width: 64.4%;
  }
}
@media (max-width: 991.98px) {
  .project__details-top .row .col-70 {
    width: 100%;
  }
}
.project__details-top .row .col-30 {
  flex: 0 0 auto;
  width: 29.6%;
}

@media (max-width: 1199.98px) {
  .project__details-top .row .col-30 {
    width: 35.6%;
  }
}
@media (max-width: 991.98px) {
  .project__details-top .row .col-30 {
    width: 100%;
  }
}
.project__details-thumb {
  height: 100%;
  padding-bottom: 30px;
}

.project__details-thumb img {
  border-radius: 10px;
  height: 100%;
  min-height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.project__details-info {
  background: var(--tg-heading-color);
  border-radius: 10px;
  margin-bottom: 30px;
  margin-inline-start: 20px;
  padding: 25px 30px 30px;
}

@media (max-width: 1199.98px) {
  .project__details-info {
    margin-inline-start: 0;
    padding: 25px 20px 30px;
  }
}
@media (max-width: 991.98px) {
  .project__details-info {
    padding: 25px 30px 30px;
  }
}
.project__details-info .title {
  color: var(--tg-color-white-default);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 22px;
  padding-bottom: 15px;
  position: relative;
}

.project__details-info .title:before {
  background: var(--tg-theme-primary);
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 30px;
}

.project__details-info > .list-wrap > li {
  align-items: center;
  border-bottom: 1px solid #292c7c;
  color: var(--tg-color-white-default);
  display: flex;
  font-family: var(--tg-heading-font-family);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.project__details-info > .list-wrap > li span {
  color: #aaacdf;
  font-weight: 400;
  margin-inline-end: 10px;
  min-width: 80px;
}

.project__details-info > .list-wrap > li:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.project__details-info > .list-wrap > li .project-social {
  align-items: center;
  display: flex;
  gap: 15px;
}

.project__details-info > .list-wrap > li .project-social li a {
  color: var(--tg-color-white-default);
  font-size: 18px;
}

.project__details-info > .list-wrap > li .project-social li a:hover {
  color: var(--tg-theme-primary);
}

.project__details-content > .title {
  font-size: 36px;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .project__details-content > .title {
    font-size: 32px;
  }
}
.project__details-content > p {
  margin-bottom: 20px;
}

.project__details-inner {
  margin-top: 70px;
}

@media (max-width: 767.98px) {
  .project__details-inner {
    margin-top: 40px;
  }
}
.project__details-inner-content .title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .project__details-inner-content .title {
    font-size: 30px;
  }
}
.project__details-inner-content p, .project__details-inner-content p.last-info {
  margin-bottom: 0;
}

.project__details-inner-content .content-inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  margin: 30px 0;
}

.project__details-inner-content .content-inner .graph-img img {
  border: 0.8px solid #dadada;
  border-radius: 12px;
  -ms-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.1);
}

.project__details-inner-img {
  text-align: right;
}

@media (max-width: 991.98px) {
  .project__details-inner-img {
    margin-bottom: 30px;
    text-align: center;
  }
}
.project__details-inner-img img {
  border-radius: 10px;
}

.link-arrow a {
  --arrow-hover-move-x:110%;
  --arrow-hover-move-y:100%;
  align-items: center;
  background: var(--tg-color-gray-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 18px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  width: 50px;
}

.link-arrow a svg {
  width: 20px;
}

.link-arrow a svg path {
  transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
}

.link-arrow a svg path:first-of-type {
  opacity: 1;
  transform: translateX(0) translateY(0);
  transition-delay: 0.15s, 0.15s;
}

.link-arrow a svg path:nth-of-type(2) {
  opacity: 0.5;
  transform: translateX(calc(var(--arrow-hover-move-x) * -1)) translateY(var(--arrow-hover-move-y));
  transition-delay: 0s, 0s;
}

.link-arrow a:hover {
  background: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.link-arrow a:hover svg path:first-of-type {
  opacity: 0;
  transform: translateX(var(--arrow-hover-move-x)) translateY(calc(var(--arrow-hover-move-y) * -1));
  transition-delay: 0s, 0s;
}

.link-arrow a:hover svg path:nth-of-type(2) {
  opacity: 1;
  transform: translateX(0) translateY(0);
  transition-delay: 0.15s, 0.15s;
}

.link-arrow-two a {
  align-items: center;
  background: var(--tg-theme-primary);
  border: none;
  border-radius: 50%;
  color: var(--tg-color-white-default);
  display: flex;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  width: 50px;
}

.link-arrow-two a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.pricing__bg {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .pricing__bg {
    padding: 100px 0 70px;
  }
}
.pricing__bg-two {
  margin-top: -135px;
  padding: 255px 0 90px;
}

@media (max-width: 767.98px) {
  .pricing__bg-two {
    padding: 235px 0 70px;
  }
}
.pricing__tab {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  position: relative;
}

.pricing__tab-btn {
  color: var(--tg-border-5);
  cursor: pointer;
  font-family: var(--tg-heading-font-family);
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease-out 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pricing__tab-btn.monthly_tab_title {
  color: var(--tg-heading-color);
}

.pricing__tab-btn.monthly_tab_title.active {
  color: var(--tg-border-5);
}

.pricing__tab-btn.annual_tab_title.active {
  color: var(--tg-heading-color);
}

.pricing__tab-switcher {
  background: var(--tg-theme-primary);
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  margin: 0 15px;
  position: relative;
  transform: translateY(0);
  width: 60px;
}

.pricing__tab-switcher:before {
  background: var(--tg-color-white-default);
  border-radius: 50%;
  bottom: 2px;
  content: "";
  left: 2px;
  position: absolute;
  top: 2px;
  transition: all 0.3s ease-out 0s;
  width: 26px;
}

.pricing__tab-switcher.active:before {
  left: calc(100% - 28px);
}

.pricing__box {
  background: var(--tg-color-white-default);
  border: 1px solid #cfdde2;
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 50px 65px;
}

@media (max-width: 1199.98px) {
  .pricing__box {
    padding: 40px 25px;
  }
}
@media (max-width: 991.98px) {
  .pricing__box {
    padding: 40px 30px;
  }
}
.pricing__box-two {
  text-align: center;
}

.pricing__box-two .pricing__price {
  margin-bottom: 20px;
}

.pricing__box-two .pricing__list .list-wrap li, .pricing__box-two .pricing__price .price {
  justify-content: center;
}

.pricing__head {
  margin-bottom: 20px;
}

.pricing__head .title {
  background: var(--tg-color-gray-3);
  border-radius: 30px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 12px 22px;
  text-transform: uppercase;
}

.pricing__price {
  margin-bottom: 40px;
}

.pricing__price .price {
  align-items: flex-end;
  display: flex;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 0;
}

.pricing__price .price strong {
  color: var(--tg-border-5);
  font-size: 18px;
  font-weight: 400;
  margin: 4px 3px auto 0;
}

.pricing__price .price span {
  color: var(--tg-border-5);
  font-size: 18px;
  font-weight: 400;
  margin-inline-start: 5px;
  margin-bottom: 7px;
  text-transform: lowercase;
  text-transform: capitalize;
}

.pricing__price .price.annual_price, .pricing__price.change-subs-duration .monthly_price {
  display: none;
}

.pricing__price.change-subs-duration .annual_price {
  display: flex;
}

.pricing__content p, .pricing__list {
  margin-bottom: 30px;
}

.pricing__list .list-wrap li {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 10px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.pricing__list .list-wrap li:last-child {
  margin-bottom: 0;
}

.pricing__shape-wrap img {
  position: absolute;
  z-index: -1;
}

.pricing__shape-wrap img:first-child {
  left: 0;
  top: 0;
}

@media (max-width: 767.98px) {
  .pricing__shape-wrap img:first-child {
    width: 200px;
  }
}
.pricing__shape-wrap img:nth-child(2) {
  bottom: 0;
  right: 0;
}

@media (max-width: 767.98px) {
  .pricing__shape-wrap img:nth-child(2) {
    width: 200px;
  }
}
.request-bg {
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 280px 0 220px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1500px) {
  .request-bg {
    padding: 200px 0 180px;
  }
}
@media (max-width: 1199.98px) {
  .request-bg {
    padding: 180px 0 160px;
  }
}
@media (max-width: 991.98px) {
  .request-bg {
    padding: 130px 0;
  }
}
@media (max-width: 767.98px) {
  .request-bg {
    padding: 100px 0;
  }
}
.request-bg:before {
  background: #0b0c39;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.request__area-two {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .request__area-two {
    padding: 100px 0;
  }
}
.request__area-three {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .request__area-three {
    padding: 100px 0;
  }
}
.request__bg-three, .request__bg-two {
  background-attachment: fixed;
  background-position: 50%;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.request-content .title {
  color: var(--tg-color-white-default);
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
  .request-content .title {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .request-content .title {
    font-size: 36px;
  }
}
.request-content .btn {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.request-content .btn:before {
  background: var(--tg-theme-primary);
}

.request-content .content-bottom {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .request-content .content-bottom {
    flex-wrap: wrap;
  }
}
.request-content .content-bottom .content-right {
  align-items: center;
  display: flex;
  gap: 15px;
}

.request-content .content-bottom .content-right .icon {
  color: var(--tg-theme-primary);
  font-size: 36px;
  line-height: 0;
}

.request-content .content-bottom .content-right .content span {
  color: var(--tg-color-white-default);
  display: block;
  font-size: 14px;
  line-height: 0;
  margin-bottom: 8px;
  text-align: left;
}

.request-content .content-bottom .content-right .content a {
  color: var(--tg-color-white-default);
  font-family: var(--tg-heading-font-family);
  font-size: 24px;
  font-weight: 600;
}

.request-content .content-bottom .content-right .content a:hover {
  color: var(--tg-theme-primary);
}

.request__content-two {
  background: var(--tg-heading-color);
  border-radius: 15px;
  padding: 60px;
}

@media (max-width: 991.98px) {
  .request__content-two {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .request__content-two {
    padding: 40px 35px;
  }
}
.request__content-two .title {
  color: var(--tg-color-white-default);
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .request__content-two .title {
    font-size: 32px;
  }
}
.request__content-two .title span {
  font-weight: 700;
}

.request__phone {
  align-items: center;
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
}

@media (max-width: 991.98px) {
  .request__phone {
    justify-content: center;
  }
}
.request__phone .icon {
  color: var(--tg-theme-primary);
  font-size: 36px;
  line-height: 0;
}

.request__phone .content span {
  color: var(--tg-color-gray-2);
  display: block;
  font-size: 14px;
  line-height: 1;
}

.request__phone .content a, .request__phone .content span {
  font-family: var(--tg-heading-font-family);
  text-align: left;
}

.request__phone .content a {
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .request__phone .content a {
    font-size: 22px;
  }
}
.request__phone .content a:hover {
  color: var(--tg-theme-primary);
}

.request-shape img {
  position: absolute;
  z-index: -1;
}

.request-shape img:first-child {
  left: 0;
  top: 0;
}

@media (max-width: 1199.98px) {
  .request-shape img:first-child {
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .request-shape img:first-child {
    width: 210px;
  }
}
.request-shape img:nth-child(2) {
  bottom: 0;
  right: 0;
}

@media (max-width: 1199.98px) {
  .request-shape img:nth-child(2) {
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .request-shape img:nth-child(2) {
    width: 190px;
  }
}
.request__shape-two img {
  position: absolute;
  z-index: -1;
}

.request__shape-two img:first-child {
  left: 0;
  top: 0;
}

@media (max-width: 991.98px) {
  .request__shape-two img:first-child {
    width: 200px;
  }
}
.request__shape-two img:nth-child(2) {
  bottom: 0;
  right: 0;
}

@media (max-width: 991.98px) {
  .request__shape-two img:nth-child(2) {
    width: 200px;
  }
}
.consulting-area {
  position: relative;
  z-index: 2;
}

.consulting-inner-wrap {
  background: var(--tg-theme-secondary);
  border-radius: 15px;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.consulting-content {
  align-items: center;
  display: flex;
  gap: 24px;
  padding: 70px 65px;
}

@media (max-width: 1199.98px) {
  .consulting-content {
    gap: 20px;
    padding: 50px 30px;
  }
}
@media (max-width: 767.98px) {
  .consulting-content {
    flex-wrap: wrap;
    text-align: center;
  }
}
.consulting-content .content-left {
  background: var(--tg-theme-primary);
  padding: 20px 23px;
  text-align: center;
}

@media (max-width: 767.98px) {
  .consulting-content .content-left {
    margin: 0 auto;
  }
}
.consulting-content .content-left .title {
  color: var(--tg-color-white-default);
  font-size: 40px;
  line-height: 1;
  margin-bottom: 5px;
}

.consulting-content .content-left span {
  color: var(--tg-color-white-default);
  display: block;
  font-family: var(--tg-heading-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.consulting-content .content-right .title {
  color: var(--tg-color-white-default);
  font-size: 30px;
  margin-bottom: 15px;
}

.consulting-content .content-right p {
  color: var(--tg-color-white-default);
  margin-bottom: 0;
}

.consulting-img {
  flex: 0 0 auto;
  width: 392px;
}

@media (max-width: 991.98px) {
  .consulting-img {
    display: none;
  }
}
.consulting-img img {
  border-radius: 0 15px 15px 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.consulting-shape img {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}

.testimonial-area {
  background: #fffbf3;
  margin-top: -130px;
  overflow: hidden;
  padding: 250px 0 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .testimonial-area {
    padding: 230px 0 0;
  }
}
.testimonial__area-two {
  background: var(--tg-heading-color);
  overflow: hidden;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .testimonial__area-two {
    padding: 100px 0 70px;
  }
}
.testimonial__area-three {
  background: var(--tg-heading-color);
  overflow: hidden;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .testimonial__area-three {
    padding: 100px 0;
  }
}
.testimonial__bg {
  background-position: 50%;
  background-size: cover;
  padding: 0 0 120px;
}

@media (max-width: 767.98px) {
  .testimonial__bg {
    padding: 0 0 100px;
  }
}
.testimonial__bg-two {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .testimonial__bg-two {
    padding: 100px 0;
  }
}
.testimonial-img-wrap {
  position: relative;
  text-align: center;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .testimonial-img-wrap {
    margin-top: 50px;
  }
}
.testimonial-img-wrap .img-shape img {
  position: absolute;
  z-index: -1;
}

.testimonial-img-wrap .img-shape img:first-child {
  bottom: 0;
  left: 0;
}

.testimonial-img-wrap .img-shape img:nth-child(2) {
  left: 10%;
  top: 18%;
}

@media (max-width: 1199.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(2) {
    left: 5%;
  }
}
@media (max-width: 767.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(2) {
    left: 3%;
    top: 10%;
    width: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-img-wrap .img-shape img:nth-child(2) {
    left: 5%;
    top: 13%;
    width: 90px;
  }
}
.testimonial-img-wrap .img-shape img:nth-child(3) {
  bottom: 19%;
  left: 14%;
}

@media (max-width: 1199.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(3) {
    bottom: 30%;
    left: 3%;
  }
}
@media (max-width: 767.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(3) {
    display: none;
  }
}
.testimonial-img-wrap .img-shape img:nth-child(4) {
  animation-duration: 5s;
  bottom: 21%;
  right: 0;
}

@media (max-width: 767.98px) {
  .testimonial-img-wrap .img-shape img:nth-child(4) {
    display: none;
  }
}
.testimonial__img-wrap-two {
  position: relative;
  text-align: center;
}

@media (max-width: 991.98px) {
  .testimonial__img-wrap-two {
    margin-bottom: 50px;
  }
}
.testimonial__img-shape-two img {
  position: absolute;
}

.testimonial__img-shape-two img:first-child {
  left: 0;
  top: 40%;
}

@media (max-width: 1199.98px) {
  .testimonial__img-shape-two img:first-child {
    left: -2%;
    width: 100px;
  }
}
@media (max-width: 767.98px) {
  .testimonial__img-shape-two img:first-child {
    display: none;
  }
}
.testimonial__img-shape-two img:nth-child(2) {
  bottom: 1%;
  left: 16%;
}

@media (max-width: 767.98px) {
  .testimonial__img-shape-two img:nth-child(2) {
    bottom: -3%;
    left: 9%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__img-shape-two img:nth-child(2) {
    bottom: 1%;
    left: 16%;
  }
}
.testimonial__img-shape-two img:nth-child(3) {
  right: 13%;
  top: 32%;
}

@media (max-width: 1199.98px) {
  .testimonial__img-shape-two img:nth-child(3) {
    right: 9%;
  }
}
@media (max-width: 767.98px) {
  .testimonial__img-shape-two img:nth-child(3) {
    right: 3%;
    top: 28%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__img-shape-two img:nth-child(3) {
    right: 10%;
  }
}
.testimonial-info {
  margin-bottom: 20px;
}

.testimonial-info .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}

.testimonial-info span {
  display: block;
  font-family: var(--tg-heading-font-family);
  line-height: 1;
}

.testimonial__info-two .title {
  color: var(--tg-color-white-default);
  font-size: 20px;
  margin-bottom: 5px;
}

.testimonial__info-two span {
  color: #9597c8;
  display: block;
  font-family: var(--tg-heading-font-family);
  font-size: 15px;
  margin-bottom: 12px;
}

.testimonial__info-three {
  padding-left: 20px;
  position: relative;
}

.testimonial__info-three:before {
  background: var(--tg-theme-secondary);
  border-radius: 4px;
  content: "";
  height: 36px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}

.testimonial__info-three .title {
  color: var(--tg-theme-secondary);
  font-size: 22px;
  margin-bottom: 8px;
}

.testimonial__info-three span {
  display: block;
  line-height: 1;
}

.testimonial__item-two {
  background: #1f227b;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 40px 35px 70px;
  position: relative;
  text-align: center;
  z-index: 1;
}

@media (max-width: 1199.98px) {
  .testimonial__item-two {
    padding: 40px 20px 70px;
  }
}
@media (max-width: 991.98px) {
  .testimonial__item-two {
    padding: 40px 25px 70px;
  }
}
.testimonial__item-two .testimonial__rating {
  justify-content: center;
}

.testimonial__item-two p {
  color: var(--tg-color-gray-2);
  margin-bottom: 0;
  text-transform: capitalize;
}

.testimonial__item-two .icon {
  bottom: -8px;
  position: absolute;
  right: 25px;
  z-index: -1;
}

.testimonial__item-three p {
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 40px;
  text-transform: capitalize;
}

.testimonial__item-four .testimonial-info .title {
  color: var(--tg-color-white-default);
}

.testimonial__item-four .testimonial-info span {
  color: var(--tg-border-5);
}

.testimonial__item-four .testimonial-content p {
  color: var(--tg-color-gray-2);
}

.testimonial__item-wrap {
  margin-inline-start: 50px;
}

@media (max-width: 1199.98px) {
  .testimonial__item-wrap {
    margin-inline-start: 0;
  }
}
.testimonial__rating {
  align-items: center;
  color: var(--tg-theme-primary);
  display: flex;
  font-size: 18px;
  gap: 3px;
  margin-bottom: 20px;
}

.testimonial__rating i:last-child {
  color: #ded9ce;
}

.testimonial__rating-two {
  margin-bottom: 30px;
}

.testimonial__avatar {
  border: 2px solid var(--tg-color-white-default);
  border-radius: 50%;
  margin: 0 auto 15px;
  overflow: hidden;
  width: 82px;
}

.testimonial__avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.testimonial-content {
  align-items: center;
  display: flex;
  gap: 40px;
}

@media (max-width: 1199.98px) {
  .testimonial-content {
    gap: 20px;
  }
}
.testimonial-content p {
  font-size: 17px;
  font-style: italic;
  line-height: 1.58;
  margin-bottom: 0;
  text-transform: capitalize;
}

.testimonial-content .icon {
  align-items: center;
  background: var(--tg-theme-primary);
  border-radius: 40px 0 0 0;
  color: var(--tg-color-white-default);
  display: flex;
  flex: 0 0 auto;
  font-size: 40px;
  height: 80px;
  justify-content: center;
  line-height: 0;
  width: 80px;
}

@media (max-width: 767.98px) {
  .testimonial-content .icon {
    display: none;
  }
}
.testimonial-nav .swiper-wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-top: 35px;
}

.testimonial-nav .swiper-wrapper button {
  background: transparent;
  border: none;
  border-radius: 50%;
  padding: 0;
  position: relative;
  width: 65px;
}

.testimonial-nav .swiper-wrapper button img {
  border-radius: 50%;
  filter: grayscale(1);
  width: 100%;
}

.testimonial-nav .swiper-wrapper .swiper-slide {
  width: auto !important;
}

.testimonial-nav .swiper-slide-thumb-active button img {
  filter: grayscale(0);
}

.testimonial__nav-two {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-top: 30px;
}

.testimonial__nav-two .testimonial-button-prev {
  align-items: center;
  background: var(--tg-color-white-default);
  border: 1.5px solid #9597c8;
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 24px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  transform: rotate(180deg);
  transition: all 0.3s ease-out 0s;
  width: 50px;
}

.testimonial__nav-two .testimonial-button-prev:hover {
  background: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.testimonial__nav-two .testimonial-button-next {
  align-items: center;
  background: var(--tg-color-white-default);
  border: 1.5px solid #9597c8;
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 24px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
  width: 50px;
}

.testimonial__nav-two .testimonial-button-next:hover {
  background: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.testimonial__nav-three .swiper-wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 35px;
}

.testimonial__nav-three .swiper-wrapper button {
  background: transparent;
  border: none;
  border-radius: 50%;
  padding: 0;
  position: relative;
  width: 65px;
}

.testimonial__nav-three .swiper-wrapper button img {
  border-radius: 50%;
  filter: grayscale(1);
  width: 100%;
}

.testimonial__nav-three .swiper-wrapper .swiper-slide {
  width: auto !important;
}

.testimonial__nav-three .swiper-slide-thumb-active button img {
  filter: grayscale(0);
}

.testimonial__nav-four {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-top: 25px;
}

.testimonial__nav-four .testimonial-two-button-prev {
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 24px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  transform: rotate(180deg);
  transition: all 0.3s ease-out 0s;
  width: 50px;
}

.testimonial__nav-four .testimonial-two-button-prev:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.testimonial__nav-four .testimonial-two-button-next {
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 24px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
  width: 50px;
}

.testimonial__nav-four .testimonial-two-button-next:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.testimonial__inner-top {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.testimonial__inner-top .icon {
  align-items: center;
  background: var(--tg-theme-primary);
  border-radius: 40px 0 0 0;
  color: var(--tg-color-white-default);
  display: flex;
  flex: 0 0 auto;
  font-size: 40px;
  height: 80px;
  justify-content: center;
  line-height: 0;
  width: 80px;
}

@media (max-width: 767.98px) {
  .testimonial__inner-top .icon {
    display: none;
  }
}
.testimonial__bottom {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.testimonial__form {
  background: var(--tg-color-white-default);
  border-radius: 15px;
  margin: 0 auto;
  padding: 40px 45px 45px;
  width: 400px;
}

@media (max-width: 1199.98px) {
  .testimonial__form {
    padding: 40px 40px 45px;
  }
}
@media (max-width: 991.98px) {
  .testimonial__form {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .testimonial__form {
    padding: 30px 25px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__form {
    padding: 40px;
  }
}
.testimonial__form .title {
  font-size: 30px;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.testimonial__form .form-grp {
  margin-bottom: 10px;
}

.testimonial__form .form-grp input {
  background: transparent;
  border: 1px solid #d0d6e1;
  border-radius: 5px;
  color: var(--tg-body-color);
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  padding: 15px 20px;
  width: 100%;
}

.testimonial__form .form-grp input::-moz-placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: 500;
}

.testimonial__form .form-grp input::placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: 500;
}

.testimonial__form .form-grp.select-grp {
  position: relative;
}

.testimonial__form .form-grp.select-grp select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #d0d6e1;
  border-radius: 5px;
  color: #667594;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  line-height: 1.2;
  outline: none;
  padding: 15px 40px 15px 20px;
  text-transform: capitalize;
  width: 100%;
}

.testimonial__form .form-grp.select-grp:after {
  color: var(--tg-theme-secondary);
  content: "\f106";
  font-family: flaticon;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.testimonial-shape-wrap img {
  position: absolute;
  z-index: -1;
}

.testimonial-shape-wrap img:first-child {
  bottom: 0;
  right: 10%;
}

.testimonial-shape-wrap img:nth-child(2) {
  right: 0;
  top: 0;
}

.testimonial__shape-two img {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}

.testimonial__shape-three img {
  animation-duration: 30s;
  position: absolute;
  right: 15%;
  top: -15%;
  z-index: -1;
}

@media (max-width: 1500px) {
  .testimonial__shape-three img {
    right: 1%;
  }
}
@media (max-width: 991.98px) {
  .testimonial__shape-three img {
    bottom: -10%;
    top: auto;
  }
}
@media (max-width: 767.98px) {
  .testimonial__shape-three img {
    bottom: 0;
  }
}
.range-slider-wrap {
  margin-bottom: 20px;
}

.range-slider-wrap input {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: #d9d9d9;
  border-radius: 10px;
  height: 15px;
  outline: none;
  overflow: hidden;
  width: 100%;
}

.range-slider-wrap .range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--tg-theme-primary);
  border: none;
  border-radius: 50%;
  box-shadow: -807px 0 0 800px var(--tg-heading-color);
  cursor: pointer;
  height: 15px;
  width: 15px;
}

.range-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 20px;
}

.range-top p {
  margin-bottom: 0;
}

.range-top p, .range-top span {
  color: var(--tg-heading-color);
  font-family: var(--tg-heading-font-family);
  font-size: 16px;
  font-weight: 600;
}

.range-top span {
  display: block;
}

.range-top span strong {
  font-weight: 600;
}

.features__area-two {
  padding: 120px 0 90px;
}

@media (max-width: 767.98px) {
  .features__area-two {
    padding: 100px 0 70px;
  }
}
.features__item {
  align-items: center;
  border: 1px solid var(--tg-border-2);
  display: flex;
  gap: 20px;
  justify-content: center;
  padding: 80px 50px;
}

@media (max-width: 1800px) {
  .features__item {
    padding: 80px 30px;
  }
}
@media (max-width: 1500px) {
  .features__item {
    padding: 60px 20px;
  }
}
@media (max-width: 1199.98px) {
  .features__item {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .features__item {
    padding: 40px 30px;
  }
}
@media (max-width: 767.98px) {
  .features__item {
    padding: 40px 25px;
  }
}
.features__item:hover .features__icon i {
  transform: rotateY(180deg);
}

.features__item-wrap {
  border-bottom: 1px solid var(--tg-border-2);
}

.features__item-wrap .row {
  --bs-gutter-x:0px;
}

.features__item-two {
  align-items: flex-start;
  background: var(--tg-color-white-default);
  border: 1px solid #e4ecef;
  border-radius: 10px;
  -ms-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  padding: 30px;
}

@media (max-width: 1199.98px) {
  .features__item-two {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-two {
    flex-wrap: nowrap;
  }
}
.features__item-two:hover .features__icon-two i {
  transform: rotateY(180deg);
}

.features__icon {
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 10px;
  color: var(--tg-theme-secondary);
  display: flex;
  flex: 0 0 auto;
  font-size: 50px;
  height: 80px;
  justify-content: center;
  line-height: 0;
  width: 80px;
}

@media (max-width: 1199.98px) {
  .features__icon {
    margin-bottom: 20px;
  }
}
.features__icon i {
  transform: rotateY(0);
  transition: all 0.4s ease-out 0s;
}

.features__icon-two {
  align-items: center;
  background: var(--tg-color-yellow-light);
  border-radius: 8px;
  color: var(--tg-theme-primary);
  display: flex;
  flex: 0 0 auto;
  font-size: 50px;
  height: 70px;
  justify-content: center;
  line-height: 0;
  width: 70px;
}

.features__icon-two i {
  transform: rotateY(0);
  transition: all 0.4s ease-out 0s;
}

.features__content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}

@media (max-width: 1500px) {
  .features__content .title {
    font-size: 22px;
  }
}
.features__content p {
  margin-bottom: 0;
}

@media (max-width: 1500px) {
  .features__content p br {
    display: none;
  }
}
.features__content-two .title {
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.features__content-two p {
  margin-bottom: 0;
}

.marquee__area {
  background: var(--tg-color-yellow-light-2);
  overflow: hidden;
  padding: 0 0 120px;
}

@media (max-width: 767.98px) {
  .marquee__area {
    padding: 0 0 100px;
  }
}
.marquee__area-two {
  overflow: hidden;
  padding: 0 0 120px;
}

@media (max-width: 767.98px) {
  .marquee__area-two {
    padding: 0 0 100px;
  }
}
.marquee__wrap {
  align-items: center;
  display: flex;
}

.marquee__wrap:hover .marquee__box {
  animation-play-state: paused;
}

.marquee__box {
  animation: marquee 50s linear infinite;
  flex-wrap: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}

.marquee__box, .marquee__box a {
  align-items: center;
  display: flex;
}

.marquee__box a {
  color: var(--tg-theme-primary);
  font-family: var(--tg-heading-font-family);
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  margin-inline-end: 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .marquee__box a {
    font-size: 55px;
  }
}
@media (max-width: 991.98px) {
  .marquee__box a {
    font-size: 50px;
  }
}
@media (max-width: 767.98px) {
  .marquee__box a {
    font-size: 40px;
  }
}
.marquee__box a:after {
  color: var(--tg-theme-primary);
  content: "\f621";
  font-family: var(--tg-icon-font-family);
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  margin-inline-start: 20px;
}

@media (max-width: 1199.98px) {
  .marquee__box a:after {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .marquee__box a:after {
    font-size: 30px;
  }
}
.counter-area {
  background: #fffbf3;
  overflow: hidden;
  padding: 110px 0 80px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .counter-area {
    padding: 100px 0 70px;
  }
}
.counter-area-two {
  overflow: hidden;
  padding: 140px 0 110px;
  position: relative;
}

@media (max-width: 767.98px) {
  .counter-area-two {
    padding: 100px 0 70px;
  }
}
.counter-area-three {
  background: #f5fafc;
  padding: 0 0 90px;
}

.counter-item {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  .counter-item {
    gap: 12px;
  }
}
.counter-item .icon {
  color: var(--tg-theme-primary);
  font-size: 72px;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item .icon {
    font-size: 60px;
  }
}
.counter-item .content .count {
  align-items: center;
  display: flex;
  font-size: 40px;
  font-weight: 800;
  line-height: 0.8;
  margin-bottom: 5px;
}

@media (max-width: 1199.98px) {
  .counter-item .content .count {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item .content .count {
    font-size: 34px;
  }
}
.counter-item .content p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-item .content p {
    font-size: 16px;
  }
}
.counter-item:hover .icon {
  transform: rotateY(180deg);
}

.counter-shape-wrap img {
  position: absolute;
  z-index: -1;
}

.counter-shape-wrap img:first-child {
  left: 0;
  top: 0;
}

.counter-shape-wrap img:nth-child(2) {
  right: 8%;
  top: 30%;
}

.counter-shape-wrap img:nth-child(3) {
  bottom: 0;
  right: 0;
  z-index: -2;
}

.counter-shape-two img {
  bottom: -20px;
  position: absolute;
  right: 8%;
}

@media (max-width: 767.98px) {
  .team-area {
    padding: 100px 0 70px;
  }
}
.team__area-two {
  padding: 120px 0 90px;
  position: relative;
}

@media (max-width: 767.98px) {
  .team__area-two {
    padding: 100px 0 70px;
  }
}
.team__area-three {
  padding: 120px 0 90px;
}

@media (max-width: 767.98px) {
  .team__area-three {
    padding: 100px 0 70px;
  }
}
.team__area-four {
  padding: 120px 0 90px;
}

@media (max-width: 767.98px) {
  .team__area-four {
    padding: 100px 0 70px;
  }
}
.team-item {
  border: 1px solid var(--tg-border-1);
  border-radius: 15px;
  margin-bottom: 30px;
}

.team-item-wrap .row {
  --bs-gutter-x:24px;
}

.team__item-three, .team__item-two {
  margin-bottom: 30px;
}

.team__item-three {
  position: relative;
}

.team__item-four {
  margin-bottom: 30px;
}

.team-thumb {
  border-radius: 14px 14px 0 104px;
  overflow: hidden;
  position: relative;
}

.team-thumb img {
  height: 292px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 767.98px) {
  .team-thumb img {
    height: auto;
  }
}
.team__thumb-two {
  margin-bottom: 15px;
}

.team__thumb-two img {
  border-radius: 10px;
  height: 295px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1199.98px) {
  .team__thumb-two img {
    height: 230px;
  }
}
@media (max-width: 991.98px) {
  .team__thumb-two img {
    height: 295px;
  }
}
@media (max-width: 767.98px) {
  .team__thumb-two img {
    height: auto;
  }
}
.team__thumb-four img, .team__thumb-three img {
  border-radius: 14px;
  width: 100%;
}

.team-social {
  background: var(--tg-color-white-default);
  border-radius: 30px;
  position: absolute;
  right: 22px;
  top: 22px;
}

.team-social .social-toggle-icon {
  align-items: center;
  border-radius: 50%;
  color: #474aa0;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  height: 50px;
  justify-content: center;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
  width: 50px;
}

.team-social .list-wrap {
  align-items: center;
  display: flex;
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 0 0 15px;
  text-align: center;
}

.team-social .list-wrap a {
  color: #474aa0;
  font-size: 18px;
}

.team-social .list-wrap a:hover {
  color: var(--tg-theme-primary);
}

.team__social-two .list-wrap {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.team__social-two .list-wrap li a {
  align-items: center;
  border: 1.5px solid var(--tg-border-3);
  border-radius: 50%;
  color: var(--tg-border-3);
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.team__social-two .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.team__social-three {
  background: var(--tg-theme-primary);
  bottom: 30px;
  right: 30px;
  top: auto;
  z-index: 1;
}

.team__social-three .social-toggle-icon {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.team__social-three .list-wrap {
  padding: 15px 0 0;
}

.team__social-three .list-wrap li a {
  color: var(--tg-color-white-default);
}

.team__social-three .list-wrap li a:hover {
  color: var(--tg-theme-secondary);
}

.team__social-four .list-wrap {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.team__social-four .list-wrap li a {
  color: #9597c8;
}

.team__social-four .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.team-content {
  padding: 15px 25px 25px;
}

.team-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}

.team-content span {
  color: var(--tg-theme-primary);
  display: block;
  line-height: 1;
}

.team__content-two {
  text-align: center;
}

.team__content-two .title {
  font-size: 24px;
  font-weight: var(--tg-fw-semi-bold);
  margin-bottom: 8px;
}

.team__content-two span {
  color: var(--tg-theme-primary);
  display: block;
  line-height: 1;
  margin-bottom: 20px;
}

.team__content-three {
  left: 30px;
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 1;
}

.team__content-three .title {
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.team__content-three span {
  color: var(--tg-color-gray-3);
  display: block;
}

.team__content-four {
  background: var(--tg-color-white-default);
  border-radius: 10px;
  -ms-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.04);
  margin: -65px 24px 0;
  padding: 20px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.team__content-four .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.team__content-four span {
  color: var(--tg-theme-primary);
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}

.team__shape img {
  position: absolute;
  z-index: -1;
}

.team__shape img:first-child {
  bottom: 15%;
  left: 5%;
}

@media (max-width: 1500px) {
  .team__shape img:first-child {
    left: -5%;
  }
}
@media (max-width: 1199.98px) {
  .team__shape img:first-child {
    display: none;
  }
}
.team__shape img:nth-child(2) {
  right: 6%;
  top: 12%;
}

@media (max-width: 991.98px) {
  .team__shape img:nth-child(2) {
    top: 5%;
    width: 90px;
  }
}
@media (max-width: 767.98px) {
  .team__shape img:nth-child(2) {
    top: 2%;
    width: 80px;
  }
}
.team__details-area {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .team__details-area {
    padding: 100px 0;
  }
}
.team__details-inner .row .col-36 {
  flex: 0 0 auto;
  width: 35.6%;
}

@media (max-width: 991.98px) {
  .team__details-inner .row .col-36 {
    width: 60%;
  }
}
@media (max-width: 767.98px) {
  .team__details-inner .row .col-36 {
    width: 100%;
  }
}
.team__details-inner .row .col-64 {
  flex: 0 0 auto;
  width: 64.4%;
}

@media (max-width: 991.98px) {
  .team__details-inner .row .col-64 {
    width: 100%;
  }
  .team__details-img {
    margin-bottom: 50px;
  }
}
.team__details-img img {
  border-radius: 10px;
}

@media (max-width: 991.98px) {
  .team__details-img img {
    width: 100%;
  }
}
.team__details-content {
  margin-inline-start: 20px;
}

@media (max-width: 1199.98px) {
  .team__details-content {
    margin: 0;
  }
}
.team__details-content .title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
  .team__details-content .title {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .team__details-content .title {
    font-size: 32px;
  }
}
.team__details-content .position {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
}

.team__details-content p {
  margin-bottom: 50px;
}

@media (max-width: 1199.98px) {
  .team__details-content p {
    margin-bottom: 25px;
  }
}
.team__details-info > .list-wrap > li {
  align-items: center;
  display: flex;
  font-size: 18px;
  gap: 10px;
  margin-bottom: 15px;
}

.team__details-info > .list-wrap > li, .team__details-info > .list-wrap > li > a {
  color: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
}

.team__details-info > .list-wrap > li > a:hover {
  color: var(--tg-theme-primary);
}

.team__details-info > .list-wrap > li > i {
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  flex: 0 0 auto;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  line-height: 0;
  width: 40px;
}

.team__details-info > .list-wrap > li:last-child {
  margin-bottom: 0;
}

.team__details-social {
  align-items: center;
  display: flex;
  gap: 15px;
}

.team__details-social li a {
  color: var(--tg-theme-secondary);
  font-size: 16px;
}

.team__details-social li a:hover {
  color: var(--tg-theme-primary);
}

@media (max-width: 991.98px) {
  .section-content {
    margin-bottom: 50px;
  }
}
.section-content p {
  font-weight: 500;
  margin-bottom: 0;
}

.card-team-area-six, .team-item {
  transition: all 0.3s;
}

.card-team-area-six:hover, .team-item:hover {
  transform: translateY(-3px);
  transition: all 0.3s;
}

.mt-10 {
  margin-top: 10px;
}

.call-back-area {
  background: var(--tg-heading-color);
  overflow: hidden;
  padding: 100px 0 85px;
  position: relative;
  z-index: 1;
}

.call-back-area-two {
  background: transparent;
  padding: 0;
  z-index: 2;
}

.call-back-wrap {
  background: var(--tg-heading-color);
  border-radius: 15px;
  padding: 90px 80px 75px;
}

@media (max-width: 1199.98px) {
  .call-back-wrap {
    padding: 50px 25px;
  }
}
@media (max-width: 991.98px) {
  .call-back-content {
    margin-bottom: 30px;
    text-align: center;
  }
}
.call-back-content .shape {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}

@media (max-width: 991.98px) {
  .call-back-content .shape {
    display: none;
  }
}
.call-back-content p {
  color: #d0d0dd;
  font-weight: 500;
  margin-bottom: 0;
  width: 90%;
}

@media (max-width: 1199.98px) {
  .call-back-content p {
    width: 100%;
  }
}
.call-back-form form .row {
  --bs-gutter-x:15px;
}

.call-back-form form .form-grp {
  margin-bottom: 15px;
}

.call-back-form form .form-grp input {
  background: var(--tg-color-white-default);
  border: none;
  border-radius: 4px;
  color: var(--tg-heading-color);
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  padding: 15px 18px;
  width: 100%;
}

.call-back-form form .form-grp input::-moz-placeholder {
  color: #9597c8;
  font-size: 15px;
  font-weight: 500;
}

.call-back-form form .form-grp input::placeholder {
  color: #9597c8;
  font-size: 15px;
  font-weight: 500;
}

.call-back-form form .btn {
  border-radius: 4px;
  font-size: 16px;
  font-weight: 800;
  justify-content: center;
  padding: 17px 24px;
  text-transform: uppercase;
  width: 100%;
}

.call-back-form form .btn:before {
  background: var(--tg-color-gray-3);
}

.call-back-form form .btn:after {
  display: none;
}

.call-back-form form .btn:hover {
  color: var(--tg-heading-color);
}

.blog__area {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .blog__area {
    padding: 100px 0;
  }
}
.blog-post-bg {
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .blog-post-bg {
    padding: 100px 0 70px;
  }
}
.blog__post-bg-two {
  background-position: 50%;
  background-size: cover;
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .blog__post-bg-two {
    padding: 100px 0 70px;
  }
}
.blog__post-area-three {
  margin-top: -150px;
  padding: 270px 0 90px;
}

@media (max-width: 767.98px) {
  .blog__post-area-three {
    padding: 250px 0 70px;
  }
}
.blog__post-area-four {
  padding: 120px 0 90px;
}

@media (max-width: 767.98px) {
  .blog__post-area-four {
    padding: 100px 0 70px;
  }
}
.blog__post-area-five {
  background: var(--tg-color-yellow-light-2);
  padding: 120px 0 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .blog__post-area-five {
    padding: 100px 0 70px;
  }
}
.blog-post-item {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 30px;
}

@media (max-width: 767.98px) {
  .blog-post-item {
    padding: 20px;
  }
}
.blog-post-thumb {
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.blog-post-thumb img {
  height: 248px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.blog-post-thumb .post-tag {
  background: var(--tg-theme-primary);
  border-radius: 4px;
  color: var(--tg-color-white-default);
  display: block;
  font-size: 14px;
  font-weight: 500;
  left: 18px;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 16px;
  z-index: 2;
}

.blog-post-thumb .post-tag:hover {
  background: var(--tg-theme-secondary);
}

.blog-post-content .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .blog-post-content .title {
    font-size: 22px;
  }
}
.blog-post-content .blog-post-meta .list-wrap {
  justify-content: space-between;
}

.blog__post-two {
  border: 1px solid var(--tg-border-1);
}

.blog__post-four, .blog__post-two {
  background: var(--tg-color-white-default);
  border-radius: 15px;
  margin-bottom: 30px;
}

.blog__post-four {
  border: 1px solid #eae4d8;
  -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

.blog__post-thumb-two {
  border-radius: 15px 15px 0 0;
  margin: -1px;
  overflow: hidden;
}

.blog__post-thumb-two img {
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.blog__post-thumb-three {
  margin-bottom: 35px;
}

.blog__post-thumb-four {
  margin: -1px -1px 0;
}

.blog__post-thumb-four img {
  border-radius: 15px 15px 0 0;
  height: 270px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.blog__post-content-two {
  padding: 30px;
}

@media (max-width: 1199.98px) {
  .blog__post-content-two {
    padding: 30px 22px;
  }
}
@media (max-width: 991.98px) {
  .blog__post-content-two {
    padding: 30px;
  }
}
@media (max-width: 767.98px) {
  .blog__post-content-two {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__post-content-two {
    padding: 30px;
  }
}
.blog__post-content-two .title {
  font-size: 24px;
  font-weight: var(--tg-fw-semi-bold);
  margin-bottom: 20px;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .blog__post-content-two .title {
    font-size: 22px;
  }
}
.blog__post-content-two .blog-post-meta {
  margin-bottom: 22px;
}

.blog__post-content-two .blog-avatar {
  margin-bottom: 0;
}

.blog__post-content-three {
  position: relative;
}

.blog__post-content-three .post-tag {
  background: var(--tg-theme-primary);
  border-radius: 4px;
  color: var(--tg-color-white-default);
  display: block;
  font-size: 14px;
  font-weight: 500;
  left: 18px;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: -51px;
  z-index: 2;
}

.blog__post-content-three .post-tag:hover {
  background: var(--tg-theme-secondary);
}

.blog__post-content-three .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 24px;
}

.blog__post-content-three .btn:hover {
  color: var(--tg-color-white-default);
}

.blog__post-content-four {
  padding: 25px 30px 40px;
}

@media (max-width: 1199.98px) {
  .blog__post-content-four {
    padding: 25px 25px 30px;
  }
}
.blog__post-content-four .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.blog__post-tag-two {
  border: 1px solid var(--tg-color-gray-2);
  border-radius: 4px;
  color: var(--tg-body-color);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 7px 10px;
}

.blog__post-tag-two:hover {
  background: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.blog__post-tag-three {
  color: #9798ab;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.blog-avatar {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 24px;
}

.blog-avatar .avatar-thumb {
  flex: 0 0 auto;
}

.blog-avatar .avatar-thumb img {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.blog-avatar .avatar-content p {
  color: #9597c8;
  font-weight: 500;
  margin-bottom: 0;
}

.blog-avatar .avatar-content p a:hover {
  color: var(--tg-theme-secondary);
}

.blog-post-meta .list-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 20px;
}

.blog-post-meta .list-wrap li {
  align-items: center;
  display: flex;
  gap: 8px;
}

.blog-post-meta .list-wrap li i {
  font-size: 18px;
}

.blog-post-meta .btn {
  background: var(--tg-color-gray-3);
  color: var(--tg-theme-secondary);
  padding: 16px 20px;
}

.blog-post-meta .btn:hover {
  color: var(--tg-color-white-default);
}

.blog-post-meta-two .list-wrap li {
  color: #9798ab;
}

.blog-post-meta-two .list-wrap li i {
  color: var(--tg-theme-primary);
}

.blog-post-meta-two .list-wrap li a {
  color: #9798ab;
}

.blog-post-meta-two .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.blog__inner-wrap .row .col-70 {
  flex: 0 0 auto;
  width: 70.5%;
}

@media (max-width: 1199.98px) {
  .blog__inner-wrap .row .col-70 {
    width: 67.5%;
  }
}
@media (max-width: 991.98px) {
  .blog__inner-wrap .row .col-70 {
    width: 100%;
  }
}
.blog__inner-wrap .row .col-30 {
  flex: 0 0 auto;
  width: 29.5%;
}

@media (max-width: 1199.98px) {
  .blog__inner-wrap .row .col-30 {
    width: 32.5%;
  }
}
@media (max-width: 991.98px) {
  .blog__inner-wrap .row .col-30 {
    width: 100%;
  }
}
.blog__sidebar {
  margin-inline-start: 20px;
}

@media (max-width: 1199.98px) {
  .blog__sidebar {
    margin-inline-start: 0;
  }
}
@media (max-width: 991.98px) {
  .blog__sidebar {
    margin-top: 100px;
  }
}
.blog-shape-wrap img {
  position: absolute;
  z-index: -1;
}

.blog-shape-wrap img:first-child {
  left: 0;
  top: 0;
}

@media (max-width: 767.98px) {
  .blog-shape-wrap img:first-child {
    width: 200px;
  }
}
.blog-shape-wrap img:nth-child(2) {
  bottom: 0;
  right: 0;
}

@media (max-width: 767.98px) {
  .blog-shape-wrap img:nth-child(2) {
    width: 200px;
  }
}
.blog__details-area {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .blog__details-area {
    padding: 100px 0;
  }
}
.blog__details-thumb {
  margin-bottom: 30px;
}

.blog__details-thumb img {
  border-radius: 10px;
  min-height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog__details-content > .title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

@media (max-width: 1199.98px) {
  .blog__details-content > .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .blog__details-content > .title {
    font-size: 28px;
  }
}
.blog__details-content .blog-post-meta {
  margin-bottom: 30px;
}

.blog__details-content .blog-post-meta .blog-avatar {
  margin-bottom: 0;
}

.blog__details-content > p {
  margin-bottom: 20px;
}

.blog__details-content .title-two {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .blog__details-content .title-two {
    font-size: 26px;
  }
}
.blog__details-inner {
  margin: 35px 0;
}

.blog__details-inner .row .col-46 {
  flex: 0 0 auto;
  width: 46%;
}

@media (max-width: 767.98px) {
  .blog__details-inner .row .col-46 {
    width: 100%;
  }
}
.blog__details-inner .row .col-54 {
  flex: 0 0 auto;
  width: 54%;
}

@media (max-width: 767.98px) {
  .blog__details-inner .row .col-54 {
    width: 100%;
  }
}
.blog__details-inner-thumb {
  position: relative;
}

@media (max-width: 767.98px) {
  .blog__details-inner-thumb {
    margin-bottom: 30px;
  }
}
.blog__details-inner-thumb img {
  border-radius: 10px;
  width: 100%;
}

.blog__details-inner-thumb .play-btn {
  align-items: center;
  background: var(--tg-color-white-default);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  font-size: 18px;
  height: 62px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62px;
}

.blog__details-inner-thumb .play-btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.blog__details-inner-content .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 12px;
}

@media (max-width: 1199.98px) {
  .blog__details-inner-content .title {
    font-size: 26px;
  }
}
.blog__details-inner-content p {
  margin-bottom: 20px;
  width: 95%;
}

@media (max-width: 1199.98px) {
  .blog__details-inner-content p {
    width: 100%;
  }
}
.blog__details-bottom {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  margin-bottom: 70px;
  margin-top: 40px;
  padding: 20px 0;
}

.blog__details-bottom .post-tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.blog__details-bottom .post-tags .title {
  font-size: 14px;
  margin-bottom: 0;
}

.blog__details-bottom .post-tags .list-wrap {
  display: flex;
  gap: 6px;
}

.blog__details-bottom .post-tags .list-wrap li a {
  background: var(--tg-color-gray-3);
  border-radius: 4px;
  color: var(--tg-heading-color);
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 17px;
}

.blog__details-bottom .post-tags .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.blog__details-bottom .post-share {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

@media (max-width: 767.98px) {
  .blog__details-bottom .post-share {
    justify-content: flex-start;
    margin-top: 20px;
  }
}
.blog__details-bottom .post-share .title {
  font-size: 14px;
  margin-bottom: 0;
}

.blog__details-bottom .post-share .list-wrap {
  align-items: center;
  display: flex;
  gap: 15px;
}

.blog__details-bottom .post-share .list-wrap li a {
  color: var(--tg-theme-secondary);
  font-size: 20px;
}

.blog__details-bottom .post-share .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.blog__avatar-wrap {
  align-items: flex-start;
  background: var(--tg-color-gray-3);
  border-radius: 12px;
  display: flex;
  gap: 30px;
  padding: 42px 40px;
}

@media (max-width: 1199.98px) {
  .blog__avatar-wrap {
    padding: 35px 25px;
  }
}
@media (max-width: 767.98px) {
  .blog__avatar-wrap {
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px 25px;
  }
}
.blog__avatar-img {
  flex: 0 0 auto;
  width: 115px;
}

.blog__avatar-img img {
  border-radius: 50%;
  width: 100%;
}

.blog__avatar-info .designation {
  display: block;
  font-family: var(--tg-heading-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 8px;
}

.blog__avatar-info .name {
  font-size: 20px;
  margin-bottom: 18px;
}

.blog__avatar-info p {
  margin-bottom: 0;
}

blockquote {
  background: #f8faff;
  margin: 50px 50px 60px;
  padding: 50px 100px 50px 50px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199.98px) {
  blockquote {
    margin: 40px 0 50px;
    padding: 50px 100px 50px 40px;
  }
}
@media (max-width: 767.98px) {
  blockquote {
    padding: 40px 40px 40px 30px;
  }
}
blockquote:after {
  color: #e2e5f6;
  content: "\f10e";
  font-family: var(--tg-icon-font-family);
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  right: 33px;
  top: 27px;
  z-index: -1;
}

@media (max-width: 767.98px) {
  blockquote:after {
    font-size: 40px;
    right: 20px;
    top: 15px;
  }
}
blockquote:before {
  background: var(--tg-theme-primary);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

blockquote p {
  color: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  blockquote p {
    font-size: 18px;
  }
}
.play-btn:after {
  animation: pulse-border 1.5s ease-out infinite;
  border: 1px solid var(--tg-color-white-default);
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  width: 100%;
}

.sidebar__widget {
  border: 1px solid var(--tg-border-6);
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 26px 30px 30px;
}

@media (max-width: 1199.98px) {
  .sidebar__widget {
    padding: 26px 20px 30px;
  }
}
@media (max-width: 991.98px) {
  .sidebar__widget {
    padding: 26px 30px 30px;
  }
}
.sidebar__widget:last-child {
  margin-bottom: 0;
}

.sidebar__widget-search {
  border: none;
  border-radius: 0;
  padding: 0;
}

.sidebar__search form {
  position: relative;
}

.sidebar__search form input {
  border: 1px solid var(--tg-border-6);
  border-radius: 6px;
  color: var(--tg-theme-secondary);
  font-size: 14px;
  height: 50px;
  padding: 14px 60px 14px 20px;
  width: 100%;
}

.sidebar__search form input::-moz-placeholder {
  color: var(--tg-border-5);
  font-size: 14px;
}

.sidebar__search form input::placeholder {
  color: var(--tg-border-5);
  font-size: 14px;
}

.sidebar__search form button {
  align-items: center;
  background: var(--tg-theme-secondary);
  border: none;
  border-radius: 4px;
  display: flex;
  height: 45px;
  justify-content: center;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
}

.sidebar__search form button svg {
  color: var(--tg-color-white-default);
  width: 20px;
}

.sidebar__search form button:hover {
  background: var(--tg-theme-primary);
}

.sidebar__widget-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 22px;
  padding-bottom: 12px;
  position: relative;
}

.sidebar__widget-title:before {
  background: var(--tg-theme-primary);
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 30px;
}

.sidebar__cat-list .list-wrap li {
  border-bottom: 1px solid var(--tg-border-6);
  margin-bottom: 17px;
  padding-bottom: 17px;
}

.sidebar__cat-list .list-wrap li a {
  align-items: center;
  color: var(--tg-body-color);
  display: flex;
  gap: 5px;
  text-transform: capitalize;
}

.sidebar__cat-list .list-wrap li a i {
  color: var(--tg-border-5);
  font-size: 24px;
  line-height: 0;
  transition: all 0.3s ease-out 0s;
}

.sidebar__cat-list .list-wrap li a:hover, .sidebar__cat-list .list-wrap li a:hover i {
  color: var(--tg-theme-primary);
}

.sidebar__cat-list .list-wrap li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sidebar__post-item {
  align-items: center;
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
}

.sidebar__post-item:last-child {
  margin-bottom: 0;
}

.sidebar__post-thumb {
  flex: 0 0 auto;
  width: 80px;
}

.sidebar__post-thumb img {
  border-radius: 4px;
}

.sidebar__post-content .title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.sidebar__post-content .date {
  align-items: center;
  color: #83849e;
  display: flex;
  font-size: 15px;
  gap: 5px;
}

.sidebar__post-content .date i {
  line-height: 0;
}

.sidebar__tag-list .list-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sidebar__tag-list .list-wrap li a {
  background: var(--tg-color-gray-3);
  border-radius: 5px;
  color: var(--tg-theme-secondary);
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 16px;
}

.sidebar__tag-list .list-wrap li a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.comments-wrap-title {
  font-size: 24px;
  margin-bottom: 20px;
}

.comments-wrap .latest-comments {
  margin-bottom: 80px;
}

.comments-wrap .latest-comments .children {
  margin: 0 0 0 45px;
  padding: 0;
}

@media (max-width: 767.98px) {
  .comments-wrap .latest-comments .children {
    margin: 0;
  }
}
.comments-box {
  align-items: flex-start;
  border-bottom: 1px solid #d6dce9;
  display: flex;
  gap: 25px;
  margin-bottom: 35px;
  padding-bottom: 30px;
}

@media (max-width: 767.98px) {
  .comments-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.comments-avatar {
  flex: 0 0 auto;
  width: 115px;
}

.comments-avatar img {
  border-radius: 50%;
}

.comments-text .avatar-name {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.comments-text .avatar-name .name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.comments-text .avatar-name span {
  color: var(--tg-theme-primary);
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.comments-text p {
  margin-bottom: 15px;
}

.comments-text .reply-btn {
  background: var(--tg-color-gray-3);
  border-radius: 5px;
  color: var(--tg-theme-secondary);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 17px;
  text-transform: uppercase;
}

.comments-text .reply-btn:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.comment-respond {
  background: var(--tg-color-gray-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 8px;
  padding: 35px 40px 50px;
}

@media (max-width: 1199.98px) {
  .comment-respond {
    padding: 35px 25px 50px;
  }
}
.comment-reply-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  .comment-reply-title {
    font-size: 26px;
  }
}
.comment-form .comment-notes, .comment-form .form-grp {
  margin-bottom: 15px;
}

.comment-form .form-grp input, .comment-form .form-grp textarea {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-color-gray-1);
  border-radius: 6px;
  color: var(--tg-body-color);
  display: block;
  font-size: 15px;
  font-weight: 400;
  height: 50px;
  padding: 12px 15px;
  width: 100%;
}

.comment-form .form-grp input::-moz-placeholder, .comment-form .form-grp textarea::-moz-placeholder {
  color: var(--tg-color-gray-4);
  font-size: 15px;
  font-weight: 400;
}

.comment-form .form-grp input::placeholder, .comment-form .form-grp textarea::placeholder {
  color: var(--tg-color-gray-4);
  font-size: 15px;
  font-weight: 400;
}

.comment-form .form-grp textarea {
  max-height: 130px;
  min-height: 130px;
}

.comment-form .checkbox-grp {
  align-items: center;
  display: flex;
  margin: 25px 0;
}

.comment-form .checkbox-grp input {
  cursor: pointer;
  height: 22px;
  margin-inline-end: 9px;
  width: 22px;
}

.comment-form .checkbox-grp label {
  color: var(--tg-body-color);
  font-size: 14px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.comment-form .btn:after {
  display: none;
}

.pagination-wrap .pagination {
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}

.pagination-wrap .pagination .page-link {
  align-items: center;
  background: transparent;
  border: 1px solid var(--tg-border-1);
  border-radius: 5px;
  color: var(--tg-body-color);
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  justify-content: center;
  line-height: 1;
  margin-inline-start: 0;
  padding: 0;
  width: 50px;
}

.pagination-wrap .pagination .page-link:focus, .pagination-wrap .pagination .page-link:hover {
  background-color: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.pagination-wrap .pagination .page-link:focus {
  box-shadow: none;
  outline: 0;
}

.pagination-wrap .pagination .page-item.active .page-link {
  background-color: var(--tg-theme-secondary);
  border-color: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.contact__area {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .contact__area {
    padding: 100px 0;
  }
}
.contact-map {
  height: 490px;
  margin-bottom: 70px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .contact-map {
    height: 400px;
  }
}
.contact-map iframe {
  border-radius: 10px;
  height: 100%;
  width: 100%;
}

@media (max-width: 991.98px) {
  .contact__content {
    margin-bottom: 50px;
  }
}
.contact__info .list-wrap li {
  align-items: center;
  display: flex;
  gap: 18px;
  margin-bottom: 50px;
}

@media (max-width: 991.98px) {
  .contact__info .list-wrap li {
    margin-bottom: 30px;
  }
}
.contact__info .list-wrap li:last-child {
  margin-bottom: 0;
}

.contact__info .list-wrap li .icon {
  align-items: center;
  background: var(--tg-color-gray-3);
  border-radius: 50%;
  color: var(--tg-theme-secondary);
  display: flex;
  flex: 0 0 auto;
  font-size: 30px;
  height: 60px;
  justify-content: center;
  line-height: 0;
  width: 60px;
}

.contact__info .list-wrap li .content .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.contact__info .list-wrap li .content p {
  font-weight: 500;
  margin-bottom: 0;
}

.contact__info .list-wrap li .content a {
  color: var(--tg-body-color);
  font-weight: 500;
}

.contact__info .list-wrap li .content a:hover {
  color: var(--tg-theme-primary);
}

.contact__form-wrap {
  background: var(--tg-color-gray-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 8px;
  margin-inline-start: 30px;
  padding: 35px 40px 40px;
}

@media (max-width: 1199.98px) {
  .contact__form-wrap {
    margin-inline-start: 0;
    padding: 35px 20px 40px;
  }
}
.contact__form-wrap .title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (max-width: 991.98px) {
  .contact__form-wrap .title {
    font-size: 28px;
    margin-bottom: 8px;
  }
}
.contact__form-wrap p {
  margin-bottom: 15px;
}

.contact__form-wrap form .row {
  --bs-gutter-x:10px;
}

.contact__form-wrap form .form-grp {
  margin-bottom: 10px;
}

.contact__form-wrap form .form-grp input {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-color-gray-1);
  border-radius: 8px;
  color: var(--tg-theme-secondary);
  font-size: 15px;
  height: 50px;
  padding: 14px 15px;
  width: 100%;
}

.contact__form-wrap form .form-grp input::-moz-placeholder {
  color: var(--tg-body-color);
  font-size: 15px;
}

.contact__form-wrap form .form-grp input::placeholder {
  color: var(--tg-body-color);
  font-size: 15px;
}

.contact__form-wrap form .form-grp textarea {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-color-gray-1);
  border-radius: 8px;
  color: var(--tg-theme-secondary);
  display: block;
  font-size: 15px;
  max-height: 130px;
  min-height: 130px;
  padding: 14px 15px;
  width: 100%;
}

.contact__form-wrap form .form-grp textarea::-moz-placeholder {
  color: var(--tg-body-color);
  font-size: 15px;
}

.contact__form-wrap form .form-grp textarea::placeholder {
  color: var(--tg-body-color);
  font-size: 15px;
}

.contact__form-wrap form .checkbox-grp {
  align-items: flex-start;
  display: flex;
  margin: 15px 0 25px;
}

.contact__form-wrap form .checkbox-grp input {
  cursor: pointer;
  height: 22px;
  margin-inline-end: 9px;
  width: 22px;
}

.contact__form-wrap form .checkbox-grp label {
  color: var(--tg-body-color);
  font-size: 14px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.contact__form-wrap form .btn:after {
  display: none;
}

.ajax-response.error, .ajax-response.success {
  margin: 20px 0 0 !important;
}

.ajax-response.error {
  color: red;
}

.ajax-response.success {
  color: green;
}

.error-area {
  padding: 120px 0;
}

@media (max-width: 767.98px) {
  .error-area {
    padding: 100px 0;
  }
}
.error-content {
  text-align: center;
}

.error-content svg {
  color: var(--tg-theme-primary);
  margin-bottom: 45px;
  width: 648px;
}

@media (max-width: 1199.98px) {
  .error-content svg {
    width: 600px;
  }
}
@media (max-width: 991.98px) {
  .error-content svg {
    width: 500px;
  }
}
@media (max-width: 767.98px) {
  .error-content svg {
    margin-bottom: 30px;
    width: 100%;
  }
}
.error-content .title {
  font-size: 48px;
  margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
  .error-content .title {
    font-size: 42px;
  }
}
@media (max-width: 991.98px) {
  .error-content .title {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .error-content .title {
    font-size: 36px;
  }
}
.error-content .title p {
  margin-bottom: 35px;
}

.footer-area {
  overflow: hidden;
  position: relative;
}

.footer__area-four, .footer__area-three, .footer__area-two {
  background: var(--tg-color-dark-blue);
}

.footer__area-four {
  position: relative;
  z-index: 1;
}

.footer-top {
  padding: 120px 0 70px;
}

@media (max-width: 767.98px) {
  .footer-top {
    padding: 100px 0 50px;
  }
}
.footer-top .row > :nth-child(2) .footer-widget {
  margin-inline-start: 50px;
}

@media (max-width: 991.98px) {
  .footer-top .row > :nth-child(2) .footer-widget {
    margin-inline-start: 0;
  }
}
.footer-top .row > :nth-child(3) .footer-widget {
  margin-inline-start: 70px;
}

@media (max-width: 991.98px) {
  .footer-top .row > :nth-child(3) .footer-widget {
    margin-inline-start: 0;
  }
}
.footer__top-two {
  padding: 60px 0 30px;
}

.footer__top-two .fw-title {
  color: var(--tg-color-white-default);
}

.footer__top-two .footer-link-list .list-wrap li a {
  color: var(--tg-color-gray-2);
  font-weight: 700;
}

.footer__top-two .row > :nth-child(3) .footer-widget {
  margin-inline-start: 65px;
}

@media (max-width: 991.98px) {
  .footer__top-two .row > :nth-child(3) .footer-widget {
    margin-inline-start: 0;
  }
}
.footer__top-three {
  padding: 110px 0 70px;
}

@media (max-width: 767.98px) {
  .footer__top-three {
    padding: 90px 0 40px;
  }
}
.footer__top-three .fw-title {
  color: var(--tg-color-white-default);
}

.footer__top-three .footer-info-list .list-wrap li .icon, .footer__top-three .footer-info-list .list-wrap li a, .footer__top-three .footer-info-list .list-wrap li p, .footer__top-three .footer-link-list .list-wrap li a {
  color: var(--tg-color-gray-2);
}

.footer-widget {
  margin-bottom: 40px;
}

.footer-content p {
  margin-bottom: 25px;
}

.footer__content-two {
  width: 80%;
}

@media (max-width: 991.98px) {
  .footer__content-two {
    width: 100%;
  }
}
.footer__content-two > p {
  color: var(--tg-color-gray-2);
  font-weight: 700;
  margin-bottom: 15px;
}

.footer-social .list-wrap {
  align-items: center;
  display: flex;
  gap: 10px;
}

.footer-social .list-wrap li a {
  align-items: center;
  background: #eaf1f4;
  border-radius: 5px;
  color: var(--tg-heading-color);
  display: flex;
  font-size: 20px;
  height: 45px;
  justify-content: center;
  width: 45px;
}

.footer-social .list-wrap li a:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.footer__social-two {
  flex-grow: 1;
}

.footer__social-two .list-wrap {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

@media (max-width: 991.98px) {
  .footer__social-two .list-wrap {
    justify-content: center;
  }
}
.footer__social-two .list-wrap li a {
  align-items: center;
  background: #232563;
  border-radius: 50%;
  color: var(--tg-color-gray-2);
  display: flex;
  font-size: 20px;
  height: 45px;
  justify-content: center;
  width: 45px;
}

.footer__social-two .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.footer__social-three .title {
  color: #7375a5;
  display: block;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.footer__social-three .list-wrap {
  align-items: center;
  display: flex;
  gap: 10px;
}

.footer__social-three .list-wrap li a {
  align-items: center;
  background: #232563;
  border-radius: 50%;
  color: var(--tg-color-gray-2);
  display: flex;
  font-size: 20px;
  height: 45px;
  justify-content: center;
  width: 45px;
}

.footer__social-three .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.footer-info-list .list-wrap li {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.footer-info-list .list-wrap li .icon {
  font-size: 24px;
  line-height: 0;
}

.footer-info-list .list-wrap li a {
  color: var(--tg-body-color);
}

.footer-info-list .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.footer-info-list .list-wrap li .content p, .footer-info-list .list-wrap li:last-child {
  margin-bottom: 0;
}

.footer-link-list .list-wrap li {
  margin-bottom: 10px;
}

.footer-link-list .list-wrap li:last-child {
  margin-bottom: 0;
}

.footer-link-list .list-wrap li a {
  color: var(--tg-body-color);
  position: relative;
}

.footer-link-list .list-wrap li a:before {
  background: var(--tg-theme-primary);
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right top;
  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
  width: 100%;
}

.footer-link-list .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

.footer-link-list .list-wrap li a:hover:before {
  transform: scale(1);
  transform-origin: left top;
}

.footer-instagram .list-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.footer-instagram .list-wrap li a img {
  border-radius: 10px;
  height: 85px;
  mix-blend-mode: luminosity;
  -o-object-fit: cover;
  object-fit: cover;
  width: 85px;
}

.footer-bottom {
  background: var(--tg-color-gray-3);
  border-top: 1px solid var(--tg-border-1);
  padding: 35px 0;
}

@media (max-width: 767.98px) {
  .footer-bottom {
    padding: 25px 0;
  }
}
.footer__bottom-two {
  border-top: 1px solid #272a68;
  padding: 40px 0;
}

@media (max-width: 767.98px) {
  .footer__bottom-two {
    padding: 30px 0;
  }
}
.footer__bottom-three {
  border-top: 1px solid #272a68;
  padding: 40px 0;
}

@media (max-width: 767.98px) {
  .footer__bottom-three {
    padding: 25px 0;
  }
  .footer__bottom-three .fw-logo {
    margin-bottom: 20px;
    text-align: center;
  }
}
.footer__bottom-three .copyright-text {
  text-align: right;
}

@media (max-width: 767.98px) {
  .footer__bottom-three .copyright-text {
    text-align: center;
  }
}
.footer__bottom-three .copyright-text p, .footer__bottom-three .copyright-text p a {
  color: #5f6196;
}

.footer__bottom-four {
  border-top: 1px solid #272a68;
  padding: 65px 0;
}

@media (max-width: 991.98px) {
  .footer__bottom-four {
    padding: 25px 0;
  }
}
.footer__bottom-four .copyright-text {
  text-align: right;
}

@media (max-width: 991.98px) {
  .footer__bottom-four .copyright-text {
    text-align: center;
  }
}
.footer__bottom-four .copyright-text p, .footer__bottom-four .copyright-text p a {
  color: #5f6196;
}

.footer-newsletter {
  align-items: center;
  display: flex;
  gap: 15px;
}

@media (max-width: 991.98px) {
  .footer-newsletter {
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .footer-newsletter {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer-newsletter .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  .footer-newsletter .title {
    font-size: 18px;
  }
}
.footer-newsletter form {
  flex-grow: 1;
  position: relative;
}

.footer-newsletter form input {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
  border-radius: 30px;
  color: var(--tg-theme-secondary);
  font-size: 14px;
  height: 50px;
  line-height: 0;
  padding: 16px 140px 16px 22px;
  width: 100%;
}

.footer-newsletter form input::-moz-placeholder {
  color: #667594;
  font-size: 14px;
  text-transform: capitalize;
}

.footer-newsletter form input::placeholder {
  color: #667594;
  font-size: 14px;
  text-transform: capitalize;
}

.footer-newsletter .btn {
  border-radius: 30px;
  position: absolute;
  right: 0;
  top: 0;
}

.footer-newsletter .btn:after {
  display: none;
}

.footer__newsletter-two {
  border-bottom: 1px solid #272a68;
  padding: 80px 0 60px;
}

@media (max-width: 767.98px) {
  .footer__newsletter-two {
    padding: 60px 0 50px;
  }
}
.footer__newsletter-three {
  width: 90%;
}

@media (max-width: 767.98px) {
  .footer__newsletter-three {
    width: 100%;
  }
}
.footer__newsletter-three .title {
  color: var(--tg-color-white-default);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

@media (max-width: 767.98px) {
  .footer__newsletter-three .title br {
    display: none;
  }
}
.footer__newsletter-three form {
  margin-bottom: 25px;
}

.footer__newsletter-three form input {
  background: #212356;
  border: none;
  border-radius: 30px;
  color: var(--tg-color-white-default);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  margin-bottom: 10px;
  padding: 15px 25px;
  width: 100%;
}

.footer__newsletter-three form input::-moz-placeholder {
  color: #595b81;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.footer__newsletter-three form input::placeholder {
  color: #595b81;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.footer__newsletter-three form .btn {
  border-radius: 30px;
  justify-content: center;
  width: 100%;
}

.footer__newsletter-three form .btn:after {
  display: none;
}

.footer__newsletter-four {
  align-items: center;
  display: flex;
  gap: 25px;
}

@media (max-width: 991.98px) {
  .footer__newsletter-four {
    justify-content: center;
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .footer__newsletter-four {
    flex-wrap: wrap;
  }
}
.footer__newsletter-four .title {
  color: var(--tg-color-white-default);
  font-size: 24px;
  margin-bottom: 0;
}

.footer__newsletter-four form {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 10px;
}

@media (max-width: 767.98px) {
  .footer__newsletter-four form {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer__newsletter-four form input {
  background: var(--tg-color-white-default);
  border: none;
  border-radius: 30px;
  color: var(--tg-theme-secondary);
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  padding: 15px 25px;
}

.footer__newsletter-four form input::-moz-placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.footer__newsletter-four form input::placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.footer__newsletter-four form .btn {
  border-radius: 30px;
  width: 127px;
}

.footer__newsletter-four form .btn:after {
  display: none;
}

.footer__newsletter-inner {
  align-items: center;
  display: flex;
}

@media (max-width: 1199.98px) {
  .footer__newsletter-inner {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }
}
.footer__newsletter-inner .title {
  color: var(--tg-color-white-default);
  font-size: 24px;
  margin-bottom: 0;
  margin-inline-end: 30px;
  text-transform: capitalize;
  width: 20%;
}

@media (max-width: 1199.98px) {
  .footer__newsletter-inner .title {
    margin-inline-end: 0;
    text-align: center;
    width: 100%;
  }
}
.footer__newsletter-inner form {
  position: relative;
  width: 620px;
}

.footer__newsletter-inner form input {
  background: var(--tg-color-white-default);
  border: none;
  border-radius: 30px;
  color: var(--tg-theme-secondary);
  font-size: 14px;
  font-weight: var(--tg-fw-bold);
  height: 50px;
  padding: 20px 145px 20px 28px;
  width: 100%;
}

.footer__newsletter-inner form input::-moz-placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: var(--tg-fw-bold);
  text-transform: capitalize;
}

.footer__newsletter-inner form input::placeholder {
  color: #667594;
  font-size: 14px;
  font-weight: var(--tg-fw-bold);
  text-transform: capitalize;
}

.footer__newsletter-inner form .btn {
  border-radius: 30px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
}

.footer__newsletter-inner form .btn:after {
  display: none;
}

.footer-shape img {
  position: absolute;
  z-index: -1;
}

.footer-shape img:first-child {
  bottom: 0;
  left: 0;
}

.footer-shape img:nth-child(2) {
  right: 0;
  top: 0;
}

.footer-shape img:nth-child(3) {
  right: 6%;
  top: 30%;
}

@media (max-width: 991.98px) {
  .footer-shape img:nth-child(3) {
    right: 11%;
    top: 24%;
  }
}
.footer-shape-two img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

.fw-logo img {
  max-height: 34px;
}

.fw-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 18px;
  position: relative;
}

.fw-title:before {
  background: var(--tg-theme-primary);
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 30px;
}

.footer-info-two .list-wrap li .icon {
  color: var(--tg-color-gray-2);
}

.footer-info-two .list-wrap li .content a {
  color: var(--tg-color-gray-2);
  font-weight: 700;
}

.footer-info-two .list-wrap li .content a:hover {
  color: var(--tg-theme-primary);
}

.footer-info-two .list-wrap li .content p {
  color: var(--tg-color-gray-2);
  font-weight: 700;
}

@media (max-width: 991.98px) {
  .copyright-text {
    text-align: center;
  }
}
.copyright-text p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}

.copyright-text p a {
  color: var(--tg-body-color);
}

.copyright-text p a:hover {
  color: var(--tg-theme-primary);
}

.copyright-text a {
  color: var(--tg-body-color);
  font-size: 14px;
  font-weight: 500;
}

.copyright-text a:hover {
  color: var(--tg-theme-primary);
}

.copyright-text-two p {
  color: #5f6196;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
}

.copyright-text-two p a {
  color: #5f6196;
}

.copyright-text-two p a:hover {
  color: var(--tg-theme-primary);
}

@keyframes hoverShine {
  to {
    left: 125%;
  }
}
.alltuchtopdown {
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation-duration: 3s;
}

@keyframes alltuchtopdown {
  0% {
    transform: rotateX(0deg) translateY(0);
  }
  50% {
    transform: rotateX(0deg) translateY(-20px);
  }
  to {
    transform: rotateX(0deg) translateY(0);
  }
}
.rightToLeft {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: rightToLeft;
  animation-timing-function: linear;
}

@keyframes rightToLeft {
  0% {
    transform: translateX(-30px);
  }
  50% {
    transform: translateX(-10px);
  }
  to {
    transform: translateX(-30px);
  }
}
.ribbonRotate {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: ribbonRotate;
  animation-timing-function: linear;
}

@keyframes ribbonRotate {
  0%, to {
    transform: rotate(0);
  }
  25%, 75% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(30deg);
  }
}
.rotateme {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: rotateme;
  animation-timing-function: linear;
}

@keyframes rotateme {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp2 {
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInUp2;
}

@keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft2 {
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInLeft2;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes heartbeat {
  0% {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.05);
  }
}
@keyframes pulse-border {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
  }
}
.login__area-one {
  background-image: url(../img/login/bg-login.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0 250px;
}

.box-form-login {
  background-color: var(--tg-color-gray-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 8px;
  margin: auto;
  max-width: 579px;
  padding: 63px 61px;
}

.box-form-login .form-group {
  margin-bottom: 24px;
  position: relative;
}

.box-form-login .form-control {
  padding: 22px 26px;
}

.box-form-login .form-control::-moz-placeholder {
  color: var(--tg-border-5);
  font-size: 15px;
  font-weight: 400;
}

.box-form-login .form-control::placeholder {
  color: var(--tg-border-5);
  font-size: 15px;
  font-weight: 400;
}

.box-form-login .form-control.account {
  background-image: url(../img/login/account.svg);
  background-position: right 26px center;
  background-repeat: no-repeat;
}

.box-form-login .form-control.email-address {
  background-image: url(../img/register/email.svg);
  background-position: right 26px center;
  background-repeat: no-repeat;
}

.box-form-login .view-password {
  background-image: url(../img/login/view.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  height: 16px;
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  z-index: 12;
}

.form-login, .text-or {
  position: relative;
}

.text-or {
  border-top: 1px solid var(--tg-color-gray-2);
  margin: 34px 0 48px;
  text-align: center;
}

.text-or span {
  background-color: var(--tg-color-gray-3);
  color: var(--tg-color-body-color);
  font-size: 16px;
  font-weight: 700;
  left: 0;
  line-height: 28px;
  margin: auto;
  max-width: 41px;
  padding: 5px 11px;
  position: absolute;
  right: 0;
  text-transform: capitalize;
  top: 50%;
  transform: translateY(-50%);
}

.text-48-bold {
  font-size: 48px;
  font-weight: 700;
  line-height: 65px;
}

.box-login-with {
  margin-top: 35px;
}

.box-forgot-pass {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.box-forgot-pass * {
  color: var(--tg-color-body-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.box-forgot-pass span {
  display: block;
  overflow: hidden;
  padding-left: 0;
}

.cb-remember {
  float: left;
  margin: 4px 10px 0 0;
}

.form-login .link-bold {
  font-weight: 700;
}

.form-login .link-bold:hover {
  color: var(--tg-theme-secondary);
}

.header-border-bottom {
  border-bottom: 1px solid var(--tg-color-gray-2);
}

@media (max-width: 575px) {
  .box-form-login {
    padding: 23px 21px;
  }
  .box-form-login .form-control.account, .box-form-login .form-control.email-address {
    background-position: right 12px center;
  }
  .box-form-login .view-password {
    right: 14px;
  }
  .box-form-login .form-control {
    padding: 22px 40px 22px 16px;
  }
  .text-48-bold {
    font-size: 35px;
    line-height: 50px;
  }
}
@media (max-width: 375px) {
  .text-48-bold {
    font-size: 25px;
    line-height: 40px;
  }
}
.register__area-one {
  background-image: url(../img/register/bg-register.png);
}

.forgot__area-one, .register__area-one {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0 250px;
}

.forgot__area-one {
  background-image: url(../img/forgot/bg-forgot.png);
}

.text-16-semibold {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.form-forgot .text-infos {
  background-image: url(../img/forgot/info.svg);
  background-position: 0;
  background-repeat: no-repeat;
  color: var(--tg-body-color);
  margin-bottom: 0;
  padding: 0 0 0 29px;
}

.form-forgot .alert-warning {
  background-color: var(--tg-color-yellow-light-3);
  border: 0;
  margin-bottom: 24px;
  padding: 15px 24px;
}

.border-btn.btn-login {
  padding: 19px 26px;
}

.border-btn.btn-login svg {
  fill: var(--tg-body-color);
  margin-inline-end: 8px;
  width: 16px;
}

.border-btn.btn-login:hover svg {
  fill: var(--tg-color-white-default);
}

.border-btn.btn-login:after {
  display: none;
}

.slider_baner_home6 .slider__bg {
  opacity: 1;
}

.slider_baner_home6 .banner__content-three {
  background-color: #fff;
  border-radius: 8px;
  margin: 60px 0 60px 60px;
  padding: 60px 60px 60px 80px;
  position: relative;
}

.slider_baner_home6 .banner__content-three .title {
  margin-bottom: 10px;
}

.slider_baner_home6 .banner__content-three p {
  margin-bottom: 30px;
}

.slider_baner_home6 .slider__single {
  background-color: transparent;
  max-height: 693px;
}

.slider_baner_home6 .slider__single:before {
  display: none;
}

.text-stroke-2 {
  color: #fdbe39;
  font-size: 70px;
  font-weight: 700;
  line-height: 70px;
  text-shadow: -1px -1px 0 #e08b00, 1px -1px 0 #e08b00, -1px 1px 0 #e08b00, 1px 1px 0 #e08b00;
}

.text-25-years {
  align-items: flex-start;
  background-color: var(--tg-color-gray-3);
  border-radius: 50px 0 50px 50px;
  display: flex;
  left: -175px;
  padding: 20px 30px 20px 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  width: -moz-fit-content;
  width: fit-content;
  z-index: 123;
}

.text-experience {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
  padding-left: 10px;
  text-transform: uppercase;
}

.slider__area {
  position: relative;
}

.box-button-slider-bottom {
  bottom: 0;
  left: 0;
  padding-bottom: 50px;
  position: absolute;
  width: 100%;
  z-index: 1234;
}

.box-button-slider-bottom .testimonial__nav-four {
  justify-content: flex-end;
}

.services__item-six {
  align-items: flex-start;
  border: 0;
  box-shadow: none;
  display: flex;
  margin-bottom: 55px;
  padding: 0;
}

.services__item-six .services__icon-five {
  margin-inline-end: 15px;
  margin-top: 18px;
  min-width: 78px;
}

.services__item-six .services__content-five {
  text-align: left;
  width: 100%;
}

.services__item-six .icon {
  transition: all 0.3s ease-out 0s;
}

.services__item-six:hover .icon {
  transform: rotateY(180deg);
  transition: all 0.3s ease-out 0s;
}

.services__item-wrap-two .row [class*=col-]:nth-child(odd) .services__item-six {
  margin-bottom: 30px;
  margin-top: 0;
}

.all_services__area-six {
  background-color: var(--tg-heading-color);
  background-image: url(../img/home6/bg-offer.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--tg-color-white-default);
  padding: 112px 0;
  text-align: center;
}

.all_services__area-six h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 63px;
  margin-bottom: 15px;
}

.all_services__area-six p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}

.card-team-area-six {
  align-items: center;
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
  border-radius: 15px;
  display: flex;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}

.card-team-area-six .card-image {
  background-color: var(--tg-color-yellow-light);
  max-width: 265px;
  min-width: 265px;
  position: relative;
  width: 100%;
}

.card-team-area-six .card-image:before {
  background: url(../img/home6/bg-card-team.png) no-repeat 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.card-team-area-six .card-image img {
  margin-top: 15px;
  margin-inline-start: 10px;
  max-height: 305px;
  position: relative;
  z-index: 2;
}

.card-team-area-six .card-image .btn-share {
  background-color: var(--tg-color-white-default);
  border-radius: 50%;
  height: 50px;
  line-height: 48px;
  position: absolute;
  right: 17px;
  text-align: center;
  top: 14px;
  width: 50px;
  z-index: 4;
}

.card-team-area-six .card-image .btn-share img {
  margin: 0;
}

.card-team-area-six .card-info {
  padding: 20px 20px 20px 30px;
  width: 100%;
}

.card-team-area-six .card-info .card-title {
  margin-bottom: 28px;
}

.card-team-area-six .card-info .card-title a {
  color: var(--tg-heading-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.card-team-area-six .card-info .card-dept {
  color: var(--tg-theme-primary);
  font-size: 16px;
  line-height: 16px;
  margin: 10px 0;
}

.card-team-area-six .card-info .card-desc {
  color: var(--tg-body-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 28px;
}

.card-team-area-six .card-info .card-link a {
  color: var(--tg-theme-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: underline;
}

.box-need-help {
  position: relative;
}

.box-text-need-help {
  background-color: var(--tg-heading-color);
  bottom: 0;
  color: var(--tg-color-white-default);
  max-width: 297px;
  padding: 32px;
  position: absolute;
  right: 0;
}

.box-text-need-help h6 {
  color: var(--tg-theme-primary);
  margin-bottom: 13px;
  margin-top: 15px;
}

.box-text-need-help p {
  color: var(--tg-color-white-default);
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}

.accordion-button {
  border: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding: 23px 54px 23px 34px;
  position: relative;
}

.accordion-button, .accordion-button:hover {
  color: var(--tg-color-white-default);
}

.accordion-button.collapsed {
  background-color: var(--tg-theme-primary);
  border-bottom: 1px solid var(--tg-border-1);
}

.accordion-button:focus {
  border-color: var(--tg-border-1);
}

.accordion-collapse {
  background-color: var(--tg-theme-primary);
  border: 0;
}

.accordion-collapse .accordion-body {
  color: var(--tg-color-white-default);
  margin-bottom: 0;
  padding: 0 32px 25px;
}

.accordion-button:not(.collapsed) {
  background-color: var(--tg-theme-primary);
  box-shadow: none;
  color: var(--tg-color-white-default);
}

.accordion {
  position: relative;
}

.accordion-item {
  border: 0;
  margin-bottom: 8px;
  overflow: hidden;
}

.accordion-item, .accordion-item:first-of-type {
  border-radius: 16px !important;
}

.accordion-button:after {
  background-color: var(--tg-theme-primary);
  background-image: url(../img/home6.svg);
  background-position: 50%;
  border-radius: 4px;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: rotate(0deg);
  width: 24px;
  z-index: 12;
}

.accordion-button:not(.collapsed):after {
  background-color: var(--tg-theme-primary);
  background-image: url(../../../themes/apexa/images/icons/plus.svg);
}

.box-faq-right {
  padding-left: 20px;
}

.marketing_expert__area_six {
  background-color: var(--tg-color-gray-3);
  background-image: url(../img/home6/bg-marketing.png);
  background-position: 0;
  background-repeat: no-repeat;
  margin-bottom: 130px;
  padding: 125px 0 0;
}

.footer__content-two > .color-white {
  color: var(--tg-color-white-default);
}

.footer__content-two .mb-40 {
  margin-bottom: 40px;
}

.box-video {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.box-video:before {
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.box-video .bnt-play {
  bottom: 0;
  height: 114px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 114px;
  z-index: 12;
}

.box-video-small {
  bottom: -130px;
  margin-top: 0;
  position: relative;
}

.item-video-small {
  background-color: var(--tg-heading-color);
  border-radius: 16px;
  display: flex;
  overflow: hidden;
}

.video-small-left {
  padding: 46px;
  width: 100%;
}

.video-small-right {
  max-width: 392px;
  min-width: 392px;
}

.video-small-right .box-video {
  border-radius: 0;
}

.video-small-right .box-video:before {
  display: none;
}

.video-small-right .bnt-play {
  height: 70px;
  width: 70px;
}

.video-small-left-inner {
  align-items: center;
  display: flex;
}

.video-small-left-inner .video-small-left-1 {
  background-color: var(--tg-theme-primary);
  border-radius: 17px;
  margin-inline-end: 20px;
  min-width: 139px;
  padding: 29px;
  text-align: center;
}

.video-small-left-inner .video-small-left-1 * {
  color: var(--tg-color-white-default);
}

.video-small-left-inner .video-small-left-1 h3 {
  font-size: 48px;
  line-height: 48px;
}

.video-small-left-inner .video-small-left-1 p {
  margin-bottom: 0;
}

.video-small-left-inner .video-small-left-2 * {
  color: var(--tg-color-white-default);
}

.video-small-left-inner .video-small-left-2 h3 {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 13px;
}

.footer__newsletter-six {
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}

.footer__top-two .color-white {
  color: var(--tg-color-white-default);
}

.text-subscribe {
  margin-bottom: 0;
  width: 100%;
}

.footer__area-six .footer__content-two {
  max-width: 476px;
}

.footer__area-six .copyright-text-two p {
  text-align: left;
}

.text-stroke {
  color: var(--tg-color-dark-blue);
  font-size: 60px;
  letter-spacing: 4px;
  text-shadow: 1px 1px 0 var(--tg-color-white-default), -1px -1px 0 var(--tg-color-white-default), 1px -1px 0 var(--tg-color-white-default), -1px 1px 0 var(--tg-color-white-default), 1px 1px 0 var(--tg-color-white-default);
}

.partners__area-six {
  background-color: var(--tg-color-dark-blue);
  padding: 49px 0;
}

.slider__partner {
  width: auto !important;
}

.slider__partner h4 {
  align-items: center;
  display: flex;
  text-transform: uppercase;
}

.slider__partner h4 img {
  margin: 0 25px;
}

.choose__area-six {
  padding: 124px 0;
}

.choose__area-six .choose__img-wrap-five {
  position: relative;
  text-align: center;
}

.choose__area-six .choose__img-wrap-five .alltuchtopdown {
  bottom: 15%;
  left: auto;
  right: 0;
  z-index: 1;
}

.choose__area-six .choose__img-wrap-five .shape-left {
  box-shadow: none;
  left: -10px;
  position: absolute;
  right: auto;
  top: 4%;
}

.choose__area-six .choose__img-wrap-five .shape-bottom-left {
  bottom: -10px;
  left: -10px;
  position: absolute;
  right: auto;
}

.choose__area-six .choose__img-wrap-five .shape-top-right {
  position: absolute;
  right: 30px;
  top: -40px;
  z-index: -1;
}

.our_team__area-six {
  padding: 124px 0 0;
}

.faqs__area-six {
  background-image: url(../img/home6/bg-faq.svg);
  background-position: left bottom -120px;
  background-repeat: no-repeat;
  padding: 124px 0;
  position: relative;
}

.faqs__area-six .circle {
  background-image: url(../img/home6/circle-faq.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  height: 52px;
  left: 5%;
  position: absolute;
  top: 180px;
  width: 52px;
}

.marketing_expert__area_six .shape-top-right {
  position: absolute;
  right: -20px;
  top: -30px;
}

.services__item-style-2 .services__item-five {
  padding: 45px 30px 30px;
  text-align: left;
}

.services__item-style-2 .services__item-five .services__icon-five {
  margin-inline-start: 15px;
}

.services__item-style-2 .services__item-five .services__content-five p {
  min-height: 120px;
}

.footer-payments img {
  margin: 0 5px 9px 0;
}

.link-gray {
  color: var(--tg-body-color);
}

.services__area-home7 {
  background-color: var(--tg-color-gray-3);
  background-image: url(../img/home7/bg-service.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.banner-two-col .section-title .title, .text-60-bold {
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
}

.banner-two-col .section-title .title span, .text-60-bold span {
  font-weight: 300;
}

.item-author-more {
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-theme-primary);
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  height: 64px;
  line-height: 65px;
  margin-inline-start: -5px;
  text-align: center;
  width: 64px;
}

.box-authors {
  align-items: center;
  display: flex;
  position: relative;
}

.box-authors img {
  border-radius: 50%;
  height: 65px;
  margin-inline-end: -30px;
  width: 65px;
}

.box-img-author {
  position: relative;
}

.text-trusted-author {
  color: var(--tg-heading-color);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  max-width: 268px;
  padding-left: 20px;
}

.text-42-bold {
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
}

.text-need-help {
  font-size: 24px;
  line-height: 24px;
}

.text-need-help, .text-phone {
  color: var(--tg-color-white-default);
}

.slide__home7 {
  position: relative;
}

.box-info-contact {
  background-color: var(--tg-heading-color);
  bottom: 0;
  padding: 52px;
  position: absolute;
  width: 100%;
}

.brand__area-home7 {
  padding-top: 117px;
}

.main-img-why {
  position: relative;
}

.main-img-why .play-btn {
  background: var(--tg-color-white-default);
  border-radius: 50%;
  bottom: 0;
  display: inline-block;
  height: 114px;
  left: 10px;
  margin: auto auto auto 150px;
  position: absolute;
  right: 0;
  top: 0;
  width: 114px;
  z-index: 12;
}

.main-img-why .play-btn i {
  bottom: 0;
  color: var(--tg-heading-color);
  font-size: 43px;
  height: 43px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
}

.whychoose__area-home7 {
  padding-top: 0;
}

.icon-line {
  bottom: 15%;
  left: 3%;
}

.icon-line, .icon-star {
  position: absolute;
  z-index: 1;
}

.icon-star {
  right: 10%;
  top: 30%;
}

.icon-snow {
  left: 10%;
  position: absolute;
  top: 15%;
  z-index: 1;
}

.steps__area-seven {
  background-color: var(--tg-heading-color);
  padding: 118px 0 78px;
}

.steps__area-seven * {
  color: var(--tg-color-white-default);
}

.journey_area-seven {
  background-color: var(--tg-heading-color);
  background-image: url(../img/home7/bg-journey.png);
  background-position: top;
  margin-bottom: 200px;
  padding: 85px 0 0;
}

.journey_area-seven .section-title h2, .journey_area-seven .section-title p {
  color: var(--tg-color-white-default);
}

.journey_area-seven .section-title p {
  margin-bottom: 25px;
}

.box-counter-home7 {
  background-color: var(--tg-color-white-default);
  border-radius: 16px;
  bottom: -105px;
  -ms-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 60px 20px 30px;
  position: relative;
  width: 100%;
}

.box-counter-home7 .counter-item {
  gap: 13px;
}

.card-step .card-icon {
  background-image: url(../img/home7/bg-step.svg);
  background-repeat: no-repeat;
  height: 78px;
  line-height: 78px;
  margin-bottom: 24px;
  text-align: center;
  width: 69px;
}

.card-step .card-icon * {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.card-step .card-info h5, .card-step .card-info p {
  color: var(--tg-color-white-default);
  margin-bottom: 24px;
}

.card-step .card-info p {
  margin-bottom: 40px;
}

.card-step .card-info .link-readmore {
  color: var(--tg-color-white-default);
}

.card-step .card-info .link-readmore svg {
  margin-inline-start: 5px;
}

.mw-460 {
  max-width: 460px;
}

.slider_testimonial_home7 {
  padding-top: 90px;
  position: relative;
}

.slider_testimonial_home7 .quote-review {
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 12;
}

.item-testimonial {
  display: flex;
  margin: auto;
  max-width: 1100px;
  padding-left: 50px;
  padding-right: 50px;
}

.item-testimonial .item-testimonial-left {
  min-width: 300px;
  padding: 0 10px;
  text-align: center;
}

.item-testimonial .item-testimonial-left .author-testimonial img {
  border-radius: 50%;
  height: 87px;
  margin-bottom: 5px;
  width: 87px;
}

.item-testimonial .item-testimonial-left .author-testimonial .info-author-review .name-review {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 5px;
}

.item-testimonial .item-testimonial-left .author-testimonial .info-author-review .review-dept {
  color: var(--tg-theme-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.item-testimonial .item-testimonial-left .author-testimonial .info-author-review .brand-review {
  margin-top: 32px;
  opacity: 0.5;
}

.item-testimonial .item-testimonial-right p {
  color: var(--tg-body-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.testimonials_area-seven {
  padding-bottom: 130px;
}

.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next, .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev {
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
  margin-top: -25px;
  position: absolute;
  top: 50%;
  z-index: 123;
}

.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next:hover, .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev:hover {
  background-color: var(--tg-theme-primary);
}

.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev {
  left: 0;
}

.testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
  right: 0;
}

.testimonials_area-seven .swiper-pagination {
  bottom: 0;
}

.testimonials_area-seven .swiper-container {
  padding-bottom: 40px;
}

.testimonials_area-seven .swiper-pagination-bullet {
  background-color: var(--tg-color-gray-2);
}

.testimonials_area-seven .swiper-pagination-bullet-active {
  background-color: var(--tg-heading-color);
}

.about__award-box-two-rel {
  position: relative;
}

.about__award-box-two2 {
  bottom: 115px;
}

.box-yellow-about {
  background-color: var(--tg-color-yellow-light);
  border-radius: 32px;
  padding: 50px;
}

@media (max-width: 1199px) {
  .banner-two-col .banner-col-1, .banner-two-col .banner-col-2 {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .banner-two-col, .item-video-small {
    flex-wrap: wrap;
  }
  .video-small-right {
    max-width: 100%;
    min-width: 100%;
  }
  .banner-two-col .banner-col-1, .banner-two-col .banner-col-2 {
    width: 100%;
  }
  .item-testimonial {
    padding-left: 0;
    padding-right: 0;
  }
  .item-testimonial .item-testimonial-left {
    min-width: 190px;
  }
  .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-next {
    right: -70px;
  }
  .testimonials_area-seven .testimonial__nav-four .testimonial-two-button-prev {
    left: -70px;
  }
}
@media (max-width: 768px) {
  .video-small-left {
    padding: 26px;
  }
}
@media (max-width: 575px) {
  .text-25-years {
    border-radius: 50px 0 50px 50px;
    left: -135px;
    padding: 5px 15px 5px 24px;
  }
  .slider_baner_home6 .banner__content-three {
    margin: 0 0 100px 30px;
    padding: 30px 20px 30px 50px;
  }
  .slider_baner_home6 .banner__content-three .title {
    font-size: 30px;
  }
  .card-team-area-six {
    flex-wrap: wrap;
  }
  .card-team-area-six .card-image {
    max-width: 100%;
    min-width: 100%;
  }
  .video-small-left-inner {
    flex-wrap: wrap;
  }
  .video-small-left-inner .video-small-left-1 {
    margin-bottom: 30px;
  }
  .item-testimonial .item-testimonial-right p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 450px) {
  .item-testimonial {
    flex-wrap: wrap;
  }
  .item-testimonial-left {
    margin-bottom: 30px;
    min-width: 100%;
    width: 100%;
  }
}
.banner-two-col {
  background-color: var(--tg-color-gray-3);
}

.banner-two-col .banner-col-1 {
  min-height: 646px;
  padding: 80px 0;
}

.banner-two-col .banner-col-2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
}

.banner-two-col .banner-col-2 .box-button-slider-bottom {
  bottom: 90px;
  left: auto;
  padding-bottom: 0;
  right: 80px;
}

.services__item-five .icon {
  transition-duration: 0.3s;
}

.services__item-five:hover .icon {
  transform: rotateY(180deg);
  transition-duration: 0.3s;
}

.card-step .card-icon svg {
  transition-duration: 0.3s;
}

.card-step:hover .card-icon svg {
  transform: rotateY(180deg);
  transition-duration: 0.3s;
}

@media only screen and (max-width: 920px) {
  .banner-two-col .banner-col-2 {
    display: none;
  }
}
.card-services-type-01 {
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-color-yellow-light-4);
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 30px;
  text-align: center;
  transition-duration: 0.2s;
}

.card-services-type-01:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.102);
  transform: translateY(-2px);
  transition-duration: 0.2s;
}

.card-services-type-01 .card-icon {
  height: 58px;
  margin-bottom: 24px;
}

.card-services-type-01 .card-icon i, .card-services-type-01 .card-icon img, .card-services-type-01 .card-icon svg {
  transition: 0.3s linear;
}

.card-services-type-01 .card-icon:hover i, .card-services-type-01 .card-icon:hover img, .card-services-type-01 .card-icon:hover svg {
  transform: rotateY(180deg);
}

.card-services-type-01 .card-info h5 {
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 24px;
}

.slider_baner_home8 {
  position: relative;
}

.slider_baner_home8 .slider__bg {
  min-height: 778px;
  mix-blend-mode: normal;
  opacity: 1;
  z-index: 1;
}

.slider_baner_home8 .slider__bg:before {
  background-color: var(--tg-heading-color);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
}

.slider_baner_home8 .container {
  position: relative;
  z-index: 2;
}

.slider_baner_home8 .slider__single {
  align-items: flex-start;
  min-height: 778px;
}

.slider_baner_home8 .banner__content-three {
  margin-top: 0;
}

.slider_baner_home8 .banner__content-three .title, .slider_baner_home8 .banner__content-three p {
  color: var(--tg-color-white-default);
  margin-bottom: 45px;
}

.slider_baner_home8 .banner__content-three .title {
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

.slider_baner_home8 .banner__content-three .title span {
  font-weight: 300;
}

.slider__area-home8 {
  padding: 0 170px;
  position: relative;
}

.slider__area-home8 .box-form-quote {
  position: absolute;
  right: 0;
  top: 100px;
  width: auto;
  z-index: 12;
}

.slider__area-home8 .box-form-quote .testimonial__form {
  margin: 0 0 0 auto;
}

.slider__area-home8 .testimonial__nav-four .testimonial-two-button-prev {
  left: 60px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
}

.slider__area-home8 .box-button-slider-bottom {
  margin: 0;
  padding: 0;
  position: static;
}

.slider__area-home8 .box-button-slider-bottom .testimonial__nav-four {
  margin: 0;
}

.slider__area-home8 .testimonial__nav-four .testimonial-two-button-next {
  margin-top: -25px;
  position: absolute;
  right: 60px;
  top: 50%;
}

.services__area-home8 {
  position: relative;
  top: -130px;
  z-index: 12;
}

.card-number-star {
  align-items: center;
  background-color: var(--tg-color-white-default);
  border-radius: 50px 0 50px 0;
  bottom: -75px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.173);
  display: flex;
  left: 0;
  margin: auto;
  max-width: 376px;
  padding: 25px;
  position: absolute;
  right: 0;
  z-index: 4;
}

.card-number-star .number {
  margin-inline-end: 20px;
  position: relative;
}

.card-number-star .content .title {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
}

.card-number-star .content p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0;
}

.about__img-wrap-home8 {
  text-align: left;
}

.about__img-wrap-home8 .img-main {
  position: relative;
  z-index: 2;
}

.about__img-wrap-home8.about__img-wrap-seven .shape img {
  right: 7%;
  top: -14%;
}

.team__area-home8 {
  padding-top: 10px;
}

.about__img-wrap-home8.about__img-wrap-four > img {
  border-radius: 0 40px 0 40px;
}

.about__img-wrap-home8.about__img-wrap-four > img:nth-child(2) {
  border: 0;
  border-radius: 40px 0 40px 0;
}

.about__img-wrap-home8.about__img-wrap-four .shape img {
  bottom: -70px;
  left: 30px;
  right: auto;
  top: auto;
}

.marketing__area-home8 {
  background-color: var(--tg-color-gray-3);
  background-image: url(../img/home8/wave.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.about__img-wrap2-home8 {
  display: inline-block;
  position: relative;
}

.about__img-wrap2-home8 .shape {
  bottom: -40px;
  position: absolute;
  right: -40px;
  z-index: -1;
}

.about__img-wrap2-home8 .shape-2 {
  position: absolute;
  right: -35px;
  top: 15%;
  z-index: 12;
}

.about__img-wrap3-home8 {
  display: inline-block;
  position: relative;
}

.about__img-wrap3-home8 .btn-play {
  bottom: 0;
  height: 102px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 102px;
  z-index: 123;
}

.about__img-wrap3-home8 img {
  border-radius: 0 40px 0 40px;
}

.card-testimonials {
  position: relative;
}

.card-testimonials .card-image {
  border-radius: 50%;
  height: 65px;
  margin-bottom: 45px;
  overflow: hidden;
  width: 65px;
}

.card-testimonials .card-image img {
  border-radius: 50%;
  display: block;
  height: 65px;
  transition: 0.3s linear;
  width: 65px;
}

.card-testimonials .card-info {
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 10px 0;
}

.card-testimonials .card-info .card-position {
  margin-bottom: 17px;
}

.card-testimonials .card-info .rates-review {
  margin-bottom: 23px;
}

.card-testimonials .card-info .card-comment p {
  font-size: 17px;
  line-height: 30px;
}

.testimonials__area-home8 {
  padding-top: 120px;
  position: relative;
}

.box-button-slider-right .testimonial__nav-four {
  justify-content: flex-end;
}

.marketing__area-home8 {
  position: relative;
}

.marketing__area-home8 .shape {
  bottom: 24%;
  position: absolute;
  right: 5%;
  z-index: 0;
}

.marketing__area-home8 .shape-2 {
  bottom: 20%;
  position: absolute;
  right: 2%;
  z-index: 0;
}

@media (max-width: 1399px) {
  .marketing__area-home8 .shape {
    bottom: 2%;
  }
  .marketing__area-home8 .shape-2 {
    bottom: 4%;
  }
  .slider__area-home8 {
    padding: 0 50px;
  }
}
@media (max-width: 1199px) {
  .slider__area-home8 {
    padding: 0;
  }
}
@media (max-width: 992px) {
  .footer__area-six .copyright-text-two p {
    margin-bottom: 25px;
    text-align: center;
  }
  .slider__area-home8 .box-form-quote {
    display: table;
    margin: auto;
    position: relative;
    right: auto !important;
    top: auto;
    width: 100%;
  }
  .slider_baner_home8 .slider__bg, .slider_baner_home8 .slider__single {
    min-height: 558px;
  }
  .slider_baner_home8 .banner__content-three {
    margin-bottom: 0;
  }
  .services__area-home8 {
    padding-bottom: 100px;
    padding-top: 50px;
    top: auto;
  }
  .slider__area-home8 .box-form-quote .testimonial__form {
    border: 1px solid var(--tg-border-9);
    margin-top: 30px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .about__img-wrap-home8 {
    padding-bottom: 0;
    text-align: center;
  }
  .about__img-wrap2-home8 .text-25-years {
    left: -120px;
  }
  .slider_baner_home8 .banner__content-three .title {
    font-size: 40px;
    line-height: 50px;
  }
  .marketing__area-home8 .shape, .marketing__area-home8 .shape-2 {
    display: none;
  }
}
@media (max-width: 575px) {
  .about__img-wrap2-home8 .shape-2 {
    right: -15px;
  }
}
:root {
  --tg-body-font-family:var(--primary-font);
  --tg-heading-font-family:var(--heading-font);
}

.truncate-1-custom {
  -webkit-line-clamp: 1;
}

.truncate-1-custom, .truncate-2-custom {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.truncate-2-custom {
  -webkit-line-clamp: 2;
}

.truncate-3-custom {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.show-admin-bar .offCanvas__info, .show-admin-bar .sticky-menu, .show-admin-bar .tgmobile__menu {
  top: 40px;
}

.tgmobile__menu .offCanvas__side-info {
  border-top: unset;
  padding-top: unset;
}

.tgmobile__menu-bottom {
  margin-top: unset;
}

.footer-newsletter {
  width: 50%;
}

.footer-newsletter form .input-group.mb-3 {
  margin-bottom: 0 !important;
}

.footer-newsletter form .input-group.mb-3 button, .footer-newsletter form .input-group.mb-3 input {
  border-radius: 30px !important;
}

.footer-newsletter form .input-group.mb-3 button:focus, .footer-newsletter form .input-group.mb-3 input:focus {
  z-index: unset;
}

@media screen and (max-width: 991px) {
  .bottom-footer-wrapper {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .bottom-footer-wrapper .footer-newsletter {
    width: 100%;
  }
}
footer {
  --tg-body-color:var(--footer-text-color);
  background-color: var(--footer-background-color);
  background-image: var(--footer-background-image);
  background-repeat: no-repeat;
  background-size: contain;
  border-top: 1px solid var(--footer-border-color);
  color: var(--footer-text-color);
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: var(--footer-heading-color);
}

footer a, footer p, footer span {
  color: var(--footer-text-color);
}

footer .footer-bottom {
  background-color: var(--footer-bottom-background-color);
  border-color: var(--footer-border-color) !important;
}

.breadcrumb__area {
  background-color: var(--breadcrumb-bg-color, #f1f8ff) !important;
  background-position: 50%;
  background-size: cover;
  display: flex;
  flex-flow: column;
  height: var(--breadcrumb-height, auto) !important;
  justify-content: center;
}

.breadcrumb__area, .breadcrumb__area .breadcrumb-item {
  color: var(--breadcrumb-txt-color, inherit) !important;
}

.breadcrumb__area .breadcrumb-item.active {
  color: var(--breadcrumb-txt-color, #9faabb) !important;
}

.breadcrumb__area .breadcrumb-item + .breadcrumb-item:before {
  color: var(--breadcrumb-txt-color, var(--bs-breadcrumb-divider-color)) !important;
}

.breadcrumb__area h1 {
  color: var(--breadcrumb-txt-color, #203656) !important;
}

.tg-header__top {
  background-color: var(--header-top-background-color);
}

.tg-header__top .tg-header__top-info li .icon, .tg-header__top .tg-header__top-info li a {
  color: var(--header-top-text-color);
}

.tgmenu__action ul.dropdown-menu {
  display: none;
}

.tgmenu__action .dropdown-menu.show {
  display: block;
  inset: 10px auto auto 0 !important;
}

.header-language-switcher ul.dropdown-menu li {
  margin-inline-start: unset;
}

.tg-header__area-two .header-language-switcher {
  align-items: center;
  display: flex;
  padding: 0 20px;
}

.tg-header__area-two .header-language-switcher .dropdown-menu.show li {
  margin-inline-start: unset;
}

@media screen and (max-width: 991px) {
  .tg-header__area-two .tgmenu__action ul.list-wrap {
    align-items: center;
  }
}
.shortcode-site-statistics {
  background-color: var(--background-color);
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-size: contain;
}

.shortcode-site-statistics .btn:after {
  content: unset !important;
}

.shortcode-about-us-information, .shortcode-blog-posts, .shortcode-contact-block, .shortcode-hero-banner, .shortcode-instruction-steps, .shortcode-pricing, .shortcode-projects, .shortcode-service-categories, .shortcode-services, .shortcode-services-tab, .shortcode-team, .shortcode-testimonials, .widget-newsletter {
  background-color: var(--background-color);
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-size: cover;
}

.shortcode-services {
  --title-color:var(--heading-color);
}

.shortcode-services .section-title h2.title {
  color: var(--title-color) !important;
}

.shortcode-testimonials {
  --title-color:var(--heading-color);
}

.shortcode-testimonials .section-title .title {
  color: var(--title-color) !important;
}

.shortcode-hero-banner .title span {
  color: var(--primary-color);
}

.shortcode-consulting-block {
  background-image: var(--background-image);
}

.shortcode-consulting-block .consulting-inner-wrap {
  background-color: var(--background-color);
}

.card-team-area-six .card-image:before {
  background: unset;
}

.shortcode-testimonials {
  margin-top: unset;
  padding-top: 100px;
}

.shortcode-testimonials .quote-icon {
  color: #313492;
}

.shortcode-testimonials .testimonial__rating i:last-child {
  color: unset;
}

.shortcode-testimonials .testimonial__rating .unstar {
  color: #ded9ce !important;
}

.shortcode-testimonials .card-testimonials .card-info {
  position: relative;
}

.shortcode-testimonials .card-testimonials .card-info .quote-icon {
  position: absolute;
  right: 0;
}

.shortcode-about-us-information .list-wrap li:hover img, .shortcode-about-us-information .list-wrap li:hover svg {
  transform: rotateY(180deg);
}

.shortcode-about-us-information .choose__list-icon img, .shortcode-about-us-information .choose__list-icon svg, .shortcode-about-us-information .list-wrap .icon img, .shortcode-about-us-information .list-wrap .icon svg {
  height: 40px !important;
  transition: 0.3s linear;
  width: 40px !important;
}

.shortcode-about-us-information .icon img, .shortcode-about-us-information .icon svg, .shortcode-contact-form .icon img, .shortcode-contact-form .icon svg {
  height: 40px !important;
  margin-bottom: unset !important;
  width: 40px !important;
}

.shortcode-about-us-information-style-8 .list-wrap .icon img, .shortcode-about-us-information-style-8 .list-wrap .icon svg {
  height: 60px !important;
  width: 60px !important;
}

.shortcode-about-us-information-style-11 .about__list-img-two {
  width: 230px;
}

.shortcode-about-us-information-style-12 .choose__list-box-two .choose__list-icon-two img, .shortcode-about-us-information-style-12 .choose__list-box-two .choose__list-icon-two svg {
  height: 60px !important;
  width: 60px !important;
}

.shortcode-services.shortcode-services-style-6 .services__content-five p {
  min-height: unset !important;
}

.shortcode-services .services-item:hover .services-icon img, .shortcode-services .services-item:hover .services-icon svg.icon {
  transform: rotateY(180deg);
  transition: all 0.4s ease-out 0s;
}

.shortcode-services .services-icon img, .shortcode-services .services-icon svg.icon {
  border: unset;
  height: 36px;
  position: unset;
  width: 36px;
}

.shortcode-services .services-icon.icon-large img, .shortcode-services .services-icon.icon-large svg.icon {
  height: 60px;
  width: 60px;
}

.shortcode-services .services-icon.icon-medium img, .shortcode-services .services-icon.icon-medium svg.icon {
  height: 45px;
  width: 45px;
}

.shortcode-faq .box-text-need-help svg.icon {
  color: var(--primary-color);
  height: 36px;
  width: 36px;
}

.form-grp .form-select {
  color: var(--tg-body-color);
  font-size: 14px;
  font-weight: 500;
  padding: 15px 20px;
}

.shortcode-service-categories .service-categories-icon img, .shortcode-service-categories .service-categories-icon svg.icon {
  border: unset;
  height: 50px;
  position: unset;
  transition: all 0.4s ease-out 0s;
  width: 50px;
}

.shortcode-service-categories .service-categories-item:hover .service-categories-icon img, .shortcode-service-categories .service-categories-item:hover .service-categories-icon svg.icon {
  transform: rotateY(180deg);
  transition: all 0.4s ease-out 0s;
}

.shortcode-service-categories.shortcode-service-categories-style-3 .service-categories-icon img, .shortcode-service-categories.shortcode-service-categories-style-3 .service-categories-icon svg.icon {
  color: var(--primary-color);
  height: 60px;
  width: 60px;
}

.shortcode-content-feature-list .feature-icon img, .shortcode-content-feature-list .feature-icon svg.icon {
  border: unset;
  height: 50px;
  position: unset;
  transition: all 0.4s ease-out 0s;
  width: 50px;
}

.shortcode-content-feature-list .feature-item:hover .feature-icon img, .shortcode-content-feature-list .feature-item:hover .feature-icon svg.icon {
  transform: rotateY(180deg);
  transition: all 0.4s ease-out 0s;
}

.shortcode-content-quote {
  background-color: var(--background-color);
}

.fob-comment-form-section {
  background-color: var(--tg-color-gray-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 8px;
  padding: 40px;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner {
  border-bottom: 1px solid #d6dce9;
  padding-bottom: 30px;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-content {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
  justify-content: start;
  padding-bottom: 45px;
  position: relative;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-content .fob-comment-item-body p {
  margin-bottom: 0;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-author {
  font-size: 20px;
  font-weight: 600;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-avatar img {
  border: 1px solid;
  width: 120px;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-footer .fob-comment-item-info {
  justify-content: space-between;
  width: 100%;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-footer .fob-comment-item-info .fob-comment-item-date {
  color: var(--primary-color);
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner .fob-comment-item-footer .fob-comment-item-reply {
  background: var(--tg-color-gray-3);
  border: 0;
  border-radius: 5px;
  bottom: 0;
  color: var(--tg-theme-secondary);
  display: unset;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 17px;
  position: absolute;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .fob-comment-list-section .fob-comment-list-wrapper .fob-comment-item-inner {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.blog-avatar .avatar-thumb {
  border-radius: 50%;
  height: 36px;
  overflow: hidden;
  position: relative;
  width: 36px;
}

.blog-avatar .avatar-thumb img {
  border-radius: unset;
  inset: 0;
  position: absolute;
}

.shortcode-newsletter .call-back-wrap {
  background-color: var(--background-color);
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-size: cover;
}

.post-tags .list-wrap a {
  white-space: nowrap;
}

.shortcode-services-tab .services__tab-wrap ul {
  list-style: none;
}

.shortcode-services-tab .services__tab-wrap ul button span.icon img, .shortcode-services-tab .services__tab-wrap ul button span.icon svg {
  height: 24px;
  width: 24px;
}

.marketing_expert__area_six .box-video:before {
  content: unset !important;
}

.faqs__area-six, .faqs__area-six .circle {
  background-image: unset !important;
}

@media screen and (min-width: 1200px) {
  .shortcode-simple-slider.shortcode-simple-slider-style-3 .slider__single {
    min-height: 900px;
  }
}
@media screen and (max-width: 991px) {
  .shortcode-simple-slider.shortcode-simple-slider-style-3 .box-button-slider-bottom {
    display: none;
  }
}
.shortcode-services-style-7 .card-services-type-01 .card-icon .icon svg {
  color: var(--primary-color);
}

.shortcode-about-us-information-style-6 .choose__content-five .about-bottom {
  margin-top: 30px;
}

.auth-card__body .form-control {
  background: var(--tg-color-white-default);
  border-radius: 8px;
  padding: 14px 15px;
}

.auth-card__body form .auth-input-icon {
  top: 8px;
}

.auth-card__body form .btn-auth-submit {
  display: unset;
}

.auth-card__body form .btn-auth-submit:after {
  content: unset;
}

.career-details {
  padding: 60px 0;
}

.career-details .background-image {
  background-image: var(--background-image);
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  box-shadow: 0 0 30px 0 rgba(14, 41, 50, 0.08);
  height: 300px;
}

.career-details .content {
  background-color: #fff;
  border: 1px solid var(--tg-border-1);
  border-radius: 16px;
  margin-top: -100px;
  min-height: 500px;
  padding: 50px;
}

.career-details .content .heading {
  border-bottom: 1px solid var(--tg-border-1);
  padding-bottom: 25px;
}

.career-details .content .heading .btn-apply {
  margin-inline-end: 20px;
}

.career-details .content .heading .title {
  color: var(--tg-heading-font-color);
  font-size: 32px;
  font-weight: 700;
  line-height: var(--tg-heading-line-height);
}

.career-details .content .heading .meta {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.career-details .content .heading .meta span.meta-item {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 5px;
}

.career-details .content .heading .meta span.meta-item svg {
  flex-shrink: 0;
}

.career-details .content .heading .meta span.meta-item:not(:last-child) {
  margin-inline-end: 20px;
}

.career-details .content .body-content {
  margin-top: 25px;
}

.career-details .content .body-content .content-inner {
  padding-bottom: 10px;
}

.career-details .content .body-content .action {
  border-top: 1px solid var(--tg-border-1);
  padding-top: 25px;
}

.shortcode-banner-slider .slider_baner__active .slide__home7 img {
  margin-bottom: 200px;
}

.shortcode-banner-slider .banner-two-col .box-button-slider-bottom {
  bottom: 50px;
  width: auto;
}

.shortcode-banner-slider .box-authors img {
  max-width: 100%;
  width: unset;
}

.shortcode-banner-slider .banner-two-col {
  background-color: var(--background-color) !important;
}

.shortcode-about-us-information-style-16 {
  background-color: unset;
}

.shortcode-about-us-information-style-16 .box-yellow-about {
  background-color: var(--background-color) !important;
}

.widget-information .footer-info-two .list-wrap li .content {
  color: var(--tg-color-gray-2);
  font-weight: 700;
}

.widget-newsletter-style-4 .footer__newsletter-three button.btn {
  border-radius: 30px !important;
}

.shortcode-instruction-steps .card-step .card-icon {
  background-image: url(../images/icons/bg-step-icon.svg) !important;
}

.shortcode-instruction-steps .card-step .card-icon img, .shortcode-instruction-steps .card-step .card-icon svg.icon {
  height: 36px;
  width: 36px;
}

.shortcode-instruction-steps .card-step .card-icon svg {
  stroke: var(--primary-color) !important;
}

.brochure-downloads-widget .sidebar__brochure a svg.icon {
  flex-shrink: 0;
}

@media screen and (max-width: 991px) {
  .wrapper-footer-widgets {
    gap: 20px;
  }
}
.widget-newsletter-style-3 form .input-group.mb-3 {
  margin-bottom: 0 !important;
}

.widget-newsletter-style-3 form .g-recaptcha {
  margin-top: 10px;
}

.contact-form-widget .contact-form label {
  display: none;
}

.contact-form-widget .contact-form .contact-form-row {
  flex-wrap: wrap;
}

.contact-form-widget .contact-form .contact-form-row .contact-column-6 {
  width: 100%;
}

.currency-switcher .dropdown-menu li a {
  color: var(--secondary-color);
}

.ecommerce.tg-header__top {
  display: block !important;
}

.tg-header__top .tg-header__top-info svg.icon {
  height: 20px;
  width: 20px;
}

.tgmenu__navbar-wrap ul li .sub-menu {
  z-index: 20;
}

.shortcode-team-style-3 .team__item-three .team__content-three .title a {
  text-shadow: 2px 2px 8px #000;
}

.shortcode-team-style-3 .team__item-three .team__content-three span {
  text-shadow: 2px 2px 4px #151414;
}

.shortcode-team-style-1 ul.list-wrap li, .shortcode-team-style-3 .team__item-three ul.list-wrap li {
  margin-bottom: 4px;
}

@media screen and (max-width: 991px) {
  .tg-header__top-info.left-side {
    display: none;
  }
  .tg-header__top-info {
    margin-bottom: 0 !important;
  }
  .tg-header__top-info.right-side {
    justify-content: center !important;
  }
}
.scroll__top {
  align-items: center;
  display: flex;
  justify-content: center;
}

#quick-shop-modal .modal-body {
  min-height: 300px;
}

.transparent-header {
  top: var(--height-announcement);
}

.transparent-header.sticky-menu {
  top: 0;
}

.show-admin-bar .transparent-header.sticky-menu {
  top: 40px;
}

.language-switcher-mobile .title {
  color: var(--tg-heading-color);
  font-size: 18px;
  font-weight: 700;
  padding: 10px 60px 10px 25px;
}

.language-switcher-mobile .dropdown {
  padding: 0 60px 10px 20px;
}

.language-switcher-mobile .dropdown a {
  color: var(--secondary-color);
}

@media screen and (max-width: 991px) {
  .tg-header__top {
    display: none;
  }
  .has-header-transparent-and-ecommerce {
    padding: 180px 0 0 !important;
  }
}
.shortcode-newsletter .call-back-form form .input-group.mb-3, .widget-newsletter .call-back-form form .input-group.mb-3 {
  margin-bottom: 0 !important;
  position: relative;
}

.shortcode-newsletter .call-back-form form .input-group.mb-3 .mb-3.position-relative, .widget-newsletter .call-back-form form .input-group.mb-3 .mb-3.position-relative {
  position: absolute !important;
  top: 110%;
}

.shortcode-newsletter .call-back-form form .input-group .form-grp.w-100, .widget-newsletter .call-back-form form .input-group .form-grp.w-100 {
  margin-bottom: 0 !important;
  width: 70% !important;
}

.shortcode-newsletter .call-back-form form .input-group .form-grp.w-100 input, .widget-newsletter .call-back-form form .input-group .form-grp.w-100 input {
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}

.shortcode-newsletter .call-back-form form .input-group button.btn, .widget-newsletter .call-back-form form .input-group button.btn {
  height: 50px;
  width: 20%;
}

.widget-newsletter-style-4 .input-group.mb-3 {
  position: relative;
}

.widget-newsletter-style-4 .input-group.mb-3 .mb-3.position-relative {
  position: absolute !important;
  top: 45%;
}

.widget-newsletter-style-4 .input-group.mb-3 .mb-3.position-relative + button.btn {
  margin-bottom: 85px;
}

@media screen and (min-width: 991px) {
  .shortcode-simple-slider-style-3 {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 991px) {
  .shortcode-simple-slider-style-3 .box-form-quote {
    top: 50px !important;
  }
}
.shortcode-about-us-information-style-6, .shortcode-about-us-information-style-9, .shortcode-team-style-3 {
  padding-top: unset !important;
}

.widget-newsletter-style-4 form .input-group.mb-3 {
  margin-bottom: 0 !important;
}

.widget-newsletter-style-4 form .input-group .form-grp.w-100 {
  margin-bottom: 0 !important;
  width: 70% !important;
}

.widget-newsletter-style-4 form .input-group .form-grp.w-100 input {
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}

.widget-newsletter-style-4 form .input-group button.btn {
  border-bottom-left-radius: unset !important;
  border-top-left-radius: unset !important;
  height: 50px;
  width: 25%;
}

.brand-area {
  padding: 0;
}

.brand-area .brand__content {
  margin-bottom: 20px !important;
}

.brand-area .brand-active .swiper-wrapper {
  align-items: center;
}

.team__area-two {
  padding-top: 60px !important;
}

.testimonial__area-two + .shortcode-about-us-information-style-6 {
  padding-top: 90px !important;
}

.marketing_expert__area_six {
  margin-bottom: 0 !important;
  padding: 90px 0 !important;
}

.brand-area + .shortcode-about-us-information-style-7 {
  padding-top: 90px !important;
}

.journey_area-seven + .testimonials_area-seven {
  padding-top: 0 !important;
}

.choose__area-six.shortcode-about-us-information-style-6 {
  padding-bottom: 20px !important;
}

.language-switcher-mobile .list {
  list-style: none;
  padding-left: 25px !important;
}

.tgmobile__menu .tgmobile__menu-box {
  padding-bottom: 60px;
}

.accordion-item .accordion-button.collapsed:after, .accordion-item .accordion-button:after {
  background-image: url(../images/icons/plus.svg) !important;
}

.accordion-item .accordion-button:not(.collapsed):after {
  background-image: url(../images/icons/minus.svg) !important;
}

.blog__details-wrap .blog__avatar-wrap .blog__avatar-img .avatar-wrapper {
  border: 1px solid var(--tg-border-1);
  border-radius: 50%;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}

.blog__details-wrap .blog__avatar-wrap .blog__avatar-img .avatar-wrapper img {
  inset: 0;
  position: absolute;
}

.blog__details-wrap .blog__details-bottom .post-tags .list-wrap {
  flex-wrap: wrap;
}

.bb-product-detail #product-option {
  margin-bottom: 2rem;
}

.bb-product-detail #product-option .product-option-item-wrapper .product-option-item-label {
  margin-bottom: 0.5rem;
}

.bb-product-detail #product-option .product-option-item-wrapper .product-option-item-values .form-control, .bb-product-detail #product-option .product-option-item-wrapper .product-option-item-values .form-select {
  padding: 18px 24px !important;
}

.tgmenu__navbar-wrap ul li:hover > .sub-menu, .tgmenu__navbar-wrap ul li:hover > .sub-menu li:hover > .sub-menu {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

.tgmenu__navbar-wrap ul .sub-menu .menu-item-has-children {
  position: relative !important;
}

.tgmenu__navbar-wrap ul .sub-menu .sub-menu {
  left: 101% !important;
  top: 0 !important;
}

.product-faqs-accordion .accordion-header .accordion-button {
  background: var(--primary-color) !important;
}

.product-faqs-accordion .accordion-header .accordion-button:not(.collapsed) {
  color: #fff !important;
}

@media screen and (max-width: 991px) {
  .shortcode-hero-banner {
    background-position: 75% 50%;
    position: relative;
  }
  .shortcode-hero-banner .shortcode-hero-banner-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
  }
  .shortcode-hero-banner .container {
    z-index: 10;
  }
  .shortcode-hero-banner .container .banner-content h2, .shortcode-hero-banner .container .banner-content p, .shortcode-hero-banner .container .banner__content-three h2, .shortcode-hero-banner .container .banner__content-three p {
    color: #fff;
  }
  .tg-header__area {
    background: hsla(0, 0%, 100%, 0.6);
  }
  .tg-header__area-five.transparent-header {
    background: hsla(0, 0%, 100%, 0.6) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) !important;
  }
}
.scroll__top:not(.open) {
  bottom: -10% !important;
}

.product__sidebar {
  margin-top: 64px;
}

.contact-form .form-grp .form-label {
  display: none;
}

.wishlist-area .cart-update {
  margin-bottom: 30px;
}

.wishlist-area .bb-social-sharing {
  display: inline-flex;
  gap: 10px;
  list-style-type: none;
  padding-left: 0;
}

.wishlist-area .bb-social-sharing .bb-social-sharing__item {
  align-items: center;
  background: #eaf1f4;
  border-radius: 5px;
  color: var(--tg-heading-color);
  display: flex;
  font-size: 20px;
  height: 45px;
  justify-content: center;
  width: 45px;
}

.wishlist-area .bb-social-sharing button {
  border: none;
}

@media screen and (max-width: 991px) {
  .tg-header__style-four .tg-header__area-four {
    background: var(--tg-color-white-default);
  }
  .tg-header__style-four .tg-header__top-three {
    --header-top-text-color:#fff!important;
  }
}
header .tgmenu__wrap .tgmenu__nav .logo {
  min-width: 150px;
}

.team__details-area .content {
  margin-top: 30px;
}

.shortcode-request-quote {
  padding: 60px 0;
}

.shortcode-request-quote .card {
  padding: 24px;
}

body[dir=rtl] .tgmenu__navbar-wrap ul.navigation {
  margin: 0 125px 0 0;
}

body[dir=rtl] .tgmenu__navbar-wrap ul.navigation li ul.sub-menu {
  left: unset;
  right: 0;
}

body[dir=rtl] .tgmenu__main-menu li.menu-item-has-children > a:after {
  content: unset;
}

body[dir=rtl] .tgmenu__main-menu li.menu-item-has-children > a:before {
  color: var(--tg-color-dark-blue);
  content: "\f107";
  font-family: var(--tg-icon-font-family);
  font-weight: 700;
  margin-inline-start: 4px;
  transition: all 0.3s ease-out 0s;
}

body[dir=rtl] .btn:after {
  transform: rotate(180deg);
}

body[dir=rtl] .sidebar__widget-title:before {
  left: unset;
  right: 0;
}

body[dir=rtl] .blog-post-thumb .post-tag {
  left: unset;
  right: 18px;
}

body[dir=rtl] .widget-blog-categories .sidebar__cat-list a i {
  transform: rotate(180deg);
}

body[dir=rtl] .fw-title:before, body[dir=rtl] .project__details-info .title:before {
  left: unset;
  right: 0;
}

body[dir=rtl] .sidebar__widget-two .sidebar__cat-list-two ul.list-wrap li a i {
  transform: rotate(180deg);
}

body[dir=rtl] .tgmenu__navbar-wrap ul li .sub-menu {
  z-index: 20;
}

body[dir=rtl] .tgmenu__navbar-wrap ul li .sub-menu li {
  text-align: start;
}

body[dir=rtl] .offCanvas__info {
  left: 0;
  right: unset;
  transform: translateX(-100%);
}

body[dir=rtl] .offCanvas__info.active {
  transform: translateX(0);
}

body[dir=rtl] .search__popup .search__close {
  left: 2%;
  right: unset;
}

body[dir=rtl] .section-more-btn {
  text-align: end;
}

body[dir=rtl] .services__tab-wrap .nav-link {
  padding: 15px 25px 15px 55px;
}

body[dir=rtl] .services__tab-wrap .nav-link:after {
  left: 20px;
  right: unset;
  transform: rotate(180deg);
}

body[dir=rtl] .breadcrumb__content .breadcrumb-item:not(:first-child):before {
  transform: rotate(180deg);
}

body[dir=rtl] .widget-newsletter-style-3 .subscribe-form button.btn {
  border-radius: 30px !important;
}

body[dir=rtl] .shortcode-about-us-information-style-2 .services-item .services__icon-three:before {
  left: unset;
  right: -18px;
}

body[dir=rtl] .shortcode-projects-style-3 .project__content-three {
  left: unset;
  right: 105px;
}

body[dir=rtl] .shortcode-projects-style-2 .project__item-four .project__content-four .right-arrow i {
  transform: rotate(180deg);
}

body[dir=rtl] .shortcode-banner-slider .banner-two-col .banner-col-2 {
  left: 0;
  right: unset;
}

body[dir=rtl] .shortcode-banner-slider .banner-two-col .banner-col-2 .box-button-slider-bottom {
  left: 80px;
  right: auto;
}

body[dir=rtl] .shortcode-instruction-steps .card-step .link-readmore svg {
  transform: rotate(180deg);
}

body[dir=rtl] .shortcode-simple-slider-style-3 .box-form-quote {
  left: 170px;
  right: unset !important;
}

body[dir=rtl] .bb-product-attribute-swatch-list.color-swatch span {
  top: 13px;
}

body[dir=rtl] .experience-year {
  direction: ltr !important;
}

body[dir=rtl] .tgmenu__navbar-wrap ul.navigation {
  margin: 0 125px 0 0;
}
body[dir=rtl] .tgmenu__navbar-wrap ul.navigation li ul.sub-menu {
  left: unset;
  right: 0;
}
body[dir=rtl] .tgmenu__main-menu li.menu-item-has-children > a:after {
  content: unset;
}
body[dir=rtl] .tgmenu__main-menu li.menu-item-has-children > a:before {
  content: "\f107";
  font-weight: 700;
  font-family: var(--tg-icon-font-family);
  color: var(--tg-color-dark-blue);
  margin-inline-start: 4px;
  transition: all 0.3s ease-out 0s;
}
body[dir=rtl] .btn:after {
  transform: rotate(180deg);
}
body[dir=rtl] .sidebar__widget-title:before {
  left: unset;
  right: 0;
}
body[dir=rtl] .blog-post-thumb .post-tag {
  left: unset;
  right: 18px;
}
body[dir=rtl] .widget-blog-categories .sidebar__cat-list a i {
  transform: rotate(180deg);
}
body[dir=rtl] .project__details-info .title:before {
  left: unset;
  right: 0;
}
body[dir=rtl] .fw-title:before {
  left: unset;
  right: 0;
}
body[dir=rtl] .sidebar__widget-two .sidebar__cat-list-two ul.list-wrap li a i {
  transform: rotate(180deg);
}
body[dir=rtl] .tgmenu__navbar-wrap ul li .sub-menu {
  z-index: 20;
}
body[dir=rtl] .tgmenu__navbar-wrap ul li .sub-menu li {
  text-align: start;
}
body[dir=rtl] .offCanvas__info {
  right: unset;
  left: 0;
  transform: translateX(-100%);
}
body[dir=rtl] .offCanvas__info.active {
  transform: translateX(0);
}
body[dir=rtl] .search__popup .search__close {
  right: unset;
  left: 2%;
}
body[dir=rtl] .section-more-btn {
  text-align: end;
}
body[dir=rtl] .services__tab-wrap .nav-link {
  padding: 15px 25px 15px 55px;
}
body[dir=rtl] .services__tab-wrap .nav-link:after {
  right: unset;
  left: 20px;
  transform: rotate(180deg);
}
body[dir=rtl] .breadcrumb__content .breadcrumb-item:not(:first-child):before {
  transform: rotate(180deg);
}
body[dir=rtl] .widget-newsletter-style-3 .subscribe-form button.btn {
  border-radius: 30px !important;
}
body[dir=rtl] .shortcode-about-us-information-style-2 .services-item .services__icon-three:before {
  left: unset;
  right: -18px;
}
body[dir=rtl] .shortcode-projects-style-3 .project__content-three {
  left: unset;
  right: 105px;
}
body[dir=rtl] .shortcode-projects-style-2 .project__item-four .project__content-four .right-arrow i {
  transform: rotate(180deg);
}
body[dir=rtl] .shortcode-banner-slider .banner-two-col .banner-col-2 {
  right: unset;
  left: 0;
}
body[dir=rtl] .shortcode-banner-slider .banner-two-col .banner-col-2 .box-button-slider-bottom {
  right: auto;
  left: 80px;
}
body[dir=rtl] .shortcode-instruction-steps .card-step .link-readmore svg {
  transform: rotate(180deg);
}
body[dir=rtl] .shortcode-simple-slider-style-3 .box-form-quote {
  right: unset !important;
  left: 170px;
}
body[dir=rtl] .bb-product-attribute-swatch-list.color-swatch span {
  top: 13px;
}
body[dir=rtl] .experience-year {
  direction: ltr !important;
}