/* dongle-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Dongle";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/dongle-v15-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dongle-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Dongle";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dongle-v15-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dongle-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Dongle";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/dongle-v15-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow-x: hidden;
  font-family: degular, sans-serif;
  font-weight: 400;
  color: var(--grey);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.row {
  margin: 0;
}
.row > * {
  padding: 0;
}
* {
  transition: all 0.3s linear;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
:root {
  --urbane: "urbane", sans-serif;
  --dongle: "dongle", sans-serif;
  --grey: #84797c;
  --red: #9a1d26;
  --yellow: #ffc323;
  --brown: #3b3124;
}
p {
  margin: 0;
}
a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
}
/*Fonts*/

.yellow20px {
  font-size: 2rem;
  line-height: 1.75rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: #ffc323;
  text-transform: uppercase;
}
.white2024 {
  font-size: 2rem;
  line-height: 1.25rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
.white4048 {
  font-size: 3.5rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: #fff;
}
.white2835 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #fff;
}
.white2631 {
  font-size: 2rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  color: #fff;
  font-weight: 600;
}
.grey2226 {
  font-size: 2.25rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
}
.lightgrey1826 {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #808080;
  font-weight: 500;
}
.white2428 {
  font-size: 2.5rem;
  line-height: 1.5rem;
  color: #fff;
  font-family: var(--dongle);
  font-weight: 600;
}
.grey3036 {
  font-size: 3.5rem;
  list-style: 2rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
}
.grey6072 {
  font-size: 6rem;
  line-height: 3.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
}
.grey2rem {
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
}

.grey5566 {
  font-size: 7rem;
  line-height: 4rem;
  color: var(--grey);
  font-family: var(--dongle);
  font-weight: 600;
}

.white22px {
  font-size: 1rem;
  line-height: 1.1rem;
  font-weight: 400;
}
.whitecolor {
  color: #fff;
}

.yellow16px {
  font-size: 1.3rem;
  line-height: 1.1rem;
  color: #ffc323;
  font-family: var(--dongle);
  font-weight: 600;
}

.greycolor {
  color: var(--grey);
}
.redcolor {
  color: var(--red);
}
.uppercase {
  text-transform: uppercase;
}
.whitebackground {
  background-color: #fff;
}
.darkbackground {
  background-color: #efefef;
}
.row-reverse {
  flex-direction: row-reverse;
}
.textcenter {
  text-align: center;
}
.textcentre {
  text-align: center;
}

input,
textarea {
  font-family: degular, sans-serif;
}

.block-bg-container {
  position: relative;
  overflow: hidden;
}
.block-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}
.block-bg-content {
  position: relative;
  z-index: 2;
}

.btnyellow,
.woocommerce a.button {
  font-size: 2rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 8px 15px 6px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.btnyellow:hover,
.woocommerce a.button:hover {
  transform: scale(1.1);
  background-color: white;
  color: var(--brown);
  border-color: var(--yellow);
}
.btncontainer {
  display: flex;
}

.btnchatbox {
  padding: 3px 17px 1px;
}

.btngrey {
  font-size: 2rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: var(--grey);
  padding: 8px 15px 6px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: #ffc323;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.btngrey:hover {
  transform: scale(1.1);
  background-color: white;
  color: var(--grey);
}

.btnyellowarrow {
  font-size: 2rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 8px 15px 6px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.btnyellowarrow::after {
  content: "\f245";
  font-family: "FontAwesome";
  color: var(--grey);
  font-size: 1rem;
  padding-left: 10px;
}
.btnyellowarrow:hover {
  transform: scale(1.1);
  background-color: white;
  color: var(--brown);
}
.btnyellowarrow:hover::after {
  color: var(--grey);
}

.btnblue {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #1e2a5a;
  padding: 8px 15px 6px;
  border: 3px solid #1e2a5a;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.btnblue:hover {
  background-color: var(--red);
  border: 3px solid var(--red);
  transform: scale(1.1);
}

.btnbluearrow {
  font-size: 2rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: var(--grey);
  padding: 10px 20px 9px;
  border: 0px solid var(--grey);
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.btnbluearrow::after {
  content: "\f245";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 0.9rem;
  padding-left: 10px;
}
.btnbluearrow:hover {
  transform: scale(1.1);
  background-color: white;
  color: var(--grey);
  border-color: var(--brown);
}
.btnbluearrow:hover::after {
  color: #fff;
}

.btnbluesmall {
  font-size: 2rem;
  line-height: 1.25rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: var(--grey);
  padding: 5px 11px 3px;
  border: 2px solid #1e2a5a;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.btnbluesmall:hover {
  background-color: var(--yellow);
  border-color: var(--red);
  transform: scale(1.1);
}

.btnsignup {
  font-size: 1.8rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: var(--grey);
  padding: 8px 15px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.btnsignup:hover {
  background-color: var(--yellow);
}

.woocommerce button.button {
  font-size: 1rem;
  line-height: 1rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: var(--grey);
  padding: 10px 15px;
  border: 3px solid var(--grey);
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.woocommerce button.button:hover {
  background-color: var(--red);
  border: 3px solid var(--red);
  transform: scale(1.1);
  color: #fff;
}

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

.woocommerce form .form-row input.input-text {
  border: 1px solid var(--grey);
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
  font-size: 1rem;
}

/*Header*/
.headertop {
  background-color: #3b3124;
  padding: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: var(--dongle);
  font-weight: 600;
  font-size: 2rem;
}
.headermain {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-color: #fff;
}
.logobox {
  display: flex;
  padding: 15px 20px 10px;
  justify-content: flex-start;
  align-items: center;
}
.logobox .establishimg {
  width: 60px;
  object-fit: contain;
}
.logobox .custom-logo {
  width: 180px;
  height: 70px;
  object-fit: contain;
  max-width: 180px;
}
.logobox a {
  display: flex;
}
.menubox {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  column-gap: 15px;
  width: -webkit-fill-available;
}
.headercontact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  background-color: #ffc323;
  padding: 15px 20px 10px;
  row-gap: 10px;
}
.headertelephone {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.headertelephone img {
  width: 20px;
  height: 25px;
  object-fit: contain;
}
.headertelephone a {
  font-size: 3.5rem;
  color: var(--grey);
  font-family: var(--dongle);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.headeremail {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.headeremail img {
  width: 20px;
  object-fit: contain;
}
.headeremail a {
  font-size: 1.92rem;
  color: var(--grey);
  font-family: var(--dongle);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.headerbasket img {
  width: 28px;
  object-fit: contain;
  margin-bottom: 4px;
  max-width: 28px;
}
.headerbasket img:hover {
  filter: brightness(2);
}
.headeruser img {
  width: 24px;
  object-fit: contain;
  max-width: 24px;
}
.headeruser img:hover {
  filter: brightness(2);
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link {
  font-family: var(--dongle) !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 28px;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: var(--yellow);
  font-weight: 600;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #ffc323;
  font-weight: 600;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  font-family: var(--dongle);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 28px;
  background-color: var(--grey);
  border-bottom: 1px solid #7e7e7e;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover {
  color: var(--yellow) !important;
  font-weight: 600;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-current_page_item
  a.mega-menu-link {
  color: #ffc323;
  font-weight: 600;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link {
  color: var(--yellow);
  font-weight: 600;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu {
  padding: 0;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  .mega-current_page_item
  > a.mega-menu-link {
  color: var(--yellow) !important;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after {
  margin: 0 0 0 2px;
  font-size: 1.2rem;
}
.productqty {
  background-color: var(--yellow);
  border-radius: 20px;
  color: #fff;
  font-size: 18px;
  line-height: normal;
  font-family: var(--dongle);
  font-weight: 400;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -11px;
  z-index: 999;
}
.headerbasket a {
  display: flex;
  text-decoration: none;
}
.menuiconbox {
  display: flex;
  column-gap: 15px;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
}

.responsive-header {
  display: none;
}
.menu_text_resp {
  display: none;
  font-family: var(--dongle);
  font-weight: 600;
}

.menuskipresp {
  display: none !important;
}

/*scroll menu*/
.scrollheader {
  width: 100%;
  position: fixed;
  z-index: 4000;
  border-bottom: 4px solid var(--grey);
  animation: fadeInDown 0.6s;
}
.scrollmenu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 100px 5px;
  background-color: #fff;
}
.scrollmenu .scrolllogo {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.scrollmenu .scrolllogo .custom-logo {
  width: 100px;
  object-fit: contain;
  height: 45px;
}
.scrollmenu .scrolllogo .establishimg {
  width: 50px;
  object-fit: contain;
}
.scrollmenu .scrolllogo a {
  display: flex;
  padding-top: 5px;
}
#scrollmenu {
  display: none;
}

.scrollmenu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: 0 0 0 45px;
}
.scrollmenubox {
  display: flex;
  align-items: center;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*Footer*/
.footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #3b3b3b;
  padding: 40px 100px;
}
.footercontact-resp {
  display: none;
}
.footerlogo img {
  width: 150px;
  height: 60px;
  object-fit: contain;
  margin-top: 13px;
}
.footerlogo {
  background-color: #fff;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerlogo a {
  display: flex;
}
.footermenu1 ul {
  list-style: none;
  padding: 0;
}
.footermenu1 ul li a {
  font-size: 2rem;
  line-height: 1.75rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: #ffc323;
  text-transform: uppercase;
  text-decoration: none;
}
.footermenu1 ul li a:hover {
  color: #8d8d8d;
}
.footermenu1 li {
  margin-top: 5px;
}
.footermenu2 ul {
  list-style: none;
  padding: 0;
}
.footermenu2 ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
}
.footermenu2 ul li a:hover {
  color: #ffc323;
}
.footermenu2 li {
  margin-top: 10px;
}
.footermenu3 ul {
  list-style: none;
  padding: 0;
}
.footermenu3 ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
}
.footermenu3 ul li a:hover {
  color: #ffc323;
}
.footermenu3 ul li {
  margin-top: 10px;
}
.footercontact {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
}
.footeraddress {
  text-align: right;
  color: #fff;
}
.socialfooter {
  display: flex;
  justify-content: flex-end;
  column-gap: 9px;
}
.socialfooter i {
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialfooter .fa-facebook {
  background-color: #ffc323;
  color: var(--grey);
  font-size: 21px;
}
.socialfooter .fa-instagram {
  background-color: #ffc323;
  color: var(--grey);
  font-size: 21px;
}
.socialfooter .fa-youtube-play {
  background-color: #ffc323;
  color: var(--grey);
  font-size: 21px;
}

.socialfooter i:hover {
  background-color: #8d8d8d;
}
.footertelephone img {
  filter: brightness(300%);
  width: 20px;
  height: 25px;
  object-fit: contain;
}
.footertelephone {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.footertelephone a {
  font-size: 4rem;
  color: #fff;
  font-family: var(--dongle);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.footerbootom {
  width: 100%;
  background-color: #3b3b3b;
  border-top: 4px solid #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  row-gap: 10px;
}
.footerbootom a {
  color: #fff;
  text-decoration: none;
}
.footerpaymenticon img {
  height: 20px;
  object-fit: contain;
}
.footerpaymenticon img.ftvisalogo {
  height: 17px;
}
.footerpaymenticon {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  margin-top: 5px;
}

/*Newsletter Section*/
.newslettersection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  background-color: #ffc323;
  padding: 50px 100px;
}
.newsletterbox {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
}
.nlbtnbox {
  display: flex;
}
.newsletterbox .nlbinput input {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--grey);
  padding: 10px;
  background-color: #fff;
  border: none;
  width: 100%;
}
.nlbtnbox .wpcf7-spinner {
  display: none;
}
.newslettercontainer {
  width: 900px;
}
.newsletterbox .nlbinput input:focus::placeholder {
  color: transparent;
}

/*Home Banner*/
.homebanner {
  border-top: 4px solid var(--grey);
  border-bottom: 8px solid var(--grey);
  position: relative;
  width: 100%;
  z-index: 1;
  height: calc(100vh - 140px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hbuspbox {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.owl-homesliderusp .owl-item img {
  height: 45px;
  width: 50px;
  object-fit: contain;
}
.homebannerusp {
  padding: 10px 100px;
  background-color: rgba(0, 0, 0, 0.8);
}
.homebannerusp-db {
  background-color: rgba(59, 59, 59, 0.75);
}
.homebannerusp .owl-nav {
  display: none;
}
#myVideo {
  position: absolute;
  width: 100%;
  top: -80px;
  left: 0;
  z-index: -1;
  height: auto;
}
.volumnbtn {
  position: absolute;
  right: 25px;
  bottom: 160px;
  border: none;
  background-color: transparent;
}
.onlinebookingblock {
  margin-top: auto;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px 0 15px;
}
#obblockdesktop {
  display: flex;
}
#obblockresponsive {
  display: none;
}
.hbhireskip {
  width: 25%;
  position: relative;
  border-right: 1px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.hbhireskipabs {
  display: none;
  position: absolute;
  bottom: 104%;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 4px solid var(--grey);
}
.hbhireskipabs div {
  padding: 15px 20px;
  text-align: center;
}
.hbhireskip:hover .hbhireskipabs {
  display: flex;
}
.hbhireskip:hover h3 {
  transform: scale(1.2);
}
.hbhireskip:hover .fa-angle-up {
  transform: translateY(-5px);
}
.hbhireskip img {
  width: 100%;
  height: auto;
}

.hbwastecollection {
  width: 25%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.hbwastecollectionabs {
  display: none;
  position: absolute;
  bottom: 104%;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 4px solid var(--grey);
}
.hbwastecollectionabs div {
  padding: 15px 20px;
  text-align: center;
}
.hbwastecollection:hover .hbwastecollectionabs {
  display: flex;
}
.hbwastecollection:hover h3 {
  transform: scale(1.2);
}
.hbwastecollection:hover .fa-angle-up {
  transform: translateY(-5px);
}
.hbwastecollection img {
  width: 100%;
  height: auto;
}
.onlinebookingblock .fa-angle-up {
  color: #ffc323;
  font-weight: 900;
  font-size: 30px;
}
.btncontobb {
  display: flex;
  margin-top: 5px;
}
.volumnbtn img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  cursor: pointer;
}

/*Default Banner*/
.defaultbanner {
  border-top: 4px solid var(--grey);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.defbantitlebox {
  padding: 60px 100px;
  background-color: rgba(237, 220, 102, 0.75);
}

/*Map Section*/
.mscontent {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.mscontentoverlay {
  background-color: rgba(59, 59, 59, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 100px;
  text-align: center;
  row-gap: 20px;
  height: 100%;
}
.msbtncontainer {
  display: flex;
  column-gap: 20px;
  margin-top: 10px;
}
.msmap {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

/*Video Column Section*/

.videocolumnsection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 100px;
  row-gap: 15px;
}
.vcscontainer {
  margin-top: 18px;
}
.vcsbox {
  padding: 0 10px;
}
.vcsbox h3 {
  width: 100%;
  background-color: var(--grey);
  display: flex;
  justify-content: center;
  padding: 10px 0;
  border-top: 4px solid var(--grey);
  font-size: 2.5rem;
  line-height: 1.75rem;
  color: #fff;
  text-transform: uppercase;
  font-family: var(--dongle);
  font-weight: 600;
}
.vcsimgbox {
  display: flex;
  cursor: pointer;
  position: relative;
}
.vcsimgbox:hover .fa-play {
  color: #fff;
}
.vcsimgbox .fa-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.55);
  color: #ffc323;
  font-size: 38px;
  border-radius: 50%;
  line-height: 38px;
  padding: 7px 8px 7px 16px;
}
.vcsimgbox .vcsimage {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  height: auto;
}
.vcsboxdesc {
  padding: 25px 30px;
  text-align: center;
  background-color: #f8f8f8;
}
.videopopup {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 4000;
}
.videopopup video {
  width: 100%;
  max-width: 800px;
}
.vscvideobox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 30px;
  width: 100%;
}
.videopopup .fa-times {
  color: #ffc323;
  background-color: #7d7d7d;
  font-size: 25px;
  padding: 2px 5px 4px;
  border-radius: 50%;
  cursor: pointer;
}
.videopopup .fa-times:hover {
  color: #fff;
}

/*Two Column Slider*/
.twocolumnslider {
  position: relative;
}
.tcsboxcontent {
  background-color: #3b3b3b;
  padding: 60px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 15px;
}
.tcsboxcontent div p {
  text-align: center;
}
.tcsbtnbox {
  margin-top: 10px;
  display: flex;
}
.owl-twocolumnslider .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
}
.owl-twocolumnslider .owl-nav .fa-angle-left {
  color: #ffc323;
  font-size: 40px;
}
.owl-twocolumnslider .owl-nav .fa-angle-right {
  color: #ffc323;
  font-size: 40px;
  padding: 0 14px;
}
.owl-twocolumnslider .owl-nav i:hover {
  color: #fff;
}
.owl-twocolumnslider .owl-nav button.owl-next {
  background-color: rgba(59, 59, 59, 0.6);
  padding: 2px 3px 4px 4px !important;
  border-radius: 25px;
}
.tcscontentimage img {
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.tcsboxreverse {
  flex-direction: row-reverse;
}
.tcsbox {
  height: 100%;
}
.owl-twocolumnslider .owl-stage {
  display: flex;
}
.owl-twocolumnslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
  position: absolute;
  left: 24.5%;
  transform: translateX(-24%);
}
.owl-twocolumnslider button.owl-dot {
  background-color: #fafafa;
  padding: 6px !important;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 50%;
}
.owl-twocolumnslider button.owl-dot:hover {
  background-color: var(--red);
}
.owl-twocolumnslider button.active {
  background-color: #ffc323;
}

/*FAQ's Banner*/
.faqbanner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 15px 0;
}
.faqbanneroverlay {
  background-color: rgba(25, 25, 25, 0.85);
  padding: 40px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 50px;
}
.fbfaqcontainer a {
  border-right: 3px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 0;
}
.fbfaqcontainer a:last-child {
  border-right: none;
}
.fbfaqcontainer {
  width: 100%;
}
.fbbtncontainer {
  margin-top: 5px;
  display: flex;
}

/*Blue Banner*/
.bluebanner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 15px 0;
}
.bluebanneroverlay {
  background-color: rgba(25, 25, 25, 0.85);
  padding: 40px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bluebannercontent {
  width: 70%;
}
.bluebannercontent p {
  margin-bottom: 1rem;
}
.bluebannercontent h2,
.bluebannercontent h3,
.bluebannercontent h4 {
  margin-bottom: 1rem;
}
.bluebannercontent a {
  text-decoration: none;
  color: #fff;
}

/*Image Banner*/
.imagebanner {
  display: flex;
}
.imagebanner img {
  width: 100%;
}

/*Content Button Banner*/
.contentbtnbanner {
  background-color: #ffc323;
  padding: 40px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 30px;
}
.cbbbtnbox {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 25px;
}
.cbbdescription {
  width: 70%;
  text-align: center;
}
.cbbdescription p {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.cbbdescription h3 {
  margin-bottom: 30px;
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  text-transform: uppercase;
}
.cbbdescription p a {
  text-decoration: none;
  color: inherit;
}
.cbbdescription ul {
  width: fit-content;
  list-style: none;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.cbbdescription ul li {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}
.cbbdescription ul li::before {
  content: "\f105";
  font-family: "FontAwesome";
  color: var(--grey);
  font-size: 20px;
  padding-right: 15px;
  font-weight: 700;
}

/*Two Col Yellow Banner*/
.twocolyellowbanner {
  padding: 0;
  background-color: #ffc323;
}
.tcybcontent {
  padding: 60px 100px;
  display: flex;
  flex-direction: column;
}
.tcybcontent h1,
.tcybcontent h2,
.tcybcontent h3 {
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
}
.tcybcontent ul {
  column-count: 1;
  width: 70%;
  list-style: none;
  margin-bottom: 1rem;
}
.tcybcontent ul li {
  display: flex;
  align-items: flex-start;
  padding: 5px 0;
}
.tcybcontent ul li::before {
  content: "\f111";
  font-family: "FontAwesome";
  color: var(--grey);
  font-size: 10px;
  padding-right: 15px;
}
.tcybcontent p {
  margin-bottom: 1rem;
}
.tcybimage img {
  width: 100%;
  display: flex;
  height: 100%;
  object-fit: cover;
}
.tcybbtn {
  margin-top: 30px;
}

/*USP Banner*/
.uspbanner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.uspbanneroverlay {
  background-color: rgba(59, 59, 59, 0.9);
  padding: 60px 100px 55px;
}
.uspbannercontainer {
  display: flex;
  justify-content: space-around;
}
.uspbannerbox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  row-gap: 23px;
}
.uspbannerbox img {
  height: 80px;
  object-fit: contain;
}

/*Testimony Section*/
.testimonysection {
  display: flex;
  justify-content: space-between;
  padding: 60px 0 30px;
}
.testimonyleft {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  padding: 40px 100px;
  width: 50%;
}
.testimonyright {
  width: 40%;
}
.testimonydesc {
  text-align: center;
  width: 70%;
}
.testimonybtnbox-left {
  margin-top: 10px;
  display: flex;
}
.testimonybtnbox-right {
  display: none;
}
.testimonystar {
  width: 130px;
  object-fit: contain;
}
.testimonyboxinner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  background-color: #e0e0e0;
  position: relative;
  padding: 40px 20px 20px;
}
.owl-testimony img.testimonytopquote {
  position: absolute;
  left: -10px;
  width: 50px;
  object-fit: contain;
  top: 20px;
}
.owl-testimony img.testimonybottomquote {
  position: absolute;
  right: -10px;
  width: 50px;
  object-fit: contain;
  bottom: 20px;
}
.testimonybox {
  padding: 20px;
}
.testimonybottombox {
  width: 100%;
  align-items: center;
}
.testimonyquote {
  text-align: center;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.owl-testimony img.testimonygoogleicon {
  width: 40px;
  object-fit: contain;
}
.owl-testimony img.testimonyboxstar {
  width: 100px;
  object-fit: contain;
  display: block;
  margin: auto;
}
.owl-testimony .owl-stage-outer {
  margin-left: -25%;
}
.owl-testimony {
  position: relative;
}
.owl-testimony .owl-nav {
  position: absolute;
  bottom: 50px;
  left: -35%;
  display: flex;
}
.owl-testimony .owl-nav .owl-next i {
  display: inline-block;
  padding: 12px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border: solid var(--yellow);
  border-width: 0 4px 4px 0;
  font-size: 0;
}
.owl-testimony .owl-nav .fa-angle-left:hover {
  color: #1e2a5a;
}
.owl-testimony .owl-nav .owl-prev i {
  display: inline-block;
  padding: 12px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border: solid var(--yellow);
  border-width: 0 4px 4px 0;
  font-size: 0;
}
.owl-testimony .owl-nav i:hover {
  border-color: var(--brown);
}

/*Latest News*/
.latestnewsouter {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.latestnews {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 15px;
  padding: 50px 150px;
  background-color: rgba(221, 221, 221, 0.9);
}
.latestnewsbox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 30px;
}
.latestnewsbox .lnboximg {
  width: 100%;
  aspect-ratio: 16/11;
  object-fit: cover;
  height: auto;
}
.lnbcontent {
  padding: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.lnbcontentbottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.latestnewsbtnbox {
  display: flex;
  margin-top: 20px;
}
.latestnewscontainer-responsive {
  display: none;
}

/*Instagram Feed*/
.instagramfeed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.instagramfeedoverlay {
  background-color: rgba(59, 59, 59, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
  padding: 80px 100px;
}
.instafeedcontainer {
  width: 100%;
}
.instafeedfollowbox {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.instafeedfollowbox i {
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.instafeedfollowbox .fa-facebook {
  background-color: #ffc323;
  color: var(--grey);
  font-size: 21px;
  font-weight: bold;
}
.instafeedfollowbox .fa-instagram {
  background-color: #ffc323;
  color: var(--grey);
  font-size: 21px;
  font-weight: bold;
}
.instafeedfollowbox .fa-youtube-play {
  background-color: #ffc323;
  color: var(--grey);
  font-size: 21px;
  font-weight: bold;
}
.instagramfeed i:hover {
  background-color: #8d8d8d;
}

/*product archive*/
.productarchivesection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 25px;
  background-color: #efefef;
  padding: 50px 100px;
}
.prodarcsecbox {
  padding: 10px;
}
.prodarcsecbox .pasboximg {
  width: 100%;
  background-color: #fff;
  height: auto;
}
.prodarcsecboxinner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.prodarcsecboxinner .pasboximglink {
  width: 100%;
  display: flex;
  text-decoration: none;
}
.prodarcsecboxinner h2 {
  width: 100%;
  background-color: var(--grey);
  display: flex;
  justify-content: center;
  padding: 10px 0;
  border-top: 4px solid var(--grey);
  font-size: 2.5rem;
  line-height: 1.75rem;
  color: #fff;
  text-transform: uppercase;
  font-family: var(--dongle);
  font-weight: 600;
}
.pasbtnbox {
  display: flex;
}
.pasboxprice {
  padding: 20px 0;
}
.paspayment {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
}
.passecurepayment {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
}
.passecurepayment img {
  height: 20px;
  object-fit: contain;
}
.pasvisalogo {
  height: 15px;
  object-fit: contain;
}
.pasmastercardlogo {
  height: 20px;
  object-fit: contain;
}
.pasmaestrologo {
  height: 20px;
  object-fit: contain;
}
.pasgooglepay {
  height: 20px;
  object-fit: contain;
}
.pasapplepay {
  height: 20px;
  object-fit: contain;
}
.pascontainer {
  row-gap: 30px;
  justify-content: center;
}

/*Accordions*/
.accordionblock {
  padding: 60px 150px 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 30px;
  background-color: #efefef;
}

.accordioncotainer {
  width: 100%;
}

.accordion {
  background: none;
  cursor: pointer;
  padding: 18px 18px 18px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  border-bottom: 1px solid var(--grey);
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.activeaccordion,
.accordion:hover {
  background-color: none;
}
.panel {
  padding: 20px 0;
  display: none;
  overflow: hidden;
  border-bottom: 1px solid var(--grey);
}
.accordiontextbox {
  padding-right: 100px;
}
.accordiontextbox-100 {
  width: 100%;
  padding-right: 0;
}
.accordiontextbox p {
  margin-bottom: 1rem;
}
.accordionimgbox {
  display: flex;
}
.accordionimgbox img {
  width: 100%;
  object-fit: contain;
}
.accordion::before {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 40px;
  color: #ffc323;
  background-color: var(--grey);
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition-duration: 1s;
}
.activeaccordion::before {
  transform: rotate(180deg);
  transition-duration: 1s;
}
.accordion:hover::before {
  color: #ffc323;
}
.accorblockdesc {
  width: 50%;
  text-align: center;
}
.accorblocktype {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
.accorblocktypebox {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/*Team Member*/
.teammemberblock {
  padding: 70px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  background-color: #efefef;
  scroll-margin-top: 80px;
}
.teammemberblockdesc {
  width: 50%;
  text-align: center;
}
.teammembercontainer {
  justify-content: center;
}
.teammemberbox {
  padding: 20px;
  max-width: 400px;
}
.teammemberboxinner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 15px #00000029;
  row-gap: 17px;
}
.teammemberboxinner h3 {
  margin-top: 10px;
}
.teammemberbox img {
  width: 100%;
  object-fit: contain;
}
.teammemberboxdesc {
  width: 100%;
  border-top: 3px solid var(--red);
  padding: 20px 15px;
  text-align: center;
}

/*page content*/
.pagecontent {
  padding: 80px 100px;
  background-color: #efefef;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagecontent h1,
.pagecontent h2,
.pagecontent h3 {
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.pagecontent p {
  margin-bottom: 1.25rem;
}
.pagecontent p:last-child {
  margin-bottom: 0;
}
.pagecontenttext a {
  text-decoration: none;
  color: var(--yellow);
}
.pagecontentinner {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pagecontentbtn {
  display: flex;
  margin-top: 30px;
  column-gap: 25px;
}
.whitebackground {
  background-color: #fff;
}

/*Three Column Content*/
.threecolumncontent {
  padding: 80px 75px;
  background-color: #efefef;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 40px;
}
.threecolumncontent h2,
.threecolumncontent h3 {
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.threecolumncontent h3 {
  font-size: 3.4rem;
}

.threecolumncontent h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.threecolumncontent p {
  margin-bottom: 1.25rem;
}
.threecolumncontent p:last-child {
  margin-bottom: 0;
}
.threecolumncontent a {
  text-decoration: none;
  color: var(--grey);
}
.threecolumnbox {
  padding: 0 25px;
}
.whitebackground {
  background-color: #fff;
}
.threecolumn-top {
  width: 70%;
}
.threecolumn-cont {
  justify-content: center;
  row-gap: 40px;
}

/*Two Column Content*/
.twocolumncontent {
  padding: 80px 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twocolumncontent h2,
.twocolumncontent h3 {
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 30px;
}
.twocolumncontent h2:nth-child(1),
.twocolumncontent h3:nth-child(1) {
  margin-top: 0px;
}
.twocolumncontent p {
  margin-bottom: 1rem;
}
.tccboxbtn {
  display: flex;
  column-gap: 20px;
  margin-top: 40px;
}
.tccblockboxcontent {
  padding-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tccboxreverse {
  flex-direction: row-reverse;
}
.tccboxreverse .tccblockboxcontent {
  padding-left: 80px;
  padding-right: 0;
}
.tccblock {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
.tccblockboximage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  height: fit-content;
}
.tccblockboximage img {
  width: 100%;
  object-fit: contain;
}
.tccblockboxcontent ul {
  column-count: 2;
  width: 70%;
  list-style: none;
  margin-bottom: 1rem;
}
.tcclistclass ul {
  column-count: 1;
}
.tccblockboxcontent ul li {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.tccblockboxcontent ul li::before {
  content: "\f111";
  font-family: "FontAwesome";
  color: var(--brown);
  font-size: 10px;
  padding-right: 15px;
}
.tccblockboxconttext a {
  text-decoration: none;
  color: var(--grey);
}
.tccbottom {
  margin-top: 80px;
}
.tcctop {
  margin-bottom: 60px;
  width: 70%;
}
.tcctop ul {
  column-count: 2;
  width: 70%;
  list-style: none;
  margin-bottom: 1rem;
}
.tcctop ul li {
  display: flex;
  align-items: center;
}
.tcctop ul li::before {
  content: "\f111";
  font-family: "FontAwesome";
  color: var(--brown);
  font-size: 15px;
  padding-right: 20px;
}

.tcctop a {
  text-decoration: none;
  color: var(--grey);
}
.tccbottom h2,
.tccbottom h3 {
  margin-top: 60px;
}

.textimgblockbox {
  padding: 0px 40px 0px 0px;
}
.tccboxreverse .textimgblockbox {
  padding: 0px 0px 0px 50px;
}
.textimageblock h2,
.textimageblock h3 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.textimageblock {
  padding: 80px 100px;
}
.tccbottom a {
  text-decoration: none;
  color: var(--grey);
}

/*Icon Block*/
.icontextblock {
  padding: 80px 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 50px;
}
.itblocktop h2,
.itblocktop h3 {
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
}
.itblocktop p {
  margin-bottom: 1rem;
}
.itblocktop {
  width: 70%;
}
.itblockbottom {
  width: 70%;
}
.itbcontainer {
  width: 100%;
  justify-content: space-around;
}
.icontextbox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icontextbox h3,
.icontextbox h4 {
  font-size: 2.5rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  margin-bottom: 10px;
  text-decoration: none;
  margin-top: 20px;
}
.icontextbox a {
  color: var(--grey);
  text-decoration: none;
}
.icontextbox img {
  width: 250px;
  object-fit: contain;
}

/*Contact Form*/
.contactblocksection {
  padding: 80px 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
}
.contactblock {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.contactformcont {
  margin-top: 10px;
}
.cbaddress {
  background-color: #ffc323;
  padding: 15px 20px 20px;
  margin-top: -80px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  text-align: right;
}
.cfcontright {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.cfcontleft input[type="text"] {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  border: none;
}
.cfcontleft input[type="email"] {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  border: none;
}
.cfcontleft input[type="tel"] {
  width: 50%;
  padding: 12px;
  border-radius: 20px;
  border: none;
}

.cfcontleft
  .gform_legacy_markup_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  border: none;
}
.cfcontleft
  .gform_legacy_markup_wrapper
  .cfpostcode
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  border: none;
}
.cfcontleft
  .gform_legacy_markup_wrapper
  .cfskipsize
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  border: none;
}

.cfcontleft .gform_legacy_markup_wrapper ul.gform_fields li.gfield select {
  padding: 11px;
  border-radius: 20px;
  border: none;
}

.cfcontleft .gform_legacy_markup_wrapper .top_label .gfield_label {
  font-size: 2.25rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  margin-top: 10px;
}
.cfcontleft .gform_legacy_markup_wrapper .gform_footer input[type="submit"] {
  font-size: 2rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 8px 15px 6px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}

.cfcontleft .gform_legacy_markup_wrapper .gfield_checkbox li input {
  width: 20px;
  height: 20px;
  margin-top: 0 !important;
  margin-right: 10px;
}

#field_6_4 {
  width: 100% !important;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.gform_legacy_markup_wrapper .field_description_below .gfield_description {
  padding-top: 0 !important;
}
.gform_legacy_markup_wrapper ul.gform_fields {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
}
#field_6_2 {
  width: 100%;
}

#field_6_10 {
  width: 100%;
}

.cfcontleft .cfpostcode input[type="text"] {
  width: 40%;
  padding: 12px;
  border-radius: 20px;
  border: none;
}
.cfcontleft .wpcf7-list-item {
  margin: 0;
}
.cfcontleft textarea {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  margin-top: 3px;
  border: none;
  font-family: "Degular", sans-serif;
  font-weight: 400;
  color: var(--grey);
}
.cfcontleft .gform_legacy_markup_wrapper textarea {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  margin-top: 3px;
  border: none;
  font-family: "Degular", sans-serif;
  font-weight: 400;
  color: var(--grey);
}

.cfcontleft form.wpcf7-form {
  width: 80%;
}
.cfcontleft .gform_legacy_markup_wrapper {
  width: 80%;
}

.socialiconcontact {
  margin-top: 5px;
}
.cfcontleft .cfrow {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  row-gap: 3px;
}
.cfcontleft .cfrowbottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.cfcheckbox label {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-right: 30px;
}
.cfcontleft .gdpraccptbox label {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.cfcontleft .gdpraccptbox label a {
  text-decoration: none;
  color: var(--grey);
}
.cfcheckbox {
  margin-top: 5px;
}
.cfbtnbox {
  display: flex;
  flex-direction: row-reverse;
}
.wpcf7-checkbox {
  display: flex;
}
.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
}

.wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
}

.wpcf7-checkbox input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
}

.wpcf7-checkbox input[type="checkbox"] + span:before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 0;
  height: 22px;
  width: 22px;
  top: 0px;
  left: 0px;
  background-color: #fff;
}

.wpcf7-checkbox input[type="checkbox"] + span:after {
  display: block;
  position: absolute;
  content: "\2713";
  height: 22px;
  width: 22px;
  top: 0;
  left: 0;
  visibility: hidden;
  font-size: 18px;
  text-align: center;
}

.wpcf7-checkbox input[type="checkbox"]:checked + span:before {
  background: #fff;
}
.wpcf7-checkbox input[type="checkbox"]:checked + span:after {
  visibility: visible;
  color: #2a3139;
  background-color: #fff;
}
.wpcf7-list-item-label {
  margin-left: 40px;
  display: inline-block;
}
.wpcf7-not-valid-tip {
  color: var(--red);
}
#field_2_3 {
  width: 100%;
}
#field_2_4 {
  width: 100%;
}
#field_2_5 {
  width: 100%;
}
#field_2_12 {
  width: 100%;
}

.socialiconcontact {
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
}

.socialiconcontact i {
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialiconcontact .fa-facebook {
  background-color: var(--grey);
  color: #ffc323;
  font-size: 21px;
}
.socialiconcontact .fa-instagram {
  background-color: var(--grey);
  color: #ffc323;
  font-size: 21px;
}
.socialiconcontact .fa-youtube-play {
  background-color: var(--grey);
  color: #ffc323;
  font-size: 21px;
}
.socialiconcontact i:hover {
  background-color: #8d8d8d;
}
textarea:focus,
input:focus {
  outline: none;
}

/*Map Section*/
.mapblock {
  padding: 0px;
}
.mapblockcont {
  width: 100%;
  display: flex;
}
.mapblockcont iframe {
  width: 100%;
  height: 300px;
}
.mapblockcontent {
  padding-right: 100px;
}
.mapblockcontent h2,
.mapblockcontent h3 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
}
.mapblockcontent p {
  margin-bottom: 1rem;
}

.mapblockcontent ul {
  column-count: 2;
  width: 70%;
  list-style: none;
  margin-bottom: 1rem;
}
.mapblockcontent ul {
  column-count: 1;
}
.mapblockcontent ul li {
  display: flex;
  align-items: center;
}
.mapblockcontent ul li::before {
  content: "\f111";
  font-family: "FontAwesome";
  color: var(--red);
  font-size: 15px;
  padding-right: 20px;
}
.mapblockcontent a {
  text-decoration: none;
  color: var(--grey);
}
.mapblockcount ul {
  column-count: 2;
}
.mapblockbtn {
  margin-top: 50px;
}

/*Area Cover*/
.areacover {
  padding: 80px 100px;
  background-color: #efefef;
}
.areacovercont {
  width: 100%;
}
.areacovercont img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.areacovercontent {
  padding-right: 100px;
}
.areacovercontent h2,
.areacovercontent h3 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 30px;
}
.areacovercontent p {
  margin-bottom: 1rem;
}

.areacovercontent ul {
  column-count: 1;
  width: 70%;
  list-style: none;
  margin-bottom: 1rem;
}

.areacovercontent ul li {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.areacovercontent ul li::before {
  content: "\f111";
  font-family: "FontAwesome";
  color: var(--red);
  font-size: 10px;
  padding-right: 15px;
}
.areacovercontent a {
  text-decoration: none;
  color: var(--grey);
}
.areacovercount ul {
  column-count: 2;
}
.areacoverbtn {
  margin-top: 50px;
}

/*Single Product Page*/
.singleproductpage {
  padding: 40px 150px 80px;
}
.singlepageleft {
  padding-right: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.singlepageleft img {
  width: 100%;
  object-fit: contain;
}
.woocommerce
  .singleproductpage
  div.product
  div.images.woocommerce-product-gallery {
  width: 100%;
  max-width: 600px;
}
.woocommerce .singleproductpage div.product .product_title {
  border-bottom: 4px solid var(--grey);
  padding-bottom: 20px;
}
.woocommerce .singleproductpage div.product p.price {
  color: var(--grey);
  font-size: 4rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  border-bottom: 4px solid var(--grey);
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.woocommerce-product-details__short-description {
  padding: 0px 0 20px;
}
.woocommerce-product-details__short-description a {
  color: var(--red);
}

.woocommerce div.product form.cart .variations select {
  border-radius: 28px;
  border-color: #8d8d8d;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/arrow.png);
  background-size: contain;
  background-position: 101% center;
  background-repeat: no-repeat;
  min-width: 300px;
  font-size: 1.125rem;
  color: var(--grey);
  cursor: pointer;
}

.woocommerce .singleproductpage div.product form.cart div.quantity {
  display: none;
}

.woocommerce div.product .woocommerce-variation-price span.price {
  color: var(--grey);
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
}
.woocommerce-variation-price {
  margin-bottom: 15px;
}
.woocommerce div.product form.cart .reset_variations {
  color: var(--grey);
  font-size: 2rem;
  font-family: var(--dongle);
  font-weight: 600;
}
.product_meta {
  display: none;
}
.woocommerce div.product form.cart .button {
  background-color: var(--yellow);
  padding: 15px 50px;
  font-size: 1.25rem;
  font-family: var(--dongle);
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  margin-top: 30px;
}
.woocommerce div.product form.cart .button:hover {
  background-color: var(--grey);
}

.wcpa_form_outer .wcpa_form_item input[type="text"] {
  border-radius: 28px;
  border-color: #8d8d8d;
  padding: 8px;
  background-image: url(../images/arrow.png);
  background-size: contain;
  background-position: 101% center;
  background-repeat: no-repeat;
  min-width: 300px;
  font-size: 1.125rem;
  color: var(--grey);
  cursor: pointer;
  width: 300px;
}
.wcpa_form_outer .wcpa_form_item {
  display: flex;
  flex-direction: column;
  padding: 0;
  row-gap: 20px;
}
.wcpa_form_outer .wcpa_form_item label {
  font-size: 1.125rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox label {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: "Degular", sans-serif;
  font-weight: 400;
  color: var(--grey);
}
.wcpa_form_outer {
  margin: 20px 0 0;
}

.woocommerce-page div.product div.summary {
  width: 100%;
}

.woocommerce .woocommerce-breadcrumb a {
  font-size: 0.875rem;
  line-height: 1rem;
  text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--red);
}
.woocommerce .woocommerce-breadcrumb {
  font-family: var(--dongle);
}

.wcpa_form_outer .wcpa_row {
  margin-left: 0;
}
.single-product .woocommerce-breadcrumb {
  padding: 30px 100px 0;
  font-family: var(--dongle);
  font-weight: 600;
  font-size: 1.6rem;
}
.single-product .woocommerce-breadcrumb a {
  font-size: 1.6rem;
}
#wcpa-checkbox-group-1646238930132 {
  margin-top: 15px;
}

/*Product Video*/

.productvideo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.productvideo video {
  width: 100%;
  max-width: 480px;
  height: auto;
}

/*Tabs*/
.woocommerce-page div.product .woocommerce-tabs {
  margin-top: 60px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background-color: #fff;
  color: var(--yellow);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  outline: none;
  cursor: pointer;
  padding-right: 10px;
  margin-right: 0px;
  border-right: 3px solid var(--grey);
  background: none;
  color: var(--grey);
  border-radius: 0;
  font-size: 1.8rem;
  font-family: var(--dongle);
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 10px;
}
.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h3 {
  margin-bottom: 1rem;
}
.woocommerce-Tabs-panel p {
  margin-bottom: 1rem;
}
.woocommerce-Tabs-panel p a {
  color: var(--red);
  text-decoration: none;
}
.woocommerce-Tabs-panel p a:hover {
  color: #7d7d7d;
}
.woocommerce-Tabs-panel table th {
  padding: 10px 40px 10px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border-top: 4px solid var(--grey);
  padding-top: 30px;
  border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
  padding-left: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
  border-right: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}
.productfaqimgbox {
  display: flex;
  margin-top: 10px;
}
.productfaqimgbox div {
  padding: 0 20px;
}
.productfaqimgbox div:nth-child(1) {
  border-right: 4px solid var(--red);
}

.tabimgnew1 img {
  width: 81%;
}
.tabimgnew1 {
  display: flex;
  justify-content: flex-end;
}
.tabimgnew2 img {
  width: 100%;
  margin-top: 25px;
}

#scrdeleveryinfo {
  scroll-margin-top: 30px;
}

/*Single product page payment icon*/
.spppaymentlogo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 30px;
  margin-top: 2rem;
}
.sppsecurepayment {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
}
.woocommerce-page .sppsecurepayment img {
  height: 20px;
  object-fit: contain;
}
.woocommerce-page .sppvisalogo {
  height: 15px;
  object-fit: contain;
}
.woocommerce-page .sppmastercardlogo {
  height: 20px;
  object-fit: contain;
}
.woocommerce-page .sppmaestrologo {
  height: 20px;
  object-fit: contain;
}
.woocommerce-page .sppgooglepay {
  height: 20px;
  object-fit: contain;
}
.woocommerce-page .sppapplepay {
  height: 20px;
  object-fit: contain;
}

.sppbottomcontent {
  margin-top: 1rem;
}
.sppbottomcontent p {
  margin-bottom: 1rem;
}
.sppbottomcontent a {
  color: var(--red);
}

/*Woo Commerce Message*/
.woocommerce-error,
.woocommerce-info {
  border-top: 4px solid var(--grey);
  margin-bottom: 0;
}
.woocommerce-info::before,
.woocommerce-error::before {
  color: var(--grey);
}
.woocommerce .woocommerce-error .button {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 10px 15px 7px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
}

.woocommerce .woocommerce-error .button:hover {
  transform: scale(1.1);
  background-color: var(--red);
  color: #fff;
}
.wcpa_form_outer .wcpa_error_msg {
  margin-top: 18px;
}
.wcpa_form_outer .wcpa_error_msg p {
  font-size: 1.125rem;
  color: var(--red);
  font-weight: 600;
}

.woocommerce-message {
  border-top: 4px solid var(--red);
}
.woocommerce-message::before {
  color: var(--red);
}
.woocommerce .woocommerce-message .button {
  font-size: 1rem;
  line-height: 1rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 10px 15px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
}
.woocommerce .woocommerce-message .button:hover {
  transform: scale(1.1);
  background-color: var(--red);
  color: #fff;
}
.restore-item {
  color: var(--grey);
}

/*Woo Commerce  Reset Password*/
.woocommerce-ResetPassword {
  padding: 80px 100px;
}
.woocommerce form.woocommerce-ResetPassword .form-row input.input-text {
  border: 1px solid var(--grey);
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
  font-size: 1rem;
}

/*Basket Page*/
.basketpage {
  padding: 80px 150px;
}
.product-name a {
  text-decoration: none;
  font-family: var(--dongle);
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.5rem;
  color: var(--grey);
}
.woocommerce-cart table.cart img {
  width: 100px;
  object-fit: contain;
}

.woocommerce-cart table.cart img {
  width: 100px;
  object-fit: contain;
}

.wcpa_cart_type_file a span {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
}

.woocommerce a.remove {
  color: var(--red) !important;
}

.woocommerce a.remove:hover {
  color: var(--grey) !important;
  background: none;
}

.woocommerce-cart table.cart .product-quantity {
  display: none;
}
.woocommerce-cart table.cart .product-subtotal {
  display: none;
}
.woocommerce-cart table.cart .product-name {
  padding-right: 100px;
}
.woocommerce-cart table.cart th {
  font-family: var(--dongle);
  font-weight: 600;
  text-transform: uppercase;
}

.woocommerce-page .cart-collaterals .cart_totals h2 {
  font-size: 3em;
  font-family: var(--dongle);
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.woocommerce button.button:disabled[disabled] {
  font-size: 1rem;
  line-height: 1rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #1e2a5a;
  padding: 10px 15px;
  border: 3px solid #1e2a5a;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.woocommerce button.button:disabled[disabled]:hover {
  background-color: var(--red);
  border: 3px solid var(--red);
  transform: scale(1.1);
  color: #fff;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  font-size: 2rem;
  line-height: 2rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 10px 15px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
  margin-top: 20px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  transform: scale(1.05);
  background-color: var(--grey);
  color: #fff;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button {
  text-decoration: underline;
  color: var(--grey);
  font-weight: bold;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after {
  color: #ffc323;
  text-decoration: underline;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
}

.select2-container--default .select2-selection--single {
  border-radius: 20px;
  border: none;
  height: 36px;
  background-color: #fff;
}
.woocommerce form .form-row input.input-text {
  border: none;
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
  font-size: 1rem;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 5px;
  right: 10px;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-form button {
  font-size: 1rem;
  line-height: 1rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 10px 15px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-form button:hover {
  transform: scale(1.1);
  background-color: var(--red);
  color: #fff;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-form {
  padding: 20px 10px;
  background-color: #efefef;
}

.cartupdatebtn {
  display: none !important;
}

/*Checkout*/
#customer_details {
  padding: 80px 150px;
  background-color: #efefef;
}
.woocommerce-checkout-review-order-table {
  padding: 0 150px;
}
.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.validate-state {
  width: 49%;
}
#billing_city_field {
  width: 49%;
}
#billing_company_field {
  width: 100%;
}
.woocommerce-page form .form-row-first {
  width: 49%;
}
.woocommerce-page form .form-row-last {
  width: 49%;
}
#billing_address_1_field {
  width: 100%;
}
#billing_address_2_field {
  width: 100%;
}
#billing_postcode_field {
  width: 49%;
}
#billing_phone_field {
  width: 49%;
}
#billing_email_field {
  width: 70%;
}
#billing_country_field {
  display: none;
}
.woocommerce form .form-row textarea {
  width: 100%;
  padding: 12px;
  border-radius: 20px;
  margin-top: 3px;
  border: none;
  font-family: "Degular", sans-serif;
  font-weight: 400;
  color: var(--grey);
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.checkoutpage h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
}
#order_review_heading {
  padding: 40px 150px 20px;
  background-color: #efefef;
}
.woocommerce table.shop_table th {
  font-size: 2rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  text-transform: uppercase;
  font-weight: 600;
}
.woocommerce-checkout #payment div.payment_box {
  background-color: #ffc323;
  border-radius: 20px;
}
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom: 1em solid #ffc323;
}
.woocommerce-checkout #payment {
  padding: 40px 150px 40px;
  background: #efefef;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 0px solid var(--red);
  padding-left: 0;
}
.place-order {
  padding: 0 !important;
}
.woocommerce-page #payment #place_order {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 10px 15px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 25px;
}
.woocommerce-page #payment #place_order:hover {
  transform: scale(1.1);
  background-color: var(--red);
  color: #fff;
}
.woocommerce .checkoutpage table.shop_table {
  background-color: #efefef;
  border: none;
  border-radius: 0;
  margin: 0;
  padding-bottom: 40px;
}
fieldset {
  border: none;
}

.checkoutloginform {
  padding: 0 100px;
}
.woocommerce .checkoutloginform form .form-row input.input-text {
  border: 1px solid var(--grey);
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
  font-size: 1rem;
}
.woocommerce .checkoutloginform form {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.wc-stripe-elements-field {
  padding: 10px 15px !important;
  border-radius: 20px;
}
.wcpa_cart_val {
  word-break: keep-all;
  text-align: left;
}
.woocommerce-checkout #payment div.payment_box .form-row {
  padding: 0;
}

/*Tab Content*/
.tabcontentblock {
  padding: 80px 150px;
  background-color: rgba(239, 239, 239, 0.9);
}
.tablink {
  border: none;
  outline: none;
  cursor: pointer;
  padding-right: 25px;
  margin-right: 25px;
  border-right: 3px solid var(--grey);
  background: none;
  color: var(--grey);
}
.tablink:hover {
  color: var(--red);
}
.tablinkcontainer .tablink:nth-child(1) {
  color: var(--red);
}
.tabbox .tabcontent {
  display: none;
  flex-direction: column;
  row-gap: 20px;
  padding: 30px 0 0;
  border-top: 4px solid var(--red);
  margin-top: 25px;
}
.tabbox .tabcontent:nth-child(1) {
  display: flex;
}
.tabbox p {
  margin-top: 1rem;
}

/*Skip Carousel*/
.skipcarouselsection {
  padding: 50px 100px 25px;
}
.skipcarouselcont {
  position: relative;
}
.skipcarouselcont .owl-nav {
  position: absolute;
  top: 33%;
  left: 50%;
  width: calc(100% + 25px);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
}
.skipcarouselcont .owl-nav i {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(59, 59, 59, 0.6);
  border-radius: 50%;
}
.skipcarouselcont .owl-nav .fa-angle-right {
  color: #ffc323;
  font-size: 40px;
}
.skipcarouselcont .owl-nav .fa-angle-left {
  color: #ffc323;
  font-size: 40px;
}

/*Single Blog Page*/
.singleblogpage {
  padding: 60px 120px;
}
.spbimage {
  display: flex;
  justify-content: flex-end;
  padding-left: 40px;
}
.spbimage img {
  width: 100%;
  object-fit: contain;
  height: fit-content;
}
.sbpcontent p {
  margin-bottom: 1rem;
}
.sbpcontent h3 {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.sbpcontent h2 {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.sbpcontent ul {
  margin-bottom: 1rem;
}
.sbpcontent ul li {
  margin-bottom: 10px;
}
.sbpcontent ul li:last-child {
  margin-bottom: 0;
}

.back-blog-link {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  column-gap: 7px;
  color: var(--red);
}
.back-blog-link:hover {
  color: #ffc323;
}
.sbpcontent a {
  color: var(--red);
}
.singleblogpage ol li {
  margin-bottom: 10px;
}
.singleblogpage ol li:last-child {
  margin-bottom: 0;
}
.singleblogpage ol {
  margin-bottom: 1rem;
}

/*Text Editor*/

.texteditor {
  padding: 80px 100px;
}
.texteditor h2,
.texteditor h3 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.texteditor p {
  margin-bottom: 1rem;
}
.texteditorbtn {
  margin-top: 40px;
}

.texteditor ul {
  column-count: 2;
  width: 70%;
  list-style: none;
  margin-bottom: 1rem;
}
.texteditor ul li {
  display: flex;
  align-items: center;
}
.texteditor ul li::before {
  content: "\f111";
  font-family: "FontAwesome";
  color: var(--red);
  font-size: 15px;
  padding-right: 20px;
}

/*My Account Page*/
.myaccountpage {
  padding: 60px 100px;
}
.myaccountpage h2 {
  font-size: 1.75rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: var(--dongle);
}
.woocommerce form.login .form-row,
.woocommerce form.register .form-row {
  margin-top: 20px;
}
.woocommerce .myaccountpage form .form-row input.input-text {
  border: 1px solid var(--grey);
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
  font-size: 1rem;
}
.woocommerce .myaccountpage form.login,
.woocommerce .myaccountpage form.register {
  min-height: 450px;
}

/*Dashboard*/
.woocommerce-MyAccount-navigation {
  padding: 60px 0 60px 100px;
}
.woocommerce-MyAccount-content {
  padding: 60px 100px 60px 0;
}
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  list-style-type: none;
}
.woocommerce-MyAccount-navigation-link a {
  width: 100%;
  list-style: none;
  padding: 10px;
  color: var(--grey);
  background-color: #ffc323;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
}
.woocommerce .edit-account button.button {
  margin-top: 30px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.woocommerce .woocommerce-MyAccount-content form .form-row input.input-text {
  border: 1px solid var(--grey);
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
  font-size: 1rem;
}
.woocommerce .woocommerce-MyAccount-content a.button {
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #1e2a5a;
  padding: 4px 11px;
  border: 2px solid #1e2a5a;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.woocommerce .woocommerce-MyAccount-content a.button:hover {
  background-color: var(--red);
  border: 3px solid var(--red);
  transform: scale(1.1);
}

/*Error Page*/
.error-404 {
  padding: 80px 100px;
}
.errorpagebtn {
  display: flex;
  margin-top: 40px;
}

/*GDPR Consent Box*/
#cookie-law-info-bar {
  padding: 20px 40px;
  border-top: 3px solid var(--yellow);
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
  font-size: 1.5rem;
  line-height: 1.25rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: var(--grey) !important;
  padding: 4px 11px;
  border: 2px solid var(--grey);
  border-radius: 25px;
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}

/*WooCommerce Order*/
.woocommerce-order {
  padding: 80px 150px;
}
.woocommerce .woocommerce-order-details :last-child {
  margin-top: 20px;
}
.woocommerce-order-details {
  margin-top: 60px;
}
.woocommerce .woocommerce-customer-details address {
  margin-top: 20px;
}
.woocommerce-order .wc-item-meta {
  padding-left: 0;
}
.wc-item-meta p {
  word-break: keep-all;
}
.woocommerce ul.order_details {
  margin-top: 30px;
}
.woocommerce-order-details__title {
  color: var(--red);
  text-transform: uppercase;
  font-size: 1.5rem;
}
.woocommerce-column--billing-address h2,
.woocommerce-column--shipping-address h2 {
  color: var(--red);
  text-transform: uppercase;
  font-size: 1.5rem;
}

/*Return to shop*/
.return-to-shop {
  padding: 60px 100px 80px;
}

/*Chatbox*/
.chatbox {
  position: fixed;
  z-index: 99;
  bottom: 0;
  right: 0;
  background-color: var(--grey);
  width: 100px;
  border-radius: 20px 0 0 0;
  padding: 10px 7px 5px 10px;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.3);
}
.chatboxcf {
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 0;
  background-color: var(--grey);
  width: 300px;
  flex-direction: column;
  border-radius: 20px 0 0 0;
  padding: 25px 25px 10px;
  row-gap: 10px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.3);
}
.chatboxcf .gform_legacy_markup_wrapper .top_label .gfield_label {
  display: none;
}
.chatboxcf .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
  padding: 0;
  margin-top: 15px;
  width: 100%;
}
.chatboxcf .gform_legacy_markup_wrapper .gform_footer input[type="submit"] {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: var(--dongle);
  font-weight: 600;
  background-color: #ffc323;
  padding: 3px 17px 1px;
  border: 3px solid #fff;
  border-radius: 25px;
  color: var(--grey);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0;
}
.chatboxcf .gform_legacy_markup_wrapper .gform_footer {
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin-top: 15px;
}
.chatboxcf .gform_legacy_markup_wrapper {
  margin: -10px 0 0 !important;
}
.chatboxcf .gform_legacy_markup_wrapper div.validation_error {
  display: none;
}
.chatboxcf
  .gform_legacy_markup_wrapper.gform_validation_error
  .gform_body
  ul
  li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
}
.chatboxcf
  .gform_legacy_markup_wrapper
  li.gfield.gfield_error.gfield_contains_required
  div.gfield_description {
  margin-bottom: -25px;
}
.chatboxcf .gform_legacy_markup_wrapper.gf_browser_chrome select {
  width: 100%;
  padding: 5px 0 5px 3px;
  color: rgba(59, 59, 59, 0.8);
  margin-left: 0 !important;
}

#input_8_9 {
  width: 100%;
  padding: 5px 0 5px 3px;
  color: rgba(59, 59, 59, 0.8);
  margin-left: 0 !important;
}

.chatboxcf .wpcf7-spinner {
  display: none;
}
.chatboxcf form {
  display: flex;
  flex-direction: column;
  margin-top: -7px;
}
#chatboxcf {
  display: none;
}
.cbinput {
  margin-top: 15px;
}
.cbinput input[type="text"],
.cbinput input[type="email"],
.cbinput input[type="tel"] {
  width: 100%;
  padding: 7px;
  color: var(--grey);
}
.cbinput select {
  width: 100%;
  padding: 7px;
  color: var(--grey);
}
.cbinput textarea {
  width: 100%;
  padding: 7px;
  color: var(--grey);
  font-family: degular, sans-serif;
}

.cbbutton i {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.cbbutton {
  display: flex;
  justify-content: space-between;
}
.cbbutton div:nth-child(1) {
  display: flex;
  margin-top: -50px;
}
.cbbutton div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  margin-top: -60px;
}

.cbbutton img {
  width: 40px;
}
.chatbox i {
  font-size: 40px;
  color: #ffc323;
  font-weight: 700;
  cursor: pointer;
}
.chatbox div {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.chatbox img {
  width: 40px;
  object-fit: contain;
  margin-top: 5px;
}
.chatbox:hover i {
  color: #fff;
}
.chatbox:hover h5 {
  color: #fff;
}
.chatbox:hover img {
  transform: scale(1.1) translate(-3px, -2px);
  filter: brightness(10);
}
.chatbox:hover i {
  transform: translatex(-5px);
}
.chatboxcf .wpcf7-not-valid-tip {
  color: #fff;
  font-size: 0.8rem;
  margin-bottom: -12px;
}
.chatboxcf .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #fff;
  border: none;
  margin-bottom: -10px;
}
.chatboxcf .gform_legacy_markup_wrapper .validation_message {
  color: #fff;
  font-weight: 700;
  letter-spacing: normal;
}
.darkbackground {
  background-color: #efefef;
}

.wcpa_form_item.wcpa_type_statictext {
  margin: 0 0 1.5em !important;
}
.wcpa_price_summary {
  background-color: transparent;
}
.wcpa_price_summary li {
  border: none;
  font-weight: 700;
}
.wcpa_price {
  font-weight: 700;
}

/*Additional CSS*/
.wcpa_form_outer .wcpa_form_item .wcpa_price {
  text-align: left;
}

/*Man and Van Page*/
.wcpa_form_outer .wcpa_type_file {
  max-width: 400px;
}
.variation .variation-UploadPhoto {
  width: 100%;
}
.wcpa_cart_type_file a span {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
}

.wcpa_cart_type_file a img {
  margin-top: 5px !important;
}

.pascontainer {
  justify-content: center;
}