:root {
  --cstm-primary: #f4a62b;
  --cstm-gr-ylw-transparent: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(244, 166, 43, 1) 100%);
  --cstm-gr-ylw-white: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(253, 187, 45, 1) 100%);
  --cstm-gr-ylw-white2: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(253, 187, 45, 1) 100%);
  --cstm-gr-ylw-dark: linear-gradient(270deg, rgba(142, 97, 25, 1) 0%, rgba(253, 187, 45, 1) 100%);
  --cstm-gr-ylw-dark2: linear-gradient(360deg, rgba(142, 97, 25, 1) 0%, rgba(253, 187, 45, 1) 100%);
  --cstm-gr-center-white: linear-gradient(180deg, rgba(244, 166, 43, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(244, 166, 43, 1) 100%);
  --cstm-gr-white-gray: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(218, 218, 217, 1) 100%);
}

.mt-50 {
  margin-top: 50px !important;
}

[data-animate] {
  visibility: hidden;
}

.semibold {
  font-weight: 600 !important;
}

.cstm-row {
  display: flex;
  gap: 10px;
}

.cstm-col-6 {
  max-width: 50%;
  width: 100%;
}

.pri-text {
  color: var(--cstm-primary) !important;
}

.text-dark {
  color: #000 !important;
}

.hdg-text {
  font-family: var(--heading-text) !important;
}

.mid-width {
  max-width: 850px;
  width: 100%;
}

.mid-width.center {
  margin: 0 auto;
}

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

/* btn design */

.btn-design {
  display: inline-flex;
  align-items: center;
  gap: 30px;
  padding: 6px 7px 6px 17px;
  width: fit-content;
  background: var(--cstm-gr-ylw-dark);
  color: #fff;
  border-radius: 40px;
  font-weight: 700;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.btn-design.btn-light{
  color: #000;
}

.btn-design:after {
  position: absolute;
  content: "";
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  background-color: #000;
  z-index: -1;
  border-radius: 40px;
}

.btn-design.btn-light:after {
  background: linear-gradient(115deg, #cecece -16.3%, #cfcfcf -14.49%, #d0d0d0 -14.03%, #d0d0d0 -13.58%, #d1d1d1 -12.67%, #d2d2d2 -11.76%, #d3d3d2 -10.85%, #d3d3d2 -9.94%, #d4d4d3 -9.03%, #d5d4d4 -8.58%, #d6d5d5 -8.13%, #d6d5d5 -7.22%, #d7d6d5 -6.31%, #d7d7d6 -5.4%, #d8d8d7 -4.49%, #dad9d8 -4.04%, #dadad9 -3.58%, #dbdad9 -2.67%, #dcdbda -1.76%, #dddcdb -0.86%, #dedddc 0.05%, #dfdedc 0.51%, #dfdedc 0.96%, #e0dfdd 1.87%, #e0e0de 2.78%, #e0e0df 3.69%, #e1e0df 4.6%, #e2e1e0 5.5%, #e3e2e0 5.96%, #e4e3e1 6.41%, #e5e3e1 7.32%, #e6e4e2 8.23%, #e7e5e3 9.14%, #e7e6e4 10.05%, #e8e7e5 10.5%, #e8e7e6 10.96%, #e9e8e7 11.86%, #eae9e7 12.77%, #ebeae8 13.68%, #ebebe9 14.59%, #ecebea 15.04%, #ececea 15.5%, #ececeb 16.41%, #edecec 17.32%, #eeedec 18.22%, #efeeed 19.13%, #f0efee 20.04%, #f0f0ef 20.5%, #f1f1f0 20.95%, #f2f2f0 21.86%, #f3f2f1 22.77%, #f4f2f2 23.68%, #f4f3f3 24.58%, #f5f5f5 25.04%, #f5f5f5 25.49%, #f6f6f5 26.4%, #f7f7f6 27.31%, #f8f8f7 28.22%, #f8f8f8 29.13%, #f9f9f9 30.04%, #f9f9f9 30.95%, #fafafa 31.59%, #fafafa 34.58%, #fafafa 38.21%, #fbfbfb 41.85%, #fbfbfb 45.48%, #fcfcfc 49.12%, #fcfcfc 50.93%, #fdfdfd 52.11%, #fdfdfd 52.75%, #fdfdfd 53.66%, #fcfcfc 54.11%, #fcfcfc 54.57%, #fbfbfb 55.48%, #fafafa 56.39%, #f9f9f9 56.84%, #f9f9f9 57.3%, #f9f8f8 57.75%, #f8f8f7 58.2%, #f8f8f7 58.66%, #f7f7f6 59.11%, #f7f6f6 59.57%, #f6f6f5 60.02%, #f6f6f5 60.48%, #f5f5f4 60.93%, #f5f5f4 61.38%, #f4f4f3 61.84%, #f4f4f3 62.29%, #f3f3f2 62.75%, #f3f3f2 63.66%, #f2f2f1 64.11%, #f2f1f0 64.56%, #f1f0ef 65.02%, #f1f0ef 65.47%, #f0efee 65.93%, #f0efee 66.38%, #efeeed 66.84%, #efeeed 67.29%, #eeedec 67.74%, #eeedec 68.2%, #edeceb 68.65%, #edeceb 69.11%, #ecebeb 70.02%, #ebebea 70.47%, #ebeae9 70.92%, #ebeae9 71.38%, #eae9e8 71.83%, #eae9e8 72.29%, #e9e8e7 72.74%, #e9e8e6 73.2%, #e8e7e6 73.65%, #e8e7e5 74.1%, #e7e6e4 74.56%, #e7e5e3 75.01%, #e6e5e3 75.47%, #e6e4e2 76.38%, #e5e4e1 78.19%, #e3e2e0 78.65%, #e3e2e0 79.1%, #e2e1e0 80.01%, #e1e0e0 80.92%, #e0e0df 81.83%, #e0e0de 82.74%, #dfdfdd 83.19%, #dfdedc 83.64%, #dfdedc 84.55%, #dedddc 85.46%, #dddcdb 86.37%, #dcdbda 87.28%, #dbdad9 87.73%, #dadad9 88.19%, #d9d9d8 89.1%, #d8d8d7 90.01%, #d7d7d6 90.91%, #d7d6d5 91.82%, #d6d5d5 92.73%, #d5d4d4 93.19%, #d5d4d4 93.64%, #d4d4d3 94.55%, #d3d3d2 95.46%, #d3d3d2 96.37%, #d2d2d2 97.27%, #d1d1d1 97.73%, #d0d0d0 98.18%, #d0d0d0 99.09%, #cfcfcf 100%);
}

.btn-design span {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: all 0.4s ease-in-out 0.1s;
}

.btn-design.btn-light span {
  background-color: #000;
}

.btn-design span img {
  transition: all 0.4s ease-in-out 0.1s;
}

.btn-design:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 25;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: all 0.6s ease-in-out 0.1s;
}

.btn-design.btn-light:before {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
}

.btn-design:hover:before {
  left: 110%;
}

.btn-design:hover span {
  background: var(--cstm-gr-ylw-dark);
}

.btn-design:hover span img {
  filter: brightness(5);
}

.wprevpro_load_more_btn {
    padding: 13px 36px !important;
    font-weight: 700;
    text-transform: capitalize;
    color: #000 !important;
    border-radius: 40px;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* Sec After */
.sec-after {
  position: relative;
  z-index: 0;
}

.sec-after:after {
  content: "";
  position: absolute;
}

/* Banner Section */
.bnr-sec {
  padding: 126px 0 105px;
  /* background-image: url('https://platinumroostg.wpenginepowered.com/wp-content/uploads/2025/06/bg.png'); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.bnr-left h1 {
  color: #fff;
}

.high-lighter {
  position: relative;
  z-index: 1;
}

.high-lighter:after {
  position: absolute;
  content: "";
  left: -10px;
  top: 2px;
  height: 60px;
  width: 70%;
  background: var(--cstm-gr-ylw-transparent);
  z-index: -1;
}

.bnr-left {
  padding-top: 15px;
}

.bnr-right {
  padding-left: 50px;
}

.bnr-img {
  padding: 6px;
  max-width: 512px;
  width: 100%;
  height: 253px;
  background: var(--cstm-gr-center-white);
  border-radius: 10px;
}

.bnr-img img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.truck-brand {
  animation: fadeLeftToRightBack 3s ease-out forwards;
}

@keyframes fadeLeftToRightBack {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  50% {
    opacity: 1;
    transform: translateX(0px);
  }

  100% {
    transform: translateX(0px);
  }
}

.truck-ctnt {
  padding: 8px 10px;
  position: relative;
  background: var(--cstm-gr-ylw-white2);
  color: #fff;
  border-radius: 10px;
  max-width: calc(100% - 6px);
  width: 100%;
  z-index: 0;
  padding-right: 40%;
  margin-left: -50px;
  margin-top: -40px;
}

.truck-ctnt:after {
  position: absolute;
  content: "";
  background: #000;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  z-index: -1;
  border-radius: 10px;
}

.truck-ctnt h4,
.small-text {
  font-size: 14px;
  font-weight: bold;
  font-family: var(--font);
  text-transform: none;
}

.truck-ctnt h4 span {
  font-size: 18px;
}

.truck-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 2px;
}

.truck-brand {
  position: absolute;
  top: 2px;
  right: -75px;
  max-height: 90px;
  object-fit: contain;
}

/* About Section */
.cstm-about-sec.sec-after:after {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 750px;
  width: 100%;
  height: 80%;
  max-height: 430px;
  z-index: -1;
  background-image: url("https://platinumroostg.wpenginepowered.com/wp-content/uploads/2025/06/about-shape.png");
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
}

.cstm-about-inr {
  padding: 80px 60px 60px;
  border-radius: 20px;
  position: relative;
  background-size: cover;
  background-position: top center;
  display: flex;
  flex-direction: column;
  gap: 18px;
  z-index: 0;
  overflow: hidden;
}

.cstm-about-inr:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 70%;
  content: "";
  left: 0;
  top: 0;
  border-radius: 20px;
  z-index: -1;
}

.cstm-about-inr:before {
  position: absolute;
  width: 105%;
  height: 100px;
  background: #fff;
  content: "";
  left: 50%;
  top: -72px;
  border-radius: 53%;
  z-index: 9;
  transform: translateX(-50%);
}

.hdg-wpr {
  display: flex;
  justify-content: space-between;
}

.sec-heading.center {
  text-align: center;
}

.sec-heading h6 {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 15px;
  line-height: 21px;
  color: var(--cstm-primary);
  margin-bottom: 6px;
}

.sec-heading.center h6 {
  justify-content: center;
}

.sec-heading p {
  margin-top: 16px;
}

.award-wpr {
  display: flex;
  gap: 30px;
}

.award-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 230px;
  color: #fff;
}

.rating-icons {
  display: flex;
  align-items: center;
  gap: 22px;
}

/* Start Team Section */
.cstm-team-sec {
  background: var(--cstm-gr-ylw-dark);
  padding: 10px 0;
  position: relative;
  z-index: 0;
  background-color: #000;
  clip-path: polygon(0% 100%, 0% 50px, 50% 0%, 100% 50px, 100% calc(100% - 25px));
}

.cstm-team-sec-inr {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 105px 0 135px;
  position: relative;
  z-index: 0;
  background-color: #000;
  clip-path: polygon(0% 100%, 0% 50px, 50% 0%, 100% 50px, 100% calc(100% - 25px));
}

.team-cards {
  display: grid;
  grid-template-columns: repeat(4, 5fr);
  column-gap: 16px;
  margin-top: 50px;
  row-gap: 24px;
}

.team-card {
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out 0.1s;
}

.team-card .team-img {
  padding: 5px;
  position: relative;
  border-radius: 10px;
  background: var(--cstm-gr-ylw-dark2);
  height: 246px;
  width: 100%;
  overflow: hidden;
  transition: all 0.3s ease-in-out 0.1s;
}

.team-card .team-img:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 25;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: all 0.6s ease-in-out 0.1s;
}

.team-card:hover .team-img:before {
  left: 110%;
}

.team-card:hover .team-img {
  transform: translateY(10px);
}

.team-card .team-img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.team-card-ctnt {
  max-width: 88%;
  background: var(--cstm-gr-ylw-dark);
  margin: -22px auto 0;
  text-align: center;
  position: relative;
  width: 100%;
  border-radius: 10px;
  padding: 10px 13px;
  z-index: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: all 0.3s ease-in-out 0.1s;
}

.team-card-ctnt:after {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  content: "";
  background-color: #fff;
  z-index: -1;
  border-radius: 10px;
}

.team-card-ctnt h4 {
  color: var(--cstm-primary);
  font-family: var(--font);
  font-size: 18px;
  font-weight: 700;
}

.team-card-ctnt h6 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font);
  color: #000;
}

/* Owner Section */
.cstm-owner-sec {
  padding: 50px 0 100px;
  position: relative;
  z-index: 0;
}

.cstm-owner-sec:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -60px;
  background-image: url("https://platinumroostg.wpenginepowered.com/wp-content/uploads/2025/06/owner-ng.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  z-index: -1;
  width: 55%;
  height: 80%;
}

.owner-detail-rw {
  display: flex;
  gap: 50px;
}

.cstm-owner-sec .sec-heading h4 {
  margin-bottom: 15px;
}

.owner-detail-img-wpr {
  min-width: 340px;
  height: 240px;
  width: 100%;
  padding-right: 20px;
}

.owner-detail-img {
  background: var(--cstm-gr-ylw-dark2);
  border-radius: 20px;
  padding: 6px;
  min-width: 340px;
  height: 240px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.owner-detail-img:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 25;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: all 0.6s ease-in-out 0.1s;
}

.owner-detail-img:hover:before {
  left: 110%;
}

.owner-detail-img img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: cover;
  object-position: center top;
}

.owner-detail-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 50px 11px 13px;
  background: var(--cstm-gr-white-gray);
  border-radius: 18px 18px 0px 18px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0 0 0 / 10%);
  top: -35px;
  right: -40px;
  max-width: 326px;
  width: 100%;
}

.owner-detail-badge .watermark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  z-index: -1;
}

.owner-reward-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 24px 20px;
}

.owner-reward-li {
  flex: 0 0 calc(100% / 2 - 10px);
  max-width: calc(100% / 2 - 10px);
  width: 100%;
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  display: flex;
  gap: 18px;
  cursor: pointer;
  z-index: 0;
}

.owner-detail-badge p {
  font-weight: 700;
}

.owner-reward-img {
  position: absolute;
  transition: all 0.8s ease-in-out 0.1s;
  transform: translateY(0);
  right: 0;
  opacity: 0;
  z-index: 10;
}

.owner-reward-li:hover .owner-reward-img {
  transform: translateY(-50px);
  opacity: 1;
}

.owner-reward-img {
  padding: 4px;
  background: var(--cstm-gr-ylw-dark2);
  border-radius: 20px 20px 20px 0;
}

.owner-reward-img-inr {
  background: #fff;
  border-radius: 16px 16px 16px 0;
  padding: 10px;
}

.owner-reward-img-inr img {
  max-width: 135px;
  max-height: 100px;
  object-fit: contain;
}

/* Why Section */
.cstm-why-sec {
  padding: 85px 0;
}

.cstm-why-sec.sec-after:after {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 750px;
  width: 100%;
  height: 80%;
  max-height: 430px;
  z-index: -1;
  background-image: url("https://platinumroostg.wpenginepowered.com/wp-content/uploads/2025/06/why-bg-after.png");
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
}

.cstm-why-row {
  display: flex;
  gap: 50px;
  align-items: start;
}

.cstm-why-left p {
  margin: 16px 0 30px;
}

.cstm-why-right {
  flex: 0 0 38%;
  max-width: 38%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 30px;
}

.cstm-why-right .why-card {
  flex: 0 0 calc(100% / 2 - 12px);
  max-width: calc(100% / 2 - 12px);
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  transition: all 0.3s ease-in-out 0.1s;
}

.cstm-why-right .why-card p {
  padding: 48px 12px 24px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0 0 0 / 10%);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  min-height: 112px;
  /* transition: all 0.2s ease-in-out 0.1s; */
}

.cstm-why-right .why-card:hover p {
  background: var(--cstm-gr-ylw-dark2);
  color: #fff;
}

.why-card-icon {
  width: 100%;
  height: 89px;
  max-width: 89px;
  margin: 0 auto;
  background: var(--cstm-gr-ylw-dark2);
  border-radius: 50%;
  padding: 2px;
  margin-bottom: -35px;
  position: relative;
  z-index: 9;
}

.why-card-icon-inr {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: all 0.3s ease-in-out 0.1s;
}

.cstm-why-right .why-card:hover .why-card-icon-inr {
  transform: rotate(360deg);
}

/* Gallery Section */
.cstm-gallery-sec {
  background: var(--cstm-gr-ylw-dark);
  flex-direction: column;
  padding: 10px 0;
  /* clip-path: polygon(0% 0, 0% calc(100% - 25px), 100% 100%, 100% 25px); */
  clip-path: polygon(100% 0, 100% calc(100% - 25px), 0% 100%, 0% 25px);
}

.cstm-gallery-sec-inr {
  width: 100%;
  background-color: #000;
  background-image: url("/wp-content/uploads/2025/06/black-shingle-gradient-repeatable.webp");
  background-size: 200px;
  background-position: top center;
  flex-direction: column;
  padding: 90px 0;
  /* clip-path: polygon(0% 0, 0% calc(100% - 25px), 100% 100%, 100% 25px); */
  clip-path: polygon(100% 0, 100% calc(100% - 25px), 0% 100%, 0% 25px);
}

.mobile_gallery_slider {
  display: none;
}

#splide-slider {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 35px;
}

.gallery-slider .splide__slide {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.gallery-slider.desktop_gallery_slider .splide__slide img:first-child,
.gallery-slider.desktop_gallery_slider .splide__slide img:last-child {
  width: 20%;
  height: 365px;
  object-fit: cover;
  border-radius: 10px;
}

.gallery-slider.desktop_gallery_slider .splide__slide img:nth-child(2) {
  flex-grow: 1;
  width: 100%;
  height: 392px;
  object-fit: cover;
  border-radius: 10px;
}

/* Testimonial Sec  */
.cstm-testimonial-sec {
  padding: 85px 0;
  flex-direction: column;
  position: relative;
}

.cstm-testimonial-sec p.description {
  max-width: 890px;
  font-weight: 600;
  margin-bottom: 30px;
}

.testimonial-slider {
  width: 100%;
  overflow-x: hidden;
  margin-top: 40px;
}

.testimonial-card-hdr-lft {
  display: flex;
  align-items: center;
  gap: 18px;
}

.cstm-testimonial-sec .splide__slide.is-active {
  padding-left: 5px;
}

.testimonial-card,
.cstm-testimonial-sec .slickwprev-slide .outerrevdiv .indrevdiv {
  padding: 14px 10px 14px;
  border-radius: 10px !important;
  box-shadow: 0 0 10px rgba(0 0 0 / 10%);
  margin: 10px 0;
  max-width: 460px;
  width: 100%;
  position: relative;
  z-index: 0;
  min-height: 220px;
}

.testimonial-card:after,
.cstm-testimonial-sec .slickwprev-slide .outerrevdiv .indrevdiv:after {
  content: "";
  position: absolute;
  width: 270px;
  height: 96px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 36px;
  z-index: -1;
  background-image: url("https://platinumroostg.wpenginepowered.com/wp-content/uploads/2025/06/watermark-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.cstm-testimonial-sec .slickwprev-slide .outerrevdiv .indrevdiv:before {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  right: 20px;
  top: 20px;
  z-index: -1;
  background-image: url("https://platinumroostg.wpenginepowered.com/wp-content/uploads/2025/06/image-3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.cstm-testimonial-sec .wpproslider_t6_DIV_3 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
}

#testimonial-slider .splide__pagination,
.cstm-testimonial-sec .slickwprev-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 9px;
}

.cstm-testimonial-sec .slickwprev-dots li {
  width: unset !important;
  height: unset !important;
}

#testimonial-slider .splide__pagination li button,
.cstm-testimonial-sec .slickwprev-dots li button {
  margin: 0;
  min-width: 21px;
  height: 6px !important;
  padding: 0 !important;
  border-radius: 10px;
  transition: all 0.3s ease-in-out 0.1s;
  background-color: #b6b8bc;
  opacity: 40%;
}

.cstm-testimonial-sec .slickwprev-dots li button:before {
  display: none;
}

#testimonial-slider .splide__pagination li button.is-active,
.cstm-testimonial-sec .slickwprev-dots li.slickwprev-active button {
  margin: 0;
  min-width: 108px;
  opacity: 1;
  height: 6px;
  border-radius: 10px;
  background-color: var(--cstm-primary);
  transform: unset;
}

/* ********* */
/* Home Page */
.top_plain .cstm-gallery-sec,
.top_plain .cstm-gallery-sec-inr {
  clip-path: polygon(100% 0, 100% calc(100% - 10px), 0% 100%, 0% 0px);
}

/* Partner Logo */
#autoScrollCarousel .splide__slide {
  padding: 0;
  margin: 0;
}

#autoScrollCarousel .splide__slide img {
  display: block;
  height: 225px;
  width: auto;
}

/* Video Carousel */
.video-popup-pos {
  border-radius: 14px;
  border: 5px solid var(--1, #404040);
  box-shadow: 16.554px 13.795px 32.189px 0px rgba(0, 0, 0, 0.09);
  overflow: hidden;
  position: relative;
  margin: 20px;
  width: 100%;
  display: block;
}

.video-popup-pos .video-link>img {
  max-height: 585px;
  width: 100%;
  object-fit: cover;
}

.video-popup-pos .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* About Carousel */
div#about-carousel .splide__slide img {
  margin: 0 20px;
  border: 5px solid #404040;
  filter: drop-shadow(13.617px 11.348px 26.478px rgba(0, 0, 0, 0.09));
  border-radius: 10px;
  max-width: 360px;
  max-height: 233px;
  height: 100%;
  width: 100%;
}

/* Responsive */
@media (max-width: 1199px) {
  .bnr-inr.cstm-row {
    flex-direction: column;
  }

  .bnr-inr.cstm-row .bnr-left,
  .bnr-inr.cstm-row .bnr-right {
    width: 100%;
    max-width: 100%;
  }

  .bnr-inr.cstm-row .bnr-left {
    padding: 0;
    text-align: center;
  }

  .bnr-img-wpr {
    max-width: 550px;
    margin: 30px auto 0;
  }

  /* Team Section */
  .cstm-team-sec-inr {
    padding: 80px 0;
  }

  .team-cards {
    grid-template-columns: repeat(3, 5fr);
  }

  /* Why choose Section */
  .cstm-why-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .cstm-why-row .sec-heading h6 {
    justify-content: center;
  }

  .cstm-why-right {
    flex: 0 0 100%;
    max-width: 70%;
  }

  /* Gallery */
  .cstm-gallery-sec-inr,
  .cstm-testimonial-sec {
    padding: 80px 0;
  }

  .cstm-testimonial-sec {
    padding-bottom: 40px;
  }

  /* Home Page Partner Logo */
  #autoScrollCarousel .splide__slide img {
    height: 185px;
  }
}

@media (max-width: 1024px) {
  .owner-reward-list {
    margin-top: 50px;
    gap: 20px;
  }

  .owner-reward-li {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .high-lighter:after {
    left: 50%;
    transform: translateX(-50%);
  }

  /* About Sec */
  .cstm-about-inr {
    padding: 60px 30px 40px;
    border-radius: 15px;
  }

  .hdg-wpr {
    flex-direction: column;
    gap: 20px;
  }

  .cstm-about-inr:before {
    top: -74px;
    border-radius: 100%;
  }

  .cstm-about-inr .sec-heading h3 br {
    display: none;
  }

  .cstm-about-inr .sec-heading h3 {
    font-size: 22px;
  }

  /* Owner Section */
  .cstm-owner-sec {
    padding: 30px 0 60px;
  }

  .owner-detail-rw {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 80px;
  }

  .owner-detail-ctnt {
    text-align: center;
  }

  .owner-detail-ctnt h6 {
    justify-content: center;
  }

  .owner-detail-img-wpr {
    max-width: 370px;
    margin: 0 auto;
  }

  /* Team Section */
  .team-cards {
    grid-template-columns: repeat(2, 5fr);
  }

  /* Testimonial Section */
  .cstm-testimonial-inr {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .cstm-testimonial-inr .hdg-wpr {
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
  }

  .cstm-testimonial-inr .sec-heading h6 {
    justify-content: center;
  }

  /* Partner Logo */
  #autoScrollCarousel .splide__slide img {
    height: 155px;
  }
}

@media (max-width: 767px) {
  .high-lighter:after {
    display: none;
  }

  .bnr-right {
    padding-left: 0;
    display: flex;
    justify-content: center;
  }

  .truck-ctnt {
    padding-right: 10px;
    margin-left: 0px;
    margin-top: -5px;
  }

  .truck-brand {
    right: -12px;
    max-width: 180px;
    bottom: 0;
    top: unset;
  }

  /* About Sec */
  .cstm-about-inr {
    align-items: center;
  }

  .cstm-about-inr:before {
    top: -87px;
    border-radius: 100%;
  }

  .cstm-about-inr .sec-heading {
    text-align: center;
  }

  .cstm-about-inr .sec-heading h6,
  .cstm-about-inr .award-wpr {
    justify-content: center;
  }

  .cstm-about-inr p {
    text-align: center;
  }

  .cstm-about-inr .sec-heading h3 br {
    display: block;
  }

  /* Why Section */
  .cstm-why-sec,
  .cstm-testimonial-sec,
  .cstm-gallery-sec-inr,
  .cstm-team-sec-inr {
    padding: 60px 0;
  }

  .cstm-testimonial-sec {
    padding-bottom: 20px;
  }

  /* Gallery section */
  .desktop_gallery_slider {
    display: none;
  }

  .mobile_gallery_slider {
    display: flex;
  }

  .gallery-slider.mobile_gallery_slider li img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin: 35px 0 20px;
  }
}

@media (max-width: 575px) {
  .bnr-sec {
    padding: 60px 0;
  }

  .bnr-left h1 {
    font-size: 27px;
  }

  .truck-wrap {
    max-width: 88%;
    text-align: center;
  }

  .truck-rating {
    flex-direction: column;
    margin-top: 5px;
  }

  .truck-ctnt p {
    font-size: 14px;
  }

  .truck-ctnt p br {
    display: none;
  }

  /* About Sec */
  .cstm-about-sec {
    padding: 40px 0;
  }

  .cstm-about-inr:before {
    display: none;
  }

  .cstm-about-inr {
    padding: 40px 20px;
  }

  .cstm-about-inr:after {
    border-radius: 15px;
  }

  /* Owner Section */
  .cstm-owner-sec .sec-heading h4 {
    font-size: 16px;
  }

  .owner-detail-badge img {
    max-width: 40px;
  }

  .owner-detail-badge p {
    font-size: 14px;
  }

  .owner-reward-list {
    margin-top: 40px;
    gap: 16px;
  }

  .owner-reward-li {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
  }

  /* Team Section */
  .cstm-team-sec-inr,
  .cstm-team-sec {
    clip-path: polygon(0% 100%, 0% 15px, 50% 0%, 100% 15px, 100% calc(100% - 10px));
  }

  .asc-service-sec,
  .asc-service-sec-inr {
    clip-path: polygon(0% 100%, 0% 15px, 50% 0%, 100% 15px, 100% 100%);
  }

  .cstm-gallery-sec,
  .cstm-gallery-sec-inr {
    /* clip-path: polygon(0% 0, 0% calc(100% - 10px), 100% 100%, 100% 10px); */
    clip-path: polygon(100% 0, 100% calc(100% - 10px), 0% 100%, 0% 10px);
  }

  /* Why Choose Section */
  .cstm-why-right {
    flex: 0 0 100%;
    max-width: 100%;
    gap: 16px;
  }

  /* Testimonial section */
  .cstm-testimonial-sec .slickwprev-dots {
    display: none !important;
  }

  /* Partner Logo */
  #autoScrollCarousel .splide__slide img {
    height: 125px;
  }
}

@media (max-width: 481px) {
  .bnr-img {
    max-width: 300px;
    height: 155px;
  }

  .bnr-img-wpr {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
  }

  .truck-brand {
    display: none;
  }

  /* About Sec */
  .cstm-about-inr .sec-heading h3 {
    font-size: 18px;
  }

  .award-wpr {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Owner Section */
  .owner-detail-img-wpr {
    padding: 0;
    max-width: 300px;
    min-width: 280px;
  }

  .owner-detail-img {
    min-width: 250px;
  }

  .owner-detail-badge {
    right: -10px;
  }

  .owner-reward-li>span img {
    width: 22px;
  }

  /* Team Section */
  .team-cards {
    grid-template-columns: repeat(1, 5fr);
  }

  .team-card {
    max-width: 280px;
    margin: 0 auto;
  }

  /* Testimonial Section */
  .cstm-testimonial-inr .award-wpr {
    display: flex;
    gap: 8px;
  }
}

@media (max-width: 414px) {
  .cstm-why-right .why-card {
    flex: 0 0 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}