/* === CUSTOM.CSS === */
/* Font imports cleaned up - Inter loaded via <link> tag */

/***** Global Utility Bar (top of every page) *****/
.uspc-utility-bar{
  background:
    radial-gradient(ellipse 60% 100% at 50% 0%, rgba(80,110,230,0.35), transparent 70%),
    linear-gradient(180deg, #2942d1 0%, #1c2fa8 100%) !important;
  color:#fff !important;
  text-align:center;
  padding:12px 16px;
  font-weight:600;
  font-size:15px;
  letter-spacing:.3px;
  position:relative;
  z-index:1;
}

/***** General CSS *****/
body {
  word-break: break-word;
  font: 16px / 26px;
  color: #000;
  overflow-x: hidden;
  overflow-y: scroll;
  opacity: 1;
  
  font-family: "Montserrat", serif;
}

body.loaded {
  opacity: 1;
}

a {
  text-decoration: none;
  color: #000;
  white-space: initial;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #000;
}

a:hover {
  transition: all 0.2s ease-in-out;
}

img {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  transition: all 0.5s ease;
  outline: none;
}

select,
input,
textarea {
  appearance: auto;
}

/***** Font Files *****/
@font-face {
  font-family: "Fonts Awesome";
  src: url(../fonts/fontawesome-webfont.eot);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "robofan", sans-serif;
  src: url(../fonts/robofan.otf);
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

/***** Custom Classes *****/
select {
  background: #fff url("../images/arrow.png") no-repeat right;
  padding: 0 40px 0 30px;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color: #575757;
}

.noPadding {
  padding: 0;
}

.noLeft {
  padding-left: 0;
}

.noRight {
  padding-right: 0;
}

.centerCol {
  float: none;
  margin: 0 auto;
}

.pt_8, .pb_8, .py_8, .sec {
    padding: 80px 0;
}



.flexRow,
.flexCol {
  display: flex;
  align-items: center;
}

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

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "robofan", sans-serif;
  text-transform: uppercase;
  margin: 0 0 10px;
}

h1 {
    font-family: "robofan", sans-serif;
    font-size: 62px;
    line-height: 1;
    color: #171717;
    font-weight: 500;
    margin-bottom: 5px;
}

h2 {
    font-family: "robofan", sans-serif;
    font-size: 60px;
    line-height: 1;
    color: #000;
    font-weight: 600;
}

h3 {
  font-family: "robofan", sans-serif;
  font-size: 51px;
  line-height: 1.2;
  color: #000;
  font-weight: 600;
}

h4 {
  font-family: "robofan", sans-serif;
  font-size: 34px;
  line-height: 1.2;
  color: #000;
  font-weight: 500;
}

h5 {
  font-size: 31px;
  line-height: 1.2;
  color: #000;
  font-weight: 500;
}

h6 {
  font-size: 23px;
  font-family: "Montserrat", serif;
  color: #000;
  font-weight: 500;
}

p {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    color: #000000;
    font-family: "Montserrat", serif;
}
/* Menu */
.nav ul {
  list-style: none;
  text-align: center;
  justify-content: left;
  display: flex;
  align-items: center;
  height: 100%;
}

.nav ul li a {
    transition: 0.3s ease-in-out;
    text-transform: uppercase;
    transition: all 0.5s;
    position: relative;
    color: #0f267b;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    padding: 10px 18px;
    display: block;
}

section.header .nav.stroke {
  display: block;
}

.nav.stroke ul li a:after,
.nav.fill ul li a:after {
  transition: 0.3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  width: 0%;
  content: ".";
  color: transparent;
  background: #0f267b;
  height: 2px;
  transform: translateX(-50%);
}

.nav.stroke ul li a:hover:after {
  width: 100%;
}

.nav.stroke ul li a.active:after {
  width: 100%;
}

.nav.stroke ul li a.active::before {
  height: 100%;
}



/* Buttons Css Start*/

.theme-btn-1 {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}


.theme-btn-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  transform: skewX(-25deg);
  transition: all 0.5s ease;
}

/* icon animation */
.theme-btn-1 span i {
  transition: transform 0.4s ease;
}

/* hover effects */
.theme-btn-1:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

.theme-btn-1:hover::before {
  left: 120%;
}

.theme-btn-1:hover span i {
  transform: translateX(6px);
}


/* Buttons Css End*/

/* Loader start */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: all 1s ease;
  flex-direction: column;
  gap: 5px;
}

#loader.hide {
  transform: translateY(-100%);
  opacity: 1;
  pointer-events: none;
}

img.loader {
  width: 10vw;
}

/* Loader end */

/* Custom Scrollbar  */
#style-6::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

#style-6::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

#style-6::-webkit-scrollbar-thumb {
  background-color: #f48a12;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent);
}

.scrollbar {
  overflow-y: scroll;
}

/* Custom Scrollbar  */

/* Home Page start*/

/* Header */

.hdr_logo a img {
  width: 155px !important;
  height: 84px !important;
  object-fit: contain !important;
}

.theme-btn-1 {
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
    padding: 7px 7px 7px 18px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 500;
    border-radius: 50px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 15px;
}

.hdr_btn a {
    font-size: 12px;
}

.theme-btn-1 span {
    background: #fff;
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #031231;
    font-size: 20px;
}
.container-fluid.add-padding {
  padding: 0 5%;
}

section.header {
  position: absolute;
  width: 100%;
  z-index: 9;
  padding: 20px 0;
  background: #ffffffa6;
  transition: padding .25s ease, background .25s ease, box-shadow .25s ease;
}

/* Sticky shrunken header (added by JS once user scrolls past hero) */
section.header.is-scrolled {
  position: fixed;
  top: 0;
  z-index: 999;
  padding: 8px 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: uspc-header-slide .3s ease;
}
section.header.is-scrolled .custom-logo {
  height: 50px !important;
  width: auto !important;
  transition: height .25s ease, width .25s ease;
}
section.header.is-scrolled .uspc-header-phone {
  font-size: 15px;
}
section.header.is-scrolled .theme-btn-1 {
  padding: 5px 5px 5px 14px;
  font-size: 13px;
}
section.header.is-scrolled .theme-btn-1 span {
  width: 36px;
  height: 36px;
}
section.header .custom-logo {
  transition: height .25s ease, width .25s ease;
}
section.header .uspc-header-phone {
  transition: font-size .25s ease;
}
section.header .theme-btn-1 {
  transition: padding .25s ease, font-size .25s ease;
}
section.header .theme-btn-1 span {
  transition: width .25s ease, height .25s ease;
}

@keyframes uspc-header-slide {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}

.hdr_btn a {
  margin: 0 0 0 auto;
}

/* Header end*/

/* Main Banner Start */


.banner-images-shape img {
    width: 861px;
    height: 100vh;
    clip-path: polygon(35% 0, 100% 0, 100% 58%, 84% 100%, 0% 100%, 17% 49%);
    object-fit: cover;
    position: relative;
}

.banner_images img {
  width: 100%;
  height: auto;
}

.banner_images {
    position: relative;
    z-index: 9;
    margin-left: -150px;
    margin-top: 290px;
}

.banner-images-shape img:before {
  content: "";
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.banner-images-shape {
  position: absolute;
  top: 0;
  right: 0;
}

.banner_sec {
  position: relative;
  z-index: 1;
  height: 100vh;
}

.banner_sec::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: '';
  background-image: url(../images/main-banner-back.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner_text {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-bottom: 80px;
}

.banner-slider .slick-list {
  height: 100%;
}

.banner-slider .slick-track {
  height: 100%;
}

.banner_text label {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  color: #fff;
  font-size: 25px;
  padding: 8px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.banner_text h2 {
    color: #c50e0e;
    font-size: 36px;
}

.banner_text p {
  color: #000000;
  font-size: 17px;
  width: 77%;
  margin-bottom: 20px;
}

.banner_text ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.theme-btn-1.chg {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

section.banner_sec:after {
  content: "";
  position: absolute;
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  width: 90%;
  height: 85px;
  bottom: 0;
  z-index: -1;
}

.banner-social-link {
  position: absolute;
  bottom: 0;
  left: 5%;
  padding: 17px 0;
}

.banner-social-link ul {
  display: flex;
  align-items: center;
  gap: 30px;
}

.banner-social-link ul li a {
  color: #93a5db;
  border: 1px solid #93a5db;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 20px;
}

.banner-social-link ul li a:hover {
  background: #9daddb;
  transition: 0.5s;
  color: #d8def2;
}

.banner-social-link ul li:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background: #3b5ab7;
  right: -30px;
}

li.boader-w:after {
  width: 1360px !important;
  left: 45px;
}

.banner-social-link ul li {
  position: relative;
  display: flex;
  align-items: center;
}


/* Main Banner Ends */


/*Boxs Box Start*/

.boxs-box span img {
  width: 57px;
  height: 57px;
  object-fit: contain;
}

.boxs-box span {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 5px;
}

.boxs-box:hover {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  transition: 0.5s;
}

.boxs-box:hover * {
  color: #fff;
}

.boxs-box:hover span {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.boxs-box {
  border: 1px solid #ce0f0f;
  padding: 25px 25px;
  border-radius: 10px;
  width: 95%;
  position: relative;
  background: #fff;
  margin: 0 auto;
  transition: 0.5s;
  height: 295px;
}

.boxs-box:before {
  content: "";
  position: absolute;
  background: #ce0f0f;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  bottom: -15px;
  right: -15px;
  z-index: -999999;
}

.boxs-box h2 {
  font-size: 28px;
  width: 77%;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 1.1;
}

.boxs-box a {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  display: flex;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}

.boxs-box a {
  margin: 0 0 0 auto;
}

.boxs-sec.sec {
  margin-top: 0px;
  background-image: url(../images/usa-flag.webp);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0px !important;
  background-position: center;
}

/*Boxs Box Ends */


/*Built on Reliability Start*/

.built-on-reliability-text h2 span {
  display: block;
}

.built-on-reliability-text h2 {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}
.built-on-reliability-text-btn {
  margin-top: 30px;
}

.built-on-reliability-text h2 label {
  color: #ce0f0f;
}

.built-on-reliability-text p {
  width: 90%;
  margin-bottom: 25px;
}

.built-on-reliability-text h2:before {
  content: "";
  position: absolute;
  background: #000;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  right: 0;
}

.built-on-reliability-text h2:before {
  content: "";
  position: absolute;
  background: #ce0f0f;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  right: 0;
  bottom: -5px;
}

.padding-left {
  padding-left: 0 !important;
}

.padding-right {
  padding-right: 0 !important;
}

.built-on-reliability-images img {
    width: 100%;
    height: unset;
    object-fit: cover;
    border-radius: 20px;
}

.built-on-reliability-row {
    margin-top: 50px;
}

.built-on-reliability-images {
  position: relative;
  display: flex;
  align-items: center;
}

.built-on-reliability-images:before {
    content: "";
    position: absolute;
    background: #cfcfcf;
    width: 78%;
    height: 1px;
    margin-top: -97px;
    right: 0;
    z-index: -1;
}

.built-reliability-number-counter-box {
    position: absolute;
    text-align: center;
    padding: 0 20px;
    margin-top: -111px;
    left: 50px;
}

.built-reliability-number-counter {
  position: relative;
}

.built-reliability-number-counter:before {
    content: "";
    position: absolute;
    background: #ce0f0f;
    width: 500px;
    height: 380px;
    left: -250px;
    z-index: -1;
    clip-path: polygon(52% 0, 100% 50%, 50% 100%, 51% 44%);
    top: -128px;
}
.built-on-reliability-text {
    margin-top: 62px;
}




.built-reliability-number-counter h2 {
  color: #fff;
  margin-bottom: 0;
  line-height: 1;
  font-weight: 600;
}

.built-reliability-number-counter p {
  font-size: 18px;
  text-transform: uppercase;
  width: 90%;
  font-weight: 600;
  margin-bottom: 0;
  color: #fff;
}


/*Built on Reliability Ends */

/*What We offer Start*/

.what-we-offer-heading {
  text-align: center;
}

.what-we-offer-row {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  border-radius: 15px;
  padding: 50px 80px 80px;
  margin: 50px 0;
}

.what-we-offer-heading h2 {
  margin-bottom: 0;
  color: #ffffff;
}

.what-we-offer-heading {
  border-bottom: 2px solid #39529f;
  padding: 50px 0 20px;
}

.what-we-offer-silder-items {
  padding: 40px 10px 10px;
  border: 1px solid #ffffff;
  border-radius: 30px;
  margin-top: 60px;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1.2;
}

.what-we-offer-silder-items h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 20px;
    line-height: 25px;
}
.footer-bottom-sec .row {
    justify-content: center;
}
.what-we-offer-silder-items p {
    color: #fff;
    padding: 0 20px;
    height: 100px;
    font-size: 13px;
    line-height: 18px;
}

.what-we-offer-silder-items img {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 30px;
  height: 229px;
}

.what-we-offer-silder .slick-slide {
  margin: 19px 15px;
}

.what-we-offer-silder button.slick-prev,
button.slick-next {
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: #ffffff !important;
  border-radius: 50% !important;
}

.what-we-offer-silder .slick-prev:before,
.slick-next:before {
  color: #000 !important;
  font-size: 12px !important;
  content: "\f061" !important;
  font-family: "Font Awesome 6 free" !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  opacity: 1 !important;
}

.what-we-offer-silder .slick-slide.slick-current.slick-active.slick-center .what-we-offer-silder-items {
  background-color: #fff;
}

.what-we-offer-silder .slick-slide.slick-current.slick-active.slick-center .what-we-offer-silder-items * {
  color: #000;
}


/*What We offer Ends */

/*Serving the Industries That Power Texas Start*/

.serving-the-industries-heading h2 span {
  display: block;
}

.serving-the-industries-heading {
  text-align: center;
}

.serving-the-industries-heading h2 label {
  color: #ce0f0f;
}

.serving-the-industries-silder-items span img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  /* brand navy #1E2A9C */
  filter: brightness(0) saturate(100%) invert(3%) sepia(74%) saturate(4897%) hue-rotate(238deg) brightness(283%) contrast(96%);
}

.serving-the-industries-silder-items p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.serving-the-industries-silder-items span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaeaea;
  width: 100%;
  height: 150px;
  border-radius: 5px;
}

.serving-the-industries-silder-items {
  text-align: center;
  margin-top: 35px;
}
.serving-the-industries-silder .slick-prev:before {
    color: #fff !important;
    font-size: 12px !important;
    content: "\f061" !important;
    font-family: "Font Awesome 6 free" !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    opacity: 1 !important;
}
 .serving-the-industries-silder .slick-next:before {
    color: #fff !important;
    font-size: 12px !important;
    content: "\f061" !important;
    font-family: "Font Awesome 6 free" !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    opacity: 1 !important;
}
.serving-the-industries-silder button.slick-prev {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 50% !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%) !important;
}
.serving-the-industries-silder  button.slick-next {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 50% !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%) !important;
}

/*Serving the Industries That Power Texas Ends*/

/*What Choose Us Start*/

.what-choose-us-text h2 {
  color: #171717;
}


.what-choose-us-text h2 span {
  display: block;
}

.what-choose-us-text h2 {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 25px;
  margin-bottom: 35px;
  position: relative;
}

.what-choose-us-text h2:before {
  content: "";
  position: absolute;
  background: #ce0f0f;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  bottom: -6px;
}

.what-choose-us-text ul li a {
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #000000;
    font-weight: 700;
    font-size: 15px;
}
.what-choose-us-text ul {
  margin-top: 25px;
}

.what-choose-us-images img {
  clip-path: polygon(100% 0, 100% 0, 100% 75%, 80% 100%, 0 100%, 50% 50%);
  width: 100%;
  height: 750px;
  object-position: 90% 100%;
  position: relative;
  z-index: 9;
}

.what-choose-us-images {
  position: relative;
}

.what-choose-us-images:before {
  content: "";
  position: absolute;
  background: #062581;
  width: 70px;
  height: 70px;
  right: 0;
  bottom: 0;
  clip-path: polygon(96% 0, 100% 0, 100% 78%, 100% 100%, 0 100%, 53% 46%);
}

.what-choose-us-text ul li i {
  color: #0b34ae;
  transform: rotate(-40deg);
  font-size: 20px;
}

.what-choose-us-text h2 span label {
  color: #ce0f0f;
}

.what-choose-us-pints-box-one img {
  width: 58px;
  height: 40px;
  object-fit: contain;
  clip-path: inherit !important;
}

.what-choose-us-pints-box-one p {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
}

.what-choose-us-pints-box {
    clip-path: polygon(20% 0%, 100% 0, 92% 100%, 0% 100%);
    text-align: center;
    background: #f5cfcf;
    width: 44%;
    position: absolute;
    bottom: 0;
    left: -124px;
    padding: 20px 20px;
    transform: skew(-40deg, 0deg);
    z-index: 5;
}

.what-choose-us-pints-box-one.\32 {
  margin-top: 25px;
  transform: skew(43deg, 0deg);
  margin-left: -30px;
}

.what-choose-us-pints-box-one.\33 {
  margin-top: 20px;
  transform: skew(43deg, 0deg);
  margin-left: -55px;
}

.what-choose-us-pints-box-one p span {
  display: block;
}

.what-choose-us-pints-box-one {
  transform: skew(43deg, 0deg);
}




.serving-the-industries-sec {
  padding-top: 80px;
}

/*What Choose Us Ends*/


/* Shipping Solutions Start */

.heading h2 span {
  color: #ce0f0f;
}

.heading {
  text-align: center;
  margin-bottom: 30px;
}

.heading p {
  width: 50%;
  margin: 0 auto;
}

.shipsol_main {
  text-align: center;
  position: relative;
  transition: transform 0.4s ease;
  margin-top: 25px;
}

.shipsol_main_img {
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
}

.shipsol_main_img::before {
  content: "";
  position: absolute;
  border-radius: 30px;
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
  opacity: 0.5;
}

.shipsol_main:hover .shipsol_main_img::before {
  transition: all 0.4s ease-in-out 0s;
  transform: scale(1);
  border-radius: 20px;
}

.shipsol_main:hover {
  transform: translateY(-10px);
}

.shipsol_main:hover::after {
  opacity: 1;
}

.shipsol_main_img {
  overflow: hidden;
  border-radius: 30px;
}

.shipsol_main_img img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 30px;
  transition: transform 0.6s ease;
}

.shipsol_main:hover .shipsol_main_img img {
  transform: scale(1.08);
}

.arrow_btn {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 25px;
  top: -25px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  z-index: 2;
}

.arrow_btn i {
  color: #000;
  font-size: 20px;
  transform: rotate(320deg);
  transition: transform 0.4s ease, color 0.4s ease;
}

.shipsol_main:hover .arrow_btn {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  transform: scale(1.1);
}

.shipsol_main:hover .arrow_btn i {
  color: #fff;
  transform: rotate(360deg);
}

.shipsol_main_txt h3 {
    font-weight: 500;
    font-size: 20px;
    margin: 20px 0;
    transition: color 0.3s ease;
    margin-bottom: 0;
}

.shipsol_main:hover .shipsol_main_txt h3 {
  color: #ce0f0f;
}

.d_block {
  display: block;
}

.heading h2 {
  margin-bottom: 0;
}

/* Shipping Solutions Ends */

/* Faqs Start */

.faq_wrapper {
  border-radius: 30px;
  margin: 0 5%;
  padding: 80px 60px 80px;
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.faq_heading h2 {
  font-size: 125px;
  color: #ffffff;
  line-height: 130px;
}


.faq_heading p {
    color: #ffffff;
    margin-bottom: 25px;
    font-size: 14px;
}

.faq_right .accordion-button {
    font-weight: 500;
    color: #ffffff;
    font-size: 20px;
    padding: 25px 20px 25px 0px;
    text-transform: uppercase;
    position: relative;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.faq_right .accordion-button::after {
  display: none;
}

.faq_right .accordion-button::before {
  content: '\2b';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  font-size: 17px;
  color: #C8102E;
  margin-right: 30px;
}

.faq_right .accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #284fc3;
}

.faq_right .accordion-body p {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
}

.faq_right .accordion-body {
  position: relative;
  padding: 30px 10px 30px 30px;
  margin: 10px 0px 20px 150px;
}

.faq_right .accordion-body::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 3px;
  background: #1E2A9C;
  height: 100%;
  z-index: 1;
}

.faq_right .accordion-button:not(.collapsed)::before {
  content: '';
  background: #1E2A9C;
  left: 0;
  width: 65px;
  height: 2px;
  z-index: 1;
}

.faq_right {
  padding-left: 50px;
}

/* Faqs Ends */

/* Testimonial Start */

.avatar_img img {
  width: 100px;
  height: 110px;
  object-fit: cover;
  border: 2px solid #ffffff;
  border-radius: 20px;
}

.avatar_txt h5 {
  font-family: "robofan", sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 25px;
}

.avatar_txt h5 span {
  display: block;
  font-weight: 400;
  color: #8d8d8d;
  font-size: 14px;
  font-family: "Montserrat", serif;
}

.rating_star i {
  color: #ffcc00;
  font-size: 14px;
}

.quote i {
  color: #d1dfea;
  font-size: 90px;
}

ul.testiulone {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.testiultwo {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  align-items: center;
}

.avatar_img {
  position: relative;
  z-index: 2;
}

.avatar_img::before {
  position: absolute;
  content: '';
  background-image: -webkit-linear-gradient(-90deg, #cb0f0f 0%, #cb0f0f 94%);
  border: 2px solid #ffffff;
  top: -10px;
  left: -10px;
  width: 85px;
  height: 85px;
  z-index: -1;
  border-radius: 20px;
}

.testi_cont p {
  color: #8d8d8d;
  font-size: 14px;
  margin: 30px 0;
}

.testi_cont {
  box-shadow: 0 10px 25px rgb(0 0 0 / 13%);
  padding: 40px;
  border-radius: 20px;
  background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 94%);
}

.testi_main {
  position: relative;
  padding: 40px 20px 40px 40px;
  border-radius: 30px;
  margin-top: 20px;
}

.testi_main::before {
  position: absolute;
  content: '';
  background: #cb0f0f;
  top: 0px;
  left: 0px;
  width: 37%;
  height: 100%;
  z-index: -1;
  border-radius: 20px;
}

.testi_main::after {
  position: absolute;
  content: '';
  background: #e1e2e3;
  top: 50%;
  right: 0px;
  width: 30px;
  height: 290px;
  z-index: -1;
  border-radius: 20px;
  transform: translate(0px, -50%);
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_main::before {
  background: #cdd3e5;
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_main::after {
  background: #f4f4f4;
}

.testimonial_slider .slick-slide.slick-current.slick-active .avatar_img::before {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_cont {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.testimonial_slider .slick-slide.slick-current.slick-active .quote i {
  color: #3954a3;
}

.testimonial_slider .slick-slide.slick-current.slick-active .avatar_txt h5 span {
  color: #cccfe1;
}

.testimonial_slider .slick-slide.slick-current.slick-active .avatar_txt h5 {
  color: #ffffff;
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_cont p {
  color: #b6c2e6;
}

/* Testimonial Ends */


/*Footer Start*/

.footer-sec {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.footer-lets-talk-box {
  padding: 70px 0;
  text-align: center;
}

.footer-lets-talk-box h2 {
  font-size: 200px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.footer-lets-talk-box h2 span {
  font-size: 25px !important;
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transform: rotate(-35deg);
  margin-left: 20px;
}

.footer-bottom-link ul {
  display: block;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom-link ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.footer-bottom-sec .row {
  align-items: start;
}

.footer-bottom-sec {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 20px 0;
}

.footer-copy-right-sec {
  text-align: center;
  padding: 20px 0;
}

section.testimonial.sec {
  margin-bottom: 70px;
}


.footer-copy-right-sec p {
  margin-bottom: 0;
  color: #fff;
}

.footer-bottom-logo a img {
  width: 155px;
  height: 84px;
  object-fit: contain;
}
.footer-top-background-images img {
    width: 100%;
    height: 535px;
    object-fit: cover;
}
/*Footer Ends*/


/* Home Page Ends */

/*Inner Pages Start*/

/*Inenr About Us Start */

.built-on-reliability-sec.sec.inner .built-on-reliability-text {
    margin-top: -2px !important;
    padding-left: 14px;
}
.inner-banner-heading h2 {
  color: #fff;
  font-size: 72px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
}
@media (max-width: 768px) {
  .inner-banner-heading h2 { font-size: 44px !important; }
}

.inner-banner-heading {
  position: relative;
  text-align: center;
  padding-top: 120px;
}



.inner-banner-images img {
    width: 100%;
    height: 446px;
    object-fit: contain;
}

.inner-banner-sec {
    /* padding-top: 80px; */
    background-image: url(../images/footer-top-img.webp);
    width: 100%;
    height: 520px;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
}


.inner-what-we-offer-sec .what-we-offer-silder-items h2 {

  color: #000;

}

.inner-what-we-offer-sec .what-we-offer-silder-items {
  border: 2px solid #000;
  margin-top: 40px;
  height: 483px;
}

.inner-what-we-offer-sec .what-we-offer-silder-items p {
  color: #000;

}

.inner-what-we-offer-sec .what-we-offer-silder-items img {

  border: 2px solid #000;

}

/*Inenr About Us Ends*/

/*Inner Services Start*/


.inner-services-sec .serving-the-industries-silder-items span {
   
    width: 100%;
    height: 180px;
    border-radius: 5px;
}



/*Inner Services Ends*/

/*Inner Services Detail Start*/

.services-detail-images img {
    /* width: 250px !important; */
    /* height: 250px !important; */
    /* object-fit: contain !important; */
    border-radius: 20px;
}
.services-detail-images {
    padding: 0px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 550px; */
    border-radius: 20px;
}
.services-detail-text {
    margin-left: 10px;
}
.services-detail-bottom-row {
    margin-top: 35px;
}

/*Inner Services Detail Ends */

/*Inner Request A Quote Start*/


.inner-request-a-quote-sec {
    padding: 100px 0;
}
.inner-request-a-quote-form-heading {
    text-align: center;
    margin-bottom: 40px;
}
.inner-request-a-quote-form-heading h2 {
    margin-bottom: 10px;
}
.inner-request-a-quote-form-heading p {
    width: 60%;
    margin: 0 auto;
}
.inner-request-a-quote-form input {
    width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
    padding: 0 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;
}
.inner-request-a-quote-form input::placeholder {
     color: #000;
    font-size: 15px;
    font-weight: 500;
}
.inner-request-a-quote-form textarea {
    width: 100%;
    height: 180px;
    border: 1px solid #cfcfcf;
    padding: 15px 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    resize: none;
}
.inner-request-a-quote-form textarea::placeholder {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}
.custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 6px 0;
}

.custom-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px;
    margin-right: 10px;
    transition: background 0.2s;
    margin-bottom: 0;
    padding: 0;
}

.custom-checkbox input[type="checkbox"]:checked {
    background-color: #2c4359;
}
.inner-request-a-quote-form ul li span {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.inner-request-a-quote-form ul {
    margin-bottom: 40px;
}
.inner-request-a-quote-cart ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


 .inner-request-a-quote-sec .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 10px 20px;
    width: fit-content;
  }

  .inner-request-a-quote-sec .quantity button {
    background: #f0f0f0;
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.2s;
  }

  .inner-request-a-quote-sec .quantity button:hover {
    background: #e0e0e0;
  }

.inner-request-a-quote-sec .quantity span {
    font-size: 18px;
    font-weight: 600;
    width: 25px;
    text-align: center;
}
.inner-request-a-quote-cart-row {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 22px 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.inner-request-a-quote-cart {
    padding: 15px 70px;
}

.inner-request-a-quote-cart-pro-name ul li img {
    width: 166px;
    height: 128px;
    object-fit: cover;
}

.inner-request-a-quote-cart-pro-name ul li img {
    width: 166px;
    height: 128px;
    border-radius: 5px;
}
.inner-request-a-quote-cart-pro-name ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
.inner-request-a-quote-cart-pro-name ul li {
    font-size: 18px;
    font-weight: 600;
    font-family: "Montserrat", serif;
    color: #000;
}
.inner-request-a-quote-sec li.request-cart-img {
    position: relative;
}
.inner-request-a-quote-sec button.request-cart-btn {
     position: absolute;
    right: -10px;
    top: -10px;
}
.inner-request-a-quote-sec li.request-cart-img button {
    border: none !important;
    font-size: 13px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    box-shadow: 0 0 4px 0 #00000057;
}
.inner-request-a-quote-form button {
    margin: auto;
    border: none;
}
.inner-request-a-quote-cart ul li span {
    font-weight: 600;
}

/*Inner Request A Quote Ends */


/* Contact page Starts  */

.contact-sec .contact-sec {
  background: white;
  border-radius: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin: 40px auto;
  max-width: 1200px;
  overflow: hidden;
}

.contact-sec .contact-left,
.contact-right {
  padding: 10px 25px;
  height: 100%;
}

.contact-sec .contact-left {
  /* background: #eeeeee; */
  /* border-radius: 10px 0 0px 10px; */
}

.contact-sec .contact-left h2 {
  font-weight: 500;
  margin-bottom: 10px;
  color: #000;
  font-size: 36px;
  font-weight: 600;
}

.contact-sec .contact-left p {
  font-size: 21px;
  color: #000;
  margin-bottom: 30px;
  width: 100%;
}

.contact-sec .contact-info {
  margin-bottom: 30px;
}

.contact-sec .contact-info i {
  font-size: 23px;
  margin-right: 15px;
  color: white;
  width: 60px;
  height: 60px;
  /* background: #f50005; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.contact-sec .contact-info h6,
.contact-sec .contact-info h3 {
  margin-bottom: 3px;
  font-weight: bold;
  color: #000;
  font-family: 'Montserrat';
  font-size: 19px;
}

.contact-sec .contact-info small {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Montserrat';
}

.contact-sec .follow-us {
  margin-top: 40px;
}

.contact-sec .follow-us i {
  font-size: 20px;
  margin-right: 15px;
  color: #000;
  cursor: pointer;
  transition: 0.3s;
}

.contact-sec .follow-us i:hover {
  color: #ffc107;
}

.contact-sec .contact-right h3 {
  font-weight: bold;
  margin-bottom: 30px;
}

.contact-sec .form-control {
  border-radius: 6px;
  margin-bottom: 15px;
  font-size: 14px;
  background-color: unset;
  height: 50px;
  margin: 0 0 15px 0;
  border: 1px solid #0000007d;
  color: #000;
}

.contact-sec textarea.form-control {
  resize: none;
  height: 169px;
  margin: 0px 0 0 0;
  padding: 20px 14px;
  color: #fff;
}

section.contact-sec {
  padding: 90px 0 100px;
  position: relative;
  z-index: 2;
}
.contact-right {
  /* background-color: white; */
  /* box-shadow: rgba(0, 0, 0, 0.19) 0px 3px 8px; */
  border-radius: 0 10px 10px 0;
}
.col-md-6.contact-right h2 {
  color: #000;
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
}
.sbmt-btn  button.theme-btn-1 {
    border: unset;
}
.contact-social-wrapper .footer-socials a {
  height: 45px;
  width: 45px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  background-color: unset;
  border-radius: 50%;
  border: 1px solid #ff0505;
  transition: all 0.3s ease;
}

.contact-social-wrapper .footer-socials a i {
  color: #dc2626;
  font-size: 20px;
}

.contact-social-wrapper .footer-socials {
  display: flex;
  gap: 14px;
}

.contact-social-wrapper .footer-socials a:nth-child(1):hover i {
  color: #fff;
}

.contact-social-wrapper .footer-socials a:nth-child(2):hover i {
  color: #fff;
}

.contact-social-wrapper .footer-socials a:nth-child(3):hover i {
  color: #fff;
}
.contact-social-wrapper .footer-socials a:hover {
  background-color: #dc2626 !important;
}
.sbmt-btn {
  margin-top: 20px;
  display: flex;
  justify-content: start;
  align-items: center;
  text-align: center;
}
.contact-map iframe {
    width: 100%;
}

.contact-map {
    margin-top: 40px;
}
.contact-sec .form-control::placeholder {
    color: #000;
}
/* Contact us page Ends */

/* Inner Check Out Start */

.billing_form h3 {
    margin: 0;
    margin-bottom: 30px;
    color: #000;
    font-size: 55px;
    font-weight: 600;
}

.billing_form label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #000;
}

.radiosss p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}

.check-out-btn button {}

.check-out-btn button {
    border: none;
}

.billing_form input {
    width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
    padding: 0 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;
}

.billing_form input::placeholder {
   color: #000;
  font-family: "Montserrat", sans-serif;
}

.cart_sidebar .cart_lst li:not(:last-child) {
    margin-bottom: 20px;
}

.cart_sidebar .cart_lst li {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.cart_sidebar .cart_lst li span {
  float: right;
}

.cart_sidebar .cart_lst li:last-child {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

.cart_sidebar .cart_lst {
  margin-top: 20px;
  margin-bottom: 40px;
}

.thankyou_txt {
  padding: 50px;
  border: 2px solid #b7b7b7;
}

.thankyou_txt h3 {
  font-size: 35px;
  color: #000;
  font-weight: 800;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}

.thankyou_txt h3 i {
  font-size: 40px;
  margin-right: 15px;
}

.order_det h5 {
  font-size: 20px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.order_det p {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0;
}

.order_complete_detail h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.order_detail_table {
  padding: 40px;
  border: 1px solid #b7b7b7;
}

.order_detail_table h5 {
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

.order_detail_table ul {
  margin-top: 20px;
  margin-bottom: 30px;
}

.order_detail_table ul li:not(:last-child) {
  margin-bottom: 25px;
}

.order_detail_table ul li {
  font-size: 14px;
  color: #7c7c7c;
}

.order_detail_table ul li span {
  float: right;
}

.order_detail_table ul li:last-child {
  font-weight: 700;
  color: #000;
}

.order_detail_table h6 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
  padding: 25px 0;
  border-top: 1px solid #dbdbdb;
  margin: 0;
}

.order_detail_table h6 span {
  float: right;
}

.check_menu ul {
  text-align: center;
  margin-bottom: 40px;
}

.check_menu ul li {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #7c7c7c;
  margin: 0 14px;
}

.check_menu ul li i {
  font-size: 18px;
}

.check_menu ul li.purp {
  color: #700ea3;
}

.cart_sidebar h3 {
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}
.cart_sidebar .h-sub {
    font-size: 25px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
    line-height: 0;
    padding-bottom: 30px;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.cart_sidebar h5 span {
  float: right;
  color: #000;
}

.cart_sidebar h4 {
    font-size: 25px;
    margin-bottom: 20px;
    line-height: normal;
    padding-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.cart_sidebar ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.cart_sidebar ul li label {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.cart_sidebar ul li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.cart_sidebar ul li input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #b40c0c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.cart_sidebar {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}
.check-out-btn {
  margin-top: 35px;
}

.cart_sidebar ul li:not(:last-child) {
  margin-bottom: 15px;
}

.cart_sidebar form {
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #b7b7b7;
}

.cart_sidebar form h4 {
  font-size: 14px;
  font-weight: 400;
  color: #b7b7b7;
  font-family: "Roboto", sans-serif;
}

.cart_sidebar form select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form select option {
  color: #000;
}

.cart_sidebar form input {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form input::placeholder {
  color: #b7b7b7;
  font-family: "Montserrat-Ultral";
}

.cart_sidebar form button {
  color: #000;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Poppins", sans-serif;
  padding: 10px 40px;
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
}

.cart_sidebar form button:hover {
  background-color: transparent;
  transition: 0.3s ease-in-out;
}

.checkout_btn {
  padding: 12px 50px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 0;
  font-weight: 500;
  border: 2px solid transparent;
  background-color: #ff2e98;
  font-family: "Montserrat-Ultral";
}

.checkout_btn:hover {
  /* color: white; */
}

ul.shipping-ul {
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  padding-bottom: 30px;
}

h6.payment-h {
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 600;
    margin-top: 30px;
    color: #000;
}

.cart_sidebar .radiosss-payments li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
    inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50px;
}

.cart_sidebar .radiosss-payments li input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    border-radius: 20px;
    left: 6px;
    border: 0;
    width: 10px;
    height: 10px;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.radiosss-payments .card.card-body {
  padding: 0;
  border: 0;
  margin-left: 30px;
  background: none;
}

.radiosss-payments {
  border-bottom: 1px solid #d8d8d8;
}

section.checkout_page {
  padding: 100px 0;
  position: relative;
}

.sale-upto-off-flower.check-one {
  left: -120px;
}

.sale-upto-off-flower.check-one {
  left: -20px;
  top: 30px;
}

.sale-upto-off-flower.check-two {
  top: inherit;
  bottom: 0;
  right: inherit;
  left: 410px;
}

section.checkout_page .sale-upto-off-flower img {
  width: 151px;
  height: 143px;
  object-fit: contain;
}

.checkout_page .img-1 {
  position: absolute;
  left: -13%;
  top: 50%;
  width: 340px;
}

.checkout_page .img-2 {
  position: absolute;
  right: -7%;
  top: 60%;
  width: 230px;
  transform: rotate(200deg);
}

/* Inner Check Out End */

/* Inner Cart Start */


.inner-cart-sec .shopping_cart_table h2 {
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #0e0d0d;
    font-size: 40px;
}

.inner-cart-sec .shopping_cart_table table th {
    font-size: 16px;
    padding-bottom: 10px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.cart_product_name h2 {
    font-size: 16px !important;
    margin-bottom: 4px !important;
    font-weight: 600;
}

.inner-cart-sec .shopping_cart_table table thead {
    border-bottom: 1px solid #e6e6e6;
}

.inner-cart-sec .shopping_cart_table table tbody td {
    padding: 25px 0;
    border-bottom: 1px solid #e3d4ce;
}

.inner-cart-sec .shopping_cart_table table tbody .cart_box_product {
    display: flex;
    align-items: center;
}

.inner-cart-sec .shopping_cart_table table tbody td {
    padding: 25px 0;
    border-bottom: 1px solid #e6e6e6;
}

.cart_product_img img {
    width: 110px;
    height: 117px;
    object-fit: cover;
    border-radius: 5px;
}

.inner-cart-sec .shopping_cart_table table tbody .cart_box_product .cart_product_name h5 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    color: #000000;
    text-transform: capitalize;
}
.inner-cart-sec .shopping_cart_table table tbody .cart_box_product .cart_product_name p {
    font-size: 13px;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.inner-cart-sec .shopping_cart_table table tbody td select {
    height: 50px;
    appearance: auto;
    border: 1px solid #b8b8b8;
    width: 135px;
    color: #000;
    font-weight: 600;
    padding: 0 15px;
}

.inner-cart-sec .shopping_cart_table table tbody td .skin-2 .num-in {
    border: 1px solid #cfcfcf;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner-cart-sec .shopping_cart_table table tbody td .t_price {
    font-size: 30px;
    text-transform: uppercase;
    color: #070707;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "robofan", sans-serif;
}

.inner-cart-sec th.w-40 {
    width: 40%;
}

.inner-cart-sec .shopping_cart_table table tbody td i.fas.fa-times {
    font-size: 20px;
    color: #000;
}

.inner-cart-sec .cart_recipt {
    margin-top: 45px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.inner-cart-sec .cart_recipt>a {
    padding: 15px 40px;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    border-radius: 50px;
    border: 1px solid #cfcfcf;
}

.inner-cart-sec .cart_recipt>a i {
    margin-right: 10px;
}

.inner-cart-sec .recipt {
    width: 30%;
}

.inner-cart-sec .recipt li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
}

.inner-cart-sec .recipt li:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    color: #000;
}

.inner-cart-sec .recipt li span {
    font-size: 18px;
    letter-spacing: 2px;
    color: #000000;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.inner-cart-sec .payment_card {
    padding: 30px 30px;
}
.inner-cart-sec .payment_card h3 {
    font-size: 35px;
    margin-bottom: 20px;
    padding-bottom: 40px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
    color: #000;
}
.inner-cart-sec .expiry_cvv a {
    border: none !important;
}

.cart-btn {
    text-align: center;
    margin-top: 10px;
}
.cart-btn a {
    margin: 0 auto;
}
.inner-cart-sec .credit_paypal a {
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
        color: #070707;
    font-weight: 500;
    font-size: 15px;
    background: #f3f3f3;
    font-family: "Montserrat", sans-serif;
}

.inner-cart-sec .credit_paypal a img {
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
    width: 20px;
}

.inner-cart-sec .credit_paypal {
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}


.inner-cart-sec .payment_card form label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.inner-cart-sec .payment_card form {
    margin-top: 15px;
}

.inner-cart-sec .payment_card form input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    background: transparent;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
   
    color: #000;
}

.inner-cart-sec .payment_card form input::placeholder {
    
    font-weight: 600;
    font-size: 14px;
   
    color: #000;
}

.inner-cart-sec .payment_card form select {
    height: 50px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 25px;
    background: transparent;
    padding: 0;
    font-weight: 600;
  
   color: #000;
}

.credit_paypal label {
    font-size: 14px;
    font-weight: 600;
       color: #070707;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.inner-cart-sec .payment_card form input::placeholder {

    font-weight: 600;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #151414;
}

.inner-cart-sec .expiry_cvv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-cart-sec .expiry_date {
    width: 70%;
}

.inner-cart-sec .cvv_box {
    width: 26%;
}

.inner-cart-sec .month_year {
    display: flex;
    justify-content: space-between;
}

.inner-cart-sec .month_year select {
    width: 48% !important;
    appearance: auto;
}

.inner-cart-sec .month_year select option {
    color: #000;
}

.inner-cart-sec .payment_card form .btn1 {
    margin: 30px 85px;
    border: none;
}

.inner-cart-sec .shopping_cart_table {
    padding-right: 40px;
}

section.shopping_cart .skin-2 .num-in {
    height: 50px;
    width: 150px;
    float: left;
    border: 0;
    border-radius: 25px;
    cursor: pointer;
    color: #9d9d9d;
}

section.shopping_cart .skin-2 .num-in span {
    width: 30px !important;
    height: 30px !important;
    float: left;
    position: relative;
    color: #000;

    border-radius: 20%;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-quantity-box {
    margin-top: 50px;
}

.pro-quantity-box .quanity.product-detail input {
    border: none !important;
}

.pro-quantity-box .product-detail .num-in {
    background: #0000000f;
    width: 160px;
    border: 1px solid #cfc3bd;
}

.pro-quantity-box .row {
    align-items: center;
}

.productdetail-line {
    margin-top: 40px;
}

.products-detail-text p {
    margin-bottom: 30px;
}

.productdetail-line p {
    font-size: 17px;
    color: #1d1d1d;
    font-weight: 600;
}

.productdetail-line ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.productdetail-line ul li p {
    margin-bottom: 0;
}

.productdetail-line ul li a {
    color: #f26877;
    font-size: 22px;
}

.pro-quantity-box .quanity.product-detail input {
    width: 50%;
    height: 40px;
    border: 1px solid #000;
    padding: 13px;
    color: #000;
}


.our-product-box {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: 0.4s ease;
}


.our-product-box:hover {
    transform: translateY(-8px);

}


.our-product-box-img {
    position: relative;
    overflow: hidden;
}

.our-product-box-img img {
    width: 100%;
    transition: 0.5s ease;
    border-radius: 12px;
}


.our-product-box-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: -170%;
    width: 120%;
    height: 100%;
    background: rgba(255, 255, 255, 0.35);
    transform: skewX(-25deg);
    transition: 0.6s;
}


.our-product-box:hover .our-product-box-img::before {
    left: 120%;
}

section.shopping_cart .skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
}

section.shopping_cart .num-in input.in-num {
    background-color: #ffffff;
    width: 38%;
    font-family: 'Helvetica';
}

section.shopping_cart .skin-2 .num-in input {
    float: left;
    width: 50%;
    height: 35px;
    border: none;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    font-family: "Cinzel", serif;
    color: #070707;
}

section.shopping_cart .skin-2 .num-in span:before,
.skin-2 .num-in span:after {
    content: '';
    position: absolute;
    background-color: #787878;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

.cart-btn button {
    border: none;
}

.cart_product_name {
    margin-left: 15px;
}


/* Inner Cart Ends */


/* Inner Products Detail Start */

section.product-detail {
    padding: 100px 0 50px;
}

.product-detail .productdetailportion {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 2px;
    justify-content: center;
}
.productdetailfor .slick-slide img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 8px;
    object-position: 100% 90%;
}

.productdetailnav .slick-slide {
    margin: 0 10px;
    cursor: pointer;
}

.productdetailsmallportion {
    width: 100%;
    display: flex;
    height: 170px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}

.productdetailsmallportion img {
    width: 100%;
    height: 170px;
    transition: 0.3s;
    object-fit: cover;
    border-radius: 8px;
}
.productdetailnav .slick-slide.slick-current .productdetailsmallportion {
    position: relative;
}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: var(--white);
    z-index: -1;
}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion {
    border-radius: 5px;
}
.product-content .top-section h6 {
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: "robofan", sans-serif;
}


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

.product-content ul li {
    margin-right: 5px;
    font-size: 17px;
    color: black;
    font-weight: 600;
}

.product-content ul li i.fas.fa-star {
    color: #FF9800;
}
.product-content hr {
    margin: 20px 0;
    border-color: #eee;
}

.row.flexEnd.price_rev ul {
    display: flex;
}

.row.flexEnd.price_rev p {
    font-size: 17px;
    color: black;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
}


.product-detail .slick-active {
    opacity: 1;
}

.product-detail .slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    margin: 8px 10px;
}

ul.brand h3 {
    color: #00000082;
    font-size: 22px;
    padding: 20px 0 20px 0;
    text-decoration: line-through;
}
.quanity.product-detail span#number {
    width: 80px;
    text-align: center;
    font-size: 22px;
}
.quanity.product-detail span#plus {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.quanity.product-detail span#minus {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

















.price_rev {
    margin-bottom: 15px;
}
ul.brand h2 {
    line-height: 1;
    font-size: 35px;
    font-weight: 600;
    padding: 0 0 10px 0;
    color: #1c1c1c;
    font-family: "Montserrat", serif;
}

ul.brand h4 {
    font-size: 18px;
    margin: 15px 0px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-family: "Montserrat", serif;
}
ul.brand p {
    padding: 0 0 10px 0;
}
p.availability {
    color: #000;
    font-size: 18px;
}
.quanity.product-detail div {
    gap: 10px;
    display: flex;
    align-items: center;
    margin: 0px 0px 20px;
    border-radius: 0 !important;
    justify-content: flex-start;
}

.quanity.product-detail .num-block.skin-2 .num-in,
.quanity.product-detail .num-block.skin-2 {
    gap: 0;
    margin-bottom: 0px;
}

.quan-count {
    height: 55px;
    width: 170px;
    display: flex;
    padding: 0px 10px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbcbcb;
}

.sku {
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin-top: 25px;
}
.quanity.product-detail {
    margin-top: 10px;
}
.sku p {
    font-size: 17px;
    font-weight: 600;
    padding: 0 0 10px 0;
    color: var(--headingColor2);
}

.sku span {
    font-size: 17px;
    font-weight: 600;
    color: var(--headingColor2);
}
ul.share-icon {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.share-icon li {
    font-size: 17px;
    font-weight: 600;
    color: var(--headingColor2);
}

.sku p {
    margin-bottom: 5px;
    color: #000;
}



.sku p.position-relative {
    top: 10px;
}

ul.share-icon a {
    width: 40px;
    height: 40px;
    display: flex;
    opacity: 0.5;
    font-size: 16px;
    border-radius: 50%;
    align-items: center;
    transition: ease-in-out;
    justify-content: center;
    transition-duration: 0.5s;
    color: #858585;
    border: 1px solid #858585;
}

ul.share-icon a:hover {
    opacity: 1;
    color: #fff;
    transition: ease-in;
    transition-duration: 0.5s;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}


.prod-detail-description .rating:not(:checked)>input {
    position: absolute;
    -webkit-appearance: none;
}

.prod-detail-description .rating:not(:checked)>label {
    float: right;
    cursor: pointer;
    font-size: 30px;
    color: #666;
}

.prod-detail-description .rating:not(:checked)>label:before {
    content: "★";
}

.prod-detail-description .rating>input:checked+label:hover,
.prod-detail-description .rating>input:checked+label:hover~label,
.prod-detail-description .rating>input:checked~label:hover,
.prod-detail-description .rating>input:checked~label:hover~label,
.prod-detail-description .rating>label:hover~input:checked~label {
    color: #e58e09;
}

.prod-detail-description .rating:not(:checked)>label:hover,
.prod-detail-description .rating:not(:checked)>label:hover~label {
    color: #ff9e0b;
}

.prod-detail-description .rating>input:checked~label {
    color: #ffa723;
}

.price_rev .col-6 {
    width: fit-content;
}

/* Rating Stars */

  

.prod-detail-description .nav-tabs .nav-link {
    padding: 15px;
    font-size: 25px;
    font-weight: 600;
    width: fit-content;
    margin-right: 10px;
    background: transparent;
    text-transform: uppercase;
    color: #000;
    border-radius: 0 !important;
}

.prod-detail-description .nav-tabs .nav-link.active, .prod-detail-description .nav-tabs .nav-item.show .nav-link {
    border: 0;
    border-bottom: 3px solid #c40e0e !important;
}

.prod-detail-description .nav-tabs .nav-link:hover, .prod-detail-description .nav-tabs .nav-link:focus {
    border: 0;
    border-bottom: 3px solid #980909 !important;
}

.prod-detail-description .nav-tabs {
    margin-bottom: 15px;
    border: 0;
    border-bottom: 1px solid #dee2e6;
}

.prod-detail-description .prd-review-input label {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.prod-detail-description .prd-review-input input {
       width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
    padding: 0 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;

}

.prod-detail-description .prd-review-input input::placeholder,
.prod-detail-description .prd-review-input textarea::placeholder {
     color: #000;
    font-size: 15px;
}

.prod-detail-description .prd-review-input textarea {
    width: 100%;
    height: 180px;
    border: 1px solid #cfcfcf;
    padding: 15px 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;
    resize: none;
}
.prod-detail-description .rating-stars input {
    width: auto !important;
    height: auto;
    border: 0;
}

.prod-detail-description .rating-stars {
    display: inline-grid;
    justify-items: baseline;
}

.prod-detail-description .rating {
    display: block;

    margin: 20px 0;
    float: left;
}

.prod-detail-description .prd-review-input.give-review h4 {
    font-size: 30px;
    color: var(--black);
    text-transform: uppercase;
}


.rating-stars button {
    border: none;
}
.prod-detail-description .client-review-box {
    box-shadow: 0 0 5px 1px #9898984d;
    border-radius: 10px;
    padding: 30px;
    margin: 20px 0;
}

.prod-detail-description ul.client-list-review {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}

.prod-detail-description ul.client-list-review li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.prod-detail-description ul.client-list-review img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    object-fit: cover;
    box-shadow: 0 0 5px 1px #989898;
}

.prod-detail-description ul.client-list-review h5 {
    font-size: 22px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "robofan", sans-serif;
}

.prod-detail-description ul.client-list-review h6 {
    font-size: 16px;
    color: #777;
    font-family: "Montserrat", serif;
}

.prod-detail-description ul.client-list-review li i {
    font-size: 20px;
    color: #ff9800;
}

.client-review-box p {
    margin-bottom: 0;
}

.prod-detail-description .client-info {
    margin-left: 15px;
}



.prod-detail-description .prd-det-review-form .row {
    align-items: center;
}

.prod-detail-description .prd-det-discription-content p {
    margin-bottom: 20px;
}

.prod-detail-description .prd-det-additional-content p {
    text-align: justify;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
}

.prod-detail-description .prd-det-discription-content ul li p {
    text-transform: uppercase;
    margin-bottom: 0;
    color: #000;
    font-family: "robofan", sans-serif;
}

ul.disc-list li {
    margin: 10px 0;
}



.product-detail1 .skin-2 .num-in {
    height: 50px;
    width: 150px;
    float: left;
    display: flex;
    border-radius: 25px;
    cursor: pointer;
    align-items: center;
    position: relative;
}

.product-detail1 .skin-2 .num-in span:before,
.product-detail1 .skin-2 .num-in span:after {
    opacity: 1;
    content: '';
    position: absolute;
    background-color: var(--black);
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

ul.disc-list li img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(16%) sepia(55%) saturate(5505%) hue-rotate(352deg) brightness(90%) contrast(107%);
}

section.inner_gift_sec1 .about_text h3 {
    font-size: 44px;
}

.product-detail1 .skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
    opacity: 1;
}

ul.disc-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}
ul.disc-list {
    margin-bottom: 20px;
}



/* Inner Products Detail Ends */




/* Inner Products Start */

.range-text {
    display: flex;
    justify-content: center;
    position: relative;
}

.right-side-top {
    border-radius: 5px;
    padding: 20px 10px;
    background-color: #f3f3f3;
}

.right-side-top select {
    width: 100%;
    padding: 13px 10px;
    border: 1px solid transparent;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    appearance: auto;
    line-height: 60px;
    color: #000;
}

.showing-icon>select {
    width: 50%;
}

.showing-icon>.product-select {
    width: 85%;
}

.showing-icon>p {
    width: 15%;
}
.right-side-top p {
    margin: 0;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.show-prg-num a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 0 4px;
    transition: 0.5s;
}
.show-prg-num p {
    font-size: 16px;
}

.show-prg-num {
    gap: 10px;
}

.show-prg-num a:hover {
    color: #cd0f0f;
}


.showing-icon {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.showing-icon a {
    margin-top: 19px;
    padding: 0 13px;

}



img.bk-2.prd-pg-2 {
    bottom: 20%;
}

img.bk-1.prd-pg-1 {
    right: -5%;
    bottom: 15%;
}

.product-bar-txt h5 {
    font-size: 23px;
}

.product-bar form {
    position: relative;
}

.product-bar {
    width: 95%;
    height: 100%;
}

.range-bg-space {
    padding: 25px;
    border-radius: 5px;
    background-color: #f3f3f3;
}

.grid-view {
    position: relative;
    display: inline-block;
}

.grid-view .tooltip {
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #bd0d0d;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 1;
    visibility: hidden;
    transition: 0.3s;
}
.grid-view:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.grid-view .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #bd0d0d transparent transparent transparent;
}

.range-slider {
    width: 100%;
    margin-top: 46px;
    position: relative;
}

.range-slider input {
    border: none;
}

.left-side-one {
    width: 55px;
}

.show-top {
    gap: 10px;
    display: flex;
    font-size: 14px;
    margin-top: 50px;
    font-weight: 500;
    align-items: center;
    justify-content: flex-start;
}

.range-slider .rangeValues {
    width: 100%;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
    color: #313131;
}

/* The custom fill track (the black part between the thumbs) is created using a pseudo-element on the parent */
.range-slider::before {
    content: '';
    height: var(--track-height);
    background: var(--black);
    /* Black color for the active range */
    position: absolute;
    top: 25px;
    /* Adjust to center vertically */
    left: 0;
    right: 0;
    z-index: 1;
    /* Use custom properties updated by JS to control the black fill width and position */
    left: var(--min-val);
    right: calc(100% - var(--max-val));
}

/* The overall light gray track (unselected area) */
.slider-track {
    position: absolute;
    top: 25px;
    /* Center vertically */
    width: 100%;
    height: var(--track-height);
    background: var(--secondary-color);
    /* Light gray for inactive range */
    border-radius: 3px;
    z-index: 0;
}

.range-slider input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    position: absolute;
    left: 0;
    border: none;
    padding: 0;
    height: var(--track-height);
    top: 25px;
 
    margin: 0;
    background: none;

    pointer-events: none;

    z-index: 3;
    
}


.range-slider input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    height: var(--track-height);
    border: none;
}

.range-slider input[type=range]::-moz-range-track {
    background: transparent;
    height: var(--track-height);
    border: none;
}


.range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;
    position: relative;
    z-index: 4;
    
    pointer-events: all;
  
    margin-top: calc((var(--thumb-size) - var(--track-height)) / -2);
   
}

.range-slider input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;
    z-index: 4;
    pointer-events: all;
    border: none;
}


.range-slider .rangeValues {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
    position: relative;
    z-index: 5;
    top: -20px;
}

.value-popup {
    position: absolute;
    top: -10px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;

    transition: left 0.1s ease;
}

.value-popup::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8d7766;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}


.range-bg-space h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}


.product-bar1 a {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 35px;
    border-bottom: 1px solid #d3d4d7;
    margin-bottom: 16px;
    padding-bottom: 10px;
    padding-left: 10px;
    transition: 0.5s;
    font-weight: 600;
    font-family: "Montserrat", serif;
}
.product-bar1 {
    padding: 20px;
    border-radius: 5px;
    background-color: #f3f3f3;
    box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
}

.product-bar1 h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}
.product-bar1 a:hover {
    padding-left: 25px;
    color: #8d7766;
    font-weight: 700;
}

.confidence-in-every-strand-sec.inner {
    margin-bottom: 100px;
}



.grid-view>a {
    font-size: 19px;
    width: 25px;
    height: 25px;
    transform: rotate(90deg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff7f00;
    overflow: hidden;
    transition: ease-in-out;
    transition-duration: 0.2s;
}

.pro-grid-view .w-full {
    width: 50%;
}

.pro-grid-view .w-full {
    width: 50%;
}

.grid-view>a:hover {
    color: var(--white);
    transition: ease-in-out;
    transition-duration: 0.2s;
}

.collection-side .premium-products-silder-items {
    margin: 20px 0;
}

.grid-view p {
    color: #ff7f00;
}

.grid-view:hover .grid-view-badge {
    display: block;
}

.grid-view-badge {
    position: absolute;
    top: -40px;
    left: 0;
    padding: 10px;
    background: #ff7f00;
    border-radius: 5px;
    z-index: 9;
    display: none;
}

.grid-view-badge::before {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 20px;
    height: 10px;
    background-color: #ff7f00;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.grid-view-badge h6 {
    font-size: 12px;
    line-height: 1;
    color: var(--white);
    font-family: 'Poppins';
    font-weight: 600;
    margin: 0;
}

.large-grid-view-class .col-lg-4 {
    width: 50%;
}

.list-view-class .col-lg-4 {
    width: 100%;
}

.row.product-grid.grid-view-class .col-lg-4 {
    width: 33%;
}

.view-grid1 {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 18px;
}

.view-grid1 a i {
    color: #3c454e;
}
.view-grid1 a i:hover {
    color: #bd0d0d;
}
.range-slider {
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.slider-track {
    position: absolute;
    top: 35px;
    width: 100%;
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    z-index: 1;
}

.range-slider input[type="range"] {
    position: absolute;
    top: 30px;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
    z-index: 2;
}

.range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: black;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
}

.value-popup {
    position: absolute;
    top: 0;
    background: #8d7766;
    color: white;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.show-top {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    font-size: 14px;
    color: #6b7280;
}

/* Filled bar between thumbs */
.range-slider::before {
    content: '';
    position: absolute;
    height: 6px;
    top: 35px;
    background: black;
    border-radius: 3px;
    z-index: 1;
}


.range-slider input::-webkit-slider-thumb {
    background: #8d7766 !important; 
}

section.collection-side .shipsol_main {

    margin-top: 40px;
}

/* Inner Products Ends */


/*Frequently Asked Question Start*/


.frequently-asked-question-sec.inner {
    margin: 0 0;
    padding: 80px 0;
}
.frequently-asked-question-sec.inner .frequently-asked-question-box {
    background: none !important;
}
.frequently-asked-question-sec.inner .accordion-item {
   
    background: #f2f2f2;
}
.frequently-asked-question-sec.inner .accordion-button {
    background: #f2f2f2;
}
.frequently-asked-question-sec.inner .frequently-asked-question-box h2 {
    font-size: 60px;
    text-align: center;
    color: #000;
}
.frequently-asked-question-sec.inner  .accordion {
    margin-top: 40px;
}


.frequently-asked-question-sec .row.back {
    box-shadow: 0 0 5px 0 #0000003d;
    border-radius: 15px;
    background: #ffff;
    position: relative;
    z-index: 999;
}
.frequently-asked-question-sec .frequently-asked-question-box {
    background: #255878;
    padding: 30px 30px;
    border-radius: 15px;
}

.frequently-asked-question-sec .frequently-asked-question-box h2 {
    font-size: 28px;
    text-align: center;
    color: #fff;
    line-height: 40px;
}

.frequently-asked-question-sec .accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-top: 20px;
    border-radius: 15px !important;
}

.frequently-asked-question-sec .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 20px;
    border-radius: 15px !important;
}

.frequently-asked-question-sec .accordion-button:not(.collapsed) {
    color: #000;
    background-color: inherit;
    box-shadow: inherit;
}

.frequently-asked-question-sec .accordion-body {
    padding: 0 20px 20px;
    color: #7c7c7c;
    font-weight: 600;
    font-size: 14px;
}

.frequently-asked-question-sec .accordion-button:focus {
    z-index: 3;
    border-color: inherit;
    outline: 0;
    box-shadow: inherit;
}

.frequently-asked-question-sec .accordion-button::after {
    background-image: inherit !important;
    right: 15px;
    content: "\f067";
    position: absolute;
    font-weight: 900;
    top: 15px;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    color: #000;
}

.were-Here-Help-form h2 {
    font-size: 35px;
    text-align: center;
}

.were-Here-Help-form {
    padding: 30px 20px;
    border-radius: 15px;
}

.frequently-asked-question-sec .accordion-button:not(.collapsed)::after {
    background-image: inherit !important;
    transform: inherit;
    content: "\f068";
}

.were-Here-Help-form input {
    width: 100%;
    height: 58px;
    border: 1px solid #cdcdcd;
    margin-bottom: 15px;
    padding: 0 20px;
    border-radius: 50px;
    color: #575757;
    font-weight: 600;
}

.were-Here-Help-form select {
    width: 100%;
    height: 58px;
    border: 1px solid #cdcdcd;
    padding: 0 20px;
    border-radius: 50px;
    color: #616161;
    font-weight: 600;
}

.were-Here-Help-form form {
    margin-top: 15px;
}

.were-Here-Help-select {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.were-Here-Help-select-icon {
    position: absolute;
    right: 20px;
    pointer-events: none;
}

.were-Here-Help-form textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #cdcdcd;
    padding: 15px 20px;
    border-radius: 30px;
    color: #575757;
    font-weight: 600;
    resize: none;
    margin-bottom: 15px;
}
.were-Here-Help-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 58px;
}

.frequently-asked-question-sec {
    margin-top: 80px;
    margin-bottom: -50px;
}


/*Frequently Asked Question Ends*/

/*Inner Resources Start*/



.inner-resources-sec {
    padding: 100px 0;
    display: flex
;
    align-items: center;
}
.inner-resources-part-one img {
    width: 344px;
    height: 463px;
    object-fit: contain;
}
.inner-resources-images img {
    width: 100%;
}
.inner-resources-images {
    width: 100%;
}
.inner-resources-images img {
    width: 100%;
    height: 310px;
    object-fit: cover;
    border-radius: 8px;
}
.inner-resources-text h2 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: "robofan", sans-serif;
}
.inner-resources-text ul {
    display: flex
;
    align-items: center;
    gap: 15px;
}
.inner-resources-text ul li span {
    border: 1px solid #b6b6b6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #08298d;
    border-radius: 50%;
}
.inner-resources-text ul li a {
    display: flex
;
    align-items: center;
    gap: 15px;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #666666;
}
.inner-resources-text {
    /* position: absolute; */
    right: 0;
    background: #fff;
    padding: 40px 28px;
    border-radius: 8px;
    width: 100%;
    box-shadow: 0 0 5px 0 #00000029;
}
.inner-resources-part-one {
    position: absolute;
    right: 0;
}

.inner-resources-detail-text ul li a {
    display: flex
;
    align-items: center;
    gap: 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #666666;
    font-weight: 600;
}
.inner-services-images img {
    width: 100%;
    height: 478px;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.inner-resources-box {
    position: relative;
    /* display: flex
; */
    align-items: center;
}
.inner-resources-text h2 span {
    display: block;
}
.inner-resources-text h2 {
    line-height: 25px;
    margin-bottom: 10px;
}


/*Inner Resources Center Ends */


    .inner-banner-box h2 {
        display: grid;
    }

    section.blogs-details {
        padding: 100px 0;
    }

    .blogs-img-text ul li i {
        color: #000000;
        font-size: 20px;
        margin-right: 10px;
        font-family: "Font Awesome 5 Free";
    }

    .blogs-img-text ul {
        /* display: flex; */
        align-items: center;
        gap: 40px;
        padding-top: 0px;
    }

    .blogs-img-text h5 {
        font-size: 40px;
        margin-top: 5px;
        color: #000000;
        text-transform: uppercase;
        font-weight: 700;
    }

    .blogs-img-text p {
        font-weight: 500;
        font-size: 14px;
        color: #000;
        line-height: 32px;
        text-align: justify;
        padding: 0px 0;
    }

    .search a {
        width: 100px;
        height: 51px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 17px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: #003366;
        color: #fff !important;
    }

    .search {
        position: relative;
        display: flex;
    }

    .search input {
        border: 1px solid #e1e1e1;
        width: 100%;
        padding: 12px 10px;
        border-radius: 10px 0px 0px 10px;
    }

    .blog-categories h4 {
        font-weight: 700;
        font-size: 23px;
        margin-top: 30px;
        padding-bottom: 5px;
        position: relative;
        color: #000;
        text-transform: uppercase;
    }

    .blog-categories h4:before {
        /* content: ''; */
        /* position: absolute; */
        /* width: 58px; */
        /* height: 2px; */
        /* background: #c61414; */
        /* bottom: 0; */
        /* transition: .5s ease-in-out; */
    }

    .blog-categories a {
        display: block;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding: 10px 0;
        border-bottom: 1px solid #e1e1e1;
    }

    .blog-categories p {
        font-weight: 500;
        color: #646464;
        font-size: 14px;
    }

    .postss {
        border-bottom: 1px solid #000;
        padding: 15px 0;
        margin-top: 0;
    }

    .postss i {
        color: #000000;
        font-size: 18px;
        margin-right: 10px;
    }

    .postss h6 {
        font-weight: 400;
        font-size: 16px;
        color: #676767;
        margin-bottom: 0;
        margin-top: 4%;
        text-transform: uppercase;
        font-family: 'Montserrat';
    }

    .blog-categories {
        padding: 0 0px;
    }

    .blogs-img-text img {
        width: 100%;
        border-radius: 10px;
        height: 550px;
        object-fit: cover;
        margin-bottom: 40px;
    }

    .postss p {
        /* font-weight: 700; */
        color: #000;
        font-size: 12px;
        /* text-transform: capitalize; */
        line-height: 23px;
        /* font-family: 'Rajdhani'; */
        text-align: left;
    }

    .postss ul {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .postss ul li p {
        margin-bottom: 0;
    }

    .search button {
        /* position: absolute; */
        right: 0;
        border: none;
        height: 50px;
        width: 130px;
        background: rgb(6, 36, 125);
        font-size: 15px;
        border-radius: 0px 10px 10px 0px;
        padding: 0;
        text-transform: uppercase;
        color: #fff;
    }

    .blog-categories h4:hover:before {
        width: 100%;
        background: #78b921;
    }

    .postss img {
        width: 180px;
        height: 78px;
        object-fit: cover;
        border-radius: 10px;
    }

    .black {
        color: #000;
        font-weight: 600;
    }

    ul.location-list {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 10px 0;
    }

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

    .job-det-left-box ul p {
        margin: 0;
    }

    ul.location-list li {
        position: relative;
        z-index: 1;
    }

    ul.location-list li::before {
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        background: #000;
        content: '';
    }


    ul.location-list li:nth-child(1)::before {
        background: #0000;
    }


    ul.require-list h6.montserrat {
        color: #a6a6a6;
        text-transform: uppercase;
    }


    ul.skills-list {
        display: flex;
        align-items: center;
        gap: 10px;
    }


    ul.skills-list li {
        position: relative;
        z-index: 1;
    }

    ul.skills-list li::before {
        color: #87ccec;
        position: absolute;
        top: 0;
        left: -6px;
        transform: translateY(-50%);
        font-size: 15px;
        width: 0;
        height: 0;
        background: #87ccec;
        content: ',';
        bottom: 0;
    }

    ul.skills-list li:nth-child(1)::before {
        display: none;
    }

    ul.social-list {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    ul.social-list li a {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #929292;
        border-radius: 50%;
    }

    ul.social-list li a i {
        color: #929292;
    }

    ul.company-list {
        gap: 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    ul.company-list p {
        padding: 5px 20px;
        background: #e8eff0;
        border-radius: 20px;
        color: #000;
        text-transform: capitalize;
        font-size: 12px;
    }

    .company-intro-text {
        margin: 30px 0 20px 0;
    }

    .company-intro-text p {
        margin: 0 0 10px 0;
        text-transform: uppercase;
    }

    .job-det-left-box h4 {
        margin: 50px 0 10px 0;
    }

    ul.require-list li {
        padding-left: 10px;
        position: relative;
    }

    ul.require-list li::before {
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        background: #7d7d7d;
        content: '';
        border-radius: 50%;
    }


    ul.location-list1 li p {
        margin: 0;
    }

    ul.location-list li::before {
        background: #7d7d7d;
    }

    ul.location-list li i {
        color: #7d7d7d;
    }

    .job-det-left-box {
        width: 90%;
        position: relative;
        z-index: 1;
    }

    .job-det-left-box::before {
        position: absolute;
        top: 0;
        right: -10%;
        width: 1px;
        height: 100%;
        background: #ebebeb;
        content: '';
    }

    a.job-det-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        justify-self: center;
        border-radius: 50%;
        height: 150px;
        box-shadow: 0 0 19px 2px #00000024;
    }

    a.job-det-logo img {
        width: 110px;
        height: 100px;
    }

    .job-det-right-box ul {
        justify-content: center;
    }

    a.apply-button {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        width: 100%;
        border-radius: 5px;
        background-color: #87ccec;
        margin: 20px 0;
    }

    a.save-button {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        width: 100%;
        border-radius: 5px;
        box-shadow: 0 0 19px 2px #00000024;
        margin: 20px 0;
    }

     .blogs-img-text h4 {
        font-size: 23px;
        margin-top: 35px;
        font-weight: 600;
    }
    .blogs-img-text ul li {
    font-size: 14px;
    list-style: disc;
    margin-bottom: 8px;
    margin-left: 19px;
}

.inner-services-heading h2 {
    font-size: 22px;
    margin-bottom: 0;
}
.inner-services-heading {
    text-align: center;
    background: #0051bc;
    padding: 18px 0;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.inner-services-box {
    position: relative;
}
.inner-services-heading h2 {
    color: #fff;
}

.inner-services-detail-sec {
    padding: 20px 0 100px;
}
.inner-services-detail-images img {
    width: 100%;
    height: 495px;
    object-fit: cover;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.inner-services-detail-heading h2 {
    font-size: 22px;
    margin-bottom: 0;
    background: #0051bc;
    padding: 12px 20px;
    border-radius: 8px;
    color: #fff;
}
.inner-services-detail-images {
    position: relative;
}
.inner-services-detail-heading {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.inner-services-detail-text {
    margin-top: 25px;
}


/*Inner Pages Ends */

.nav ul li:last-child a {
    /* color: #fff; */
}

.header.sticky {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 0px;
    box-shadow: 2px 5px 10px -4px #00000061;
    transition: 0.9s;
    z-index: 999;
    visibility: visible !important;
}
.faq_heading h3 {
    font-size: 25px;
    color: #c7001a;
}
.footer-lets-talk-box h3 {
    color: #fff;
    font-size: 31px;
}
.ft-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
}
.footer-bottom-link h2 {
    color: #fff;
    font-size: 25px;
    border-bottom: 1px solid #fff;
    width: fit-content;
    padding-bottom: 9px;
    margin-bottom: 30px;
}

.footer-bottom-link {
    padding: 0px 59px;
}

.footer-bottom-link.contect-footer ul li {
    margin-bottom: 26px;
}

.footer-bottom-link.contect-footer ul li a {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.footer-bottom-link.contect-footer ul li a i {
    margin-top: 7px;
    color: #bf0018;
}

.footer-bottom-link ul li {
    margin-bottom: 8px;
}
.footer-bottom-sec .banner-social-link {
    position: unset;
    margin-top: 12px;
}

.footer-bottom-sec .banner-social-link ul li:after {
    display: none;
}

.footer-bottom-sec .banner-social-link ul {
    gap: 12px;
}
.footer-bottom-logo h3 {
    color: #fff;
}

.banner-social-link h3 {
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 9px;
    margin-bottom: 20px;
    width: fit-content;
}
.ser-boxs-box h2 {
    font-size: 41px;
    font-weight: 800;
    color: #ce0f0f;
}

.ser-boxs-box h3 {
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 20px;
}

.ser-boxs-box {
    border: 8px solid #0f277c;
    border-radius: 20px;
    padding: 16px 15px;
    height: 345px;
}

.boxs-sec.sec .row {
    justify-content: center;
}
section.testimonial.sec .heading h2 {
    color: var(--uspc-navy);
    font-weight: 800;
    margin-bottom: 28px;
}

section.testimonial.sec .heading h3 {
    font-size: 30px;
}

ul.stars-list {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 20px;
}

ul.stars-list li i {
    color: #b80e20;
    font-size: 16px;
}
.img-services img {
    width: 100%;
    border-radius: 20px;
    height: 390px;
    object-fit: cover;
}

.service-main-sec .built-on-reliability-text h2 {
    font-size: 47px;
    padding-bottom: 16px;
}

.service-main-sec .built-on-reliability-text {
    margin-top: unset;
    padding-left: 10px;
}
.service-main-sec .row {
    align-items: center;
}
.service-main-sec .built-on-reliability-text a {
    text-decoration: underline;
    font-weight: 500;
    color: #c7001a;
}
.service-heading h2 {
    font-weight: 800;
    color: #c7001a;
    font-size: 72px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    line-height: 80px;
    margin-bottom: 12px;
}

.service-heading h3 {
    font-size: 48px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    text-transform: capitalize;
}

.service-heading {
    margin-bottom: 46px;
}
.what-we-offer-sec .heading h2 {
    color: #fff;
}

.what-we-offer-sec .heading p {
    color: #fff;
}

.what-we-offer-sec .heading {
    margin-bottom: 30px;
}
.what-we-offer-sec .shipsol_main_txt h3 {
    color: #fff;
    font-size: 19px;
}
.map-main-box iframe {
    width: 100%;
    height: 570px;
}

.map-main-sec {
    padding-bottom: 100px;
}
.service-main-sec {
    padding-bottom: 60px;
}
.inner-offer-main-sec {
    padding: 90px 0px 90px !important;
}
.ser-boxs-box h2 a {
    color: #ce0f0f;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
.nav ul li a {
    padding: 10px 11px;
}
.nav ul li a {
    padding: 10px 11px;
}

.ser-boxs-box h2 {
    font-size: 31px;
}

.ser-boxs-box h3 {
    font-size: 16px;
}
.footer-bottom-link {
    padding: 0px 45px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
.ser-boxs-box h2 {
    font-size: 27px;
}

.ser-boxs-box h3 {
    font-size: 19px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

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

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}

@media only screen and (min-width: 0px) and (max-width: 299px) {}


.inner-banner-sec.about-banner {
    background-image: url(../images/about-banner.webp);
    position: relative;
    z-index: 1;
}

.inner-banner-sec::before {
    position: absolute;
    content: '';
    background: #0f277c9e;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}
.inner-banner-heading p {
    color: #fff;
    font-size: 16px;
}

.inner-banner-heading a.theme-btn-1 {
    margin: 0 auto;
}

.team-image img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
}

.team-image {
    text-align: center;
}

.text-team h3 {
    font-size: 18px;
    text-align: center;
    color: #c7001a;
    margin-bottom: 4px;
}

.text-team h5 {
    font-size: 15px;
    text-align: center;
    text-transform: capitalize;
}

.text-team {
    margin-top: 30px;
}

.text-team p {
    text-align: center;
}

.team-main-box {
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 2px 0px 10px 10px #00000024;
}
.team-main-sec .row {
    justify-content: center;
}
.team-main-sec {
    padding: 30px 0px 90px;
}
.service-area-text ul li {
    border: 1px solid #c7001a;
    width: fit-content;
    padding: 16px 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 500;
    width: 210px;
    justify-content: center;
    margin-bottom: 20px;
}
.main-map iframe {
    width: 100%;
    border-radius: 10px;
}

.map-sec {
    padding: 90px 0px;
}
.footer-top-background-images {
    position: relative;
}

.footer-top-background-images::before {
    position: absolute;
    content: '';
    background: rgb(14 59 195 / 64%);
    width: 100%;
    height: 100%;
}

.service-area-text ul {/* display: flex; *//* justify-content: space-evenly; */column-count: 4;}

.service-inner-sec .service-heading h2 {
    font-size: 54px;
    line-height: 69px;
}
.service-inner-sec .service-heading h3 {
    font-size: 19px;
}
.service-inner-sec {
    padding: 90px 0px;
}
.shipsol_main_txt a.theme-btn-1 {
    margin: 0 auto;
    margin-top: 19px;
}
.sub-heading-inner-services h2 {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    width: fit-content;
    text-align: center;
    padding: 30px 30px;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.service-inner-sec .shipsol_main {
    margin-bottom: 30px;
}
.service-main-sec.services-pg-sec {
    padding: 90px 0px;
}
.service-inner-sec .shipsol_main_txt h3 {
    height: 58px;
    display: grid;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.servicespg-banner {
    background-image: url(../images/services-banner.webp);
    position: relative;
    z-index: 1;
}
.catergory-pg-one-banner {
    background-image: url(../images/category-banner-img.webp);
    position: relative;
    z-index: 1;
}
.sub-heading-inner-services {
    text-align: center;
    display: flex;
    justify-content: center;
}
.sub-heading-inner-services h2 a {
    color: #fff;
}

.catergory-pg-two-banner {
    background-image: url(../images/category2-banner.webp);
    position: relative;
    z-index: 1;
}
.catergory-pg-three-banner {
    background-image: url(../images/categorythree-banner-img.webp);
    position: relative;
    z-index: 1;
}

.catergory-pg-four-banner {
    background-image: url(../images/category-four-banner.webp);
    position: relative;
    z-index: 1;
    background-position: bottom;
}

.inner-service-banner {
    background-image: url(../images/service-1-banner.webp);
    position: relative;
    z-index: 1;
    background-position: center;
}
.solves-main-sec .services-detail-text {
    border: 2px solid rgb(206, 15, 15);
    border-radius: 20px;
    padding: 37px 30px;
    margin-bottom: 40px;
}

.solves-main-sec h2 {
    font-size: 34px;
    line-height: 43px;
}

.solves-main-sec .row {
    justify-content: center;
}
ul.pagination {
    justify-content: center;
}
.inner-resources-sec {
    display: block;
}

ul.pagination {
    margin-top: 50px;
}
.btn-blog {
    display: flex;
    justify-content: space-between;
}
.blog-inner-banner {
    background-image: url(../images/blog-banner.webp);
    position: relative;
    z-index: 1;
    background-position: center;
}
.contact-banner {
  background-image: url(../images/contact-banner.webp);
    position: relative;
    z-index: 1;
    background-position: center;
}
.city-box {
    border-radius: 34px;
    padding: 13px 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    gap: 13px;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
    width: fit-content;
    gap: 10px;
}
.city-box h6,
.city-box h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: unset;
}
.cities-grid {
    /* row-gap: 30px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
span.city-icon i {
    font-size: 19px;
    margin-bottom: 15px;
    color: #fff;
    margin-bottom: 0px;
}


div#map {
    width: 100%;
    height: 450px;
}
img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
    width: 30px !important;
    height: 30px !important;
}
.header-areas {
    text-align: center;
    margin-bottom: 40px;
}

.resources-banner{
  background-image: url(../images/resources-detail-banner.webp);
    position: relative;
    z-index: 1;
    background-position: center;

}

.request-inner-banner{
  background-image: url(../images/request-banner.webp);
    position: relative;
    z-index: 1;
    background-position: center;

}
.solution-industry-fir-main-sec {
    padding: 90px 0px 0px;
}
section.category-pg-choose-sec .what-choose-us-sec.sec {
    padding: 10px 0px;
}
.how-we-main-row .built-on-reliability-text {
    margin-left: 17px;
}

.solution-industry-fir-main-sec .built-on-reliability-text h2 {
    font-size: 43px;
}

  .pain-point {
    background-color: #f2cecf;
    padding: 50px 20px;
    text-align: center;
  }
  .pain-point h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .pain-point p {
    font-size: 18px;
    margin: 8px 0;
    color: #000;
  }
.solution-industry-fir-main-sec .sub-heading-inner-services {
    margin-bottom: 40px;
}
.pain-btn {
    display: flex;
    justify-content: center;
    margin-top: 19px;
}
.ser-det-icon img {
    width: 60px;
    background: #ce0f0f6e;
    padding: 10px 10px;
    border-radius: 10px;
}

.ser-det-icon {
    margin-bottom: 18px;
}   

/*New Css*/
ul.head-btns .theme-btn-1{ white-space: nowrap; }
ul.head-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-left: -15%;
}


ul.head-btns i.fa-phone {
    width: 40px;
    height: 40px;
    display: grid;
    place-content: center;
    border-radius: 50px;
    background: #2942d14d;
}


.uspc-header-phone {    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #1e2a9c;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    white-space: nowrap;

}

.uspc-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--uspc-red);
    color: #fff !important;
    padding: 16px 28px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 15px;
    text-decoration: none;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}



/*Page Css*/
/* === SERVICE DETAIL SECTION === */
.services-detail-sec.sec {
    padding: 80px 0;
}

.services-detail-sec .row {
    display: flex;
    align-items: center;
    gap: 0;
}

.services-detail-image {
    border-radius: 12px;
    overflow: hidden;
}

.services-detail-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

.services-detail-text {
    padding-left: 40px;
}

.services-detail-text h2 {
    font-size: 50px;
    font-weight: 800;
    color: var(--uspc-navy);
    margin-bottom: 20px;
    line-height: 1.15;
}

.services-detail-text p {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
}

 :root{
     --uspc-red:#C8102E;
     --uspc-red-dark:#A00D25;
     --uspc-navy:#1E2A9C;
     --uspc-navy-dark:#151C7D;
     --uspc-blue-bright:#2942D1;
     --uspc-cream:#F7F5EF;
   }

   /* Global font + color override - match live uspalletandcrate.com */
   body, h1, h2, h3, h4, h5, h6, p, a, li, span, div, button, input, textarea, select, th, td, label{font-family:var(--uspc-font-stack), sans-serif!important;}
   body{color:#222!important;}
   p, li, td, th, .desc{color:#222!important;}
   /* Keep white text on dark backgrounds, but NOT inside product cards */
   .uspc-products-container > .section-heading p,
   .uspc-products-container > .section-heading li,
   .uspc-custom-bar p, .uspc-custom-bar li,
   .footer-sec p, .footer-sec li, .footer-sec a,
   .footer-lets-talk-box p, .footer-lets-talk-box li,
   .inner-banner-heading p, .inner-banner-heading li{color:#fff!important;}
   /* Banner subhead sits on a photo — keep it legible over the light patches */
   .inner-banner-heading p{text-shadow:0 1px 3px rgba(0,0,0,.55);}
   .footer-bottom-link.contect-footer ul li a{color:rgba(255,255,255,.85)!important;}
   /* Product card text stays dark on white cards */
   .uspc-product-card .body, .uspc-product-card p, .uspc-product-card .spec, .uspc-product-card li{color:#222!important;}
   .uspc-product-card h3{color:#ce0f0f!important;}
   .uspc-product-card a{color:var(--uspc-red)!important;}

   /* Button font consistency */
   .theme-btn-1{font-family:var(--uspc-font-stack), sans-serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:.3px;}
   .hdr_btn a{font-size:14px!important;}
   .uspc-cta-btn{font-family:var(--uspc-font-stack), sans-serif!important;}

   .uspc-hero{padding-top:150px;}

   /* FAQ Section Overrides - matching uspalletandcrate.com live site */
   .faq_wrapper{background-image:none!important;background:transparent!important;border:none;box-shadow:none;border-radius:0;padding:60px 40px!important;}
   .faq_heading h2{color:var(--uspc-red, #C8102E)!important;font-family:var(--uspc-font-stack), sans-serif!important;font-size:50px!important;line-height:1.15!important;font-weight:800!important;}
   .faq .row{align-items:flex-start!important;}
   .faq_heading h3{color:#000!important;font-family:var(--uspc-font-stack), sans-serif!important;font-size:22px;font-weight:700;margin-bottom:10px;}
   .faq_heading p{color:#000!important;font-family:var(--uspc-font-stack), sans-serif!important;font-size:16px;line-height:1.6;font-weight:400;}
   .faq_right .accordion-item{border:1.5px solid #e4e7f0!important;border-radius:10px!important;margin-bottom:10px;background-color:transparent;overflow:hidden;}
   .faq_right .accordion-button{font-family:var(--uspc-font-stack), sans-serif!important;font-weight:700;color:#000!important;font-size:16px;padding:15px;text-transform:none;background-color:#e4e7f0!important;box-shadow:none!important;border-radius:0!important;}
   .faq_right .accordion-button:not(.collapsed){background-color:#f5f5f5!important;}
   .faq_right .accordion-button::after{content:'';background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");width:1rem;height:1rem;background-size:1rem;transition:transform .2s ease-in-out;flex-shrink:0;margin-left:auto;}
   .faq_right .accordion-button:not(.collapsed)::after{transform:rotate(-180deg);}
   .faq_right .accordion-body{color:#000!important;font-family:var(--uspc-font-stack), sans-serif!important;font-size:16px;padding:15px;line-height:1.6;background-color:#fff;}
   .faq_right .accordion-body p{color:#000!important;}

   /* Footer contact icons - red circle with white icon */
   .footer-bottom-link.contect-footer ul li a i{
      display:inline-flex;align-items:center;justify-content:center;
      width:42px;height:42px;min-width:42px;
      background:var(--uspc-red, #C8102E);color:#fff!important;
      border-radius:50%;font-size:16px;margin-top:0!important;
   }
   .footer-bottom-link.contect-footer ul li a{align-items:center;gap:12px!important;}
   .uspc-hero .hero-content{flex:1;display:flex;align-items:center;padding:40px 0;position:relative;z-index:1;}
   .uspc-hero .hero-copy h1{font-size:72px;font-weight:900;line-height:1;color:#111;margin:0 0 18px;text-transform:uppercase;}
   .uspc-hero .hero-copy h1 .hl{color:var(--uspc-red);display:block;}
   .uspc-hero .hero-copy .sub{font-size:26px;font-weight:1000;color:var(--uspc-navy)!important;margin:0 0 20px;line-height:1.25;}
   .uspc-hero .hero-copy .desc{font-size:16px;font-weight:400;color:#555!important;margin:0 0 28px;max-width:560px;line-height:1.6;}
   /* Designed image collage: 3 overlapping pallet images + navy offset shape + red badge */
   /* Deterministic canvas. The tile offsets below are solved per page from
      each page's four cutouts, whose aspect ratios differ — so the wrapper
      must scale as one shape rather than a fixed pixel height, or the
      solution stops holding at 1600px. See _build/gen-service-pages.py. */
   .uspc-hero-image-wrap{position:relative;aspect-ratio:9/8;padding:6px 0;}
   /* Product shots are cutouts on white, so no backdrop box and no card frames —
      the products float free on the page and only the product reads. */
   .uspc-hero-image-wrap::before{display:none;}
   .uspc-hero-image-wrap .accent-bar{position:absolute;top:2px;left:0;width:110px;height:6px;background:var(--uspc-red);z-index:5;}
   .uspc-hero-image-wrap .p-img{position:absolute;background:none;border:0;padding:0;line-height:0;
     will-change:transform;animation:uspc-float 7s ease-in-out infinite alternate;
     pointer-events:none;}
   .uspc-hero-image-wrap .p-img img{width:100%;height:auto;display:block;transform:rotate(var(--tilt,0deg));}
   /* varied sizes, tucked close together, deliberately overlapping */
   .uspc-hero-image-wrap .p-img.main  {left:var(--dl,2%);  top:var(--dt,25%); width:var(--dw,38%); --tilt:-2.2deg; z-index:3; animation-duration:7s;   animation-delay:-.4s;}
   .uspc-hero-image-wrap .p-img.third {left:var(--dl,56%); top:var(--dt,3%);  width:var(--dw,42%); --tilt:2.6deg;  z-index:2; animation-duration:8.5s; animation-delay:-1.9s;}
   .uspc-hero-image-wrap .p-img.second{left:var(--dl,62%); top:var(--dt,46%); width:var(--dw,26%); --tilt:-3.1deg; z-index:4; animation-duration:6.2s; animation-delay:-1.1s;}
   .uspc-hero-image-wrap .p-img.fourth{left:var(--dl,24%); top:var(--dt,64%); width:var(--dw,24%); --tilt:1.9deg;  z-index:5; animation-duration:9s;   animation-delay:-3.2s;}
   @keyframes uspc-float{
     from{transform:translate3d(0,-7px,0);}
     to  {transform:translate3d(0, 7px,0);}
   }
   @keyframes uspc-float-badge{
     from{transform:translate3d(0,-6px,0);}
     to  {transform:translate3d(0, 6px,0);}
   }
   .uspc-hero-image-wrap .badge{position:absolute;background:var(--uspc-red);color:#fff;padding:14px 24px;font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.5px;z-index:6;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow:0 10px 22px rgba(200,16,46,.35);white-space:nowrap;
     will-change:transform;animation:uspc-float-badge 6s ease-in-out infinite alternate;}
   .uspc-hero-image-wrap .badge.b-spec{top:12%;left:-3%;background:var(--uspc-navy);box-shadow:0 10px 22px rgba(10,42,94,.4);animation-duration:5.4s;animation-delay:-2.2s;}
   .uspc-hero-image-wrap .badge.b-delivery{top:68%;left:-1%;background:var(--uspc-red);animation-duration:6.8s;animation-delay:-.7s;}
   @media (prefers-reduced-motion: reduce){
     .uspc-hero-image-wrap .p-img,.uspc-hero-image-wrap .badge{animation:none;}
   }
   .uspc-hero-image-wrap .badge i{margin-right:6px;color:#FFD166;}

   /* ---------------------------------------------------------------------
      FRAMED HERO COLLAGE — .uspc-hero-image-wrap.is-framed

      Used on Industrial Wood Supplier and Industrial Container Supplier
      (10 pages). Those product photos are scene shots — a crane mat on an
      oilfield pad, gaylords on a warehouse floor — not studio shots on
      white, so they cannot be cut out without leaving a ragged fringe.
      Same 2x2 scatter, same float, but each tile is a rounded photo frame.

      The geometry is completely separate from the cutout collage for one
      reason: every product photo is 1200x600, so a framed tile is exactly
      2:1 and roughly half the height of a cutout tile at the same width.
      Reusing the cutout offsets here leaves a huge dead band in the middle.
      Tilts are gentler than the cutouts (a tilted photo frame reads as
      sloppy much faster than a tilted floating object).
      --------------------------------------------------------------------- */
   .uspc-hero-image-wrap.is-framed{min-height:0;aspect-ratio:7/5;padding:0;}
   .uspc-hero-image-wrap.is-framed .p-img{inset:auto;}
   .uspc-hero-image-wrap.is-framed .p-img img{
     border:5px solid #fff;border-radius:14px;
     box-shadow:0 18px 42px rgba(10,42,94,.22);
     background:#fff;}
   .uspc-hero-image-wrap.is-framed .p-img.main  {left:var(--dl, 7.4%); top:var(--dt, 2.6%); width:var(--dw,44.3%); --tilt:-1.5deg; z-index:3;}
   .uspc-hero-image-wrap.is-framed .p-img.third {left:var(--dl,55.0%); top:var(--dt,13.4%); width:var(--dw,43.2%); --tilt: 1.6deg; z-index:2;}
   .uspc-hero-image-wrap.is-framed .p-img.second{left:var(--dl,47.7%); top:var(--dt,65.4%); width:var(--dw,41.9%); --tilt:-1.3deg; z-index:4;}
   .uspc-hero-image-wrap.is-framed .p-img.fourth{left:var(--dl, 1.6%); top:var(--dt,55.4%); width:var(--dw,44.0%); --tilt: 1.4deg; z-index:5;}
   .uspc-hero-image-wrap.is-framed .badge.b-spec{top:0;left:-3%;}
   .uspc-hero-image-wrap.is-framed .badge.b-delivery{top:47%;left:-2%;}

   /* HERO QUOTE FORM BAR (pinned to bottom of hero viewport) — same style as footer CTA bar */
   .uspc-hero-form-bar{background:var(--uspc-red);color:#fff;padding:22px 0;margin-top:0;}
   .uspc-hero-form-bar .bar-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between;}
   .uspc-hero-form-bar .label{font-size:34px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap;display:inline-flex;align-items:center;gap:14px;text-align:left;line-height:1.05;}
   .uspc-hero-form-bar .label i{font-size:28px;}
   .uspc-hero-form-bar .cta-left-arrow{
     background: linear-gradient(160deg, #2942d1 0%, #1E2A9C 50%, #0f1968 100%);
     color:#fff;padding:22px 38px;font-size:18px;font-weight:800;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;
     border-radius:50px;
     position:relative;
     overflow:hidden;
     transition: all 0.4s ease;
   }
   .uspc-hero-form-bar .cta-left-arrow::before{
     content:"";
     position:absolute;
     top:0;
     left:-100%;
     width:100%;
     height:100%;
     background:rgba(255,255,255,0.25);
     transform:skewX(-25deg);
     transition:all 0.5s ease;
   }
   .uspc-hero-form-bar .cta-left-arrow span i{ transition: transform 0.4s ease; }
   .uspc-hero-form-bar .cta-left-arrow:hover{
     transform: translateY(-3px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
   }
   .uspc-hero-form-bar .cta-left-arrow:hover::before{ left:120%; }
   .uspc-hero-form-bar .cta-left-arrow:hover span i{ transform: translateX(-6px); }
   @keyframes uspc-pulse{
     0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.55);}
     50%{transform:scale(1.04);box-shadow:0 0 0 10px rgba(255,255,255,0);}
   }
   .uspc-hero-form-bar .form-group{display:flex;flex-direction:column;align-items:center;gap:8px;}
   .uspc-hero-form-bar .or-call-row{text-align:center;color:#fff;font-weight:700;font-size:14px;}
   .uspc-hero-form-bar .or-call-row a{color:#fff;text-decoration:underline;}
   .uspc-hero-form-bar .form-fields{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;}
   .uspc-hero-form-bar input{padding:13px 16px;border:none;border-radius:4px;font-size:14px;min-width:180px;}
   .uspc-hero-form-bar .form-fields button{background:var(--uspc-navy);color:#fff;padding:13px 22px;border:none;font-weight:800;text-transform:uppercase;font-size:14px;cursor:pointer;border-radius:4px;}
   /* PROCESS + COST: shared fixed star-spangled parallax backdrop, faded */
   .uspc-process-section,
   .uspc-cost-section{
     background-image: url(../images/USPC-StarSpangled.webp);
     background-size:cover;
     background-position:center center;
     background-repeat:no-repeat;
     background-attachment:fixed;
     position:relative;
   }
   .uspc-process-section{padding:90px 0;}
   .uspc-process-section::before,
   .uspc-cost-section::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.72);pointer-events:none;z-index:0;}
   .uspc-process-section > .container-fluid,
   .uspc-cost-section > .container-fluid{position:relative;z-index:1;}
   .uspc-process-section .section-heading{text-align:center;margin-bottom:50px;}
   .uspc-process-section .section-heading h2{font-size:50px;text-transform:uppercase;margin:0 0 12px;color:var(--uspc-navy);font-weight: 800;margin-bottom: 28px;}
   .uspc-process-section .section-heading p{font-size:17px;color:#222;max-width:700px;margin:0 auto;}
   .uspc-process-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
   .uspc-process-card{background:#fff;border:2px solid var(--uspc-navy);border-radius:6px;padding:28px 22px;position:relative;}
   .uspc-process-card .step-num{position:absolute;top:-18px;left:22px;background:var(--uspc-red);color:#fff;font-weight:900;padding:4px 14px;font-size:13px;letter-spacing:1px;border-radius:3px;}
   .uspc-process-card h3{text-transform:uppercase;line-height:1.1;margin:12px 0 8px;font-size: 30px;font-weight: 800;color: #ce0f0f;}
   .uspc-process-card .sub{color:var(--uspc-navy);text-transform:uppercase;margin:0 0 12px;letter-spacing:.3px;font-size: 16px;font-weight: 800 !important;margin-bottom: 20px;}
   .uspc-process-card p{font-size:14px;color:#222;line-height:1.5;margin:0;font-size: 14px;font-weight: 600;line-height: 25px;}
   .uspc-process-cta{text-align:center;margin-top:48px;}
   /* WHAT IT COSTS section */
   .uspc-cost-section{padding:90px 0;}
   .uspc-cost-section h2{font-size:50px;font-weight:900;color:var(--uspc-navy);text-transform:uppercase;margin:0 0 24px;text-align:center;}
   .uspc-cost-section p{font-size:16px;color:#222;line-height:1.65;margin:0 auto 16px;max-width:900px;text-align:center;}
   /* Full-width Custom Build bar — red, with navy CTA button */
   .uspc-custom-bar{background:var(--uspc-red);color:#fff;padding:22px 0;margin:0;}
   .uspc-custom-bar .bar-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between;}
   /* NOT nowrap: these labels come from the content doc and some are long
      ('Need Specialty Crating for a High-Value Shipment?'). nowrap pushed
      them past the bar at tablet widths, where the bar clips instead of
      scrolling, so the headline just lost its ends with no other symptom. */
   .uspc-custom-bar .label{font-size: 35px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:normal;display:inline-flex;align-items:center;gap:14px;line-height:1.05;flex:0 1 auto;min-width:0;text-wrap:balance;}
   .uspc-custom-bar .label i{font-size:28px;}
   .uspc-custom-bar .pitch{color:#FFE6EA;font-size:15px;max-width:420px;margin:0;text-align:center;}
   .uspc-custom-bar .uspc-cta-btn{
     background: linear-gradient(160deg, #2942d1 0%, #1E2A9C 50%, #0f1968 100%);
     clip-path:polygon(0 0,92% 0,100% 100%,8% 100%);
     padding:22px 38px;font-size:18px;
     animation:uspc-pulse 1.6s ease-in-out infinite;
     transition: background .25s ease, box-shadow .25s ease, filter .25s ease;
   }
   .uspc-custom-bar .uspc-cta-btn:hover{
     background: linear-gradient(160deg, #3550e8 0%, #2942d1 50%, #1E2A9C 100%);
     box-shadow: 0 10px 28px rgba(30, 42, 156, .55);
     filter: brightness(1.08);
     animation-play-state: paused;
   }
   /* FEATURED PRODUCTS — blue rounded container, white image cards with red label banners */
   .uspc-products-section{background:#fff;padding:90px 0;}
   .uspc-products-container{
     background: linear-gradient(165deg,
       #2d44c8 0%,
       #2238b8 20%,
       #1a2c9c 40%,
       #15257e 60%,
       #101e66 80%,
       #0a1652 100%);
     border-radius:22px;padding:60px 90px;position:relative;
     max-width:1344px;margin:0 auto;
     box-shadow: 0 20px 50px rgba(15,25,104,0.25);
   }
   .uspc-products-section .section-heading{text-align:center;margin-bottom:40px;}
   .uspc-products-section .section-heading h2{font-size:50px;font-weight:900;color:#fff;text-transform:uppercase;margin:0;letter-spacing:.45px;}
   .uspc-products-section .section-heading h2 .hl{color:var(--uspc-red);}
   .uspc-products-section .section-heading p{font-size:14px;color:#D6E2F2;margin:13px auto 0;max-width:640px;}
   .uspc-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:23px;}
   .uspc-product-card{background:#fff;border-radius:5px;overflow:hidden;border:1px solid #eee;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease;}
   .uspc-product-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.12);}
   .uspc-product-card .img::before{content:"";position:absolute;inset:0;background-image:-webkit-linear-gradient(-90deg, rgb(6,36,125) 0%, rgb(14,59,195) 94%);transform:scale(0);transition:transform .4s ease-in-out;z-index:1;opacity:.5;pointer-events:none;}
   .uspc-product-card:hover .img::before{transform:scale(1);}
   .uspc-product-card .img svg,
   .uspc-product-card .img img{transition:transform .6s ease;}
   .uspc-product-card:hover .img svg,
   .uspc-product-card:hover .img img{transform:scale(1.08);}
   .uspc-product-card .img{aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;
     margin:0 0 4px;
     border-radius:0;
     border:0;
     border-bottom:1px solid rgba(0,0,0,.07);
     background:linear-gradient(135deg,#EEF1F6 0%,#DCE2EC 100%);}
   .uspc-product-card .img svg{width:58%;height:auto;opacity:.55;}
   .uspc-product-card .img .ph-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:10px;color:#5A6780;font-weight:700;letter-spacing:.9px;text-transform:uppercase;}
   .uspc-product-card .body{background:#fff;color:#222;padding:12px 16px 16px;border-top:none;display:flex;flex-direction:column;flex:1;}
   .uspc-product-card h3{margin: 0px 0 6px;text-transform:uppercase;letter-spacing:.3px;line-height:1.25;font-size: 22px;font-weight: 800;color: #ce0f0f;}
   .uspc-product-card .spec{font-size:14px;color:#444;margin:0 0 10px;line-height:1.5;flex:1;}
   .uspc-product-card a{color:var(--uspc-red);font-weight:800;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;}
   .uspc-product-card a:hover{color:var(--uspc-red-dark);}
   .uspc-product-card a i{transition:transform .2s;}
   .uspc-product-card a:hover i{transform:translateX(4px);}
   /* REVIEWS */
   .uspc-reviews-section{padding:90px 0;background:#fff;text-align:center;}
   .uspc-reviews-eyebrow{font-weight:900;color:var(--uspc-red);text-transform:uppercase;margin:0 0 24px;letter-spacing:.5px;line-height:1.05;font-size: 60px;}
   .uspc-google-badge{display:inline-flex;align-items:center;gap:16px;margin:0 auto 30px;}
   .uspc-google-badge .g{font-size:28px;font-weight:700;color:#4285F4;}
   .uspc-google-badge .g span:nth-child(1){color:#4285F4}.uspc-google-badge .g span:nth-child(2){color:#EA4335}.uspc-google-badge .g span:nth-child(3){color:#FBBC05}.uspc-google-badge .g span:nth-child(4){color:#4285F4}.uspc-google-badge .g span:nth-child(5){color:#34A853}.uspc-google-badge .g span:nth-child(6){color:#EA4335}
   .uspc-google-badge .stars{color:var(--uspc-red);font-size:22px;letter-spacing:2px;}
   .uspc-google-badge .count{font-size:22px;font-weight:900;color:var(--uspc-navy);}
   .uspc-google-badge .count small{display:block;font-size:12px;color:var(--uspc-red);font-weight:700;}
   .uspc-reviews-heading{font-size:44px;font-weight:900;color:var(--uspc-navy);text-transform:uppercase;margin:0 0 40px;font-size: 60px;}
   .uspc-reviews-heading .hl{color:var(--uspc-red);}
   .uspc-review-write-bar{background:#F4F6F9;border-radius:8px;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:20px;max-width:720px;margin:0 auto 30px;}
   .uspc-review-write-bar .rating{font-weight:900;color:var(--uspc-navy);font-size:20px;}
   .uspc-review-write-bar .stars{color:#FBBC05;letter-spacing:2px;}
   .uspc-review-write-bar a{background:var(--uspc-red);color:#fff;padding:10px 22px;border-radius:30px;text-decoration:none;font-weight:700;}
   .uspc-review-card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:22px 26px;max-width:900px;margin:0 auto;text-align:left;}
   .uspc-review-card .who{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
   .uspc-review-card .who .g-avatar{width:36px;height:36px;border-radius:50%;background:#4285F4;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;}
   .uspc-review-card .who .name{font-weight:800;color:#111;}
   .uspc-review-card .who .date{font-size:13px;color:#888;}
   .uspc-review-card .stars{color:#FBBC05;letter-spacing:2px;margin:6px 0 10px;}
   .uspc-review-card p{margin:0;color:#333;font-size:15px;line-height:1.55;}
   /* FAQ SECTION */
   .uspc-faq-section{background:#fff;padding:90px 0;}
   .uspc-faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start;}
   .uspc-faq-left h2.faq-label{font-size:96px;font-weight:900;color:var(--uspc-red);letter-spacing:-2px;margin:0 0 24px;line-height:1;}
   .uspc-faq-left h3{font-size:28px;font-weight:800;color:#111;margin:0 0 12px;}
   .uspc-faq-left > p{font-size:16px;color:#444;line-height:1.6;max-width:480px;margin:0 0 32px;}
   .uspc-faq-contact{display:flex;flex-direction:column;gap:20px;}
   .uspc-faq-contact .item{display:flex;gap:16px;align-items:flex-start;}
   .uspc-faq-contact .item .ico{width:48px;height:48px;border-radius:50%;background:var(--uspc-red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
   .uspc-faq-contact .item .txt strong{display:block;font-size:15px;color:#111;margin-bottom:2px;}
   .uspc-faq-contact .item .txt,
   .uspc-faq-contact .item .txt a{color:#333;font-size:15px;text-decoration:none;}
   .uspc-faq-contact .item .txt a.phone{color:var(--uspc-blue-bright);font-weight:700;}
   .uspc-faq-right{display:flex;flex-direction:column;gap:12px;}
   .uspc-faq-item{background:#EEF1F6;border-radius:999px;overflow:hidden;transition:background .2s;}
   .uspc-faq-item[open]{background:#E4E8F0;border-radius:16px;}
   .uspc-faq-item summary{list-style:none;cursor:pointer;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;color:#111;font-size:16px;}
   .uspc-faq-item summary::-webkit-details-marker{display:none;}
   .uspc-faq-item summary .chev{transition:transform .2s;color:#444;}
   .uspc-faq-item[open] summary .chev{transform:rotate(180deg);}
   .uspc-faq-item .answer{padding:0 28px 20px;color:#444;font-size:15px;line-height:1.6;}
   /* Responsive */
   @media (max-width: 991px){
     .uspc-faq-grid{grid-template-columns:1fr;gap:40px;}
     .uspc-faq-left h2.faq-label{font-size:72px;}
     .uspc-process-cards{grid-template-columns:repeat(2,1fr);}
     .uspc-product-grid{grid-template-columns:repeat(2,1fr);}
     .uspc-hero .hero-copy h1{font-size:52px;}
     .uspc-hero-form-bar .bar-inner{justify-content:center;text-align:center;}
     .uspc-hero-form-bar .label{font-size:24px;}
     .uspc-custom-bar .bar-inner{justify-content:center;text-align:center;}
     .uspc-custom-bar .label{font-size:24px;}
     .services-detail-text{padding-left:0;margin-top:30px;}
     .nav.stroke{display:none;}
   }
   @media (max-width: 640px){
     .uspc-process-cards{grid-template-columns:1fr;}
     .uspc-product-grid{grid-template-columns:1fr;}
     .uspc-hero .hero-copy h1{font-size:40px;}
     .uspc-header-phone span.label{display:none;}
     .footer-lets-talk-box h2{font-size:36px;}
     .uspc-reviews-eyebrow{font-size:28px;}
     .uspc-reviews-heading{font-size:28px;}
   }
   
   .uspc-process-cta .theme-btn-1 {
    margin: 0 auto;
}
.uspc-custom-bar .bar-inner .theme-btn-1 {
    background-image: -webkit-linear-gradient(-90deg, rgb(30 42 156) 0%, rgb(30 42 156) 94%);
    gap: 15px;
    padding: 10px 10px 10px 20px;
}
.bar-inner .theme-btn-1 {
    background-image: -webkit-linear-gradient(-90deg, rgb(30 42 156) 0%, rgb(30 42 156) 94%);
    gap: 15px;
    padding: 10px 10px 10px 20px;
}

/* ============================================================
   USPC GLOBAL OVERRIDES — applied site-wide
   Locked: font stack, typography tiers, unified footer
   ============================================================ */

/* Font stack — clean modern sans across all OSes */
:root{
  --uspc-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body, p, a, li, span, label, button, input, textarea, select,
h1, h2, h3, h4, h5, h6,
.banner_text label,
.menu li a,
.theme-btn-1,
.uspc-header-phone{
  font-family: var(--uspc-font-stack) !important;
}

/* TIER 1 — 72px hero headers */
.banner_text h1,
.uspc-hero .hero-copy h1{
  font-size: 72px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
}

/* TIER 2 — 50px section headers */
section.testimonial.sec .heading h2,
.uspc-bento-section .section-heading h2,
.what-we-offer-sec .what-we-offer-row .heading h2,
.serving-the-industries-heading h2,
.faq_heading h2,
.map-main-sec .heading h2,
.uspc-process-section .section-heading h2,
.uspc-cost-section h2,
.uspc-products-section .section-heading h2,
.built-on-reliability-text h2,
.service-heading h2{
  font-size: 50px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
}

/* Value Props tiles — narrow cards. Words break between, never inside. */
.ser-boxs-box h2{
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  white-space: nowrap;
}

/* FAQ header — matched to standard section + sub-section tiers */
.faq_heading{
  padding-top: 40px;
}
.faq_heading h2{
  font-size: 50px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 24px !important;
}
.faq_heading h3{
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin-bottom: 16px !important;
}
@media (max-width: 768px){
  .faq_heading{ padding-top: 20px; }
  .faq_heading h2{ font-size: 36px !important; margin-bottom: 18px !important; }
  .faq_heading h3{ font-size: 22px !important; }
}

/* Mobile typography scaling */
@media (max-width: 768px){
  .banner_text h1,
  .uspc-hero .hero-copy h1{ font-size: 44px !important; }
  section.testimonial.sec .heading h2,
  .uspc-bento-section .section-heading h2,
  .what-we-offer-sec .what-we-offer-row .heading h2,
  .serving-the-industries-heading h2,
  .faq_heading h2,
  .map-main-sec .heading h2,
  .ser-boxs-box h2,
  .uspc-process-section .section-heading h2,
  .uspc-cost-section h2,
  .uspc-products-section .section-heading h2,
  .built-on-reliability-text h2,
  .service-heading h2{ font-size: 32px !important; }
  .ser-boxs-box h2{ font-size: 26px !important; }
}

/* ============================================================
   UNIFIED FOOTER — locked across all pages
   ============================================================ */
.uspc-footer-unified{
  position: relative;
  background-image: url(../images/footer-top-img.webp);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.uspc-footer-unified::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(14,59,195,0.25) 0%,
    rgba(10,40,160,0.45) 35%,
    rgba(6,36,125,0.78) 72%,
    rgba(4,22,85,0.92) 100%);
  z-index: 1;
}
.uspc-footer-unified > *{ position: relative; z-index: 2; }
.uspc-footer-unified .footer-bottom-sec{
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  border-bottom: none !important;
  padding: 50px 0 35px !important;
  margin-top: 20px;
}
.uspc-footer-unified .footer-copy-right-sec{
  border-top: 1px solid rgba(255,255,255,0.10);
  padding: 22px 0;
}

/* ============================================================
   GLOBAL HOVER EFFECTS — every clickable element responds
   ============================================================ */

/* Header phone link */
.uspc-header-phone{
  transition: color .25s ease, transform .25s ease;
}
.uspc-header-phone:hover{
  color: var(--uspc-red) !important;
  transform: translateY(-2px);
}
.uspc-header-phone:hover i{
  animation: uspc-phone-shake .4s ease;
}
@keyframes uspc-phone-shake {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-10deg); }
  75% { transform: rotate(10deg); }
}

/* Footer Quick Links and Contact Us links */
.footer-bottom-link ul li a{
  display: inline-block;
  transition: color .25s ease, transform .25s ease, letter-spacing .25s ease;
}
.footer-bottom-link ul li a:hover{
  color: var(--uspc-red) !important;
  transform: translateX(4px);
}
.footer-bottom-link.contect-footer ul li a{
  transition: color .25s ease, transform .25s ease;
}
.footer-bottom-link.contect-footer ul li a:hover{
  color: #fff !important;
  transform: translateX(4px);
}
.footer-bottom-link.contect-footer ul li a:hover i{
  background: var(--uspc-navy) !important;
}

/* Social icons in footer/header */
.banner-social-link ul li a{
  transition: transform .25s ease, color .25s ease;
}
.banner-social-link ul li a:hover{
  transform: translateY(-3px) scale(1.1);
  color: var(--uspc-red);
}

/* FAQ accordion button hover when collapsed */
.faq_right .accordion-button{
  transition: background-color .2s ease, padding-left .2s ease !important;
}
.faq_right .accordion-button.collapsed:hover{
  background-color: #d9deeb !important;
  padding-left: 22px !important;
}

/* Generic safety net: any anchor or button not already covered */
a:not(.theme-btn-1):not(.uspc-cta-btn):not(.cta-left-arrow):not(.card-cta):not(.uspc-header-phone):not(.custom-logo-link):not(.menu li a):not([class*="footer"]):not([class*="social"]):not(.shipsol_main a):not(.uspc-bento-card):not(.uspc-product-card a):not(.accordion-button):hover,
button:not(.theme-btn-1):not(.uspc-cta-btn):not(.accordion-button):hover{
  transition: opacity .2s ease;
  opacity: .85;
}

/* ==========================================================================
   USPC ADDITIONS — quote modal, breadcrumb, related services, image fixes
   ========================================================================== */

/* --- product card real photos (was missing: SVG placeholders only) --- */
.uspc-product-card .img img{width:100%;height:100%;object-fit:cover;display:block;}
.uspc-product-card h3{color:var(--uspc-red) !important;}

/* --- breadcrumb --- */
.uspc-breadcrumb{background:#F1F3F7;border-bottom:1px solid rgba(0,0,0,.07);padding:14px 0;}
.uspc-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;}
.uspc-breadcrumb li{display:flex;align-items:center;gap:8px;color:#5A6780;font-weight:600;}
.uspc-breadcrumb li+li::before{content:"\203A";color:#9AA5B8;font-weight:700;}
.uspc-breadcrumb a{color:var(--uspc-navy);text-decoration:none;font-weight:700;}
.uspc-breadcrumb a:hover{color:var(--uspc-red);text-decoration:underline;}
.uspc-breadcrumb [aria-current="page"]{color:#5A6780;font-weight:600;}

/* --- related services --- */
.uspc-related{padding:70px 0;background:var(--uspc-cream);}
.uspc-related h2{font-size:50px;font-weight:900;text-transform:uppercase;color:#111;margin:0 0 10px;line-height:1.05;}
.uspc-related .sub{font-size:16px;color:#555;margin:0 0 34px;max-width:720px;}
.uspc-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;}
.uspc-related-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid rgba(0,0,0,.09);border-left:4px solid var(--uspc-navy);padding:18px 20px;text-decoration:none;color:#1a1a1a;font-weight:700;font-size:16px;line-height:1.3;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.uspc-related-grid a i{color:var(--uspc-red);font-size:13px;transition:transform .2s ease;}
.uspc-related-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 26px -12px rgba(10,42,94,.45);border-left-color:var(--uspc-red);color:var(--uspc-navy);}
.uspc-related-grid a:hover i{transform:translateX(4px);}
.uspc-related-parent{margin-top:32px;font-size:16px;color:#444;}
.uspc-related-parent a{color:var(--uspc-navy);font-weight:800;text-decoration:underline;}
.uspc-related-parent a:hover{color:var(--uspc-red);}

/* --- QUOTE MODAL --- */
body.uspc-q-lock{overflow:hidden;}
.uspc-q-overlay{position:fixed;inset:0;background:rgba(9,16,48,.72);backdrop-filter:blur(3px);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;}
.uspc-q-overlay.is-open{display:flex;}
.uspc-q-modal{position:relative;background:#fff;width:100%;max-width:560px;margin:auto;border-radius:6px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6);overflow:hidden;animation:uspcQIn .22s ease-out;}
@keyframes uspcQIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:none;}}
.uspc-q-close{position:absolute;top:12px;right:14px;background:transparent;border:0;color:#fff;font-size:32px;line-height:1;cursor:pointer;opacity:.85;z-index:3;padding:0 6px;}
.uspc-q-close:hover{opacity:1;transform:scale(1.1);}
.uspc-q-head{background:linear-gradient(135deg,var(--uspc-navy) 0%,#0f1968 100%);color:#fff;padding:26px 32px 20px;}
.uspc-q-eyebrow{display:inline-block;background:var(--uspc-red);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;padding:5px 12px;margin-bottom:12px;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);}
.uspc-q-head h2{font-size:30px;font-weight:900;text-transform:uppercase;color:#fff !important;margin:0 0 16px;line-height:1.1;letter-spacing:.3px;}
.uspc-q-progress{display:flex;gap:6px;}
.uspc-q-progress .bar{height:4px;flex:1;background:rgba(255,255,255,.25);border-radius:2px;transition:background .3s ease;}
.uspc-q-progress .bar.s1,.uspc-q-progress .bar.on{background:var(--uspc-red);}
.uspc-q-step{display:none;padding:26px 32px 30px;}
.uspc-q-step.is-active{display:block;}
.uspc-q-lede{font-size:16px;color:#444 !important;margin:0 0 20px;line-height:1.5;}
.uspc-q-field{margin-bottom:16px;display:flex;flex-direction:column;}
.uspc-q-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.uspc-q-field label{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#333;margin-bottom:6px;}
.uspc-q-field label .opt{font-weight:600;text-transform:none;letter-spacing:0;color:#8A93A6;}
.uspc-q-field input,.uspc-q-field select,.uspc-q-field textarea{width:100%;padding:13px 15px;border:1.5px solid #D3D9E4;border-radius:4px;font-size:16px;color:#222;background:#fff;transition:border-color .18s ease,box-shadow .18s ease;font-family:inherit;}
.uspc-q-field textarea{resize:vertical;min-height:62px;}
.uspc-q-field input:focus,.uspc-q-field select:focus,.uspc-q-field textarea:focus{outline:none;border-color:var(--uspc-navy);box-shadow:0 0 0 3px rgba(30,42,156,.14);}
.uspc-q-field.has-error input,.uspc-q-field.has-error select{border-color:var(--uspc-red);}
.uspc-q-error{display:none;font-size:13px;color:var(--uspc-red);font-weight:700;margin-top:5px;}
.uspc-q-field.has-error .uspc-q-error{display:block;}
.uspc-q-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;cursor:pointer;text-decoration:none;background:linear-gradient(160deg,#2942d1 0%,#1E2A9C 50%,#0f1968 100%);color:#fff !important;padding:17px 28px;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;margin-top:6px;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;font-family:inherit;}
.uspc-q-submit:hover{filter:brightness(1.15);box-shadow:0 12px 26px -10px rgba(30,42,156,.7);transform:translateY(-2px);}
.uspc-q-submit:disabled{opacity:.6;cursor:default;transform:none;}
.uspc-q-skip{display:block;width:100%;margin-top:12px;background:transparent;border:0;color:#7A8398;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer;font-family:inherit;}
.uspc-q-skip:hover{color:var(--uspc-red);}
.uspc-q-call{text-align:center;font-size:15px;color:#666 !important;margin:16px 0 0;}
.uspc-q-call a{color:var(--uspc-red);font-weight:800;text-decoration:none;}
.uspc-q-call a:hover{text-decoration:underline;}
.uspc-q-done{text-align:center;}
.uspc-q-check{width:64px;height:64px;margin:6px auto 18px;border-radius:50%;background:var(--uspc-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;}
.uspc-q-done h3{font-size:30px;font-weight:900;text-transform:uppercase;color:#111;margin:0 0 10px;}
.uspc-q-done p{font-size:16px;color:#555 !important;margin:0 0 22px;line-height:1.5;}
@media (max-width:575px){
  .uspc-q-head{padding:22px 20px 18px;}
  .uspc-q-head h2{font-size:24px;}
  .uspc-q-step{padding:22px 20px 26px;}
  .uspc-q-row{grid-template-columns:1fr;gap:0;}
  .uspc-related h2{font-size:30px;}
  .uspc-related-grid{grid-template-columns:1fr;}
}

/* honeypot + reCAPTCHA disclosure (quote modal) */
.uspc-q-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;pointer-events:none;visibility:hidden;}
.uspc-q-legal{font-size:11px;line-height:1.4;color:#98A1B3 !important;text-align:center;margin:14px 0 0;}
.uspc-q-legal a{color:#7A8398;text-decoration:underline;}
.uspc-q-legal a:hover{color:var(--uspc-red);}
.uspc-netlify-detect{display:none !important;}

/* quote modal — file upload field */
.uspc-q-filefield input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.uspc-q-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1.5px dashed #C3CBD9;border-radius:5px;background:#F7F9FC;padding:20px 16px;text-align:center;transition:border-color .18s ease,background .18s ease;margin-bottom:0;}
.uspc-q-drop:hover{border-color:var(--uspc-navy);background:#F1F4FA;}
.uspc-q-drop i{font-size:22px;color:#8A93A6;}
.uspc-q-drop .uspc-q-dropname{font-size:12px;font-weight:700;color:#7A8398;letter-spacing:.3px;word-break:break-all;}
.uspc-q-drop.has-file{border-style:solid;border-color:var(--uspc-red);background:#FEF6F7;}
.uspc-q-drop.has-file i{color:var(--uspc-red);}
.uspc-q-drop.has-file .uspc-q-dropname{color:var(--uspc-red);}
.uspc-q-hint{font-size:12px;color:#8A93A6;margin-top:6px;line-height:1.4;}

/* HERO COLLAGE — phones only. The desktop scatter holds down to 576px because
   tile widths shrink with the viewport while the wrapper height stays fixed,
   which only ever increases the gaps. Below 576 the canvas is too narrow.
   Four tiles at broadly similar sizes, none aligned, none overlapping.
   The .p-img.<name> specificity MUST be repeated here: the desktop rules are
   three classes deep and a media query adds no specificity, so a plain
   .p-img{...} loses and every tile collapses to its desktop percentage. */
@media (max-width: 575px){
  .uspc-hero-image-wrap{min-height:0;aspect-ratio:4/3;padding:0;display:block;}
  .uspc-hero-image-wrap .accent-bar{top:0;left:0;width:78px;height:5px;}
  .uspc-hero-image-wrap .p-img.main  {position:absolute;inset:auto;left:var(--ml, 2%);  top:var(--mt,11%); width:var(--mw,42%); --tilt:-2.1deg; animation-duration:7.4s;}
  .uspc-hero-image-wrap .p-img.third {position:absolute;inset:auto;left:var(--ml,53%);  top:var(--mt, 0%); width:var(--mw,46%); --tilt:2.4deg;  animation-duration:8.8s;}
  .uspc-hero-image-wrap .p-img.second{position:absolute;inset:auto;left:var(--ml,56%);  top:var(--mt,42%); width:var(--mw,40%); --tilt:-2.8deg; animation-duration:6.4s;}
  .uspc-hero-image-wrap .p-img.fourth{position:absolute;inset:auto;left:var(--ml, 6%);  top:var(--mt,61%); width:var(--mw,35%); --tilt:2.0deg;  animation-duration:9.4s;}
  .uspc-hero-image-wrap .badge{padding:7px 12px;font-size:10px;letter-spacing:.3px;}
  .uspc-hero-image-wrap .badge.b-spec{top:0;left:-3%;}
  /* sits in the empty band between the top-left and bottom-left tiles */
  .uspc-hero-image-wrap .badge.b-delivery{top:51%;bottom:auto;left:-4%;}

  /* Framed collage on a phone. Separate geometry again: framed tiles are 2:1
     and the cutouts are not, so the canvas is shorter and wider here. These
     selectors are 4 classes deep to beat the .is-framed desktop rules above,
     which are also 4 deep — a media query adds no specificity, only source
     order saves us, so this block must stay below them in the file. */
  .uspc-hero-image-wrap.is-framed{aspect-ratio:8/5;}
  .uspc-hero-image-wrap.is-framed .p-img img{border-width:4px;border-radius:11px;
    box-shadow:0 12px 26px rgba(10,42,94,.20);}
  .uspc-hero-image-wrap.is-framed .p-img.main  {left:var(--ml, 1.6%); top:var(--mt,15.7%); width:var(--mw,41.0%); --tilt:-1.5deg; animation-duration:7.4s;}
  .uspc-hero-image-wrap.is-framed .p-img.third {left:var(--ml,44.6%); top:var(--mt, 6.0%); width:var(--mw,42.7%); --tilt: 1.6deg; animation-duration:8.8s;}
  .uspc-hero-image-wrap.is-framed .p-img.second{left:var(--ml,51.4%); top:var(--mt,54.9%); width:var(--mw,42.9%); --tilt:-1.3deg; animation-duration:6.4s;}
  .uspc-hero-image-wrap.is-framed .p-img.fourth{left:var(--ml, 6.0%); top:var(--mt,62.1%); width:var(--mw,42.3%); --tilt: 1.4deg; animation-duration:9.4s;}
  .uspc-hero-image-wrap.is-framed .badge.b-spec{top:0;left:-3%;}
  .uspc-hero-image-wrap.is-framed .badge.b-delivery{top:46%;bottom:auto;left:-4%;}
}

/* related services — secondary cross-category row */
.uspc-related-also{margin-top:44px;padding-top:32px;border-top:1px solid rgba(0,0,0,.14);}
.uspc-related-also h3{font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px;color:var(--uspc-red);margin:0 0 18px;}
.uspc-related-also .also-links{display:flex;flex-wrap:wrap;gap:10px;}
.uspc-related-also .also-links a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:50px;padding:11px 20px;font-size:14px;font-weight:700;color:var(--uspc-navy);text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}
.uspc-related-also .also-links a i{font-size:11px;color:var(--uspc-red);transition:transform .2s ease,color .2s ease;}
.uspc-related-also .also-links a:hover{background:var(--uspc-navy);color:#fff;border-color:var(--uspc-navy);transform:translateY(-2px);}
.uspc-related-also .also-links a:hover i{color:#fff;transform:translateX(3px);}
@media (max-width:575px){ .uspc-related-also .also-links a{width:100%;justify-content:space-between;} }

/* Breadcrumb: comfortable tap targets on tablets */
@media (min-width: 768px) and (max-width: 991px){
  .uspc-breadcrumb{padding:10px 0;}
  .uspc-breadcrumb ol{gap:6px 10px;}
  .uspc-breadcrumb li{min-height:34px;align-items:center;}
  .uspc-breadcrumb a{display:inline-flex;align-items:center;min-height:34px;padding:4px 0;}
}

/* Breadcrumb: hidden on phones. Google dropped breadcrumb trails from mobile
   SERPs in Jan 2025 (desktop still shows them), the trail is driven by the
   BreadcrumbList JSON-LD in <head> which stays on every page regardless, and
   every breadcrumb target (home / services / the category page) is already
   linked from the body and footer — so the visible row adds no unique internal
   link and costs a full text row above the fold on a phone. */
@media (max-width: 767px){
  .uspc-breadcrumb{display:none;}
}

/* Star-spangled band: fade the background in and out instead of cutting it
   with a hard horizontal line above "How Our Process Works". */
.uspc-process-section::after,
.uspc-cost-section::after{
  content:"";position:absolute;left:0;right:0;height:200px;pointer-events:none;z-index:1;
}
.uspc-process-section::after{top:0;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.75) 38%,rgba(255,255,255,0) 100%);}
.uspc-cost-section::after{bottom:0;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.75) 38%,rgba(255,255,255,0) 100%);}
.uspc-process-section > .container-fluid,
.uspc-cost-section > .container-fluid{z-index:2;}

/* Breadcrumb links: meet the 44px touch minimum on phones */
@media (max-width: 991px){
  .uspc-breadcrumb li{min-height:44px;}
  .uspc-breadcrumb a{min-height:44px;padding:6px 2px;}
}

/* Touch targets: meet the 44px minimum on phones/tablets */
@media (max-width: 991px){
  .btn-blog ul li a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
  .leaflet-control-zoom-in,
  .leaflet-control-zoom-out,
  .leaflet-control-zoom a,
  .leaflet-touch .leaflet-control-zoom a{width:44px !important;height:44px !important;line-height:44px !important;font-size:20px !important;display:flex !important;align-items:center;justify-content:center;}
}

/* ---- Location map embeds (contact.html, about-us.html) ---- */
.map-main iframe,
.main-map iframe { width: 100%; border: 1px solid #e3e6f0; }
.uspc-map-link { margin: 14px 0 0; text-align: center; }
.uspc-map-link a { color: #1E2A9C; font-weight: 600; font-size: 15px; text-decoration: none; }
.uspc-map-link a:hover { text-decoration: underline; }
.uspc-map-link i { font-size: 12px; margin-left: 4px; }

/* =====================================================================
   RESOURCE ARTICLES  (resource-center detail pages)
   ===================================================================== */
.uspc-article{padding:60px 0 30px;}
.uspc-article .article-lede{font-size:19px;line-height:1.65;font-weight:600;color:#141414 !important;border-left:4px solid var(--uspc-red);padding-left:18px;margin:0 0 30px;}
.uspc-article h2{font-size:30px;font-weight:800;line-height:1.25;margin:40px 0 14px;color:#111;}
.uspc-article h3{font-size:21px;font-weight:700;line-height:1.3;margin:28px 0 10px;color:#111;}
.uspc-article p{font-size:17px;line-height:1.72;margin:0 0 16px;}
.uspc-article ul,.uspc-article ol{margin:0 0 20px;padding-left:22px;}
.uspc-article li{font-size:17px;line-height:1.7;margin-bottom:9px;}
.uspc-article a{color:var(--uspc-navy);font-weight:600;text-decoration:underline;}
.uspc-article a:hover{color:var(--uspc-red);}
.uspc-article-img{width:100%;height:auto;border-radius:8px;margin:0 0 34px;display:block;}
.uspc-article table{width:100%;border-collapse:collapse;margin:6px 0 26px;font-size:16px;}
.uspc-article th,.uspc-article td{border:1px solid #dfe3ee;padding:11px 13px;text-align:left;vertical-align:top;line-height:1.55;}
.uspc-article th{background:#eff2fa;font-weight:800;font-size:15px;}
.uspc-article .table-wrap{overflow-x:auto;}
.uspc-callout{background:#F7F5EF;border:1px solid #e6e2d6;border-left:4px solid var(--uspc-navy);border-radius:6px;padding:20px 22px;margin:28px 0;}
.uspc-callout p:last-child{margin-bottom:0;}
.uspc-callout .callout-title{display:block;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.6px;color:var(--uspc-navy) !important;margin-bottom:8px;}
.uspc-flag{display:inline-block;background:#FFF3E0;border:1px dashed #D9880F;border-radius:3px;padding:1px 7px;font-size:14px;font-weight:800;color:#8A5300 !important;white-space:nowrap;}
.uspc-sources{border-top:1px solid #e3e6f0;margin-top:44px;padding-top:22px;}
.uspc-sources h2{font-size:19px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;}
.uspc-sources li{font-size:15px;line-height:1.55;margin-bottom:8px;}
.uspc-article-aside{position:sticky;top:120px;}
.uspc-aside-box{background:linear-gradient(160deg,#2942d1 0%,#1E2A9C 55%,#141d73 100%);border-radius:8px;padding:26px 24px;margin-bottom:26px;}
.uspc-aside-box h3{color:#fff !important;font-size:21px;font-weight:800;margin:0 0 10px;line-height:1.25;}
.uspc-aside-box p{color:rgba(255,255,255,.92) !important;font-size:15px;line-height:1.6;margin:0 0 18px;}
.uspc-aside-box .uspc-q-submit{background:var(--uspc-red);margin-top:0;font-size:15px;padding:14px 20px;text-decoration:none !important;}
.uspc-aside-box .uspc-q-submit:hover{filter:brightness(1.1);}
.uspc-aside-box .aside-call{margin:14px 0 0;text-align:center;font-size:14px;color:rgba(255,255,255,.85) !important;}
.uspc-aside-box .aside-call a{color:#fff !important;font-weight:800;text-decoration:underline;}
.uspc-aside-links{border:1px solid #e3e6f0;border-radius:8px;padding:22px 22px 12px;margin-bottom:26px;}
.uspc-aside-links h3{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;color:#111;}
.uspc-aside-links ul{list-style:none;margin:0;padding:0;}
.uspc-aside-links li{margin-bottom:12px;font-size:15px;line-height:1.45;}
.uspc-aside-links a{color:var(--uspc-navy);font-weight:600;text-decoration:none;}
.uspc-aside-links a:hover{text-decoration:underline;color:var(--uspc-red);}
.uspc-aside-links i{font-size:11px;margin-left:5px;}
@media (max-width:991px){.uspc-article-aside{position:static;margin-top:44px;}}
@media (max-width:767px){
  .uspc-article{padding:44px 0 20px;}
  .uspc-article h2{font-size:26px;margin:32px 0 12px;}
  .uspc-article h3{font-size:19px;}
  .uspc-article p,.uspc-article li{font-size:16px;}
  .uspc-article .article-lede{font-size:17px;padding-left:14px;}
}

/* ---- Resource Center card tweaks ---- */
.inner-resources-text h2 a{color:#111;text-decoration:none;}
.inner-resources-text h2 a:hover{color:var(--uspc-navy);}
.inner-resources-box .btn-blog ul{list-style:none;margin:0;padding:0;}
.res-tag{display:inline-flex;align-items:center;gap:6px;background:#eff2fa;color:var(--uspc-navy) !important;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:6px 12px;border-radius:40px;}
.res-tag i{font-size:11px;}
/* Resource cards: equal height columns, tag as an eyebrow above the title */
.inner-resources-box{display:flex;flex-direction:column;height:100%;}
.inner-resources-text{display:flex;flex-direction:column;flex:1;}
.inner-resources-text .res-tag{align-self:flex-start;margin-bottom:10px;}
.inner-resources-text p{flex:1;}
.inner-resources-box .btn-blog{margin-top:auto;}

/* ---- About page: service areas ---- */
.uspc-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:24px;margin-top:8px;}
.uspc-area-card{background:#fff;border:1px solid #e3e6f0;border-top:4px solid var(--uspc-navy);border-radius:8px;padding:26px 26px 20px;}
.uspc-area-card h3{font-size:21px;font-weight:800;margin:0 0 12px;color:#111;display:flex;align-items:center;gap:10px;}
.uspc-area-card h3 i{color:var(--uspc-red);font-size:18px;}
.uspc-area-card p{font-size:16px;line-height:1.7;margin:0 0 14px;}
.uspc-area-card p:last-child{margin-bottom:0;}
.uspc-areas-note{margin:24px 0 0;font-size:15px;line-height:1.65;color:#5a5a5a !important;font-style:italic;text-align:center;}
/* ---- About page: team ---- */
.uspc-team-card{background:#fff;border:1px solid #e3e6f0;border-left:4px solid var(--uspc-red);border-radius:8px;padding:28px 26px;height:100%;}
.uspc-team-card h3{font-size:24px;font-weight:800;margin:0 0 4px;color:#111;}
.uspc-team-card h5{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--uspc-navy) !important;margin:0 0 16px;}
.uspc-team-card p{font-size:16px;line-height:1.7;margin:0 0 14px;}
.uspc-team-card p:last-child{margin-bottom:0;}
.uspc-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;margin-top:8px;max-width:720px;}
.uspc-team-intro{font-size:17px;line-height:1.7;margin:0 0 26px;max-width:820px;}
.uspc-team-photo{width:118px;height:118px;border-radius:50%;overflow:hidden;margin:0 0 18px;border:3px solid #e3e6f0;background:#f4f5f8;}
.uspc-team-photo img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:575px){.uspc-team-photo{width:100px;height:100px;}}

/* =====================================================================
   CATEGORY (HUB) PAGES
   ===================================================================== */
.uspc-cat-services{padding:80px 0 20px;background:#fff;}
.uspc-cat-services .section-heading,.uspc-chooser .section-heading{text-align:center;max-width:820px;margin:0 auto 44px;}
.uspc-cat-services .section-heading h2,.uspc-chooser .section-heading h2{font-size:44px;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;margin:0 0 14px;color:#111;line-height:1.1;}
.uspc-cat-services .section-heading h2 .hl,.uspc-chooser .section-heading h2 .hl{color:var(--uspc-red);}
.uspc-cat-services .section-heading p,.uspc-chooser .section-heading p{font-size:17px;line-height:1.65;margin:0;}
.uspc-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:24px;}
.uspc-cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e6f0;border-left:4px solid var(--uspc-navy);border-radius:8px;padding:28px 26px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-left-color .2s ease;}
.uspc-cat-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px -18px rgba(20,30,90,.55);border-left-color:var(--uspc-red);}
.uspc-cat-card h2{font-size:22px;font-weight:800;line-height:1.25;margin:0 0 10px;color:var(--uspc-navy);}
.uspc-cat-card:hover h2{color:var(--uspc-red);}
.uspc-cat-card .blurb{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 12px;color:#111 !important;}
.uspc-cat-card .body{font-size:15px;line-height:1.65;margin:0 0 18px;color:#4a4a4a !important;flex:1;}
.uspc-cat-card .go{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--uspc-red);margin-top:auto;}
.uspc-cat-card .go i{font-size:11px;margin-left:6px;transition:transform .2s ease;display:inline-block;}
.uspc-cat-card:hover .go i{transform:translateX(4px);}
/* decision helper */
/* Same navy panel treatment as the home page Featured Products block, so the
   two read as one system. Text inside needs !important because of the global
   p{color:#222!important} override further up this file. */
.uspc-chooser{padding:80px 0;margin-top:70px;
  background:
    radial-gradient(ellipse 70% 80% at 15% 0%, rgba(80,110,230,.30), transparent 55%),
    linear-gradient(160deg,#1d2e9f 0%,#15238c 50%,#0a1670 100%);}
.uspc-chooser .section-heading h2{color:#fff;}
.uspc-chooser .section-heading p{color:#fff !important;}
.uspc-chooser .chooser-footer{color:#fff !important;}
.uspc-chooser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:22px;}
.uspc-chooser-card{background:#fff;border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--uspc-red);box-shadow:0 14px 34px -20px rgba(0,0,0,.55);border-radius:8px;padding:26px 24px 22px;display:flex;flex-direction:column;}
.uspc-chooser-card h3{font-size:19px;font-weight:800;line-height:1.3;margin:0 0 12px;color:#111;}
.uspc-chooser-card p{font-size:15px;line-height:1.65;margin:0 0 18px;flex:1;}
.uspc-chooser-card a{font-size:14px;font-weight:800;color:var(--uspc-navy);text-decoration:none;margin-top:auto;line-height:1.4;display:inline-block;}
.uspc-chooser-card a:hover{color:var(--uspc-red);text-decoration:underline;}
.uspc-chooser-card a i{font-size:11px;margin-left:5px;}
.uspc-chooser .chooser-footer{max-width:880px;margin:40px auto 0;text-align:center;font-size:17px;line-height:1.7;}
@media (max-width:767px){
  .uspc-cat-services{padding:48px 0 10px;}
  .uspc-chooser{padding:48px 0;margin-top:40px;}
  .uspc-cat-services .section-heading h2,.uspc-chooser .section-heading h2{font-size:30px;}
  .uspc-cat-card{padding:22px 20px 20px;}
  .uspc-cat-card h2{font-size:20px;}
  .uspc-chooser .chooser-footer{font-size:16px;text-align:left;}
}

/* =====================================================================
   CATEGORY HERO — static packed collage
   Nothing animates, so tiles do not need the float-amplitude separation the
   service-page collage needs. A two column masonry flow packs by natural
   height: no letterboxing, no cropping, six products in the space four used.
   ===================================================================== */
.uspc-hero-mosaic{position:relative;padding:14px 0 0;}
.uspc-hero-mosaic .mosaic-flow{columns:2;column-gap:14px;}
.uspc-hero-mosaic figure{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 14px;line-height:0;}
.uspc-hero-mosaic img{width:100%;height:auto;display:block;}
.uspc-hero-mosaic .accent-bar{position:absolute;top:0;left:0;width:110px;height:6px;background:var(--uspc-red);z-index:5;}
.uspc-hero-mosaic .badge{position:absolute;background:var(--uspc-red);color:#fff;padding:14px 24px;font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.5px;z-index:6;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow:0 10px 22px rgba(200,16,46,.35);white-space:nowrap;}
.uspc-hero-mosaic .badge i{margin-right:6px;color:#FFD166;}
.uspc-hero-mosaic .badge.b-spec{top:14%;left:-3%;background:var(--uspc-navy);box-shadow:0 10px 22px rgba(10,42,94,.4);}
.uspc-hero-mosaic .badge.b-delivery{top:66%;left:-1%;background:var(--uspc-red);}
@media (max-width:1199px){.uspc-hero-mosaic .badge{font-size:12px;padding:11px 18px;}}
@media (max-width:991px){
  .uspc-hero-mosaic{padding-top:26px;max-width:640px;margin:0 auto;}
  .uspc-hero-mosaic .badge.b-spec{left:0;}
  .uspc-hero-mosaic .badge.b-delivery{left:0;}
}
@media (max-width:575px){
  .uspc-hero-mosaic .mosaic-flow{column-gap:10px;}
  .uspc-hero-mosaic figure{margin-bottom:10px;}
  .uspc-hero-mosaic .badge{font-size:11px;padding:9px 14px;}
}
/* Framed variant of the category hero mosaic, for the two categories whose
   photos are scene shots and cannot be cut out cleanly. */
.uspc-hero-mosaic.is-framed figure{border-radius:10px;overflow:hidden;box-shadow:0 16px 34px -20px rgba(20,30,90,.55);border:1px solid #e8ebf4;background:#fff;}
/* Category card with no destination (Wholesale sub-lines have no pages).
   Same styling at rest, but nothing that implies it is clickable. */
.uspc-cat-card.is-static{cursor:default;}
.uspc-cat-card.is-static:hover{transform:none;box-shadow:none;border-left-color:var(--uspc-navy);}
.uspc-cat-card.is-static:hover h2{color:var(--uspc-navy);}