/*!
Theme Name: clc
Theme URI: http://underscores.me/
Author: thinkclever
Author URI: https://thinkclever.agency/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

clc is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	   ========================================================================== */

/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
}

/* Grouping content
	   ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	   ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	   ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
	   ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *		`fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
/*Header Request Price Button css*/
a#custom-logo-button-price {
    background-color: #fa3b7a;
    border: 0;
}


/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	   ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
	   ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

/* Box sizing
  --------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
  @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
  # Base
  --------------------------------------------------------------*/

/* Typography
  --------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0;
  font-family: Raleway;
}

p {
  margin: 0;
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: 'Courier 10 Pitch', courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
  --------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
  --------------------------------------------- */
a {
  color: #00a393;
  outline: none;
}

/* Forms
  --------------------------------------------- */
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type='button']:active,
input[type='button']:focus,
input[type='reset']:active,
input[type='reset']:focus,
input[type='submit']:active,
input[type='submit']:focus {
  border-color: #aaa #bbb #bbb;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='color']:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
  # Layouts
  --------------------------------------------------------------*/

/*--------------------------------------------------------------
  # Components
  --------------------------------------------------------------*/

/* Navigation
  --------------------------------------------- */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
  --------------------------------------------- */
.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
  --------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
  --------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
  --------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
  outline: none;
}

/* Captions
  --------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*='wp-image-'] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
  --------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

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

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

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
  # Plugins
  --------------------------------------------------------------*/

/* Jetpack infinite scroll
  --------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
  # Utilities
  --------------------------------------------------------------*/

/* Accessibility
  --------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex='-1']:focus {
  outline: 0;
}

/* Alignments
  --------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/* ================= Default Button ==================== */
a.button {
  color: #412f59;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  border-radius: 30000px;
  border: 2px solid #412f59;
  padding: 18px 35px;
  display: inline-block;
  background-color: transparent;
  margin-bottom: 10px;
  font-family: urbana, sans-serif;
  font-weight: 600;
  font-size: 16px;
}
a.button.fill {
  background-color: #412f59;
  color: #fff;
}
a.button:hover {
  transform: scale(1.04);
}
a.button.fill.yellow {
  background-color: #fbbc04;
  border-color: #fbbc04;
  color: #412f59;
}
.buttons a.button:first-child {
  margin-right: 20px;
}
/* ================= Default Button ==================== */

/* ================= Default css ==================== */
body {
  font-family: 'Poppins', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: urbana, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
}
h1.headline {
  font-size: 110px;
  line-height: 95%;
}
.highlight {
  color: #412f59;
}
/* .highlight span {
  background-color: #412f59;
  display: inline-block;
  color: #fff;
  padding: 15px 20px 0px;
  margin-bottom: 14px;
  line-height: 1;
  transform: rotate(-0.207deg);
} */
.highlight span {
  display: inline-block;
  color: #412f59;
  line-height: 100%;
}
/* .hero-reveal-stagger span {
  display: block;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  height: 136px;
}
.hero-reveal-stagger span strong {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: max-content;
} */
.container {
  width: 100%;
  max-width: 1450px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 auto;
  position: relative;
}
.review-wrap {
  display: inline-flex;
  padding: 6px 15px;
  border-radius: 10000px;
  background: #fff;
  box-shadow: 0px 4px 25px 0px rgba(33, 13, 66, 0.1);
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #210d42;
  column-gap: 6px;
  margin-bottom: 24px;
}
.page-container ul li {
  position: relative;
  padding-left: 39px;
}
.page-container ul li::before {
  background-image: url(/wp-content/uploads/2024/01/checkmark.svg);
  width: 32px;
  height: 32px;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.shape {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
ul.lang-switcher-footer a {
  position: relative;
  display: flex !important;
  align-items: center;
}
ul.lang-switcher-footer a::before {
  display: inline-block;
  height: 17px;
  width: 29px;
  margin-right: 10px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
}
ul.lang-switcher-footer a[lang='en-US']::before {
  width: 54px;
  background-image: url(/wp-content/uploads/2024/02/lang-icon-us-worldwide.png);
}
ul.lang-switcher-footer a[lang='en-GB']::before {
  background-image: url(/wp-content/uploads/2024/02/lang-icon-UK.png);
}
ul.lang-switcher-footer a[lang='en-CA']::before {
  background-image: url(/wp-content/uploads/2024/02/lang-icon-CA.png);
}
ul.lang-switcher-footer a[lang='en-AU']::before {
  background-image: url(/wp-content/uploads/2024/02/lang-icon-AU.png);
}
ul.lang-switcher-footer .current-lang a {
  color: #fbbc04 !important;
}
/* ================= Default css ==================== */

/* ================= Header CSS ==================== */
header.site-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #fff;
  transition: all 0.3s ease-in;
}
.logged-in header.site-header {
  top: 32px;
}
header.site-header .top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f5d0ba;
  padding: 5px 32px;
}
header.site-header .top-header .offer {
  text-align: center;
}
header.site-header .top-header .offer span {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #412f59;
}
header.site-header .top-header .item {
  width: 33.33%;
}
header.site-header .top-header .phone {
  text-align: right;
}
header.site-header .top-header .phone a {
  font-size: 20px;
  font-weight: 700;
  color: #412f59;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
header.site-header .top-header .phone a svg {
  width: 25px;
  height: auto;
}
header.site-header .main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 32px;
  transition: all 0.3s ease-in;
}
header.site-header .main-header .site-branding {
  width: 250px;
}
header.site-header .main-header nav#site-navigation {
  flex: 1;
}
header.site-header .main-header .request-btn {
  width: 250px;
  text-align: right;
}
header.site-header .main-header .request-btn a {
  margin-bottom: 0;
}
header.site-header .main-header nav#site-navigation ul.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 64px;
}
header.site-header .main-header nav#site-navigation ul.menu ul.sub-menu {
  position: absolute;
  margin: 0;
  padding: 10px 20px;
  width: 200px;
  background-color: #fff;
  box-shadow: 0px 4px 25px 0px rgba(33, 13, 66, 0.1);
  left: -20px;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in;
}
header.site-header .main-header nav#site-navigation ul.menu ul.sub-menu li.menu-item-has-children ul.sub-menu {
    left: 180px;
    top: -10px;
    opacity: 0;
	visibility: hidden;
}
header.site-header .main-header nav#site-navigation ul.menu ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
	visibility: visible;
}
header.site-header .main-header nav#site-navigation ul.menu li {
  position: relative;
}
header.site-header .main-header nav#site-navigation ul.menu li a {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding: 5px 0;
  display: inline-block;
  transition: all 0.3s ease-in;
}
header.site-header
  .main-header
  nav#site-navigation
  ul.menu
  li.menu-item-has-children
  > a {
  position: relative;
  padding-right: 12px;
}
header.site-header
  .main-header
  nav#site-navigation
  ul.menu
  li.menu-item-has-children
  > a::before {
  position: absolute;
  content: '';
  height: 6px;
  width: 6px;
  right: 0;
  top: 50%;
  background-image: url(/wp-content/uploads/2024/01/arrow-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
header.site-header
  .main-header
  nav#site-navigation
  ul.menu
  li:hover
  ul.sub-menu {
  opacity: 1;
  visibility: visible;
  top: 35px;
}
header.site-header .main-header nav#site-navigation ul.menu ul.sub-menu li a {
  font-weight: 400;
  line-height: 1.4;
  margin: 2px 0;
}
header.site-header
  .main-header
  nav#site-navigation
  ul.menu
  ul.sub-menu
  li
  a:hover {
  font-weight: 500;
}
header.site-header .main-header .site-branding img.custom-logo {
  width: 100%;
  max-width: 208px;
}
div#page {
  padding-top: 123px;
  overflow: hidden;
}
header.site-header.fixed .main-header {
  padding: 10px 32px;
}
/* header.site-header.fixed {
  transform: translateY(-40px);
} */
header.site-header .main-header .menu-trigger {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
header.site-header .main-header .menu-trigger span {
  width: 35px;
  height: 3px;
  display: inline-block;
  background-color: #412f59;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.3s ease-in;
}
header.site-header .main-header .menu-trigger span:nth-child(2) {
  top: 45%;
}
header.site-header .main-header .menu-trigger span:first-child {
  top: 15%;
}
header.site-header .main-header .menu-trigger span:last-child {
  bottom: 15%;
  top: auto;
}
.mobile-menu-dropdown-area {
  display: none;
}
header.site-header .main-header .menu-trigger.active span:nth-child(2) {
  opacity: 0;
}
header.site-header .main-header .menu-trigger.active span:first-child {
  transform: rotate(-45deg);
  top: 45%;
}
header.site-header .main-header .menu-trigger.active span:last-child {
  transform: rotate(45deg);
  bottom: 45%;
}
/* ================= Header CSS ==================== */

/* ================= Products Group Section CSS ==================== */
section.products-group-section {
  position: relative;
  overflow: hidden;
  padding: 30px 0 150px;
}
section.products-group-section .shape {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
}
section.products-group-section .container {
  position: relative;
  z-index: 9;
}
section.products-group-section .top-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section.products-group-section.reverse-products-group .top-details {
  flex-flow: row-reverse;
}
section.products-group-section .top-details .thumbnail {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.products-group-section .top-details .contents-wrap {
  width: 50%;
}
section.products-group-section .top-details .thumbnail svg {
  position: absolute;
  width: 100%;
}
section.products-group-section .top-details .thumbnail img {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 652px;
}
section.products-group-section .top-details .contents-wrap .headline {
  /* font-size: 90px; */
  font-size: 75px;
}
section.products-group-section .top-details .contents-wrap .descriptions {
  font-size: 16px;
  font-weight: 700;
  color: #412f59;
  line-height: 237.5%;
  padding-left: 32px;
  padding-top: 10px;
}
section.products-group-section .top-details .contents-wrap .descriptions li {
  margin-bottom: 17px;
}
.products-lists-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 100px;
}
.products-lists-wrapper .product-item {
  width: 33.33%;
  text-align: center;
  position: relative;
}
.products-lists-wrapper .product-item .descriptions {
    font-size: 13px;
    color: #162C50;
    line-height: 1.6;
    margin-bottom: 20px;
    margin-top: -10px;
}
.products-lists-wrapper .product-item .descriptions strong {
    font-weight: 600;
}
.products-lists-wrapper .product-item .thumbnail {
  position: relative;
  width: 100%;
  max-width: 250px;
  height: 230px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-lists-wrapper .product-item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products-lists-wrapper .product-item .thumbnail svg {
  position: absolute;
  top: 0;
  right: 0;
}
.products-lists-wrapper .product-item .thumbnail a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.products-lists-wrapper .product-item p.offer {
  position: absolute;
  margin: 0;
  font-size: 13.5px;
  color: #3d2c86;
  border-radius: 10px;
  background: #fbbc04;
  box-shadow: -2px 2px 15px 0px rgba(22, 22, 22, 0.1);
  padding: 5px 15px;
  font-weight: 500;
  left: 5%;
  top: 0;
}
.products-lists-wrapper .product-item .headline a {
  color: #412f59;
  font-size: 36px;
  font-weight: 600;
  line-height: 116.667%;
  max-width: 240px;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 10px;
}
.products-lists-wrapper .product-item a.button {
  width: 100%;
  max-width: 324px;
  margin-bottom: 11px;
}
.products-lists-wrapper .more-item-btn {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -100px;
  width: 100%;
  max-width: 300px;
  margin: auto !important;
  cursor: pointer;
  background-color: #fbbc04 !important;
  border-color: #fbbc04;
}
/* ================= Products Group Section CSS ==================== */
#loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loader-wrapper .loader {
  width: 50px;
  height: 50px;
  border: 3px solid #00c1b2;
  border-top: 3px solid transparent;
  border-radius: 50%;
  animation: spin 0.5s linear 0s infinite;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
/* ================= Products Customers Logo CSS ==================== */
.product-customers-section {
  position: relative;
  overflow: hidden;
  padding: 70px 0px 70px;
}
.page-id-70 .product-customers-section {
  padding: 40px 0px 70px;
}
.product-customers-section .container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.product-customers-section .container .left {
  width: calc(50% - 20px);
}
.product-customers-section .container .left .our-tabs-tab {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.product-customers-section .container .left .our-tabs-tab .trainers-tab-item {
  color: #081a39;
  font-weight: 600;
  font-family: urbana, sans-serif;
  font-size: 28px;
  text-transform: uppercase;
  padding: 15px 20px;
  line-height: normal;
  background: #fff;
  box-shadow: 0px 0px 2px 0px rgba(22, 22, 22, 0.1);
  transition: all 0.3s ease-in-out;
}
.product-customers-section
  .container
  .left
  .our-tabs-tab
  .trainers-tab-item.active {
  color: #fff;
  background: #081a39;
  text-decoration: underline;
}
.product-customers-section .container .left .our-tabs-content {
  margin-top: 40px;
}
.product-customers-section
  .container
  .left
  .our-tabs-content
  .our-trainers-content-item
  .icons_with_text {
  display: grid;
  gap: 30px 60px;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  margin-top: 60px;
}
.product-customers-section
  .container
  .left
  .our-tabs-content
  .our-trainers-content-item
  .icons_with_text
  .item {
  text-align: center;
}
.product-customers-section
  .container
  .left
  .our-tabs-content
  .our-trainers-content-item
  .icons_with_text
  .item
  .top-icon
  img {
  width: 100%;
  max-width: 90px;
}
.product-customers-section
  .container
  .left
  .our-tabs-content
  .our-trainers-content-item
  .icons_with_text
  .item
  h3.title {
  font-size: 28px;
  font-weight: 600;
  color: #081a39;
  line-height: normal;
  margin-top: 20px;
}
.product-customers-section
  .container
  .left
  .our-tabs-content
  .our-trainers-content-item
  .icons_with_text
  .item
  p.contents {
  font-size: 16px;
  line-height: normal;
  margin-top: 3px;
}
.product-customers-section .container > .right {
  width: calc(50% - 20px);
  position: relative;
}
.product-customers-section .container > .right svg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
}
.product-customers-section .container > .right .featured-img {
  position: relative;
  text-align: center;
}
.product-customers-section .wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1750px;
  margin: auto;
  padding: 0 25px;
  align-items: center;
}
.product-customers-section .wrapper .headline {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  color: #412f59;
  line-height: 1.2;
  letter-spacing: 0.5px;
  width: 250px;
}
.product-customers-section .wrapper .customers-logo-wrap {
  width: calc(100% - 250px);
}
.product-customers-section .wrapper .customers-logo-wrap .owl-stage {
  display: flex;
  align-items: center;
}
.product-customers-section .wrapper .customers-logo-wrap .logo {
  width: 5em;
}
.product-customers-section .wrapper .customers-logo-wrap .logo img {
  display: block;
  width: 100%;
  object-fit: scale-down;
}
/* ================= Products Customers Logo CSS ==================== */

/* ================= Home Hero Section CSS ==================== */
section.home-hero-section {
  position: relative;
  overflow: hidden;
  padding: 60px 0px 30px;
}
section.home-hero-section .contents-wrap {
  text-align: center;
  position: relative;
  z-index: 50;
  padding: 0 24px;
}
section.home-hero-section .contents-wrap .sub-headline {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #210d42;
  font-family: 'Poppins', sans-serif;
  line-height: 165%;
  max-width: 530px;
  width: 100%;
  margin: auto;
  margin-top: 10px;
}
section.home-hero-section .contents-wrap .descriptions {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #210d42;
  line-height: 237.5%;
  max-width: 530px;
  width: 100%;
  margin: auto;
}
section.home-hero-section .contents-wrap .buttons {
  margin-top: 20px;
}
section.home-hero-section .contents-wrap .buttons a.button:last-child {
  background-color: #fff6f5;
}
section.home-hero-section .images-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
section.home-hero-section .images-wrapper .image-item {
  position: absolute;
}
section.home-hero-section .images-wrapper .image-item img {
  width: 100%;
}
section.home-hero-section .images-wrapper .image-item:first-child {
  width: 18vw;
  left: 10vw;
  top: 2vw;
}
section.home-hero-section .images-wrapper .image-item:nth-child(2) {
  width: 19vw;
  right: 6vw;
  top: 2vw;
}
section.home-hero-section .images-wrapper .image-item:nth-child(3) {
  width: 18vw;
  left: 10vw;
  bottom: 2vw;
}
section.home-hero-section .images-wrapper .image-item:nth-child(4) {
  width: 15vw;
  right: 12vw;
  bottom: 2vw;
}
.testimonials-home-wrapper {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.testimonials-home-wrapper .testimonials-item {
  position: absolute;
  width: 256px;
  height: auto;
  background-color: #fff;
  box-shadow: 22px 24px 60px 0px rgba(232, 218, 205, 0.35);
  border-radius: 15px;
  padding: 10px 10px 15px 15px;
}
.testimonials-home-wrapper .testimonials-item .content {
  font-size: 12.5px;
  font-weight: 400;
  line-height: 135%;
  color: #412f59;
  padding-bottom: 5px;
}
.testimonials-home-wrapper .testimonials-item .bottom-wrap {
  display: flex;
  align-items: center;
  column-gap: 7px;
}
.testimonials-home-wrapper .testimonials-item .bottom-wrap h3 {
  font-size: 20px;
  font-weight: 700;
  color: #412f59;
  line-height: 110%;
  letter-spacing: 0.5px;
}
.testimonials-home-wrapper .testimonials-item .bottom-wrap .star {
  display: flex;
}
.testimonials-home-wrapper .testimonials-item .bottom-wrap .star svg {
  height: 17.588px;
  width: auto;
}
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:first-child {
  top: 4vw;
  left: 1vw;
}
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:nth-child(2) {
  right: 1vw;
  top: 4vw;
}
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:nth-child(3) {
  left: 6vw;
  bottom: 2vw;
}
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:nth-child(4) {
  right: 7vw;
  bottom: 2vw;
}
section.home-hero-section .images-wrapper .image-item:first-child,
section.home-hero-section .images-wrapper .image-item:nth-child(2) {
  top: 2vw;
}
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:first-child,
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:nth-child(2) {
  top: 4vw;
}
section.home-hero-section .images-wrapper .image-item:nth-child(3),
section.home-hero-section .images-wrapper .image-item:nth-child(4) {
  bottom: 2vw;
}
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:nth-child(3),
section.home-hero-section
  .testimonials-home-wrapper
  .testimonials-item:nth-child(4) {
  bottom: 2vw;
}
section.home-hero-section .images-wrapper .image-item:first-child {
  width: 13vw;
}
section.home-hero-section .images-wrapper .image-item:nth-child(2) {
  width: 14vw !important;
  right: 10vw;
}
section.home-hero-section .images-wrapper .image-item:nth-child(3) {
  width: 16vw;
}
section.home-hero-section .images-wrapper .image-item:nth-child(4) {
  width: 12vw;
}
/* ================= Home Hero Section CSS ==================== */

/* ================= Category 1 Hero Section CSS ==================== */
section.category-outer-1-hero-section {
  position: relative;
  overflow: hidden;
  padding-top: 65px;
}
section.category-outer-1-hero-section .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section.category-outer-1-hero-section .contents-wrap {
  width: 50%;
  position: relative;
  z-index: 50;
}
section.category-outer-1-hero-section .contents-wrap .headline {
  line-height: 95%;
}
section.category-outer-1-hero-section .right {
  width: 50%;
  position: relative;
}
section.category-outer-1-hero-section .right > img {
  width: 100%;
  height: 100%;
}
section.category-outer-1-hero-section .contents-wrap .descriptions h3 {
  font-weight: 600;
  font-size: 20px;
  color: #210d42;
  font-family: 'Poppins', sans-serif;
  width: 100%;
  max-width: 525px;
}
section.category-outer-1-hero-section .contents-wrap .buttons {
  margin-top: 20px;
}
section.category-outer-1-hero-section .contents-wrap .descriptions {
  margin-top: 10px;
}
section.category-outer-1-hero-section
  .right
  .testimonials-home-wrapper
  .testimonials-item:first-child {
  right: 15vw;
  top: -1.5vw;
}
section.category-outer-1-hero-section
  .right
  .testimonials-home-wrapper
  .testimonials-item:nth-child(2) {
  right: -1vw;
  top: 11vw;
}
section.category-outer-1-hero-section
  .right
  .testimonials-home-wrapper
  .testimonials-item:nth-child(3) {
  right: 12vw;
  bottom: 0;
}
/* ================= Category 1 Hero Section CSS ==================== */

/* ================= Category 2 Hero Section CSS ==================== */
section.category-outer-2-hero-section {
  position: relative;
  overflow: hidden;
}
section.category-outer-2-hero-section .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section.category-outer-2-hero-section .contents-wrap {
  width: 50%;
  padding: 40px 0;
}
section.category-outer-2-hero-section .right {
  width: 50%;
  position: relative;
}
section.category-outer-2-hero-section .contents-wrap .descriptions {
  padding-top: 10px;
  color: #210d42;
  font-size: 16px;
  font-weight: 400;
  line-height: 206.25%;
}
section.category-outer-2-hero-section .contents-wrap .descriptions h3 {
  color: #210d42;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 165%;
  margin-bottom: 17px;
}
section.category-outer-2-hero-section .contents-wrap .buttons {
  margin-top: 25px;
}
section.category-outer-2-hero-section
  .testimonials-home-wrapper
  .testimonials-item:first-child {
  right: 2vw;
  top: 9.7vw;
}
section.category-outer-2-hero-section
  .testimonials-home-wrapper
  .testimonials-item:nth-child(2) {
  right: 14vw;
  bottom: 7vw;
}
/* ================= Category 2 Hero Section CSS ==================== */

/* ================= Product Hero Section CSS ==================== */
section.product-hero-section {
  position: relative;
  overflow: hidden;
  padding: 80px 0 100px;
}
section.product-hero-section .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section.product-hero-section .product-slide {
  width: 45%;
  position: relative;
}
section.product-hero-section .product-slide .product-gallery-preview {
  position: relative;
  margin-left: 140px;
}
section.product-hero-section .product-slide .product-gallery-thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
}
/* section.product-hero-section .product-slide .product-gallery-thumbnail button {
  display: none !important;
} */
section.product-hero-section
  .product-slide
  .product-gallery-thumbnail
  .showcase {
  width: 100px !important;
  height: 100px;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
  background: #fff;
  border-radius: 100%;
  padding: 5px;
  cursor: pointer;
}
/* section.product-hero-section
  .product-slide
  .product-gallery-thumbnail
  .showcase::before {
  position: absolute;
  content: '';
  height: 100px;
  width: 100px;
  background-color: #fff;
  top: -10px;
  border-radius: 50%;
  left: -10px;
} */
section.product-hero-section
  .product-slide
  .product-gallery-thumbnail
  .showcase
  img {
  position: relative;
  width: 80%;
  height: 80%;
  /* border-radius: 10000px; */
  object-fit: fill;
}
section.product-hero-section .contents-wrap {
  width: 55%;
  padding-left: 45px;
}
section.product-hero-section .contents-wrap .descriptions {
  margin-top: 10px;
  color: #210d42;
  font-size: 16px;
  font-weight: 400;
  line-height: 206.25%;
}
section.product-hero-section .contents-wrap .descriptions h3 {
  color: #210d42;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 15px;
}
section.product-hero-section .contents-wrap .descriptions ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 30px;
  row-gap: 24px;
  color: #412f59;
  font-size: 16px;
  font-weight: 700;
}
section.product-hero-section .contents-wrap .buttons {
  margin-top: 25px;
}
/* ================= Product Hero Section CSS ==================== */

/* ================= Info Section CSS ==================== */
section.info-section {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
}
section.info-section .info-wrapper {
  width: 100%;
  max-width: 1450px;
  margin: auto;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 20px;
}
section.info-section .info-wrapper .info {
  flex-basis: calc(16.667% - 9px);
  padding: 40px 0px;
}
/* section.info-section .info-wrapper .info .inner {
  min-width: 220px;
} */
section.info-section .info-wrapper .info h2 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  line-height: 91.667%;
  letter-spacing: 0.12px;
  margin-bottom: 5px;
}
section.info-section .info-wrapper .info p {
  color: #fff;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 165%;
}
/* ================= Info Section CSS ==================== */

/* ================= Two Column Section CSS ==================== */
section.two-column-contents-section {
  position: relative;
  overflow: hidden;
  padding: 130px 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
section.two-column-contents-section .container {
  display: flex;
  flex-wrap: wrap;
}
section.two-column-contents-section .left {
  width: 50%;
}
section.two-column-contents-section .right {
  width: 50%;
  padding-left: 100px;
}
section.two-column-contents-section .headline {
  font-size: 72px;
  font-weight: 750;
  line-height: 100%;
}
section.two-column-contents-section .contents {
  color: #412f59;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  margin-top: 10px;
}
section.two-column-contents-section .contents strong {
  font-weight: 600;
}
section.two-column-contents-section .contents a {
  text-decoration: underline;
}
/* ================= Two Column Section CSS ==================== */

/* ================= Testimonials Inner Section CSS ==================== */
section.testimonials-slide-section {
  position: relative;
  overflow: hidden;
  padding: 85px 0 40px;
}
section.testimonials-slide-section .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 56px;
}
section.testimonials-slide-section .head .headline {
  font-size: 48px;
  font-weight: 600;
  line-height: 105%;
  color: #fff;
}
section.testimonials-slide-section .head .testimonial-cus-nav {
  display: flex;
  gap: 15px;
}
section.testimonials-slide-section .head .testimonial-cus-nav button {
  height: 64px;
  width: 64px;
  background-color: #081a39;
  border: none;
  outline: none;
  transition: all 0.3s ease-in;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
section.testimonials-slide-section
  .head
  .testimonial-cus-nav
  button.owl-next
  svg {
  transform: rotate(180deg);
}
section.testimonials-slide-section .head .testimonial-cus-nav button:hover {
  background-color: #fbbc04;
}
section.testimonials-slide-section
  .testimonials-slide-wrapper
  .testimonials-item {
  border-radius: 30px;
  background-color: #fff;
  box-shadow: -2px 2px 15px 0px rgba(22, 22, 22, 0.1);
  height: 100%;
  padding: 45px 27px 75px;
  position: relative;
}
section.testimonials-slide-section .testimonials-slide-wrapper .owl-stage {
  display: flex;
}
section.testimonials-slide-section
  .testimonials-slide-wrapper
  .owl-stage
  .owl-item {
  height: auto;
}
section.testimonials-slide-section
  .testimonials-slide-wrapper
  .testimonials-item
  h3 {
  color: #412f59;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
section.testimonials-slide-section
  .testimonials-slide-wrapper
  .testimonials-item
  .content {
  color: #70657f;
  font-size: 14px;
  font-weight: 400;
}
section.testimonials-slide-section
  .testimonials-slide-wrapper
  .testimonials-item
  .star {
  position: absolute;
  bottom: 25px;
  left: 27px;
}
section.testimonials-slide-section
  .testimonials-slide-wrapper
  .testimonials-item
  .star
  svg {
  height: 24px;
  width: auto;
}
section.testimonials-slide-section .more-review {
  text-align: right;
  padding-top: 35px;
}
/* ================= Testimonials Inner Section CSS ==================== */

/* ================= FAQs Section CSS ==================== */
section.faqs-section {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
}
section.faqs-section .head {
  text-align: center;
  padding-bottom: 55px;
}
section.faqs-section .head .headline {
  color: #412f59;
  text-align: center;
  font-size: 64px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 114%;
  width: 100%;
  max-width: 730px;
  letter-spacing: 0.5px;
  margin: auto;
  margin-bottom: 10px;
}
section.faqs-section .head .descriptions {
  color: #412f59;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 158.333%;
  width: 100%;
  max-width: 720px;
  margin: auto;
}
section.faqs-section .faqs-wrapper {
  position: relative;
  width: 100%;
  max-width: 1130px;
  margin: auto;
}
section.faqs-section .faqs-wrapper .question-item {
  border: 2px solid #412f59;
  background-color: #fff;
  margin-bottom: 16px;
}
section.faqs-section .faqs-wrapper .question-item .question-head {
  color: #412f59;
  font-size: 26px;
  font-weight: 600;
  padding: 20px 35px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
section.faqs-section .faqs-wrapper .question-item .question-answer {
  padding: 15px 35px;
  border-top: 1px solid #412f5942;
  font-size: 16px;
  line-height: 110%;
  color: #412f59;
  display: none;
}
section.faqs-section .faqs-wrapper .question-item .question-answer li::before {
  display: none;
}
section.faqs-section .faqs-wrapper .question-item .question-answer li {
  padding: 0;
}
section.faqs-section .faqs-wrapper .question-item .question-answer ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}
section.faqs-section .faqs-wrapper .question-item .question-answer a {
  text-decoration: underline;
}
section.faqs-section .faqs-wrapper .question-item .question-head span.text {
  flex: 1;
  padding-right: 20px;
  letter-spacing: 0.5px;
}
section.faqs-section .faqs-wrapper .question-item .question-head span.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background-color: #412f59;
  border-radius: 50%;
}
section.faqs-section .faqs-wrapper .question-item .question-head span.icon svg {
  width: 25px;
  height: auto;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in;
}
section.faqs-section
  .faqs-wrapper
  .question-item
  .question-head.open
  span.icon
  svg.minus {
  opacity: 1;
}
section.faqs-section
  .faqs-wrapper
  .question-item
  .question-head
  span.icon
  svg.plus {
  opacity: 1;
}
section.faqs-section
  .faqs-wrapper
  .question-item
  .question-head.open
  span.icon
  svg.plus {
  opacity: 0;
}
/* ================= FAQs Section CSS ==================== */

/* ================= Our Blog Section CSS ==================== */
section.our-blog-section {
  position: relative;
  overflow: hidden;
  padding: 85px 0;
}
section.our-blog-section .headline {
  font-size: 72px;
  font-weight: 750;
  text-align: center;
  margin-bottom: 35px;
}
section.our-blog-section .our-blog-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 60px;
  margin-bottom: 45px;
}
.blog-item {
  position: relative;
}
.blog-item .featured-img {
  height: 348px;
  width: 100%;
  border-radius: 29px;
  overflow: hidden;
  margin-bottom: 25px;
}
.blog-item .featured-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in;
}
.blog-item:hover .featured-img img {
  transform: scale(1.04);
}
.blog-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.blog-item .date-author {
  color: #412f59;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.blog-item h3 {
  color: #412f59;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 105%;
  padding: 22px 0 15px;
  transition: all 0.3s ease-in;
}
.blog-item:hover h3 {
  color: #fbbc04;
}
.blog-item .content {
  font-size: 16px;
  font-weight: 400;
  color: #727a84;
}
section.our-blog-section .button-wrap {
  text-align: center;
}
/* ================= Our Blog Section CSS ==================== */
section.facebook-feedback-section {
  padding: 30px 0 230px;
  margin-bottom: -200px;
}
.contents ul {
  margin-bottom: 1rem;
}
.contents li {
  padding: 0.5em;
  align-items: center;
}
/* ================= About Us Hero Section CSS ==================== */
section.about-hero-section {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}
section.about-hero-section .container {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
section.about-hero-section .contents-wrap {
  width: 50%;
  padding: 150px 0;
}
section.about-hero-section .right {
  width: 50%;
  position: relative;
  display: flex;
}
section.about-hero-section .contents-wrap .about {
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  text-transform: uppercase;
  color: #412f59;
}
section.about-hero-section .contents-wrap .sub-headline {
  font-size: 42px;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  color: #412f59;
}
section.about-hero-section .contents-wrap .descriptions {
  font-size: 17px;
  color: #081a39;
}
section.about-hero-section .right img {
  width: 100%;
}
section.about-hero-section
  .right
  .testimonials-home-wrapper
  .testimonials-item:first-child {
  left: 25%;
  top: 10%;
}
section.about-hero-section
  .right
  .testimonials-home-wrapper
  .testimonials-item:nth-child(2) {
  top: 25%;
  left: 15%;
}
/* ================= About Us Hero Section CSS ==================== */

/* ================= Inner Hero Section CSS ==================== */
section.inner-hero-section {
  position: relative;
  overflow: hidden;
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}
section.inner-hero-section .contents-wrap {
  position: relative;
  z-index: 9;
  text-align: center;
}
section.inner-hero-section .contents-wrap .descriptions {
  width: 100%;
  max-width: 534px;
  margin: auto;
  padding-top: 10px;
}
/* ================= Inner Hero Section CSS ==================== */

/* ================= School Sleeves Hero Section CSS ==================== */
section.school-sleeves-hero-section {
  position: relative;
  overflow: hidden;
}
/* ================= School Sleeves Hero Section CSS ==================== */
/* ================= Category outer CSS ==================== */
.category-outer-section {
  position: relative;
  padding-top: 91px;
  padding-bottom: 180px;
}
.category-outer-section .off-tricker {
  position: absolute;
  top: -20px;
  left: 0px;
  padding: 7px 17px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 5px;
  background: #412f59;
  box-shadow: 0px 4px 25px 0px #210d4240;
}
.category-outer-section .container {
  display: flex;
  align-items: center;
  gap: 43px;
}
.category-outer-section .container .left {
  position: relative;
  width: calc(54% - 22px);
  display: flex;
  align-items: center;
}
.category-outer-section .container .left svg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0px;
}
.category-outer-section .container .left .featured-img {
  position: relative;
}
.category-outer-section .container .left .thumbnails {
  position: absolute;
  display: flex;
  gap: 33px;
  align-items: center;
  justify-content: center;
  bottom: -90px;
  width: 100%;
}
.category-outer-section .container .left .thumbnails .thumbnail {
  background: #fff;
  border-radius: 100px;
  width: 167px;
  height: 167px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-outer-section .container .right {
  width: calc(46% - 21px);
}
.category-outer-section .container .right .headline {
  font-size: 100px;
  line-height: 0.8;
}
.category-outer-section .container .right .descriptions {
  width: 100%;
  max-width: 600px;
  margin-top: 4px;
  position: relative;
}
.category-outer-section .container .right .descriptions p a {
  color: #404040;
  text-decoration: underline;
}
.category-outer-section .container .right .buttons {
  margin-top: 23px;
  position: relative;
}
.category-outer-section .container .right .buttons .button:first-child {
  margin-right: 11px;
}
.category-outer-section .container .right .buttons .button:not(:first-child) {
  color: #fff;
  background: #00c1b2;
  border-color: #00c1b2;
}
.category-outer-section.reverse-category-outer .container .right .sub-headline {
  font-size: 13.5px;
  font-weight: 600;
  background: #fbbc04;
  display: inline-block;
  padding: 9px 23px;
  border-radius: 10px;
}
/* ================= Category outer CSS ==================== */

/* ================= Offer Section CSS ==================== */
.offer-section {
  position: relative;
}
.offer-section .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.offer-section .container {
  position: initial;
  display: flex;
  align-items: center;
  /* padding: 0px;
  max-width: 1770px;
  padding-left: 25px;
  margin-right: 0px;
  margin-left: auto; */
  justify-content: flex-end;
  color: #fff;
}
.offer-section .container .left {
  position: relative;
  padding: 70px 0px;
  width: calc(50% - 0px);
}
.offer-section .container .left .headline {
  font-size: 100px;
  /* font-size: 5vw; */
  line-height: 1;
  text-transform: uppercase;
}
.offer-section .container .left .sub-headline {
  color: #162c50;
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  /*   background: #fbbc04;
  display: inline-block;
  padding: 10px 25px 2px 15px; */
  transform: rotate(-0.766deg);
}
.offer-section .container .left .descriptions {
  margin-top: 20px;
}
.offer-section .container .left .descriptions {
  color: #fff;
  width: 100%;
  max-width: 630px;
  font-size: 20px;
  font-weight: 600;
}
.offer-section .container .left .descriptions ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 72px;
  margin-top: 30px;
}
.offer-section .container .left .descriptions ul li {
  font-weight: 700;
}
.offer-section .container .left .buttons {
  margin-top: 34px;
}
.offer-section .container .left .buttons .button {
  color: #162c50;
  background: #fbbc04;
  border-color: #fbbc04;
}
.offer-section .container .right {
  align-self: flex-end;
  width: calc(67% - 0px);
}
.offer-section .container .right img {
  margin-top: -58px;
  margin-bottom: -58px;
}
/* ================= Offer Section CSS ==================== */

/* ================= Easy To Order  CSS ==================== */
.easy-to-order-section {
  position: relative;
  padding: 174px 0px 183px;
  text-align: center;
}
.easy-to-order-section .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.easy-to-order-section .head .sub-headline {
  font-size: 56px;
  color: #412f59;
  line-height: 1.1788;
  text-transform: capitalize;
  width: 100%;
  max-width: 503px;
  margin: auto;
}
.easy-to-order-section .easy-order-step-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.easy-to-order-section .easy-order-step-wrapper .step {
  width: calc(20% - 48px);
}
.easy-order-step-wrapper {
  margin-top: 75px;
  text-align: center;
  display: grid;
  gap: 30px 60px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.easy-order-step-wrapper .step {
  position: relative;
}
.easy-order-step-wrapper .step::after {
  content: '';
  position: absolute;
  width: 8.808vw;
  max-width: 85px;
  height: 92px;
  top: 0px;
  right: -4vw;
  background: url(/wp-content/uploads/2024/01/right-arrows.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.easy-order-step-wrapper .step:last-child::after {
  display: none;
}
.easy-order-step-wrapper .step h2 {
  color: #081a39;
  font-size: 35px;
  line-height: 1.086;
  letter-spacing: 1px;
}
.easy-order-step-wrapper .step p {
  color: #081a39;
  width: 100%;
  max-width: 364px;
  margin: auto;
}
.easy-to-order-section .buttons {
  margin-top: 45px;
}
/* ================= Easy To Order  CSS ==================== */

/* ================= Customer Teams  CSS ==================== */
.customer-teams-section {
  position: relative;
  padding: 107px 0px 98px;
}
.customer-teams-section .container {
  max-width: 1530px;
  position: relative;
  z-index: 2;
}
.customer-teams-section .container .head {
  width: 100%;
  max-width: 540px;
  margin: auto;
}
/* .customer-teams-section .container .head .headline {
  width: max-content;
  margin: auto;
  text-align: center;
  background: #412f59;
  color: #fff;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 10px 20px 0px;
} */
.customer-teams-section .container .head .headline {
  width: max-content;
  margin: auto;
  text-align: center;
  color: #412f59;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
.customer-teams-section .container .teams-lists-wrapper {
  margin-top: 63px;
  text-align: center;
  display: grid;
  gap: 30px 120px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.customer-teams-section .container .teams-lists-wrapper .team-item .thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-teams-section .container .teams-lists-wrapper .team-item .name {
  margin: 25px 30px 0px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #081a39;
  text-align: center;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
}
.customer-teams-section .container .teams-lists-wrapper .team-item .bios {
  margin: 15px 30px 0px;
}
/* ================= Customer Teams  CSS ==================== */

/* =================  School Sleeves Hero Section  CSS ==================== */
.school-sleeves-hero-section .container-full {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px;
  max-width: 1762px;
  padding-left: 25px;
  margin-top: 15px;
  margin-right: 0px;
  margin-left: auto;
  justify-content: flex-end;
  z-index: 2;
  gap: 30px 62px;
}
.school-sleeves-hero-section .container-full .contents-wrap {
  padding: 70px 0px;
  width: calc(42% - 31px);
}
.school-sleeves-hero-section .container-full .contents-wrap .five-percent {
  color: #081a39;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  background: #fbbc04;
  display: inline-block;
  padding: 9px 15px;
  border-radius: 5px;
  box-shadow: -2px 2px 15px 0px rgba(22, 22, 22, 0.1);
}
.school-sleeves-hero-section .container-full .contents-wrap .sub-headline {
  color: #412f59;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 10px;
}
.school-sleeves-hero-section .container-full .contents-wrap .descriptions {
  color: #081a39;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7;
  width: 100%;
  margin-top: 20px;
}
.school-sleeves-hero-section .container-full .contents-wrap .buttons {
  margin-top: 55px;
  display: flex;
  align-items: center;
  gap: 22px;
}
.school-sleeves-hero-section
  .container-full
  .contents-wrap
  .buttons
  .button:first-child {
  margin-right: 0px;
}
.school-sleeves-hero-section .container-full .right {
  width: calc(58% - 31px);
  position: relative;
  align-self: flex-end;
}
.school-sleeves-hero-section .container-full .right img {
  margin-bottom: -20px;
}
.school-sleeves-hero-section
  .testimonials-home-wrapper
  .testimonials-item:first-child {
  top: 12%;
  left: 2%;
}
.school-sleeves-hero-section
  .testimonials-home-wrapper
  .testimonials-item:last-child {
  top: 30%;
  left: -4%;
}
/* =================  School Sleeves Hero Section  CSS ==================== */

/* =================  Testimonials With Image Section  CSS ==================== */
.testimonials-with-image-section {
  position: relative;
  min-height: 635px;
  display: flex;
  align-items: center;
}
.testimonials-with-image-section .container {
  max-width: 760px;
}
.testimonials-with-image-section .left-top-image {
  position: absolute;
  top: -6vw;
  width: 22vw;
}
.testimonials-with-image-section .bottom-right-image {
  position: absolute;
  bottom: -7vw;
  width: 17vw;
  right: 0;
}
.testimonials-with-image-section .testimonials-with-image-slide {
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-stage-outer
  .owl-stage {
  display: flex;
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-stage-outer
  .owl-stage
  .owl-item {
  height: auto;
}
.testimonials-with-image-slide .testimonials-item {
  height: 100%;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.testimonials-with-image-slide .testimonials-item .content-wrapper .content {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
}
.testimonials-with-image-slide .testimonials-item .content-wrapper h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;
  color: #412f59;
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-stage-outer {
  order: 1;
}

.testimonials-with-image-section .testimonials-with-image-slide .owl-nav {
  display: flex;
  align-items: center;
  gap: 14px;
  order: 3;
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-nav
  button {
  width: 60px;
  height: 60px;
  background: #081a39 !important;
  border-radius: 0px;
  color: #fff !important;
  transition: all 0.3s ease-in-out;
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-nav
  button.owl-next {
  transform: rotate(180deg);
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-nav
  button:hover {
  background: #fbbc04 !important;
}
.testimonials-with-image-section .testimonials-with-image-slide .owl-dots {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 6px;
  padding: 25px 0;
  order: 2;
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-dots
  button.owl-dot {
  width: 100px;
  height: 2px;
  background: #363a45;
  opacity: 0.2;
}
.testimonials-with-image-section
  .testimonials-with-image-slide
  .owl-dots
  button.owl-dot.active {
  opacity: 1;
}
/* =================  Testimonials With Image Section  CSS ==================== */

/* =================  Why we are experts   CSS ==================== */
.why-were-experts-section {
  position: relative;
  padding-top: 70px;
}
.why-were-experts-section .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 60px;
}
.why-were-experts-section .container .left {
  width: calc(50% - 30px);
  padding: 70px 0;
}
.why-were-experts-section .container .left .sub-headline {
  font-size: 72px;
  color: #412f59;
  line-height: 1;
  text-transform: capitalize;
  width: 100%;
  max-width: 480px;
}
.why-were-experts-section .container .left .contents p {
  width: 100%;
  max-width: 515px;
}
.why-were-experts-section .container .left .contents ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 72px;
  margin-top: 30px;
}
.why-were-experts-section .container .left .contents ul li {
  font-weight: 700;
}
.why-were-experts-section .container .left .buttons {
  margin-top: 50px;
}

.why-were-experts-section .container .right {
  width: calc(50% - 30px);
  display: flex;
}
.why-were-experts-section .container .right img {
  width: 100%;
}
/* =================  Why we are experts   CSS ==================== */

/* =================  Left Image Right Content Section CSS ==================== */
.left-image-right-content-section {
  position: relative;
  padding: 20px 0px 45px;
}
.left-image-right-content-section .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.left-image-right-content-section .container {
  position: relative;
  max-width: 1440px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 100px;
}
.left-image-right-content-section .container .left {
  position: relative;
  flex-basis: calc(50% - 50px);
  width: calc(50% - 50px);
  align-items: center;
  justify-content: center;
  display: flex;
}
.left-image-right-content-section .container .left svg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  max-width: 507px;
}
.left-image-right-content-section .container .left img {
  position: relative;
}
.left-image-right-content-section .container .right {
  flex-basis: calc(50% - 50px);
  width: calc(50% - 50px);
}
/* .left-image-right-content-section .container .right .headline {
  color: #fff;
  font-size: 90px;
  line-height: 1;
  text-transform: uppercase;
  background: #412f59;
  padding: 15px 20px 0px;
  display: inline-block;
} */
.left-image-right-content-section .container .right .headline {
  color: #412f59;
  font-size: 90px;
  line-height: 100%;
  text-transform: uppercase;
  display: inline-block;
}
.left-image-right-content-section .container .right .contents {
  margin-top: 10px;
}
/* =================  Left Image Right Content Section CSS ==================== */

/* =================  Product Group Category 2 Section CSS ==================== */
.product-group-category-2-section {
  position: relative;
  padding: 91px 0px 180px;
}
.product-group-category-2-section .container {
  position: relative;
  max-width: 1440px;
}
.product-group-category-2-section .container .top-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 100px;
  margin-bottom: 80px;
}
.product-group-category-2-section .container .top-area .left {
  flex-basis: calc(65% - 50px);
  width: calc(65% - 50px);
}
.product-group-category-2-section .container .top-area .left .headline {
  font-size: 90px;
  line-height: 1;
}
.product-group-category-2-section .container .top-area .left .contents {
  margin-top: 30px;
}
.product-group-category-2-section .container .top-area .right {
  position: relative;
  flex-basis: calc(35% - 50px);
  width: calc(35% - 50px);
  align-items: center;
  justify-content: center;
  display: flex;
}
.product-group-category-2-section .container .top-area .right svg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  max-width: 507px;
}
.product-group-category-2-section .container .top-area .right img {
  position: relative;
}
/* =================  Product Group Category 2 Section CSS ==================== */

/* =================  How It Works Section CSS ==================== */
.how-it-works-section {
  position: relative;
  padding: 139px 0px 151px;
  background: rgba(65, 47, 89, 0.03);
}
.how-it-works-section .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.how-it-works-section .container {
  max-width: 1515px;
}
.how-it-works-section .container .head .headline {
  text-align: center;
  font-size: 56px;
  color: #081a39;
  line-height: 1.1788;
  text-transform: capitalize;
  width: 100%;
  max-width: 540px;
  margin: auto;
}
/* =================  How It Works Section CSS ==================== */

/* =================  Blog Page CSS ==================== */
.blog-filters-section .works-filter {
  padding: 49px 25px;
  background: #162c50;
}
.blog-filters-section .works-filter #works-form .all-buttons-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 45px;
}
.blog-filters-section .works-filter #works-form .all-buttons-wrap span {
  color: #081a39;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: #fff;
  padding: 8px 15px;
  letter-spacing: -1px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.blog-filters-section .works-filter #works-form .all-buttons-wrap span.active {
  color: #fff;
  background: #00c1b2;
}
.blog-filters-section #works-wrapper {
  padding: 95px 25px 85px;
  width: 100%;
  max-width: 1595px;
  margin: auto;
}
.blog-filters-section #works-wrapper .works-content {
  display: grid;
  gap: 60px 60px;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  position: relative;
  padding-bottom: 150px;
}
.blog-filters-section
  #works-wrapper
  .works-content
  .blog-pagination
  .page-numbers {
  width: 60px;
  height: 60px;
  background: #081a39;
  border-radius: 0px;
  color: #fff !important;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-filters-section #works-wrapper .works-content .blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
}
.blog-filters-section
  #works-wrapper
  .works-content
  .blog-pagination
  .page-numbers.current {
  background: #fbbc04;
}
/* =================  Blog Page CSS ==================== */

/* =================  Blog Single  CSS ==================== */
.single-blog-hero {
  padding: 80px 0px 100px;
  background: #fff6f5;
}
.single-blog-hero .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 50px;
}
.single-blog-hero .container .left {
  width: calc(50% - 25px);
}
.single-blog-hero .container .left .sub-headline {
  color: #412f59;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; /* 233.333% */
  text-transform: uppercase;
  letter-spacing: -1px;
}
.single-blog-hero .container .left h1.headline:has(span) {
  color: #fff;
}
.single-blog-hero .container .left h1.headline {
  color: #412f59;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.single-blog-hero .container .left h1.headline span {
  background-color: #412f59;
  display: inline-block;
  color: #fff;
  padding: 15px 20px 0px;
  margin-bottom: 14px;
  line-height: 1;
}
.single-blog-hero .container .left .meta-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  text-transform: uppercase;
}
.single-blog-hero .container .left .meta-details .logo {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 34px;
  padding: 10px;
}
.single-blog-hero .container .left .meta-details .date {
  padding-left: 10px;
  position: relative;
}
.single-blog-hero .container .left .meta-details .date::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 14px;
  background: #00a393;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.single-blog-hero .container .right {
  width: calc(50% - 25px);
  position: relative;
  text-align: center;
}
.single-blog-hero .container .right svg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
.single-blog-hero .container .right img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 625px;
  border-radius: 100px;
}
.post-contents-wrap {
  padding: 90px 0px;
}
.post-contents-wrap .container {
  max-width: 890px;
}
.post-contents-wrap .container ol {
  list-style: decimal;
  padding-left: 18px;
}
.post-contents-wrap .container ul,
.post-contents-wrap .container ol {
  margin-bottom: 20px;
}
.post-contents-wrap .container ul li:not(:last-child),
.post-contents-wrap .container ol li:not(:last-child) {
  margin-bottom: 15px;
}
.post-contents-wrap .container h2,
.post-contents-wrap .container h3,
.post-contents-wrap .container h4,
.post-contents-wrap .container h5,
.post-contents-wrap .container h6 {
  color: #412f59;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 20px 0px 22px;
}
.post-contents-wrap .container h3 {
  font-size: 40px;
}
.post-contents-wrap .container h4 {
  font-size: 34px;
}
.post-contents-wrap .container h5 {
  font-size: 30px;
}
.post-contents-wrap .container h6 {
  font-size: 24px;
}
.single-blog-wrapper .related-posts {
  padding: 100px 0px 70px;
}
.single-blog-wrapper .related-posts .container .head {
  text-align: center;
}
.single-blog-wrapper .related-posts .container .head h3 {
  color: #412f59;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0px 0px 0px;
}
.single-blog-wrapper .related-posts .container .related-posts-wrapper {
  margin-top: 45px;
  display: grid;
  gap: 60px 60px;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  position: relative;
  padding-bottom: 60px;
}
.single-blog-wrapper .related-posts .container .buttons {
  text-align: center;
}
.single-blog-wrapper .related-posts .container .buttons .button {
  margin: 0px;
}
/* =================  Blog Single  CSS ==================== */

/* =================  Pricing Form Section CSS ==================== */
.pricing-form-section {
  padding: 128px 0px;
}
.pricing-form-section .wpforms-container {
  margin: 0px;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  gap: 62px;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field {
  padding: 0px;
  position: relative;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-name,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-phone,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-email,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .your-company {
  width: calc(50% - 31px);
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  .wpforms-field-label {
  display: inline-flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #412f59;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; /* 465% */
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 15px;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-number {
  width: calc(20% - 31px);
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-date-time {
  width: calc(20% - 31px);
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .delivery-location {
  width: calc(60% - 62px);
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-textarea {
  width: calc(75% - 31px);
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-file-upload {
  width: calc(25% - 31px);
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  .wpforms-datepicker-wrap::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 100%;
  top: 0px;
  right: 0px;
  padding: 11px;
  background: url(/wp-content/uploads/2024/01/calendar-icon.png);
  background-size: 38px;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-submit-container {
  margin-top: 40px;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-submit-container
  button {
  color: #412f59 !important;
  background: #fbbc04 !important;
  border-color: #fbbc04 !important;
  text-align: center;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  border-radius: 30000px !important;
  border: 2px solid #fbbc04 !important;
  padding: 22px 45px !important;
  display: inline-flex;
  font-family: 'roc-grotesk-compressed', sans-serif !important;
  height: auto !important;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  .wpforms-field-description {
  position: absolute;
  top: 0px;
  width: calc(100% - 130px);
  height: auto;
  left: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-size: 11px;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field-email
  .wpforms-field-description {
  width: calc(100% - 185px);
  left: 185px;
}

.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  input,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  textarea,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  .wpforms-uploader {
  height: 70px;
  background: #fff;
  border: 0px;
  box-shadow: -2px 2px 15px 0px rgba(22, 22, 22, 0.1);
}

.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  textarea,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  .wpforms-uploader {
  height: 259px;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  .wpforms-uploader
  .dz-message
  span {
  color: #081a39;
  text-align: center;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.65;
  opacity: 1;
}
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  input,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  textarea,
.pricing-form-section
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  .wpforms-uploader {
  box-shadow: -2px 2px 15px 0px rgba(22, 22, 22, 0.15);
}
/* =================  Pricing Form Section CSS ==================== */

/* =================  Product Hero Section CSS ==================== */
section.product-hero-section .product-slide .product-gallery-preview button {
  border: 0px;
  background: transparent;
  position: absolute;
  width: 40px;
  height: 40px;
  padding: 0px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
section.product-hero-section .product-slide .product-gallery-thumbnail button {
  border: 0px;
  background: transparent;
  position: absolute;
  width: 40px;
  height: 40px;
  padding: 0px;
  z-index: 1;
  left: 30px;
}
section.product-hero-section .product-slide .product-gallery-preview button svg,
section.product-hero-section
  .product-slide
  .product-gallery-thumbnail
  button
  svg {
  width: 100%;
  height: auto;
  cursor: pointer;
}
section.product-hero-section
  .product-slide
  .product-gallery-preview
  button.slick-prev.pull-left {
  left: -40px;
}
section.product-hero-section
  .product-slide
  .product-gallery-thumbnail
  button.slick-prev.pull-up {
  top: -60px;
}
section.product-hero-section
  .product-slide
  .product-gallery-preview
  button.slick-prev.pull-left
  svg {
  transform: rotate(-90deg);
}
section.product-hero-section
  .product-slide
  .product-gallery-preview
  button.slick-next.pull-right {
  right: -37px;
}
section.product-hero-section
  .product-slide
  .product-gallery-thumbnail
  button.slick-next.pull-down {
  bottom: -60px;
}
section.product-hero-section
  .product-slide
  .product-gallery-preview
  button.slick-next.pull-right
  svg {
  transform: rotate(-90deg);
}
/* =================  Product Hero Section CSS ==================== */

/* ================= Footer CSS ==================== */
footer.site-footer {
  position: relative;
  overflow: hidden;
}
footer.site-footer .back-to-top {
  position: absolute;
  background-color: #081a39;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  left: 5%;
  top: 58px;
}
footer.site-footer .footer-top-wrap {
  border-radius: 0px 200px 0px 0px;
  background: #162c50;
  padding-top: 150px;
  padding-bottom: 120px;
}
footer.site-footer .footer-top-wrap .container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1470px;
}
footer.site-footer .footer-top-wrap .container .item {
  width: 17.5%;
  padding: 0 10px;
}
footer.site-footer .footer-bottom,
footer.site-footer .footer-bottom a {
  color: #412f59;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
}
footer.site-footer .footer-bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 15px;
}
footer.site-footer .footer-bottom p {
  margin: 0;
}
footer.site-footer .footer-bottom .website-by {
  display: flex;
  align-items: center;
  gap: 5px;
}
footer.site-footer .footer-bottom {
  background-color: #fbbc04;
  padding: 28px 0;
}
footer.site-footer .footer-top-wrap .container .item:first-child {
  width: 30%;
}
footer.site-footer .footer-top-wrap .container .item h3.title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 18px;
}
footer.site-footer .footer-top-wrap .container .item ul li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 165%;
  letter-spacing: 0.32px;
  color: #fff;
  display: inline-block;
  padding: 8px 0;
  transition: all 0.3s ease-in;
}
footer.site-footer ul.menu li.menu-item-has-children {
    position: relative;
}
footer.site-footer ul.menu li.menu-item-has-children span.icon svg {
    width: 15px;
    height: auto;
}
footer.site-footer ul.menu li.menu-item-has-children span.icon {
/*     position: absolute;
    right: 0;
    top: 12px; */
    width: 20px;
    display: inline-flex;
    justify-content: center;
    height: 20px;
    align-items: center;
    cursor: pointer;
	margin-left: 5px;
}
footer.site-footer ul.menu li.menu-item-has-children {
    padding-right: 20px;
}
footer.site-footer ul.menu li.menu-item-has-children ul.sub-menu {
    margin: 0;
    padding: 0 0 0 8px;
    display: none;
}
footer.site-footer ul.menu li.menu-item-has-children ul.sub-menu a {
    font-size: 15px;
    padding: 4px 0;
}
footer.site-footer .footer-top-wrap .container .item ul li a:hover {
    color: #fbbc04;
}
footer.site-footer .footer-top-wrap .container .item .footer-logo img {
  width: 100%;
  max-width: 318px;
}
footer.site-footer .footer-top-wrap .container .item .social-links {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 25px;
  margin-bottom: 15px;
}
footer.site-footer .footer-top-wrap .container .item .social-links a {
  display: flex;
}
footer.site-footer .footer-top-wrap .container .item .card-logo {
  display: flex;
  margin-bottom: 25px;
}
footer.site-footer .footer-top-wrap .container .item .card-logo img {
  width: 100%;
  max-width: 247px;
}
footer.site-footer .footer-top-wrap .container .item .review-button {
  display: flex;
}
footer.site-footer .footer-top-wrap .container .item .review-button img {
  width: 100%;
  max-width: 110px;
}
/* ================= Footer CSS ==================== */

/* ================= How It Work CSS ==================== */
.how-work-steps-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 140px;
  row-gap: 90px;
  margin-top: 90px;
}
.how-work-steps-wrapper .step {
  width: calc(50% - 70px);
  display: flex;
  position: relative;
  min-height: 285px;
  align-items: center;
  padding: 20px 30px;
}
.how-work-steps-wrapper .step .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 44px;
  left: 0;
  top: 0;
  transform: rotate(3.18deg);
}
.how-work-steps-wrapper .step:nth-child(odd) .bg {
  transform: rotate(-3.18deg);
}
.how-work-steps-wrapper .step:last-child .bg {
  transform: rotate(0);
}
.how-work-steps-wrapper .step .icon {
  position: relative;
  width: 190px;
}
.how-work-steps-wrapper .step .right {
  flex: 1;
  position: relative;
  padding-left: 30px;
}
.how-work-steps-wrapper .step .icon img {
  width: 100%;
}
.how-work-steps-wrapper .step .right .count {
  background-color: #081a39;
  width: 46px;
  height: 46px;
  border-radius: 9px;
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: urbana, sans-serif;
}
.how-work-steps-wrapper .step .right h2 {
  color: #081a39;
  font-size: 42px;
  line-height: 1;
  padding: 15px 0;
}
.how-work-steps-wrapper .step .right p {
  color: #081a39;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.how-work-steps-wrapper .step::before {
  position: absolute;
  content: '';
  height: 2px;
  width: 110px;
  border: 3px dashed rgba(65, 47, 89, 0.44);
}
.how-work-steps-wrapper .step:first-child::before,
.how-work-steps-wrapper .step:nth-child(3)::before {
  right: -125px;
  transform: rotate(20deg);
}
.how-work-steps-wrapper .step:nth-child(2)::before,
.how-work-steps-wrapper .step:nth-child(4)::before {
  left: -145px;
  bottom: -35px;
  transform: rotate(-35deg);
  width: 150px;
}
.how-work-steps-wrapper .step:last-child::before {
  opacity: 0;
}
/* ================= How It Work CSS ==================== */
section.inner-hero-section.four-o-four-error {
  padding: 165px 0;
}
html {
  scroll-behavior: smooth;
}
section.home-hero-section {
  position: relative;
  overflow: hidden;
  padding: 80px 0px 30px;
}
a.see-more.button.fill.more-item-btn {
  color: #fbbc04;
}
.offer-section .container .left .sub-headline {
  color: #fbbc04;
}
section.category-outer-2-hero-section {
  padding: 2em 0;
}
.category-outer-2-hero-section h1.headline {
  font-size: 90px;
  line-height: 77.5%;
}
.easy-to-order-section .head .sub-headline {
  color: #081a39;
  max-width: 700px;
}
.author-name {
  position: relative;
  padding-right: 10px;
}
.author-name::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 14px;
  background: #00a393;
  right: -2px;
  top: -3px;
  bottom: 0px;
  margin: auto;
}
.page-container .one-column-layout-content ul li::before {
  display: none;
}
.page-container .one-column-layout-content ul {
  list-style: disc;
  padding-left: 20px;
}
.page-container .one-column-layout-content ul li {
  padding-left: 0px;
}
.product-popup-video-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    padding: 20px;
    overflow: auto;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.product-popup-video-wrapper .inner {
    width: 100%;
    max-width: 900px;
    margin: auto;
    box-shadow: 0px 10px 25px rgba(0,0,0,0.5);
    overflow: hidden;
    border-radius: 20px;
	z-index: 99;
}
.product-popup-video-wrapper .video-wrap {
    display: flex;
    position: relative;
}
.product-popup-video-wrapper .video-wrap video {
    width: 100%;
}
.product-popup-video-wrapper::-webkit-scrollbar {
    display: none;
}
.product-popup-video-trigger-play-btn {
    width: 144px;
    height: auto;
    display: flex;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product-popup-video-trigger-play-btn svg {
    position: relative !important;!i;!;
}
.product-popup-video-wrapper.active {
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}
.product-popup-video-wrapper .product-popup-video-close-icon {
    position: absolute;
    width: 50px;
    height: auto;
    right: 20px;
    top: 32px;
    cursor: pointer;
}
.product-popup-video-wrapper .product-popup-video-close-icon path {
    stroke: white;
}
.product-popup-video-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
	left: 0;
    top: 0;
}
.product-popup-video-wrapper .video-frame-wrap {
    width: 100%;
    padding-bottom: 56.66%;
}
.product-popup-video-wrapper .videoURLYoutubeVimeo {
    position: absolute;
}
.product-popup-video-close.behid-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}
.intro_video_badge_text {
    position: absolute;
    top: 45px;
    right: 55%;
    display: flex;
    align-items: center;
	z-index:99;
    gap: 10px;
    background-color: #00C1B2;
    box-shadow: -2px 2px 15px 0px #16161626;
    border-radius: 100px;
    min-height: 40px;
    padding: 5px 20px 5px 7px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.intro_video_badge_text svg {
    height: 100%;
    width: auto;
}
body.product-popup-video-active {
    overflow: hidden;
}
@media only screen and (max-width: 1024px) {
	.intro_video_badge_text {
		right: 10px;
		top: -25px;
		font-size: 12px;
		padding: 3px 14px 3px 4px;
		gap: 5px;
		min-height: auto;
		height: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.product-popup-video-wrapper .product-popup-video-close-icon {
		width: 30px;
		right: 10px;
		top: 20px;
	}
	.product-popup-video-trigger-play-btn {
		width: 65px;
	}
	.intro_video_badge_text {
		top: -38px;
	}
}
/* =========================================
    Responsive Style
========================================= */

@media only screen and (min-width: 1025px) and (max-width: 1370px) {
  section.home-hero-section .images-wrapper .image-item:first-child {
    width: 12em;
    left: 55px !important;
    top: 10vw !important;
  }
  section.home-hero-section
    .testimonials-home-wrapper
    .testimonials-item:first-child,
  section.home-hero-section
    .testimonials-home-wrapper
    .testimonials-item:nth-child(2) {
    top: 30px;
  }
  section.home-hero-section .images-wrapper .image-item:nth-child(2) {
    width: 250px;
    right: 5vw;
    top: 10vw;
  }
  section.home-hero-section .images-wrapper .image-item:nth-child(3) {
    width: 240px;
    left: 60px;
  }
  section.home-hero-section .images-wrapper .image-item:nth-child(4) {
    width: 200px;
    right: 25px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1299px) {
  /* ==================== Easy To Order start ==================== */
  .easy-order-step-wrapper .step::after {
    right: -8vw;
  }
  .easy-to-order-section .easy-order-step-wrapper .step::after {
    right: -6vw;
  }
  /* ==================== Easy To Order end ==================== */
}
@media only screen and (min-width: 1200px) {
  /* ==================== Reverse Category outer start ==================== */
  .category-outer-section.reverse-category-outer .container .right {
    padding-left: 60px;
  }
  /* ==================== Reverse Category outer end ==================== */

  /* ================= Offer Section CSS start ==================== */
  .offer-section .container .right img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: calc(100% + 58px + 25px);
    width: auto;
  }
  /* ================= Offer Section CSS end ==================== */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  section.product-hero-section .product-slide {
    max-width: 80%;
    margin: auto;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  /* ================= Offer Section CSS start ==================== */
  .offer-section .container .right {
    margin-right: -25px;
  }
  .offer-section .container .right img {
    position: absolute;
    bottom: 0px;
    width: 75%;
    right: 0px;
  }
  /* ================= Offer Section CSS end ==================== */
}
@media only screen and (min-width: 1025px) {
  body {
    zoom: 90%;
  }

  /* ================= Category Outer Section start ==================== */
  .category-outer-section .container .right {
    margin-bottom: -5vw;
  }
  /* ================= Category Outer Section start ==================== */

  /* ================= Header CSS ==================== */
  .mobile-menu-dropdown-area {
    display: none !important;
  }
  header.site-header .main-header .menu-trigger {
    display: none;
  }
  /* ================= Header CSS ==================== */

  /* ==================== Reverse Category outer start ==================== */
  .category-outer-section.reverse-category-outer .container {
    flex-direction: row-reverse;
  }
  /* ==================== Reverse Category outer end ==================== */

  /* ==================== Products Group Section start ==================== */
  .products-lists-wrapper {
    column-gap: 30px;
  }
  .products-lists-wrapper .product-item {
    width: calc(33.33% - 20px);
  }
  /* ==================== Products Group Section end ==================== */
}
@media only screen and (max-width: 1680px) {
  /* ==================== School Sleeves Hero Section start ==================== */
  .school-sleeves-hero-section .container-full .contents-wrap .headline {
    font-size: 100px;
  }
  /* ==================== School Sleeves Hero Section end ==================== */
}
@media only screen and (max-width: 1480px) {
  /* ==================== School Sleeves Hero Section start ==================== */
  .school-sleeves-hero-section .container-full .contents-wrap .headline {
    font-size: 80px;
  }
  .school-sleeves-hero-section
    .testimonials-home-wrapper
    .testimonials-item:first-child {
    top: 0%;
    left: 0px;
  }
  .school-sleeves-hero-section
    .testimonials-home-wrapper
    .testimonials-item:last-child {
    top: 9vw;
  }
  /* ==================== School Sleeves Hero Section end ==================== */
  /* ================= About Us Hero Section CSS ==================== */
  section.about-hero-section .contents-wrap .headline {
    font-size: 100px;
  }
  section.about-hero-section .contents-wrap {
    padding: 135px 0;
  }
  /* ================= About Us Hero Section CSS ==================== */

  /* ================= Product Hero Section CSS ==================== */
  section.product-hero-section .contents-wrap .headline {
    font-size: 100px;
  }
  /* ================= Product Hero Section CSS ==================== */
  /* ================= Category 2 Hero Section CSS ==================== */
  section.category-outer-2-hero-section .contents-wrap .headline {
    font-size: 100px;
  }
  /* ================= Category 2 Hero Section CSS ==================== */

  /* =================Left Image Right Content Section CSS ==================== */
  .left-image-right-content-section .container .right .headline {
    font-size: 75px;
    padding: 15px 20px 2px;
  }
  /* =================Left Image Right Content Section CSS ==================== */

  /* =================  Product Group Category 2 Section CSS ==================== */
  .product-group-category-2-section .container .top-area .left .headline {
    font-size: 75px;
  }
  /* =================  Product Group Category 2 Section CSS ==================== */
  /* ================= Category 1 Hero Section CSS ==================== */
  section.category-outer-1-hero-section .contents-wrap .headline {
    font-size: 100px;
  }
  /* ================= Category 1 Hero Section CSS ==================== */
  /* ================= Two Column Section CSS ==================== */
  section.two-column-contents-section .headline {
    font-size: 55px;
  }
  /*   section.two-column-contents-section .headline span {
    padding: 10px 20px 3px;
  } */
  /* ================= Two Column Section CSS ==================== */
}

@media only screen and (max-width: 1365px) {
  /* ================= Offer Section CSS ==================== */
  .offer-section .container .left .headline {
    font-size: 90px;
  }
  /* ================= Offer Section CSS ==================== */
}
@media only screen and (max-width: 1279px) {
  /* ================= Offer Section CSS ==================== */
  .offer-section .container .left .headline {
    font-size: 70px;
    /* font-size: 6.4vw; */
  }
  .offer-section .container .right img {
    margin-bottom: -25px;
  }
  /* ================= Offer Section CSS ==================== */

  /* ================= Category 2 Hero Section CSS ==================== */
  section.category-outer-2-hero-section .contents-wrap .headline {
    font-size: 75px;
  }
  /* ================= Category 2 Hero Section CSS ==================== */
  /* ================= About Us Hero Section CSS ==================== */
  section.about-hero-section .contents-wrap .headline {
    font-size: 85px;
  }
  section.about-hero-section .contents-wrap .about {
    font-size: 50px;
  }
  section.about-hero-section .contents-wrap .sub-headline {
    font-size: 35px;
  }
  section.about-hero-section
    .right
    .testimonials-home-wrapper
    .testimonials-item:nth-child(2) {
    top: 28%;
  }
  /* ================= About Us Hero Section CSS ==================== */
  /* ================= Product Hero Section CSS ==================== */
  section.product-hero-section .contents-wrap .headline {
    font-size: 75px;
  }
  section.product-hero-section .contents-wrap .descriptions h3 {
    font-size: 18px;
  }
  section.product-hero-section .contents-wrap .descriptions ul {
    font-size: 14px;
    line-height: 1.4;
  }
  .page-container ul li::before {
    width: 25px;
    height: 25px;
  }
  /* ================= Product Hero Section CSS ==================== */
  /* =================Left Image Right Content Section CSS ==================== */
  .left-image-right-content-section .container .right .headline {
    font-size: 75px;
    padding: 15px 20px 2px;
  }
  /* =================Left Image Right Content Section CSS ==================== */
}
@media only screen and (max-width: 1199px) {
  .how-work-steps-wrapper .step .icon {
    width: 150px;
  }
  section.home-hero-section
    .testimonials-home-wrapper
    .testimonials-item:nth-child(3) {
    left: 1vw;
    bottom: 0;
  }
  section.home-hero-section
    .testimonials-home-wrapper
    .testimonials-item:nth-child(4) {
    right: 1vw;
    bottom: 0;
  }
  /* ================= Easy To Order start ==================== */
  .easy-to-order-section .easy-order-step-wrapper .step {
    width: calc(33.33% - 40px);
  }
  .easy-to-order-section .easy-order-step-wrapper .step:nth-child(3)::after {
    opacity: 0;
  }
  .easy-order-step-wrapper .step h2 {
    font-size: 30px;
  }
  /* ================= Easy To Order end ==================== */

  /* ================= Header CSS ==================== */
  header.site-header .main-header nav#site-navigation ul.menu {
    column-gap: 50px;
  }
  /* ================= Header CSS ==================== */
  section.info-section .info-wrapper {
    justify-content: center;
  }
  section.info-section .info-wrapper .info {
    flex-basis: calc(33.33% - 7px);
    width: calc(33.33% - 7px);
  }
  /* ================= Footer CSS ==================== */
  footer.site-footer .footer-top-wrap .container .item ul li a {
    font-size: 14px;
  }
  footer.site-footer .footer-top-wrap .container .item h3.title {
    font-size: 18px;
  }
  /* ================= Footer CSS ==================== */
  /* ================= About Us Hero Section CSS ==================== */
  section.about-hero-section .contents-wrap .headline {
    font-size: 75px;
  }
  section.about-hero-section .contents-wrap .about {
    font-size: 40px;
  }
  section.about-hero-section .contents-wrap .sub-headline {
    font-size: 32px;
  }
  section.about-hero-section .contents-wrap {
    padding: 90px 0;
  }
  /* ================= About Us Hero Section CSS ==================== */
  /* ================ School Sleeves Hero Section start ================ */
  .school-sleeves-hero-section .container-full .contents-wrap .headline {
    font-size: 69px;
  }
  .school-sleeves-hero-section
    .testimonials-home-wrapper
    .testimonials-item:first-child {
    top: -8%;
    left: 0;
  }
  .school-sleeves-hero-section
    .testimonials-home-wrapper
    .testimonials-item:last-child {
    top: 8vw;
  }
  /* ================ School Sleeves Hero Section end ================ */

  /* ================ Category outer start ================ */
  .category-outer-section .container .left .thumbnails .thumbnail {
    width: 115px;
    height: 115px;
  }
  .category-outer-section .container .right .headline {
    font-size: 72px;
  }
  /* ================ Category outer end ================ */

  /* ================ Products Customers Logo CSS ================ */
  .product-customers-section
    .container
    .left
    .our-tabs-content
    .our-trainers-content-item
    .icons_with_text {
    grid-template-columns: repeat(auto-fit, minmax(113px, 1fr));
  }
  /* ================ Products Customers Logo CSS ================ */

  /* ================ Customer Teams CSS start ================ */
  .customer-teams-section .container .teams-lists-wrapper {
    gap: 30px 60px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
  /* ================ Customer Teams CSS end ================ */

  /* ================ Testimonials With Image Section ================ */
  .testimonials-with-image-slide .testimonials-item .content-wrapper .content {
    font-size: 22px;
  }
  /* ================ Testimonials With Image Section ================ */
  /* =================Left Image Right Content Section CSS ==================== */
  .left-image-right-content-section .container .right .headline {
    font-size: 50px;
    padding: 10px 20px 2px;
  }
  /* =================Left Image Right Content Section CSS ==================== */
  /* =================  Product Group Category 2 Section CSS ==================== */
  .product-group-category-2-section .container .top-area .left .headline {
    font-size: 60px;
  }
  /* =================  Product Group Category 2 Section CSS ==================== */
  /* ================= Category 1 Hero Section CSS ==================== */
  section.category-outer-1-hero-section .contents-wrap .headline {
    font-size: 85px;
  }
  /* ================= Category 1 Hero Section CSS ==================== */

  /* ================= Two Column Section CSS ==================== */
  section.two-column-contents-section .headline {
    font-size: 45px;
  }
  /*   section.two-column-contents-section .headline span {
    padding: 12px 20px 5px;
  } */
  /* ================= Two Column Section CSS ==================== */
}

@media only screen and (max-width: 1024px) {
  .how-work-steps-wrapper .step {
    padding: 20px 15px;
  }
  .how-work-steps-wrapper .step .icon {
    width: 100px;
  }
  .how-work-steps-wrapper .step .right h2 {
    font-size: 32px;
  }
  .how-work-steps-wrapper .step .right {
    padding-left: 20px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field
    .wpforms-field-description {
    position: initial;
    width: 100% !important;
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
  }
  /* ================= Easy To Order start ==================== */
  .easy-to-order-section .easy-order-step-wrapper .step {
    width: calc(33.33% - 20px);
  }
  /* ================= Easy To Order end ==================== */

  /* ================= Header CSS ==================== */
  header.site-header .top-header {
    padding: 10px 24px;
  }
  header.site-header .top-header .phone a {
    font-size: 14px;
  }
  header.site-header .top-header .phone a svg {
    width: 18px;
  }
  header.site-header .top-header .offer span {
    font-size: 14px;
  }
  header.site-header .main-header {
    padding: 15px 24px;
  }
  header.site-header .main-header nav#site-navigation {
    display: none;
  }
  header.site-header .main-header .request-btn {
    display: none;
  }
  header.site-header .main-header .site-branding img.custom-logo {
    max-width: 160px;
  }
  div#page {
    padding-top: 124px;
  }
  .logged-in div#page {
    padding-top: 112px;
  }
  /* header.site-header.fixed {
    transform: translateY(-44px);
  } */
  header.site-header.fixed .main-header {
    padding: 10px 24px;
  }
  .mobile-menu-dropdown-area {
    position: fixed;
    width: 100%;
    height: calc(100vh - 110px);
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #fff;
    top: 110px;
  }
  .logged-in .mobile-menu-dropdown-area {
    top: 140px;
  }
  .mobile-menu-dropdown-area .request-btn {
    text-align: center;
    padding: 0 24px;
  }
  .mobile-menu-dropdown-area .mobile-menu-wrap {
    height: calc(100% - 115px);
    overflow: auto;
    padding: 30px 24px;
  }
  .mobile-menu-dropdown-area .mobile-menu-wrap::-webkit-scrollbar {
    display: none;
  }
  .mobile-menu-dropdown-area .mobile-menu-wrap li.menu-item-has-children {
    position: relative;
  }
  .mobile-menu-dropdown-area .mobile-menu-wrap li.menu-item-has-children a {
    font-size: 16px;
    color: #412f59;
    font-weight: 600;
    display: block;
    padding: 5px 0;
    position: relative;
  }
  .mobile-menu-dropdown-area
    .mobile-menu-wrap
    li.menu-item-has-children
    ul.sub-menu {
    margin-left: 10px;
    display: none;
  }
  .mobile-menu-dropdown-area
    .mobile-menu-wrap
    li.menu-item-has-children
    > a::before {
    position: absolute;
    content: '';
    height: 15px;
    width: 14px;
    right: 0;
    top: 50%;
    background-image: url(/wp-content/uploads/2024/01/arrow-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  /* body.header-fixed .mobile-menu-dropdown-area {
    height: calc(100vh - 70px);
    top: 70px;
  } */
  /* ================= Header CSS ==================== */
  section.info-section .info-wrapper .info {
    text-align: center;
  }
  /* ================= Home Hero Section CSS ==================== */
  .testimonials-home-wrapper {
    display: none;
  }
  section.home-hero-section .images-wrapper .image-item:first-child {
    width: 23vw;
    left: 2vw;
  }
  section.home-hero-section .images-wrapper .image-item:nth-child(2) {
    width: 25vw;
    right: 2vw;
  }
  section.home-hero-section .images-wrapper .image-item:nth-child(3) {
    width: 22vw;
    left: 1vw;
    bottom: 0;
  }
  section.home-hero-section .images-wrapper .image-item:nth-child(4) {
    width: 18vw;
    right: 0vw;
    bottom: 0;
  }
  /* ================= Home Hero Section CSS ==================== */

  /* ================= Footer CSS ==================== */
  footer.site-footer .footer-top-wrap .container .item:first-child {
    width: 100%;
    margin-bottom: 30px;
  }
  footer.site-footer .footer-top-wrap .container .item {
    width: 25%;
    padding: 0;
  }
  footer.site-footer .back-to-top {
    width: 45px;
    height: 45px;
    top: 20px;
    left: 25px;
  }
  footer.site-footer .back-to-top svg {
    width: 18px;
    height: auto;
  }
  footer.site-footer .footer-top-wrap .container .item .footer-logo img {
    max-width: 250px;
  }
  footer.site-footer .footer-top-wrap {
    padding-top: 100px;
    padding-bottom: 70px;
    border-radius: 0px 100px 0px 0px;
  }
  footer.site-footer .footer-bottom {
    padding: 20px 0;
  }
  /* ================= Footer CSS ==================== */

  /* ==================== Product Hero Section start ==================== */
  section.product-hero-section .product-slide {
    margin-top: 0px;
  }
  section.product-hero-section .product-slide .product-gallery-preview {
    margin-left: 0px;
  }
  section.product-hero-section .product-slide .product-gallery-thumbnail {
    position: relative;
    margin-top: 30px;
    width: 100%;
  }
  section.product-hero-section
    .product-slide
    .product-gallery-thumbnail
    .showcase {
    margin: auto;
    width: 85px !important;
    height: 85px;
  }
  section.product-hero-section
    .product-slide
    .product-gallery-thumbnail
    .slick-slide
    > div {
    text-align: center;
  }
  section.product-hero-section .product-slide .product-gallery-preview button,
  section.product-hero-section
    .product-slide
    .product-gallery-thumbnail
    button {
    width: 30px;
  }
  section.product-hero-section
    .product-slide
    .product-gallery-thumbnail
    button.slick-prev.pull-up {
    top: 50%;
    transform: translateY(-50%);
    left: -37px;
  }
  section.product-hero-section
    .product-slide
    .product-gallery-thumbnail
    button.slick-prev.pull-up
    svg {
    transform: rotate(-90deg);
  }
  section.product-hero-section
    .product-slide
    .product-gallery-thumbnail
    button.slick-next.pull-down {
    left: auto;
    right: -37px;
    bottom: 50%;
    transform: translateY(50%);
  }
  section.product-hero-section
    .product-slide
    .product-gallery-thumbnail
    button.slick-next.pull-down
    svg {
    transform: rotate(-90deg);
  }
  section.product-hero-section .product-slide {
    padding: 0px 20px;
  }
  /* ==================== Product Hero Section end ==================== */

  /* ================= About Us Hero Section CSS ==================== */
  section.about-hero-section .contents-wrap {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  section.about-hero-section .contents-wrap .headline {
    font-size: 60px;
  }
  section.about-hero-section .contents-wrap .headline span {
    padding: 12px 20px 2px;
  }
  section.about-hero-section .contents-wrap .about {
    font-size: 32px;
  }
  section.about-hero-section .contents-wrap .sub-headline {
    font-size: 28px;
  }
  section.about-hero-section .contents-wrap .descriptions {
    font-size: 16px;
  }
  section.about-hero-section .right {
    width: 100%;
  }
  section.about-hero-section .right .testimonials-home-wrapper {
    display: block;
  }
  /* ================= About Us Hero Section CSS ==================== */

  /* ==================== Home Here Section start ==================== */
  h1.headline {
    font-size: 56px;
  }
  /*   .highlight span {
    padding: 10px 20px 0px;
  } */
  /* ==================== Home Here Section end ==================== */

  /* ==================== Category outer start ==================== */
  .category-outer-section {
    padding: 70px 0px 180px;
    text-align: center;
  }
  .category-outer-section .off-tricker {
    right: 0px;
    width: max-content;
    margin: auto;
  }
  .category-outer-section .container {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .category-outer-section .container .left {
    flex-basis: 100%;
    width: 100%;
  }
  .category-outer-section .container .right {
    flex-basis: 100%;
    width: 100%;
  }
  .category-outer-section .container .right .headline {
    font-size: 56px;
  }
  .category-outer-section .container .right .descriptions {
    margin-left: auto;
    margin-right: auto;
  }
  .category-outer-section .container .right .buttons .button {
    margin-right: 0px;
  }
  /* ==================== Category outer end ==================== */

  /* ==================== Offer Section start ==================== */
  .offer-section {
    padding-top: 70px;
  }
  .offer-section .container {
    flex-wrap: wrap;
  }
  .offer-section .container .left {
    width: 100%;
    text-align: center;
    padding: 0px;
    padding-right: 25px;
  }
  .offer-section .container .left .headline {
    font-size: 56px;
  }
  .offer-section .container .left .sub-headline {
    font-size: 40px;
  }
  .offer-section .container .left .descriptions {
    margin-left: auto;
    margin-right: auto;
  }
  .offer-section .container .left .descriptions ul {
    gap: 20px 30px;
    justify-content: center;
  }
  .offer-section .container .left .buttons .button {
    margin-right: 0px;
  }
  .offer-section .container .right {
    position: relative;
    width: 100%;
    margin-top: 50px;
  }
  .offer-section .container .right img {
    margin-top: 0px;
    margin-bottom: -35px;
  }
  /* ==================== Offer Section end ==================== */

  /* ==================== Easy To Order start ==================== */
  .easy-to-order-section {
    padding: 70px 0px;
  }
  .easy-to-order-section .easy-order-step-wrapper {
    gap: 30px;
  }
  /*   .easy-to-order-section .easy-order-step-wrapper .step {
    flex-basis: calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  } */
  .easy-to-order-section .easy-order-step-wrapper .step::after {
    right: -6.5vw;
  }
  /* ==================== Easy To Order end ==================== */

  /* ==================== Why we are experts in custom cases start ==================== */
  .why-were-experts-section {
    padding-top: 70px;
    text-align: center;
  }
  .why-were-experts-section .container .left {
    flex-basis: 100%;
    width: 100%;
    padding: 0;
  }
  .why-were-experts-section .container .left .sub-headline {
    font-size: 56px;
  }
  .why-were-experts-section .container .left .sub-headline,
  .why-were-experts-section .container .left .contents p {
    margin-left: auto;
    margin-right: auto;
  }
  .why-were-experts-section .container .left .contents ul {
    justify-content: center;
  }
  .why-were-experts-section .container .right {
    flex-basis: 100%;
    width: 100%;
    justify-content: center;
  }
  .why-were-experts-section .container .right img {
    width: 100%;
    max-width: 500px;
  }
  /* ==================== Why we are experts in custom cases end ==================== */

  /* ==================== Blog Page start ==================== */
  .blog-filters-section .works-filter #works-form .all-buttons-wrap {
    gap: 20px 30px;
  }
  .blog-filters-section #works-wrapper {
    padding: 40px 25px 40px;
  }
  .blog-filters-section #works-wrapper .works-content {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  /* ==================== Blog Page end ==================== */

  /* ==================== Blog Single start ==================== */
  .single-blog-hero {
    padding: 70px 0px 70px;
  }
  .single-blog-hero .container {
    justify-content: center;
  }
  .single-blog-hero .container .left {
    width: 100%;
    text-align: center;
  }
  .single-blog-hero .container .left .sub-headline {
    font-size: 30px;
  }
  .single-blog-hero .container .left h1.headline {
    font-size: 56px;
  }
  .single-blog-hero .container .left .meta-details {
    justify-content: center;
  }
  .post-contents-wrap {
    padding: 70px 0px;
  }
  .single-blog-wrapper .related-posts .container .related-posts-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  /* ==================== Blog Single end ==================== */

  /* ==================== Request Pricing start ==================== */
  .pricing-form-section {
    padding: 70px 0px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container {
    gap: 40px 30px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-name,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-phone,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-email,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .your-company {
    width: calc(50% - 15px);
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-number {
    width: calc(25% - 15px);
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-date-time {
    width: calc(25% - 15px);
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .delivery-location {
    width: calc(50% - 30px);
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-textarea {
    width: calc(60% - 15px);
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-file-upload {
    width: calc(40% - 15px);
  }
  /* ==================== Request Pricing end ==================== */

  /* ==================== Products Group Section start ==================== */
  section.products-group-section {
    padding: 70px 0px;
  }
  section.products-group-section .top-details {
    flex-direction: column-reverse;
  }
  section.products-group-section .top-details .thumbnail {
    width: 100%;
  }
  section.products-group-section .top-details .contents-wrap {
    width: 100%;
    text-align: center;
  }
  section.products-group-section .top-details .contents-wrap .headline {
    font-size: 56px;
  }
  section.products-group-section .top-details .contents-wrap .descriptions {
    padding-left: 0px;
  }
  section.products-group-section .top-details .contents-wrap .descriptions ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px 50px;
    padding-left: 0px;
  }
  section.products-group-section .top-details .contents-wrap .descriptions li {
    display: inline-flex;
  }
  section.products-group-section .top-details .contents-wrap .descriptions li {
    margin-bottom: 10px;
  }
  .products-group-section .products-lists-wrapper {
    gap: 50px 30px;
  }
  .products-group-section .products-lists-wrapper .product-item {
    width: calc(50% - 20px);
  }
  section.products-group-section.reverse-products-group .top-details {
    flex-wrap: wrap-reverse;
    gap: 50px;
  }
  section.products-group-section.reverse-products-group
    .top-details
    .contents-wrap {
    padding-left: 0px;
  }
  .products-lists-wrapper .product-item .headline a {
    font-size: 30px;
  }
  /* ==================== Products Group Section end ==================== */

  /* ==================== Two Column Contents Section start ==================== */
  section.two-column-contents-section {
    padding: 70px 0px;
  }
  section.two-column-contents-section .container {
    text-align: center;
    gap: 50px;
  }
  section.two-column-contents-section .left {
    width: 100%;
  }
  section.two-column-contents-section .headline {
    font-size: 56px;
  }
  section.two-column-contents-section .right {
    width: 100%;
    padding-left: 0px;
  }
  /* ==================== Two Column Contents Section end ==================== */

  /* ==================== Left Image Right Content Section start ==================== */
  .left-image-right-content-section {
    padding: 70px 0px;
  }
  .left-image-right-content-section .container {
    flex-direction: column-reverse;
    gap: 50px;
  }
  .left-image-right-content-section .container .left {
    flex-basis: 100%;
    width: 100%;
  }
  .left-image-right-content-section .container .right {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
  }
  .left-image-right-content-section .container .right .headline {
    font-size: 56px;
    padding: 15px 20px 5px;
  }
  /* ==================== Left Image Right Content Section end ==================== */

  /* ==================== Customer Teams CSS start ==================== */
  .customer-teams-section {
    padding: 70px 0px 70px;
  }
  .customer-teams-section .container .head .headline {
    font-size: 56px;
  }
  /* ==================== Customer Teams CSS end ==================== */

  /* ==================== Testimonials Slide Section start ==================== */
  section.testimonials-slide-section {
    padding: 70px 0 40px;
  }
  /* ==================== Testimonials Slide Section end ==================== */

  /* ==================== Category Outer 1 Hero Section start ==================== */
  section.category-outer-1-hero-section {
    padding-top: 50px;
  }
  section.category-outer-1-hero-section .contents-wrap {
    width: 100%;
    text-align: center;
  }
  section.category-outer-1-hero-section .contents-wrap .headline {
    font-size: 60px;
  }
  section.category-outer-1-hero-section .contents-wrap .headline span {
    padding: 10px 20px 0px;
  }
  section.category-outer-1-hero-section .contents-wrap .descriptions {
    text-align: center;
  }
  section.category-outer-1-hero-section .contents-wrap .descriptions h3 {
    margin: auto;
  }
  section.category-outer-1-hero-section
    .contents-wrap
    .buttons
    .button:first-child {
    margin-right: 0px;
  }
  section.category-outer-1-hero-section .right {
    width: 100%;
    margin-top: 50px;
    text-align: center;
  }
  section.category-outer-1-hero-section .right img {
    width: 100%;
    max-width: 530px;
    margin: auto;
    text-align: center;
  }
  /* ==================== Category Outer 1 Hero Section end ==================== */

  /* ==================== FAQs Section start ==================== */
  section.faqs-section {
    padding: 70px 0px;
  }
  section.faqs-section .head .headline {
    font-size: 56px;
  }
  section.faqs-section .head .descriptions {
    font-size: 20px;
  }
  /* ==================== FAQs Section end ==================== */

  /* ==================== Our Blog Section start ==================== */
  section.our-blog-section {
    padding: 70px 0px;
  }
  section.our-blog-section .headline {
    font-size: 56px;
  }
  section.our-blog-section .our-blog-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
  }
  /* ==================== Our Blog Section end ==================== */

  /* ==================== Category Outer 2 Hero Section start ==================== */
  section.category-outer-2-hero-section {
    padding: 50px 0px 0px;
  }
  section.category-outer-2-hero-section .container {
    gap: 50px;
    text-align: center;
  }
  section.category-outer-2-hero-section .contents-wrap {
    width: 100%;
    padding: 0px;
  }
  section.category-outer-2-hero-section .contents-wrap .headline {
    font-size: 60px;
  }
  /*   section.category-outer-2-hero-section .contents-wrap .headline span {
    padding: 12px 20px 2px;
  } */
  section.category-outer-2-hero-section .right {
    width: 100%;
  }
  section.category-outer-2-hero-section .right img {
    width: 100%;
    max-width: 530px;
  }
  /* ==================== Category Outer 2 Hero Section end ==================== */

  /* ==================== Product Group Category 2 Section start ==================== */
  .product-group-category-2-section {
    padding: 70px 0px 170px;
  }
  .product-group-category-2-section .container .top-area {
    gap: 50px;
    text-align: center;
  }
  .product-group-category-2-section .container .top-area .left {
    flex-basis: 100%;
    width: 100%;
  }
  .product-group-category-2-section .container .top-area .left .headline {
    font-size: 56px;
  }
  /*   .product-group-category-2-section .container .top-area .left .headline span {
    padding: 10px 20px 0px;
  } */
  .product-group-category-2-section .container .top-area .right {
    flex-basis: 100%;
    width: 100%;
  }
  .product-group-category-2-section .container .top-area .right img {
    width: 100%;
    max-width: 390px;
  }
  .product-group-category-2-section .products-lists-wrapper {
    gap: 50px 30px;
  }
  .product-group-category-2-section .products-lists-wrapper .product-item {
    width: calc(50% - 20px);
  }
  /* ==================== Product Group Category 2 Section end ==================== */

  /* ==================== Product Hero Section start ==================== */
  section.product-hero-section {
    padding: 50px 0px;
  }
  section.product-hero-section .product-slide {
    width: 100%;
    padding: 0px 37px;
  }
  section.product-hero-section .container {
    flex-flow: column-reverse;
  }
  section.product-hero-section .contents-wrap {
    width: 100%;
    padding-left: 0px;
    text-align: center;
    margin-bottom: 40px;
  }
  section.product-hero-section .contents-wrap .headline {
    font-size: 70px;
  }
  /* section.product-hero-section .contents-wrap .headline span {
    padding: 12px 20px 2px;
  } */
  section.product-hero-section .contents-wrap .descriptions ul {
    text-align: left;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 15px;
  }
  /* ==================== Product Hero Section end ==================== */

  /* ==================== Product Customers Section start ==================== */
  .product-customers-section .container .left {
    width: 100%;
  }
  .product-customers-section .container .left .our-tabs-tab {
    justify-content: center;
  }
  .product-customers-section .container .left .our-tabs-tab .trainers-tab-item {
    font-size: 30px;
    padding: 10px 20px;
  }
  .product-customers-section .container .left .our-tabs-content {
    text-align: center;
    font-size: 14px;
  }
  .product-customers-section .container > .right {
    width: 100%;
  }
  .product-customers-section
    .container
    .left
    .our-tabs-content
    .our-trainers-content-item
    .icons_with_text {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 30px;
  }
  .product-customers-section
    .container
    .left
    .our-tabs-content
    .our-trainers-content-item
    .icons_with_text
    .item
    h3.title {
    font-size: 24px;
  }
  .product-customers-section
    .container
    .left
    .our-tabs-content
    .our-trainers-content-item
    .icons_with_text
    .item
    p.contents {
    font-size: 14px;
  }
  .product-customers-section .container > .right svg {
    max-width: 700px;
    margin: auto;
    right: 0px;
    bottom: 0px;
  }
  .product-customers-section .container > .right .featured-img img {
    width: 100%;
    max-width: 615px;
  }
  /* ==================== Product Customers Section end ==================== */

  /* ==================== How It Works Section start ==================== */
  .how-it-works-section {
    padding: 70px 0px;
  }
  .easy-order-step-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 30px;
  }
  .easy-order-step-wrapper .step h2 {
    font-size: 30px;
    margin-top: 5px;
  }
  .easy-order-step-wrapper .step::after {
    width: 8vw;
    right: -5.5vw;
  }
  /* ==================== How It Works Section end ==================== */

  /* ==================== School Sleeves Hero Section start ==================== */
  .school-sleeves-hero-section .container-full {
    margin-top: 0px;
    flex-wrap: wrap;
    gap: 30px;
    text-align: center;
    padding-right: 25px;
  }
  .school-sleeves-hero-section .container-full .contents-wrap {
    width: 100%;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .headline {
    font-size: 56px;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .sub-headline {
    font-size: 34px;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .descriptions {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .buttons {
    justify-content: center;
    margin-top: 50px;
  }
  .school-sleeves-hero-section .container-full .right {
    width: 100%;
  }
  .school-sleeves-hero-section .container-full .right img {
    width: 100%;
    max-width: 610px;
  }
  /* ==================== School Sleeves Hero Section end ==================== */

  /* ==================== Products Gallery ==================== */
  section.product-showcase-section .product-showcase-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  /* ==================== Products Gallery ==================== */
}

@media only screen and (max-width: 767px) {
  .how-work-steps-wrapper .step::before {
    opacity: 0;
  }
  .how-work-steps-wrapper {
    column-gap: 0;
    margin-top: 35px;
    row-gap: 40px;
  }
  .how-work-steps-wrapper .step {
    width: 100%;
  }
  .how-work-steps-wrapper .step .right {
    padding-left: 15px;
  }
  .how-work-steps-wrapper .step .icon {
    width: 80px;
  }
  .how-work-steps-wrapper .step .right h2 {
    font-size: 28px;
  }
  .how-work-steps-wrapper .step .right .count {
    font-size: 20px;
    width: 40px;
    height: 39px;
  }
  a.button {
    padding: 13px 32px;
  }
  h1.headline {
    font-size: 50px;
  }
  /*   .highlight span {
    padding: 10px 20px 5px;
  } */
  /* ================= Header CSS ==================== */
  header.site-header .top-header .item {
    width: 50%;
  }
  header.site-header .top-header .item:first-child {
    display: none;
  }
  header.site-header .top-header .offer {
    text-align: left;
  }
  /* ================= Header CSS ==================== */
  section.info-section {
    padding: 30px 0px;
  }
  section.info-section .info-wrapper .info {
    padding: 20px;
    flex-basis: calc(50% - 5px);
    width: calc(50% - 5px);
  }
  /* ==================== School Sleeves Hero Section start ==================== */
  .school-sleeves-hero-section .container-full .contents-wrap {
    padding: 50px 0px;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .headline {
    font-size: 40px;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .headline span {
    padding: 15px 20px 10px;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .sub-headline {
    font-size: 26px;
  }
  .school-sleeves-hero-section .container-full .contents-wrap .buttons {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 0px 20px;
  }
  /* ==================== School Sleeves Hero Section end ==================== */

  /* ==================== How It Works Section start ==================== */
  .how-it-works-section {
    padding: 50px 0px;
  }
  .how-it-works-section .container .head .headline {
    font-size: 30px;
  }
  .easy-order-step-wrapper {
    margin-top: 30px;
    grid-template-columns: repeat(auto-fit, minmax(269px, 1fr));
  }
  .easy-order-step-wrapper .step::after {
    display: none;
  }
  .easy-order-step-wrapper .step h2 {
    font-size: 26px;
  }
  .easy-order-step-wrapper .step p {
    font-size: 14px;
  }
  /* ==================== How It Works Section end ==================== */

  /* ==================== Product Showcase Section start ==================== */
  section.product-showcase-section .product-showcase-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* ==================== Product Showcase Section end ==================== */

  /* ==================== Product Customers Section start ==================== */
  .product-customers-section {
    padding: 50px 0px;
  }
  .product-customers-section .container .left .our-tabs-tab {
    gap: 10px;
  }
  .product-customers-section .container .left .our-tabs-tab .trainers-tab-item {
    font-size: 20px;
    padding: 10px 15px;
  }
  .product-customers-section .wrapper .headline {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }
  .product-customers-section .wrapper .customers-logo-wrap {
    width: 100%;
  }
  /* ==================== Product Customers Section end ==================== */

  /* ==================== Product Hero Section start ==================== */
  section.product-hero-section {
    padding: 50px 0px;
  }
  section.product-hero-section .contents-wrap .headline {
    font-size: 45px;
  }
  /* section.product-hero-section .contents-wrap .headline span {
    padding: 10px 20px 5px;
  } */
  /* ==================== Product Hero Section end ==================== */

  /* ==================== Product Group Category 2 Section start ==================== */
  .product-group-category-2-section {
    padding: 50px 0px 160px;
  }
  .product-group-category-2-section .products-lists-wrapper {
    justify-content: center;
    row-gap: 50px;
  }
  .product-group-category-2-section .container .top-area .left .headline {
    font-size: 30px;
  }
  /*   .product-group-category-2-section .container .top-area .left .headline span {
    padding: 12px 20px 5px;
  } */
  .product-group-category-2-section .container .top-area .left .contents {
    font-size: 14px;
  }
  .product-group-category-2-section .products-lists-wrapper .product-item {
    width: 100%;
    max-width: 400px;
  }
  /* ==================== Product Group Category 2 Section end ==================== */

  /* ==================== Category Outer 2 Hero Section start ==================== */
  section.category-outer-2-hero-section {
    padding: 50px 0px 0px;
  }
  section.category-outer-2-hero-section .contents-wrap .headline {
    font-size: 40px;
  }
  /*   section.category-outer-2-hero-section .contents-wrap .headline span {
    padding: 10px 20px 5px;
  } */
  section.category-outer-2-hero-section .contents-wrap .descriptions h3,
  section.category-outer-2-hero-section .contents-wrap .descriptions {
    font-size: 14px;
  }
  /* ==================== Category Outer 2 Hero Section end ==================== */

  /* ==================== Our Blog Section start ==================== */
  section.our-blog-section {
    padding: 50px 0px;
  }
  section.our-blog-section .headline {
    font-size: 30px;
    margin-bottom: 20px;
  }
  section.our-blog-section .headline span {
    padding: 10px 20px 5px;
  }
  section.our-blog-section .our-blog-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }
  /* ==================== Our Blog Section end ==================== */

  /* ==================== Two Column Contents Section start ==================== */
  section.two-column-contents-section {
    padding: 50px 0px;
  }
  section.two-column-contents-section .headline {
    font-size: 30px;
  }
  /*   section.two-column-contents-section .headline span {
    padding: 10px 20px 5px;
  } */
  section.two-column-contents-section .contents {
    font-size: 14px;
  }
  /* ==================== Two Column Contents Section end ==================== */

  /* ==================== FAQs Section start ==================== */
  section.faqs-section {
    padding: 50px 0px;
  }
  section.faqs-section .head {
    padding-bottom: 30px;
  }
  section.faqs-section .head .headline {
    font-size: 30px;
  }
  section.faqs-section .head .descriptions {
    font-size: 16px;
  }
  /* ==================== FAQs Section end ==================== */

  /* ==================== Category Outer 1 Hero Section start ==================== */
  section.category-outer-1-hero-section {
    padding-top: 50px;
  }
  section.category-outer-1-hero-section .contents-wrap .headline {
    font-size: 40px;
  }
  section.category-outer-1-hero-section .contents-wrap .headline span {
    padding: 10px 20px 5px;
  }
  section.category-outer-1-hero-section .contents-wrap .descriptions h3 {
    font-size: 16px;
  }
  /* ==================== Category Outer 1 Hero Section end ==================== */

  /* ==================== Category outer start ==================== */
  .category-outer-section {
    padding: 50px 0px 140px;
  }
  .category-outer-section .container {
    gap: 30px;
  }
  .category-outer-section .container .left .thumbnails .thumbnail {
    width: 100px;
    height: 100px;
  }
  .category-outer-section .container .right .headline {
    font-size: 30px;
  }
  /*   .category-outer-section .container .right .headline span {
    padding: 6px 20px 0px;
    margin-bottom: 5px;
  } */
  .category-outer-section .container .right .buttons .button {
    margin-right: 0px !important;
  }
  /* ==================== Category outer end ==================== */

  /* ==================== Offer Section start ==================== */
  .offer-section {
    padding-top: 50px;
  }
  .offer-section .container .left .headline {
    font-size: 30px;
  }
  .offer-section .container .left .sub-headline {
    font-size: 26px;
  }
  .offer-section .container .left .descriptions {
    font-size: 14px;
  }
  .offer-section .container .right {
    margin-top: 30px;
  }
  /* ==================== Offer Section end ==================== */

  /* ==================== Easy To Order start ==================== */
  .easy-to-order-section {
    padding: 70px 0px 50px;
  }
  .easy-to-order-section .head .sub-headline {
    font-size: 30px;
  }
  .easy-to-order-section .easy-order-step-wrapper {
    margin-top: 30px;
    row-gap: 50px;
  }
  .easy-to-order-section .easy-order-step-wrapper .step {
    flex-basis: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .easy-to-order-section .easy-order-step-wrapper .step::after {
    width: 70px;
    right: 0px;
    left: 0px;
    bottom: -125px;
    top: inherit;
    margin: auto;
    transform: rotate(90deg);
  }
  .easy-to-order-section .buttons {
    margin-top: 30px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .easy-to-order-section .buttons .button:first-child {
    margin-right: 0px;
  }
  /* ==================== Easy To Order end ==================== */

  /* ==================== Why we are experts in custom cases start ==================== */
  .why-were-experts-section {
    padding-top: 50px;
  }
  .why-were-experts-section .container {
    gap: 30px;
  }
  .why-were-experts-section .container .left .sub-headline {
    font-size: 30px;
  }
  /* ==================== Why we are experts in custom cases end ==================== */

  /* ==================== Blog Page start ==================== */
  .blog-filters-section .works-filter #works-form .all-buttons-wrap {
    gap: 20px 20px;
  }
  .blog-filters-section .works-filter {
    padding: 20px 25px;
  }
  .blog-filters-section #works-wrapper .works-content {
    padding-bottom: 100px;
  }
  .blog-item h3 {
    font-size: 25px;
  }
  .blog-filters-section
    #works-wrapper
    .works-content
    .blog-pagination
    .page-numbers {
    width: 40px;
    height: 40px;
  }
  .blog-item .featured-img {
    height: 250px;
  }
  /* ==================== Blog Page end ==================== */

  /* ==================== Blog Single start ==================== */
  .single-blog-hero {
    padding: 50px 0px 50px;
  }
  .single-blog-hero .container .left .sub-headline {
    font-size: 24px;
  }
  .single-blog-hero .container .left h1.headline {
    font-size: 30px;
  }
  .single-blog-hero .container .right {
    width: 100%;
    max-width: 480px;
  }
  .post-contents-wrap {
    padding: 50px 0px;
  }
  .single-blog-wrapper .related-posts .container .head h3 {
    font-size: 30px;
  }
  .post-contents-wrap .container h2 {
    font-size: 30px;
  }
  .post-contents-wrap .container h3 {
    font-size: 28px;
  }
  .post-contents-wrap .container h4 {
    font-size: 26px;
  }
  .post-contents-wrap .container h5 {
    font-size: 24px;
  }
  .post-contents-wrap .container h6 {
    font-size: 22px;
  }
  .single-blog-wrapper .related-posts {
    padding: 70px 0px 50px;
  }
  /* ==================== Blog Single end ==================== */

  /* ==================== Pricing Form Section start ==================== */
  .pricing-form-section {
    padding: 50px 0px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container {
    gap: 30px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-name,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-phone,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-email,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .your-company,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-number,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-date-time,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .delivery-location,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-textarea,
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-file-upload {
    width: 100%;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field
    input {
    height: 56px;
  }
  /* ==================== Pricing Form Section end ==================== */

  /* ==================== Products Group Section start ==================== */
  section.products-group-section {
    padding: 50px 0px;
  }
  section.products-group-section .top-details .contents-wrap .headline {
    font-size: 30px;
  }
  section.products-group-section .top-details .contents-wrap .headline span {
    padding: 10px 20px 5px;
  }
  .products-group-section .products-lists-wrapper {
    justify-content: center;
    row-gap: 50px;
  }
  .products-group-section .products-lists-wrapper .product-item {
    width: 100%;
    max-width: 400px;
  }
  .products-lists-wrapper .product-item .headline a {
    font-size: 26px;
  }
  /* ==================== Products Group Section end ==================== */

  /* ==================== Left Image Right Content Section start ==================== */
  .left-image-right-content-section {
    padding: 50px 0px;
  }
  .left-image-right-content-section .container .right .headline {
    font-size: 30px;
    padding: 12px 20px 5px;
  }
  .left-image-right-content-section .container .right .contents {
    font-size: 14px;
  }
  /* ==================== Left Image Right Content Section end ==================== */

  /* ==================== Customer Teams CSS start ==================== */
  .customer-teams-section {
    padding: 50px 0px 50px;
  }
  .customer-teams-section .container .teams-lists-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }
  .customer-teams-section .container .head .headline {
    font-size: 30px;
    padding: 10px 20px 5px;
  }
  .customer-teams-section .container .teams-lists-wrapper {
    margin-top: 30px;
  }
  .customer-teams-section .container .teams-lists-wrapper .team-item .name {
    font-size: 26px;
  }
  .customer-teams-section .container .teams-lists-wrapper .team-item .bios {
    margin: 15px 10px 0px;
  }
  /* ==================== Customer Teams CSS end ==================== */

  /* ==================== Testimonials Slide Section start ==================== */
  section.testimonials-slide-section {
    padding: 50px 0 40px;
  }
  section.testimonials-slide-section .head {
    gap: 15px;
    padding-bottom: 30px;
  }
  section.testimonials-slide-section .head .headline {
    font-size: 30px;
  }
  section.testimonials-slide-section .head .testimonial-cus-nav button {
    width: 40px;
    height: 40px;
  }
  /* ==================== Testimonials Slide Section end ==================== */
  /* ==================== Testimonials With Image Section ==================== */
  .testimonials-with-image-section
    .testimonials-with-image-slide
    .owl-nav
    button {
    width: 45px;
    height: 45px;
  }
  .testimonials-with-image-section {
    min-height: 460px;
  }
  .testimonials-with-image-slide .testimonials-item .content-wrapper .content {
    font-size: 16px;
  }
  .testimonials-with-image-slide .testimonials-item .content-wrapper h3 {
    font-size: 14px;
  }
  /* ==================== Testimonials With Image Section ==================== */
  /* ================= Footer CSS ==================== */
  footer.site-footer .footer-top-wrap .container .item {
    width: 50%;
    margin-bottom: 30px;
  }
  footer.site-footer .footer-top-wrap .container .item h3.title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  footer.site-footer .footer-top-wrap .container .item ul li a {
    padding: 5px 0;
  }
  footer.site-footer .footer-top-wrap .container .item .footer-logo img {
    max-width: 200px;
  }
  footer.site-footer .footer-top-wrap {
    border-radius: 0px 50px 0px 0px;
    padding-bottom: 15px;
  }
  footer.site-footer .footer-bottom {
    padding: 15px 0;
  }
  footer.site-footer .footer-bottom,
  footer.site-footer .footer-bottom a {
    font-size: 14px;
  }
  /* ================= Footer CSS ==================== */
  /* ================= Testimonials Inner Section CSS ==================== */
  section.testimonials-slide-section
    .testimonials-slide-wrapper
    .testimonials-item {
    padding: 25px 15px 60px;
  }
  section.testimonials-slide-section
    .testimonials-slide-wrapper
    .testimonials-item
    .star {
    left: 15px;
    bottom: 16px;
  }
  section.testimonials-slide-section
    .testimonials-slide-wrapper
    .testimonials-item
    .star
    svg {
    height: 16px;
  }
  /* ================= Testimonials Inner Section CSS ==================== */
}

@media only screen and (max-width: 579px) {
  ul.lang-switcher-footer a[lang='en-US']::before {
    width: 35px;
  }
  section.info-section .info-wrapper .info {
    flex-basis: 100%;
    width: 100%;
    padding: 20px 0px;
  }
  a.button {
    width: 100%;
    margin-right: 0 !important;
  }
  /* ================= Footer CSS ==================== */
  footer.site-footer .footer-bottom p {
    width: 100%;
    text-align: center;
  }
  footer.site-footer .footer-bottom a {
    width: 100%;
  }
  footer.site-footer .footer-bottom .website-by {
    justify-content: center;
  }
  footer.site-footer .footer-bottom .container {
    row-gap: 10px;
  }
  /* ================= Footer CSS ==================== */
  /* ================= About Us Hero Section CSS ==================== */
  section.about-hero-section .contents-wrap .headline {
    font-size: 40px;
  }
  section.about-hero-section .contents-wrap .headline span {
    padding: 11px 20px 5px;
  }
  section.about-hero-section .contents-wrap .about {
    font-size: 28px !important;
    padding-bottom: 5px;
  }
  section.about-hero-section .contents-wrap .sub-headline {
    font-size: 22px;
  }
  section.about-hero-section .contents-wrap .descriptions {
    font-size: 15px;
  }
  section.about-hero-section
    .right
    .testimonials-home-wrapper
    .testimonials-item:first-child {
    left: 1%;
    top: 20%;
  }
  section.about-hero-section
    .right
    .testimonials-home-wrapper
    .testimonials-item:nth-child(2) {
    bottom: 2%;
    top: auto;
    left: 0;
  }
  /* ================= About Us Hero Section CSS ==================== */
  /* ==================== Pricing Form Section start ==================== */
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container {
    margin: 0px -15px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field-email
    .wpforms-field-description {
    width: calc(100% - 185px);
    left: 170px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field {
    padding: 0px 10px 10px 10px;
  }
  .pricing-form-section
    .wpforms-container
    .wpforms-form
    .wpforms-field-container
    .wpforms-field
    .wpforms-field-label {
    font-size: 12px;
  }
  /* ==================== Pricing Form Section end ==================== */

  /* ==================== FAQs Section start ==================== */
  section.faqs-section .faqs-wrapper .question-item .question-head {
    font-size: 22px;
    padding: 20px 20px;
  }
  section.faqs-section .faqs-wrapper .question-item .question-answer {
    padding: 15px 20px;
    line-height: 135%;
    font-size: 14px;
  }
  /* ==================== FAQs Section end ==================== */

  /* ==================== Category outer start ==================== */
  .category-outer-section .off-tricker {
    font-size: 14px;
  }
  .category-outer-section .container .left .thumbnails .thumbnail {
    width: 60px;
    height: 60px;
  }
  /* ==================== Category outer end ==================== */

  /* ==================== Why we are experts in custom cases start ==================== */
  .why-were-experts-section .container .left .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
  .why-were-experts-section .container .left .buttons .button:first-child {
    margin: 0px;
  }
  /* ==================== Why we are experts in custom cases end ==================== */

  /* ==================== Blog Page start ==================== */
  .blog-filters-section .works-filter #works-form .all-buttons-wrap {
    gap: 15px 15px;
  }
  .blog-filters-section .works-filter #works-form .all-buttons-wrap span {
    font-size: 12px;
    padding: 5px 10px;
  }
  .blog-filters-section #works-wrapper .works-content {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
  }
  /* ==================== Blog Page end ==================== */

  /* ==================== Blog Single start ==================== */
  .single-blog-wrapper .related-posts .container .related-posts-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
  }
  /* ==================== Blog Single end ==================== */

  /* ==================== Products Group Section start ==================== */
  .page-container ul li::before {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .page-container ul li {
    padding-left: 30px;
  }
  /* ==================== Products Group Section end ==================== */
  /* ==================== Category Outer 1 Hero Section start ==================== */
  .review-wrap {
    font-size: 11px;
  }
  /* ==================== Category Outer 1 Hero Section end ==================== */
  /* ==================== Products Gallery ==================== */
  section.product-showcase-section .product-showcase-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  /* ==================== Products Gallery ==================== */
  /* ==================== Products Group Section start ==================== */
  section.products-group-section .top-details .contents-wrap .descriptions {
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
  }
  section.products-group-section .top-details .contents-wrap .descriptions ul {
    justify-content: flex-start;
  }
  /* ==================== Products Group Section start ==================== */
}