/*
  Template Name: Quanto - Creative Agency Template
  Description: Quanto - Creative Agency Template
  Version: 1.0.0
*/
/*================================================
01. Default CSS  
02. Menu CSS  
03. Hero CSS  
04. About Us CSS  
05. Funfacts CSS  
06. Project CSS  
07. Project Details CSS  
08. Service CSS  
09. Service Details CSS  
10. Choose-us CSS  
11. Career CSS  
12. Career Details CSS  
13. Testimonial CSS  
14. Blog CSS  
15. Blog Details CSS  
16. Clients CSS  
17. Marquee CSS  
18. FAQ CSS  
19. Video CSS  
20. Pricing CSS  
21. Team CSS  
22. Team Details CSS  
23. Awards CSS  
24. Work-process CSS  
25. Error CSS  
26. Contact CSS  
27. Footer CSS  
28. Animation CSS  

=================================================*/
/*================================================
01. Default CSS
=================================================*/
/* Remove underline from WooCommerce sale price */
.price ins,
.woocommerce-Price-amount ins,
ins {
    text-decoration: none !important;
}

/* Media Query Variable */
/*CSS Variable*/
:root {
  /*font Variable*/
  --ff-instrument-sans: "Instrument Sans", serif;
  /*Color Variable*/
  --color-primary: #0f0f0f;
  --color-primary-rgb: 15, 15, 15;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
  --color-1: #c5c5c5;
  --color-1-rgb: 197, 197, 197;
  --color-2: #f5f5f5;
  --color-2-rgb: 245, 245, 245;
  --color-3: #191919;
  --color-3-rgb: 25, 25, 25;
  --color-4: #313131;
  --color-4-rgb: 49, 49, 49;
  --color-5: #eaeaea;
  --color-5-rgb: 234, 234, 234;
}

a {
  color: unset;
  text-decoration: none;
}

a:focus {
  outline: 0 solid;
}

a:hover {
  text-decoration: none;
  color: unset;
}

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

figure {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0;
  font-family: var(--ff-instrument-sans);
  color: var(--color-black);
  font-weight: 600;
}

h1,
.h1 {
  font-size: 140px;
  line-height: 107.143%;
  letter-spacing: -4.2px;
}

h2,
.h2 {
  font-size: 100px;
  line-height: 110%;
}

h3,
.h3 {
  font-size: 80px;
  line-height: 112.5%;
  letter-spacing: -2px;
}

h4,
.h4 {
  font-size: 60px;
  line-height: 116.667%;
  letter-spacing: -1.5px;
}

h5,
.h5 {
  font-size: 28px;
  line-height: 135.714%;
  letter-spacing: -0.28px;
}

h6,
.h6 {
  font-size: 24px;
  line-height: 141.667%;
  letter-spacing: -0.24px;
}

@media only screen and (max-width: 1199.98px) {

  h1,
  .h1 {
    font-size: 95px;
  }

  h2,
  .h2 {
    font-size: 90px;
  }

  h3,
  .h3 {
    font-size: 70px;
  }

  h4,
  .h4 {
    font-size: 50px;
  }

  h5,
  .h5 {
    font-size: 26px;
  }

  h6,
  .h6 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 991.98px) {

  h1,
  .h1 {
    font-size: 75px;
  }

  h2,
  .h2 {
    font-size: 70px;
  }

  h3,
  .h3 {
    font-size: 60px;
  }

  h4,
  .h4 {
    font-size: 40px;
  }

  h5,
  .h5 {
    font-size: 24px;
  }

  h6,
  .h6 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767.98px) {

  h1,
  .h1 {
    font-size: 65px;
  }

  h2,
  .h2 {
    font-size: 48px;
  }

  h3,
  .h3 {
    font-size: 40px;
  }

  h4,
  .h4 {
    font-size: 30px;
  }

  h5,
  .h5 {
    font-size: 22px;
  }

  h6,
  .h6 {
    font-size: 20px;
  }
}

.fs-44 {
  font-size: 44px;
  line-height: 122.727%;
  font-weight: 600;
  letter-spacing: -0.88px;
}

@media only screen and (max-width: 1399.98px) {
  .fs-44 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .fs-44 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 991.98px) {
  .fs-44 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .fs-44 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575.98px) {
  .fs-44 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 1400px) {
  .w-1088 {
    max-width: 1088px;
  }
}

html {
  overflow-x: clip;
}

body {
  overflow-x: clip;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  background-color: var(--color-white);
  color: var(--color-primary);
  font-family: var(--ff-instrument-sans);
}

p {
  margin-bottom: 0;
}


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

ul.custom-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
}

/* Common Class */
.section-margin-top {
  margin-top: 130px;
}

.section-margin-bottom {
  margin-bottom: 130px;
}

.section-margin-top-bottom {
  margin-top: 130px;
  margin-bottom: 130px;
}

.row-margin-top {
  margin-top: 60px;
}

.row-margin-bottom {
  margin-bottom: 60px;
}

.section-padding-top {
  padding-top: 130px;
}

.section-padding-bottom {
  padding-bottom: 130px;
}

.section-padding-top-bottom {
  padding-top: 130px;
  padding-bottom: 130px;
}

.row-padding-top {
  padding-top: 60px;
}

.row-padding-bottom {
  padding-bottom: 60px;
}

@media only screen and (max-width: 1199.98px) {
  .section-margin-top {
    margin-top: 80px;
  }

  .section-margin-bottom {
    margin-bottom: 80px;
  }

  .section-margin-top-bottom {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .row-margin-top {
    margin-top: 45px;
  }

  .row-margin-bottom {
    margin-bottom: 45px;
  }

  .section-padding-top {
    padding-top: 80px;
  }

  .section-padding-bottom {
    padding-bottom: 80px;
  }

  .section-padding-top-bottom {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .row-padding-top {
    padding-top: 45px;
  }

  .row-padding-bottom {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 991.98px) {
  .section-margin-top {
    margin-top: 65px;
  }

  .section-margin-bottom {
    margin-bottom: 65px;
  }

  .section-margin-top-bottom {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .row-margin-top {
    margin-top: 45px;
  }

  .row-margin-bottom {
    margin-bottom: 45px;
  }

  .section-padding-top {
    padding-top: 65px;
  }

  .section-padding-bottom {
    padding-bottom: 65px;
  }

  .section-padding-top-bottom {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .row-padding-top {
    padding-top: 45px;
  }

  .row-padding-bottom {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 991.98px) and (max-width: 767.98px) {
  .row-padding-bottom.extend {
    padding-bottom: 0px;
  }
}

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

.z-index-minus-one {
  z-index: -1 !important;
}

.section-middle {
  margin: 0 auto;
}

.ft_object {
  -o-object-fit: cover;
  object-fit: cover;
}

.max_wd_content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* Common Class End */
.bg-color-primary {
  background-color: var(--color-primary);
}

.text-color-primary {
  color: var(--color-primary);
}

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

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

.bg-color-2 {
  background-color: var(--color-2);
}

.bg-color-2-imp {
  background-color: var(--color-2) !important;
}

.text-color-2 {
  color: var(--color-2);
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

ul.custom-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stars ul {
  display: flex;
  align-items: center;
  gap: 4px;
}

/*
============================================
============= Custom Scroll Bar CSS ================
*/
body::-webkit-scrollbar {
  width: 0.3em;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 10px;
}

#smooth-content {
  background-color: var(--color-white);
}

/*
============================================
============= Custom Scroll Bar CSS End ================
*/
/*
============================================
============= Preloader CSS ================
*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 9999999 !important;
  background: var(--color-black);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader .spinner-wrap {
  width: 180px;
  height: 180px;
  position: relative;
}

.preloader .spinner-wrap .preloader-logo {
  width: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.preloader .spinner-wrap .spinner {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-top: 3px solid var(--color-primary-orange);
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: spin 2s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/*
============= Preloader CSS END ================
================================================
*/
/* Custom Cursor */
.cursor {
  pointer-events: none;
  position: fixed;
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  mix-blend-mode: exclusion;
  transition: transform 0.3s ease, opacity 0.4s ease;
  z-index: 9999999 !important;
  transform: translate(-50%, -50%) scale(1);
}

.cursor-active {
  transform: translate(-50%, -50%) scale(2);
  opacity: 0.1;
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

/* Custom Cursor End */
/*Back to Top btn*/
.back-to-top-btn {
  position: fixed;
  bottom: 10px;
  right: 30px;
  background: #fff;
  mix-blend-mode: exclusion;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  display: none;
  z-index: 9999;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}

.back-to-top-btn i {
  color: #000;
  font-size: 18px;
  transition: 0.3s;
  -webkit-text-stroke: 1px;
}

.back-to-top-btn i::before {
  vertical-align: middle;
}

/*Back to Top btn End*/
@media (min-width: 100px) {
  .container.custom-container {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .container.custom-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container.custom-container {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .container.custom-container {
    max-width: 1500px;
  }
}

@media (min-width: 1400px) {
  .container.custom-container {
    max-width: 1604px;
  }
}

.quanto_screenfix_right {
  margin-right: calc((-100vw + 100%) / 2);
}

.quanto_screenfix_left {
  margin-left: calc((-100vw + 100%) / 2);
}

.optech-default-btn {
  font-size: 16px;
  line-height: 1;
  padding: 22px 27.3px;
  border-radius: 6px;
  font-weight: 600;
  width: fit-content;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  text-align: center;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: var(--color-white) !important;
  background-color: var(--color-primary);
  z-index: 0;
  overflow: hidden;
  position: relative;
  letter-spacing: -0.01em;
  transform-style: preserve-3d;
}

.optech-default-btn::before {
  position: absolute;
  content: "";
  border-radius: inherit;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 102% 102%;
  opacity: 0;
}

.optech-default-btn::after {
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  top: 50%;
  opacity: 0;
  transform: translate(0, 100%);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  white-space: nowrap;
}

.optech-default-btn .btn-wraper {
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.optech-default-btn:hover::before {
  opacity: 1;
}

.optech-default-btn:hover::after {
  transform: translate(0, -50%);
  opacity: 1;
}

.optech-default-btn:hover .btn-wraper {
  transform: translateY(-150%);
  opacity: 0;
}

.optech-default-btn.optech-white-btn {
  color: var(--heading-color) !important;
  background-color: var(--color-white);
}

.optech-default-btn.optech-light-btn {
  color: var(--heading-color) !important;
  background-color: var(--light-bg2);
}

.optech-default-btn.disabled {
  opacity: 1;
}

.optech-default-btn.d-block {
  width: 100%;
}

.optech-default-btn.pill {
  border-radius: 50px;
}

.optech-default-btn:focus {
  box-shadow: none;
}

.quanto-link-btn {
  font-weight: 600;
  font-size: 18px;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--color-primary);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.5s ease;
  width: max-content;
}

.quanto-link-btn span {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 16px;
  height: 14px;
  color: var(--color-primary);
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.quanto-link-btn span .arry1 {
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.3s cubic-bezier(0.37, 0.08, 0.02, 0.93);
  font-size: 16px;
  color: var(--color-primary);
  transform: rotate(-45deg);
}

.quanto-link-btn span .arry2 {
  position: absolute;
  bottom: -15px;
  left: -10px;
  transition: 0.3s cubic-bezier(0.37, 0.08, 0.02, 0.93);
  font-size: 16px;
  color: var(--color-primary);
  transform: rotate(-45deg);
}

.quanto-link-btn:hover span .arry1 {
  top: -15px;
  left: 15px;
  color: var(--color-primary);
}

.quanto-link-btn:hover span .arry2 {
  bottom: -3px;
  left: 0;
  color: var(--color-primary);
}

@media only screen and (max-width: 575.98px) {
  .quanto-link-btn {
    padding-bottom: 0;
  }
}

.quanto-link-btn.btn-pill {
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  padding: 14px 20px 14px 24px;
  border-radius: 40px;
  border: 1px solid var(--color-primary);
}

.quanto-link-btn.btn-pill span .arry1,
.quanto-link-btn.btn-pill span .arry2 {
  color: var(--color-white);
}

@media only screen and (max-width: 991.98px) {
  .quanto-link-btn.btn-pill {
    padding: 10px 20px;
  }
}

.quanto-link-btn.btn-pill.btn-light {
  background-color: var(--color-white);
  color: var(--color-primary);
  border: 1px solid var(--color-white);
}

.quanto-link-btn.btn-pill.btn-light span .arry1,
.quanto-link-btn.btn-pill.btn-light span .arry2 {
  color: var(--color-primary);
}

.quanto-link-btn.btn-dark {
  border-color: var(--color-white);
  color: var(--color-white);
}

.quanto-link-btn.btn-dark span .arry1,
.quanto-link-btn.btn-dark span .arry2 {
  color: var(--color-white);
}

.optech-full-btn {
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 17px 24px 17px 28px;
  border-radius: 40px;
  border: 1px solid var(--color-primary);
  background: var(--color-white);
}

.optech-full-btn i,
.optech-full-btn svg {
  transform: rotate(-45deg);
  color: var(--color-primary);
  margin-bottom: -5px;
}

.slider-button-wrap-arrow {
  gap: 100px;
}

.slider-button-wrap-arrow::before {
  position: absolute;
  width: 40px;
  height: 1px;
  background-color: var(--color-black);
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slider-button-wrap-arrow .slide-btn {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-light-black);
  transition: all 0.4s;
}

.slider-button-wrap-arrow .slide-btn:hover {
  border: 1px solid var(--color-primary-orange);
  color: var(--color-primary-orange);
}

.slider-button-wrap-arrow.slider-button-wrap-arrow-two {
  gap: 30px;
}

.slider-button-wrap-arrow.slider-button-wrap-arrow-two::before {
  display: none;
}

.slider-button-wrap-arrow-three svg,
.slider-button-wrap-arrow-three i {
  opacity: 0.2;
  transition: all 0.4s;
}

.slider-button-wrap-arrow-three svg:hover,
.slider-button-wrap-arrow-three i:hover {
  color: var(--color-primary-orange);
  opacity: 1;
}

.breadcrumb-area {
  background-image: url(../images/shape/breadcrumb-sp.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 260px 0 180px;
}

@media only screen and (max-width: 991.98px) {
  .breadcrumb-area {
    padding: 160px 0 100px;
  }
}

.breadcrumb-info h1 {
  font-size: 55px;
}

@media only screen and (max-width: 1199.98px) {
  .breadcrumb-info h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 991.98px) {
  .breadcrumb-info h1 {
    font-size: 47px;
  }
}

/*================================================
02. Menu CSS
=================================================*/
@keyframes anim-ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }

  to {
    opacity: 0;
    transform: scale3d(2, 2, 1);
  }
}

/*header css start*/
.quanto-header.v6.sticky-menu {
  background-color: var(--color-white);
}

@media only screen and (min-width: 992px) {
  .quanto-header.v6 .sticky-wrap {
    padding-block: 14px;
  }
}

.quanto-header.v6 .status {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: 70px;
  position: relative;
}

.quanto-header.v6 .status .status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--color-primary);
  position: relative;
}

.quanto-header.v6 .status .status-dot::before,
.quanto-header.v6 .status .status-dot::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -3px;
  left: -3px;
  border-radius: 50%;
  border: 1px solid var(--color-primary);
  opacity: 0.6;
  animation: anim-ripple 2s infinite;
}

.quanto-header.v6 .status .status-dot::after {
  animation-delay: 1.25s;
}

.header-six-sidebar .quanto-menu-toggle.large {
  border: none;
  padding: 0;
  outline: 0;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
}

.quanto-header.dark-header {
  background-color: transparent;
}

.quanto-header.dark-header .main-menu a {
  color: var(--color-white);
}

.quanto-header.dark-header.sticky-menu {
  background-color: var(--color-primary);
}

.quanto-header.dark-header.sticky-menu .main-menu a {
  color: var(--color-white);
}

.quanto-header.has-border-bottom .container {
  border-bottom: 1px solid var(--color-4);
}

.quanto-header.has-border-bottom.sticky-menu .container {
  border-bottom: none;
}

.quanto-header.sticky-menu {
  animation: slide_down_site 0.35s ease-out;
}

@media (max-width: 991px) {
  .sticky-wrap {
    padding: 10px 0;
  }
}

.header-logo {
  max-width: 270px;
  padding: 15px 0;
}

.main-menu a {
  color: var(--color-primary);
  font-weight: 600;
  position: relative;
  font-size: 15px;
  display: block;
  letter-spacing: -0.18px;
  line-height: 144.444%;
}

.main-menu > ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 14px;
}

.main-menu > ul > li {
  margin: 0;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.main-menu > ul > li > a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
}

.main-menu > ul > li > a::before {
  content: "";
  display: inline-block;
  width: 4.5px;
  height: 4.5px;
  min-width: 4.5px;
  border-radius: 50%;
  background-color: currentColor;
  margin-right: 6px;
  flex-shrink: 0;
  vertical-align: middle;
}

@media only screen and (max-width: 1399.98px) {
  .main-menu > ul {
    gap: 10px;
  }
  .main-menu > ul > li > a {
    font-size: 14px;
  }
}

/* ==========================================================================
   Global Form Submit Button Styling (Full-Width Black Pill Button for General Pages)
   ========================================================================== */
.wpcf7 input[type="submit"]:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
.wpcf7 button[type="submit"]:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
.wpcf7 button:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
.wpcf7-submit:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
input.wpcf7-submit:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
button.wpcf7-submit:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
button.cmr-arrow-fixed,
.elementor-form button[type="submit"]:not(.elementor-popup-modal *),
.wpcf7-form .wpcf7-submit:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *) {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  padding: 16px 24px !important;
  height: 52px !important;
  min-height: 52px !important;
  border: none !important;
  border-radius: 60px !important;
  cursor: pointer !important;
  margin-top: 18px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.25s ease-in-out !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.wpcf7 input[type="submit"]:hover:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
.wpcf7 button[type="submit"]:hover:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
.wpcf7 button:hover:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
.wpcf7-submit:hover:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
input.wpcf7-submit:hover:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
button.wpcf7-submit:hover:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *),
button.cmr-arrow-fixed:hover,
.elementor-form button[type="submit"]:hover:not(.elementor-popup-modal *),
.wpcf7-form .wpcf7-submit:hover:not(.elementor-popup-modal *):not(.cmr-form *):not(.custom-consultation-form *):not(.custom-report-form *):not(.custom-subscribe-form *):not(.elementor-7637 *):not(.elementor-7849 *):not(.elementor-7832 *):not(.elementor-7758 *) {
  background: #1f1f1f !important;
  background-color: #1f1f1f !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   CMR Modal Form Submit Buttons - Purple Gradient Styling
   ========================================================================== */
.elementor-popup-modal input[type="submit"],
.elementor-popup-modal button[type="submit"],
.elementor-popup-modal .wpcf7-submit,
.elementor-popup-modal input.wpcf7-submit,
.dialog-widget-content input[type="submit"],
.dialog-widget-content .wpcf7-submit,
.cmr-form input[type="submit"],
.cmr-form button[type="submit"],
.custom-consultation-form input[type="submit"],
.custom-consultation-form button[type="submit"],
.custom-report-form input[type="submit"],
.custom-report-form button[type="submit"],
.custom-subscribe-form input[type="submit"],
.custom-subscribe-form button[type="submit"],
.elementor-7637 input[type="submit"],
.elementor-7637 button[type="submit"],
.elementor-7849 input[type="submit"],
.elementor-7849 button[type="submit"],
.elementor-7832 input[type="submit"],
.elementor-7832 button[type="submit"],
.elementor-7758 input[type="submit"],
.elementor-7758 button[type="submit"],
.elementor-element-42f4ebe input[type="submit"] {
  background: #6A42E5 !important;
  background: linear-gradient(135deg, #6A42E5 0%, #4B2DBF 100%) !important;
  background-color: #6A42E5 !important;
  color: #ffffff !important;
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  border: none !important;
  border-radius: 60px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(106, 66, 229, 0.3) !important;
  transition: all 0.25s ease-in-out !important;
}

.elementor-popup-modal input[type="submit"]:hover,
.elementor-popup-modal button[type="submit"]:hover,
.elementor-popup-modal .wpcf7-submit:hover,
.elementor-popup-modal input.wpcf7-submit:hover,
.dialog-widget-content input[type="submit"]:hover,
.dialog-widget-content .wpcf7-submit:hover,
.cmr-form input[type="submit"]:hover,
.cmr-form button[type="submit"]:hover,
.custom-consultation-form input[type="submit"]:hover,
.custom-consultation-form button[type="submit"]:hover,
.custom-report-form input[type="submit"]:hover,
.custom-report-form button[type="submit"]:hover,
.custom-subscribe-form input[type="submit"]:hover,
.custom-subscribe-form button[type="submit"]:hover,
.elementor-7637 input[type="submit"]:hover,
.elementor-7637 button[type="submit"]:hover,
.elementor-7849 input[type="submit"]:hover,
.elementor-7849 button[type="submit"]:hover,
.elementor-7832 input[type="submit"]:hover,
.elementor-7832 button[type="submit"]:hover,
.elementor-7758 input[type="submit"]:hover,
.elementor-7758 button[type="submit"]:hover,
.elementor-element-42f4ebe input[type="submit"]:hover {
  background: #582cd7 !important;
  background: linear-gradient(135deg, #582cd7 0%, #3e1fa8 100%) !important;
  background-color: #582cd7 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(106, 66, 229, 0.45) !important;
  transform: translateY(-1px) !important;
  opacity: 0.95 !important;
}

.wpcf7 button .elementor-button-content-wrapper,
button.cmr-arrow-fixed .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}

.wpcf7 button .elementor-button-text,
button.cmr-arrow-fixed .elementor-button-text {
  color: #ffffff !important;
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.wpcf7 button .cmr-button-icon-arrow,
button.cmr-arrow-fixed .cmr-button-icon-arrow,
.wpcf7 button .cmr-arrow-icon,
button.cmr-arrow-fixed .cmr-arrow-icon {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 6px !important;
  color: #ffffff !important;
  fill: currentColor !important;
}

/* ==========================================================================
   CMR Team Cards Hover - Image Zoom/Scale & Title Color Change
   ========================================================================== */
.cmr-team-card,
.cmr-team-member,
.quanto-team-box,
[data-id="c946a02"] > div,
[data-id="c946a02"] > .e-con,
[data-id="f64cd23"],
[data-id="a6469e6"],
[data-id="5600e8d"],
.elementor-element-f64cd23,
.elementor-element-a6469e6,
.elementor-element-5600e8d,
[data-id="ac19c93"] > div,
[data-id="ac19c93"] > .e-con,
[data-id="d714990"],
[data-id="3696606"],
[data-id="2f75013"],
.elementor-element-d714990,
.elementor-element-3696606,
.elementor-element-2f75013 {
  cursor: pointer !important;
}

.cmr-team-card .cmr-team-card-image,
.cmr-team-card-image,
.cmr-team-member .cmr-team-image-wrap,
.cmr-team-image-wrap,
.quanto-team-box .team-thumb,
[data-id="c946a02"] .e-image-link-base,
[data-id="f64cd23"] .e-image-link-base,
[data-id="a6469e6"] .e-image-link-base,
[data-id="5600e8d"] .e-image-link-base {
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
}

.cmr-team-card .cmr-team-card-image img,
.cmr-team-card-image img,
.cmr-team-card img,
.cmr-team-member .cmr-team-image-wrap img,
.cmr-team-image-wrap img,
.cmr-team-member img,
.quanto-team-box .team-thumb img,
.quanto-team-box img,
[data-id="c946a02"] img,
[data-id="f64cd23"] img,
[data-id="a6469e6"] img,
[data-id="5600e8d"] img,
[data-id="c0912f0"],
[data-id="5f68b48"],
[data-id="b9c894f"],
[data-id="ac19c93"] img,
[data-id="d714990"] img,
[data-id="3696606"] img,
[data-id="2f75013"] img,
.elementor-element-d714990 img,
.elementor-element-3696606 img,
.elementor-element-2f75013 img {
  transform: scale(1) !important;
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform !important;
}

.cmr-team-card:hover .cmr-team-card-image img,
.cmr-team-card:hover img,
.cmr-team-card-image:hover img,
.cmr-team-card-image img:hover,
.cmr-team-member:hover .cmr-team-image-wrap img,
.cmr-team-member:hover img,
.cmr-team-image-wrap:hover img,
.cmr-team-image-wrap img:hover,
.quanto-team-box:hover .team-thumb img,
.quanto-team-box:hover img,
[data-id="c946a02"] > div:hover img,
[data-id="c946a02"] > .e-con:hover img,
[data-id="f64cd23"]:hover img,
[data-id="a6469e6"]:hover img,
[data-id="5600e8d"]:hover img,
.elementor-element-f64cd23:hover img,
.elementor-element-a6469e6:hover img,
.elementor-element-5600e8d:hover img,
[data-id="c946a02"] .e-image-link-base:hover img,
[data-id="ac19c93"] > div:hover img,
[data-id="ac19c93"] > .e-con:hover img,
[data-id="d714990"]:hover img,
[data-id="3696606"]:hover img,
[data-id="2f75013"]:hover img,
.elementor-element-d714990:hover img,
.elementor-element-3696606:hover img,
.elementor-element-2f75013:hover img,
[data-id="7e1960d"]:hover,
[data-id="8d53d95"]:hover,
[data-id="7268c02"]:hover {
  transform: scale(1.06) !important;
}

.cmr-team-card .cmr-team-card-name,
.cmr-team-card-name,
.cmr-team-card-name a,
.cmr-team-card h3,
.cmr-team-card h3 a,
.cmr-team-member .cmr-team-name,
.cmr-team-name,
.cmr-team-name a,
.cmr-team-member h3,
.cmr-team-member h3 a,
.quanto-team-box .service-title,
.quanto-team-box .team-name,
[data-id="c946a02"] h3,
[data-id="c946a02"] h3 a,
[data-id="c946a02"] .e-heading-link-base,
[data-id="dd9791d"],
[data-id="dd9791d"] a,
[data-id="fc8c017"],
[data-id="fc8c017"] a,
[data-id="7333940"],
[data-id="7333940"] a,
[data-id="ac19c93"] h3,
[data-id="d714990"] h3,
[data-id="3696606"] h3,
[data-id="2f75013"] h3,
.elementor-element-d714990 h3,
.elementor-element-3696606 h3,
.elementor-element-2f75013 h3,
[data-id="4dd42eb"],
[data-id="b6c55d3"],
[data-id="cd98f71"] {
  transition: color 0.3s ease !important;
}

.cmr-team-card:hover .cmr-team-card-name,
.cmr-team-card:hover .cmr-team-card-name a,
.cmr-team-card:hover h3,
.cmr-team-card:hover h3 a,
.cmr-team-card-name:hover,
.cmr-team-card-name:hover a,
.cmr-team-card h3:hover,
.cmr-team-card h3 a:hover,
.cmr-team-member:hover .cmr-team-name,
.cmr-team-member:hover .cmr-team-name a,
.cmr-team-member:hover h3,
.cmr-team-member:hover h3 a,
.cmr-team-name:hover,
.cmr-team-name:hover a,
.quanto-team-box:hover .service-title,
.quanto-team-box:hover .team-name,
[data-id="c946a02"] > div:hover h3,
[data-id="c946a02"] > div:hover h3 a,
[data-id="c946a02"] > div:hover .e-heading-link-base,
[data-id="c946a02"] > .e-con:hover h3,
[data-id="c946a02"] > .e-con:hover h3 a,
[data-id="f64cd23"]:hover [data-id="dd9791d"],
[data-id="f64cd23"]:hover [data-id="dd9791d"] a,
[data-id="a6469e6"]:hover [data-id="fc8c017"],
[data-id="a6469e6"]:hover [data-id="fc8c017"] a,
[data-id="5600e8d"]:hover [data-id="7333940"],
[data-id="5600e8d"]:hover [data-id="7333940"] a,
.elementor-element-f64cd23:hover h3,
.elementor-element-f64cd23:hover h3 a,
.elementor-element-a6469e6:hover h3,
.elementor-element-a6469e6:hover h3 a,
.elementor-element-5600e8d:hover h3,
.elementor-element-5600e8d:hover h3 a,
[data-id="dd9791d"]:hover,
[data-id="dd9791d"] a:hover,
[data-id="fc8c017"]:hover,
[data-id="fc8c017"] a:hover,
[data-id="7333940"]:hover,
[data-id="7333940"] a:hover,
[data-id="ac19c93"] > div:hover h3,
[data-id="ac19c93"] > .e-con:hover h3,
[data-id="d714990"]:hover h3,
[data-id="3696606"]:hover h3,
[data-id="2f75013"]:hover h3,
.elementor-element-d714990:hover h3,
.elementor-element-3696606:hover h3,
.elementor-element-2f75013:hover h3,
[data-id="4dd42eb"]:hover,
[data-id="b6c55d3"]:hover,
[data-id="cd98f71"]:hover {
  color: #6A42E5 !important;
}


.main-menu ul {
  margin: 0;
  padding: 0;
}

.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.main-menu ul li:last-child {
  margin-right: 0;
}

.main-menu ul li:first-child {
  margin-left: 0;
}

.main-menu ul li:hover>ul.sub-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  z-index: 9;
}

.main-menu ul.sub-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: var(--color-white);
  visibility: hidden;
  min-width: 240px;
  width: max-content;
  padding: 7px;
  left: -14px;
  margin-top: 50px;
  opacity: 0;
  z-index: -1;
  box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
  transform-origin: top center;
  transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
}

.main-menu ul.sub-menu li a {
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--color-primary);
  letter-spacing: -0.18px;
  line-height: 144.444%;
}

.main-menu ul.sub-menu li a::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: auto;
  right: 0;
  height: 2px;
  width: 0;
  background-color: var(--color-primary);
  transition: all 0.3s ease;
}

.main-menu ul.sub-menu li a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}

.main-menu ul.sub-menu li.menu-item-has-children a.no-border {
  display: block;
}

.main-menu ul.sub-menu li.menu-item-has-children a.no-border::before {
  content: none;
}

.main-menu ul.sub-menu li.menu-item-has-children a.no-border::after {
  content: "\ea4d";
  margin-left: 3px;
  font-size: 20px;
  display: inline-block;
  font-family: "remixicon";
  transition: all 0.4s ease-in-out;
  position: absolute;
  right: 10px;
}

.main-menu ul.sub-menu li.menu-item-has-children:hover a.no-border::after {
  transform: rotate(-90deg) !important;
}

.main-menu ul.sub-menu li ul.sub-menu {
  transition: all 0.4s;
  margin-left: 0px !important;
  transform: translateY(30px);
}

.main-menu ul.sub-menu li:hover ul.sub-menu {
  transform: translateY(0px);
}

.main-menu .main-menu ul.sub-menu>a .sub-menu-item.menu-item-has-children::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: auto;
  right: 0;
  height: 0 !important;
  width: 0;
  background-color: #0a165e;
  transition: all 0.3s ease;
}

.main-menu ul.sub-menu {
  padding: 12px 0;
  left: -27px;
}

.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 4px 10px 4px 20px;
}

.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 20px;
}

.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}

ul.sub-menu li a {
  color: var(--color-primary) !important;
}

.menu-style1>ul>li>a {
  padding: 32px 0;
}

/*header css end*/
.menuBar-toggle {
  font-size: 28px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding-inline: 5px;
  width: 50px;
  height: 42px;
}

.menuBar-toggle svg,
.menuBar-toggle i {
  color: var(--color-primary);
  width: 40px;
  height: 35px;
}

.menuBar-toggle .has-extend svg,
.menuBar-toggle .has-extend i {
  color: var(--color-primary);
}

@-webkit-keyframes slide_down_site {
  from {
    transform: translateY(-150%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slide_down_site {
  from {
    transform: translateY(-150%);
  }

  to {
    transform: translateY(0);
  }
}

.quanto-menu-large-toggle {
  border: none;
  padding: unset;
  background: transparent;
}

.offcanvas {
  --bs-offcanvas-width: 532px;
}

.desktop-sidemenu {
  background-color: var(--color-primary);
}

.desktop-sidemenu .sidemenu-header {
  padding-inline: 80px 60px;
  padding-block-start: 20px;
}

.desktop-sidemenu .sidemenu-header .btn-close {
  background-image: unset;
  display: grid;
  place-content: center;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: var(--color-3);
  overflow: hidden;
  transition: all 0.5s ease;
  opacity: 1;
}

.desktop-sidemenu .sidemenu-header .btn-close i,
.desktop-sidemenu .sidemenu-header .btn-close svg {
  color: var(--color-white);
  width: 18.414px;
  height: 18.414px;
  flex-shrink: 0;
  transition: all 0.5s ease;
}

.desktop-sidemenu .sidemenu-header .btn-close:focus,
.desktop-sidemenu .sidemenu-header .btn-close:active {
  box-shadow: none;
}

.desktop-sidemenu .sidemenu-header .btn-close:hover i,
.desktop-sidemenu .sidemenu-header .btn-close:hover svg {
  transform: rotate(-45deg) scale(1.3);
}

.desktop-sidemenu .sidemenu-body {
  padding: 50px 80px 80px;
  display: flex;
  flex-direction: column;
}

.desktop-sidemenu .sidemenu-body .short-info>img,
.desktop-sidemenu .sidemenu-body .short-info>svg {
  margin-bottom: 32px;
}

.desktop-sidemenu .sidemenu-body p {
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 166.667%;
}

.desktop-sidemenu .sidemenu-body .contact-info {
  margin-top: 80px;
  color: var(--color-white);
  max-width: 255px;
}

.desktop-sidemenu .sidemenu-body .contact-info h6 {
  color: var(--color-white);
  margin-bottom: 20px;
}

.desktop-sidemenu .sidemenu-body .contact-info .contact {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.desktop-sidemenu .sidemenu-body .contact-info .contact a {
  font-size: 18px;
  line-height: 166.667%;
}

.desktop-sidemenu .sidemenu-body .contact-info .contact a[href^="mailto:"] {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media only screen and (max-width: 1199.98px) {
  .desktop-sidemenu .sidemenu-body .contact-info {
    margin-top: 50px;
  }
}

.desktop-sidemenu .sidemenu-body .revew {
  margin-top: auto;
  max-width: 244px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.desktop-sidemenu .sidemenu-body .revew * {
  color: var(--color-white);
}

/*================================================
Mobile Menu Menu CSS
=================================================*/
.quanto-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(var(--color-black-rgb), 0.6);
  z-index: 9999;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}

.quanto-menu-wrapper .mobile-logo {
  display: block;
  text-align: left;
  max-width: 120px;
  background-color: var(--color-white);
}

.quanto-menu-wrapper .quanto-menu-toggle {
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  z-index: 1;
  color: var(--color-white);
  display: flex;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  border-left: 1px solid rgba(var(--color-black-rgb), 0.1);
  padding: 0;
  outline: 0;
}

.quanto-menu-wrapper .quanto-menu-toggle i {
  color: var(--color-black);
}

.quanto-menu-wrapper .quanto-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: var(--color-white);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
  z-index: 1;
  padding: 0;
}

.quanto-menu-wrapper.quanto-body-visible {
  opacity: 1;
  visibility: visible;
}

body.quanto-body-visible {
  overflow: hidden !important;
}

.quanto-menu-wrapper.quanto-body-visible .quanto-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

/* offcanvas v2 */

.quanto-menu-wrapper.v2 {
  transition: all ease 0.6s;
  height: 100vh;
}

.quanto-menu-wrapper.v2 .quanto-menu-area {
  transition: all ease 0.6s;
  max-width: 100%;
  display: flex;
  left: 110%;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left {
  max-width: 400px;
  width: 100%;
  flex-shrink: 0;
  border-right: 1px solid var(--color-4);
  padding-inline: 60px;
  padding-block: 40px 60px;
  background: var(--color-primary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left {
    max-width: 300px;
    padding-inline: 30px;
    padding-block: 20px 30px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left {
    max-width: 250px;
    padding-inline: 20px;
    padding-block: 20px;
  }
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-logo {
  max-width: 176px;
  background-color: transparent;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info {
  max-width: 244px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info .rating-point {
  color: var(--color-white);
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info .stars {
  line-height: 1;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info .stars ul {
  line-height: inherit;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info .stars ul li {
  line-height: inherit;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info .stars ul li i,
.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info .stars ul li svg {
  color: var(--color-white);
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-left .mobile-menu-info p {
  color: var(--color-white);
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center {
  width: 100%;
  background-color: var(--color-primary);
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu {
  min-height: 100%;
  padding-left: 136px;
  padding-block: 100px;
  /* For Firefox */
}

@media only screen and (max-width: 1399.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu {
    padding-left: 80px;
    padding-block: 80px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu {
    padding-left: 40px;
    padding-block: 60px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu {
    padding-block: 40px;
    padding-left: 50px;
  }
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu::-webkit-scrollbar {
  width: 0px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu scrollbar {
  scrollbar-color: transparent;
  scrollbar-width: unset;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li {
  border-bottom: none;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li:not(:first-of-type) {
  margin-top: 45px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li:not(:first-of-type) {
    margin-top: 25px;
  }
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li.quanto-active a {
  opacity: 1;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li a {
  opacity: 0.4;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li>a {
  color: var(--color-white) !important;
  font-size: 130px;
  font-weight: 600;
  line-height: 107.692%;
  letter-spacing: -3.9px;
  position: relative;
  padding: 0;
  display: inline-block;
  transition: all 0.3s;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li>a {
    font-size: 95px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li>a {
    font-size: 75px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li>a {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li>a {
    font-size: 65px;
  }
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li>a>.quanto-mean-expand {
  height: 100%;
  position: absolute;
  inset: 0;
  width: 100%;
  background-color: transparent;
  padding: 0;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu>ul>li>a>.quanto-mean-expand::before {
  content: unset;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu .sub-menu .sub-menu {
  margin-top: 20px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu .sub-menu {
  margin-top: 40px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu .sub-menu {
    margin-top: 20px;
  }
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu .sub-menu li {
  line-height: 1;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu .sub-menu li a {
  color: var(--color-white) !important;
  padding: 0;
  display: inline-block;
  line-height: 1;
  width: 170px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu .sub-menu li:not(:last-of-type) {
  margin-bottom: 16px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-center .quanto-mobile-menu .sub-menu li:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right {
  max-width: 400px;
  width: 100%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--color-primary);
  padding-inline: 60px;
  padding-block: 20px 60px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right {
    max-width: 300px;
    padding-inline: 30px;
    padding-block: 20px 30px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right {
    max-width: 250px;
    padding-inline: 20px;
    padding-block: 20px;
  }
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .quanto-menu-toggle {
  display: grid;
  place-content: center;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: var(--color-3);
  color: var(--color-white);
  margin-left: auto;
  transition: all 0.25s ease-in-out;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .quanto-menu-toggle i,
.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .quanto-menu-toggle svg {
  color: var(--color-white);
  line-height: 1;
  font-size: 30px;
  font-weight: 100;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .quanto-menu-toggle:hover {
  transform: rotate(90deg);
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .contact-info {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .contact-info .title {
  color: var(--color-white);
  font-weight: 600;
  line-height: 141.667%;
  letter-spacing: -0.24px;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .contact-info .address {
  color: var(--color-white);
  font-size: 18px;
  line-height: 166.667%;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .contact-info .contact a {
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 166.667%;
  display: inline-block;
}

.quanto-menu-wrapper.v2 .quanto-menu-area .quanto-mobile-menu-right .contact-info .contact a[href^="mailto:"] {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.quanto-menu-wrapper.v2.quanto-body-visible .quanto-menu-area {
  left: 0;
}

.quanto-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 170px);
  text-align: left;
}

.quanto-mobile-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(232, 6, 60, 0.2);
  background-color: #000;
}

.quanto-mobile-menu::-webkit-scrollbar {
  width: 2px;
  background-color: #000;
}

.quanto-mobile-menu::-webkit-scrollbar-thumb {
  background-color: #0a165e;
}

.quanto-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}

.quanto-mobile-menu ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  list-style-type: none;
}

.quanto-mobile-menu ul li li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.quanto-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 18px;
  line-height: 1;
  font-size: 16px;
  text-transform: capitalize;
  color: #000 !important;
  font-weight: 600;
}

.quanto-mobile-menu ul li.quanto-active>a {
  color: #2b4dff;
}

.quanto-mobile-menu ul li.quanto-active>a:before {
  transform: rotate(90deg);
}

.quanto-mobile-menu ul li ul li {
  padding-left: 10px;
}

.quanto-menu-wrapper.v2 .quanto-mobile-menu ul .quanto-item-has-children>a .quanto-mean-expand {
  top: -10px;
  background-color: transparent;
  color: #fff;
}

.quanto-mobile-menu ul .quanto-item-has-children>a .quanto-mean-expand {
  position: absolute;
  right: 0;
  top: 3px;
  font-weight: 400;
  font-size: 16px;
  width: 53%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  background-color: var(--color-white);
  color: #000;
  transition: all ease 0.4s;
}

.quanto-mobile-menu ul .quanto-item-has-children>a .quanto-mean-expand:before {
  content: "\ea6d";
  display: inline-block;
  transition: all ease 0.3s;
  font-family: "remixicon" !important;
}

.quanto-mobile-menu ul .quanto-item-has-children.quanto-active>a .quanto-mean-expand:before {
  transform: rotate(-90deg);
}

.quanto-mobile-menu>ul>li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.quanto-menu-mobile-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
}

@media (max-width: 400px) {
  .quanto-menu-wrapper .quanto-menu-area {
    width: 100%;
  }
}

.quanto-mobile-menu-btn {
  text-align: start;
  padding: 20px 15px;
}

.quanto-mobile-menu-btn .sidebar-wrap {
  margin-bottom: 10px;
}

.quanto-mobile-menu-btn .sidebar-wrap h6 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 0;
  line-height: 22px;
}

.quanto-mobile-menu-btn .social-btn {
  display: flex;
  gap: 10px;
  padding-top: 5px;
}

.quanto-mobile-menu-btn .social-btn a {
  height: var(--icon-size, 48px);
  width: var(--icon-size, 48px);
  line-height: 48px;
  display: inline-block;
  color: var(--title-color);
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  border: 1px solid var(--smoke-color);
  background: var(--smoke-color);
}

.quanto-mobile-menu-btn .social-btn a:hover {
  background: var(--title-color);
  color: var(--white-color);
  border-color: var(--title-color);
}

.quanto-mobile-menu-btn .social-btn.style3 {
  gap: 20px;
}

.quanto-mobile-menu-btn .social-btn.style3 .link-effect {
  height: 25px;
  position: relative;
  overflow: hidden;
  display: block;
  line-height: normal;
}

.quanto-mobile-menu-btn .social-btn.style3 .link-effect .effect-1 {
  display: block;
  height: 100%;
  position: relative;
  top: 0%;
  transition: 0.3s;
}

.quanto-mobile-menu-btn .social-btn.style3 .link-effect:hover .effect-1 {
  top: -100%;
}

.quanto-mobile-menu-btn .social-btn.style3 a {
  background: transparent;
  width: auto;
  height: auto;
  line-height: normal;
  border-radius: 0;
  color: var(--title-color);
  border: 0;
  font-size: 20px;
}

.quanto-mobile-menu-btn .social-btn.style3 a:hover {
  background: transparent;
  color: var(--title-color);
}

a.quanto-default-btn.sm-size {
  font-size: 16px;
  line-height: 1;
  padding: 17px 15px;
  border-radius: 6px;
  font-weight: 600;
  width: fit-content;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  text-align: center;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: var(--color-white) !important;
  background-color: var(--color-primary);
  z-index: 0;
  overflow: hidden;
  position: relative;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  transform-style: preserve-3d;
}

/*================================================
03. Hero css
=================================================*/
@media only screen and (max-width: 1399.98px) {
  .quanto-hero__content .title {
    max-width: 90%;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-hero__content .title {
    font-size: 88px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero__content .title {
    max-width: 100%;
    font-size: 70px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero__content .title {
    font-size: 65px;
  }
}

.quanto-hero__content .title span {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: 275px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-hero__content .title span {
    margin-left: 100px;
  }
}

@media only screen and (max-width: 1199.98px) {

  .quanto-hero__content .title span svg,
  .quanto-hero__content .title span img {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero__content .title span {
    gap: 10px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero__content .title span {
    margin-left: 0;
    display: inline-flex;
  }

  .quanto-hero__content .title span svg,
  .quanto-hero__content .title span img {
    display: none;
  }
}

.quanto-hero__content .title span svg,
.quanto-hero__content .title span img {
  animation: spinner 9s linear infinite;
}

.quanto-hero__info {
  max-width: 380px;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-hero__info {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 20px;
    margin-inline-start: auto;
  }
}

.aae--a-testimonial .author .image {
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
}
.aae--a-testimonial .author .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Remove underline from WooCommerce sale price */
.price ins,
.woocommerce-Price-amount ins,
ins {
    text-decoration: none !important;
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero__info {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero__info {
    max-width: 100%;
    margin-inline: auto;
  }
}

.quanto-hero__info .client-images {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0;
}

.quanto-hero__info .client-images img {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 100%;
}

.quanto-hero__info .client-images img:not(:first-child) {
  margin-left: -8px;
}

.quanto-hero__info .client-images img:nth-child(1) {
  z-index: 2;
}

.quanto-hero__info .client-images img:nth-child(2) {
  z-index: 1;
}

.quanto-hero__info .client-images img:nth-child(3) {
  z-index: 0;
}

.quanto-hero__info .client-info {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--color-1);
  display: flex;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-hero__info .client-info {
    justify-content: center;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-hero__info .client-info {
    flex-direction: column;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-hero__info .client-data h6 {
    justify-content: center;
  }
}

.quanto-hero__info .client-data>span {
  font-size: 18px;
  line-height: 144.444%;
}

.quanto-hero__info .client-data em {
  font-style: normal;
}

.quanto-hero__thumb .video-wrapper {
  background-position: top center;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
  width: 670px;
  height: 790px;
  margin-inline: auto;
  overflow: hidden;
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero__thumb .video-wrapper {
    height: 500px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero__thumb .video-wrapper {
    width: 100%;
  }
}

.quanto-hero__thumb video {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  background-position: center center;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.quanto-hero2-section {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  padding-top: 150px;
}

.hero2-content h1 {
  line-height: 107.692%;
  letter-spacing: -3.9px;
}

@media only screen and (min-width: 992px) {
  .hero2-content h1 {
    font-size: 75px;
  }
}

@media only screen and (min-width: 1200px) {
  .hero2-content h1 {
    font-size: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .hero2-content h1 {
    font-size: 130px;
  }
}

.hero2-content h1 span {
  display: inline-block;
  background-color: var(--color-white);
  margin-left: -25px;
}

@media only screen and (min-width: 768px) {
  .hero2-content h1 span {
    height: 8px;
    width: 100%;
    max-width: 130px;
  }
}

@media only screen and (min-width: 992px) {
  .hero2-content h1 span {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .hero2-content h1 span {
    height: 10px;
    width: 100%;
    max-width: 85px;
    display: inline-block;
  }
}

@media only screen and (min-width: 1400px) {
  .hero2-content h1 span {
    height: 12px;
    width: 100%;
    max-width: 300px;
  }
}

.hero2-content p {
  max-width: 652px;
  color: var(--color-white);
  margin-top: 32px;
}

@media only screen and (max-width: 1199.98px) {
  .hero2-content p {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 991.98px) {
  .hero2-content p {
    margin-top: 15px;
  }
}

.hero2-circle-text {
  display: inline-block;
  position: relative;
}

.hero2-circle-text .circle-text {
  animation: spinner 5s infinite linear;
}

.hero2-circle-text .circle-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1399.98px) {
  .hero2-circle-text .circle-icon {
    max-width: 50%;
  }
}

.quanto-hero3-section {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.quanto-hero3__content {
  position: relative;
  z-index: 2;
  padding-top: 150px;
  padding-bottom: 160px;
}

@media only screen and (min-width: 992px) {
  .quanto-hero3__content {
    padding-top: 280px;
  }
}

@media only screen and (min-width: 1200px) {
  .quanto-hero3__content {
    padding-top: 380px;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-hero3__content {
    padding-top: 450px;
  }
}

@media only screen and (max-width: 1399.98px) {
  .quanto-hero3__content {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-hero3__content {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero3__content {
    padding-bottom: 60px;
  }
}

.quanto-hero3__content .marquee-container {
  padding: 70px 0;
}

@media only screen and (min-width: 576px) {
  .quanto-hero3__content .marquee-container {
    padding: 95px 0;
  }
}

@media only screen and (min-width: 768px) {
  .quanto-hero3__content .marquee-container {
    padding: 115px 0;
  }
}

@media only screen and (min-width: 992px) {
  .quanto-hero3__content .marquee-container {
    padding: 150px 0;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-hero3__content .marquee-container {
    padding: 190px 0;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-hero3__content .marquee-container {
    padding: 200px 0;
  }
}

.quanto-hero3__content .marquee-item h1 {
  line-height: 100%;
  font-size: 120px;
}

@media only screen and (min-width: 576px) {
  .quanto-hero3__content .marquee-item h1 {
    font-size: 160px;
  }
}

@media only screen and (min-width: 768px) {
  .quanto-hero3__content .marquee-item h1 {
    font-size: 200px;
  }
}

@media only screen and (min-width: 992px) {
  .quanto-hero3__content .marquee-item h1 {
    font-size: 250px;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-hero3__content .marquee-item h1 {
    font-size: 280px;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-hero3__content .marquee-item h1 {
    font-size: 320px;
  }
}

.quanto-hero3__content .content-info {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 32px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero3__content .content-info {
    margin-top: 20px;
  }
}

.quanto-hero3__content .content-info .section-jump {
  animation: btn-up-down 0.8s linear infinite alternate;
}

.quanto-hero3__content .content-info p {
  max-width: 652px;
  color: var(--color-white);
  line-height: 142.857%;
}

@media only screen and (min-width: 992px) {
  .quanto-hero3__content .content-info p {
    font-size: 28px;
  }
}

.quanto-hero4-section {
  padding-top: 200px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-hero4-section {
    padding-top: 130px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero4-section {
    padding-top: 110px;
  }
}

.quanto-hero4__content .title br {
  display: none;
}

@media only screen and (min-width: 1600px) {
  .quanto-hero4__content .title br {
    display: block;
  }
}

@media only screen and (max-width: 1199.98px) {

  .quanto-hero4__content .title img,
  .quanto-hero4__content .title svg {
    max-height: 60px;
    max-width: 100px;
  }
}

@media only screen and (max-width: 767.98px) {

  .quanto-hero4__content .title img,
  .quanto-hero4__content .title svg {
    max-height: 40px;
    max-width: 80px;
  }
}

.quanto-hero4__content p {
  margin-top: 20px;
  max-width: 544px;
}

.quanto-hero4__info .stars {
  margin: 6px 0;
}

.quanto-hero4__info .stars ul li {
  line-height: 1;
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero4__info .stars ul li i {
    font-size: 14px;
  }
}

.quanto-hero4__info p {
  max-width: 244px;
}

.quanto-hero5-section {
  padding-top: 320px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-hero5-section {
    padding-top: 280px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero5-section {
    padding-top: 200px;
  }
}

.quanto-hero5__content .title img {
  margin-bottom: 28px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-hero5__content .title img {
    max-width: 80px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero5__content .title img {
    max-width: 60px;
    margin-bottom: 10px;
  }
}

.quanto-hero5__content .title .text-indent {
  text-indent: 244px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-hero5__content .title .text-indent {
    text-indent: 150px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero5__content .title .text-indent {
    text-indent: 50px;
  }
}

.quanto-hero5__info {
  color: var(--color-white);
}

.quanto-hero5__info .quanto-link-btn {
  border-color: var(--color-white);
  background-color: var(--color-white);
  color: var(--color-primary);
  margin-top: 40px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero5__info .quanto-link-btn {
    margin-top: 30px;
  }
}

.quanto-hero5__info .quanto-link-btn span .arry1,
.quanto-hero5__info .quanto-link-btn span .arry2 {
  color: var(--color-primary);
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero6-section {
    padding-block: 180px 80px;
  }
}

.quanto-hero6__thumb {
  position: relative;
}

.quanto-hero6__thumb::before,
.quanto-hero6__thumb::after {
  position: absolute;
  content: "";
  inset: 0;
}

.quanto-hero6__thumb::before {
  background: linear-gradient(180deg, rgba(var(--color-white-rgb), 0) 60%, var(--color-white) 100%);
}

.quanto-hero6__thumb::after {
  background: linear-gradient(180deg, rgba(var(--color-white-rgb), 0) 50%, var(--color-white) 100%);
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero6__thumb img {
    display: none;
  }
}

.quanto-hero6__content-col {
  position: absolute;
  left: auto;
  bottom: 0px;
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero6__content-col {
    position: relative;
  }
}

.quanto-hero6__content {
  padding-bottom: 130px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-hero6__content {
    padding-bottom: 65px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero6__content {
    padding-bottom: 0px;
  }
}

.quanto-hero-about-section {
  padding-top: 200px;
  padding-bottom: 130px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-hero-about-section {
    padding-top: 130px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-hero-about-section {
    padding-top: 110px;
    padding-bottom: 65px;
  }
}

.quanto-hero-about__content .title {
  max-width: 1332px;
  font-size: 55px;
}

@media only screen and (min-width: 768px) {
  .quanto-hero-about__content .title {
    font-size: 65px;
  }
}

@media only screen and (min-width: 992px) {
  .quanto-hero-about__content .title {
    font-size: 85px;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-hero-about__content .title {
    font-size: 130px;
  }
}

.quanto-hero-about__info .stars {
  margin: 6px 0;
}

.quanto-hero-about__info .stars ul li {
  line-height: 1;
}

@media only screen and (max-width: 767.98px) {
  .quanto-hero-about__info .stars ul li i {
    font-size: 14px;
  }
}

.quanto-hero-pricing-section,
.quanto-hero-service-section,
.quanto-hero-team-section,
.quanto-hero-faq-section,
.quanto-hero-blog-section,
.quanto-hero-common-section {
  padding-top: 200px;
}

@media only screen and (max-width: 1199.98px) {

  .quanto-hero-pricing-section,
  .quanto-hero-service-section,
  .quanto-hero-team-section,
  .quanto-hero-faq-section,
  .quanto-hero-blog-section,
  .quanto-hero-common-section {
    padding-top: 130px;
  }
}

@media only screen and (max-width: 991.98px) {

  .quanto-hero-pricing-section,
  .quanto-hero-service-section,
  .quanto-hero-team-section,
  .quanto-hero-faq-section,
  .quanto-hero-blog-section,
  .quanto-hero-common-section {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767.98px) {

  .quanto-hero-pricing-section,
  .quanto-hero-service-section,
  .quanto-hero-team-section,
  .quanto-hero-faq-section,
  .quanto-hero-blog-section,
  .quanto-hero-common-section {
    padding-top: 60px;
  }
}

@keyframes btn-up-down {
  from {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(10px);
  }
}

@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}

/*================================================
04. About Us css
=================================================*/
.quanto-about__content {
  max-width: 1088px;
  margin-left: auto;
}

.quanto-about__content h4,
.quanto-about-one h4 {
  font-size: 44px;
  line-height: 122.727%;
  font-weight: 600;
}

@media only screen and (max-width: 1399.98px) {

  .quanto-about__content h4,
  .quanto-about-one h4 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1199.98px) {

  .quanto-about__content h4,
  .quanto-about-one h4 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 991.98px) {

  .quanto-about__content h4,
  .quanto-about-one h4 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767.98px) {

  .quanto-about__content h4,
  .quanto-about-one h4 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575.98px) {

  .quanto-about__content h4,
  .quanto-about-one h4 {
    font-size: 25px;
  }
}

.quanto-about__content .about-info {
  max-width: 652px;
  margin-left: auto;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-about__content .about-info {
    max-width: 100%;
  }
}

.quanto-about__content .about-info .quanto-link-btn {
  margin-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-about__content .about-info .quanto-link-btn {
    margin-top: 20px;
  }
}

.quanto-about__content.style-2 {
  border-left: 1px solid var(--color-1);
  height: 100%;
  padding-left: 120px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-about__content.style-2 {
    padding-left: 60px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-about__content.style-2 {
    padding-left: 20px;
  }
}

.quanto-about__content.style-2 .quanto-link-btn {
  margin-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-about__content.style-2 .quanto-link-btn {
    margin-top: 20px;
  }
}

.price-info {
  margin-top: 114px;
}

@media only screen and (max-width: 1199.98px) {
  .price-info {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 991.98px) {
  .price-info {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 15px;
  }
}

@media only screen and (max-width: 575.98px) {
  .price-info {
    flex-direction: column;
    align-items: start;
  }
}

@media only screen and (min-width: 1400px) {
  .price-info h2 {
    font-size: 200px;
  }
}

@media only screen and (min-width: 1200px) {
  .price-info h2 {
    font-size: 150px;
  }
}

.price-info p {
  max-width: 380px;
}

@media only screen and (max-width: 767.98px) {
  .price-info p {
    max-width: 300px;
  }
}

@media only screen and (max-width: 575.98px) {
  .price-info p {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-about-area2 .mt-n100 {
    margin-top: -50px;
  }
}

@media only screen and (min-width: 1600px) {
  .quanto-about-area2 .mt-n100 {
    margin-top: -75px;
  }
}

@media only screen and (min-width: 1700px) {
  .quanto-about-area2 .mt-n100 {
    margin-top: -85px;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-about-area2 .mt-100 {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1600px) {
  .quanto-about-area2 .mt-100 {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 1700px) {
  .quanto-about-area2 .mt-100 {
    margin-top: 100px;
  }
}

.quanto-about-area2 .section-content p:not(:last-child) {
  margin-bottom: 28px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-about-area2 .section-content p:not(:last-child) {
    margin-bottom: 15px;
  }
}

.quanto-about-area2 .section-content figure {
  display: block;
  text-align: right;
  margin-top: 110px;
}

@media only screen and (max-width: 1599.98px) {
  .quanto-about-area2 .section-content figure {
    margin-top: 55px;
  }
}

@media only screen and (max-width: 1399.98px) {
  .quanto-about-area2 .section-content figure {
    text-align: center;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-about-area2 .section-content figure {
    display: none;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-about-area2 .section-content figure {
    display: block;
    margin-top: 30px;
  }
}

.quanto-about2__content .quanto-funfacts__wrapper {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) {
  .quanto-about2__content .quanto-funfacts__wrapper {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .quanto-about2__content .quanto-funfacts__wrapper {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-about2__content .quanto-funfacts__wrapper {
    margin-top: 120px;
  }
}

@media only screen and (min-width: 1600px) {
  .quanto-about2__content .quanto-funfacts__wrapper {
    margin-top: 165px;
  }
}

/*================================================
05. Funfacts css
=================================================*/
.quanto-funfacts__wrapper {
  display: grid;
  align-items: center;
  gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media only screen and (max-width: 991.98px) {
  .quanto-funfacts__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-funfacts__wrapper {
    padding-left: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-funfacts__wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.quanto-funfacts__wrapper.extend {
  display: grid;
  align-items: center;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media only screen and (max-width: 575.98px) {
  .quanto-funfacts__wrapper.extend {
    padding-left: 0;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-funfacts__wrapper.extend .quanto-funfact-box {
    padding-left: 0;
  }
}

.quanto-funfacts__wrapper .quanto-funfact-box {
  border-left: 1px solid var(--color-1);
  padding-left: 28px;
}

@media only screen and (max-width: 575.98px) {
  .quanto-funfacts__wrapper .quanto-funfact-box {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-funfacts__wrapper .quanto-funfact-box {
    border: none;
    text-align: center;
  }
}

.quanto-funfacts__wrapper .quanto-funfact-box h2,
.quanto-funfact-box .counter-item,
.quanto-funfacts__wrapper .quanto-funfact-box .counter-item {
  letter-spacing: -1.5px !important;
  font-size: clamp(38px, 4.2vw, 64px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  word-break: keep-all !important;
  display: inline-flex !important;
  align-items: baseline !important;
  max-width: 100% !important;
}

@media only screen and (min-width: 992px) {
  .quanto-funfacts__wrapper .quanto-funfact-box h2 {
    font-size: clamp(44px, 4.2vw, 60px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .quanto-funfacts__wrapper .quanto-funfact-box h2 {
    font-size: clamp(50px, 4.2vw, 68px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-funfacts__wrapper .quanto-funfact-box h2 {
    font-size: clamp(54px, 4.5vw, 76px) !important;
  }
}

.quanto-funfact-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media only screen and (max-width: 767.98px) {
  .quanto-funfact-box {
    align-items: center;
  }
}

.quanto-funfact-box .odometer,
.quanto-funfact-box .odometer-inside,
.quanto-funfacts__wrapper .odometer,
.quanto-funfacts__wrapper .odometer-inside {
  white-space: nowrap !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
}

.quanto-funfact-box .odometer-digit,
.quanto-funfact-box .odometer-formatting-mark,
.quanto-funfacts__wrapper .odometer-digit,
.quanto-funfacts__wrapper .odometer-formatting-mark {
  white-space: nowrap !important;
  display: inline-block !important;
  vertical-align: baseline !important;
}

.quanto-funfact-box .odometer-auto-theme {
  line-height: 1;
  vertical-align: unset;
}

.quanto-funfact-box .odometer-auto-theme .odometer-digit {
  padding: 0 1px;
}

.quanto-funfact-box em,
.quanto-funfacts__wrapper .quanto-funfact-box em {
  font-style: normal !important;
  white-space: nowrap !important;
  display: inline-block !important;
  margin-left: 2px !important;
  flex-shrink: 0 !important;
  font-size: 0.8em !important;
  line-height: 1 !important;
}

.odometer-extra-suffix {
  font-style: normal !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: 1 !important;
  letter-spacing: inherit !important;
  display: inline-block !important;
  margin-left: 3px !important;
  margin-right: 1px !important;
  vertical-align: baseline !important;
  white-space: nowrap !important;
}

.quanto-funfact-box .funfact-info,
.funfact-info,
.quanto-funfacts__wrapper .funfact-info,
.elementor-widget-quanto_counter .funfact-info,
.elementor-counter-title,
.elementor-widget-counter .elementor-counter-title {
  font-family: "Instrument Sans", sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: -0.1px !important;
  color: #0F0F0F !important;
  margin-top: 8px !important;
}

/*================================================
06. Project css
=================================================*/
.quanto-project-section {
  overflow: hidden;
}

.quanto-project-section .quanto__header {
  margin-bottom: 90px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-project-section .quanto__header {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-project-section .quanto__header {
    margin-bottom: 60px;
  }
}

.quanto-project-section .project-row-gap {
  margin-bottom: 150px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-project-section .project-row-gap {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-project-section .project-row-gap {
    margin-bottom: 60px;
  }
}

.project-horizontal-scrolling {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  gap: 40px;
  position: relative;
}

@media only screen and (max-width: 1199.98px) {
  .project-horizontal-scrolling {
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 991.98px) {
  .project-horizontal-scrolling {
    gap: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .project-horizontal-scrolling {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.project-horizontal-scrolling .quanto-project-box {
  max-width: 600px;
  max-height: 750px;
  width: 100%;
  flex-shrink: 0;
}

.project-horizontal-scrolling .quanto-project-box>a {
  display: block;
}

@media only screen and (max-width: 1399.98px) {
  .project-horizontal-scrolling .quanto-project-box {
    max-width: 450px;
    max-height: 600px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .project-horizontal-scrolling .quanto-project-box {
    max-width: 100%;
    max-height: 100%;
  }
}

.quanto-project-thumb {
  overflow: hidden;
}

.quanto-project-thumb img {
  transform-origin: left;
}

.quanto-project-thumb:hover img {
  transform: scale(1.1);
}

.quanto-project-content {
  margin-top: 20px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-project-content {
    margin-top: 10px;
  }
}

.quanto-project-content .quanto-project-date {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  line-height: 144.444%;
  margin-top: 3px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-project-content .quanto-project-date {
    margin-top: 2px;
    font-size: 16px;
  }
}

.quanto-project__slider-navigation .next-btn,
.quanto-project__slider-navigation .prev-btn {
  display: grid;
  place-content: center;
  width: 70px;
  height: 70px;
  padding: 18px 8px;
  border-radius: 100%;
  background: var(--color-2);
}

@media only screen and (max-width: 991.98px) {

  .quanto-project__slider-navigation .next-btn,
  .quanto-project__slider-navigation .prev-btn {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}

.quanto-project-gard-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.quanto-project-box2 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding-block: 40px;
  border-top: 1px solid var(--color-1);
  gap: 100px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-project-box2 {
    padding-block: 30px;
    gap: 20px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-project-box2 {
    padding-block: 20px;
    gap: 10px;
  }
}

.quanto-project-box2:last-of-type {
  border-bottom: 1px solid var(--color-1);
}

.quanto-project-box2 .quanto-project-thumb {
  grid-column: span 6/span 6;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-project-box2 .quanto-project-thumb {
    grid-column: span 5/span 5;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-project-box2 .quanto-project-thumb {
    grid-column: span 12/span 12;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-project-box2 .quanto-project-thumb img {
    height: 100%;
    object-fit: cover;
  }
}

.quanto-project-box2 .quanto-project-content {
  grid-column: span 6/span 6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-project-box2 .quanto-project-content {
    grid-column: span 7/span 7;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-project-box2 .quanto-project-content {
    grid-column: span 12/span 12;
  }
}

.quanto-project-box2 .quanto-project-content .top-content p {
  max-width: 544px;
  margin-top: 16px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-project-box2 .quanto-project-content .top-content p {
    margin-top: 8px;
  }
}

.quanto-project-box2 .quanto-project-content .quanto-project-date {
  margin-top: 30px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-project-box2 .quanto-project-content .quanto-project-date {
    margin-top: 20px;
  }
}

/*================================================
07. Project Details css
=================================================*/
.portfolio-details__content .portfolio-text {
  margin-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .portfolio-details__content .portfolio-text {
    margin-top: 20px;
  }
}

.portfolio-details__content .quanto-link-btn {
  margin-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .portfolio-details__content .quanto-link-btn {
    margin-top: 20px;
  }
}

.portfolio-details__info {
  display: flex;
  flex-wrap: wrap;
  row-gap: 22px;
  column-gap: 40px;
}

@media only screen and (max-width: 991.98px) {
  .portfolio-details__info {
    row-gap: 15px;
    column-gap: 20px;
  }
}

.portfolio-details-box {
  width: 300px;
}

@media only screen and (max-width: 1399.98px) {
  .portfolio-details-box {
    width: 250px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .portfolio-details-box {
    width: 200px;
  }
}

@media only screen and (max-width: 991.98px) {
  .portfolio-details-box {
    width: 180px;
  }
}

.portfolio-details-box .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
}

.portfolio-details-box .info {
  letter-spacing: -0.24px;
}

/*================================================
08. Service css
=================================================*/
.quanto-service-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-white);
  padding: 48px 40px 44px;
  height: 100%;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box {
    padding: 35px 30px;
  }
}

.quanto-service-box .quanto-iconbox-icon {
  margin-bottom: 60px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box .quanto-iconbox-icon {
    margin-bottom: 30px;
  }
}

.quanto-service-box.style-2 {
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  border-left: 1px solid var(--color-1);
  border-right: 1px solid var(--color-1);
}

@media only screen and (min-width: 768px) {
  .quanto-service-box.style-2 {
    padding-left: 40px;
    padding-right: 0px;
    border-left: 1px solid var(--color-1);
    border-right: none;
  }
}

.quanto-service-box.style-2 .optech-iconbox-data h5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.optech-iconbox-data {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.optech-iconbox-data h5 {
  margin-bottom: 16px;
}

@media only screen and (max-width: 991.98px) {
  .optech-iconbox-data h5 {
    margin-bottom: 10px;
  }
}

.optech-iconbox-data .quanto-link-btn {
  margin-top: 90px;
}

@media only screen and (max-width: 1199.98px) {
  .optech-iconbox-data .quanto-link-btn {
    margin-top: 45px;
  }
}

@media only screen and (max-width: 991.98px) {
  .optech-iconbox-data .quanto-link-btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .optech-iconbox-data .quanto-link-btn {
    margin-top: 20px;
  }
}

.quanto-service-section {
  background-color: var(--color-2);
}

@media only screen and (min-width: 1400px) {
  .quanto-service2-section .quanto__header .title {
    max-width: 516px;
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-service2-section .quanto__header .title.extend {
    max-width: 652px;
  }
}

.quanto-service2__row.g-114,
.quanto-service2__row.gy-114 {
  --bs-gutter-y: 45px;
}

@media only screen and (min-width: 576px) {

  .quanto-service2__row.g-114,
  .quanto-service2__row.gy-114 {
    --bs-gutter-y: 80px;
  }
}

@media only screen and (min-width: 768px) {

  .quanto-service2__row.g-114,
  .quanto-service2__row.gy-114 {
    --bs-gutter-y: 114px;
  }
}

.quanto-service2__row.g-114,
.quanto-service2__row.gx-114 {
  --bs-gutter-x: 12px;
}

@media only screen and (min-width: 1400px) {

  .quanto-service2__row.g-114,
  .quanto-service2__row.gx-114 {
    --bs-gutter-x: 114px;
  }
}

.quanto-service3-section {
  background-color: var(--color-white);
}

.quanto-service-box3 {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 15px;
}

.quanto-service-box3:not(:first-of-type) {
  padding-top: 44px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-service-box3:not(:first-of-type) {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box3:not(:first-of-type) {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-service-box3:not(:first-of-type) {
    padding-top: 20px;
  }
}

.quanto-service-box3:not(:last-of-type) {
  padding-bottom: 48px;
  border-bottom: 1px solid var(--color-1);
}

@media only screen and (max-width: 1199.98px) {
  .quanto-service-box3:not(:last-of-type) {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box3:not(:last-of-type) {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-service-box3:not(:last-of-type) {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.quanto-service-box3 .box-content h4 a {
  position: relative;
  display: inline;
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-size: 0px 2px;
  background-position: 0px 95%;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.1% 0px;
  background-repeat: no-repeat;
  color: inherit;
}

.quanto-service-box3 .box-content h4 a:hover {
  background-size: 100% 2px;
}

.quanto-service-box3 .box-content p {
  max-width: 555.176px;
  margin-top: 16px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box3 .box-content p {
    margin-top: 8px;
  }
}

.quanto-service-box3 .quanto-link-btn {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--color-2);
  border: 1px solid var(--color-2);
  color: var(--color-primary);
  border-radius: 50%;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box3 .quanto-link-btn {
    width: 50px;
    height: 50px;
  }
}

.quanto-service-box3 .quanto-link-btn span .arry1,
.quanto-service-box3 .quanto-link-btn span .arry2 {
  color: var(--color-primary);
}

.quanto-service-box3 .quanto-link-btn:hover {
  border-color: var(--color-primary);
  color: var(--color-white);
}

.quanto-service-box3:hover .box-content h4 a {
  background-size: 100% 2px;
}

.quanto-service-box3:hover .quanto-link-btn {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
}

.quanto-service-box3:hover .quanto-link-btn span .arry1,
.quanto-service-box3:hover .quanto-link-btn span .arry2 {
  color: var(--color-white);
}

/* WHAT WE DO - Service Box 4 (Desktop Row Layout) */
.quanto-service-box4 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 48px !important;
  border: none !important;
  border-top: 1px solid #E5E5E5 !important;
  border-radius: 0 !important;
  padding: 50px 0 !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transition: all 0.2s linear !important;
  overflow: hidden;
}

.quanto-service-box4:last-child,
.quanto-service-box4:last-of-type,
.elementor-widget-service:last-child .quanto-service-box4,
.elementor-widget-service:last-of-type .quanto-service-box4 {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

.quanto-service-box4:hover {
  transform: none !important;
  box-shadow: none !important;
}

.quanto-service-box4 .quanto-iconbox-icon {
  order: 0 !important;
  flex-shrink: 0 !important;
  width: 48px !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

.quanto-service-box4 .quanto-iconbox-icon img,
.quanto-service-box4 .quanto-iconbox-icon svg,
.quanto-service-box4 img,
.quanto-service-box4 svg {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
}

.quanto-service-box4 .service-title {
  order: 1 !important;
  visibility: visible !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-size: 36px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -1.5px !important;
  color: #0F0F0F !important;
  margin: 0 !important;
}

.quanto-service-box4 .service-title span {
  display: none !important;
}

.quanto-service-box4 .service-info {
  order: 2 !important;
  max-width: 520px !important;
  width: 100% !important;
  flex-shrink: 1 !important;
  margin-left: auto !important;
}

.quanto-service-box4 .service-info p {
  font-size: 16px !important;
  line-height: 26px !important;
  color: #333333 !important;
  margin-bottom: 24px !important;
}

.quanto-service-box4 .service-info a,
.quanto-service-box4 .quanto-link-btn,
.quanto-service-box4 a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0F0F0F !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 1px solid #000000 !important;
  padding-bottom: 2px !important;
  margin-top: 0 !important;
  opacity: 1 !important;
}

.quanto-service-box4 .service-info a *,
.quanto-service-box4 .quanto-link-btn *,
.quanto-service-box4 a * {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.quanto-service-box4:hover .service-info a,
.quanto-service-box4:hover .quanto-link-btn,
.quanto-service-box4:hover a {
  opacity: 1 !important;
  color: #000 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* MOBILE VIEW (max-width: 991.98px) - Clean Card Layout */
@media only screen and (max-width: 991.98px) {
  .quanto-service-box4 {
    background-color: #F8F9FA !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 16px !important;
    padding: 36px 26px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  .quanto-service-box4:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
  }

  .quanto-service-box4 .quanto-iconbox-icon {
    order: 1 !important;
    width: auto !important;
    margin-bottom: 20px !important;
  }

  .quanto-service-box4 .quanto-iconbox-icon img,
  .quanto-service-box4 .quanto-iconbox-icon svg,
  .quanto-service-box4 img,
  .quanto-service-box4 svg {
    width: 36px !important;
    height: 36px !important;
  }

  .quanto-service-box4 .service-title {
    order: 2 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    margin-bottom: 14px !important;
  }

  .quanto-service-box4 .service-info {
    order: 3 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .quanto-service-box4 .service-info p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
  }
}

.quanto-service-box5 {
  border-left: 1px solid var(--color-1);
  padding-inline: 40px;
  display: flex;
  flex-direction: column;
  gap: 160px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-service-box5 {
    gap: 140px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-service-box5 {
    gap: 100px;
    padding-inline: 30px;
  }
}

.quanto-service-box5 .quanto-content .content-wrapper p {
  margin-top: 16px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box5 .quanto-content .content-wrapper p {
    margin-top: 10px;
  }
}

.quanto-service-box5 .service-number {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  margin-top: 44px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-service-box5 .service-number {
    margin-top: 30px;
  }
}

.quanto-service-box6 {
  padding: 48px 40px;
}

.quanto-service-box6 .service-content {
  margin-top: 60px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box6 .service-content {
    margin-top: 30px;
  }
}

.quanto-service-box6 .service-list {
  margin-top: 48px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box6 .service-list {
    margin-top: 20px;
  }
}

.quanto-service-box6 .service-list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-box6 {
    padding: 40px 30px;
  }
}

/*================================================
09. Service Details css
=================================================*/
.quanto-service-details-section .service-text {
  margin-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-details-section .service-text {
    margin-top: 20px;
  }
}

.quanto-service-details-section .service-benefits {
  margin-top: 70px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-service-details-section .service-benefits {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-details-section .service-benefits {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .quanto-service-details-section .service-benefits h4 {
    font-size: 40px;
    line-height: 125%;
    letter-spacing: -0.8px;
  }
}

.quanto-service-details-section .service-benefits p {
  margin-top: 20px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-details-section .service-benefits p {
    margin-top: 10px;
  }
}

.quanto-service-details-section .service-benefits .benefits-list {
  margin-top: 30px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-details-section .service-benefits .benefits-list {
    margin-top: 20px;
  }
}

.quanto-service-details-section .service-benefits .benefits-list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
}

.quanto-service-details-section .service-benefits .benefits-list ul li:not(:last-of-type) {
  margin-bottom: 12px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-service-details-section .service-benefits .benefits-list ul li {
    gap: 5px;
  }
}

.quanto-service-details-section .service-benefits .benefits-list ul li svg {
  flex-shrink: 0;
}

/*================================================
10. Choose-us css
=================================================*/
.quanto-choose-us__content h4 {
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  .quanto-choose-us__content h4 {
    font-size: 40px;
    line-height: 125%;
    letter-spacing: -0.8px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-choose-us__content h4 {
    margin-bottom: 10px;
  }
}

.quanto-choose-us__content .choose-us-text {
  margin-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-choose-us__content .choose-us-text {
    margin-bottom: 20px;
  }
}

/*================================================
11. Career css
=================================================*/
.career-gallery__row [class^=col-]:nth-child(even) .career-gallery-box {
  margin-top: 160px;
}

@media only screen and (max-width: 1399.98px) {
  .career-gallery__row [class^=col-]:nth-child(even) .career-gallery-box {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .career-gallery__row [class^=col-]:nth-child(even) .career-gallery-box {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 991.98px) {
  .career-gallery__row [class^=col-]:nth-child(even) .career-gallery-box {
    margin-top: 0px;
  }
}

.career-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--color-1);
  padding-block: 40px;
  transition: all 0.5s ease;
}

.career-box:hover {
  padding-inline: 20px;
}

@media only screen and (max-width: 1199.98px) {
  .career-box {
    padding-block: 30px;
  }
}

@media only screen and (max-width: 991.98px) {
  .career-box {
    padding-block: 20px;
    flex-direction: column;
  }
}

.career-box:last-of-type {
  border-bottom: 1px solid var(--color-1);
}

.career-box p {
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
}

.career-box .career-left {
  max-width: 400px;
  width: 100%;
}

@media only screen and (max-width: 1199.98px) {
  .career-box .career-left {
    max-width: 300px;
  }
}

@media only screen and (max-width: 991.98px) {
  .career-box .career-left {
    max-width: 100%;
  }
}

.career-box .career-left .job-title {
  margin-bottom: 8px;
}

@media only screen and (max-width: 991.98px) {
  .career-box .career-left .job-title {
    margin-bottom: 4px;
  }
}

.career-box .career-center {
  max-width: 280px;
  width: 100%;
}

@media only screen and (max-width: 1199.98px) {
  .career-box .career-center {
    max-width: 220px;
  }
}

@media only screen and (max-width: 991.98px) {
  .career-box .career-center {
    max-width: 100%;
  }
}

.career-box .career-center .apply-dateline {
  margin-bottom: 8px;
}

@media only screen and (max-width: 991.98px) {
  .career-box .career-center .apply-dateline {
    margin-bottom: 4px;
    font-size: 18px;
  }
}

.career-box .career-center .job-role span {
  font-weight: 600;
}

@media only screen and (max-width: 991.98px) {
  .career-box .career-right {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }
}

/*================================================
12. Career Details css
=================================================*/
.quanto-career-details-section {
  padding-top: 220px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-career-details-section {
    padding-top: 150px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-career-details-section {
    padding-top: 120px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-career-details-section {
    padding-top: 100px;
  }
}

.quanto-career-details__content .career-details-title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-career-details__content .career-details-title {
    margin-bottom: 30px;
  }
}

.quanto-career-details__content .career-text {
  margin-top: 18px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-career-details__content .career-text {
    margin-top: 10px;
  }
}

.quanto-career-details__content .common-block {
  margin-top: 60px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-career-details__content .common-block {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-career-details__content .common-block {
    margin-top: 30px;
  }
}

.quanto-career-details__content .common-block .title {
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.8px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .quanto-career-details__content .common-block .title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-career-details__content .common-block .title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-career-details__content .common-block .title {
    margin-bottom: 10px;
  }
}

.quanto-career-details__content .common-block ul {
  margin-left: 13px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-career-details__content .common-block ul {
    margin-left: 6px;
  }
}

.quanto-career-details__content .common-block ul li {
  display: flex;
  gap: 16px;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 767.98px) {
  .quanto-career-details__content .common-block ul li {
    font-size: 19px;
  }
}

.quanto-career-details__content .common-block ul li::before {
  flex-shrink: 0;
  background-color: var(--color-primary);
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: "\f0c8";
  font-size: 3px;
}

.quanto-career-details__content .common-block ul li:not(:last-of-type) {
  margin-bottom: 8px;
}

.quanto-career-details__sidebar {
  margin-left: 100px;
  padding-left: 60px;
  border-left: 1px solid var(--color-1);
  height: 100%;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-career-details__sidebar {
    margin-left: 30px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-career-details__sidebar {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-career-details__sidebar {
    padding-left: 20px;
  }
}

.quanto-career-details__sidebar .job-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-career-details__sidebar .job-info {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-career-details__sidebar .job-info {
    gap: 10px;
  }
}

.quanto-career-details__sidebar .info-box .title {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
}

.quanto-career-details__sidebar .info-box .short-info {
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 154.545%;
  letter-spacing: -0.22px;
}

/*================================================
13. Testimonial css
=================================================*/
.quanto-testimonial-section .quanto__header .title {
  text-align: center;
  transform: translateY(calc(100% + 60px));
  position: relative;
  z-index: 3;
  color: var(--color-white);
  mix-blend-mode: difference;
}

@media only screen and (max-width: 1599.98px) {
  .quanto-testimonial-section .quanto__header .title {
    transform: translateY(calc(100% + 40px));
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-testimonial-section .quanto__header .title {
    transform: translateY(calc(100% + 30px));
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-testimonial-section .quanto__header .title {
    transform: translateY(0);
    margin-bottom: 30px;
  }
}

.quanto-testimonial-section.extend .quanto__header {
  height: 100%;
}

@media only screen and (min-width: 992px) {
  .quanto-testimonial-section.extend .quanto__header {
    border-right: 1px solid var(--color-1);
  }
}

.quanto-testimonial-section.extend .quanto__header .title {
  text-align: left;
  transform: unset;
  position: relative;
  z-index: 3;
  color: var(--color-primary);
  mix-blend-mode: unset;
  margin-bottom: 0px;
}

@media only screen and (min-width: 1200px) {
  .quanto-testimonial-section.extend .quanto__header .title {
    max-width: 544px;
  }
}

.quanto-testimonial-section.extend .testimonial-content {
  margin-top: 0;
}

.quanto-testimonial__thumb-slider .swiper-slide {
  transition: all 0.8s ease !important;
}

.quanto-testimonial__thumb-slider .testimonial-img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  background-color: var(--color-white);
  position: relative;
  z-index: 0;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-testimonial__thumb-slider .testimonial-img {
    min-height: 600px;
    background-position: top left;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-testimonial__thumb-slider .testimonial-img {
    min-height: 400px;
    background-position: center;
  }
}

.quanto-testimonial__navigation {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 48px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-testimonial__navigation {
    margin-top: 30px;
    gap: 8px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-testimonial__navigation {
    margin-top: 15px;
  }
}

.quanto-testimonial__prev,
.quanto-testimonial__next {
  display: flex;
  width: 70px;
  height: 70px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100%;
  background: var(--color-2);
}

@media only screen and (max-width: 991.98px) {

  .quanto-testimonial__prev,
  .quanto-testimonial__next {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 767.98px) {

  .quanto-testimonial__prev,
  .quanto-testimonial__next {
    width: 45px;
    height: 45px;
  }

  .quanto-testimonial__prev i,
  .quanto-testimonial__prev svg,
  .quanto-testimonial__next i,
  .quanto-testimonial__next svg {
    font-size: 15px;
  }
}

.testimonial-content {
  margin-top: 240px;
}

@media only screen and (max-width: 1599.98px) {
  .testimonial-content {
    margin-top: 180px;
  }
}

@media only screen and (max-width: 991.98px) {
  .testimonial-content {
    margin-top: 0px;
  }
}

.testimonial-content p {
  font-size: 36px;
  line-height: 135.714%;
  line-height: 133.333%;
  letter-spacing: -0.36px;
}

@media only screen and (max-width: 1199.98px) {
  .testimonial-content p {
    font-size: 30px;
  }
}

@media only screen and (max-width: 991.98px) {
  .testimonial-content p {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767.98px) {
  .testimonial-content p {
    font-size: 24px;
  }
}

.testimonial-content .author {
  margin-top: 32px;
}

@media only screen and (max-width: 991.98px) {
  .testimonial-content .author {
    margin-top: 20px;
  }
}

.testimonial-content .author-designation {
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
  margin-top: 60px;
}

@media only screen and (min-width: 992px) {
  .quanto-testimonial3-section .quanto__header {
    padding-right: 40px;
    border-right: 1px solid var(--color-1);
  }
}

@media only screen and (min-width: 1400px) {
  .quanto-testimonial3-section .quanto__header {
    padding-right: 180px;
  }
}

@media only screen and (min-width: 1200px) {
  .quanto-testimonial3-section .quanto__header {
    padding-right: 120px;
  }
}

.testimonial3-content p {
  color: var(--color-primary);
  font-weight: 400;
  line-height: 133.333%;
  letter-spacing: -0.36px;
}

@media only screen and (min-width: 1200px) {
  .testimonial3-content p {
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) {
  .testimonial3-content p {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .testimonial3-content p {
    font-size: 25px;
  }
}

.testimonial3-content .client-info {
  margin-top: 32px;
}

@media only screen and (max-width: 991.98px) {
  .testimonial3-content .client-info {
    margin-top: 20px;
  }
}

.testimonial3-content .client-designation {
  margin-top: 16px;
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 400;
}

.testimonial3-navigation {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
}

@media only screen and (max-width: 1199.98px) {
  .testimonial3-navigation {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991.98px) {
  .testimonial3-navigation {
    margin-top: 20px;
  }
}

.testimonial3-navigation .next-btn,
.testimonial3-navigation .prev-btn {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  color: var(--color-primary);
}

@media only screen and (max-width: 991.98px) {

  .testimonial3-navigation .next-btn,
  .testimonial3-navigation .prev-btn {
    width: 60px;
    height: 60px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 767.98px) {

  .testimonial3-navigation .next-btn,
  .testimonial3-navigation .prev-btn {
    width: 50px;
    height: 50px;
  }
}

.quanto-testimonial2__box {
  height: 100%;
  padding: 60px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-testimonial2__box {
    padding: 40px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-testimonial2__box {
    padding: 30px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-testimonial2__box {
    padding: 20px;
  }
}

.quanto-testimonial2__box .testimonial-content .revew {
  margin-top: 25px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-testimonial2__box .testimonial-content .revew {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-testimonial2__box .testimonial-content .revew {
    font-size: 18px;
  }
}

.quanto-testimonial2__box .testimonial-author {
  margin-top: 100px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-testimonial2__box .testimonial-author {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-testimonial2__box .testimonial-author {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-testimonial2__box .testimonial-author {
    margin-top: 50px;
  }
}

.quanto-testimonial2__box .testimonial-author .author-image {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
}

.quanto-testimonial2__box .testimonial-author .author-info {
  margin-top: 16px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-testimonial2__box .testimonial-author .author-info {
    margin-top: 10px;
  }
}

.quanto-testimonial2__box .testimonial-author .author-info .info {
  margin-top: 4px;
}

/*================================================
14. Blog css
=================================================*/
.quanto-blog2__row>[class*=col-]:not(:last-child) .style-2 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-1);
}

@media only screen and (max-width: 991.98px) {
  .quanto-blog2__row>[class*=col-]:not(:last-child) .style-2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-blog2__row>[class*=col-]:not(:last-child) .style-2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

.quanto-blog3__row>[class*=col-] .style-2 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-1);
}

@media only screen and (max-width: 991.98px) {
  .quanto-blog3__row>[class*=col-] .style-2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-blog3__row>[class*=col-] .style-2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

.quanto-blog3__row>[class*=col-]:last-child .style-2 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}

@media only screen and (min-width: 1200px) {
  .quanto-blog3__row>[class*=col-]:nth-last-child(2) .style-2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
  }
}

@media only screen and (min-width: 1200px) {

  .quanto-blog3__row.g-xl-6,
  .quanto-blog3__row.gy-xl-6 {
    --bs-gutter-y: 5rem;
  }

  .quanto-blog3__row.g-xl-6,
  .quanto-blog3__row.gx-xl-6 {
    --bs-gutter-x: 5rem;
  }
}

.quanto-blog-box.style-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 70px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-1);
}

@media only screen and (max-width: 991.98px) {
  .quanto-blog-box.style-2 {
    gap: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-blog-box.style-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.quanto-blog-box.style-2 .quanto-blog-content {
  margin-top: 0;
  padding-top: 24px;
}

.quanto-blog-box.style-2 .quanto-blog-content .quanto-blog-date {
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
}

.quanto-blog-box.style-2 .quanto-blog-content .quanto-blog-date::before {
  content: unset;
}

@media only screen and (max-width: 991.98px) {
  .quanto-blog-box.style-2 .quanto-blog-content .quanto-blog-date {
    margin-bottom: 5px;
  }
}

.quanto-blog-box .quanto-blog-content h5,
.quanto-blog-box .quanto-blog-content h5 a {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.quanto-blog-box.style-2 .quanto-blog-content h5 a {
  position: relative;
  display: inline;
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-size: 0px 2px;
  background-position: 0px 95%;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.1% 0px;
  background-repeat: no-repeat;
  color: inherit;
}

.quanto-blog-box.style-2 .quanto-blog-content .quanto-link-btn {
  margin-top: 80px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-blog-box.style-2 .quanto-blog-content .quanto-link-btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-blog-box.style-2 .quanto-blog-content .quanto-link-btn {
    margin-top: 20px;
  }
}

.quanto-blog-box.style-2:hover .quanto-blog-content h5 a {
  background-size: 100% 2px;
}

.quanto-blog-box.style-3 .quanto-blog-content {
  padding: 32px 40px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-blog-box.style-3 .quanto-blog-content {
    padding: 20px 25px;
  }
}

.quanto-blog-box.style-3 .quanto-blog-content h5 a {
  position: relative;
  display: inline;
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-size: 0px 2px;
  background-position: 0px 95%;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.1% 0px;
  background-repeat: no-repeat;
  color: inherit;
}

.quanto-blog-box.style-3:hover .quanto-blog-content h5 a {
  background-size: 100% 2px;
}

.quanto-blog-box .quanto-blog-thumb img {
  transition: all 0.5s ease;
  width: 100%;
}

.quanto-blog-box .quanto-blog-thumb:hover img {
  transform: scale(1.1);
}

.quanto-blog-section .quanto-blog-box .quanto-blog-thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 472 / 362;
  object-fit: cover;
}

.quanto-blog-section .quanto-blog-box.style-2 .quanto-blog-thumb img {
  height: 285px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .quanto-blog-section .quanto-blog-box .quanto-blog-thumb img {
    height: auto;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .quanto-blog-section .quanto-blog-box .quanto-blog-thumb img {
    height: auto;
  }
}

@media only screen and (max-width: 991px) {
  .quanto-blog-section .quanto-blog-box .quanto-blog-thumb img {
    height: auto;
  }
}

.quanto-blog-box .quanto-blog-thumb {
  overflow: hidden;
}

.quanto-blog-box .quanto-blog-thumb+.quanto-blog-content,
.quanto-blog-box .blog-audio+.quanto-blog-content,
.quanto-blog-box .blog-video+.quanto-blog-content {
  margin-top: 24px;
  overflow: hidden;
}

@media only screen and (max-width: 991.98px) {

  .quanto-blog-box .quanto-blog-thumb+.quanto-blog-content,
  .quanto-blog-box .blog-audio+.quanto-blog-content,
  .quanto-blog-box .blog-video+.quanto-blog-content {
    margin-top: 20px;
  }
}

.quanto-blog-box .quanto-blog-content .quanto-blog-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 144.444%;
  position: relative;
  padding-left: 42px;
  display: block;
}

.quanto-blog-box .quanto-blog-content li+.quanto-blog-date {
  margin-left: 10px;
}

.blog-text {
  margin-top: 15px;
}

.quanto-blog-box .quanto-blog-content .blog-meta {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.quanto-blog-box .quanto-blog-content .blog-meta .quanto-blog-category {
  margin-right: 10px;
}

.quanto-blog-box .quanto-blog-content .quanto-blog-date::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 1px;
  background-color: var(--color-primary);
}

@media only screen and (max-width: 991.98px) {
  .quanto-blog-box .quanto-blog-content .quanto-blog-date {
    font-size: 16px;
  }
}

.blog-pagination .pagination {
  gap: 12px;
}

.blog-pagination .pagination .page-item {
  display: flex;
  align-items: center;
}

.blog-pagination .pagination .page-item .page-link {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.18px;
}

@media only screen and (max-width: 991.98px) {
  .blog-pagination .pagination .page-item .page-link {
    font-size: 16px;
  }
}

.blog-pagination .pagination .page-item .page-link:not(.next):not(.prev) {
  border: 1px solid var(--color-1);
  border-radius: 50% !important;
  width: 70px;
  height: 70px;
  padding: 18px 8px;
  display: grid;
  place-content: center;
  gap: 0px;
}

@media only screen and (max-width: 991.98px) {
  .blog-pagination .pagination .page-item .page-link:not(.next):not(.prev) {
    width: 50px;
    height: 50px;
  }
}

.blog-pagination .pagination .page-item .page-link:hover {
  z-index: 2;
  color: var(--color-primary);
  background-color: var(--color-white);
  border-color: var(--color-1);
}

.blog-pagination .pagination .page-item .page-link:hover:not(.next):not(.prev),
.blog-pagination .pagination .page-item .page-link.active:not(.next):not(.prev) {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.blog-pagination .pagination .page-item .page-link:focus {
  z-index: 3;
  color: var(--color-primary);
  background-color: var(--color-white);
  outline: 0;
  box-shadow: none;
}

.blog-pagination .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*================================================
15. Blog Details css
=================================================*/
.blog-detail-page {
  padding-top: 100px;
}

.local-blog-detail-page {
  padding-top: 130px;
}

@media only screen and (max-width: 1399.98px) {
  .blog-detail-page {
    padding-top: 100px;
  }

  .local-blog-detail-page {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .blog-detail-page {
    padding-top: 120px;
  }

  .local-blog-detail-page {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 991.98px) {
  .blog-detail-page {
    padding-top: 100px;
  }

  .local-blog-detail-page {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 767.98px) {
  .blog-detail-page {
    padding-top: 60px;
  }

  .local-blog-detail-page {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 1400px) {
  .blog-detail-page .row-padding-top {
    padding-top: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .blog-detail-page .row-padding-bottom {
    padding-bottom: 58px;
  }
}

@media only screen and (min-width: 1400px) {
  .blog-detail-page .row-margin-top {
    margin-top: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .blog-detail-page .row-margin-bottom {
    margin-bottom: 90px;
  }
}

.blog-item .title-box.blog-title+.meta-box {
  margin-top: 35px;
}

@media only screen and (max-width: 991.98px) {
  .blog-item .title-box.blog-title+.meta-box {
    margin-top: 20px;
  }
}

.blog-item .meta-box ul.meta-info li {
  line-height: 1;
}

.blog-item .meta-box ul.meta-info li span a {
  color: var(--color-primary);
  line-height: 1;
}

.blog-item .meta-box ul.meta-info li:not(:last-of-type) {
  padding-right: 24px;
  border-right: 1px solid var(--color-1);
}

@media only screen and (max-width: 991.98px) {
  .blog-item .meta-box ul.meta-info li:not(:last-of-type) {
    padding-right: 12px;
  }
}

.blog-item .meta-box ul.meta-info li:not(:first-of-type) {
  margin-left: 24px;
}

@media only screen and (max-width: 991.98px) {
  .blog-item .meta-box ul.meta-info li:not(:first-of-type) {
    margin-left: 12px;
  }
}

.blog-item .content-box {
  position: relative;
}

.blog-item .content-box .social-links {
  position: absolute;
  top: 60px;
  left: 0;
  height: 100%;
  z-index: 5;
}

@media only screen and (min-width: 1400px) {
  .blog-item .content-box .social-links {
    top: 90px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .blog-item .content-box .social-links {
    top: 45px;
  }
}

.blog-item .content-box .social-links ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media only screen and (max-width: 1199.98px) {
  .blog-item .content-box .social-links ul {
    display: none;
  }
}

.blog-item .content-box .social-links ul li a {
  display: grid;
  place-content: center;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  border: 1px solid var(--color-1);
  transition: all 0.5s ease;
}

@media only screen and (max-width: 1399.98px) {
  .blog-item .content-box .social-links ul li a {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }
}

.blog-item .content-box .social-links ul li a:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.blog-item .blog-body .blog-text,
.blog-item .blog-body>p {
  margin-bottom: 28px;
}

.blog-item .blog-body blockquote {
  margin-block: 60px;
  position: relative;
}

.blog-item .blog-body blockquote img {
  display: inline-block;
  height: max-content;
}

.blog-item .blog-body blockquote .text p,
.blog-item .blog-body blockquote p {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 135.714%;
  letter-spacing: -0.28px;
}

@media only screen and (max-width: 991.98px) {

  .blog-item .blog-body blockquote .text p,
  .blog-item .blog-body blockquote p {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767.98px) {

  .blog-item .blog-body blockquote .text p,
  .blog-item .blog-body blockquote p {
    font-size: 20px;
  }
}

.blog-item .blog-body blockquote .text cite,
.blog-item .blog-body blockquote cite {
  margin-top: 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 144.444%;
}

@media only screen and (max-width: 991.98px) {

  .blog-item .blog-body blockquote .text cite,
  .blog-item .blog-body blockquote cite {
    margin-top: 8px;
  }
}

@media only screen and (max-width: 991.98px) {
  .blog-item .blog-body blockquote {
    margin-block: 30px;
    padding-left: 90px;
  }
}

.blog-item .blog-body .quanto-single-thumb {
  margin-block: 60px;
}

@media only screen and (max-width: 991.98px) {
  .blog-item .blog-body .quanto-single-thumb {
    margin-block: 30px;
  }
}

.blog-item .blog-tags {
  margin-top: 40px;
}

@media only screen and (max-width: 991.98px) {
  .blog-item .blog-tags {
    margin-top: 20px;
  }
}

.blog-item .blog-tags ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.blog-item .blog-tags ul li a {
  border-radius: 40px;
  background: var(--color-2);
  padding: 14px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  display: inline-block;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 991.98px) {
  .blog-item .blog-tags ul li a {
    padding: 10px 24px;
  }
}

.blog-item .blog-tags ul li a:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
}

.blog-item .blog-comments h4 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991.98px) {
  .blog-item .blog-comments h4 {
    margin-bottom: 30px;
  }
}

.blog-item .blog-comments .post-comment,
.quanto-page-section .blog-comments .post-comment,
.wp-block-columns.is-layout-flex {
  display: flex;
  gap: 28px;
}

@media only screen and (max-width: 991.98px) {

  .blog-item .blog-comments .post-comment,
  .quanto-page-section .blog-comments .post-comment {
    gap: 15px;
  }
}

.blog-item .blog-comments .post-comment .comment-avater,
.quanto-page-section .blog-comments .post-comment .comment-avater,
.wp-block-avatar {
  width: 110px;
  height: 110px;
  flex-shrink: 0;
  border-radius: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 1199.98px) {

  .blog-item .blog-comments .post-comment .comment-avater,
  .quanto-page-section .blog-comments .post-comment .comment-avater {
    width: 70px;
    height: 70px;
  }
}

.blog-item .blog-comments .post-comment .comment-content .name,
.quanto-page-section .blog-comments .post-comment .comment-content .name {
  font-weight: 600;
  line-height: 141.667%;
  letter-spacing: -0.24px;
}

.blog-item .blog-comments .post-comment .comment-content .commented-on,
.quanto-page-section .blog-comments .post-comment .comment-content .commented-on {
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
}

.blog-item .blog-comments .post-comment .comment-content .text,
.quanto-page-section .blog-comments .post-comment .comment-content .text,
.blog-item .blog-comments .post-comment .comment-content p,
.quanto-page-section .blog-comments .post-comment .comment-content p {
  margin-top: 16px;
}

@media only screen and (max-width: 991.98px) {

  .blog-item .blog-comments .post-comment .comment-content .text,
  .quanto-page-section .blog-comments .post-comment .comment-content .text,
  .blog-item .blog-comments .post-comment .comment-content p,
  .quanto-page-section .blog-comments .post-comment .comment-content p {
    margin-top: 8px;
  }
}

.blog-item .blog-comments .post-comment .comment-content .reply_and_edit,
.quanto-page-section .blog-comments .post-comment .comment-content .reply_and_edit {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 991.98px) {

  .blog-item .blog-comments .post-comment .comment-content .reply_and_edit,
  .quanto-page-section .blog-comments .post-comment .comment-content .reply_and_edit {
    margin-top: 8px;
  }
}

.blog-item .blog-comments .post-comment .comment-content .reply_and_edit .comment-edit-link i,
.quanto-page-section .blog-comments .post-comment .comment-content .reply_and_edit .comment-edit-link i {
  font-size: 16px;
  margin-right: 5px;
}

.blog-item .blog-comments .children,
.quanto-page-section .blog-comments .children {
  margin-top: 40px;
  margin-left: 138px;
}

@media only screen and (max-width: 1199.98px) {

  .blog-item .blog-comments .children,
  .quanto-page-section .blog-comments .children {
    margin-left: 100px;
  }
}

@media only screen and (max-width: 1199.98px) {

  .blog-item .blog-comments .children,
  .quanto-page-section .blog-comments .children {
    margin-left: 60px;
  }
}

@media only screen and (max-width: 991.98px) {

  .blog-item .blog-comments .children,
  .quanto-page-section .blog-comments .children {
    margin-left: 40px;
    padding: 0;
  }
}

@media only screen and (max-width: 479px) {

  .blog-item .blog-comments .children,
  .quanto-page-section .blog-comments .children {
    margin-left: 20px;
    padding: 0;
  }
}

.blog-item .blog-contact-form h4,
.quanto-page-section .blog-contact-form h4 {
  margin-bottom: 8px;
}

.blog-item .blog-contact-form p,
.quanto-page-section .blog-contact-form p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991.98px) {

  .blog-item .blog-contact-form p,
  .quanto-page-section .blog-contact-form p {
    margin-bottom: 20px;
  }
}

.blog-item .blog-contact-form .quanto-cform .form-control,
.quanto-page-section .blog-contact-form .quanto-cform .form-control {
  padding: 22px 24px;
  border-radius: 8px;
  background: var(--color-2);
  color: var(--color-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
}
.form-control:focus{
  border-color: var(--color-black);
    outline: 0;
    box-shadow: none
}
@media only screen and (max-width: 991.98px) {
  .blog-item .blog-contact-form .quanto-cform .form-control {
    padding: 15px 20px;
  }
}

.blog-item .blog-contact-form .quanto-cform .form-control::placeholder {
  opacity: 1;
  color: #6b6b6b;
}

.blog-item .blog-contact-form .quanto-cform .quanto-link-btn {
  padding-inline: 35px;
}

/*================================================
16. Clients css
=================================================*/
.clients-area .quanto__header .title {
  max-width: 240px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  margin-bottom: 48px;
}

.clients-area .quanto__header.logo {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-content: center;
}

@media only screen and (max-width: 991.98px) {
  .clients-area .quanto__header.logo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767.98px) {
  .clients-area .quanto__header.logo {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 575.98px) {
  .clients-area .quanto__header.logo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.clients__wrapper {
  margin-inline: auto;
}

@media (min-width: 1400px) {
  .clients__wrapper {
    max-width: 1440px;
  }
}

.clients__box-wrapper {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media only screen and (max-width: 991.98px) {
  .clients__box-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767.98px) {
  .clients__box-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 575.98px) {
  .clients__box-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.client-box {
  aspect-ratio: 1/1;
  border: 1px solid var(--color-1);
  display: grid;
  place-content: center;
}

/*================================================
17. Marquee css
=================================================*/
.marquee-section .marquee-container {
  padding: 40px 0;
}

@media only screen and (min-width: 768px) {
  .marquee-section .marquee-container {
    padding: 45px 0;
  }
}

@media only screen and (min-width: 992px) {
  .marquee-section .marquee-container {
    padding: 55px 0;
  }
}

@media only screen and (min-width: 1200px) {
  .marquee-section .marquee-container {
    padding: 80px 0;
  }
}

.marquee-section.extend .marquee-container {
  padding: 40px 0;
}

@media only screen and (min-width: 768px) {
  .marquee-section.extend .marquee-container {
    padding: 55px 0;
  }
}

@media only screen and (min-width: 992px) {
  .marquee-section.extend .marquee-container {
    padding: 60px 0;
  }
}

@media only screen and (min-width: 1200px) {
  .marquee-section.extend .marquee-container {
    padding: 135px 0;
  }
}

@media only screen and (min-width: 1400px) {
  .marquee-section.extend .marquee-container {
    padding: 140px 0;
  }
}

@media only screen and (min-width: 1600px) {
  .marquee-section.extend .marquee-container {
    padding: 145px 0;
  }
}

@media only screen and (min-width: 1700px) {
  .marquee-section.extend .marquee-container {
    padding: 150px 0;
  }
}

.marquee-section.extend h1 {
  color: var(--color-5);
}

@media only screen and (min-width: 1200px) {
  .marquee-section.extend h1 {
    font-size: 230px;
  }
}

@media only screen and (min-width: 1400px) {
  .marquee-section.extend h1 {
    font-size: 240px;
  }
}

@media only screen and (min-width: 1600px) {
  .marquee-section.extend h1 {
    font-size: 250px;
  }
}

@media only screen and (min-width: 1700px) {
  .marquee-section.extend h1 {
    font-size: 260px;
  }
}

.marquee-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1199.98px) {
  .marquee-container {
    padding: 80px 0;
  }
}

@media only screen and (max-width: 991.98px) {
  .marquee-container {
    padding: 50px 0;
  }
}

.marquee-container .marquee {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: scroll_x linear infinite;
  animation-duration: 20s;
  justify-content: space-between;
}

.marquee-container .marquee .marquee-item-container {
  flex: 0 0 auto;
  display: flex;
  min-width: auto;
  flex-direction: row;
  gap: 50px;
}

.marquee-container .marquee .marquee-item-container .marquee-item {
  transform: none;
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.marquee-container .marquee .marquee-item-container .marquee-item svg,
.marquee-container .marquee .marquee-item-container .marquee-item i,
.marquee-container .marquee .marquee-item-container .marquee-item img {
  margin: 0 60px;
}

.marquee-container .marquee .marquee-item-container .marquee-item svg {
  width: 150px;
  height: 150px;
}

@media only screen and (max-width: 1199.98px) {
  .marquee-container .marquee .marquee-item-container .marquee-item svg {
    width: 120px;
    height: 120px;
    margin: 0 30px;
  }
}

@media only screen and (max-width: 991.98px) {
  .marquee-container .marquee .marquee-item-container .marquee-item svg {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 767.98px) {
  .marquee-container .marquee .marquee-item-container .marquee-item svg {
    width: 80px;
    height: 80px;
  }
}

.marquee-container .marquee:hover {
  animation-play-state: paused;
}

/*================================================
18. FAQ css
=================================================*/
.quanto-faq-accordion .accordion-item {
  border-radius: 0 !important;
  border: none;
  border-top: 1px solid var(--color-1);
}

.quanto-faq-accordion .accordion-item:last-child {
  border-bottom: 1px solid var(--color-1);
}

.quanto-faq-accordion .accordion-button {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0 !important;
  padding: 32px 0;
  transition: all 0.3s;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-faq-accordion .accordion-button {
    padding: 20px 0;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-faq-accordion .accordion-button {
    padding: 15px 0;
  }
}

.quanto-faq-accordion .accordion-button:not(.collapsed) {
  color: initial;
  background-color: initial;
  box-shadow: none !important;
  padding: 32px 0 16px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-faq-accordion .accordion-button:not(.collapsed) {
    padding: 20px 0 10px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-faq-accordion .accordion-button:not(.collapsed) {
    padding: 15px 0 7.5px;
  }
}

.quanto-faq-accordion .accordion-button:focus {
  box-shadow: none !important;
}

.quanto-faq-accordion .accordion-body {
  padding: 0;
  padding-bottom: 32px;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-faq-accordion .accordion-body {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-faq-accordion .accordion-body {
    padding-bottom: 15px;
    font-size: 18px;
  }
}

/*================================================
19. Video css
=================================================*/
.quanto-video {
  max-height: 800px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.quanto-video-area.style-2 {
  position: relative;
}

.quanto-video-area.style-2 video.pointer {
  cursor: pointer;
}

.quanto-video-area.style-2 .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border: none;
  display: grid;
  place-content: center;
  border-radius: 100%;
  background: var(--color-primary);
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  cursor: pointer;
  transition: all 0.5s;
}

@media only screen and (max-width: 991.98px) {
  .quanto-video-area.style-2 .play-btn {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-video-area.style-2 .play-btn {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-video-area.style-2 .play-btn {
    width: 80px;
    height: 80px;
    font-size: 15px;
  }
}

.quanto-video-area.style-2 .play-btn.disabled {
  transform: translate(-50%, -50%) scale(0.4);
  visibility: hidden;
  cursor: initial;
  opacity: 0;
}

/*================================================
20. Pricing css
=================================================*/
.quanto-pricing-box {
  padding: 54px 48px 48px 60px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.quanto-pricing-box .hover-overlay {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  top: 0;
  left: 0;
  transform-origin: center;
  z-index: -1;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-pricing-box {
    padding: 30px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .quanto-pricing-box {
    padding: 40px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-pricing-box {
    padding: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-pricing-box {
    padding: 25px;
  }
}

.quanto-pricing-box .pricing-title {
  margin-bottom: 6px;
  transition: all 0.3s ease-in-out;
}

.quanto-pricing-box .pricing-info {
  margin-bottom: 32px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-pricing-box .pricing-info {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-pricing-box .pricing-info {
    margin-bottom: 15px;
  }
}

.quanto-pricing-box .pricing {
  margin-bottom: 32px;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 991.98px) {
  .quanto-pricing-box .pricing {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-pricing-box .pricing {
    margin-bottom: 15px;
  }
}

.quanto-pricing-box .pricing-list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quanto-pricing-box .pricing-list ul li:not(:last-child) {
  margin-bottom: 10px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-pricing-box .pricing-list ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-pricing-box .pricing-list ul li:not(:last-child) {
    line-height: 1.3;
    gap: 6px;
  }
}

@media only screen and (max-width: 575.98px) {
  .quanto-pricing-box .pricing-list ul li {
    font-size: 18px;
  }

  .quanto-pricing-box .pricing-list ul li img {
    width: 20px;
    height: 20px;
  }
}

.quanto-pricing-box .quanto-link-btn {
  width: 100%;
  margin-top: 48px;
  justify-content: center;
}

.quanto-pricing-box .quanto-link-btn.btn-pill {
  background-color: var(--color-white);
  color: var(--color-primary);
}

.quanto-pricing-box .quanto-link-btn.btn-pill span .arry1,
.quanto-pricing-box .quanto-link-btn.btn-pill span .arry2 {
  color: var(--color-primary);
}

.quanto-pricing-box .quanto-link-btn.btn-pill.bg-color-2 {
  background-color: var(--color-2);
}

@media only screen and (max-width: 991.98px) {
  .quanto-pricing-box .quanto-link-btn {
    margin-top: 30px;
  }
}

.quanto-pricing-box:hover {
  color: var(--color-white);
}

.quanto-pricing-box:hover .pricing-title,
.quanto-pricing-box:hover .pricing {
  color: var(--color-white);
}

.quanto-pricing-box .pricing-list ul li svg path {
  transition: all 0.3s ease-in-out;
}

.quanto-pricing-box:hover .pricing-list ul li svg path {
  fill: var(--color-white);
}

/*================================================
21. Team css
=================================================*/
.quanto-team-box .team-thumb {
  overflow: hidden;
  position: relative;
}

.quanto-team-box .team-thumb img {
  border-radius: 0;
  position: relative;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transition: none;
}

.quanto-team-box .team-thumb img:first-child {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  transform: none;
  opacity: 1;
  filter: none;
  transition: none;
}

.quanto-team-box .team-thumb ul {
  position: absolute;
  left: auto;
  right: -30px;
  top: 50%;
  bottom: auto;
  padding: 0;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  background: transparent;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.quanto-team-box .team-thumb ul li {
  display: block;
}

.quanto-team-box .team-thumb ul li a {
  background: var(--color-primary);
  color: var(--color-white);
  text-align: center;
  font-size: 15px;
  padding: 9px 17.5px;
  display: block;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

@media only screen and (max-width: 767.98px) {
  .quanto-team-box .team-thumb ul li a {
    padding: 6.5px 15px;
  }
}

.quanto-team-box .team-thumb ul li a:hover {
  color: var(--color-white);
}

.quanto-team-box .team-content {
  margin-top: 20px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-team-box .team-content {
    margin-top: 15px;
  }
}

.quanto-team-box .team-content .team-member-position {
  margin-top: 2px;
  font-size: 18px;
  line-height: 144.444%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.quanto-team-box:hover .team-thumb img:first-child {
  transform: none;
  opacity: 1;
  filter: none;
}

.quanto-team-box:hover .team-thumb img:nth-child(2) {
  transform: none;
  opacity: 1;
  filter: none;
}

.quanto-team-box:hover .team-thumb ul {
  opacity: 1;
  visibility: visible;
}

.quanto-team-box:hover .team-thumb ul li a {
  transform: translateX(-30px) translateX(0);
  opacity: 1;
}

.quanto-team-box:hover .team-thumb ul li a:hover {
  transform: translateX(-40px) translateX(0);
}

/*================================================
22. Team Details css
=================================================*/
.team-details__content .member-title {
  letter-spacing: -2.5px;
}

@media only screen and (max-width: 575.98px) {
  .team-details__content .member-title {
    font-size: 50px;
  }
}

.team-details__content .member-description {
  color: var(--color-primary);
  line-height: 142.857%;
  margin-top: 12px;
}

@media only screen and (max-width: 1199.98px) {
  .team-details__content .member-description {
    margin-top: 6px;
  }
}

.team-details__content .member-info {
  margin-top: 48px;
}

@media only screen and (max-width: 1199.98px) {
  .team-details__content .member-info {
    margin-top: 30px;
  }
}

.team-details__content .member-info p {
  color: var(--color-primary);
  font-size: 20px;
}

.team-details__content .member-info p:not(:first-child) {
  margin-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .team-details__content .member-info p:not(:first-child) {
    margin-top: 20px;
  }
}

.team-details__content .member-contacts {
  margin-top: 32px;
}

@media only screen and (max-width: 991.98px) {
  .team-details__content .member-contacts {
    margin-top: 25px;
  }
}

.team-details__content .member-contacts h5 {
  margin-bottom: 6px;
}

.team-details__content .member-contacts h5 a {
  text-decoration: underline;
}

@media only screen and (max-width: 991.98px) {
  .team-details__content .member-contacts h5 {
    margin-bottom: 3px;
  }
}

.team-details__content .member-social {
  margin-top: 32px;
}

@media only screen and (max-width: 991.98px) {
  .team-details__content .member-social {
    margin-top: 20px;
  }
}

.team-details__content .member-social ul {
  display: flex;
  align-items: center;
  gap: 8px;
}

.team-details__content .member-social ul li a {
  display: grid;
  place-content: center;
  padding: 14px 20px;
  width: 60px;
  height: 60px;
  border-radius: 40px;
  border: 1px solid var(--color-1);
  font-size: 20px;
  transition: all 0.5s ease;
}

@media only screen and (max-width: 991.98px) {
  .team-details__content .member-social ul li a {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
}

.team-details__content .member-social ul li a:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.team-details__message {
  margin-top: 90px;
}

.team-details__message .form-control {
  padding-inline: 24px 20px;
  padding-block: 22px;
  border-radius: 8px;
  background: var(--color-2);
}

@media only screen and (max-width: 991.98px) {
  .team-details__message .form-control {
    padding-inline: 20px 15px;
    padding-block: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .team-details__message .form-control {
    padding-inline: 15px;
    padding-block: 15px;
  }
}

.team-details__message .form-control:focus,
.team-details__message .form-control:active {
  box-shadow: none;
  border-color: var(--color-primary);
}

@media only screen and (max-width: 1399.98px) {
  .team-details__message {
    margin-top: 75px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .team-details__message {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 991.98px) {
  .team-details__message {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767.98px) {
  .team-details__message {
    margin-top: 40px;
  }
}

/*================================================
23. Awards css
=================================================*/
.quanto-awards-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border-top: 1px solid var(--color-1);
  border-bottom: 1px solid var(--color-1);
  padding: 28px 0;
  -webkit-transition: padding 0.4s ease-in-out;
  -moz-transition: padding 0.4s ease-in-out;
  -o-transition: padding 0.4s ease-in-out;
  -ms-transition: padding 0.4s ease-in-out;
  transition: padding 0.4s ease-in-out;
  z-index: 0;
}

.quanto-awards-box:not(:first-child) {
  border-top: none;
}

.quanto-awards-box::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--color-primary);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  z-index: -1;
}

@media only screen and (max-width: 767.98px) {
  .quanto-awards-box {
    padding: 15px 0;
    flex-direction: column;
    gap: 5px;
  }
}

.quanto-awards-box .awards-title,
.quanto-awards-box .awards-info {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.quanto-awards-box .awards-title {
  text-align: start;
}

@media only screen and (max-width: 767.98px) {
  .quanto-awards-box .awards-title {
    text-align: center;
  }
}

.quanto-awards-box .awards-info {
  font-size: 18px;
  line-height: 144.444%;
}

.quanto-awards-box:hover {
  padding-inline: 15px;
}

.quanto-awards-box:hover::before {
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.quanto-awards-box:hover .awards-title,
.quanto-awards-box:hover .awards-info {
  color: var(--color-white);
}

/*================================================
24. Work-process css
=================================================*/
.work-process-section {
  position: relative;
  overflow: hidden;
}

.process-box-wrapper,
div.process-box-wrapper.horizontal-scroll,
body .elementor-element .process-box-wrapper {
  counter-reset: process-number;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  gap: 20px !important;
  position: relative;
}

@media only screen and (max-width: 1399.98px) {
  .process-box-wrapper,
  div.process-box-wrapper.horizontal-scroll,
  body .elementor-element .process-box-wrapper {
    gap: 20px !important;
  }
}

@media only screen and (max-width: 1199.98px) {
  .process-box-wrapper,
  div.process-box-wrapper.horizontal-scroll,
  body .elementor-element .process-box-wrapper {
    gap: 20px !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767.98px) {
  .process-box-wrapper,
  .process-box-wrapper.horizontal-scroll,
  div.process-box-wrapper.horizontal-scroll,
  body .elementor-element .process-box-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 20px !important;
    padding: 0 20px 20px 20px !important;
    scroll-padding-left: 20px !important;
    scroll-padding-inline: 20px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    box-sizing: border-box !important;
  }
  .process-box-wrapper::-webkit-scrollbar {
    display: none !important;
  }
  .process-box-wrapper .process-box,
  .process-box.scroll-item,
  .process-box {
    flex: 0 0 88% !important;
    width: 88% !important;
    max-width: 88% !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    scroll-margin-left: 20px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    padding: 36px 26px !important;
    gap: normal !important;
    height: auto !important;
    min-height: 350px !important;
  }
  .elementor-14 .elementor-element.elementor-element-03fdb2b {
    margin-top: 50px !important;
    padding-top: 0px !important;
    --margin-top: 50px !important;
    --padding-top: 0px !important;
  }
  .elementor-14 .elementor-element.elementor-element-41f9ef0 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    --margin-bottom: 0px !important;
    --padding-bottom: 0px !important;
  }
  .elementor-14 .elementor-element.elementor-element-a8b38a8 .elementor-heading-title {
    font-size: 12px !important;
  }
  .elementor-14 .elementor-element.elementor-element-517c6f8 .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  /* Video / Insights Section Mobile Styling */
  .elementor-14 .elementor-element.elementor-element-275e662 {
    flex-direction: column !important;
    gap: 36px !important;
  }

  .elementor-14 .elementor-element.elementor-element-b82bad4,
  .elementor-14 .elementor-element.elementor-element-ed5537e {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  /* NO ROUNDED CORNERS ON VIDEO / THUMBNAIL */
  .elementor-14 .elementor-element.elementor-element-9b2ddd6,
  .elementor-14 .elementor-element.elementor-element-d713748,
  .elementor-14 .elementor-element.elementor-element-275e662 .elementor-widget-video,
  .elementor-14 .elementor-element.elementor-element-275e662 .elementor-wrapper,
  .elementor-14 .elementor-element.elementor-element-275e662 iframe,
  .elementor-14 .elementor-element.elementor-element-275e662 video,
  .elementor-14 .elementor-element.elementor-element-275e662 .elementor-custom-embed-image-overlay {
    border-radius: 0px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
  }

  .elementor-14 .elementor-element.elementor-element-bf85eb0,
  .elementor-14 .elementor-element.elementor-element-1de6221,
  .elementor-14 .elementor-element.elementor-element-275e662 .e-div-block-base:not(.elementor-element-d155fe5):not([data-id="d155fe5"]):has(h6) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 18px !important;
    margin-bottom: 8px !important;
  }

  .elementor-14 .elementor-element.elementor-element-bf85eb0 h6,
  .elementor-14 .elementor-element.elementor-element-1de6221 h6,
  .elementor-14 .elementor-element.elementor-element-275e662 .elementor-element-2c76331 h6,
  .elementor-14 .e-1fd1573-0ea6203,
  .elementor-14 .e-ff3f001-b9ccb27 {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  .elementor-14 .elementor-element.elementor-element-bf85eb0 h6:first-child,
  .elementor-14 .elementor-element.elementor-element-1de6221 h6:first-child,
  .elementor-14 .e-1fd1573-0ea6203,
  .elementor-14 .e-ff3f001-b9ccb27 {
    color: #4820B0 !important;
  }

  .elementor-14 .elementor-element.elementor-element-bf85eb0 h6:last-child,
  .elementor-14 .elementor-element.elementor-element-1de6221 h6:last-child,
  .elementor-14 .e-dce2088-db9802c,
  .elementor-14 .e-05eef5a-fd4033e {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #555555 !important;
    margin: 0 !important;
  }

  .elementor-14 .elementor-element.elementor-element-275e662 h3,
  .elementor-14 .elementor-element.elementor-element-b82bad4 h3,
  .elementor-14 .elementor-element.elementor-element-ed5537e h3,
  .elementor-14 .elementor-element.elementor-element-c49530d h3,
  .elementor-14 .elementor-element.elementor-element-e5a291e h3,
  .elementor-14 .e-255acd5-0533542,
  .elementor-14 .e-bb5a035-8148c2a,
  .elementor-14 .elementor-element.elementor-element-275e662 .e-heading-base,
  body .elementor-14 .elementor-element.elementor-element-275e662 h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #0F0F0F !important;
    margin-top: 10px !important;
    margin-bottom: 22px !important;
    letter-spacing: -0.3px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-14 .elementor-element.elementor-element-93c603b .elementor-button,
  .elementor-14 .elementor-element.elementor-element-e8b38a1 .elementor-button,
  .elementor-14 .elementor-element.elementor-element-275e662 .elementor-button {
    background-color: #FFFFFF !important;
    border: 1.5px solid #000000 !important;
    border-radius: 40px !important;
    padding: 10px 24px !important;
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: max-content !important;
    box-shadow: none !important;
  }
}

.process-box {
  background-color: var(--color-3);
  padding: 54px 48px;
  max-width: 430px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 208px;
  flex: 0 0 auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.process-box .hover-overlay {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  top: 0;
  left: 0;
  transform-origin: center;
  z-index: 1;
}

.process-box .process-card-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}

.process-box .process-number,
.process-box .process-info {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1199.98px) {
  .process-box {
    max-width: 100%;
    gap: 100px;
  }
}

@media only screen and (max-width: 991.98px) {
  .process-box {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .process-box {
    padding: 30px 20px;
  }
}

.process-box .process-number {
  counter-increment: process-number;
  display: block;
  transition: all 0.5s ease;
}

.process-box .process-number {
  /* content: counter(process-number, decimal-leading-zero) "."; */
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  transition: all 0.5s ease;
}

.process-box .process-info .process-title {
  margin-bottom: 16px;
  transition: all 0.5s ease;
}

.process-box p {
  transition: all 0.5s ease;
}

.process-box:hover .process-number::before,
.process-box:hover .process-number {
  color: var(--color-primary);
}

.process-box:hover .process-info .process-title,
.process-box:hover .process-info p {
  color: var(--color-primary);
}

/*================================================
25. Error css
=================================================*/
@media only screen and (max-width: 991.98px) {
  .error__content svg {
    width: 80px;
    height: 80px;
  }
}

.error__content .title {
  margin-top: 8px;
}

@media only screen and (min-width: 992px) {
  .error__content .title {
    font-size: 130px;
    margin-top: 16px;
  }
}

.error__content p {
  max-width: 516px;
  margin-inline: auto;
  margin-top: 20px;
}

.error__content .quanto-link-btn {
  margin-top: 40px;
}

@media only screen and (max-width: 1199.98px) {
  .error__content .quanto-link-btn {
    margin-top: 20px;
  }
}

.error__content .quanto-link-btn span .arry1,
.error__content .quanto-link-btn span .arry2 {
  transform: rotate(45deg);
}

.error__content_btn .quanto-link-btn span .arry1,
.error__content_btn .quanto-link-btn span .arry2 {
  transform: rotate(45deg);
}

/*================================================
26. Contact css
=================================================*/
.quanto-map-area iframe {
  height: 800px;
}

@media only screen and (max-width: 1399.98px) {
  .quanto-map-area iframe {
    height: 650px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-map-area iframe {
    height: 500px;
  }
}

@media only screen and (max-width: 767.98px) {
  .quanto-map-area iframe {
    height: 400px;
  }
}

.quanto-contact__content .title {
  margin-bottom: 28px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-contact__content .title {
    margin-bottom: 20px;
  }
}

.quanto-contact__content .address {
  margin-top: 48px;
  margin-bottom: 32px;
}

@media only screen and (min-width: 992px) {
  .quanto-contact__content .address {
    max-width: 380px;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-contact__content .address {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

.quanto-contact__content .address h6 {
  margin-bottom: 6px;
}

.quanto-contact__content .contact-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.quanto-contact__content .contact-info a[href^="mailto:"] {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
}

@media only screen and (max-width: 991.98px) {
  .quanto-contact__content .contact-info a[href^="mailto:"] {
    text-underline-offset: 2px;
  }
}

.quanto-contact__form .form-control {
  border-radius: 8px;
  background: var(--color-2);
  color: #6b6b6b;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
  padding: 22px 24px;
  border: none;
}

.quanto-contact__form .form-control:hover,
.quanto-contact__form .form-control:focus {
  box-shadow: none;
}

.quanto-contact__form .form-control::placeholder {
  opacity: 1;
}

@media only screen and (max-width: 991.98px) {
  .quanto-contact__form .form-control {
    padding: 15px 20px;
  }
}

/*================================================
27. Footer css
=================================================*/
.footer-widgets-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

@media only screen and (max-width: 991.98px) {
  .footer-widgets-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
  }
}

@media only screen and (max-width: 575.98px) {
  .footer-widgets-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
}

.footer-widgets-wrapper2 {
  display: grid;
}

.footer-widgets.contact {
  max-width: 206px;
}

.footer-widgets.quanto {
  max-width: 380px;
  width: 100%;
}

.footer-widgets.quanto .logo {
  margin-bottom: 28px;
}

.footer-widgets.info {
  max-width: 680px;
}

.footer-widgets.info h4 {
  color: var(--color-white);
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.8px;
}

@media only screen and (min-width: 768px) {
  .footer-widgets.info h4 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 992px) {
  .footer-widgets.info h4 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer-widgets.info h4 {
    font-size: 38px;
  }
}

@media only screen and (min-width: 1400px) {
  .footer-widgets.info h4 {
    font-size: 40px;
  }
}

.footer-widgets.info .quanto-link-btn {
  background-color: var(--color-white);
  color: var(--color-primary);
  margin-top: 32px;
}

@media only screen and (max-width: 991.98px) {
  .footer-widgets.info .quanto-link-btn {
    margin-top: 25px;
  }
}

.footer-widgets.info .quanto-link-btn span .arry1,
.footer-widgets.info .quanto-link-btn span .arry2 {
  color: var(--color-primary);
}

.footer-widgets .address {
  line-height: 166.667%;
}

.footer-widgets .contacts {
  margin-top: 20px;
  line-height: 166.667%;
}

@media only screen and (max-width: 991.98px) {
  .footer-widgets .contacts {
    margin-bottom: 15px;
  }
}

.footer-widgets .contacts ul>li>a.email {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.footer-widgets .widget-title {
  margin-bottom: 20px;
  letter-spacing: -0.24px;
}

@media only screen and (max-width: 991.98px) {
  .footer-widgets .widget-title {
    margin-bottom: 15px;
  }
}

.footer-widgets .widget-links {
  color: var(--color-white);
}

.footer-widgets .widget-links ul li {
  line-height: 1;
}

.footer-widgets .widget-links ul li a {
  font-style: normal;
  line-height: 144.444%;
  display: inline-block;
  position: relative;
}

.footer-widgets .widget-links ul li a:before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 0px;
  height: 1px;
  background-color: var(--color-white);
  transition: all 0.5s ease;
}

.footer-widgets .widget-links ul li a:hover:before {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .footer-widgets .widget-links.on-laptop {
    padding-left: 30px;
  }
}

@media only screen and (min-width: 1400px) {
  .footer-widgets .widget-links.on-laptop {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer-widgets .widget-links.on-laptop {
    padding-left: 50px;
  }
}

.footer-widgets .social-links ul {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 8px;
}

@media only screen and (max-width: 1199.98px) {
  .footer-widgets .social-links ul {
    justify-content: start;
  }
}

.footer-widgets .social-links ul li a {
  color: var(--color-white);
  display: flex;
  width: 52px;
  height: 52px;
  padding: 14px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: var(--color-3);
  transition: all 0.5s ease;
}

.footer-widgets .social-links ul li a:hover {
  transform: scale(1.1);
  background: var(--color-white);
  color: var(--color-black);
}

@media only screen and (max-width: 767.98px) {
  .footer-widgets .social-links ul li a {
    width: 45px;
    height: 45px;
    padding: 12px 16px;
  }
}

.footer-widgets .newsletter-form {
  position: relative;
  display: flex;
  align-items: center;
}

.footer-widgets .newsletter-form .form-control {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: var(--color-3);
  padding: 22px 24px;
  padding-right: 0;
  border: none;
  color: var(--color-white);
  height: 70px;
}

.footer-widgets .newsletter-form .form-control:focus,
.footer-widgets .newsletter-form .form-control:active {
  box-shadow: none;
}

.footer-widgets .newsletter-form .form-control::placeholder {
  color: #8c8c8c;
  opacity: 1;
}

.footer-widgets .newsletter-form .newsletter-btn {
  background-color: transparent;
  height: auto;
  background: var(--color-3);
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 70px;
  border: none;
}

@media only screen and (max-width: 991.98px) {

  .footer__center-content.style-2 .scroll-to-top i,
  .footer__center-content.style-2 .scroll-to-top svg {
    width: 120px;
    height: 120px;
  }
}

.footer__bottom.has-bodder .container {
  border-top: 1px solid var(--color-4);
}

.footer__bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 28px;
}

@media only screen and (max-width: 991.98px) {
  .footer__bottom-content {
    padding-top: 20px;
    gap: 10px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer__bottom-content {
    flex-direction: column;
    text-align: center;
  }
}

.footer__bottom-content .copyright-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
}

.footer__bottom-content .scroll-to-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  color: var(--color-white);
}

.footer__bottom-content .scroll-to-top:hover,
.footer__bottom-content .scroll-to-top:active {
  color: var(--color-white);
}

.footer__bottom-content .link-social-wrapper {
  display: flex;
  align-items: center;
  gap: 70px;
}

@media only screen and (max-width: 1399.98px) {
  .footer__bottom-content .link-social-wrapper {
    gap: 30px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .footer__bottom-content .link-social-wrapper {
    flex-direction: column;
    gap: 20px;
  }
}

@media only screen and (max-width: 991.98px) {
  .footer__bottom-content .link-social-wrapper {
    gap: 15px;
  }
}

.footer__bottom-content .link-social-wrapper .bottom-links ul {
  display: flex;
  align-items: center;
  gap: 40px;
}

@media only screen and (max-width: 1399.98px) {
  .footer__bottom-content .link-social-wrapper .bottom-links ul {
    gap: 15px;
  }
}

.footer__bottom-content .link-social-wrapper .bottom-links ul li a {
  font-size: 18px;
  font-weight: 600;
  line-height: 144.444%;
  letter-spacing: -0.18px;
  position: relative;
  display: inline;
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-size: 0px 1px;
  background-position: 0px 95%;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.1% 0px;
  background-repeat: no-repeat;
  color: inherit;
}

@media only screen and (max-width: 1199.98px) {
  .footer__bottom-content .link-social-wrapper .bottom-links ul li a {
    font-size: 16px;
  }
}

.footer__bottom-content .link-social-wrapper .bottom-links ul li a:hover {
  background-size: 100% 1px;
}

.footer__bottom-content .link-social-wrapper .footer-social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer__bottom-content .link-social-wrapper .footer-social-icons.with-text {
  gap: 40px;
}

.footer__bottom-content .link-social-wrapper .footer-social-icons.with-text a {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media only screen and (max-width: 1399.98px) {
  .footer__bottom-content .link-social-wrapper .footer-social-icons.with-text {
    gap: 30px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .footer__bottom-content .link-social-wrapper .footer-social-icons.with-text {
    gap: 25px;
  }
}

@media only screen and (max-width: 991.98px) {
  .footer__bottom-content .link-social-wrapper .footer-social-icons.with-text {
    gap: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer__bottom-content .link-social-wrapper .footer-social-icons.with-text {
    gap: 15px;
  }
}

.footer6__center .footer-content h2 {
  font-size: 140px;
  line-height: 107.143%;
  letter-spacing: -4.2px;
  color: var(--color-white);
}

@media only screen and (max-width: 1199.98px) {
  .footer6__center .footer-content h2 {
    font-size: 95px;
  }
}

@media only screen and (max-width: 991.98px) {
  .footer6__center .footer-content h2 {
    font-size: 75px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer6__center .footer-content h2 {
    font-size: 65px;
  }
}

.footer6__center .footer-content p {
  margin-top: 24px;
  color: var(--color-white);
}

.footer-six a {
  background-color: var(--color-white);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.28px;
  border-radius: 60px;
  padding: 16px 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media only screen and (min-width: 992px) {
  .footer-six a {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .footer-six a {
    padding: 10px 20px;
    gap: 2px;
  }

  .footer-six a img,
  .footer-six a svg {
    height: 25px;
  }
}

.footer-six a .jumper {
  position: relative;
  overflow: hidden;
}

.footer-six a .jumper span {
  display: inline-block;
  transition: all 0.2s ease;
}

.footer-six a .jumper span:first-of-type {
  position: absolute;
  top: 50px;
  left: 0;
}

.footer-six a:hover .jumper span:first-of-type {
  top: 0;
}

.footer-six a:hover .jumper span:nth-of-type(2) {
  transform: translateY(-50px);
}

/* Button style 02 */
.footer-let-connect span {
  position: relative;
  overflow: hidden;
}

.footer-let-connect span svg {
  transition: all 0.3s ease;
}

.footer-let-connect span svg:nth-of-type(1),
.footer-let-connect span svg:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
}

.footer-let-connect span svg:nth-of-type(2) {
  visibility: hidden;
  opacity: 0;
}

.footer-let-connect span svg:nth-of-type(3) {
  transform: translate(-200px, 200px);
}

.footer-let-connect:hover span svg:nth-of-type(1) {
  transform: translate(200px, -200px);
}

.footer-let-connect:hover span svg:nth-of-type(3) {
  transform: translate(0, 0);
}

.scroll-down {
  position: absolute;
  top: 0;
  right: -30px;
  text-orientation: mixed;
  writing-mode: vertical-lr;
  display: flex;
  align-items: center;
  gap: 12px;
}

.scroll-down img {
  animation: upDown 1.5s ease-in-out infinite alternate;
}

@media only screen and (max-width: 1599.98px) {
  .scroll-down {
    display: none;
  }
}

/*================================================
28. Animation css
=================================================*/
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}

@keyframes upDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(20px);
  }
}

@keyframes scroll_x {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

/* Animation css end  */

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



.wpcf7 form.sent .wpcf7-response-output {
  color: #FFA500;
  text-align: center;
}

.header-status .status {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.header-status .status .status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--color-primary);
  position: relative;
}

.header-status .status .status-dot::before,
.header-status .status .status-dot::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -3px;
  left: -3px;
  border-radius: 50%;
  border: 1px solid var(--color-primary);
  opacity: 0.6;
  animation: anim-ripple 2s infinite;
}

.header-status .status .status-dot::after {
  animation-delay: 1.25s;
}

.quanto-hero5-section .hero5-bg {
  position: absolute;
  inset: 0;
}

.stars img {
  display: block;
}

.quanto-blog-content .quanto-link-btn {
  margin-top: 24px;
}

.blog__sidebar {
  margin: 0 0 0 48px;
}

.order-last+.col-lg-4 .blog__sidebar,
.order-lg-last+.col-lg-4 .blog__sidebar {
  margin: 0 48px 0 0;
}

@media only screen and (max-width: 991px) {

  .blog__sidebar,
  .order-lg-last+.col-lg-4 .blog__sidebar {
    margin: 0;
    margin-top: 50px;
  }

  .order-last+.col-lg-4 .blog__sidebar {
    margin: 0;
    margin-bottom: 50px;
  }
}

.sidebar__widget,
.blog__sidebar .widget {
  border: none;
  padding: 0;
  border-radius: 0px;
  margin-bottom: 60px;
}

.sidebar__widget:last-child,
.blog__sidebar .widget:last-child {
  margin-bottom: 0;
}

.breadcumb-wrapper {
  background-size: cover;
  background-position: center;
  padding: 150px 0;
  overflow: hidden;
  position: relative;
  z-index: auto;
  background-color: #F5F5F5;
  text-align: center;
}

.breadcumb-wrapper.detail-page {
  padding: 24px 0;
}

@media (max-width: 991px) {
  .breadcumb-wrapper {
    padding: 130px 0;
  }
}

@media (max-width: 767px) {
  .breadcumb-wrapper {
    padding: 100px 0 !important;
  }

  .breadcumb-wrapper.detail-page {
    padding: 24px 0 !important;
  }
}

.blog-item .blog-body blockquote {
  border: none;
  padding: 0;
  padding-left: 110px;
  text-align: left;
}

.blog-item .blog-body blockquote::before {
  content: "\f10e";
  /* Unicode for Font Awesome quote-left */
  font-family: "Font Awesome 5 Free";
  /* or "Font Awesome 6 Free" */
  font-weight: 900;
  /* required for solid icons */
  font-size: 80px;
  color: #000;
  margin-right: 8px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  line-height: 0.4;
}

.blog-item .blog-body blockquote>p {
  margin-bottom: 28px;
}

.blog-item .blog-body .wp-block-image {
  margin: 60px 0;
}

.blog-item .blog-contact-form .quanto-cform textarea,
.quanto-page-section .blog-contact-form .quanto-cform textarea {
  height: 190px;
  margin-bottom: 24px;
}

.quanto-blog-section .col-lg-12 .blog-pagination .pagination {
  justify-content: end;
}

.quanto-blog-section .col-lg-8 .blog-pagination .pagination {
  justify-content: center;
}

.breadcumb-menu-wrap .breadcumb-menu ul {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.breadcumb-menu-wrap .breadcumb-menu ul li,
.breadcumb-menu-wrap .breadcumb-menu ul li a {
  font-size: 14px;
}

.breadcumb-menu-wrap .breadcumb-menu ul .arrow i {
  font-size: 14px;
}

.quanto-hero-blog__content h1 {
  padding-bottom: 5px;
}

.content-none-search .search-form,
.sidebar__widget .search-form {
  position: relative;
}

.content-none-search .search-form button,
.sidebar__widget .search-form button {
  background: transparent;
  border: 0;
  padding: 0;
  color: #000000;
  margin-left: 0;
  position: absolute;
  right: 25px;
  top: 13px;
  width: 20px;
}

.blog-item .meta-box ul {
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .blog-item .meta-box ul {
    row-gap: 10px;
  }
}

.quanto-funfacts__wrapper .quanto-funfact-box .odometer-digit:last-child {
  padding-right: 6px !important;
}

.quanto-blog-thumb a {
  width: 100%;
}


.blog-detail-page .blog-item-details .blog-title h2 {
  font-size: 48px;
}
@media only screen and (max-width: 767.98px) {
  .blog-detail-page .blog-item-details .blog-title h2 {
    font-size: 40px;
  }
}




.blog-detail-page .container.custom-container {
  max-width: 1280px;
}

/* Related Articles Section */
.blog-detail-page ~ .quanto-blog-section .quanto__header .title {
  font-size: 48px;
}

.blog-detail-page ~ .quanto-blog-section .container.custom-container {
  max-width: 1280px;
}

.blog-detail-page ~ .quanto-blog-section .quanto-blog-content .blog-text {
  display: none;
}




/* Related Articles Section */
.blog-detail-page ~ .quanto-blog-section .quanto__header .title {
  font-size: 48px;
}

.blog-detail-page ~ .quanto-blog-section .container.custom-container {
  max-width: 1200px;
}


.error-section-padding {
  padding-top: 230px;
}

@media only screen and (max-width: 1199.98px) {
  .error-section-padding {
    padding-top: 180px;
  }
}

@media only screen and (max-width: 991.98px) {
  .error-section-padding {
    padding-top: 165px;
  }
}

li {
  list-style: none;
}

.widget ul {
  padding-left: 0;
}

p.nof-desc {
  margin-bottom: 15px;
}

.blog-single.tag-sticky-2,
.blog-single.sticky {
  position: relative;
}

.blog-single.tag-sticky-2::before,
.blog-single.sticky::before {
  content: "\f036";
  position: absolute;
  font-family: 'remixicon';
  font-size: 16px;
  font-weight: 500;
  opacity: 1;
  right: 0;
  top: 0;
  color: #fff;
  background-color: #000;
  z-index: 1;
  height: 44px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 0;
}

.quanto-blog-content h5 a {
  word-break: normal;
  overflow-wrap: break-word;
}

.quanto-page-section {
  padding: 130px 0;
}

@media only screen and (max-width: 1199.98px) {
  .quanto-page-section {
    padding: 80px 0;
  }
}

@media only screen and (max-width: 991.98px) {
  .quanto-page-section {
    padding: 65px 0;
  }
}

.quanto-check.notice input+label {
  margin-left: 5px;
}


.page--content p {
  margin-bottom: 15px;
}

.page--content p:last-child {
  margin-bottom: 0;
}

.page--content h1,
.page--content h2,
.page--content h3,
.page--content h4,
.page--content h5,
.page--content h6 {
  letter-spacing: 0;
}

.quanto-page-section .blog-comments h4 {
  margin-bottom: 40px;
}

.blog-item .blog-comments ul li+li,
.quanto-page-section .blog-comments ul li+li {
  margin-top: 40px;
}

.blog-item .img-box+.content-box {
  padding-top: 90px;
}

.local-blog-detail-page .blog-item .img-box+.content-box {
  padding-top: 60px;
}

@media only screen and (max-width: 1199.98px) {
  .blog-item .img-box+.content-box {
    padding-top: 45px;
  }

  .local-blog-detail-page .blog-item .img-box+.content-box {
    padding-top: 45px;
  }
}

h3.inner-title {
  letter-spacing: 0;
}

.local-blog-detail-page .row-padding-bottom {
  padding-bottom: 50px;
}

.blog-body>ul,
.blog-body>ol {
  padding-left: 28px;
}

.blog-body ol {
  list-style-type: decimal !important;
}

.blog-body ol li {
  list-style: decimal !important;
  display: list-item !important;
}

.blog-body ul {
  list-style-type: disc !important;
}

.blog-body ul li {
  list-style: disc !important;
  display: list-item !important;
}

.has-large-font-size,
.has-large-font-size+p {
  line-height: 1;
}

.blog-item .img-box img {
  max-height: 788px;
  object-fit: cover;
}

.local-blog-detail-page .blog-item .img-box img,
.local-blog-detail-page .blog-item .wp-block-post-featured-image img {
  max-height: 588px;
}

.wp-block-group__inner-container p {
  margin-bottom: 15px;
}

.wp-block-media-text {
  margin-bottom: 30px;
}

.wp-block-cover {
  margin-bottom: 30px;
}

.wp-block-pullquote {
  margin-bottom: 0;
}

.wp-block-post-excerpt {
  margin-bottom: 15px;
}

.blog-body form {
  margin-bottom: 20px;
}

.wp-caption {
  max-width: 100%;
}

.wp-block-comments .wp-block-comments-title {
  margin-bottom: 15px;
}

.wp-block-column.is-layout-flow {
  flex-basis: 110px !important;
}

.wp-block-comment-author-name.has-small-font-size a {
  font-size: 24px;
  font-family: var(--ff-instrument-sans);
  color: var(--color-black);
  font-weight: 600;
  line-height: 141.667%;
  letter-spacing: -0.24px;
}

.wp-block-avatar img {
  width: 100%;
}

.comment-form-comment textarea {
  padding: 22px 24px;
  border-radius: 8px;
  background: var(--color-2);
  color: var(--color-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
  height: 190px;
  margin-bottom: 24px;
}

.form-submit .submit,
.theme-input-group .submit-btn {
  padding-inline: 35px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  padding: 14px 20px 14px 24px;
  border-radius: 40px;
  border: 1px solid var(--color-primary);
}

.theme-input-group input {
  width: 100%;
  padding: 15px;
  margin-bottom: 15px;
}

.theme-input-group .submit-btn {
  padding: 14px 40px 14px 40px;
}

.blog-item .blog-comments .post-comment .comment-content {
  min-width: 0;
}

.breadcumb-menu-wrap .breadcumb-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}

.breadcumb-menu{
  margin-top: 20px;
}

.textwidget img {
  margin: 10px 0;
}

/* ==========================================================================
   WooCommerce Star Rating & Review Styles (Migrated for cache-busting)
   ========================================================================== */

/* FontAwesome icon styling for product cards, single product, and widget lists */
.woocommerce .star-rating,
.star-rating {
    overflow: hidden;
    position: relative;
    height: 1.2em;
    line-height: 1.2;
    font-size: 14px;
    width: 6em; /* Adjust to display 5 stars cleanly */
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    display: inline-block;
    letter-spacing: 0.1em;
}

.woocommerce .star-rating::before,
.star-rating::before {
    content: '\f005\f005\f005\f005\f005' !important;
    color: #F59E0B !important; /* Gold color for empty stars */
    font-weight: 400 !important; /* OUTLINED empty stars */
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.woocommerce .star-rating span,
.star-rating span {
    overflow: hidden !important;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.woocommerce .star-rating span::before,
.star-rating span::before {
    content: '\f005\f005\f005\f005\f005' !important;
    color: #f59e0b !important; /* Gold color for filled stars */
    font-weight: 900 !important; /* SOLID filled stars */
    top: 0;
    position: absolute;
    left: 0;
}

/* Style the interactive star rating selector inside the review form */
.woocommerce p.stars,
p.stars {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.woocommerce p.stars a,
p.stars a {
    position: relative;
    height: 1.5em;
    width: 1.5em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    letter-spacing: normal;
}

.woocommerce p.stars a::before,
p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    content: '\f005';
    text-indent: 0;
    color: #e2e8f0;
    font-size: 16px;
    transition: color 0.2s ease-in-out;
}

/* Maintain rating highlight status on hover/active */
.woocommerce p.stars a:hover::before,
.woocommerce p.stars a:focus::before,
.woocommerce p.stars a.active::before {
    color: #f59e0b;
}

.woocommerce p.stars:hover a::before,
p.stars:hover a::before {
    color: #f59e0b;
}

.woocommerce p.stars a:hover ~ a::before,
.woocommerce p.stars a:focus ~ a::before,
p.stars a:hover ~ a::before,
p.stars a:focus ~ a::before {
    color: #e2e8f0;
}

/* ==========================================================================
   WooCommerce Add to Cart / Download Report Buttons
   ========================================================================== */

.woocommerce a.button.add_to_cart_button,
.woocommerce button.button.single_add_to_cart_button,
.woocommerce a.button.product_type_simple.add_to_cart_button,
.woocommerce button.button.alt.single_add_to_cart_button,
a.button.add_to_cart_button,
button.button.single_add_to_cart_button,
a.button.product_type_simple.add_to_cart_button,
button.button.alt.single_add_to_cart_button {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;
    border-radius: 40px !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    border: 1px solid #000000 !important;
    text-transform: none !important;
    font-size: 15px !important;
    letter-spacing: normal !important;
    cursor: pointer !important;
    overflow: visible !important;
}

.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button.single_add_to_cart_button:hover,
.woocommerce a.button.product_type_simple.add_to_cart_button:hover,
.woocommerce button.button.alt.single_add_to_cart_button:hover,
a.button.add_to_cart_button:hover,
button.button.single_add_to_cart_button:hover,
a.button.product_type_simple.add_to_cart_button:hover,
button.button.alt.single_add_to_cart_button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* Insert the SVG icon using ::after */
.woocommerce a.button.add_to_cart_button::after,
.woocommerce button.button.single_add_to_cart_button::after,
.woocommerce a.button.product_type_simple.add_to_cart_button::after,
.woocommerce button.button.alt.single_add_to_cart_button::after,
a.button.add_to_cart_button::after,
button.button.single_add_to_cart_button::after,
a.button.product_type_simple.add_to_cart_button::after,
button.button.alt.single_add_to_cart_button::after {
    content: "" !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url('https://qai8358l95-staging.onrocket.site/wp-content/uploads/2026/05/down-arrow.svg') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    filter: invert(1) !important; /* Turns white SVG to black */
    margin-left: 8px !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    transform: none !important;
}

.woocommerce a.button.add_to_cart_button:hover::after,
.woocommerce button.button.single_add_to_cart_button:hover::after,
.woocommerce a.button.product_type_simple.add_to_cart_button:hover::after,
.woocommerce button.button.alt.single_add_to_cart_button:hover::after,
a.button.add_to_cart_button:hover::after,
button.button.single_add_to_cart_button:hover::after,
a.button.product_type_simple.add_to_cart_button:hover::after,
button.button.alt.single_add_to_cart_button:hover::after {
    filter: invert(0) !important; /* Back to white on hover */
}

/* ==========================================================================
   Custom Product Detail Template Styles
   ========================================================================== */

.custom-product-container {
    padding: 40px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.custom-product-top-row {
    display: grid;
    grid-template-columns: 4.8fr 7.2fr;
    gap: 60px;
    margin-bottom: 60px;
    align-items: start;
}

@media (max-width: 991px) {
    .custom-product-top-row {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .custom-product-image-col {
        position: static !important;
        top: auto !important;
    }
}

/* Left Column: Cover Image */
.custom-product-image-col {
    position: sticky;
    top: 120px;
}

.custom-product-main-image {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #f1f5f9;
    background: #ffffff;
    transition: transform 0.3s ease;
}

.custom-product-main-image:hover {
    transform: translateY(-2px);
}

.custom-product-main-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Right Column: Info */
.custom-product-info-col {
    display: flex;
    flex-direction: column;
}

/* New Badge */
.custom-new-badge {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    background-color: #fff7ed;
    color: #ea580c;
    border: 1px solid #ffedd5;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 18px;
    gap: 4px;
}

/* Category Breadcrumb */
.custom-product-category {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.custom-product-category a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.custom-product-category a::before {
    content: "— ";
    color: #cbd5e1;
    margin-right: 4px;
}

.custom-product-category a:hover {
    color: #0f172a;
}

/* Title */
h1.custom-product-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    color: #0f172a;
    margin-bottom: 16px;
    letter-spacing: -0.025em;
    font-family: 'Instrument Sans', 'Roboto', sans-serif;
}

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

/* Author */
.custom-product-author {
    font-size: 16px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 20px;
}

/* Rating Row */
.custom-product-rating-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.custom-product-rating-row .star-rating {
    font-size: 15px !important;
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
}

.custom-review-count {
    font-size: 14px;
    color: #64748b;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.custom-review-count:hover {
    color: #0f172a;
    text-decoration: underline;
}

/* SKU */
.custom-product-sku {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 24px;
    font-weight: 500;
}

/* Price */
.custom-product-price-display {
    font-size: 36px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 36px;
    font-family: 'Instrument Sans', 'Roboto', sans-serif;
}

.custom-product-price-display del {
    font-size: 24px;
    color: #94a3b8;
    margin-right: 10px;
    font-weight: 500;
}

.custom-product-price-display ins {
    text-decoration: none;
}

/* Action Buttons Row */
.custom-product-actions-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.custom-download-button-wrapper form.cart {
    margin: 0 !important;
    padding: 0 !important;
}

.custom-download-button-wrapper form.cart .quantity {
    display: none !important;
}

.single-product .custom-download-button-wrapper form.cart button.button.alt.single_add_to_cart_button,
.single-product .custom-download-button-wrapper form.cart button.button.single_add_to_cart_button,
.single-product .custom-download-button-wrapper form.cart button.single_add_to_cart_button,
.custom-download-button-wrapper form.cart button.single_add_to_cart_button {
    background-color: #6241CA !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 15px 147px !important;
    box-sizing: border-box !important;
    border-radius: 40px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.single-product .custom-download-button-wrapper form.cart button.button.alt.single_add_to_cart_button:hover,
.single-product .custom-download-button-wrapper form.cart button.button.single_add_to_cart_button:hover,
.single-product .custom-download-button-wrapper form.cart button.single_add_to_cart_button:hover,
.custom-download-button-wrapper form.cart button.single_add_to_cart_button:hover {
    background-color: #6241ca !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(98, 65, 202, 0.25) !important;
}

.single-product .custom-download-button-wrapper form.cart button.button.alt.single_add_to_cart_button::after,
.single-product .custom-download-button-wrapper form.cart button.button.single_add_to_cart_button::after,
.single-product .custom-download-button-wrapper form.cart button.single_add_to_cart_button::after,
.custom-download-button-wrapper form.cart button.single_add_to_cart_button::after {
    display: none !important;
}

/* Talk to Analyst Button */
.custom-talk-analyst-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    color: #1a1c1e !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 11px 50px !important;
    box-sizing: border-box !important;
    border-radius: 40px !important;
    border: 1px solid #1a1c1e !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    gap: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.custom-talk-analyst-btn:hover {
    background-color: #f8fafc !important;
    border-color: #1a1c1e !important;
    color: #1a1c1e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.custom-talk-analyst-btn .arrow-up-right {
    font-size: 15px;
    font-weight: 600;
    transition: transform 0.25s ease;
}

.custom-talk-analyst-btn:hover .arrow-up-right {
    transform: translate(2px, -2px);
}

/* Safe Checkout Section */
.custom-safe-checkout {
    border-top: 1px solid #f1f5f9;
    padding-top: 28px;
    margin-bottom: 28px;
}

.safe-checkout-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.payment-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.payment-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: transform 0.2s ease;
}

.payment-icon:hover {
    transform: scale(1.05);
}

/* Share Section */
.custom-share-row {
    display: flex;
    align-items: center;
    gap: 16px;
    border-top: 1px solid #f1f5f9;
    padding-top: 24px;
}

.share-label {
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.share-icons {
    display: flex;
    gap: 10px;
}

.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #64748b;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none !important;
    font-size: 14px;
}

.share-btn:hover {
    color: #0f172a;
    border-color: #94a3b8;
    background: #f8fafc;
    transform: translateY(-2px);
}

/* Tabs Section Styling */
.custom-product-tabs-wrapper {
    margin-top: 60px;
    border-top: 1px solid #f1f5f9;
    padding-top: 40px;
}

.custom-tabs-nav {
    display: flex;
    gap: 40px;
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0 0 40px 0;
    border-bottom: 1.5px solid #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    position: sticky;
    top: 70px;
    background: #fff;
    z-index: 100;
}

.custom-tabs-nav::-webkit-scrollbar {
    display: none;
}

.tab-nav-item {
    font-size: 16px;
    font-weight: 600;
    color: #64748b;
    padding: 0 4px 16px 4px;
    cursor: pointer;
    position: relative;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.tab-nav-item:hover {
    color: #0f172a;
}

.tab-nav-item.active {
    color: #0f172a;
    font-weight: 600;
}

.tab-nav-item.active::after {
    content: "";
    position: absolute;
    bottom: -1.5px;
    left: 0;
    right: 0;
    height: 2.5px;
    background-color: #0f172a;
    border-radius: 2px 2px 0 0;
}

/* Tab Panel Styling */
.tab-content-panel {
    display: block;
    margin-bottom: 60px;
}

.tab-content-panel.active {
    display: block;
    animation: tabFadeIn 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes tabFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tab Specific Layout Adjustments */
.report-highlights-content-wrapper {
    font-size: 16px;
    line-height: 1.7;
    color: #334155;
}

.report-highlights-content-wrapper p {
    margin-bottom: 20px;
}

.report-highlights-content-wrapper ul {
    margin: 20px 0;
    padding-left: 24px;
    list-style-type: disc;
}

.report-highlights-content-wrapper li {
    margin-bottom: 12px;
}

.no-reports-msg {
    font-size: 15px;
    color: #64748b;
    font-style: italic;
}

.woocommerce #review_form #respond p {
    margin: 0 0 0 !important;
}

.payment-icon img {
    height: 24px !important;
    width: auto !important;
    display: block !important;
}

/* CMR News Custom Meta Box Details Page */
.cmr-media-meta-box {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 24px 0;
  margin: 30px 0;
  gap: 20px;
}

.cmr-meta-items {
  gap: 0;
}

.cmr-meta-item {
  display: flex;
  flex-direction: column;
  padding: 0 40px;
  border-right: 1px solid #EAEAEA;
}

.cmr-meta-item:first-child {
  padding-left: 0;
}

.cmr-meta-item:last-child {
  border-right: none;
  padding-right: 0;
}

.cmr-meta-label {
  font-family: 'Instrument Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: #7E8B9B;
  letter-spacing: 0.8px;
  display: block;
}

.cmr-meta-value {
  font-family: 'Instrument Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0F0F0F;
}

.cmr-meta-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cmr-btn-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #6241CA;
  color: #FFFFFF !important;
  font-family: 'Instrument Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 24px ;
  min-height: 48px ;
  border-radius: 40px;
  transition: all 0.3s ease;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.cmr-btn-download:hover {
  background-color: #6241CA;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 90, 217, 0.2);
}

.cmr-btn-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #0F0F0F;
  border: 1px solid #C5C5C5;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
}

.cmr-btn-share:hover {
  border-color: #0F0F0F;
  background-color: #F8F9FA;
  color: #000000;
}

/* Responsive adjustments */
@media only screen and (max-width: 991px) {
  .cmr-meta-item {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cmr-media-meta-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .cmr-meta-items {
    width: 100%;
    justify-content: space-between;
    gap: 15px 0;
  }
  .cmr-meta-item {
    width: 50%;
    border-right: none;
    padding: 0;
    margin-bottom: 10px;
  }
  .cmr-meta-item:nth-child(even) {
    padding-left: 15px;
  }
  .cmr-meta-actions {
    width: 100%;
    margin-top: 10px;
  }
  .cmr-btn-download {
    flex: 1;
  }
}


@media (max-width: 1024px) { .cmr-mobile-open > div[class*='-wrapper'] { margin-bottom: 40px !important; } }


@media (max-width: 1024px) {
    /* Make wrappers static instead of absolute on mobile so they push content down */
    .cmr-has-mega-menu-do .cmr-mmw-wrapper-outer,
    .cmr-has-mega-menu-think .cmr-mmt-wrapper-outer,
    .cmr-has-mega-menu-newsroom .cmr-mmn-wrapper-outer,
    .cmr-has-mega-menu-serve .cmr-mms-wrapper-outer,
    .cmr-has-mega-menu-connect .cmr-mmc-wrapper-outer {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        box-shadow: none !important;
        display: none;
        opacity: 1;
        visibility: visible;
        padding-top: 0;
        margin-top: 0;
    }
    
    /* Show them when toggled open */
    .cmr-has-mega-menu-do.cmr-mobile-open > .cmr-mmw-wrapper-outer,
    .cmr-has-mega-menu-think.cmr-mobile-open > .cmr-mmt-wrapper-outer,
    .cmr-has-mega-menu-newsroom.cmr-mobile-open > .cmr-mmn-wrapper-outer,
    .cmr-has-mega-menu-serve.cmr-mobile-open > .cmr-mms-wrapper-outer,
    .cmr-has-mega-menu-connect.cmr-mobile-open > .cmr-mmc-wrapper-outer {
        display: block !important;
    }
    
    /* Hide the pseudo arrows on mobile */
    .cmr-has-mega-menu-do .cmr-mmw-wrapper-outer::before,
    .cmr-has-mega-menu-think .cmr-mmt-wrapper-outer::before,
    .cmr-has-mega-menu-newsroom .cmr-mmn-wrapper-outer::before,
    .cmr-has-mega-menu-serve .cmr-mms-wrapper-outer::before,
    .cmr-has-mega-menu-connect .cmr-mmc-wrapper-outer::before {
        display: none !important;
    }
}

/* Fix for Product Page Contact Section Desktop/Mobile visibility */
@media (min-width: 768px) {
    .elementor-element-f4f7f56,
    .elementor-element-97a5f81 {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .elementor-element-8a75792,
    .elementor-element-8834a3c {
        display: none !important;
    }
}

/* Global Elementor Styles for 'Your challenge' Section */
/* Container - purple background */
[data-id="0c2bf70"] {
    background-color: #6241CA !important;
    border-radius: 0 !important;
    padding: 60px 50px !important;
    height: 100%;
    overflow: hidden !important;
}
[data-id="26cf3fc"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
/* Desktop heading */
[data-id="8a75792"] {
    color: #FFFFFF !important;
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    margin-bottom: 24px !important;
}
/* Mobile heading */
[data-id="f4f7f56"] {
    color: #FFFFFF !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
}
/* Desktop paragraph */
[data-id="8834a3c"] {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    opacity: 0.9;
    margin-bottom: 30px !important;
}
/* Mobile paragraph */
[data-id="97a5f81"] {
    color: #FFFFFF !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    opacity: 0.9;
    margin-bottom: 20px !important;
}
/* Icon list */
[data-id="6101dd4"] .elementor-icon-list-item {
    padding-bottom: 15px !important;
}
[data-id="6101dd4"] .elementor-icon-list-text {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-weight: 500 !important;
}
/* Keep desktop/mobile visibility rules */
@media (min-width: 768px) {
    [data-id="f4f7f56"],
    [data-id="97a5f81"] {
        display: none !important;
    }
}
@media (max-width: 767px) {
    [data-id="8a75792"],
    [data-id="8834a3c"] {
        display: none !important;
    }
    [data-id="0c2bf70"] {
        padding: 40px 24px !important;
        border-radius: 0 !important;
    }
}

/* ------------------------------------------------------------- */
/* FOOTER CSS (Restored and updated with new Elementor IDs)      */
/* ------------------------------------------------------------- */

/* Container - purple background */
[data-id="0193dcd"] {
    background-color: #6241ca !important;
    border-radius: 20px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
}

[data-id="502501a"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

/* Heading */
[data-id="1087267"] {
    color: #FFFFFF !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

/* Paragraph */
[data-id="7c84f17"] {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    opacity: 0.9;
    margin-bottom: 30px !important;
}

/* Icon list */
[data-id="5184662"] .elementor-icon-list-item,
[data-id="c1e30ed"] .elementor-icon-list-item {
    padding-bottom: 15px !important;
}
[data-id="5184662"] .elementor-icon-list-text,
[data-id="c1e30ed"] .elementor-icon-list-text {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-weight: 500 !important;
}

/* Let's connect heading */
[data-id="4961a1e"] {
    font-size: 80px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -2px !important;
}

@media (max-width: 767px) {
    [data-id="0193dcd"] {
        padding: 40px 24px !important;
        border-radius: 0 !important;
    }
    [data-id="1087267"] {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 16px !important;
    }
    [data-id="7c84f17"] {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }
    [data-id="4961a1e"] {
        font-size: 48px !important;
    }
}

/* Let's connect direct targeting by data-id */
[data-id="4961a1e"],
[data-id="4961a1e"] a {
    font-size: 80px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -2px !important;
}

@media (max-width: 767px) {
    [data-id="4961a1e"],
    [data-id="4961a1e"] a {
        font-size: 48px !important;
    }
}

/* ------------------------------------------------------------- */
/* FOOTER CSS (Restored and updated with new Elementor IDs)      */
/* ------------------------------------------------------------- */

/* Container - purple background */
[data-id="0193dcd"] {
    background-color: #6241ca !important;
    border-radius: 20px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
}

[data-id="502501a"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

/* Heading */
[data-id="1087267"] {
    color: #FFFFFF !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

/* Paragraph */
[data-id="7c84f17"] {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    opacity: 0.9;
    margin-bottom: 30px !important;
}

/* Icon list */
[data-id="5184662"] .elementor-icon-list-item,
[data-id="c1e30ed"] .elementor-icon-list-item {
    padding-bottom: 15px !important;
}
[data-id="5184662"] .elementor-icon-list-text,
[data-id="c1e30ed"] .elementor-icon-list-text {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-weight: 500 !important;
}

/* Let's connect heading */
[data-id="4961a1e"] {
    font-size: 80px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -2px !important;
}

@media (max-width: 767px) {
    [data-id="0193dcd"] {
        padding: 40px 24px !important;
        border-radius: 0 !important;
    }
    [data-id="1087267"] {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 16px !important;
    }
    [data-id="7c84f17"] {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }
    [data-id="4961a1e"] {
        font-size: 48px !important;
    }
}

/* ------------------------------------------------------------- */
/* DYNAMIC FOOTER CSS (Immune to Elementor ID changes)           */
/* ------------------------------------------------------------- */

/* Container - purple background */
.cmr-dynamic-challenge-container {
    background-color: #6241ca !important;
    border-radius: 20px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
}

.cmr-dynamic-challenge-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

/* Heading */
.cmr-dynamic-challenge-heading .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

/* Paragraph */
.cmr-dynamic-challenge-text .elementor-widget-container {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    opacity: 0.9;
    margin-bottom: 30px !important;
}

/* Icon list */
.cmr-dynamic-challenge-icon-list .elementor-icon-list-item {
    padding-bottom: 15px !important;
}
.cmr-dynamic-challenge-icon-list .elementor-icon-list-text {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-weight: 500 !important;
}

/* Let's connect heading */
.cmr-dynamic-lets-connect .elementor-heading-title {
    font-size: 80px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -2px !important;
}

@media (max-width: 767px) {
    .cmr-dynamic-challenge-container {
        padding: 40px 24px !important;
        border-radius: 0 !important;
    }
    .cmr-dynamic-challenge-heading .elementor-heading-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 16px !important;
    }
    .cmr-dynamic-challenge-text .elementor-widget-container {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }
    .cmr-dynamic-lets-connect .elementor-heading-title {
        font-size: 48px !important;
    }
}

/* Fix CONNECT column missing styles (when Elementor cache fails) */
.footer h6[data-id="4c04cd0"] {
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}
.footer p.e-paragraph-base a {
    color: #FFFFFF75 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    font-family: "Instrument Sans", Sans-serif !important;
    transition: color 0.3s ease !important;
}
.footer p.e-paragraph-base a:hover {
    color: #00BFBC !important;
}

/* Remove horizontal lines / borders appearing between sections on scroll */
.elementor-widget-divider,
.elementor-divider,
.elementor-divider-separator {
    display: none !important;
}

/* Remove any border between sections */
.elementor-section + .elementor-section,
.e-con + .e-con,
.elementor-top-section + .elementor-top-section {
    border-top: none !important;
}

/* Remove default hr styling that can appear between injected sections */
.single-post .elementor hr,
.single-post hr.wp-block-separator,
.single-product .elementor hr,
.single-product hr.wp-block-separator {
    display: none !important;
    border: none !important;
    height: 0 !important;
    margin: 0 !important;
}

/* Make whole blog box clickable */
.quanto-blog-box {
    position: relative;
}
.quanto-blog-box h5 a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.quanto-blog-box .blog-meta a,
.quanto-blog-box .custom-related-details-btn {
    position: relative;
    z-index: 2;
}
/*================================================
Single Product - Custom Sections (Related, Rating)
=================================================*/
.cmr-product-sections-wrapper {
    margin-top: 60px;
    border-top: 1px solid #e2e8f0;
    padding-top: 40px;
}

.cmr-product-section {
    margin-bottom: 80px;
}

.cmr-section-title {
    font-family: 'Instrument Sans', sans-serif;
    color: #0f172a;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cmr-section-subtitle {
    font-family: 'Instrument Sans', sans-serif;
    color: #64748b;
    font-size: 16px;
    margin-bottom: 40px;
}

.cmr-reports-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 991px) {
    .cmr-reports-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .cmr-reports-grid {
        grid-template-columns: 1fr;
    }
    
    .cmr-rating-container {
        flex-direction: column;
        gap: 20px;
    }
}

/* Re-use cmr-lr-card from latest reports */
.cmr-lr-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow 0.3s ease;
}

.cmr-lr-card:hover {
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
}

.cmr-lr-image-wrap {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    overflow: hidden;
    background: #f8fafc;
}

.cmr-lr-image-wrap img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.cmr-lr-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ffffff;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.cmr-lr-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.cmr-lr-category {
    font-size: 12px;
    color: #9ca3af;
    margin-bottom: 8px;
    font-weight: 500;
}

.cmr-lr-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 15px;
    line-height: 1.4;
    text-decoration: none;
}

.cmr-lr-title:hover {
    color: #6b46c1;
}

.cmr-lr-stars {
    color: #f59e0b;
    font-size: 13px;
    margin-bottom: 20px;
}
.cmr-lr-stars span {
    color: #6b7280;
    font-size: 12px;
    margin-left: 5px;
}

.cmr-lr-price {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 20px;
    margin-top: auto;
}

.cmr-lr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 50px;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cmr-lr-btn:hover {
    background: #f3f4f6;
    color: #111827;
}



#tab-panel-industry-reports {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #fff; /* Ensure it has a background if needed */
}


/* Review Modal Styles */
.cmr-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
    z-index: 999999;
    align-items: center;
    justify-content: center;
}
.cmr-modal-content {
    background: #fff;
    width: 100%;
    max-width: 550px;
    padding: 40px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    border-radius: 0;
}
.cmr-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    color: #64748b;
    cursor: pointer;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -0.2px;
}
.cmr-modal-product-info {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    margin-top: 10px;
}
.cmr-modal-product-img img {
    width: 90px;
    height: auto;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
}
.cmr-modal-product-details h3 {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 5px 0;
    line-height: 1.3;
    letter-spacing: -0.4px;
    color: #000;
}
.cmr-modal-product-details .cmr-publisher {
    font-size: 15px;
    color: #64748b;
    margin: 0 0 10px 0;
    letter-spacing: -0.2px;
}
.cmr-modal-product-details .cmr-sku {
    font-size: 13px;
    color: #000;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.1px;
}
.cmr-modal-product-details .cmr-sku span {
    color: #64748b;
    font-weight: 500;
}
.cmr-modal-form-wrapper #respond {
    margin: 0;
}
.cmr-modal-form-wrapper #reply-title {
    display: none;
}
.cmr-modal-form-wrapper .comment-form-rating label {
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
    letter-spacing: -0.3px;
}
.cmr-modal-form-wrapper .comment-form-rating {
    margin-bottom: 25px;
}
.cmr-modal-form-wrapper .stars {
    font-size: 32px;
}
.cmr-modal-form-wrapper .stars a {
    color: #f59e0b;
    margin-right: 5px;
}
.cmr-modal-form-wrapper .comment-form-comment label {
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
    letter-spacing: -0.3px;
}
.cmr-modal-form-wrapper .comment-form-comment textarea {
    width: 100%;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    min-height: 120px;
    font-family: inherit;
    font-size: 15px;
    color: #475569;
}
.cmr-modal-terms-text {
    font-size: 13px;
    color: #000;
    margin: 25px 0 25px 0;
    letter-spacing: -0.1px;
}
.cmr-modal-terms-text a {
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}
.cmr-modal-form-wrapper .form-submit {
    margin: 0;
}
.cmr-modal-form-wrapper .form-submit input[type="submit"] {
    width: 100%;
    background: #111827;
    color: #fff;
    padding: 16px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
    letter-spacing: -0.1px;
}
.cmr-modal-form-wrapper .form-submit input[type="submit"]:hover {
    background: #000;
}

/* CMR News Single Post Template Enhancements */
.cmr-btn-listen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #0F0F0F;
  border: 1px solid #C5C5C5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.cmr-btn-listen:hover {
  border-color: #0F0F0F;
  background-color: #F8F9FA;
  color: #000000;
  transform: scale(1.05);
}

.cmr-single-lead-excerpt {
  font-family: 'Instrument Sans', sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #2D3748;
  margin-top: 18px;
  margin-bottom: 24px;
}
.cmr-single-lead-excerpt p {
  margin-bottom: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Executive Summary Box */
.cmr-executive-summary,
.blog-body .executive-summary-box {
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: 12px;
  padding: 32px 36px;
  margin: 30px 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}

.cmr-executive-summary h3,
.blog-body .executive-summary-box h3 {
  font-family: 'Instrument Sans', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #0F0F0F;
  margin-bottom: 20px;
}

.cmr-executive-summary ul,
.blog-body .executive-summary-box ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
}

.cmr-executive-summary li,
.blog-body .executive-summary-box li {
  font-family: 'Instrument Sans', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #2D3748;
  margin-bottom: 12px;
}
.cmr-executive-summary li:last-child,
.blog-body .executive-summary-box li:last-child {
  margin-bottom: 0;
}


/* ==========================================================================
   Single Team Member Page Sticky Left Column (Photo + LinkedIn Icon)
   ========================================================================== */
body.single-teams #smooth-content,
body.single-team #smooth-content,
body.single-quanto_team #smooth-content,
body[class*="single-team"] #smooth-content,
body[class*="single-quanto_team"] #smooth-content {
  overflow-x: hidden;
  height: auto;
  min-height: 100vh;
}

@media (min-width: 769px) {
  .cmr-team-sticky-col,
  body.single-teams [data-id="953c2ba"],
  body.single-team [data-id="953c2ba"],
  body.single-quanto_team [data-id="953c2ba"] {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 130px !important;
    align-self: flex-start !important;
    z-index: 10 !important;
    height: fit-content !important;
    margin-top: 0 !important;
  }

  .cmr-team-sticky-col img,
  body.single-teams [data-id="953c2ba"] img,
  body.single-team [data-id="953c2ba"] img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .cmr-team-sticky-col .elementor-widget-social-icons,
  .cmr-team-sticky-col .elementor-social-icons-wrapper,
  .cmr-team-sticky-col [class*="social"],
  .cmr-team-sticky-col a[href*="linkedin"] {
    margin-top: 14px !important;
    display: inline-flex !important;
  }
}

@media (max-width: 768px) {
  /* Fix: Force single team containers to full column height on mobile */
  body.single-teams .elementor-element-341916f,
  body.single-team .elementor-element-341916f,
  body.single-quanto_team .elementor-element-341916f,
  .single-teams [data-id="341916f"],
  .single-team [data-id="341916f"],
  .single-quanto_team [data-id="341916f"],
  body.single-teams [data-id="a61cad7"],
  body.single-team [data-id="a61cad7"],
  body.single-quanto_team [data-id="a61cad7"],
  body.single-teams [data-id="0a21c4d"],
  body.single-team [data-id="0a21c4d"],
  body.single-quanto_team [data-id="0a21c4d"] {
    display: flex !important;
    flex-direction: column !important;
    --flex-direction: column !important;
    --container-widget-height: auto !important;
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.single-teams [data-id="953c2ba"],
  body.single-team [data-id="953c2ba"],
  body.single-quanto_team [data-id="953c2ba"],
  .cmr-team-sticky-col {
    display: flex !important;
    flex-direction: column !important;
    --flex-direction: column !important;
    --container-widget-height: auto !important;
    position: relative !important;
    top: auto !important;
    align-self: stretch !important;
    height: auto !important;
    width: 100% !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
  }

  body.single-teams [data-id="261eb3b"],
  body.single-team [data-id="261eb3b"],
  body.single-quanto_team [data-id="261eb3b"],
  body.single-teams [data-id="f206676"],
  body.single-team [data-id="f206676"],
  body.single-quanto_team [data-id="f206676"] {
    display: flex !important;
    flex-direction: column !important;
    --flex-direction: column !important;
    --container-widget-height: auto !important;
    position: relative !important;
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
    overflow: visible !important;
    margin-bottom: 24px !important;
  }

  body.single-teams .elementor[data-elementor-post-type="quanto_team"],
  body.single-team .elementor[data-elementor-post-type="quanto_team"],
  body.single-quanto_team .elementor {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  body.single-teams footer.footer,
  body.single-teams .footer,
  body.single-team footer.footer,
  body.single-team .footer,
  body.single-quanto_team footer.footer,
  body.single-quanto_team .footer,
  body.single-quanto_team [data-elementor-post-type="quanto_footer"] {
    position: relative !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: 50px !important;
    z-index: 10 !important;
  }
}

/* Ensure Elementor Responsive Visibility (Hide on Mobile/Tablet/Desktop) is ALWAYS respected */
@media (max-width: 767.98px) {
  html body .elementor-hidden-mobile,
  html body .elementor-hidden-phone,
  html body [class*="elementor-hidden-mobile"],
  html body [class*="elementor-hidden-phone"] {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024.98px) {
  html body .elementor-hidden-tablet,
  html body [class*="elementor-hidden-tablet"] {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  html body .elementor-hidden-desktop,
  html body [class*="elementor-hidden-desktop"] {
    display: none !important;
  }
}

/* ============================================================= */
/* FIX: REMOVE DUPLICATE BULLETS / DOUBLE DOTS ACROSS ALL PAGES */
/* ============================================================= */
.page--content ul > li:after,
.page--content ul > li::after,
.blog-content ul > li:after,
.blog-content ul > li::after,
.comment-content ul > li:after,
.comment-content ul > li::after,
.elementor-widget-text-editor ul > li:after,
.elementor-widget-text-editor ul > li::after,
.entry-content ul > li:after,
.entry-content ul > li::after,
article ul > li:after,
article ul > li::after,
.single-post-details ul > li:after,
.single-post-details ul > li::after,
.page--content ul > li:before,
.page--content ul > li::before,
.blog-content ul > li:before,
.blog-content ul > li::before,
.comment-content ul > li:before,
.comment-content ul > li::before,
.elementor-widget-text-editor ul:not(.elementor-icon-list-items) > li:before,
.elementor-widget-text-editor ul:not(.elementor-icon-list-items) > li::before,
.entry-content ul > li:before,
.entry-content ul > li::before {
  display: none !important;
  content: none !important;
}

.page--content ul:not(.elementor-icon-list-items),
.blog-content ul:not(.elementor-icon-list-items),
.entry-content ul:not(.elementor-icon-list-items),
.elementor-widget-text-editor ul:not(.elementor-icon-list-items) {
  list-style-type: disc !important;
  padding-left: 24px !important;
}

.page--content ul:not(.elementor-icon-list-items) > li,
.blog-content ul:not(.elementor-icon-list-items) > li,
.entry-content ul:not(.elementor-icon-list-items) > li,
.elementor-widget-text-editor ul:not(.elementor-icon-list-items) > li {
  list-style: disc !important;
  display: list-item !important;
  padding-left: 4px !important;
}

/* ============================================================= */
/* FIX: PREVENT IMAGE OVERLAPPING SOCIAL ICONS & LEFT ALIGN ICONS */
/* ============================================================= */
body.single-teams #mas_smooth_scroller,
body.single-team #mas_smooth_scroller,
body.single-quanto_team #mas_smooth_scroller,
.single-teams .cmr-team-sticky-col #mas_smooth_scroller,
.single-team .cmr-team-sticky-col #mas_smooth_scroller,
.single-teams .cmr-team-sticky-col [data-speed],
.single-team .cmr-team-sticky-col [data-speed],
.single-teams .elementor-widget-quanto-feature-image,
.single-team .elementor-widget-quanto-feature-image {
  transform: none !important;
  will-change: auto !important;
}

.cmr-team-sticky-col,
body.single-teams [data-id="953c2ba"],
body.single-team [data-id="953c2ba"],
body.single-quanto_team [data-id="953c2ba"] {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.cmr-team-sticky-col .elementor-widget-quanto-feature-image,
.cmr-team-sticky-col .elementor-widget-image {
  margin-bottom: 20px !important;
  position: relative !important;
  width: 100% !important;
}

.cmr-team-sticky-col .elementor-widget-social-icons,
.cmr-team-sticky-col .elementor-social-icons-wrapper,
.cmr-team-sticky-col .elementor-grid,
.cmr-team-sticky-col [data-id="9a93deb"],
.cmr-team-sticky-col [data-id="ec6f9a4"],
.cmr-team-sticky-col [data-id="7f007f0"],
body.single-teams [data-id="953c2ba"] .elementor-widget-social-icons,
body.single-teams [data-id="953c2ba"] .elementor-social-icons-wrapper,
body.single-teams [data-id="953c2ba"] .elementor-grid,
body.single-team [data-id="953c2ba"] .elementor-widget-social-icons,
body.single-team [data-id="953c2ba"] .elementor-social-icons-wrapper,
body.single-team [data-id="953c2ba"] .elementor-grid,
body.single-quanto_team [data-id="953c2ba"] .elementor-widget-social-icons,
body.single-quanto_team [data-id="953c2ba"] .elementor-social-icons-wrapper,
body.single-quanto_team [data-id="953c2ba"] .elementor-grid {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  align-self: flex-start !important;
  position: relative !important;
  z-index: 5 !important;
  margin-top: 10px !important;
  width: auto !important;
}

.cmr-team-sticky-col .elementor-grid-item,
body.single-teams [data-id="953c2ba"] .elementor-grid-item,
body.single-team [data-id="953c2ba"] .elementor-grid-item,
body.single-quanto_team [data-id="953c2ba"] .elementor-grid-item {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  display: inline-flex !important;
}

.cmr-team-sticky-col .elementor-social-icon,
body.single-teams [data-id="953c2ba"] .elementor-social-icon,
body.single-team [data-id="953c2ba"] .elementor-social-icon,
body.single-quanto_team [data-id="953c2ba"] .elementor-social-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.cmr-team-sticky-col .elementor-social-icon svg,
body.single-teams [data-id="953c2ba"] .elementor-social-icon svg,
body.single-team [data-id="953c2ba"] .elementor-social-icon svg,
body.single-quanto_team [data-id="953c2ba"] .elementor-social-icon svg {
  margin: 0 auto !important;
  display: block !important;
}

/* Ensure left column stays sticky throughout the right side content scroll */
@media (min-width: 769px) {
  body.single-teams .elementor-element-341916f,
  body.single-team .elementor-element-341916f,
  body.single-quanto_team .elementor-element-341916f,
  .single-teams [data-id="341916f"],
  .single-team [data-id="341916f"] {
    display: flex !important;
    align-items: flex-start !important;
    position: relative !important;
    overflow: visible !important;
  }

  body.single-teams .elementor-element-953c2ba,
  body.single-team .elementor-element-953c2ba,
  body.single-quanto_team .elementor-element-953c2ba,
  .single-teams [data-id="953c2ba"],
  .single-team [data-id="953c2ba"],
  .cmr-team-sticky-col {
    position: sticky !important;
    top: 130px !important;
    align-self: flex-start !important;
    z-index: 10 !important;
    height: fit-content !important;
  }
}

/* ============================================================= */
/* FIX: INDUSTRY INTELLIGENCE & STAY UPDATED META ALIGNMENT */
/* ============================================================= */
.intel-meta,
.stay-updated-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  font-size: 13px !important;
  color: #666 !important;
  margin-bottom: 14px !important;
  box-sizing: border-box !important;
}

.intel-category,
.stay-updated-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #666 !important;
  font-weight: 500 !important;
}

.intel-read-time,
.stay-updated-read-time {
  color: #888 !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* CMR Custom Carousel - 85% height */
.quanto-custom-carousel {
  height: 85% !important;
}
.quanto-custom-carousel .swiper-slide img,
.quanto-custom-carousel .quanto-single-slide img,
.quanto-custom-carousel img,
.quanto-custom-carousel .quanto-carousel-img {
  height: 85% !important;
  max-height: 85% !important;
}

/* Bottom spacing (80px) for single detail templates (Blog, CMR News, Press Release, Media) */
.cmr-template-bottom-spacer {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 80px !important;
  clear: both;
}

/* CMR Live / Media - Key parts list formatting (no bullet, single-line alignment) */
.key-parts-list,
.cmr-media-content ul.key-parts-list,
ul.key-parts-list {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin: 0 !important;
  border-top: 1px solid #f0f0f0 !important;
}
.key-parts-list li,
.cmr-media-content ul.key-parts-list li,
ul.key-parts-list li {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 25px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  list-style: none !important;
  list-style-type: none !important;
  line-height: normal !important;
}
.key-parts-list li::before,
.key-parts-list li::after,
.key-parts-list li::marker {
  display: none !important;
  content: none !important;
}
.key-parts-list .play-part-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.key-parts-list .play-part-btn:hover {
  border-color: #000 !important;
  background: #fafafa !important;
}
.key-parts-list .play-part-btn svg {
  width: 14px !important;
  height: 14px !important;
  fill: #000 !important;
  margin-left: 2px !important;
}
.key-parts-list span {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #000 !important;
  line-height: 1.4 !important;
  display: inline-block !important;
}


.single-cmr_news .blog-detail-page .blog-item .img-box,
.single-cmr_news .blog-detail-page .blog-item .img-box img,
.single-cmr_news .blog-detail-page .blog-item .wp-block-post-featured-image img,
.single-cmr_news .cmr-fvi-video-wrap {
  border-radius: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

.cmr-fvi-video-wrap {
  background: #ffffff !important;
}

/* Breadcrumb Single Line with Ellipsis Styling */
.breadcumb-menu-wrap {
  margin-bottom: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.breadcumb-menu-wrap .breadcumb-menu,
.breadcumb-menu {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.breadcumb-menu-wrap .breadcumb-menu ul,
.breadcumb-menu-wrap .breadcumb-menu ul.nav,
.breadcumb-menu-wrap ul,
.breadcumb-menu ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.breadcumb-menu-wrap .breadcumb-menu ul li,
.breadcumb-menu-wrap ul li,
.breadcumb-menu ul li {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #4B5563 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.breadcumb-menu-wrap .breadcumb-menu ul li a,
.breadcumb-menu-wrap ul li a,
.breadcumb-menu ul li a {
  color: #4B5563 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
  flex-shrink: 0 !important;
}

.breadcumb-menu-wrap .breadcumb-menu ul li a:hover,
.breadcumb-menu ul li a:hover {
  color: #6241CA !important;
}

.breadcumb-menu-wrap .breadcumb-menu ul .arrow,
.breadcumb-menu-wrap ul .arrow,
.breadcumb-menu ul .arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #9CA3AF !important;
  font-size: 10px !important;
  line-height: 1 !important;
  margin: 0 6px !important;
  flex-shrink: 0 !important;
}

.breadcumb-menu-wrap .breadcumb-menu ul li.active,
.breadcumb-menu-wrap ul li.active,
.breadcumb-menu ul li.active {
  color: #1F2937 !important;
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* CMR News Custom Meta Box - Single Line Fix to Prevent Download Button from Breaking */
.cmr-media-meta-box {
  border-top: 1px solid #EAEAEA !important;
  border-bottom: 1px solid #EAEAEA !important;
  padding: 20px 0 !important;
  margin: 24px 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}

.cmr-meta-items {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
}

.cmr-meta-item {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 16px !important;
  border-right: 1px solid #EAEAEA !important;
  flex-shrink: 0 !important;
}

.cmr-meta-item:first-child {
  padding-left: 0 !important;
}

.cmr-meta-item:last-child {
  border-right: none !important;
  padding-right: 0 !important;
}

.cmr-meta-label {
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: #7E8B9B !important;
  letter-spacing: 0.6px !important;
  display: block !important;
  white-space: nowrap !important;
}

.cmr-meta-value {
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0F0F0F !important;
  white-space: nowrap !important;
}

.cmr-meta-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

.cmr-btn-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #6241CA !important;
  color: #FFFFFF !important;
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 20px !important;
  min-height: 42px !important;
  border-radius: 40px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

@media (max-width: 767.98px) {
  .cmr-media-meta-box {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  .cmr-meta-items {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .cmr-meta-item {
    padding: 0 12px 0 0 !important;
  }
}

/* Hide Explore Press Release button from deeper insights CTA banner */
.insights-cta-banner .insights-cta-button.secondary,
.insights-cta-banner .elementor-element-c4dcb9f,
.insights-cta-banner [data-id="c4dcb9f"] {
  display: none !important;
}

/* Hide Explore Press Release button from deeper insights CTA banner */
.insights-cta-banner .insights-cta-button.secondary,
.insights-cta-banner .elementor-element-c4dcb9f,
.insights-cta-banner [data-id="c4dcb9f"] {
  display: none !important;
}

/* ==========================================================================
   CMR Mega Menus - Reset Text Wrapping & Ellipsis Truncation
   ========================================================================== */
.cmr-mmn-wrapper,
.cmr-mmt-wrapper,
.cmr-mmw-wrapper,
.cmr-mms-wrapper,
.cmr-mmc-wrapper,
.cmr-mm-wrapper,
[class*="cmr-mm"] {
  white-space: normal !important;
}

.cmr-mmn-wrapper *,
.cmr-mmt-wrapper *,
.cmr-mmw-wrapper *,
.cmr-mms-wrapper *,
.cmr-mmc-wrapper *,
.cmr-mm-wrapper * {
  white-space: normal;
}

.cmr-mmn-announcement-title,
.cmr-mmt-report-title,
.cmr-mm-announcement-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  white-space: normal !important;
}

.cmr-mmn-announcement-desc,
.cmr-mmt-report-desc,
.cmr-mm-announcement-desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* ==========================================================================
   CMR Global CTA Banner - Mobile Centering
   ========================================================================== */
@media (max-width: 768px) {
  #cmr-global-cta-banner-section h1,
  #cmr-global-cta-banner-section h2,
  #cmr-global-cta-banner-section h3,
  #cmr-global-cta-banner-section .elementor-heading-title,
  #cmr-global-cta-banner-section .e-heading-base,
  .elementor-52927 h1,
  .elementor-52927 h2,
  .elementor-52927 h3,
  .elementor-52927 .elementor-heading-title,
  .elementor-52927 .e-heading-base,
  [data-id="d4032ae"],
  [data-interaction-id="d4032ae"],
  .elementor-element-d4032ae,
  .elementor-element-d4032ae h2,
  .elementor-element-d4032ae .elementor-heading-title,
  .e-d4032ae-aabbd19,
  h2[data-id="d4032ae"] {
    font-size: 32px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  #cmr-global-cta-banner-section p,
  .elementor-52927 p {
    text-align: center !important;
  }

  #cmr-global-cta-banner-section .elementor-element-644b09c,
  .elementor-52927 [data-id="644b09c"],
  .elementor-52927 .elementor-element-644b09c {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
  }

  #cmr-global-cta-banner-section .elementor-element-e8ce45f,
  .elementor-52927 [data-id="e8ce45f"],
  .elementor-52927 .elementor-element-e8ce45f {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  #cmr-global-cta-banner-section .elementor-element-d647871,
  #cmr-global-cta-banner-section [data-id="d647871"],
  .elementor-52927 [data-id="d647871"],
  .elementor-52927 .elementor-element-d647871 {
    margin: 0 auto !important;
    align-self: center !important;
    --align-self: center !important;
    text-align: center !important;
    display: inline-flex !important;
  }

  #cmr-global-cta-banner-section .elementor-button,
  .elementor-52927 .elementor-button {
    margin: 0 auto !important;
  }
}

.elementor-52927 .elementor-element.elementor-element-d647871,
.elementor-element-d647871,
[data-id="d647871"] {
  border: 1px solid #FFFFFF !important;
  border-radius: 40px !important;
}

/* Category Post Cards Hover Title Color */
.cmr-cat-card-title,
.cmr-cat-card-title a {
  transition: color 0.3s ease !important;
}

.cmr-cat-card:hover .cmr-cat-card-title,
.cmr-cat-card:hover .cmr-cat-card-title a,
.cmr-cat-card:hover h3,
.cmr-cat-card:hover h3 a,
.cmr-cat-card-title:hover,
.cmr-cat-card-title:hover a,
.cmr-cat-card-title a:hover {
  color: #6A42E5 !important;
}

.cmr-cat-card:hover .cmr-cat-read-more,
.cmr-cat-read-more:hover {
  color: #6A42E5 !important;
  border-color: #6A42E5 !important;
  gap: 10px !important;
}

/* CMR View All & Load More Buttons Hover Scale */
.intel-load-more-btn,
.cmr-vpi-btn,
.cmr-mui-btn,
.cmr-intel-list-load-more a,
.cmr-intel-list-load-more button,
#cmr-intel-load-more-btn,
.cmr-smbcgd-load-more,
.cmr-enterprisecgd-load-more,
.cmr-channelcgd-load-more,
.cmr-mrg-load-more,
.cmr-load-more-btn,
.cmr-view-all-btn {
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s ease, color 0.3s ease, background 0.3s ease !important;
  transform: scale(1);
}

.intel-load-more-btn:hover,
.cmr-vpi-btn:hover,
.cmr-mui-btn:hover,
.cmr-intel-list-load-more a:hover,
.cmr-intel-list-load-more button:hover,
#cmr-intel-load-more-btn:hover,
.cmr-smbcgd-load-more:hover,
.cmr-enterprisecgd-load-more:hover,
.cmr-channelcgd-load-more:hover,
.cmr-mrg-load-more:hover,
.cmr-load-more-btn:hover,
.cmr-view-all-btn:hover {
  transform: scale(1.05) !important;
  border-color: #6A42E5 !important;
  color: #6A42E5 !important;
}

/* CMR Viewpoints & Market Updates Cards Hover */
.cmr-vpi-card-title,
.cmr-vpi-card-title a,
.cmr-mui-card-title,
.cmr-mui-card-title a,
.cmr-vp-slide-title,
.cmr-vp-slide-title a,
.cmr-mu-slide-title,
.cmr-mu-slide-title a {
  transition: color 0.3s ease !important;
}

.cmr-vpi-card:hover .cmr-vpi-card-title,
.cmr-vpi-card:hover .cmr-vpi-card-title a,
.cmr-vpi-card:hover h3,
.cmr-vpi-card:hover h3 a,
.cmr-vpi-card-title:hover,
.cmr-vpi-card-title:hover a,
.cmr-mui-card:hover .cmr-mui-card-title,
.cmr-mui-card:hover .cmr-mui-card-title a,
.cmr-mui-card:hover h3,
.cmr-mui-card:hover h3 a,
.cmr-mui-card-title:hover,
.cmr-mui-card-title:hover a,
.cmr-vp-slide:hover .cmr-vp-slide-title,
.cmr-vp-slide:hover .cmr-vp-slide-title a,
.cmr-vp-slide:hover h3,
.cmr-vp-slide-title:hover,
.cmr-vp-slide-title:hover a,
.cmr-mu-slide:hover .cmr-mu-slide-title,
.cmr-mu-slide:hover .cmr-mu-slide-title a,
.cmr-mu-slide:hover h3,
.cmr-mu-slide-title:hover,
.cmr-mu-slide-title:hover a {
  color: #6A42E5 !important;
}

.cmr-vpi-read-more,
.cmr-mui-read-more {
  color: #111 !important;
  border-bottom: 1px solid #111 !important;
}

.cmr-vpi-read-more svg,
.cmr-mui-read-more svg {
  stroke: #111 !important;
  color: #111 !important;
}

.cmr-vpi-card:hover .cmr-vpi-read-more,
.cmr-mui-card:hover .cmr-mui-read-more {
  color: #111 !important;
  border-bottom-color: #111 !important;
}

.cmr-vpi-card:hover .cmr-vpi-read-more svg,
.cmr-mui-card:hover .cmr-mui-read-more svg {
  color: #111 !important;
  stroke: #111 !important;
  transform: none !important;
}

.cmr-vpi-read-more:hover,
.cmr-mui-read-more:hover,
.cmr-vp-slide-link:hover,
.cmr-mu-slide-link:hover {
  color: #6A42E5 !important;
  border-color: #6A42E5 !important;
}

.cmr-vpi-read-more:hover svg,
.cmr-mui-read-more:hover svg,
.cmr-vp-slide-link:hover svg,
.cmr-mu-slide-link:hover svg {
  color: #6A42E5 !important;
  stroke: #6A42E5 !important;
  transform: translate(2px, -2px) !important;
}

.cmr-vpi-card:hover .cmr-vpi-card-img,
.cmr-mui-card:hover .cmr-mui-card-img {
  transform: scale(1.05) !important;
}

/* Featured Carousel & Trends More Details Hover Isolation */
.cmr-fi-slide:hover .cmr-fi-more-link {
  color: #fff !important;
}
.cmr-fi-slide:hover .cmr-fi-more-link svg {
  color: #fff !important;
  stroke: #fff !important;
  transform: none !important;
}
.cmr-fi-more-link:hover {
  color: #00D2B9 !important;
}
.cmr-fi-more-link:hover svg {
  stroke: #00D2B9 !important;
  transform: translate(3px, -3px) !important;
}

.cmr-intel-trends-card:hover .cmr-intel-trends-more {
  color: #111 !important;
  border-bottom-color: #111 !important;
}
.cmr-intel-trends-card:hover .cmr-intel-trends-more svg {
  color: #111 !important;
  stroke: #111 !important;
  transform: none !important;
}
.cmr-intel-trends-more:hover {
  color: #6A42E5 !important;
  border-color: #6A42E5 !important;
}
.cmr-intel-trends-more:hover svg {
  stroke: #6A42E5 !important;
  transform: translate(2px, -2px) !important;
}