/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-theme-child-sgvp-main
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featu#944701-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* .boxOuter img, #sticky-head, #sticky-head img,  .item img {-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;} */

.hidden {
  display: none;
}

.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.ppcp-messages {
  display: none !important;
}

.cartImg img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain;
  max-width: 24px !important;
}


/* Global Elementor Button Hover */
.elementor-button {
  transition: all 0.35s ease;
}

/* Button hover */
.elementor-button:hover {
  transform: translateY(-3px);
}

/* Arrow */
.elementor-button .elementor-button-icon {
  display: inline-flex;
  transition: transform 0.35s ease;
}

/* Arrow movement */
.elementor-button:hover .elementor-button-icon {
  transform: translateX(7px);
}

/* Arrow icon */
.elementor-button .icon-right-arrow {
  transition: transform 0.35s ease;
}


.CTA_btn {
  position: fixed;
  right: -54px;
  top: 300px;
  z-index: 1000;
  background-color: #954900;
  border-radius: 0px 0px 7px 7px;
  padding: 7px 20px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.CTA_btn a {
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.2px;
}

.elementor-counter {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



/* .CTA_btn a { color: #fff  !important; font-size: 18px; font-weight: bold; letter-spacing: 1.2px;} */
.elementor-counter {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}




.body-sticky {
  padding-top: 60px;
}

#cookie-banner {
  position: fixed;
  bottom: 0;
  font-size: 14px !important;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #944701;
  border-top: solid 1px #944701;
  text-align: center;
  z-index: 1020;
  color: #fff !important;
}

button#accept-cookies {
  background-color: #ffeab1 !important;
  color: #000;
  border: none;
  padding: 10px 20px !important;
}

#cookie-banner a {
  color: #fff !important;
  text-decoration: underline;
  font-size: 16px;
}


.themBtn,
a.btn-theme {
  background: #0f3566;
  color: #fff !important;
  cursor: pointer;
  border-radius: 20px;
  padding: 7px 30px;
  text-decoration: none !important;
  display: inline-block;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.blog-info a.btn {
  background: none;
  color: #f25f1a !important;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
}

.blog-info h4 a {
  font-size: 18px;
  color: #111E36;
  text-decoration: none;
}

.blog-date {
  color: #cf2e2e;
  padding-top: 15px;
}


.copyright a {
  color: #fff !important;
  font-weight: normal;
}

.copyright p {
  margin: 0 !important;
  padding: 0 !important;
}

.breadcrumbs {
  display: flex;
  justify-content: center;
}

.breadcrumbs,
.breadcrumbs a {
  color: #fff !important;
}

.breadcrumbs li {
  padding-right: 15px;
}

.breadcrumbs a {
  margin-right: 15px;
  background: url(../hello-elementor-child/assets/images/arrowright.png;) no-repeat right 10px;
  text-decoration: none;
  padding: 0 20px 0 0px;
}

.breadcrumbs a:hover {
  opacity: 0.6;
}

#readmoreContentArea {
  background: #0f3566 url(../hello-elementor-child/assets/images/areabg.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  padding: 80px 0;
}

.b-item {
  position: relative;
}

.hfe-sticky .elementor-element.elementor-element-a0a0019 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu>li>a {
  color: 21282d !important;
}

body {
  overflow-x: hidden !important;

}

body,
html {
  background: #fff8f0 !important;
}

.elementskit-menu-overlay {
  background: none !important;
}

/* BLog css  */

.container,
.container1,
.container2 {
  width: 1450px;
  max-width: 1450px;
  margin: auto;
  padding: 0 30px !important;
}

.blog_contentOuter {
  padding: 15px;
}


.blog_list_page {
  padding: 40px 0;
  display: grid;
  grid-template-columns: 1fr 20%;
  gap: 40px;
}





/* .page-content-1 {background-color:#000 ; padding: 70px 0 ;} */

#breadcrumbs a {
  color: #fff;
}

.post_date_outer {
  display: flex;
  gap: 15px;
  padding: 0px 0 7px 0;
}

.post_date {
  color: #111E36;
}

.post_single {
  padding: 40px 0;
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 30px;
}

.post_single p {
  color: 21282d !important;
}

.post_single h1.entry-title {
  color: #D13519 !important;
}

h2.wp-block-heading {
  color: #111E36 !important;
}


.post .wp-post-image {
  width: auto !important;
}

.breadcrumb_last {
  opacity: 0.6;
}

.post_full .blog-date {
  font-size: 13px;
  padding: 10px 20px 0px 0px;
}

.blog-date span {
  opacity: 0.8;
  color: #111E36;
  font-weight: 400;
  padding: 0px 0 0px 0;
  display: block;
}

.post_full .pdate {
  font-size: 25px;
}

.post_right {
  background-color: #fff;
  margin-bottom: 30px;

}

.single-post .post_full img {
  margin: 0 0 30px 0;
}

.sliderContent {
  padding: 15px 0 0px 0;
}

.readmore a {
  color: #fbbc04;
}

.widget_block ul {
  padding: 0;
  margin: 0;
}

.widget_block li {
  background: #fff;
  padding: 10px 0;
  list-style: none;
  margin-bottom: 0px;
  border-bottom: solid 1px #e6ebef;
}

.widget_block li a {
  color: #20272C;
  display: block;
  line-height: 20px;
  font-size: 16px !important;
  text-decoration: none !important;
}

.widget_block li a:hover {
  color: #21282d !important;
}

h2.wp-block-heading {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
  line-height: 45px;
  border-bottom: solid 1px #CCCCCC;
  position: relative;
  margin-bottom: 20px;
}

h2.wp-block-heading::after {
  content: "";
  width: 50px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: #D13519;
}

.wp-block-categories-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post-tags {
  padding-left: 10px;
}

.wp-block-tag-cloud a,
.post-tags a {
  color: #A4A4A4;
  padding: 5px 7px;
  text-decoration: none;
}

.post-tags a {
  margin-right: 7px;
}

.post_right input {
  background: #fff;
  border-radius: 50px;
  border: none;
}

.post_right button {
  color: #fff !important;
  border: none;
}

.post_right_inner {
  /* position: sticky; */
  /* top: 60px; */
}

.sliderImg {
  overflow: hidden;
}

.sliderImg img {
  border-radius: 15px;
}

.blog-date,
.project_tags {
  /* position: absolute; */
  /* background: #08416b ; */

  color: 21282d;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px;
  z-index: 10;

}

.blog-info h4 {
  font-size: 22px;
  padding: 0px 0 15px 0;
  margin: 0;
  font-weight: bold;
}

.post_full .pdate {
  font-size: 25px;
}

.pmonth {
  text-transform: uppercase;
}

.post-cate a {
  color: #409fb4;
  font-size: 14px;
  padding-bottom: 5px;
}

.newsTitle a {
  color: #004aad;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}

.newsListOuter {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.newsListOuter .newsBox {
  position: relative;
}

.blog-date-inner {
  font-size: 13px;
  opacity: 0.7;
}

.newsListOuter .newsTitle {
  font-size: 16px;
  line-height: 22px !important;
}

.wp-pagenavi {
  padding: 30px 0 30px 0;
  display: flex;
}

.wp-pagenavi .pages,
.wp-pagenavi a.last {
  display: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
  font-size: 16px !important;
  color: 21282d;
  padding: 0px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  background-color: #F6F6F6 !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  text-decoration: none !important;
}

.wp-pagenavi span.current {
  background: #f25f1a !important;
  color: #fff !important;
}

.post_right select {
  border: solid 1px #E4A4A1;
  font-size: 14px;
  color: #f25f1a;
}

.widget_block {
  padding: 25px 0 0 0;
}

.post_right section:first-child {
  padding-top: 0px !important;
}

.post_right_inner {
  padding: 15px 0 0;
}


.post_single-header {
  padding: 0px 0 0 0;
  margin: 0 !important;
}

.post_tag,
.published_by {
  display: none;
}

.post_single-header p {
  margin-bottom: 0;
}

.post_single-header h2 {
  color: #fff !important;
  font-size: 22px !important;
}


.post_tag a {
  color: #A4A4A4;
}

.post_tag a:hover {
  color: #E3A100;
}

.post_right_inner .widget {
  background-color: #fff;
  padding: 0px 25px 0px 25px;
  margin-bottom: 30px;
}

body:not(.home) .page-content {
  padding: 40px 0;
}

/* blog-recent-items css  */

.blog-recent-items {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 20px;
  border-bottom: solid 1px #CCCCCC;
  padding: 15px 0;
  position: relative;
}

.b-outer .blog-recent-items:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.b-date {
  background: url(../hello-elementor-child/assets/images/time.png) no-repeat left 5px;
  padding-left: 20px;
  font-size: 14px;
  opacity: 0.5;
}

h4.b-title {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.bigImgSingle {
  padding-bottom: 30px;
}

.post .wp-post-image {
  max-height: inherit !important;
}

/* end blog css  */

.hfe-sticky {
  position: fixed;
  top: -30px;
  left: 0;
  right: 0;
  z-index: 50;
  background-color: #fff;
  border-bottom: solid 1px #3a383540;
}

.hfe-sticky .e-con-inner {
  padding-bottom: 0px !important;
}

.hfe-sticky .e-con-inner .e-con-inner {
  align-items: center !important;
  padding: 0px !important;
}

.hfe-sticky .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a {
  height: 50px;
  font-size: 16px !important;
}

.hfe-sticky .top-header {
  display: none;
}

.hfe-sticky .logo-top {
  margin-top: 0px !important;
}

.hfe-sticky .miniMenu {
  display: none !important;
}

.hfe-sticky .headerInner .e-con-inner {
  align-items: center;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #00000020;
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #944701;
  border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #944701;
}

.modal-content {
  background: #fff !important;
  border-radius: 7px;
}

.modal-backdrop.show {
  opacity: 0.8;
}

.modal-header {
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  display: block;
}

.modal-header p {
  margin: 0;
}

.btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.modal-header h5 {
  padding-left: 0px;
  color: #21282d !important;
  font-size: 25px !important;
  font-weight: bold;
}

button.btn-close {
  opacity: 1 !important;
  background: var(--e-global-color-secondary) !important;
  color: #fff !important;
  border: none !important;
  width: 20px !important;
  height: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.mobilelogo {
  height: 0px !important;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

#sticky-head.hfe-sticky .elementskit-navbar-nav>li>a {
  color: #fff;
}

#sticky-head.hfe-sticky .elementskit-navbar-nav li.current-menu-ancestor>a {
  background: none !important;
}

#sticky-head.hfe-sticky::after {
  display: none;
}



button.e-n-tab-title {
  font-size: 18px;
  font-weight: 600;
  background: #fff !important;
  color: #21282d !important;
  padding: 7px 25px !important;
  border-radius: 7px !important;
  border: solid 1px #b2b2b2 !important;
}

/* .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]::before { content: ""; background: url(../hello-elementor-child/assets/images/downarrow.png) no-repeat center center; width: 13px; height: 7px; position: absolute; left: 45%; right: 0; bottom: -7px; } */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true],
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a {
  background: #944701 !important;
  color: #fff !important;
  padding: 7px 25px !important;
  border-radius: 7px !important;
  border: solid 1px #944701 !important;
}


.contactusText a {
  color: #fff !important;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.formRow {
  padding: 0 0 20px 0;
}

.formRow p {
  margin: 0;
  padding: 0;
}

.jeg-elementor-kit.jkit-contact-form-7 form .formRow input,
.formRow textarea,
.formRow select,
.jeg-elementor-kit.jkit-contact-form-7 form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.jeg-elementor-kit.jkit-contact-form-7 form select,
.jeg-elementor-kit.jkit-contact-form-7 form textarea {
  background: #f0f0f2 !important;
  border: solid 1px #fff;
  border-radius: 10px !important;
  font-size: 16px !important;
  margin: 0px !important;
  color: #052754;
}

.jeg-elementor-kit.jkit-contact-form-7 form select {
  font-size: 16px !important;
  color: #052754;
}


/* Style the placeholder for input fields */
input::placeholder {
  color: #052754;
  /* Change the placeholder text color */
  font-size: 16px !important;

}

/* Style the placeholder for textareas */
textarea::placeholder {
  color: #052754;
  /* Change the placeholder text color */
  font-size: 16px !important;

}

/* Style the placeholder for select elements */
select::placeholder {
  color: #052754;
  /* Change the placeholder text color */
  font-size: 16px !important;

}

input.wpcf7-submit {
  background: #f29e0b !important;
  border: none;
  color: #fff !important;
  border-radius: 7px !important;
  text-transform: uppercase;
  font-size: 20px !important;
}

.checkboForm label {
  display: flex;
  gap: 10px;
  max-width: 100% !important;
  width: 100% !important;
  padding-bottom: 30px;
  color: #052754;
  align-items: center;
}

.checkboForm p {
  display: flex;
  gap: 0px;
  align-items: center;
}

.checkboForm p>span {
  padding-right: 10px;
  margin-top: 10px;
}

.checkboForm p a {
  padding-left: 5px;
  color: #052754;
}

.checkboForm p span input {
  width: 20px;
  height: 20px;
  background: #f0f0f2 !important;
  border: solid 1px #fff;
  border-radius: 10px !important;
}

.jeg-elementor-kit.jkit-contact-form-7 form label span {
  font-size: 16px !important;
  color: #052754 !important;
}

.checkboForm span {
  display: block;
  font-size: 16px !important;
}

.wpcf7-not-valid-tip {
  font-size: 14px !important;
}

.formRow textarea {
  padding: 25px !important;
}

.quotesForm label {
  display: flex;
  padding-bottom: 15px;
  color: #32d216 !important;
}

.jeg-elementor-kit.jkit-contact-form-7 form .quotesForm label span.#944701 {
  color: #944701 !important;
  padding-left: 5px;
}

.wpcf7-radio label {
  display: flex;
  gap: 7px;
}


.fulllink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  text-indent: -9999px;
}

.fulllink div,
.fulllink a {
  height: 100%;
  width: 100%;
  border-radius: 0px;
}

.fulllink a span {
  display: none;
}

.fulllink a {
  text-indent: -9999px;
  background: none !important;
  display: block;
}

.priceBoxOuter .e-con-inner,
.priceBoxOuter {
  padding: 0;
}

.priceBoxOuter .e-con-inner:hover .priceBox {
  background-color: #32d216 !important;
}

.priceBoxOuter .e-con-inner:hover .priceBox h6,
.priceBoxOuter .e-con-inner:hover .priceBox h3,
.priceBoxOuter .e-con-inner:hover .priceBox p,
.priceBoxOuter .e-con-inner:hover .priceBox p strong {
  color: #fff !important;
}

.footerLocation a {
  color: #21282d;
}


.blog-content {
  padding: 20px 00px;
}

.blog-content-detail {
  padding: 0px 0 !important;
}

.cate-tag {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #944701;
}

.cate-tag::before {
  content: "";
  width: 16px;
  height: 2px;
  display: block;
  background-color: #944701;
}


.innerHeader {
  background-color: #944701;
  padding: 50px 0;
  margin-top: 0px;
}

/* .blog .innerHeader   { display: none !important;} */
.innerHeader {
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
}

.innerHeader h1 {
  font-size: 30px;
  color: #fff !important;



  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;

  font-weight: 800;
  margin: 0px !important;
  padding-left: 0px;
}

.innerHeader h1 span {
  background: #20272c;
  padding: 10px 20px;
  display: inline-block;
}


.btnReadlink {
  background-color: #7D6F2D;
  border-radius: 100px;
  padding: 7px 25px;
  display: inline-block !important;
  color: #fff !important;
  cursor: pointer;
}

.elementor-editor-active #readmoreContent.hidden {
  display: block !important;
}

/* link color */
#w-link {
  color: #fff;
}

/* #readmoreContent { display: none;} */



/* new css  */
.item {
  height: 100%;
}

/* .owl-stage div, .owl-item , .item div { height: 100% !important;} */

/* .owl-carousel .owl-item{box-shadow: 0 0 24px rgb(0 0 0 / 11%);padding: 40px 34px 40px 30px;min-height: 440px;margin: 0 auto;text-align: center; }*/
/* .owl-stage{padding: 0 40px;} */
.quote-icn {
  margin: 20px 0 15px 0px;
}

.quote-icn i {
  font-size: 30px;
}

.item {
  box-shadow: 0 0 0px rgb(0 0 0 / 11%) !important;
}


.owl-carousel .owl-item {
  flex: 1;
}

.item_img {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item {
  overflow: hidden;
  margin: 0 auto;
}

.item:hover .readMore {
  filter: grayscale(0%);
}

.item img {
  border-radius: 0;
}

/* .item:hover img { -moz-transform: scale(1.2);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);} */
.service_slider a {
  color: #20272c;
  text-decoration: none;
  text-align: center;
  padding-top: 15px;
}

.sub_title {
  color: #7d6f2d;
}

.service_content {
  padding-top: 10px;
}

.service_content p {
  color: #d6c483;
  font-weight: 400 !important;
}

/* button.prev-btn, button.next-btn, button.prev-btn2, button.next-btn2 { padding: 0px !important; width: 35px; height: 35px; background: #d6c483 !important; border: none !important; border-radius: 50%;} */

/* .custom-nav {   position: absolute;
  top: 180px; display: flex; justify-content: left; gap: 5px; justify-content: space-between; width: 100%;} */

.custom-nav {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

.custom-nav button {
  background: url(assets/images/prev.svg) no-repeat center center !important;
  filter: grayscale(0%);
}

.custom-nav button:hover {
  filter: grayscale(0);
  background: url(assets/images/prev_act.svg) no-repeat center center !important;
}

.custom-nav button.prev-btn2,
.custom-nav button.prev-btn {
  left: -50px;
}

.custom-nav button.next-btn2,
.custom-nav button.next-btn {
  right: -50px;
}


.custom-nav button.next-btn,
.custom-nav button.next-btn2 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);


}










button:disabled {
  opacity: 0.5;
  filter: grayscale(100%) !important;
}

.readMore {
  background: url(../hello-elementor-child/assets/images/up.svg) no-repeat left top !important;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 20px;
  filter: grayscale(100%);
}

.readMore:focus,
.readMore:hover {
  border: none;
}

.service_slider {
  font-size: 18px;
  font-weight: 600;
  color: #20272c;
  text-align: center !important;
  padding: 15px 0 !important;
}


.elementor-counter-number-prefix {
  display: none !important;
}

.elementor-counter-title {
  text-align: left !important;
}

.elementor-image-box-title {
  margin-bottom: 0px !important;
}

.elementor-image-box-wrapper {
  align-items: center !important;
}

.single-img {
  text-align: center;
  display: flex;
  justify-content: center;
}


.footerLogo,
.headerOuter {
  position: relative;
}

.headerOuter>.e-con-inner::before {
  content: "";
  width: 22%;
  height: 120px;
  background-color: #295283;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.footerLogo>.e-con-inner::before {
  content: "";
  width: 22%;
  height: 120px;
  background-color: #50BE37;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.elementor-widget-image a img[src$=".svg"] {
  width: 100% !important;
}

.logoheader img[src$=".svg"] {
  height: 60px !important;
}

.innerHeader {
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: left;
}

.container1 {
  position: relative;
  z-index: 20;
}

.productInner .pageTitle {
  margin: 0px !important;
}


.animation {
  overflow: hidden;
  width: 100%;
  clip-path: animated;
  -webkit-clip-path: animated;
  background: linear-gradient(54deg, 0%, 50%, 100%);
  animation-name: animated;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-duration: 8s;
  clip-path: polygon(83.200% 25.800%, 85.100% 28.100%, 86.900% 30.400%, 88.600% 32.700%, 90.200% 35.000%, 91.800% 37.300%, 93.200% 39.600%, 94.500% 41.900%, 95.800% 44.100%, 96.900% 46.400%, 97.800% 48.700%, 98.600% 51.000%, 99.300% 53.300%, 99.800% 55.700%, 100.000% 58.100%, 100.100% 60.500%, 100.000% 63.000%, 99.700% 65.400%, 99.200% 67.800%, 98.500% 70.200%, 97.600% 72.600%, 96.500% 75.000%, 95.200% 77.400%, 93.700% 79.700%, 92.100% 81.900%, 90.300% 84.000%, 88.300% 86.100%, 86.200% 88.100%, 84.000% 89.900%, 81.600% 91.600%, 79.100% 93.200%, 76.500% 94.600%, 73.800% 95.800%, 71.000% 96.900%, 68.000% 97.900%, 65.000% 98.600%, 61.900% 99.200%, 58.800% 99.600%, 55.700% 99.800%, 52.600% 99.900%, 49.500% 99.800%, 46.400% 99.600%, 43.400% 99.200%, 40.400% 98.600%, 37.500% 97.900%, 34.700% 97.000%, 32.000% 96.000%, 29.400% 94.800%, 27.000% 93.500%, 24.700% 92.000%, 22.300% 90.500%, 20.400% 88.800%, 18.600% 87.000%, 16.900% 85.100%, 15.400% 83.000%, 14.000% 80.800%, 12.600% 78.600%, 11.400% 76.300%, 10.200% 74.000%, 8.900% 71.300%, 8.000% 68.800%, 7.100% 66.300%, 6.200% 63.800%, 5.400% 61.200%, 4.600% 58.600%, 3.800% 55.900%, 3.100% 53.200%, 2.400% 50.500%, 1.700% 47.800%, 1.100% 45.200%, 0.700% 42.500%, 0.400% 39.900%, 0.200% 37.300%, 0.000% 34.700%, 0.100% 32.200%, 0.300% 29.700%, 0.700% 27.300%, 1.300% 24.900%, 2.100% 22.600%, 3.100% 20.300%, 4.300% 18.100%, 5.800% 16.000%, 7.500% 14.000%, 9.400% 12.100%, 11.500% 10.300%, 13.800% 8.600%, 16.200% 7.000%, 18.800% 5.600%, 21.500% 4.300%, 24.300% 3.100%, 27.200% 2.200%, 30.100% 1.400%, 33.100% 0.800%, 36.000% 0.400%, 38.900% 0.200%, 41.800% 0.200%, 44.600% 0.400%, 47.400% 0.800%, 50.200% 1.500%, 52.900% 2.400%, 55.500% 3.400%, 58.100% 4.600%, 60.600% 6.000%, 63.100% 7.600%, 65.500% 9.200%, 67.800% 11.000%, 70.100% 12.900%, 72.300% 14.900%, 74.500% 17.000%, 76.600% 19.200%, 78.600% 21.400%, 80.700% 23.600%, 83.200% 25.800%);
  -webkit-clip-path: polygon(83.200% 25.800%, 85.100% 28.100%, 86.900% 30.400%, 88.600% 32.700%, 90.200% 35.000%, 91.800% 37.300%, 93.200% 39.600%, 94.500% 41.900%, 95.800% 44.100%, 96.900% 46.400%, 97.800% 48.700%, 98.600% 51.000%, 99.300% 53.300%, 99.800% 55.700%, 100.000% 58.100%, 100.100% 60.500%, 100.000% 63.000%, 99.700% 65.400%, 99.200% 67.800%, 98.500% 70.200%, 97.600% 72.600%, 96.500% 75.000%, 95.200% 77.400%, 93.700% 79.700%, 92.100% 81.900%, 90.300% 84.000%, 88.300% 86.100%, 86.200% 88.100%, 84.000% 89.900%, 81.600% 91.600%, 79.100% 93.200%, 76.500% 94.600%, 73.800% 95.800%, 71.000% 96.900%, 68.000% 97.900%, 65.000% 98.600%, 61.900% 99.200%, 58.800% 99.600%, 55.700% 99.800%, 52.600% 99.900%, 49.500% 99.800%, 46.400% 99.600%, 43.400% 99.200%, 40.400% 98.600%, 37.500% 97.900%, 34.700% 97.000%, 32.000% 96.000%, 29.400% 94.800%, 27.000% 93.500%, 24.700% 92.000%, 22.300% 90.500%, 20.400% 88.800%, 18.600% 87.000%, 16.900% 85.100%, 15.400% 83.000%, 14.000% 80.800%, 12.600% 78.600%, 11.400% 76.300%, 10.200% 74.000%, 8.900% 71.300%, 8.000% 68.800%, 7.100% 66.300%, 6.200% 63.800%, 5.400% 61.200%, 4.600% 58.600%, 3.800% 55.900%, 3.100% 53.200%, 2.400% 50.500%, 1.700% 47.800%, 1.100% 45.200%, 0.700% 42.500%, 0.400% 39.900%, 0.200% 37.300%, 0.000% 34.700%, 0.100% 32.200%, 0.300% 29.700%, 0.700% 27.300%, 1.300% 24.900%, 2.100% 22.600%, 3.100% 20.300%, 4.300% 18.100%, 5.800% 16.000%, 7.500% 14.000%, 9.400% 12.100%, 11.500% 10.300%, 13.800% 8.600%, 16.200% 7.000%, 18.800% 5.600%, 21.500% 4.300%, 24.300% 3.100%, 27.200% 2.200%, 30.100% 1.400%, 33.100% 0.800%, 36.000% 0.400%, 38.900% 0.200%, 41.800% 0.200%, 44.600% 0.400%, 47.400% 0.800%, 50.200% 1.500%, 52.900% 2.400%, 55.500% 3.400%, 58.100% 4.600%, 60.600% 6.000%, 63.100% 7.600%, 65.500% 9.200%, 67.800% 11.000%, 70.100% 12.900%, 72.300% 14.900%, 74.500% 17.000%, 76.600% 19.200%, 78.600% 21.400%, 80.700% 23.600%, 83.200% 25.800%);
}

@keyframes animated {
  0% {
    clip-path: polygon(83.200% 25.800%, 85.100% 28.100%, 86.900% 30.400%, 88.600% 32.700%, 90.200% 35.000%, 91.800% 37.300%, 93.200% 39.600%, 94.500% 41.900%, 95.800% 44.100%, 96.900% 46.400%, 97.800% 48.700%, 98.600% 51.000%, 99.300% 53.300%, 99.800% 55.700%, 100.000% 58.100%, 100.100% 60.500%, 100.000% 63.000%, 99.700% 65.400%, 99.200% 67.800%, 98.500% 70.200%, 97.600% 72.600%, 96.500% 75.000%, 95.200% 77.400%, 93.700% 79.700%, 92.100% 81.900%, 90.300% 84.000%, 88.300% 86.100%, 86.200% 88.100%, 84.000% 89.900%, 81.600% 91.600%, 79.100% 93.200%, 76.500% 94.600%, 73.800% 95.800%, 71.000% 96.900%, 68.000% 97.900%, 65.000% 98.600%, 61.900% 99.200%, 58.800% 99.600%, 55.700% 99.800%, 52.600% 99.900%, 49.500% 99.800%, 46.400% 99.600%, 43.400% 99.200%, 40.400% 98.600%, 37.500% 97.900%, 34.700% 97.000%, 32.000% 96.000%, 29.400% 94.800%, 27.000% 93.500%, 24.700% 92.000%, 22.300% 90.500%, 20.400% 88.800%, 18.600% 87.000%, 16.900% 85.100%, 15.400% 83.000%, 14.000% 80.800%, 12.600% 78.600%, 11.400% 76.300%, 10.200% 74.000%, 8.900% 71.300%, 8.000% 68.800%, 7.100% 66.300%, 6.200% 63.800%, 5.400% 61.200%, 4.600% 58.600%, 3.800% 55.900%, 3.100% 53.200%, 2.400% 50.500%, 1.700% 47.800%, 1.100% 45.200%, 0.700% 42.500%, 0.400% 39.900%, 0.200% 37.300%, 0.000% 34.700%, 0.100% 32.200%, 0.300% 29.700%, 0.700% 27.300%, 1.300% 24.900%, 2.100% 22.600%, 3.100% 20.300%, 4.300% 18.100%, 5.800% 16.000%, 7.500% 14.000%, 9.400% 12.100%, 11.500% 10.300%, 13.800% 8.600%, 16.200% 7.000%, 18.800% 5.600%, 21.500% 4.300%, 24.300% 3.100%, 27.200% 2.200%, 30.100% 1.400%, 33.100% 0.800%, 36.000% 0.400%, 38.900% 0.200%, 41.800% 0.200%, 44.600% 0.400%, 47.400% 0.800%, 50.200% 1.500%, 52.900% 2.400%, 55.500% 3.400%, 58.100% 4.600%, 60.600% 6.000%, 63.100% 7.600%, 65.500% 9.200%, 67.800% 11.000%, 70.100% 12.900%, 72.300% 14.900%, 74.500% 17.000%, 76.600% 19.200%, 78.600% 21.400%, 80.700% 23.600%, 83.200% 25.800%);
    -webkit-clip-path: polygon(83.200% 25.800%, 85.100% 28.100%, 86.900% 30.400%, 88.600% 32.700%, 90.200% 35.000%, 91.800% 37.300%, 93.200% 39.600%, 94.500% 41.900%, 95.800% 44.100%, 96.900% 46.400%, 97.800% 48.700%, 98.600% 51.000%, 99.300% 53.300%, 99.800% 55.700%, 100.000% 58.100%, 100.100% 60.500%, 100.000% 63.000%, 99.700% 65.400%, 99.200% 67.800%, 98.500% 70.200%, 97.600% 72.600%, 96.500% 75.000%, 95.200% 77.400%, 93.700% 79.700%, 92.100% 81.900%, 90.300% 84.000%, 88.300% 86.100%, 86.200% 88.100%, 84.000% 89.900%, 81.600% 91.600%, 79.100% 93.200%, 76.500% 94.600%, 73.800% 95.800%, 71.000% 96.900%, 68.000% 97.900%, 65.000% 98.600%, 61.900% 99.200%, 58.800% 99.600%, 55.700% 99.800%, 52.600% 99.900%, 49.500% 99.800%, 46.400% 99.600%, 43.400% 99.200%, 40.400% 98.600%, 37.500% 97.900%, 34.700% 97.000%, 32.000% 96.000%, 29.400% 94.800%, 27.000% 93.500%, 24.700% 92.000%, 22.300% 90.500%, 20.400% 88.800%, 18.600% 87.000%, 16.900% 85.100%, 15.400% 83.000%, 14.000% 80.800%, 12.600% 78.600%, 11.400% 76.300%, 10.200% 74.000%, 8.900% 71.300%, 8.000% 68.800%, 7.100% 66.300%, 6.200% 63.800%, 5.400% 61.200%, 4.600% 58.600%, 3.800% 55.900%, 3.100% 53.200%, 2.400% 50.500%, 1.700% 47.800%, 1.100% 45.200%, 0.700% 42.500%, 0.400% 39.900%, 0.200% 37.300%, 0.000% 34.700%, 0.100% 32.200%, 0.300% 29.700%, 0.700% 27.300%, 1.300% 24.900%, 2.100% 22.600%, 3.100% 20.300%, 4.300% 18.100%, 5.800% 16.000%, 7.500% 14.000%, 9.400% 12.100%, 11.500% 10.300%, 13.800% 8.600%, 16.200% 7.000%, 18.800% 5.600%, 21.500% 4.300%, 24.300% 3.100%, 27.200% 2.200%, 30.100% 1.400%, 33.100% 0.800%, 36.000% 0.400%, 38.900% 0.200%, 41.800% 0.200%, 44.600% 0.400%, 47.400% 0.800%, 50.200% 1.500%, 52.900% 2.400%, 55.500% 3.400%, 58.100% 4.600%, 60.600% 6.000%, 63.100% 7.600%, 65.500% 9.200%, 67.800% 11.000%, 70.100% 12.900%, 72.300% 14.900%, 74.500% 17.000%, 76.600% 19.200%, 78.600% 21.400%, 80.700% 23.600%, 83.200% 25.800%);
  }

  50% {
    clip-path: polygon(98.400% 19.800%, 99.300% 22.300%, 99.800% 24.900%, 100.000% 27.600%, 99.900% 30.400%, 99.600% 33.200%, 99.000% 36.100%, 98.200% 39.000%, 97.300% 42.000%, 96.200% 45.000%, 95.000% 48.000%, 93.700% 51.000%, 92.400% 54.000%, 91.100% 57.000%, 89.800% 60.000%, 88.500% 63.000%, 87.200% 65.900%, 86.000% 68.800%, 84.900% 71.600%, 83.900% 74.300%, 82.900% 77.000%, 81.900% 79.600%, 80.900% 82.100%, 80.000% 84.400%, 79.000% 86.600%, 78.000% 88.700%, 77.000% 90.600%, 75.900% 92.400%, 74.800% 94.000%, 73.600% 95.400%, 72.300% 96.600%, 70.900% 97.600%, 69.400% 98.400%, 67.800% 99.000%, 66.100% 99.400%, 64.200% 99.600%, 62.200% 99.600%, 60.100% 99.500%, 58.000% 99.200%, 55.800% 98.800%, 53.500% 98.200%, 51.100% 97.500%, 48.700% 96.700%, 46.200% 95.800%, 43.700% 94.900%, 41.100% 93.900%, 38.500% 92.900%, 35.900% 91.800%, 33.300% 90.700%, 30.700% 89.600%, 28.100% 88.500%, 25.500% 87.400%, 23.000% 86.300%, 20.500% 85.100%, 18.100% 83.900%, 15.800% 82.700%, 13.600% 81.400%, 11.500% 80.100%, 9.500% 78.700%, 7.700% 77.300%, 6.000% 75.800%, 4.500% 74.200%, 3.200% 72.500%, 2.100% 70.800%, 1.400% 69.400%, 0.700% 67.500%, 0.300% 65.500%, 0.100% 63.400%, 0.000% 61.200%, 0.200% 59.000%, 0.600% 56.700%, 1.100% 54.400%, 1.800% 52.000%, 2.700% 49.600%, 3.700% 47.100%, 4.900% 44.600%, 6.200% 42.000%, 7.600% 39.400%, 9.200% 36.800%, 10.900% 34.200%, 12.700% 31.600%, 14.600% 29.000%, 16.600% 26.400%, 18.700% 23.800%, 20.900% 21.300%, 23.100% 18.800%, 25.400% 16.400%, 27.800% 14.100%, 30.300% 11.900%, 32.900% 9.800%, 35.600% 7.900%, 38.400% 6.200%, 41.300% 4.600%, 44.300% 3.200%, 47.400% 2.100%, 50.600% 1.200%, 53.900% 0.600%, 57.200% 0.200%, 60.500% 0.000%, 63.900% 0.100%, 67.300% 0.500%, 70.700% 1.100%, 74.100% 1.900%, 77.400% 2.900%, 80.600% 4.100%, 83.600% 5.500%, 86.500% 7.100%, 89.200% 8.900%, 91.600% 10.800%, 93.800% 12.800%, 95.700% 15.000%, 97.300% 17.300%, 98.400% 19.800%);
    -webkit-clip-path: polygon(98.400% 19.800%, 99.300% 22.300%, 99.800% 24.900%, 100.000% 27.600%, 99.900% 30.400%, 99.600% 33.200%, 99.000% 36.100%, 98.200% 39.000%, 97.300% 42.000%, 96.200% 45.000%, 95.000% 48.000%, 93.700% 51.000%, 92.400% 54.000%, 91.100% 57.000%, 89.800% 60.000%, 88.500% 63.000%, 87.200% 65.900%, 86.000% 68.800%, 84.900% 71.600%, 83.900% 74.300%, 82.900% 77.000%, 81.900% 79.600%, 80.900% 82.100%, 80.000% 84.400%, 79.000% 86.600%, 78.000% 88.700%, 77.000% 90.600%, 75.900% 92.400%, 74.800% 94.000%, 73.600% 95.400%, 72.300% 96.600%, 70.900% 97.600%, 69.400% 98.400%, 67.800% 99.000%, 66.100% 99.400%, 64.200% 99.600%, 62.200% 99.600%, 60.100% 99.500%, 58.000% 99.200%, 55.800% 98.800%, 53.500% 98.200%, 51.100% 97.500%, 48.700% 96.700%, 46.200% 95.800%, 43.700% 94.900%, 41.100% 93.900%, 38.500% 92.900%, 35.900% 91.800%, 33.300% 90.700%, 30.700% 89.600%, 28.100% 88.500%, 25.500% 87.400%, 23.000% 86.300%, 20.500% 85.100%, 18.100% 83.900%, 15.800% 82.700%, 13.600% 81.400%, 11.500% 80.100%, 9.500% 78.700%, 7.700% 77.300%, 6.000% 75.800%, 4.500% 74.200%, 3.200% 72.500%, 2.100% 70.800%, 1.400% 69.400%, 0.700% 67.500%, 0.300% 65.500%, 0.100% 63.400%, 0.000% 61.200%, 0.200% 59.000%, 0.600% 56.700%, 1.100% 54.400%, 1.800% 52.000%, 2.700% 49.600%, 3.700% 47.100%, 4.900% 44.600%, 6.200% 42.000%, 7.600% 39.400%, 9.200% 36.800%, 10.900% 34.200%, 12.700% 31.600%, 14.600% 29.000%, 16.600% 26.400%, 18.700% 23.800%, 20.900% 21.300%, 23.100% 18.800%, 25.400% 16.400%, 27.800% 14.100%, 30.300% 11.900%, 32.900% 9.800%, 35.600% 7.900%, 38.400% 6.200%, 41.300% 4.600%, 44.300% 3.200%, 47.400% 2.100%, 50.600% 1.200%, 53.900% 0.600%, 57.200% 0.200%, 60.500% 0.000%, 63.900% 0.100%, 67.300% 0.500%, 70.700% 1.100%, 74.100% 1.900%, 77.400% 2.900%, 80.600% 4.100%, 83.600% 5.500%, 86.500% 7.100%, 89.200% 8.900%, 91.600% 10.800%, 93.800% 12.800%, 95.700% 15.000%, 97.300% 17.300%, 98.400% 19.800%);
  }

  100% {
    clip-path: polygon(96.500% 13.800%, 97.700% 15.900%, 98.600% 18.100%, 99.300% 20.500%, 99.700% 23.000%, 99.900% 25.600%, 99.900% 28.300%, 99.700% 31.100%, 99.500% 34.000%, 99.000% 36.900%, 98.400% 39.900%, 97.700% 42.900%, 96.900% 45.900%, 96.000% 49.000%, 95.100% 52.100%, 94.100% 55.200%, 93.100% 58.200%, 92.100% 61.200%, 91.100% 64.100%, 90.100% 67.000%, 89.100% 69.800%, 88.000% 72.600%, 86.900% 75.300%, 85.700% 77.900%, 84.500% 80.400%, 83.200% 82.800%, 81.800% 85.100%, 80.300% 87.200%, 78.700% 89.200%, 77.000% 91.000%, 75.200% 92.700%, 73.300% 94.200%, 71.200% 95.600%, 69.000% 96.800%, 66.700% 97.800%, 64.300% 98.600%, 61.800% 99.200%, 59.200% 99.700%, 56.500% 100.000%, 53.800% 100.100%, 51.000% 100.100%, 48.200% 99.900%, 45.400% 99.600%, 42.600% 99.100%, 39.800% 98.500%, 37.000% 97.700%, 34.300% 96.800%, 31.700% 95.700%, 29.100% 94.500%, 26.600% 93.100%, 24.200% 91.600%, 21.900% 90.000%, 19.700% 88.300%, 17.600% 86.500%, 15.600% 84.500%, 13.700% 82.400%, 11.900% 80.300%, 10.300% 78.100%, 8.800% 75.800%, 7.400% 73.400%, 6.100% 70.900%, 4.900% 68.400%, 3.800% 65.800%, 2.800% 63.100%, 2.000% 60.400%, 1.300% 57.600%, 0.700% 54.800%, 0.200% 52.000%, -0.100% 49.200%, -0.300% 46.400%, 0.000% 43.300%, 0.100% 40.500%, 0.300% 37.700%, 0.700% 35.000%, 1.200% 32.300%, 1.900% 29.700%, 2.800% 27.200%, 3.800% 24.700%, 5.000% 22.300%, 6.400% 20.000%, 8.000% 17.900%, 9.800% 15.900%, 11.700% 14.000%, 13.800% 12.200%, 16.100% 10.500%, 18.500% 9.000%, 21.000% 7.600%, 23.700% 6.300%, 26.500% 5.100%, 29.400% 4.100%, 32.400% 3.200%, 35.500% 2.400%, 38.700% 1.700%, 41.900% 1.100%, 45.200% 0.600%, 48.500% 0.300%, 51.900% 0.100%, 55.300% 0.000%, 58.700% 0.000%, 62.100% 0.100%, 65.500% 0.300%, 68.800% 0.700%, 72.100% 1.200%, 75.300% 1.800%, 78.400% 2.600%, 81.300% 3.500%, 84.100% 4.500%, 86.700% 5.700%, 89.100% 7.000%, 91.300% 8.500%, 93.300% 10.100%, 95.000% 11.900%, 96.500% 13.800%);
    -webkit-clip-path: polygon(96.500% 13.800%, 97.700% 15.900%, 98.600% 18.100%, 99.300% 20.500%, 99.700% 23.000%, 99.900% 25.600%, 99.900% 28.300%, 99.700% 31.100%, 99.500% 34.000%, 99.000% 36.900%, 98.400% 39.900%, 97.700% 42.900%, 96.900% 45.900%, 96.000% 49.000%, 95.100% 52.100%, 94.100% 55.200%, 93.100% 58.200%, 92.100% 61.200%, 91.100% 64.100%, 90.100% 67.000%, 89.100% 69.800%, 88.000% 72.600%, 86.900% 75.300%, 85.700% 77.900%, 84.500% 80.400%, 83.200% 82.800%, 81.800% 85.100%, 80.300% 87.200%, 78.700% 89.200%, 77.000% 91.000%, 75.200% 92.700%, 73.300% 94.200%, 71.200% 95.600%, 69.000% 96.800%, 66.700% 97.800%, 64.300% 98.600%, 61.800% 99.200%, 59.200% 99.700%, 56.500% 100.000%, 53.800% 100.100%, 51.000% 100.100%, 48.200% 99.900%, 45.400% 99.600%, 42.600% 99.100%, 39.800% 98.500%, 37.000% 97.700%, 34.300% 96.800%, 31.700% 95.700%, 29.100% 94.500%, 26.600% 93.100%, 24.200% 91.600%, 21.900% 90.000%, 19.700% 88.300%, 17.600% 86.500%, 15.600% 84.500%, 13.700% 82.400%, 11.900% 80.300%, 10.300% 78.100%, 8.800% 75.800%, 7.400% 73.400%, 6.100% 70.900%, 4.900% 68.400%, 3.800% 65.800%, 2.800% 63.100%, 2.000% 60.400%, 1.300% 57.600%, 0.700% 54.800%, 0.200% 52.000%, -0.100% 49.200%, -0.300% 46.400%, 0.000% 43.300%, 0.100% 40.500%, 0.300% 37.700%, 0.700% 35.000%, 1.200% 32.300%, 1.900% 29.700%, 2.800% 27.200%, 3.800% 24.700%, 5.000% 22.300%, 6.400% 20.000%, 8.000% 17.900%, 9.800% 15.900%, 11.700% 14.000%, 13.800% 12.200%, 16.100% 10.500%, 18.500% 9.000%, 21.000% 7.600%, 23.700% 6.300%, 26.500% 5.100%, 29.400% 4.100%, 32.400% 3.200%, 35.500% 2.400%, 38.700% 1.700%, 41.900% 1.100%, 45.200% 0.600%, 48.500% 0.300%, 51.900% 0.100%, 55.300% 0.000%, 58.700% 0.000%, 62.100% 0.100%, 65.500% 0.300%, 68.800% 0.700%, 72.100% 1.200%, 75.300% 1.800%, 78.400% 2.600%, 81.300% 3.500%, 84.100% 4.500%, 86.700% 5.700%, 89.100% 7.000%, 91.300% 8.500%, 93.300% 10.100%, 95.000% 11.900%, 96.500% 13.800%);
  }
}

.btnOuter a {
  color: #fff !important;
}

.btnOuter a:hover {
  background: #20272c;
}


.ekit_menu_responsive_tablet .elementskit-submenu-indicator {
  border: none !important;
}

.elementor-19107 .elementor-element.elementor-element-1591e9b .elementskit-navbar-nav .elementskit-submenu-panel>li>a {
  padding: 7px 20px !important;
}

.elementor-19107 .elementor-element.elementor-element-1591e9b .elementskit-navbar-nav .elementskit-submenu-panel>li>ul.elementskit-submenu-panel li>a {
  padding: 7px 30px !important;
}


/* mobile rs  */

@media (min-width: 1000px) and (max-width: 500000px) {
  .homepageSlider {
    min-height: 450px !important;
  }

  .blogSearch {
    width: 300px;
  }

  .elementor-social-icon-jki-phone-line,
  .elementor-social-icon-envelope,
  .elementor-social-icon-jki-envelope-solid {
    display: none !important;
  }

  .hfe-sticky {
    position: fixed;
    top: -30px;
    left: 0;
    right: 0;
    z-index: 50;
    background-color: #fff;
    border-bottom: solid 1px #3a383540;
  }

  .hfe-sticky .e-con-inner {
    padding-bottom: 0px !important;
  }

  .hfe-sticky .e-con-inner .e-con-inner {
    align-items: center !important;
    padding: 0px !important;
  }

  .hfe-sticky .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a {
    height: 50px;
  }

  .hfe-sticky .top-header {
    display: none;
  }

  .hfe-sticky .logo-top {
    margin-top: 0px !important;
  }



  #sticky-head {
    z-index: 100;
  }

  #sticky-head.hfe-sticky {
    position: fixed;
    top: 0px;
    padding: 0px 15px 5px 15px;
    z-index: 500;
    border-bottom: solid 1px #20272C;
    background-color: #20272C;
  }

  #sticky-head.hfe-sticky .elementor-element {
    background-image: none !important;
  }

  .admin-bar #sticky-head {
    top: 0px;
    z-index: 1000;
  }

  #sticky-head.hfe-sticky .elementor-hidden-tablet.elementor-hidden-mobile.e-flex.e-con-boxed {
    display: none;
  }


  #sticky-head.hfe-sticky .headerOuter {
    margin: 0px;
  }

  #sticky-head.hfe-sticky img {
    height: inherit !important;
    width: 200px !important;
    padding: 0px;
    /* background-color: #fff !important; border-radius: 10px; */
  }

  .wp-caption {
    position: relative;
  }

  #sticky-head.hfe-sticky .logoheader {
    min-height: inherit !important;
  }

  #sticky-head.hfe-sticky .elementor-element-5785954 {
    padding: 0px !important;
  }

  /* .header02::after { height: 86px;} */
  .wp-caption .wp-caption-text {
    position: absolute;
    font-size: 20px;
    font-weight: bold !important;
    color: #fff;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 20px;
    font-weight: normal;
    font-style: normal;
  }

  /* #sticky-head.hfe-sticky .elementor-element { background: none !important;} */

  #sticky-head.hfe-sticky .desktoplogo {
    height: 0px !important;
    overflow: hidden;
  }

  #sticky-head.hfe-sticky .mobilelogo {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    height: auto !important;
  }



}



@media (min-width: 1000px) and (max-width: 500000px) {
  .hfe-sticky img {
    height: auto !important;
  }

}


@media (max-width: 320px) {
  .innerHeader {
    height: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {

  .container,
  .container1,
  .container2 {
    width: 100%;
    max-width: 100%;
  }

  .header02::after {
    display: none !important;
  }

  /* .innerHeader h1 { padding-top: 140px;} */


  .miniMenu .elementor-element {
    justify-content: flex-end;
  }

  .circleBox {
    width: 200px !important;
    height: 200px !important;
  }


  /* .elementor-social-icon-jki-phone-line  { display: none !important;} */
  .headerRight {
    background: none !important;
  }

  #sticky-head,
  #sticky-head.hfe-sticky {
    position: relative;
    top: 0;
  }

  #FooterOuter::after {
    display: none !important;
  }

  .topIcon .elementor-icon-wrapper {
    display: flex;
  }

  .service_slider::after .post_single_full {
    padding: 30px !important;
  }

  .innerHeader h1 {
    font-size: 25px;
    margin-bottom: 0
  }

  .innerHeader {
    padding: 40px;
    height: 300px;
  }

  #_gl_slider_service_box .inner-box .item_img .owl-img {
    width: 100%;
  }

  #_gl_slider_service_box .owl-stage-outer,
  #_gl_slider_service_box {
    overflow: hidden !important;
  }

  .content_outer {
    position: relative;
    left: 0;
    right: 0;
  }

  .content_outer .service_slider {
    font-size: 18px !important;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .cnt-email .elementor-icon-list-item a .elementor-icon-list-text {
    overflow: hidden;
    overflow-wrap: break-word;
    max-width: 160px;
    line-height: 18px;
  }

  #sticky-head.hfe-sticky {
    position: relative;
  }

  .container1,
  .container2 {
    width: 100%;
  }
}




.headerRight {
  display: grid;
  grid-template-columns: 1fr 250px 250px;
  justify-content: flex-end;
  align-items: center;
}




.products.columns-4 a[aria-describedby^="woocommerce_loop_add_to_cart_link_describedby_"],
.products.columns-3 a[aria-describedby^="woocommerce_loop_add_to_cart_link_describedby_"],
.products.columns-4 .price {
  text-align: center;
  display: block !important;
}

.product-sku {
  color: #20272c;
  font-size: 16px;
}

.img02 {
  display: none;
  opacity: 1;
}

.products.columns-4 li:hover .img02 {
  display: block;
}

.products.columns-4 li:hover .img01 {
  display: none;
}




.categorySlider {
  display: grid !important;
  grid-template-columns: 30% 1fr !important;
}

.categorySlider::before,
.categorySlider::after {
  display: none;
}

.item-box {
  background: #fff;
  border-radius: 10px;
  padding: 40px;
}

/* .thumb { height: 300px; display: flex; align-items: center; justify-content: center;} */
.thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-date {
  margin: 10px 0;
}

.footerOUter {
  display: grid;
  grid-template-columns: 20% 20% 20% 1fr !important;
  gap: 20px;
}

.tnp-subscription {
  padding: 0 !important;
  margin: 0 !important;
}

.tnp-subscriptionOuter form {
  display: grid;
  grid-template-columns: 1fr 120px;
  width: 80%;
}

.tnp-subscriptionOuter .tnp-subscription,
.tnp-subscriptionOuter input {
  width: 100%;
  max-width: 100%;
}

input.tnp-submit {
  background-color: #944701 !important;
  color: #fff !important;
  height: 100%;
  border-radius: none !important;
}

.tnp-field-button {
  margin: 0px !important;
  padding: 0px !important;
}

.aws_result_price {
  display: none !important;
}

.aws-search-result .aws_search_more a {
  font-size: 16px !important;
  color: #944701;
}

.yith-add-to-wishlist-button-block {
  margin: 0px !important;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
  color: #944701 !important;
}




.slider-nav button {
  border: none;
  width: 64px;
  height: 64px;
  display: block;
  text-indent: -9999px;
}

.slider-nav,
.owl-nav {
  display: flex;
  gap: 10px;
}

.slider-nav .prev-btn {
  background: url(../hello-elementor-child/assets/images/right-arrow.png) top center no-repeat !important;
}

.slider-nav .next-btn {
  background: url(../hello-elementor-child/assets/images/left-arrow.png) top center no-repeat !important;
}

.innerbg {
  padding: 70px 0;
}

.colorImgListing {
  padding: 0 150px 0 0px;
}

.owl-nav button {
  background: #954900 !important;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.owl-nav button span {
  color: #fff !important;
  font-size: 25px;
  line-height: 25px;
}

.owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 25%;
}

.owl-nav .owl-prev {
  position: absolute;
  left: -40px;
}

.owl-nav .owl-next {
  position: absolute;
  right: -40px;
}

.homepageSlider .owl-nav {
  top: 45%;
}

.homepageSlider .owl-nav .owl-prev {
  left: 20px;
}

.homepageSlider .owl-nav .owl-next {
  right: 20px;
}




.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes tr,
.woocommerce table.shop_attributes td {
  background: none !important;
  border: none;
  font-style: normal !important;
}

.woocommerce table.shop_attributes tr {
  border-bottom: solid 1px #d3d4d5;
}

table.woocommerce-product-attributes {
  margin: 20px 0 0 0;
}

.descritpon_dec h1,
.descritpon_dec h2,
.descritpon_dec h3,
.descritpon_dec h4,
.descritpon_dec h5,
.descritpon_dec h6 {
  font-size: 18px;
  font-weight: normal;
  text-transform: inherit !important;
}


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

.contentListing ul li,
.descritpon_dec ul li {
  background: url(../hello-elementor-child/assets/images/arrowUl.png) no-repeat left 5px;
  list-style: none;
  background-size: 16px;
  padding: 0 0 0 25px !important;
  margin: 15px 0 !important;

}

.productdetailpage .descritpon_dec .row {
  display: block;
}

.cartbtn {
  margin: 20px 0;
}

.cartbtn button {
  background: #944701;
  color: #fff !important;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
}

.productdetailpageSingle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.cartbtn button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.cartbtn button:hover {
  background: #21282d !important;
}

/* select:focus option {
  background-color: #944701 !important;
  color: white; 
  outline: none; 
} */

.nav-pills .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: #944701;
}

.nav-pills .nav-link {
  background: #21282d;
  color: #fff !important;
}

#colorTabs {
  display: flex;
  gap: 20px;
}


#content-1,
.page-content-1,
#main {
  background: #fef8ef;
}

.page-content .col-lg-3 {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  width: 100%;
}

.page-content .row {
  gap: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.productname {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.page-content .cartbtn a {
  background: #944701 !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 20px !important;
  text-decoration: none !important;
  border-radius: 5px;
}

.page-content .cartbtn a:hover {
  background: #21282d !important;
  color: #fff !important;
  text-decoration: none !important;
}


.detailpagelising .productimg {
  display: block;
}

.tab-pane.fade {
  opacity: 1 !important;
  transition: none !important;
}

.tab-pane {
  display: none;

  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.tab-pane.active {
  display: block;
}


.owl-carousel,
.owl-carousel .owl-stage {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

input.tnp-email {
  border-radius: 5px 0 0 5px;
}

input.tnp-email:focus,
input.tnp-email:hover {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

input.tnp-submit {
  border-radius: 0px 5px 5px 0;
}

#menu-main {
  justify-content: space-between !important;
}

.blog_list_page .item-box .blog-items {
  background: #fff !important;
  padding: 0px;
}

.portfolio_tags {
  display: none;
}





.post_left {
  background: #fff;
  padding: 25px;
}

.tab_view a,
.woocommerce-message a.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  border-radius: 7px !important;
  background: #ec1c2c !important;
  font-size: 16px;
  padding: 15px 15px;
  color: #fff !important;
}

.cart_totals h2 {
  font-size: 25px !important;
}

.woocommerce-message {
  outline: none !important;
}

#customer_details h3 {
  font-size: 20px !important;
}

.tab_view ul {
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 20px 0;
}

.tab_view ul li {
  list-style: none;
}

.tab_view ul li a {
  text-transform: none;
  font-size: 14px;
  text-decoration: none;
}

.tab_view a:hover {
  background-color: #20272C !important;
}


.term-description .detailpagelising {
  border: solid 1px #e2e2e2;
  padding: 10px;
  background: #fff;
  min-height: 301px;
  border-radius: 7px;
  margin-bottom: 15px;
  text-align: center;
}



/* Placeholder styling */
#live-search-input::placeholder {
  color: #000 !important;
  font-style: italic;
  font-size: 15px !important;
  opacity: 1 !important;
  /* Ensures consistent rendering across browsers */
}

.elementor-19107 .elementor-element.elementor-element-af8f88c .elementskit-navbar-nav>li.current-menu-item>a,
.elementor-19107 .elementor-element.elementor-element-af8f88c .elementskit-navbar-nav>li.current-menu-ancestor>a {
  background: none !important;
}

#sticky-head a .elementskit-submenu-indicator,

#sticky-head.hfe-sticky ul.elementskit-dropdown a .elementskit-submenu-indicator {
  color: #000 !important;
  fill: #000;
}

#sticky-head.hfe-sticky a .elementskit-submenu-indicator {
  color: #fff !important;
  fill: #fff;
}

#productnameform {
  display: none !important;
}

input#live-search-input::placeholder,
input#live-search-input::-webkit-input-placeholder,
input#live-search-input::-moz-placeholder,
input#live-search-input:-ms-input-placeholder,
input#live-search-input::-ms-input-placeholder {
  color: #944701 !important;
  font-style: italic !important;
}

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



  .elementskit-submenu-panel li a i {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }


}



@media screen and (min-width:100px) and (max-width:767px) {
  .logoheader img[src$=".svg"] {
    height: 45px !important;
  }

  .product-sku {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.product-sku {
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
}
  .headerRight1 {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    gap: 10px !important;
    padding-left: 20PX !important;
  }

  .categorySlider,
  .footerOUter,
  .productdetailpage .row,
  .woocommerce div.product div.images.woocommerce-product-gallery {
    grid-template-columns: 1fr !important;
  }

  .woocommerce ul.products,
  .archive.woocommerce ul.products {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px;
  }

  .produtListingBox .img01,
  .produtListingBox .img02,
  .produtListingBox {
    height: 155px;
  }

  .slider-nav button {
    width: 32px;
    height: 32px;
  }

  ul.live-search-list li a {

    grid-template-columns: 30px 1fr;
    font-size: 12px;

  }

  .product-category-logo {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .color-swatch {
    width: 12px !important;
    height: 12px !important
  }

  .woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
  }

  .woocommerce ul.products li.product .product-category-logo {
    margin-top: auto;
    /* pushes it to the bottom */
  }


  .product-color-swatches {
    margin: 0px !important;
  }


  .product-category-logo {
    width: 60px !important;
  }

  .woocommerce ul.products li.product .product-category-logo a img {
    width: 100%;
  }

  .slider-nav .prev-btn,
  .slider-nav .next-btn {
    padding: 0px !important;
    background-size: 32px 32px !important;
  }

  .service_slider {
    font-size: 14px !important;
  }

  .testiHeader {
    padding: 0px 0px 10px 0px !important;
  }

  .item-box {
    padding: 20px;
  }

  /* .thumb, .thumb img { height: 120px !important;} */
  .testimonials_content {
    padding: 0px !important;
  }

  .productInner .pageTitle {
    font-size: 20px;
  }

  body:not([class*=elementor-page-]) .site-main {
    padding: 0px !important;
  }

  .container,
  .container1,
  .container2 {
    padding: 0 20px !important;
  }

  .productRight {
    padding: 0px !important;
  }

  .term-description h1 {
    font-size: 22px !important;
  }

  .woocommerce table.shop_attributes tr {
    display: block;
  }

  .woocommerce table.shop_attributes td {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* .colorImgListing { display: none !important;} */
  .woocommerce div.product div.images.woocommerce-product-gallery {
    gap: 0px !important;
  }

  .woocommerce-product-gallery--columns-4 .flex-control-thumbs {
    order: 2 !important;
    display: flex !important;
  }

  .productdetailpage .row {
    gap: 0px;
  }

  .colorImgListing {
    padding: 0px 0px 0px 35px !important;
    width: 240px !important;
  }

  .shop_attributes {
    padding: 0px !important;
  }

  .shop_attributes {
    display: flex;
    flex-direction: column;
  }

  .shop_attributes .available_shop_attributes {
    order: -1;
    margin: 20px 0;
    padding-bottom: 0px !important;
  }

  .innerbg {
    padding: 30px 0;
  }

  .woocommerce table.shop_attributes th {
    padding: 20px 0 !important;
    font-weight: bold !important;
  }

  .woocommerce table.shop_attributes tr:first-child th {
    padding-top: 0px !important
  }

  .woocommerce div.product .product_title {
    line-height: 100%;
  }

  .thumbimg {
    margin-bottom: 0px !important;
  }

  table.woocommerce-product-attributes {
    margin: 0px !important;
  }

  #sticky-head.hfe-sticky .elementskit-navbar-nav>li>a,
  #sticky-head.hfe-sticky a .elementskit-submenu-indicator {
    color: #000 !important;
  }

  #sticky-head.hfe-sticky a .elementskit-submenu-indicator {
    fill: #000 !important;
  }

  .parent-cat-caps-embroidery-perth .produtListingBox {
    height: 80px;
  }

  .term-description .row,
  .page-content .row {
    grid-template-columns: 1fr 1fr;
    margin: 0px !important;
    display: grid;
    gap: 10px !important;
  }

  .term-description .row .col-lg-3 {
    width: 100%;
    padding: 0px;
  }

  .page-content .cartbtn a {
    font-size: 12px;
    padding: 7px 15px !important;
  }

  .innerHeader {
    padding: 20px 0;
  }

  .page-content .col-lg-3 {
    padding: 10px;
  }

  .term-description .detailpagelising {
    height: 200px;
  }

  .term-description p img {
    margin-bottom: 30px;
  }

  .gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

  .tab_view ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

  .tab_view ul li,
  .tab_view ul li a {
    display: block;
  }

  .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive table {
    width: 100% !important;
    max-width: 100%;
  }

  /* .productimg { height: 400px !important;} */
}


@media screen and (min-width:100px) and (max-width:350px) {
  .colorImgListing {
    padding: 0px 0px 0px 35px !important;
    width: 200px !important;
  }


}




@media screen and (min-width:1200px) and (max-width:1500px) {

  .container,
  .container1,
  .container2,
  .e-con>.e-con-inner {
    width: 1250px !important;
    max-width: 1250px !important;
  }

}




@media screen and (min-width:1500px) and (max-width:1600px) {

  .container,
  .container1,
  .container2,
  .e-con>.e-con-inner {
    width: 1500px !important;
    max-width: 1500px !important;
  }

}



@media screen and (min-width:1601px) and (max-width:2000px) {

  .container,
  .container1,
  .container2,
  .e-con>.e-con-inner {
    width: 1600px !important;
    max-width: 1600px !important;
  }

  #our-services .e-con>.e-con-inner {
    width: 1250px !important;
    max-width: 1250px !important;
    margin: auto !important;
  }

  .produtListingBox,
  .produtListingBox .img01,
  .produtListingBox .img02 {
    height: 380px !important;
  }

  .term-1283 .produtListingBox,
  .term-1283 .produtListingBox .img01,
  .term-1283 .produtListingBox .img02,
  .term-1294 .produtListingBox,
  .term-1294 .produtListingBox .img01,
  .term-1294 .produtListingBox .img02,
  .term-1298 .produtListingBox,
  .term-1298 .produtListingBox .img01,
  .term-1298 .produtListingBox .img02,
  .term-1301 .produtListingBox,
  .term-1301 .produtListingBox .img01,
  .term-1301 .produtListingBox .img02,
  .term-1303 .produtListingBox,
  .term-1303 .produtListingBox .img01,
  .term-1303 .produtListingBox .img02 {
    height: 245px !important;
  }



}


@media screen and (min-width:2000px) and (max-width:500000px) {

  .container,
  .container1,
  .container2,
  .e-con>.e-con-inner,
  .ekit-template-content-header .elementor-19107 {
    width: 2000px !important;
    max-width: 2000px !important;
    margin: auto !important;
  }

  .archive.woocommerce ul.products {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
    gap: 30px;
  }

  #our-services .e-con>.e-con-inner {
    width: 1250px !important;
    max-width: 1250px !important;
    margin: auto !important;
  }




  .produtListingBox,
  .produtListingBox .img01,
  .produtListingBox .img02 {
    height: 480px !important;
  }

  .term-1283 .produtListingBox,
  .term-1283 .produtListingBox .img01,
  .term-1283 .produtListingBox .img02,
  .term-1294 .produtListingBox,
  .term-1294 .produtListingBox .img01,
  .term-1294 .produtListingBox .img02,
  .term-1298 .produtListingBox,
  .term-1298 .produtListingBox .img01,
  .term-1298 .produtListingBox .img02,
  .term-1301 .produtListingBox,
  .term-1301 .produtListingBox .img01,
  .term-1301 .produtListingBox .img02,
  .term-1303 .produtListingBox,
  .term-1303 .produtListingBox .img01,
  .term-1303 .produtListingBox .img02 {
    height: 245px !important;
  }

  .woocommerce div.product div.images.woocommerce-product-gallery {
    grid-template-columns: 120px 1fr !important;
  }

}






/* Hide mobile image on desktop/tablet */
.homepageSlider .owl-carousel .owl-item img.mobile-img {
  display: none;
  border-radius: 0px;
}

/* Hide desktop image on mobile */
.homepageSlider .owl-carousel .owl-item img.desktop-img {
  display: block;
  border-radius: 0px;
}



/* Responsive rule: On screens smaller than 768px, swap visibility */
@media only screen and (max-width: 767px) {
  .homepageSlider .owl-carousel .owl-item img.mobile-img {
    display: block;
  }

  .homepageSlider .owl-carousel .owl-item img.desktop-img {
    display: none;
  }
}

.formRow_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.formOuter input,
.formOuter select,
.formOuter textarea {
  background: #fafafa !important;
  border: solid 1px #eaeaea;
}

.formOuter input:focus,
.formOuter select:focus,
.formOuter textarea:focus {
  border: solid 1px #eaeaea;
}

span.#944701 {
  color: #954900;
}

.formOuter button {
  color: #fff !important;
  border: none !important;
  background: #944701 !important;
}

.formOuter b {
  padding-bottom: 15px;
  font-size: 14px !important;
  margin-bottom: 5px;
}

.woocommerce-loop-product__title {
  text-align: center;
}

.woocommerce-loop-product__title a {
  color: #000000;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px; 
  

}
.product-sku  { text-align: center;}

.woocommerce-loop-product__title a:hover {
  color: #954900;
}

body:not(.elementor-editor-active) .page-content ul {
  margin: 0 0 20px 0;
  padding: 0px;
}

.blogSearch form button {

  padding: 7px 25px !important;
  border: none !important;
  border-radius: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;


}

.Topcart i {
  font-size: 20px;
}

/* =========================
   Flying Bee
========================= */

.flying-bee-wrapper {
  position: fixed;
  top: 35%;
  right: -120px;
  width: 60px;
  z-index: 99999;
  pointer-events: none;

  /* Smooth flying movement */
  animation: bee-flight 18s linear infinite;

  will-change: transform;
}

/* Bee GIF */
.flying-bee {
  width: 100%;
  height: auto;
  display: block;

  /* No flip - bee already faces LEFT */
  transform: none;

  /* Small natural floating movement */
  animation: bee-hover 0.9s ease-in-out infinite alternate;

  will-change: transform;
}


/* =========================
   Flying Path
   RIGHT → LEFT
========================= */

@keyframes bee-flight {

  0% {
    transform: translate3d(0, 0, 0) rotate(-3deg);
  }

  8% {
    transform: translate3d(-10vw, -35px, 0) rotate(4deg);
  }

  16% {
    transform: translate3d(-20vw, 25px, 0) rotate(-5deg);
  }

  25% {
    transform: translate3d(-30vw, -55px, 0) rotate(6deg);
  }

  34% {
    transform: translate3d(-40vw, 15px, 0) rotate(-4deg);
  }

  43% {
    transform: translate3d(-50vw, -45px, 0) rotate(5deg);
  }

  52% {
    transform: translate3d(-60vw, 30px, 0) rotate(-6deg);
  }

  61% {
    transform: translate3d(-70vw, -50px, 0) rotate(5deg);
  }

  70% {
    transform: translate3d(-80vw, 20px, 0) rotate(-4deg);
  }

  80% {
    transform: translate3d(-90vw, -35px, 0) rotate(5deg);
  }

  90% {
    transform: translate3d(-100vw, 15px, 0) rotate(-3deg);
  }

  100% {
    transform: translate3d(-115vw, 0, 0) rotate(2deg);
  }
}


/* =========================
   Natural Hover / Bobbing
========================= */

@keyframes bee-hover {

  0% {
    transform: translateY(-3px);
  }

  100% {
    transform: translateY(3px);
  }
}


/* =========================
   Mobile
========================= */

@media (max-width: 767px) {

  .flying-bee-wrapper {
    width: 55px;
    right: -70px;
    top: 40%;

    animation-duration: 14s;
  }

}




.subtitle .elementor-heading-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;

  font-size: 16px;
  font-weight: 400;
  letter-spacing: 6px;
  line-height: 1.2;
  color: #74401f;
  /* text-transform: uppercase;
  white-space: nowrap; */
}

/* Left & right lines */
.subtitle .elementor-heading-title::before,
.subtitle .elementor-heading-title::after {
  content: "";
  width: 62px;
  height: 1px;
  background: #d99b27;
  display: block;
  flex-shrink: 0;
}


.e-n-tabs-heading {
  margin: -30px 0 0 0 !important;
}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false],
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] a {
  background: #fdd474 !important;
  border-radius: 500px !important;
  border: solid 1px #fdd474 !important;
  padding: 7px 25px;
  font-size: 16px !important;
  color: #000 !important;

  font-weight: bold;
}

.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true] {
  background: #ffb029 !important;
  border: solid 1px #ffb029 !important;
  color: #000 !important;
  padding: 7px 25px;
  border-radius: 500px !important;
  position: relative;
}

/* Down arrow */
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true]::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #eaaa25;
}

/* Cart Button */
.cartBtn .elementor-button {
  transition: all 0.35s ease;
}

/* Button hover */
.cartBtn .elementor-button:hover {
  transform: translateY(-3px);
}

/* Cart icon */
.cartBtn .elementor-button-icon {
  display: inline-flex;
  transition: transform 0.4s ease;
}

/* Move cart icon slightly to the right */
.cartBtn .elementor-button:hover .elementor-button-icon {
  transform: translateX(4px);
}

/* Small cart rotation */
.cartBtn .elementor-button:hover .icon-shopping-cart1 {
  transform: rotate(-8deg);
}


.custom-newsletter {
  width: 100%;
}

.custom-newsletter form {
  margin: 0;
}

.newsletter-form-row {
  display: flex;
  align-items: center;
  width: 100%;
  height: 51px;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

/* Email area */
.custom-newsletter .newsletter-email {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  height: 100%;
  margin: 0 !important;
}

.custom-newsletter .newsletter-mail-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  flex-shrink: 0;
  color: #888888;
  font-size: 21px;
}

.custom-newsletter .tnp-email {
  width: 100%;
  height: 100%;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 15px 0 0 !important;
  margin: 0 !important;
  font-size: 16px;
  color: #333333;
}

.custom-newsletter .tnp-email::placeholder {
  color: #888888;
  opacity: 1;
}

/* Subscribe button */
.custom-newsletter .newsletter-button {
  height: 100%;
  margin: 0;
  padding: 0;
}

.custom-newsletter .tnp-submit {
  height: 100%;
  min-width: 145px;
  padding: 0 30px;
  border: 0 !important;
  border-radius: 16px;
  background: #fdbb2d !important;
  color: #111111 !important;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.custom-newsletter .tnp-submit:hover {
  background: #f5ad17 !important;
  transform: translateY(-1px);
}

/* Privacy checkbox - hidden */
/* .custom-newsletter .newsletter-privacy {
  display: none;
} */
.custom-newsletter .tnp-submit {
  font-size: 16px !important;
  height: 51px !important;
  text-transform: inherit !important;
}

.custom-newsletter .newsletter-privacy {
  padding-left: 25px !important;
}

.custom-newsletter .newsletter-privacy label {
  font-size: 16px;
  opacity: 0.80;
  margin-top: 10px;

}

/* Bottom text */
.custom-newsletter .newsletter-note {
  margin-top: 12px;
  padding-left: 6px;
  font-size: 14px;
  line-height: 1.5;
  color: #555555;
}

/* Mobile */
@media (max-width: 767px) {

  .newsletter-form-row {
    height: 54px;
    border-radius: 14px;
  }

  .custom-newsletter .newsletter-mail-icon {
    width: 48px;
    font-size: 18px;
  }

  .custom-newsletter .tnp-email {
    font-size: 14px;
  }

  .custom-newsletter .tnp-submit {
    min-width: 110px;
    padding: 0 18px;
    border-radius: 14px;
    font-size: 14px;
  }

  .custom-newsletter .newsletter-note {
    font-size: 13px;
    margin-top: 10px;
  }
}

/* p.price {
  display: none !important;
} */

#product-689 p.price {
  display: block !important;
}

h1.product_title {
  padding-bottom: 25px !important;
}

.woocommerce div.product form.cart .button {
  background: #944701 !important;
  color: #fff !important;
  font-size: 18px !important;
  height: 42px;
}

.elementor-heading-title span {
  color: #975509 !important;
}

.box5Outer {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 20px !important;
}

.box5Outer>* {
  grid-column: span 2;
}

.box5Outer>*:nth-child(4) {
  grid-column: 2 / span 2;
}

.box5Outer>*:nth-child(5) {
  grid-column: 4 / span 2;
}

.page-content .woocommerce ul.order_details li { background-image: none !important; }


@media (min-width: 100px) and (max-width: 767px) {
  .homepageSlider {
    min-height: 258px !important;
  }

    .box5Outer {
        display: grid !important;
        grid-template-columns:1fr  !important;
        gap: 20px !important;
    } 
      .blogSearch input::-webkit-input-placeholder {
        color: #999;
        font-size: 12px;
    }

      .blogSearch input::-moz-placeholder {
          color: #999;
          opacity: 1;
      }

      .blogSearch input:-ms-input-placeholder {
          color: #999;
      }
        .subtitle .elementor-heading-title::before,
        .subtitle .elementor-heading-title::after { display: none !important;}

        .contractusOuter .e-con-inner {
          grid-template-columns: 1fr !important;
        }
        .searchOuter { display: grid !important; grid-template-columns: 1fr 50px !important; padding: 0 25px !important  ;}
        .accText { display: none !important;}

        .post_single h1.entry-title {
          font-size: 20px;
          line-height: 25px;
        }

        .headerbtnOuter {
          z-index: 1;
        }

        .headerRight {
          background: none !important;
        }

        .header02::after {
          display: none !important;
        }

        .post_single-header h1 {
          position: relative;
          bottom: 0px !important;
          font-size: 18px !important;
        }

        .bannerOuter {
          background: #21282d !important;
        }

        .keyfeatureList {
          display: grid;
          grid-template-columns: 16% 1fr;
        }

        .keyfeatureList .elementor-heading-title {
          line-height: 25px;
          align-items: flex-start;
        }

        #FooterOuter::after {
          display: none !important;
        }

        .blog_list_page {
          padding: 20px;
        }

        .post_single {
          grid-template-columns: 1fr;
          padding: 20px;
        }

        .post_single_outer {
          padding: 0px;
        }

        .BlogListing .b-item {
          grid-template-columns: 1fr;
        }

        .post_single_full {
          padding: 30px !important;
        }

        .socialmediaright,
        #mobileFooter {
          display: none;
        }

        #mobileFooter.sticky {
          display: block;
        }

        .page-content-1 {
          padding: 30px 0;
        }

        .CTA_btn {
          display: none !important;
        }

        .container1,
        .container2 {
          width: 100%;
        }

        #sticky-head,
        #sticky-head.hfe-sticky {
          position: relative;
          top: 0;
        }


        .footerLogo>.e-con-inner::before {
          height: 60px;
        }

        .headerOuter>.e-con-inner::before,
        .footerLogo>.e-con-inner::before {
          width: 100%;
        }


        .grid-3,
        .grid-2 {
          grid-template-columns: 1fr;
        }

        .checkboForm label,
        .checkboForm p {
          display: block;
        }

        .innerHeader {
          background: #20272c;
          padding: 40px 0px;
          margin-top: 0;
        }

        .breadcrumbs,
        .breadcrumbs a {
          font-size: 14px;
        }

        .mobilefooter {
          display: block;
        }

        .gl_service_list {
          grid-template-columns: 1fr;
        }

        .proejctTitle {
          position: relative;
          top: 0px;
          left: 0px;
        }

        #_gl_slider_service_box .owl-stage-outer,
        #_gl_slider_service_box {
          overflow: hidden !important;
        }

        body {
          padding-top: 0px;
        }

        .topIcon .elementor-icon-wrapper {
          display: flex;
        }

        .item .item-box .testimonials_inner {
          padding: 15px !important;
        }

        .owl-carousel .owl-stage-outer {
          padding: 0px !important;
        }

        .WriteReview {
          position: relative;
          left: 0;
          top: 0;
          right: 0;
        }

        .circleBox {
          width: 200px !important;
          height: 200px !important;
        }

        .innerHeader h1 {
          padding-top: 00px;
        }

        .servicesBox {
          grid-template-columns: 1fr;
          gap: 10px;
          padding: 20px;
        }

        .pdf-entry {
          grid-template-columns: 1fr;
        }

        .page-content-1 {
          padding-top: 0;
        }

        .container,
        .container1,
        .container2 {
          width: 100%;
          max-width: 100%;
        }

        .archive-tab-outer {
          padding: 15px 10px;
        }

        .post_single_outer {
          padding: 20px;
        }

        /* .post_left  { padding: 10px; border-radius: 10px;} */


        .imgOuter {
          grid-template-columns: 1fr;
          gap: 10px;
          padding: 0;
        }

        .blogContent {
          padding: 0 10px;
        }

        .hfe-sticky .miniMenu {
          display: block !important;
          padding: 7px 0;
        }

        .hfe-sticky .headerRight1 {
          display: none !important;
        }

        #sticky-head.hfe-sticky {
          position: fixed;
          top: 0px;
          padding: 0px 15px 5px 15px;
          z-index: 900;
          border-bottom: solid 1px #20272C70;
          background-color: #fff;
        }
.box5Outer {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .box5Outer > * {
    grid-column: 1 / -1 !important;
  }
  .custom-sku { margin-top: 20px;}
  .woocommerce div.product div.images { margin: 0px !important;}

}
