.container {
  max-width: 2855px;
  width: 100%;
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto;
  margin-left: auto;
}
.top_content .upcy-logo {
  width: 100%;
  padding: 0 5vw 1vw 5vw;
}
.products-block.head img {
  padding: 0 10vw 0 9vw;
  width: 83%;
  margin-top: 4.427vw;
  margin-left: 20.094vw;
  z-index: 999;
}
.products-block.image img {
  padding: 0 9.8vw 0 10.2vw;
  width: 92%;
  margin-top: -2.24vw;
  z-index: 99;
}
.brand_strips {
  border-radius: 10px;
}

.brand_demand {
  backdrop-filter: blur(30px);
  background: #ffffff59;
  border-radius: 10px 0px 0px 10px;
}

.brand_collection {
  background: #ffffffb0;
  backdrop-filter: blur(15px);
  font-size: 1vw;
  font-weight: 800 !important;
  border-radius: 0px 10px 10px 0px;
}

.landing-background {
  background-image: url("../img/brand_banner.webp");
}
.linear-gredient {
  background-image: url("../img/whole_bg_image.webp");
  margin-top: -200px;
  padding-top: 200px;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.cust-card {
  position: relative;
  margin-top: 34%;
  width: 100%;
  padding: 40px;
  background: #ffffff00 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff00;
  opacity: 1;
  backdrop-filter: blur(8px) brightness(1.2);
  -webkit-backdrop-filter: blur(8px) brightness(1.2);
  border-radius: 30px;
  box-shadow: 0px 0px 20px #00000029;
}

.blur_logo {
  height: 6rem;
}

.f-w {
  font-weight: 700;
}

.bottom-content {
  color: black;
}

.brand_reviews {
  color: #fff;
}

.brand_h6,
.brand_bold {
  font-size: 2.2vw;
}

.brand_h3 {
  font-size: 2vw !important;
}

.brand_reviews h6 small {
  font-size: 1vw !important;
}

/********* Feature Section ************/
.feature-row {
  margin: 0 0 24.7rem 0;
}
.feature-row.last {
  padding-bottom: 24.7rem;
  margin: 0;
}
.feature-img-block.left {
  padding-left: 7.292vw;
  margin-right: -1.042vw;
  padding-right: 0px;
}
.feature-img-block.right {
  padding-left: 0px;
  padding-right: 4.688vw;
  text-align: right;
}
.feature-img-block img {
  width: 96.4%;
  height: auto;
}
.feature-img-block.right img {
  padding-left: 2.604vw;
}

.feature-content-block.left {
  padding-left: 7.292vw;
  margin-right: -1.042vw;
}
.feature-content-block.right {
  padding-right: 4.688vw;
}
.content-box-section {
  background: #ffffff59 0% 0% no-repeat padding-box;
  border-radius: 20px;
  opacity: 100%;
  backdrop-filter: blur(10px) brightness(1.1);
  height: 100%;
  padding: 1.1vw 2.24vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content-box-section.reverse {
  height: 76%;
}
.content-box-section.left {
  margin-right: -50px;
}

.content-head-text {
  text-align: left;
  font-size: 4.1rem;
  line-height: 4.1rem;
  font-weight: 500;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.content-head-text.dashboard {
  color: #7e84a3;
}
.content-head-logo img {
  width: 6vw;
  height: auto;
}
.content-text {
  padding-bottom: 2vw;
}
.content-text.reverse {
  padding-bottom: 10vw;
}
.content-text p {
  text-align: left;
  font: normal normal normal 2.2rem/2.7rem Montserrat;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.content-text.dashboard p {
  color: #7e84a3;
}
/******* Feature Section End **********/

/*Media query*/

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

 
  .row {
    margin: 0 !important;
  }
  p {
    font-size: 2.2vw !important;
  }
  .pl-5,
  .px-5 {
    padding-left: 1rem !important;
  }
}

/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) and (max-width: 768px) {
  html {
    font-size: 30%;
  }
  .brand_reviews h6 small {
    font-size: 2vw !important;
  }
  .brand_h6,
  .brand_bold {
    font-size: 4.2vw;
  }
  .brand_h3 {
    font-size: 3vw !important;
  }
  
  .cust-card {
    height: 60vw;
  }
  .row {
    margin: 0 !important;
  }
  
  p {
    font-size: 3vw !important;
  }
  .pl-5,
  .px-5 {
    padding-left: 1rem !important;
  }

  .feature-row {
    margin: 0 0 24.7rem 0 !important;
  }
  .content-text.reverse {
    padding-bottom: 2vw;
  }
  .content-header-section {
    margin-bottom: 3rem !important;
  }
  .products-block.head img {
    margin-top: 15.427vw;
  }
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
  /****************** Features Section ******************/
  .feature-img-block.left {
    margin-right: 0;
    padding: 0 9vw;
  }
  .feature-img-block.right {
    padding: 1vw 9vw;
    text-align: center;
  }
  .feature-img-block img {
    width: 100%;
  }
  .feature-img-block.right img {
    padding-left: 0;
  }
  .feature-content-block {
    margin-top: 10vw;
  }
  .feature-content-block.left {
    padding: 0 9vw;
    margin-right: 0;
  }
  .feature-content-block.right {
    padding-right: 0;
    padding: 0 9vw;
  }
  .content-box-section.reverse {
    height: 100%;
  }
  .content-box-section {
    padding: 4vw 4vw;
  }
  .content-box-section.left {
    margin-right: 0;
  }
  .content-header-section {
    margin-bottom: 2rem;
  }

  /* Features Section end */
}

/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
  .cust-card {
    margin-top: 20%;
  }
}

@media screen and (min-width: 767px) and (max-width: 1366px) {
  .col-md-8.col-sm-12.pl-5 {
    padding-top: 2vw !important;
  }
  .col-md-8.col-sm-6.pt-5 {
    padding-top: 1vw !important;
  }
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  html {
    font-size: 40%;
  }
}

@media only screen and (min-width: 1024px) {
  html {
    font-size: 45%;
  }
  /* Styles */
}
/* Desktops and laptops ----------- */

@media only screen and (min-width: 1200px) {
  html {
    font-size: 50%;
  }
}

/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
  html {
    font-size: 10px;
  }
  .second-word {
    font-size: 1.5rem;
    color: black;
  }
  .blur_logo {
    height: 90px;
    margin-top: 60px;
  }
  .third-word {
    font-size: 48px;
    color: black;
  }
  .bottom-content {
    color: black;
    padding-top: 55px;
  }
  .forth-word {
    font-size: 22px !important;
  }
  .fifth-word {
    font-weight: bolder;
  }
  .top_content {
    padding-top: 35px;
  }
  .cust-card {
    margin-top: 30%;
    height: 567px;
  }
}

h3 {
  font-size: 2.2rem;
  margin-bottom: 0rem !important;
}