@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap");

body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  zoom: 90%;
}

.place-card.place-card-medium {
    display: none;
}

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

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
h2 {
  font-family: "Roboto Slab";
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

.topNavSection {
  background: #000000;
  padding: 11px 0px;
}

.topNavLeft p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 0;
}
.topNavRight ul {
  display: flex;
  list-style: none;
  justify-content: end;
  flex-wrap: wrap;
}

.topNavRight li {
  padding: 0px 3px;
  color: #fff;
}

.topNavRight li:last-child {
  border-right: none;
}

.topNavRight ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  display: flex;
  align-items: center;
}

.iconsClass {
  margin-top: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  color: #f36b22;
}

.searchSection {
  padding: 20px 0px;
}

.searchInput {
  width: 100%;
  max-width: 320px;
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.searchInput input {
  width: 100%;
  border: 1px solid #dadada;
  min-height: 52px;
  border-radius: 100px;
  padding: 0px 18px;
}

.searchInput input:focus {
  outline: none;
  border: 1px solid #f1592a;
}

.searchInput button {
  position: absolute;
  right: 0;
  background: #f1592a;
  border: 1px solid #dadada;
  border-radius: 100%;
  padding: 9px 14px;
  color: #ffffff;
  right: 6px;
}

.navbar {
  background: #f1592a !important;
  padding: 6px 0px !important;
}

.customNav {
  /* justify-content: start !important; */
}

.nav-item a {
  padding: 21px 20px !important;
  color: #ffffff;
  font-size: 16px !important;
  font-weight: 500;
  text-align: left;
  font-family: "Roboto Slab", serif;
}
.nav-item a:hover {
  background: #f1592a !important;
  color: #ffffff !important;
}

.navbar-nav {
  gap: 15px !important;
  align-items: center !important;
  white-space: nowrap;
}

.active1 {
  color: #ffffff !important;
}
.dropdown-menu li a {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}


.btn-groups {
    border: 3px solid rgb(241, 89, 42);
    position: relative;
   
}
.btn-groups.gallery_download{
     overflow: auto;
    position: sticky;
    position: -webkit-sticky;
    top: 95px;
}
.btn-groups ul {
  padding-left: 0;
  margin-bottom: 0;
}
.btn-groups ul li a {
    color: #494949;
    font-size: 16px;
    font-weight: 400;
    margin-left: 0px;
    display: block;
    transition: 0.3s;
    padding: 10px 20px;
}
.btn-groups ul li a:hover img {
    margin-right: 12px;
    transition: 0.3s;
}
.btn-groups ul li {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f0efef !important;
    text-align: left;
    cursor: pointer;
    width: 100%;
    display: flex;
    transition: 0.5s all;
    font-weight: 400;
    line-height: 18px;
    padding-left: 15px;
    align-items: center;
}
.btn-groups ul li img {
    width: 11px;
    height: 13px;
}
.btn-groups.gallery_download ul li {
    display: block;
    padding-left: 0;
}
.btn-groups.gallery_download ul li:first-child {
    display: flex;
    padding-left: 17px;
}
.btn-groups ul li a img {
    margin-right: 7px;
}

.btn-groups button:hover {
  background: #f1592a17;
}



.slider-sectionLeft h2 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: 30.42px;
  margin-bottom: 0;
}

.slider-sectionLeft h3 {
  display: flex;
  font-size: 60px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: 0.04em;
  align-items: center;
}

.slider-sectionLeft h3 span {
  font-size: 30px;
  font-weight: 300;
  line-height: 25.63px;
}

.slider-sectionLeft p {
  color: #000000;
  font-size: 25px;
  font-weight: 600;
  line-height: 27.03px;
}

.breaking_text {
  padding-bottom: 30px;
}

.slider-sectionLeft a {
  padding: 10px 30px;
  background: #f1592a;

  color: #ffffff !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 30.42px;
  border-radius: 100px;
}

.saleCrousel .owl-carousel button.owl-dot {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  margin-right: 10px;
  background-image: none;
}

.saleCrousel .owl-carousel button.active {
  background-color: #f1592a;
  background-image: none;
}

.saleCrousel .owl-dots {
  position: absolute;
  right: 0;
  top: 93%;
  transform: translateY(-50%);
  position: absolute;
  right: 43%;
  transform: translateY(-50%);
}

.section {
  display: none;
}

.activeTab {
  display: block;
}

.Categorybox {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}

.categorySection {
    box-shadow: 0px 0px 4px 0px #00000040;
    width: 100%;
    height: 194px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 19px;
    cursor: pointer;
    background: #222222;
    border-radius: 11px;
    transition: 0.3s;
    padding: 18px 0px 0px;
}

.categorySection p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24.34px;
  text-align: center;
  color: #ffffff;
  font-family: "Roboto Slab";
}

.ToolGallery_section {
  margin-bottom: 20px;
}

.ToolGallery_section .toolGallery_item {
    max-width: 310px;
    height: 371px;
    width: 100%;
    box-shadow: 0px 0px 5px 0px #00000040;
}

.toolGallery_item {
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.toolGallery_item p {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
  color: #000000;
}

.latestCrousel-section {
  width: 100%;
  background-image: url("../images/sliderBg.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 50%;
  padding: 55px 0px;
}

.latestUnderLine {
  width: 100%;
  height: 1px;
  background: #ebebeb;
  margin-bottom: 20px;
}

.shopNowSection {
  background-image: url("../images/Mask\ group\ \(1\).png");
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 28px 30px;
  background-position: bottom;
}

.safetyHelmet {
  background-image: url("../images/Mask\ group\ \(2\).png");
}

.shopNowSection h3 {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  line-height: 25px;
}

.shopNowSection p {
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.34px;
  text-align: left;
  margin-bottom: 20px;
}

.shopNowSection a {
  border: 1px solid #ffffff;
  background-color: #f1592a;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 100px;
}

.latestNewBox {
  box-shadow: 0px 0px 1px 0px #00000040;
  background: #ffffff;
}

.latestNewBox img {
  max-height: 284px;
}

.latestNewBox h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000000;
}

.latestNewBox p {
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.34px;
  letter-spacing: 0.03em;
  text-align: center;
}

.latest-heading {
  color: #000000;
  font-size: 30px;
  font-weight: 900;
  line-height: 25px;
  letter-spacing: 0.03em;
  text-align: left;
}

.latestCrousel-section .owl-carousel .owl-nav.disabled {
  display: block !important;
  position: absolute;
  right: 17px;
  top: -55px;
}

.latestCrousel-section .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background-image: url("../images/Vector\ 1.svg");
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

.latestCrousel-section .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background-image: url("../images/Vector\ 2.svg");
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

.latestCrousel-section .owl-prev span {
  /* background-image: url('../images/dropIcon.svg');
    width: 10px ;
    height: 10px;
    background: 0 !important; */
  display: none !important;
}

.googleTitle-Section.owl-prev span {
  display: none !important;
}

.latestCrousel-section .owl-next span {
  /* background-image: url('../images/dropIcon.svg');
        width: 10px ;
        height: 10px;
        background: 0 !important; */
  display: none !important;
}

.latestSection_text {
  padding: 30px 17px;
}

.latestSection_text h3 a {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-align: center;
}

.latestSection_text p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.34px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #5e5e5e;
}

.brandsCrousel-section {
  padding: 45px 0px;
}

.brandCrousel_Box {
  border: 1px solid #f6f6f6;
  padding: 30px;
  max-height: 112px;
}

.googleTitle-Section {
  background: #f6f6f6;
  padding: 56px 0px;
}

.googleTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
}

.googleTitle h1 {
  color: #1b1b1b;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  margin-bottom: 0;
  margin-right: 10px;
  word-spacing: -7px;
}
.googleTitle span img {
  width: 100px;
}

.footer-logo {
  padding-right: 45px;
}
.footer-list {
  margin-top: 25px;
  max-width: 250px;
}
.footer-list h1 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30.42px;
  margin-bottom: 0;
  text-transform: capitalize;
  font-family: "Roboto Slab";
}

.footer-list ul {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}
.footer-list ul li {
  display: flex;
  padding: 5px 0px;
}

.footer-list ul li a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    display: flex;
}

.footer-unerline {
  width: 48px;
  height: 3px;
  background-color: #f1592a;
  border-radius: 10px;
}
.footerIcon {
  background-color: #f1592a;
  padding: 5px 5px;
  color: #ffffff;
  border-radius: 50%;
  margin-right: 10px;
}

.gmail-icon {
  padding: 7px 8px;
}
.phone-icon {
  padding: 6px 8px;
}
.locationIcon {
  padding: 6px 10px;
}
footer {
  background-color: #191919;
  padding: 58px 0px;
}
.followUs {
  display: flex;
  align-items: center;
  gap: 10px;
  /* padding-bottom: 0px; */
  justify-content: center;
}
.followUsIcon {
  display: flex;
  align-items: center;
  gap: 13px;
}
.copyright {
  border-top: 1px solid #676767;
  background: #191919;
  padding: 22px 0px 15px;
  text-align: center;
  color: #fff;
}
.footerIcons {
  color: #f1592a;
  font-size: 25px;
}
.followUs p {
  font-size: 15px;

  font-weight: 400;

  color: #ffffff;
}

.drop ul li {
  padding: 10px 0px;
  border-top: 1px solid #f0efef !important;
}

.btn-groups::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.btn-groups::-webkit-scrollbar-track {
  background: #dbd8d8;
}

/* Handle */
.btn-groups::-webkit-scrollbar-thumb {
  background: #f1592a !important;
  border-radius: 10px;
}

.topNavRight li a i {
  color: #f36b22;
  margin-top: 3px;
  margin-left: 14px;
  font-size: 19px;
}
.header-address {
  display: flex;
  justify-content: end;
}

.header-address img {
  margin-right: 9px;
}

.header-address h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.header-address p {
  font-size: 15px;
  margin-bottom: 4px;
}

.header-address p i {
  background: #f1592a;
  border-radius: 100%;
  color: #fff;
  /* padding: 3px 12px 3px 6px; */
  font-size: 12px;
  line-height: 2;
  margin-right: 4px;
  width: 23px;
  height: 23px;
  text-align: center;
}

.header-address p a {
  color: #000;
}
.btn-groups ul li:first-child {
    background: #f1592a;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding-bottom: 13px;
    padding: 10px 20px;
}

.owl-carousel.seleSection .owl-nav button.owl-prev, .owl-carousel.seleSection .owl-nav button.owl-next {
    position: relative;
    left: inherit;
    right: inherit;
    text-align: inherit;
    margin: 0px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background-image: url("data:image/svg+xml, %3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='24.5' stroke='%23f1592a'/%3E%3Cmask id='path-2-inside-1_157_110' fill='%23f1592a'%3E%3Cpath d='M21.5648 32L22.1609 31.4043L15.6792 24.9216L37 24.9216L37 24.0784L15.6781 24.0784L22.1609 17.5968L21.5648 17L14.065 24.4998L21.5648 32Z'/%3E%3C/mask%3E%3Cpath d='M21.5648 32L22.1609 31.4043L15.6792 24.9216L37 24.9216L37 24.0784L15.6781 24.0784L22.1609 17.5968L21.5648 17L14.065 24.4998L21.5648 32Z' fill='%233D3D3D'/%3E%3Cpath d='M21.5648 32L19.0738 34.4909L21.5639 36.9811L24.0549 34.4918L21.5648 32ZM22.1609 31.4043L24.651 33.8961L27.1434 31.4054L24.652 28.9136L22.1609 31.4043ZM15.6792 24.9216L15.6792 21.3989L7.17548 21.3989L13.188 27.4124L15.6792 24.9216ZM37 24.9216L37 28.4444L40.5227 28.4444L40.5227 24.9216L37 24.9216ZM37 24.0784L40.5227 24.0784L40.5227 20.5556L37 20.5556L37 24.0784ZM15.6781 24.0784L13.1874 21.5872L7.17231 27.6011L15.6781 27.6011L15.6781 24.0784ZM22.1609 17.5968L24.6516 20.088L27.1415 17.5985L24.6533 15.1073L22.1609 17.5968ZM21.5648 17L24.0573 14.5105L21.5663 12.0166L19.0739 14.509L21.5648 17ZM14.065 24.4998L11.5741 22.0088L9.08319 24.4997L11.574 26.9907L14.065 24.4998ZM24.0549 34.4918L24.651 33.8961L19.6708 28.9125L19.0747 29.5082L24.0549 34.4918ZM24.652 28.9136L18.1703 22.4309L13.188 27.4124L19.6697 33.8951L24.652 28.9136ZM15.6792 28.4444L37 28.4444L37 21.3989L15.6792 21.3989L15.6792 28.4444ZM40.5227 24.9216L40.5227 24.0784L33.4773 24.0784L33.4773 24.9216L40.5227 24.9216ZM37 20.5556L15.6781 20.5556L15.6781 27.6011L37 27.6011L37 20.5556ZM18.1688 26.5695L24.6516 20.088L19.6702 15.1056L13.1874 21.5872L18.1688 26.5695ZM24.6533 15.1073L24.0573 14.5105L19.0724 19.4895L19.6685 20.0862L24.6533 15.1073ZM19.0739 14.509L11.5741 22.0088L16.556 26.9908L24.0558 19.491L19.0739 14.509ZM11.574 26.9907L19.0738 34.4909L24.0558 29.5091L16.556 22.0089L11.574 26.9907Z' fill='%23f1592a' mask='url(%23path-2-inside-1_157_110)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ffffff !important;
    border: 0px !important;
}
.saleCrousel .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 475px;
    object-fit: cover;
}
.owl-carousel.seleSection .owl-nav button.owl-prev span,
.owl-carousel.seleSection .owl-nav button.owl-next span {
  display: none;
}
.owl-carousel.seleSection .owl-nav button.owl-next {
  transform: rotate(180deg);
  position: absolute;
  right: 17px;
}

.owl-carousel.seleSection .owl-nav {
  position: absolute;
  bottom: 55%;
  width: 100%;
}

.owl-carousel.seleSection .owl-nav button.owl-prev {
  position: absolute;
  left: 17px;
}
section.tools_sec {
  background: #000;
  padding: 46px 0px;
  margin-top: 46px;
}
section.tools_sec h2 {
  font-size: 40px;
  color: #f1592a;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  font-family: "Roboto Slab";
}
.latestCrousel-section h2 {
  color: #ea5729;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

.latestCrousel-section .owl-dots {
  display: block !important;
  text-align: center;
  margin-top: 20px;
}
.latestCrousel-section .owl-dots button.active {
  background: #ea5729;
  border-radius: 50%;
}
.latestCrousel-section .owl-dots button {
  background: #c3b6b2;
  border-radius: 50%;
  margin-right: 5px;
}
.need_quality_sec {
  background-image: url(../images/Group\ 1741.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 51px 0px;
  margin-bottom: 77px;
}

.need_quality_sec h3 {
  color: #fff;
}

.need_quality_sec h2 {
  color: #fff;
}

.high_btn a {
  padding: 10px 20px;
  color: #fff;
  font-size: 17px;
  background-color: #34a853;
  border-radius: 2px;
}

.need_quality_sec .row {
  align-items: center;
}

.high_btn {
  float: right;
}

.need_quality_sec .col-lg-12 .row {
  background: #e9562a;
  margin-bottom: -133px;
  padding: 55px 22px;
  margin-top: 31px;
}

.box_counter {
  text-align: center;
}

.box_counter h3 {
  font-size: 16px;
  margin: 0;
}
.need_quality_sec .col-lg-8 h3 {
  font-size: 20px;
}
.ToolGallery_section .toolGallery_item p {
  margin-top: 31px;
  color: #494949;
  font-family: "Roboto Slab";
}

.retail_wholse_sec h2 {
  text-align: center;
  color: #ea5729;
  font-size: 40px;
}
.our_brand_sec {
  background-color: #f3f3f3;
  margin-bottom: 38px;
}

.our_brand_sec h2 {
  margin-bottom: 39px;
}
.form_box {
    background-color: #f1592a;
    padding: 31px 38px 20px;
    margin: 50px 0px 60px;
    position: relative;
}

.form_box input,
.form_box textarea {
  width: 100%;
  margin-bottom: 10px;
  padding: 14px;
  border: 0;
  border-radius: 6px;
}

.form_box button {
  background-color: #fff;
  border: 0;
  padding: 14px 48px;
  border-radius: 5px;
  font-weight: 500;
  text-transform: uppercase;
}

.quick_form_sec h2 {
  color: #fff;
}

.quick_form_sec p {
  font-size: 20px;
}
.form_box input:focus-visible,
.form_box textarea:focus-visible {
  outline: none;
}
footer p {
  color: #fff;
  margin-bottom: 0;
}

.footer-list ul li img {
  width: auto;
  height: 14px;
  margin: 4px 6px 0px 0px;
}
.copyright p {
  padding-bottom: 10px;
  margin-bottom: 0;
}
.indutry_application {
  margin-bottom: 63px;
}
.industry_app_img img {
  width: 100%;
  /* margin-top: 24px; */
}

.indutry_application div#nav-tab {
  border-top: 1px solid #e3e3e3;
  border-bottom: 0;
  padding-top: 0px;
  padding-bottom: 17px;
  width: 100%;
  justify-content: space-between;
}

.indutry_application div#nav-tab .nav-link {
  border: 0;
  padding-top: 20px;
}

.indutry_application div#nav-tab img {
  margin-right: 8px;
}

.indutry_application div#nav-tab button {
  color: #000;
  font-weight: 500;
}

.indutry_application div#nav-tab .nav-link.active {
  border-top: 2px solid #ea5729 !important;
  display: block !important;
  padding-top: 18px;
  border-radius: 0;
}

.indutry_application div#nav-tab .nav-link img {
  filter: brightness(0) invert(0);
}

.indutry_application div#nav-tab .nav-link.active img {
  filter: none;
}
.indutry_application div#nav-tab .nav-link.active:focus-visible {
  box-shadow: none;
}
.saleCrousel {
  margin-top: 45px;
}

.categorySection:hover img {
  transform: scale(1.1);
  transition: 0.3s;
}

.categorySection:hover {
  margin-top: -5px;
}

.navbar ul li ul li a {
    padding: 10px 20px !important;
    text-transform: capitalize;
}
.navbar ul li ul {
  padding: 0;
}
.industry_app {
  position: relative;
  margin-top: 27px;
}

.industry_app:after {
  content: "";
  position: absolute;
  background-color: #0000008f;
  inset: 0;
  z-index: 0;
}

.industry_app_context {
  position: absolute;
  bottom: 24px;
  left: 8%;
  z-index: 1;
}

.industry_app_context h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
}

/* about-us */
.service_banner_sec {
  background-image: url(../images/Mask\ group.png);
  background-size: cover;
  padding: 164px 0px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  background-position: right;
}
.service_banner_sec:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00000075;
  z-index: 0;
}
.service_banner_sec h1 {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 39px;
  font-weight: 600;
  font-family: "Roboto Slab";
}

.companys_buliding_sec p {
  text-align: center;
}
.vision_mission_sec {
  background-image: url(../images/Mask\ group.png);
  background-size: cover;
  padding: 39px 0px 0px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.vision_mission_sec:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000000b0;
  z-index: 0;
}
.vi-mi-contetxt {
  background-image: url(../images/Polygon1.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  padding: 135px 98px 132px 99px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  background-position: center;
  transition: 0.7s;
}
.vision_mission_sec .row {
  justify-content: center;
}
.vi-mi-contetxt h3 {
  color: #ea5729;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 21px;
}

.vi-mi-contetxt p {
  color: #fff;
  -moz-transform: scale(-1, 1);
  /* -webkit-transform: scale(-1, 1); */
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  /* transform: scale(-1, 1); */
}
.vision_mission_sec .col-lg-6:hover {
  transform: rotateY(180deg);
  transition: transform 1.2s;
  transform-style: preserve-3d;
  position: relative;
  z-index: 2;
}

.vision_mission_sec .col-lg-6:hover .vi-mi-contetxt {
  background-image: url(../images/Polygon2.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  padding: 135px 98px 132px 99px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  background-position: center;
  /* transition: 0.7s; */
  -moz-transform: scale(-1, 1);
  /* -webkit-transform: scale(-1, 1); */
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  /* transform: scale(-1, 1); */
}
.vision_mission_sec .col-lg-6:hover .vi-mi-contetxt h3 {
  color: #000;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

section.profile_sec {
  margin-top: 74px;
}

section.profile_sec .row {
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 5px 0px #ccc;
  padding: 18px 33px;
}

.profile_text p {
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  color: #494949;
  line-height: 1.8;
}
.profile_name {
  display: flex;
  line-height: 0;
  margin-top: 25px;
  align-items: center;
}

.profile_name p {
  font-size: 20px;
  margin-right: 17px;
  margin-bottom: 0;
  font-weight: 600;
  color: #ea5729;
  font-family: "Roboto Slab";
}

.profile_name img {
  position: relative;
  top: 3px;
  cursor: pointer;
}
.showroom_sec .row:first-child {
  justify-content: center;
  text-align: center;
}
.teams_img {
  text-align: center;
}
.our_brand_sec.about_brand_sec {
  background-color: #f3f3f300;
  margin-bottom: 0;
  margin-top: 111px;
  padding-bottom: 0;
}
.vision_mission_sec .row .col-lg-6:last-child {
  position: relative;
  top: -24px;
}
.about_brand_sec .latestNewBox {
  box-shadow: 0px 0px 5px 0px #cccccc69;
  margin: 10px 5px;
}
.refund_retrun_contaxt {
  margin-bottom: 43px;
}
.refund_retrun_contaxt h2 {
  text-align: left;
  margin-bottom: 4px;
}
.brand_logo_sec {
  margin-bottom: 47px;
}

.brand_logo {
  margin-top: 60px;
}

.brand_logo h2 {
  background: #f1592a;
  text-align: center;
  color: #fff;
  font-size: 40px;
  margin-bottom: 22px;
}

.brand_logo ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  /* border-right: 1px solid #DCDCDC; */
  /* border-bottom: 1px solid #DCDCDC; */
}

.brand_logo ul li {
  border: 1px solid #c5c5c5;
  padding: 11px 12px 0px;
  display: ruby;
  width: 25%;
  height: 178px;
  justify-content: center;
  text-align: center;
  margin: auto;
  display: flex;
  /* border-left: 1px solid #DCDCDC; */
  align-items: center;
  margin: 0;
  margin-top: -1px;
  margin-left: -1px;
}
.brand_logo ul li a {
  display: grid;
  margin: 0;
}

.brand_logo ul li a span:last-child {
  max-width: 70px;
  width: 70px;
  overflow: hidden;
  margin: 0 auto;
}
.brand_logo ul li a span:last-child img {
  width: 100%;
  margin: 0 auto;
}
.contact-card {
  padding: 20px;
  padding-bottom: 30px;
  background: #f7f7f7;
}
.contact-card p {
  text-align: left;
}

.contact-card h5 {
  font-weight: bold;
}

.map-img {
  width: 100%;
  height: auto;
  margin-top: 15px;
}

.btn-view-location {
  color: #f1592a;
  margin-top: 15px;
  padding: 12px;
  border-radius: inherit;
  width: 250px;
  border: 1px solid black;
}
.arrow {
  margin-left: 6px;
}

/* .btn-view-location:hover {
    background-color: #e64a19;
  } */
.map-img {
  width: 223px;
  height: 156px;
  top: 917px;
  left: 429px;
  gap: 0px;
  opacity: 0px;
}
.contact-card .para {
  font-family: Roboto Slab;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}
.icon {
  height: 20px;
}
.iframenew iframe {
  height: 590px;
}
.contact-card-new {
  padding: 15px 10px 8px 10px;
  /* margin-bottom: 20px; */
  background: #f7f7f7;
}

.service-center p {
  font-family: Roboto Slab;
  /* font-size: 20px;
      font-weight: 600; */
  line-height: 20px;
  text-align: left;
}
.contact-card .row .col-md-6:last-child {
  display: flex;
  align-items: center;
}
.download_sec {
  margin-top: 50px;
}

section.download_sec h2 {
  font-size: 40px;
  text-align: center;
}

.download_sec h3 {
  text-align: center;
  font-family: "Roboto Slab";
  margin-top: 27px;
  font-size: 25px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}

.download_type img {
  width: 100%;
}

.download_type {
  border: 1px solid #d9d9d9;
  padding: 18px;
  overflow: hidden;
  margin-top: 31px;
}
.download_type:hover img {
  transform: scale(1.2);
  transition: 0.4s;
}

.download_type img {
  transition: 0.4s;
}

.download_type:hover h3 {
  color: #f1592a;
}
.download_box:hover h3 {
  color: #f1592a;
  transition: 0.3s;
}

/* services */
.service-item {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.service-item img {
  width: 100%;
}
.service-item-parent h3 {
  font-family: Roboto Slab;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  text-align: left;
  color: #000000;
}
.service-item-parent h3.mt-4 {
  border-bottom: 1px solid #c9c9c9;
  padding-bottom: 20px;
}
.service-item-parent {
  padding-top: 55px;
}

.service-item-parent h2 {
  color: #ea5729;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000c9;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.service-item:hover .overlay {
  opacity: 1;
}

.text {
  color: #ffffff;
  margin: 40px;
  transform: translateY(100%);
  transition: transform 0.5s ease;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.service-item:hover .text {
  transform: translateY(0);
}

/* gallery */
.hex-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-top: -130px;
}
.hex-cell {
    width: 217px;
    height: 310px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    background-image: url(../images/Polygon1.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.hex-cell img {
    width: 58%;
    position: relative;
    top: -34px;
}

.gallery_main_sec {
    margin-top: 84px;
}
.our_brand_sec.about_brand_sec.contact_contact {
  margin-top: 0;
  padding-top: 0;
}
.gallery_main_sec .row .col-lg-8 .hex-grid:first-child {
    margin-top: -17px;
}
.contact-card p a {
  color: #494949;
}
.whatsapp-button-footer {
  position: fixed;
  bottom: 58px;
  right: 42px;
  z-index: 99;
}
.whatsapp-button-footer a {
  display: block;
  text-decoration: none;
}
.page-header.is-sticky {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  padding: 0px 0 8px;
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  padding-bottom: 0;
  top: 0;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.contact-card a.btn-view-location:hover {
  color: #ffffff;
  background-color: #f1592a;
  transition: 0.3s;
  border: 1px solid #f1592a;
}
.contact_client_sec {
  padding-top: 0;
}
.form_box button:hover {
  color: #f1592a;
  transition: 0.3s;
}
.gateway_sec p:last-child {
  margin-bottom: 0;
}
.vision_mission_sec .col-lg-6:hover .vi-mi-contetxt p {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.navbar ul li ul li {
    background-color: none !important;
    padding: 0;
    border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.whatsapp-button-footer img {
    animation: 2s infinite shadow-pulse;
    border-radius:100%;
}
@keyframes shadow-pulse{0%{box-shadow:0 0 0 0 rgb(0 221 150 / 27%)}100%{box-shadow:0 0 0 20px rgb(0 221 150 / 15%)}}

.navbar ul li ul {
    border-radius: 0;
    width:100% !important;
}

/*============additional===================*/

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: block;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background-color: #d9d9d9 !important;
  border: 1px solid #dbdbdb;
}

.owl-carousel .owl-dots button.active {
  background-color: #ea5729 !important;
}
.brand_logo ul li a img {
  max-width: 120px;
}
.brand_logo ul li img {
  max-width: 120px;
}
.latestCrousel-section .contact-card p {
  margin: 0px 0px 7px;
}
.latestCrousel-section .contact-card .topcontentin {
  margin: 0px 0px 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.latestCrousel-section .contact-card p i {
  font-size: 22px;
  color: #6c6c6c;
  width: 30px;
  text-align: center;
}
.contact-card img.icon {
  margin-left: 5px;
}

.btn-view-location span {
  margin-left: 8px;
}
.btn-view-location:hover span img {
  filter: brightness(0) invert(1);
}
.contact-card .row .col-md-6:last-child {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.contactsec2 {
  padding: 0px;
}
.contact-card-new {
  padding: 20px;
  background: #f7f7f7;
}

.contact-card-new img {
  border-radius: 20px;
  width: 100%;
}
.iframenew,
.iframenew iframe {
  height: 100%;
}
.contactsec4 .owl-nav.disabled,
.contactsec3 .owl-nav.disabled {
  display: none !important;
  opacity: 0;
}

.customform input,
.customform textarea {
  font-size: 16px;
}
.customform textarea {
  height: 110px;
  resize: none;
}
.row.customform p {
  margin: 0px;
}
.service-item .text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.footer-logo img {
  max-width: 204px;
}
.mb-40 {
  margin: 0px 0px 30px !important;
}
section .owl-nav.disabled {
  display: none !important;
  opacity: 0;
}

/*=====================responsive====================*/
/*=======media query======*/

@media (min-width: 992px) {
  .container {
    max-width: 1100px;
  }
  .navwrap {
    align-items: center;
    gap: 20px;
    justify-content: space-between;
  }
  .onscrollogo {
    max-width: 179px;
    display: none;
  }
  .navwrapmenu .customNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .navwrap {
    display: block;
  }
  .page-header.is-sticky .navwrap {
    display: flex;
  }
  .page-header.is-sticky .onscrollogo {
    display: block;
  }

  .page-header.is-sticky section.searchSection {
    display: none;
  }
}

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

@media screen and (min-width: 1151px) {
}

@media screen and (max-width: 1199px) {
  .latestCrousel-section .contact-card p i {
    font-size: 16px;
    width: 20px;
  }
}

@media screen and (max-width: 1150px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 100%;
  }
  .onscrollogo {
    display: none;
  }
  .saleCrousel .col-md-8,
  .saleCrousel .col-md-4 {
    width: 100%;
    margin: 0px 0px 30px;
  }
  .contact-card .row {
    flex-direction: column;
  }
  .contact-card .row .col-md-6 {
    width: 100%;
  }
  .contact-card .row .col-md-6:last-child {
    justify-content: flex-start;
  }
  .contact-card .row .col-md-6:last-child img.sec-img {
    max-width: 180px;
  }
  .latestCrousel-section .contact-card p i {
    font-size: 16px;
    width: 20px;
  }
  .btn-view-location {
    width: auto;
  }
  .service-item-parent h3 {
    font-size: 18px;
  }
  .mb-40 {
    margin: 0px 0px 25px !important;
  }
}
.icon.footer_whtas_icon {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 0px;
    display: inline-block;
}
.phone-icon2 {
    font-size: 24px;
    padding: 2px 9px;
}

.company_logo {
    text-align: center;
    box-shadow: 0px 0px 5px 0px #00000040;
    margin-top: 28px;
    padding: 25px;
    height: 248px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    box-shadow: 0px 0px 5px 0px #00000040;
    padding: 10px;
    text-align: center;
    padding-bottom: 15px;
}

.woocommerce ul.products li.product a {
    color: #494949;
    font-family: "Roboto Slab";
    text-transform: uppercase;
    padding-bottom: 18px!important;
    display: block;
    font-size: 20px;
}
.wrap {
    margin-top: 42px;
}

.wrap h1 {
    font-family: 'Roboto Slab';
    text-align: center;
}

.wrap form.woocommerce-ordering select {
    padding: 10px 9px;
    border: 1px solid #f1592a;
    color: #000000;
    margin-bottom: 20px;
}

.wrap form.woocommerce-ordering select:focus{
	outline:none;
}
.wrap .product-type-simple {
    padding: 17px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 13px!important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 2.9% 2.992em 0!important;
}

.woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 {
    padding-top: 22px!important;
    font-size: 20px!important;
    color: #494949;
    font-family: "Roboto Slab";
    text-transform: uppercase!important;
}
.wpcf7-spinner {
    position: absolute!important;
    right: 2%;
}
.form_box input.wpcf7-submit {
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}
.latestCrousel-section.position-relative.showroom_sec {
    padding: 0px 0px 55px;
}



/* blog css */
.innerbanner ol.breadcrumb li:first-child a {
    color: #f1592a;
}

.innerbanner ol.breadcrumb li a {
    color: #fff;
}

.content_min .blog_widget.post {
    box-shadow: 1px 2px 10px #ccc;
    padding: 0;
}

.content_min .blog_widget.post h2 {
    background: #f1592a;
    text-align: center;
    color: #fff;
    font-size: 29px;
    padding: 11px 0px;
    margin-bottom: 0;
}

.content_min .blog_widget.post .recent_post {
    margin: 0;
    padding: 10px 14px 9px 15px;
    border-bottom: 1px solid #f1592a;
    display: flex;
    align-items: center;
}

.content_min .blog_widget.post .recent_post .rct_text a {
    color: #f1592a;
}

.content_min .blog_widget.post .recent_post img {height: -webkit-fill-available;}

.content_min .blog_widget.post .recent_post .rct_text p {
    margin-bottom: 0;
}

.content_min .blog_widget.post .recent_post:last-child {
    border-bottom: none;
}
.blog_content {
    box-shadow: 1px 2px 10px #ccc;
    padding: 19px 21px;
}

.blog_content figure {
    object-fit: cover;
    height: 372px;
    width: 100%;
    margin-bottom: 40px;
}

.blog_content figure img {
    height: auto;
}
.article-wrapper .article-body {
    padding-top: 10px;
}

.article-wrapper .article-body h2 {
    color: #f1592a;
}

.article-wrapper .article-body p {
    margin-bottom: 0;
}

.article-wrapper .article-body a.read-more {
    color: #ffffff;
    margin-top: 12px;
    background: #f1592a;
    text-align: center;
    padding: 9px 21px;
}

.article-wrapper .article-body a.read-more svg {
    display: none;
}
.blog-pagination .page-numbers.current {
    padding: 10px 17px;
    background: #f1592a;
    color: white;
}
.blog-pagination .pagination a {
    padding: 10px 17px;
    background: #191919!important;
    color: white;
    margin-right: 9px;
}

/* blog end */

.gateway_sec p {
    font-size: 18px;
}

/* categores start*/
.tabsection .tabs {
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    justify-content: center;
    gap: 12px;
    transition: all 0.3s;
}
.tabsection .tab.active {
    color: #f1f1f1;
    background-color: #f1592a;
}
.tabsection .tab {
    padding: 10px 42px;
    cursor: pointer;
    background-color: transparent;
    flex-shrink: 0;
    border: 1px solid #f1592a;
    border-radius: 24px;
    margin: 2px;
    font-size: 17px;
    font-weight: 500;
}
.tabsection .tab-content {
    display: none;
    padding: 20px 0px 0px;
    width: 100%;
}
.tabsection .col-md-4 {
    padding: 0 8px;
}
.tabsection .img-box img {
    width: 100%;
}

.tabsection .img-box a {
    color: #1082b8;
    text-decoration: none;
    font-weight: 500;
}
.img-box {
    box-shadow: 0px 0px 5px 0px #00000040;
    padding: 12px;
    margin-top: 25px;
	width:100%;
}

.tabsection h2 {
    text-align: center;
    text-transform: uppercase;
    margin: 48px 0px 27px;
    font-size: 2.5rem;
}

.tabsection {
    margin-bottom: 66px;
}

.img-content h3 {
    font-size: 20px;
    color: #494949;
    font-family: "Roboto Slab";
    text-transform: uppercase;
    text-align: center;
    padding-top: 27px;
    margin-bottom: 0;
    padding-bottom: 14px;
}

.tabsection .row .col-md-4 {
    display: flex;
}
.meet_team_sec .col-lg-6 img {
    margin-top: 6px;
    border: 7px solid #ffffff;
    box-shadow: 0px 0px 0px 2px #f1592a;
    margin-bottom: 23px;
}
.woocommerce-page ul.products li.product:hover img {
    transform: scale(1.08);
    transition: .3s;
}
.woocommerce-page ul.products li.product{
   overflow:hidden;
    transition: .3s;
}
.navwrapmenu {
    position: relative;
}

.woocommerce nav.woocommerce-pagination ul li a {
    color: #f1592a!important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #f1592a!important;
    color: #fff!important;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 1px solid #f1592a!important;
    margin-bottom: 36px!important;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    border-right: 1px solid #f1592a!important;

}

.woocommerce .woocommerce-pagination ul.page-numbers li:last-child, .woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child {
    border-right: none!important;
}

.sliderBgImage img {
    background: #f1592a;
}