/* BANNER SECTION START */
.bannerColWrp {
  position: relative;
}
.bannerClr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rainbowLine {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
}

.bannerSwiper {
  height: 100%;
}

.bannerColWrp {
  height: 100%;
  position: relative;
  display: flex;
  align-items: end;
}

.bannerContent {
  /* position: absolute; */
  /* bottom: 0; */
  /* left: 0; */
  /* z-index: 1; */
  width: 100%;
  /* padding-top: 10vw; */
}

/* .bannerContent:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background: url(/images/rainbowLine.png) no-repeat;
  background-size: 100%;
} */

.bannerContent .pulse {
  opacity: 0;
  transform: scale(0) translateX(-50%);
}

.swiper-slide-active .bannerContent .pulse {
  opacity: 1;
  transform: scale(1) translateX(-50%);
  transition: all 1s ease-in-out;
  transition-delay: 1.5s;
}

.bannerContent .proDetails > * {
  opacity: 0.7;
}

.productTitle {
  color: var(--whiteColor);
  font-family: var(--fontUbuntu);
}

.productTitle h1 {
  font-weight: 500;
}

.productTitle h1 > div {
  overflow: hidden;
}

@media (width < 991.99px) {
  .bannerContent {
    padding-top: 120px;
    text-align: center;
  }
  .bannerProImg {
    width: 50%;
    margin: 0 auto;
  }
  .productTitle .cta {
    margin: 0 auto 30px auto;
  }
  .bannerSwiper .swiper-pagination {
    left: 50%;
    position: relative;
    margin-top: 20px;
    transform: translateX(-50%);
  }
  .bannerSwiper .swiper-pagination-bullet {
    border-color: var(--secondaryColor);
  }
  .bannerSwiper .swiper-pagination-bullet-active::before {
    background: var(--secondaryColor);
  }
}

@media (width > 991.99px) {
  .bannerWrapper {
    height: 100vh;
    position: relative;
  }
  .productTitle h1 {
    font-size: 30px;
  }
  .rainbowLine {
    bottom: -5%;
  }
  .bannerSwiper .swiper-pagination {
    right: 7%;
    left: auto;
    bottom: 14%;
  }
}

@media (width > 1200.99px) {
  .bannerClr .pulseAnim {
    left: 46%;
    bottom: 0;
  }
  .proDetails h4 {
    font-size: 2.813vw;
  }
  .proDetails h4 span {
    font-size: 1.667vw;
  }
  .proDetails .proFeat {
    margin-top: 2vw;
    --bs-gutter-x: 2.604vw;
  }
  .proDetails .proFeat span {
    width: 5.208vw;
  }

  .productTitle h1 {
    font-size: 3.854vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .bannerSwiper .swiper-pagination {
    right: 8vw;
    left: auto;
    bottom: 7vw;
  }
}

/* BANNER SECTION END */

/* Who We are Section start */
.whoweareSec {
  background: url(../images/whoWeAreBg.jpg) no-repeat center;
  background-size: cover;
  padding: 50px 0;
}
@media (width > 1200px) {
  .whoweareSec {
    padding: 5.208vw 0;
  }
  .whoweTxtWrp .cta {
    margin-top: 1.688vw;
  }
}
/* Who We are Section End */

/* OUR PRODUCT SECTION */
.categoryListSwiper {
  position: relative;
  padding-right: 0;
}
.categoryListRow .swiperBtnWrp {
  z-index: 1;
  position: relative;
}
.categoryListRow .swiperBtnWrp:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 100px;
  height: 103%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 50%);
}
.categoryListSwiper .swiper-slide {
  width: auto;
  line-height: 1;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 6px 20px;
  text-align: center;
  font-family: var(--fontUbuntu);
  border-radius: 100rem;
  transition: all 0.3s ease-in-out;
}
.categoryListSwiper .swiper-slide-active {
  /* font-weight: 700; */
  color: #0050b6;
  border-color: var(--blueColor);
}

.categoryListSwiper .swiper-slide {
  padding: 12px 20px;
}

.categorySwiper {
  overflow: visible;
}
.categorySwiper .swiper-slide {
  height: auto;
  position: relative;
  padding-bottom: 15px;
}

.categoryListSwiper .categoryListSwiper-button-prev {
  left: 0 !important;
  border: 0;
  border-radius: 0;
  background: url(../images/icons/black/leftArw.svg) #fff no-repeat center;
}
.categoryListSwiper .categoryListSwiper-button-next {
  right: 0 !important;
  border: 0;
  border-radius: 0;
  background: url(../images/icons/black/rightArw.svg) #fff no-repeat center;
}

.categoryListSwiper .swiper-button-disabled {
  opacity: 0 !important;
}

.proCategoryCard {
  color: var(--whiteColor);
  height: 100%;
  padding: 15px;
  border-radius: 5px;
  position: relative;
}

.proCatTitle {
  color: var(--whiteColor);
  font-family: var(--fontUbuntu);
  margin-bottom: 20px;
}
.proCatTitle h4 {
  margin-bottom: 0;
  font-size: 20px;
}
.proCatFeat {
  text-align: center;
  font-size: 10px;
  margin-bottom: 20px;
}
.proCatFeat span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  margin: 0 auto 10px auto;
  border: 1px solid var(--whiteColor);
}
.proCatFeat span img {
  width: 50%;
}

.proCategoryCard .cta {
  font-size: 12px;
}

@media (width > 991.99px) {
  .categorySwiper {
    margin-top: 20px;
  }

  .proCategoryCard {
    padding: 30px;
  }
  .proCatTitle h4 {
    font-size: 24px;
  }
  .proCategoryCard .cta {
    font-size: 14px;
  }
}
@media (width > 1200px) {
  .categoryListRow {
    margin-top: 2vw;
  }
  .categoryListRow .swiperBtnWrp:before {
    width: 5.365vw;
  }
  .categoryListSwiper .swiper-slide {
    padding: 0.5vw 1vw;
  }
  /* .categoryListSwiper {
    padding-right: 5vw;
  } */
  .categorySwiper {
    margin-top: 2.604vw;
  }
  .categorySwiper .swiper-slide {
    padding-bottom: 2vw;
  }
  .proCategoryCard {
    border-radius: 0.521vw;
    padding: 2.604vw;
  }
  .proCatTitle {
    margin-bottom: 2.083vw;
  }
  .proCatTitle h4 {
    font-size: 1.771vw;
  }
  .proCatFeat {
    margin-bottom: 4vw;
    font-size: 0.833vw;
  }
  .proCatFeat span {
    width: 3.125vw;
  }
}

/* Industrial product Section */

.industrialProduct {
  background: #e0f5ff;
  padding: 50px 0;
}

@media (width > 1200px) {
  .industrialProduct {
    padding: 5.208vw 0;
  }
  .industrialSwiper {
    margin-top: 2vw;
  }
}

/* Industrial product Section end */

/* BUSSINESS SECTION */
.businessLogo {
  border-radius: 5px;
  border: 1px solid rgba(34, 43, 72, 0.25);
  aspect-ratio: 3/1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.businessLogo img {
  width: 60%;
  height: 60%;
  object-fit: contain;
  filter: grayscale(100%);
  transition: all 0.3s ease-in-out;
}
.businessLogo:hover img {
  filter: grayscale(0);
}
.paintMetrialWrp {
  position: relative;
  z-index: -1;
}

.paintMetrialWrp:after {
  content: "";
  position: absolute;
  height: 1px;
  z-index: -1;
  background: rgba(34, 43, 72, 0.3);
}

@media (width > 768.99px) {
  .busiContainer {
    padding-bottom: 30px;
  }
  .paintMetrialWrp {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .paintMetrialWrp:after {
    left: 18%;
    right: 0;
    bottom: 20%;
  }
  .paintMetrialWrp img {
    width: 25%;
  }
}

@media (width > 991.99px) {
  .busiContainer {
    padding-bottom: 50px;
  }
}

@media (width < 768.99px) {
  .paintMetrialWrp img {
    width: 100px;
    margin: 0 auto;
    position: relative;
    background: var(--whiteColor);
  }
  .paintMetrialWrp:after {
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(34, 43, 72, 0.3);
  }
}

@media (width > 1200.99px) {
  .busiContainer {
    padding-bottom: 5vw;
  }
  .paintMetrialWrp:after {
    left: 20%;
  }
  .paintMetrialWrp img {
    width: 23.958vw;
  }
  .businessLogoRow {
    --bs-gutter-x: 1.042vw;
    --bs-gutter-y: 1.042vw;
  }
  .businessLogo {
    border-radius: 0.521vw;
  }
}

/* Popular Colours section */

.popColorCard {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  color: var(--whiteColor);
}

.popColorCard.popColorBlcCard {
  color: var(--secondaryColor);
}

.popColorCard .popColorPic {
  aspect-ratio: 4/3;
  position: relative;
}
.popColorCard .popColorPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.popColorCard:hover .popColorPic img {
  transform: scale(1.1);
}

.diamondVec {
  stroke-width: 3;
  stroke: #fff;
  width: 60px;
  filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.25));
  margin: -15% auto 0 auto;
  display: table;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15%;
  z-index: 1;
}
.popColorTxt {
  font-family: var(--fontUbuntu);
  font-weight: 500;
  padding: 20px;
  overflow: hidden;
  position: relative;
}

.popColorTxt h6 {
  font-size: 18px;
}
.popColorTxt i {
  display: block;
  font-size: 14px;
  font-style: normal;
}

.popColorTxt .arwBtn {
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  border: 1px solid var(--whiteColor);
  border-radius: 100%;
  background-image: url("../images/icons/white/rightArw.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30% 30%;
  transition: all 0.3s ease-in-out;
}
.popColorCard:hover .arwBtn {
  background-color: var(--whiteColor);
  background-image: url("../images/icons/black/rightArw.svg");
}

.popColorBlcCard .popColorTxt .arwBtn {
  border-color: rgba(34, 43, 72, 0.3);

  background-image: url("../images/icons/black/rightArw.svg");
}
.popColorBlcCard:hover .popColorTxt .arwBtn {
  background-image: url("../images/icons/white/rightArw.svg");
  background-color: var(--secondaryColor);
}
@media (width < 575.99px) {
  .instaSec .cta {
    margin: 20px auto 0 auto;
  }
}
@media (width > 575.99px) {
  .instaSec .cta {
    position: absolute;
    right: 0;
    top: 3%;
  }
}
@media (width > 1200px) {
  .colorCollSwiper {
    overflow: visible;
  }
  .colorCollSwiper {
    margin-top: 2.604vw;
  }
  .popColorCard {
    border-radius: 0.521vw;
  }
  .diamondVec {
    width: 5.208vw;
  }
  .popColorTxt {
    padding: 3vw 1.563vw 1.563vw 1.563vw;
  }
  .popColorTxt h6 {
    font-size: 1.25vw;
  }
  .popColorTxt i {
    font-size: 0.938vw;
  }
  .popColorTxt .arwBtn {
    width: 2.344vw;
  }
}

/* Inspiration BOOK */
.insBook {
  background: url("/images/insBookBg.png") repeat #fbf0e2;
  background-size: 30%;
  padding: 50px 0;
}
.colorTripLogo {
  width: 200px;
}
.insContent {
  opacity: 0;
  transform: translateX(-200px);
  transition: all 1s ease-in-out;
}
.swiper-slide-active .insContent {
  opacity: 1;
  transform: translateX(0);
}
.insColorWrp {
  opacity: 0;
  transform: translateY(200px);
  transition: all 1s ease-in-out;
}

.insColorWrp:nth-child(2) {
  transition-delay: 0.1s;
}
.insColorWrp:nth-child(3) {
  transition-delay: 0.2s;
}
.swiper-slide-active .insColorWrp {
  opacity: 1;
  transform: translateY(0);
}
.insContent h3 {
  color: #aa5a5a;
  font-size: 30px;
  font-family: var(--fontDM);
  margin-bottom: 15px;
}
.insContent p {
  margin-bottom: 10px;
}
.insContent p span {
  font-weight: 700;
}
.bookIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border: 1px solid rgba(34, 43, 72, 0.3);
  border-radius: 100%;
  width: 40px;
}
.bookIcon img {
  width: 50%;
}
.colorBoxInfo h6 {
  font-weight: 500;
  font-family: var(--fontUbuntu);
}
.colorBoxInfo h6,
.colorBoxInfo p {
  color: #222b48;
}
.colorBoxInfo span {
  width: 40px;
  aspect-ratio: 1/1;
  display: block;
  border-radius: 100%;
  margin: 20px auto;
}

@media (width < 575.99px) {
  .colorBoxInfo h6 {
    font-size: 12px;
  }
  .colorBoxInfo p {
    font-size: 10px;
  }
}
@media (width < 991.99px) {
  .insBookSwiper .swiper-pagination {
    position: relative;
    margin-top: 20px;
  }
}

@media (width > 1200.99px) {
  .insBook {
    padding: 5.208vw 0;
  }
  .colorTripLogo {
    width: 10.417vw;
  }
  .insContent h3 {
    font-size: 2.5vw;
  }

  .bookIcon {
    width: 2.76vw;
  }
  .insBookSwiper {
    margin-top: 2vw;
  }
  .colorBoxInfo span {
    width: 4.688vw;
  }
}

/* Instagram section */

.instaCard {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.instaCard img {
  aspect-ratio: 16/23;
  object-fit: cover;
}

@media (width < 575.99px) {
  .instaSec .cta {
    margin: 20px auto 0 auto;
  }
}
@media (width > 575.99px) {
  .instaSec .cta {
    position: absolute;
    right: 0;
    top: 3%;
  }
}
@media (width > 1200px) {
  .instaSwiper {
    overflow: visible;
  }
  .instaSwiper {
    margin-top: 2.604vw;
  }
  .instaCard {
    border-radius: 0.521vw;
  }
}
.proDetailBanner {
  z-index: 1;
  position: relative;
}

.proDetailBanner .productCard .productColor {
  border-radius: 0;
  height: 92%;
}

.proDetailBanner .productInfo ul li span {
  /* margin: 0; */
  border: 0;
  background: rgba(255, 255, 255, 0.3);
}
.proDetailBanner .productImg {
  margin: 0;
  padding: 0;
  position: relative;
}
.warrantyLabel {
  text-align: center;
  background: url(../images/icons/sheild.svg) no-repeat center;
  background-size: 100% 100%;
  width: 100px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.warrantyLabel h6 {
  font-weight: 700;
  line-height: 1;
  margin: 0;
  font-family: var(--fontUbuntu);
  font-size: 30px;
}
.warrantyLabel p {
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 4px;
  font-size: 12px;
}
.warrantyLabel p span {
  display: block;
  font-weight: 900;
  letter-spacing: 0;
  font-size: 10px;
}
.proDetailBanner .pulseAnim {
  left: 62%;
  bottom: 10%;
}
@media (width < 991.99px) {
  .proDetailBanner .productCard {
    padding-top: 100px;
    padding-bottom: 0;
  }
}
@media (width > 991.99px) {
  .proDetailBanner {
    height: 100vh;
  }
  .proDetailBanner .productCard {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    text-align: left;
    padding: 0;
  }
  .proDetailBanner .productInfo {
    padding-bottom: 9%;
    height: 100%;
  }
  .proDetailBanner .productInfo ul li {
    text-align: left;
  }
}
@media (width > 1200.99px) {
  .proDetailBanner .pulseAnim {
    width: 20%;
    left: 77%;
    bottom: 25%;
  }
  .proDetailBanner .productInfo h4 {
    font-size: 3.021vw;
    margin-bottom: 3vw;
  }
  .proDetailBanner .productInfo h4 span {
    font-size: 1.771vw;
  }
  .proDetailBanner .productInfo ul {
    --bs-gutter-x: 1.042vw;
    --bs-gutter-y: 2.604vw;
  }
  .proDetailBanner .productInfo ul li {
    font-size: 1.042vw;
  }
  .proDetailBanner .productInfo ul li span {
    width: 5.208vw;
  }
  .warrantyLabel {
    width: 10vw;
  }
  .warrantyLabel h6 {
    font-size: 3.854vw;
  }
  .warrantyLabel p span {
    font-size: 0.885vw;
  }
}

/* Product Description */

.proDesSection {
  text-align: center;
}
.proDesSection .cta {
  margin-top: 30px;
}
@media (width > 1200.99px) {
  .proDesSection .cta {
    margin-top: 3.125vw;
  }
}

/* Sizes */
.packSizeBox {
  aspect-ratio: 1/1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--fontUbuntu);
}
.packSizeBox::before {
  content: "";
  position: absolute;
  background: radial-gradient(
    44.54% 44.54% at 50.21% 55.46%,
    #fff 0%,
    #e0f5ff 100%
  );
  border-radius: 100%;
  z-index: -1;
}
.packSizeBox img {
  transform-origin: 50% 100%;
  opacity: 0.6;
}
.sizeRow .col-auto:nth-child(2) {
  transition-delay: 0.2s;
}
.sizeRow .col-auto:nth-child(3) {
  transition-delay: 0.4s;
}
.sizeRow .col-auto:nth-child(4) {
  transition-delay: 0.6s;
}
.sizeRow .col-auto:nth-child(1) .packSizeBox img {
  transform: scale(0.5);
}

.sizeRow .col-auto:nth-child(2) .packSizeBox img {
  transform: scale(0.8);
}
.sizeRow .col-auto:nth-child(3) .packSizeBox img {
  transform: scale(1.1);
}
.sizeRow .col-auto:nth-child(4) .packSizeBox img {
  transform: scale(1.3);
}

@media (width < 1200.99px) {
  .sizeRow {
    margin-top: 30px;
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
  .packSizeBox {
    width: 150px;
    padding-bottom: 30px;
  }
  .packSizeBox::before {
    inset: 5px;
  }
  .packSizeBox img {
    margin-bottom: 5px;
  }
}

@media (width > 1200.99px) {
  .sizeRow {
    margin-top: 2vw;
    --bs-gutter-x: 1.563vw;
  }
  .packSizeBox {
    width: 13.281vw;
    font-size: 1.25vw;
    padding-bottom: 2.5vw;
  }
  .packSizeBox::before {
    inset: 1vw;
  }
  .packSizeBox img {
    margin-bottom: 0.5vw;
  }
}

/*  */
.colorPallateSec {
  background: #fdf8f1;
}
.homeImg {
  object-fit: cover;
}
.colorRow {
  margin-bottom: 50px;
}
.colorBox {
  /* width: 50px; */
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 0;
  padding: 0;
  position: relative;
  display: block;
}

.colorBox:before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid var(--whiteColor);
  transform: scale(1.1);
  opacity: 0;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 29 22' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M9.975 21.0437L0 11.0688L2.49375 8.575L9.975 16.0562L26.0312 0L28.525 2.49375L9.975 21.0437Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.colorBox.active:before {
  transform: scale(1);
  opacity: 1;
}

.colorBox.active {
  box-shadow:
    0 0 0 3px #fff,
    0 0 10px rgba(0, 0, 0, 0.2);
}
@media (width < 991.99px) {
  .homeImg {
    align-self: 12/7;
  }
  .cpContainer {
    padding: 5% 0;
  }
}
@media (width > 991.99px) {
  .homeImg {
    height: 100%;
  }
  .cpContainer {
    padding: 10%;
  }
}
@media (width > 1200.99px) {
  .cpContainer {
    padding: 4.688vw;
  }
  .colorRow {
    margin-bottom: 3vw;
    --bs-gutter-x: 0.625vw;
    --bs-gutter-y: 0.625vw;
  }
  .colorBox {
    /* width: 4vw; */
    border-radius: 0.208vw;
  }
}

/*  */
.clrInsBox {
  border-radius: 10px;
  overflow: hidden;
}
.clrInsBox img {
  aspect-ratio: 9/5;
  object-fit: cover;
  height: auto;
}
@media (width > 991.99px) {
  .clrInsSwiper {
    overflow: visible;
  }
  .clrInsSwiper .swiper-slide {
    width: 50.521vw;
  }
}

@media (width > 1200.99px) {
  .clrInsSwiper {
    margin-top: 2vw;
  }
  .clrInsBox {
    border-radius: 0.521vw;
  }
}

/* How to Apply */
.processSwiper {
  margin-top: 30px;
  overflow: visible;
  position: relative;
}
.processSwiper .swiper-slide {
  position: relative;
  width: 250px;
}
.processSwiper .swiper-slide:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 30%;
  width: 100%;
  height: 2px;
  border: dashed 2px rgba(17, 17, 17, 0.3);
  z-index: -1;
}
.processSwiper .swiper-slide:last-child:before {
  display: none;
}

.processSwiper .swiper-slide:after {
  content: "";
  width: 35px;
  aspect-ratio: 1/1;
  background: url(../images/icons/black/rightArw.svg) var(--whiteColor)
    no-repeat center;
  background-size: 30% 30%;
  position: absolute;
  left: 70%;
  top: 33px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.processSwiper .swiper-slide:last-child:after {
  display: none;
}

.processCard span {
  display: block;
  width: 100px;
  border-radius: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.processCard span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.processTxt {
  padding: 0 0 0 10px;
  text-align: left;
}
.processTxt h4 {
  font-family: var(--fontUbuntu);
  font-weight: 500;
  color: var(--secondaryColor);
  font-size: 20px;
  margin-top: 15px;
}
.processTxt p:last-child {
  margin-bottom: 0;
}
@media (width > 991.99px) {
  .processSwiper .swiper-slide:after {
    left: 210px;
  }
  .processTxt {
    text-align: center;
    padding: 0 30px;
  }
  .processCard span {
    margin: 0 auto;
  }
}

@media (width > 1200.99px) {
  .processSwiper {
    margin-top: 3vw;
  }

  .processSwiper .swiper-slide:before {
    top: 6vw;
    left: 50%;
  }
  .processSwiper .swiper-slide:after {
    left: 19.5vw;
    top: 4.4vw;
    width: 3.281vw;
  }
  .processCard span {
    width: 12.5vw;
    margin-bottom: 3.125vw;
  }
  .processTxt {
    padding: 0 1vw;
  }
  .processTxt h4 {
    font-size: 1.771vw;
    margin-bottom: 1vw;
  }
}

/*  */
@media (width > 991.99px) {
  .relatedProSwiper {
    overflow: visible;
  }
}

@media (width > 1200.99px) {
  .relatedProSwiper {
    margin-top: 2vw;
  }
}

.advertisementWrp {
  position: relative;
  z-index: 1;
}
.advertisementWrp::before {
  content: "";
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  bottom: 0;
  background: url(../images/advertisement.jpg) no-repeat center;
  background-size: cover;
  z-index: -1;
  overflow: hidden;
  border-radius: 10px;
}

@media (width < 1200.99px) {
  .advMen {
    width: 300px;
  }
  .advContent {
    margin-top: 40px;
    padding-right: 20px;
  }
}
@media (width < 768.99px) {
  .advMen {
    margin: 0 auto;
  }
  .advContent {
    margin: 0;
    background: var(--blueColor);
    padding: 30px;
    text-align: center;
    border-radius: 0 0 10px 10px;
  }
  .advContent .title h2 {
    color: var(--whiteColor);
  }
  .advContent .cta {
    margin: 0 auto;
  }
}
@media (width > 1200.99px) {
  .advertisementWrp::before {
    border-radius: 0.521vw;
  }

  .advMen {
    width: 24.74vw;
  }

  .advContent {
    margin-top: 5vw;
    padding-right: 2vw;
  }
}

/* Contact US PAGE */
.aboutPage {
  background: var(--blueColor);
  color: var(--whiteColor);
  padding: 25px 0;
}
.pageName {
  font-weight: 500;
  font-family: var(--fontUbuntu);
  font-size: 18px;
  line-height: 1;
}
.reachOutBox {
  background: var(--blueColor);
  color: var(--whiteColor);
  padding: 30px 15px;
  border-radius: 10px;
}
.reachOutBox h4 {
  font-family: var(--fontUbuntu);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 20px;
}
.reachList {
  --bs-gutter-y: 20px;
}
.reachList li span {
  background: var(--whiteColor);
  border-radius: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  width: 30px;
  justify-content: center;
}
.reachList li span img {
  width: 40%;
}
.reachList li h6 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  font-family: var(--fontUbuntu);
}
.reachList li p {
  margin-top: 15px;
  margin-bottom: 0;
}
.reachList .row {
  --bs-gutter-x: 10px;
}
.contactForm {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 30px 15px;
}
.contactForm form.row {
  --bs-gutter-x: 15px;
  --bs-gutter-y: 15px;
}
.contactForm h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-family: var(--fontUbuntu);
  font-weight: 500;
  color: var(--secondaryColor);
  font-size: 20px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.contactForm form .form-control {
  border-radius: 4px;
  border: 1px solid rgba(170, 170, 170, 0.5);
  height: 45px;
  font-size: 14px;
}
.contactForm form .form-control:focus {
  box-shadow: none;
}
.contactForm form textarea.form-control {
  height: 130px;
}
.contactForm form button.cta {
  background: transparent;
  display: table;
  margin: 25px auto 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

@media (width < 575.99px) {
  .pageName  {
    margin-bottom: 15px;
  }
}

@media (min-width: 1200.99px) {
  .aboutPage {
    padding: 1.823vw 0;
  }
  .pageName {
    font-size: 1.25vw;
  }
  .contactIntro {
    margin-bottom: 2.865vw;
  }
  .contactIntro p {
    font-size: 1.25vw;
  }
  .reachOutBox {
    padding: 2.344vw;
    border-radius: 10px;
  }
  .reachOutBox h4 {
    font-size: 1.25vw;
    padding-bottom: 1.302vw;
    margin-bottom: 1.302vw;
  }
  .reachList {
    --bs-gutter-y: 1.458vw;
  }
  .reachList .row {
    --bs-gutter-x: 1vw;
  }
  .reachList li span {
    width: 2.344vw;
  }
  .reachList li p {
    margin-top: 0.8vw;
  }
  .contactForm {
    padding: 2.344vw 1.823vw;
  }
  .contactForm form.row {
    --bs-gutter-x: 1.042vw;
    --bs-gutter-y: 1.042vw;
  }
  .contactForm h4 {
    padding-bottom: 1.302vw;
    margin-bottom: 1.302vw;
    font-size: 1.25vw;
  }
  .contactForm form .form-control {
    height: 3.125vw;
    font-size: 0.9vw;
  }
  .contactForm form textarea.form-control {
    height: 9.375vw;
  }
  .contactForm form button.cta {
    padding-left: 4vw;
    padding-right: 4vw;
    margin-top: 2vw;
  }
}

.locationWrp {
  background: #e0f5ff;
  padding: 50px 0;
}
.locationCard {
  background: var(--whiteColor);
  border-radius: 10px;
  padding: 20px;
  transition: all 0.3s ease-in-out;
  height: 100%;
}
.locationCard:hover {
  background: var(--blueColor);
  color: var(--whiteColor);
}
.locationCard .locateNameRow {
  border-bottom: 1px solid #aaa;
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.locationCard:hover .locateNameRow {
  border-color: #fff;
}
.locationCard .locateNameRow h4 {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: flex;
  gap: 5px;
  font-size: 14px;
}
.locationCard .locateNameRow h4:before {
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  background: url(../images/icons/blue/location.svg) no-repeat center;
  background-size: 100% 100%;
}
.locationCard:hover .locateNameRow h4:before {
  background: url(../images/icons/white/location.svg) no-repeat center;
  background-size: 100% 100%;
}
.locateNameRow a {
  font-size: 12px;
}
.locationCard ul li {
  margin-bottom: 15px;
}
.locationCard ul li:last-child {
  margin-bottom: 0;
}
.locationCard ul li h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.locationCard ul li p:last-child {
  margin-bottom: 0;
}

.locationSwiper .swiper-scrollbar-drag:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  aspect-ratio: 1/1;
  background: var(--blueColor) url(../images/icons/white/longRightArw.svg)
    no-repeat center;
  background-size: 50% 50%;
  cursor: pointer;
  border-radius: 100%;
  z-index: -1;
  transform: translateY(-50%);
}

@media (width > 1200.99px) {
  .locationWrp {
    padding: 5.208vw 0;
  }
  .locationSwiper {
    margin-top: 4vw;
  }
  .locationCard {
    padding: 2.083vw;
    border-radius: 0.521vw;
  }
  .locationCard .locateNameRow {
    padding-bottom: 1.302vw;
    margin-bottom: 1.302vw;
  }
  .locationCard .locateNameRow h4 {
    font-size: 1.25vw;
  }
  .locationCard .locateNameRow h4:before {
    width: 1vw;
  }
  .locateNameRow a {
    font-size: 0.938vw;
  }
  .locationCard ul li {
    margin-bottom: 1.5vw;
  }
  .locationCard ul li h6 {
    font-size: 1.042vw;
  }
}

/* About page */

.journeyPic {
  border-radius: 10px;
}

.visionWrp {
  padding: 50px 0 30px 0;
  background-position: bottom;
  background-size: cover;
}
.visionWrp .title {
  margin-bottom: 30px;
}

.manResSection {
  background: #d3f0ff;
  padding: 50px 0;
}
@media (width > 1200.99px) {
  .journeyPic {
    border-radius: 0.521vw;
  }
  .visionWrp {
    padding: 5.208vw 0 2vw 0;
  }
  .visionWrp .title {
    margin-bottom: 2vw;
  }
  .manResSection {
    padding: 5.208vw 0;
  }
}

/* Become a dealer page */

.page-template-become-dealer .innerBannerTxt {padding: 0;}

.badForm {
  border-radius: 10px;
  background: #fff;
  padding: 30px 0;
}
.badForm h4 {
  color: #222b48;
  font-size: 20px;
  font-family: var(--fontUbuntu);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin-bottom: 20px;
}
.badForm h4 span {
  font-weight: 700;
}
.badFormRow {--bs-gutter-y:15px;}
.badForm .form-control {
  border: 1px solid #aaa;
  border-radius: 5px;
  font-size: 14px;
  color: #727272;
  font-weight: 400;
  height: 45px;
}
.badForm .form-control:focus {outline: none; box-shadow: none;}
.badForm .checkSpan {
  color: rgba(64, 73, 78, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 991px) {
   .page-template-become-dealer .innerBanner {height: auto; padding-top: 80px;}
      .page-template-become-dealer  .innerBannerTxt {position: relative;}
}

@media (min-width: 991px) {
.badForm {   position: absolute;
    right: 5%;     bottom: 3.646vw; 
    max-width: 28.646vw;}

          .page-template-become-dealer .sideImgCol {margin-left: -25vw; width: 90%;}

          /* .page-template-become-dealer .innerBannerTxt {align-items: start;} */


}


@media (min-width: 1200px) {
.badForm {
    border-radius: 0.521vw;
    padding: 2.083vw 1.563vw;
 

  }
  .badForm .container {padding: 0;}
   .badForm h4 {
    font-size: 1.25vw;
    margin-bottom: 1.302vw;
    line-height: 1.875vw;
  }
   .badForm .form-control{
    border-radius: 0.521vw;
   height: 3.125vw;
    font-size: 0.9vw;
  }
 
}

.benefitBox {text-align: center;}
.benefitimgbox img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  aspect-ratio: 4/2.5;
}
.benefitBox h6 {
  color: #222b48;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--fontUbuntu);
  letter-spacing: -0.02em;
  margin-top: 30px;
  line-height: 1.2;
}
@media (min-width: 1200px) {

  .page-template-become-dealer .innerBannerTxt  h1 {margin-top: 5vw;}
  .sideImgCol {margin-left: -6vw;}

  .benefitSwiper {margin-top: 2vw;}
  .benefitBox h6 {
    font-size: 1.25vw;
    margin-top: 1.563vw;
  }
  .benefitimgbox img {
    border-radius: 0.521vw;
  }
}

.wpcf7-acceptance .wpcf7-list-item {margin: 0; font-size: 20px;}