body {

  font-family: Arial, sans-serif;

  margin: 0;

  padding: 0;

  background-color: rgb(255, 255, 255);

  font-family: "Poppins";

}



html,

body {

  margin: 0;

  padding: 0;

  overflow-x: hidden; /* Prevent horizontal scrolling */

}



* {

  font-family: "Poppins";

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



header {

  background-color: white;

}



img,

button {

  cursor: pointer;

}

img {

  max-width: 100%;

  height: auto;

}



ul,

li {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

  color: inherit;

}



/* header Css start -->>>>> */



.top-banner {

  background-color: #000;

  color: #fff;

  padding: 10px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.sale-container {

  max-width: 1240px;

  margin: 0 auto;

  width: 100%;

  text-align: center;

  position: relative;

}



.top-banner p {

  margin: 0;

  font-size: 0.9em;

}



.top-banner a {

  color: #fff;

  text-decoration: underline;

}



.top-banner .close-btn {

  cursor: pointer;

  font-size: 1.2em;

}



.close-btn {

  position: absolute;

  right: 0;

  vertical-align: middle;

  top: -4px;

}



.main-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px;

  max-width: 1240px;

  margin: 0 auto;

}



.logo h1 {

  margin: 0;

  font-weight: 800;

  letter-spacing: -2px;

}



.nav-menu ul {

  list-style: none;

  display: flex;

  padding: 0;

  margin: 0;

}



.nav-menu ul li {

  margin: 0 15px;

}



.nav-menu ul,

.shop {

  justify-content: center;

  display: flex;

  align-items: center;

}



.nav-menu ul li a {

  text-decoration: none;

  color: #333;

  font-size: 1em;

}



.search-bar input {

  padding: 10px;

  border: none;

  border-radius: 20px;

  width: 100%;

  padding-left: 30px;

  background: #f0f0f0;

}



.search-bar {

  position: relative;

  width: 450px;

}



.svg-search {

  position: absolute;

  height: 100%;

  left: 5px;

}



.icons {

  display: flex;

  align-items: center;

}



.icons .icon {

  width: 24px;

  height: 24px;

  margin-left: 20px;

  cursor: pointer;

}


/*=============================Deb=start====================================*/

ul.product-container li.product{width: 24%; float: left; margin: 0 0.5% 0 0.5%;}

img.product-img{height: 450px; width: 100%;}

section.pdp-main-section .large-image{float: left;}
section.pdp-main-section .large-image img{width: 100%;}
section.pdp-main-section .small-image{width: 40%; float: left; text-align: left; justify-content: inherit;}

section.pdp-main-section .pdp-image-conatiner-main{float: left;}
section.pdp-main-section .pdp-product-deatils{float: left; justify-content: inherit;}


/*===============================Deb=end=======================================*/

.cart-icon {

  margin-right: 5px;

}



.mobile-menu {

  display: none;

}



/* header Css END ->>>>*/



/* banner css */

.banner-container {

  height: 495px;

  background-color: #f2f0f1;

}



.banner-width {

  max-width: 1240px;

  margin: auto;

  position: relative;

  height: 100%;

}



.banner-text {

  position: absolute;

  width: 55%;

  display: flex;

  flex-direction: column;

  height: 100%;

  /* justify-content: space-evenly; */

  z-index: 1;

}



.banner-text .main-text {

  font-weight: bold;

  font-size: 64px;

  line-height: 64px;

  letter-spacing: -5px;

  margin-top: 50px;

}



.banner-text .main-text p {

  margin: 0;

}



.banner-text .description {

  color: rgba(0, 0, 0, 0.6);

  width: 85%;

}



.banner-text .button button {

  padding: 16px 54px;

  background-color: black;

  color: white;

  border: none;

  border-radius: 999px;

  font-weight: 500;

}



.banner-text .details {

  display: flex;

  text-align: center;



  margin: 30px 0;

}



.banner-text .details > div {

  border-right: 1px solid lightgrey;

  margin-right: 15px;

  padding-right: 15px;

}



.banner-text .details > div:last-child {

  border: none;

}



.banner-text .details h3,

.banner-text .details p {

  margin: 0;

}



.banner-text .details h3 {

  font-size: 30px;

}

.banner-text .details p {

  font-size: 15px;

  color: rgba(0, 0, 0, 0.6);

}



.banner {

  background-image: url("./images/home-banner.png");

  background-size: cover;

  height: 100%;

  background-repeat: no-repeat;

  position: relative;

}



.vector-one {

  position: absolute;

  right: 0;

  top: 25px;

}



.vector-two {

  position: absolute;

  position: absolute;

  right: 41%;

  width: 50px;

  top: 50%;

}



/*brand cointainer ends*/



.brand-section {

  background-color: #000;

}



.brand-container {

  max-width: 1240px;

  margin: auto;

}



.brand {

  display: flex;

  padding: 30px 0;

  justify-content: space-between;

}



/* brand cointainer ends */



/* new arrival, top-selling */

.new-arrivals-section,

.top-sell-section {

  max-width: 1240px;

  margin: 0 auto;

  padding-bottom: 50px;

  border-bottom: 1px solid lightgray;

}



.new-arrivals-section,

.top-sell-section {

  text-align: center;

}



.product-container {

  display: flex;

  list-style-type: none;

  padding: 0;

  margin: 0;

  justify-content: space-between;

  margin: 30px 0px;

}



.product {

  text-align: left;

}



.product-name {

  font-weight: 600;

  margin-bottom: 5px;

}



.product-price span {

  margin: 5px;

  font-weight: 600;

  font-size: 20px;

}



.product-price {

  display: flex;

}



.old-price {

  color: lightgray;

  text-decoration: line-through;

}



.discount {

  margin: 5px;

  background: #fbc4cc;

  width: 33px;

  border-radius: 99px;

  border: none;

  padding: 2px 5px;

  text-align: center;

}



.discount span {

  font-size: 12px;

  color: red;

  margin: 0;

}



.button-sell {

  padding: 16px 54px;

  background-color: white;

  border-radius: 99px;

  border: 1px solid lightgray;

  cursor: pointer;

}



.new-arrivals-container h1,

.top-sell-container h1 {

  font-size: 48px;

  font-weight: 900;

}



.top-sell-section {

  border-bottom: none;

}



/* new arrival , top selling ends */



/* dress style section  start */

.dress-style-section {

  max-width: 1240px;

  margin: 20px auto;

}



.dress-style-container {

  height: 830px;

  width: 100%;

  background-color: rgba(198, 186, 157, 1);

  border-radius: 30px;

}



.dress-style-container h1 {

  text-align: center;

  font-size: 48px;

  font-weight: 900;

  padding-top: 60px;

}



.row-one,

.row-two {

  display: flex;

  gap: 25px;

  margin: 0 60px;

}



.row-two {

  justify-content: space-between;

}



.row-one img,

.row-two img {

  border-radius: 20px;

}



.row-one {

  margin-bottom: 25px;

}



/* dress section ends */



/* customer review start  */

.customer-review-section {

  max-width: 1240px;

  margin: 20px auto;

  padding-bottom: 50px;

}



.review-container {

  border: 1px solid lightgray;

  padding: 25px;

  border-radius: 25px;

}



.tittle-review {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.tittle-review h1 {

  font-size: 48px;

  font-weight: 900;

}



.name-container {

  display: flex;

  align-items: center;

  gap: 5px;

}



.name-container p {

  font-size: 20px;

  font-weight: 700;

  margin: 5px 0;

}

.name-container img {

  width: 20px;

  height: 20px;

}



.review-desc p {

  margin: 5px 0;

  color: rgba(0, 0, 0, 0.6);

}



.parent-review {

  display: flex;

  gap: 20px;

}



/* review section ends here  */



/* footer section start  */



.footer-top {

  max-width: 1240px;

  margin: auto;

  background-color: #000;

  display: flex;

  border-radius: 30px;

  position: absolute;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

}



.footer-des {

  color: white;

  font-size: 40px;

  font-weight: 800;

  padding: 30px 50px;

  width: 60%;

}



.footer-des p {

  margin: 0;

}



.sub-newsletter {

  display: flex;

  flex-direction: row;

  position: relative;

}



.email-input {

  padding: 12px 16px;

  border: none;

  background-color: white;

  border-radius: 20px;

  width: 330px;

  padding-left: 50px;

}



.button-email {

  padding: 12px 16px;

  border: none;

  background-color: white;

  border-radius: 20px;

}



.footer-email {

  display: flex;

  flex-direction: column;

  width: 330px;

  justify-content: center;

  gap: 10px;

}



.email-icon {

  position: absolute;

  padding: 14px;

}



.footer-parent-conatiner {

  background-color: rgba(198, 186, 157, 1);

  padding-bottom: 50px;

}



.footer-container {

  max-width: 1240px;

  margin: 0 auto;

  padding-top: 100px;

}



.footer-top-container {

  position: relative;

  margin-top: 120px;

}



.main-content {

  display: flex;

  padding-bottom: 30px;

  border-bottom: 1px solid #10101021;

}



.brand-deatils {

  width: 30%;

}



.brand-deatils h1 {

  font-size: 48px;

  font-weight: 900;

  margin: 0;

}



.brand-deatils p {

  font-size: 14px;

  color: rgba(0, 0, 0, 0.6);

  margin-bottom: 40px;

}



.footer-details {

  width: 70%;

  display: flex;

  justify-content: space-between;

  margin-top: 10px;

}



.footer-details li {

  color: rgba(0, 0, 0, 0.6);

  font-size: 13px;

  margin-bottom: 18px;

}



.footer-details h2 {

  color: #000;

  font-weight: 600;

  font-size: 15px;

}



.company-drop,

.help-drop,

.faq-drop,

.resources-drop {

  margin-top: 25px;

}



.rights {

  display: flex;

  justify-content: space-between;

  margin-top: 20px;

}



.right-recived p {

  margin-top: 5px;

  color: rgba(0, 0, 0, 0.6);

  font-size: 13px;

}

.cat-parent-container{width: 100%;}
.filter-parent{ width: 20%; float: left; }
.productlist-category{ width: 78%; float: left; }


/* CSS FOR PDP */



.pdp-main-section {

  max-width: 1240px;

  border-top: 1px solid #e0e0e0;

  margin: 0 auto;

  padding-top: 20px;

}



.pdp-container {

  display: flex;

  gap: 20px;

  padding-top: 20px;

}



.pdp-image-conatiner-main {

  display: flex;

  width: 50%;

}



.small-image {

  /* width: 100%; */

  align-items: center;

  text-align: left;

  display: flex;

  flex-direction: column;

  gap: 10px;

  justify-content: space-between;

  margin-right: 20px;

}

.large-image {

  width: 100%;

}



.large-image img {

  object-fit: cover;

  height: 100%;

  max-width: fit-content;

}



.pdp-product-deatils {

  width: 45%;

  margin-left: 15px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.pdp-name {

  font-weight: bolder;

  font-size: 40px;

  margin-top: 0;

}



.pdp-description {

  border-bottom: 1px solid #e0e0e0;

  padding-bottom: 10px;

}



.pdp-button {

  padding: 12px 24px 12px 24px;

  background-color: rgba(240, 240, 240, 1);

  color: rgba(0, 0, 0, 0.6);

  border: none;

  border-radius: 999px;

  font-weight: 500;

}



.pdp-button.selected {

  color: white;

  background-color: #000;

}



.color-container p,

.size-container p {

  color: rgba(0, 0, 0, 0.6);

  font-size: 14px;

}



.add-to-cart-btn {

  padding-top: 20px;

  display: flex;

  gap: 20px;

}



.pdp-button.add-to {

  width: 100%;

}



/* ENDS PRODUCT DETAIL   */



/* START REVIEW  */



.review-heading-main-section {

  max-width: 1240px;

  margin: 0 auto;

  padding-top: 20px;

  border-bottom: 1px solid #10101021;

}



.tittle-holder {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  width: 80%;

  align-items: baseline;

  margin: auto;

}



.p-des p {

  color: rgba(0, 0, 0, 0.6);

  font-size: 14px;

}



.p-rating {

  color: #000;

  font-weight: bold;

  border-bottom: 2px solid black;

  width: 40%;

  text-align: center;

}



.p-rating p {

  color: #000;

}



.review-container-parent {

  max-width: 1240px;

  margin: 0 auto;

  padding-top: 20px;

}



.heading-review {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}



.pdp-review {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  padding-top: 20px;

}



.parent-btn {

  text-align: center;

  padding-top: 30px;

}



/* END REVIEW    */



/* ----------------------------------------------------  starting category page ----  */



.category-main-section {

  border-top: 1px solid #10101021;

  max-width: 1240px;

  margin: 0 auto;

  padding: 30px 0;

}



.category-main-section p {

  color: rgba(0, 0, 0, 0.6);

}



.category-main-section .product-name {

  color: #000;

}



.filter-parent {

  border: 1px solid #10101021;

  border-radius: 20px;

  padding: 15px;

  max-width: 15.5rem;

  height: 100%;

}



.tittle {

  display: flex;

  justify-content: space-between;

  padding-bottom: 10px;

  align-items: center;

}



.tittle p {

  margin: 0;

  font-size: 20px;

  font-weight: 700;

  color: #000;

}



.tittle.parent {

  border-bottom: 1px solid #10101021;

  padding-bottom: 10px;

}



.cat-list ul {

  display: flex;

  flex-direction: column;

  padding: 10px 0;

}



.cat-list li {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.cat-list p {

  margin: 5px 0;

}



.cat-list {

  padding-bottom: 10px;

  border-bottom: 1px solid #10101021;

}



.slider,

.color-filer,

.size-filter,

.dress-style {

  padding: 20px 0;

  border-bottom: 1px solid #10101021;

}



.dress-style .cat-list ul {

  padding-top: 0;

}



.dress-style {

  border: none;

}



.mr-5 {

  margin-right: 5px;

}



.m-b-5 {

  margin: 5px 5px 5px 0;

}



.w-100 {

  width: 100%;

}



.product-cat-list {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 20px;

  margin-top: 10px;

}



.cat-parent-container {

  padding-top: 20px;

  display: flex;

  justify-content: space-between;

}



.tittle-span {

  display: inline-flex;

  align-items: center;

}



.pagination {

  border-top: 1px solid #10101021;

  padding-top: 20px;

  display: flex;

  justify-content: space-between;

}



/* responsive start                 -------------------------------   */



/* responsive start header  */

@media screen and (max-width: 768px) {

  .mobile-menu {

    display: block;

    justify-content: center;

    display: flex;

    margin-right: 10px;

  }

  .nav-menu {

    display: none;

  }



  .search-bar input {

    width: 90%;

  }



  .search-bar {

    width: 300px;

    margin-right: 10px;

  }



  .logo {

    display: flex;

    text-align: center;

    align-items: center;

  }

}



@media screen and (max-width: 500px) {

  .search-bar {

    width: 100px;

    margin-right: 20px;

  }



  .top-banner {

    padding: 5px;

    display: block;

  }



  .top-banner p {

    font-size: 12px;

  }



  .main-header {

    padding: 2px 10px;

  }

}



/* responsive header end   */



/* responsive banner-container  start */



@media screen and (max-width: 768px) {

  .banner-container {

    height: 300px;

  }



  .banner {

    background-position: center;

    /* background-size: contain;

    height: 200px; */

  }



  .banner-text .main-text {

    font-size: 30px;

    line-height: 1;

    letter-spacing: 0;

    margin-top: 15px;

  }

  .description {

    font-size: 11px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .banner-text .button button {

    padding: 7px 15px;

    font-size: 10px;

  }

  .banner-text .details {

    margin: 5px 0;

  }

  .banner-text .details > div {

    margin-right: 2px;

    padding-right: 2px;

  }

  .banner-text .details h3 {

    font-size: 14px;

  }

  .banner-text .details p {

    font-size: 10px;

  }

  .banner-text {

    justify-content: space-evenly;

    padding-left: 10px;

    width: 70%;

  }

  .banner .vector-one {

    display: none;

  }

}



@media screen and (max-width: 500px) {

  .banner-text {

    width: 100%;

  }

}



/* responsive banner-container  end */



/* brand-container responsive start   */



@media (max-width: 768px) {

  .brand-container .brand img {

    height: 30px !important;

    margin-right: 20px;

    padding-top: 10px;

  }

  .brand {

    padding: 20px 15px;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    padding-top: 10px;

  }

}



@media (max-width: 500px) {

  .brand-container .brand img {

    margin-right: 10px;

  }

}



/* brand-container responsive end   */



/* new-arrival responsive start   */



@media screen and (max-width: 768px) {

  .new-arrivals-container h1,

  .top-sell-container h1 {

    font-size: 30px;

  }



  .product-container {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 10px;

    padding: 0 10px;

  }



  /* .product {

    margin: auto;

  } */

  .new-arrivals-container,

  .top-sell-container {

    padding-top: 20px;

  }



  .product-img {

    width: 200px;

  }

}



@media (max-width: 600px) {

  .product-container {

    grid-template-columns: 1fr 1fr;

  }

}

/* new-arrival responsive end   */



/* dress responsive start   */



@media screen and (max-width: 768px) {

  .dress-style-container {

    height: auto;

    padding: 10px;

  }

  .dress-style-section {

    padding: 10px;

  }

  .dress-style-container h1 {

    font-size: 35px;

    padding-top: 10px;

    padding-bottom: 10px;

  }

}

@media (max-width: 600px) {

  .row-one,

  .row-two {

    margin: 0;

    gap: 10px;

  }

  .extra-review-container {

    display: none;

  }

}



/* dress responsive end  */



/* customer-review responsive start   */

@media screen and (max-width: 768px) {

  .customer-review-section {

    padding: 10px;

  }

  .tittle-review h1 {

    font-size: 30px;

  }

  .review-desc {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 12px;

  }

}



/* customer-review responsive end   */



/* footer-review responsive start   */



@media screen and (max-width: 768px) {

  .footer-top {

    width: 85%;

  }

  .footer-des {

    font-size: 20px;

    padding: 35px 30px;

  }

  .footer-email {

    width: 100px;

  }

  .sub-newsletter {

    font-size: 10px;

  }

  .email-icon {

    padding: 0;

    left: 2px;

    width: 15px;

    top: 9px;

  }

  .email-input {

    padding: 5px 20px;

    width: 180px;

  }

  .button-email {

    padding: 5px 18px;

    font-size: 10px;

    width: 180px;

  }

  .footer-top-container {

    margin-top: 65px;

  }

  .main-content {

    padding: 10px;

  }

}



@media screen and (max-width: 450px) {

  .footer-des {

    padding: 25px 15px;

    font-size: 14px;

  }

  .email-input {

    width: 100%;

  }

  .button-email {

    width: 100%;

    padding: 0;

  }

  .main-content {

    flex-direction: column;

    padding: 10px;

  }

  .brand-deatils {

    width: 100%;

  }

  .footer-details {

    width: 100%;

  }

  .rights {

    flex-direction: column;

    align-items: center;

    gap: 10px;

  }

  .footer-container {

    padding-top: 50px;

  }

  .tittle-review h1 {

    font-size: 20px;

  }

}



/* footer-review responsive end   */



/* responsive for pdp main page start  */



@media screen and (max-width: 768px) {

  .pdp-container {

    flex-direction: column;

    padding: 20px;

  }

  .pdp-image-conatiner-main {

    width: 100%;

  }

  .pdp-product-deatils {

    width: 100%;

    margin: 0;

  }

  .review-container-parent {

    padding: 10px;

    padding-top: 20px;

  }

  .bread-crumps {

    padding-left: 10px;

  }

  .pdp-button {

    padding: 8px 18px 8px 8px;

  }

  .pdp-name {

    font-size: 25px;

  }

}



@media screen and (max-width: 450px) {

  .large-image img {

    max-width: 100%;

    width: 100%;

  }

  .img-container-review img {

    width: 200px;

  }

  .pdp-main-section p,

  .review-container-parent p {

    font-size: 14px;

  }

}



/* responsive for pdp main page end  */



/* responsive for category main page start  */



@media (max-width: 768px) {

  .extra-filter-container {

    display: none;

  }

  .productlist-category {

    padding: 10px;

    width: 100%;

  }

  .bread-filter-mobile {

    display: flex;

    justify-content: space-between;

    padding: 0 10px;

  }

}



@media (max-width: 450px) {

  img.product-img{ height: auto; }

  .product-cat-list {

    grid-template-columns: 1fr 1fr;

  }

}

.number-input {



  display: flex;



  align-items: center;



  border: 1px solid #ccc;



  border-radius: 4px;



  overflow: hidden;



  max-width: 100px;



  border: none;



  border-radius: 999px;



}







.number-input button {



  background-color: #f0f0f0;



  border: none;



  padding: 10px;



  cursor: pointer;



  outline: none;



  font-size: 18px;



  display: flex;



  align-items: center;



  justify-content: center;



}







.number-input button:focus {



  background-color: #e0e0e0;



}







.number-input input[type="number"] {



  border: none;



  text-align: center;



  width: 100%;



  font-size: 16px;



  padding: 5px;



  outline: none;



  background: #f0f0f0;



  height: 100%;



}







input[type="number"]::-webkit-outer-spin-button,



input[type="number"]::-webkit-inner-spin-button {



    -webkit-appearance: none;



    margin: 0;



}







/* Firefox */



input[type="number"] {



    -moz-appearance: textfield;



}



/* cart page start */



.cart-page-section {

  max-width: 1240px;

  border-top: 1px solid #e0e0e0;

  margin: 0 auto;

  padding-top: 20px;

}



.title-cart {

  font-size: 40px;

  font-weight: bold;

}



.cart-container {

  display: flex;

  width: 100%;

  gap: 20px;

  margin-top: 15px;

}



.cart-prodyc-conatiner {

  width: 60%;

  border: 1px solid lightgray;

  padding: 10px 25px;

  border-radius: 25px;

}



.product-cart-overlay {

  border-bottom: 1px solid lightgray;

  display: flex;

  gap: 15px;

  width: 100%;

  padding: 15px 0;

}



.order-summary {

  width: 40%;

  border: 1px solid lightgray;

  padding: 25px;

  border-radius: 25px;

  height: 100%;

}



.product-deatils-cart {

  display: flex;

  width: 100%;

  justify-content: space-between;

}



.navigator-cart {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: end;

}



.name-cart {

  font-weight: 800;

  font-size: 17px;

}



.size-cart {

  color: rgb(167, 167, 167);

}



.tittle-cart {

  color: black;

}



.price-cart {

  font-weight: 600;

  font-size: 20px;

}



.product-cart-overlay:last-child {

  border: none;

}



.order-summary-tittle {

  font-weight: 800;

  font-size: 20px;

}



.price-cart-parent {

  display: flex;

  justify-content: space-between;

  border-bottom: 1px solid lightgray;

  padding: 15px 0;

}



.price-info {

  color: #818181;

  line-height: 30px;

}



.price-details {

  text-align: end;

  font-weight: 700;

  font-size: 16px;

  line-height: 30px;

}



.dicount-price {

  color: red;

}



.final-price-container {

  padding-top: 15px;

}



.total-price {

  display: flex;

  justify-content: space-between;

}



.final-price {

  font-weight: 800;

  font-size: 18px;

}



.promo {

  padding: 15px 0;

  display: flex;

  justify-content: space-between;

  position: relative;

  gap: 10px;

}



.promo-img {

  width: 20px;

  height: 20px;

  position: absolute;

  margin: 12px;

}



.promo-container {

  padding-left: 38px;

  width: 100%;

}



.checkout-btn {

  position: relative;

}



.right-arraow-cart-btn {

  position: absolute;

  left: 64%;

  top: 14px;

}



.title-cart {

  margin-top: 20px;

}



@media screen and (max-width: 810px) {

  .cart-container {

    flex-direction: column;

  }

  .cart-prodyc-conatiner {

    width: 100%;

  }

  .order-summary {

    width: 100%;

  }

  .cart-page-section {

    padding: 20px;

  }

  .promo-img {

    margin: 8px;

  }

  .right-arraow-cart-btn {

    top: 9px;

    left: 60%;

  }



  .apply-btn {

    width: 100px;

    padding: 0;

  }

}



@media screen and (max-width: 500px) {

  .right-arraow-cart-btn {

    left: 70%;

  }



  .number-cart {

    padding: 0 !important;

    width: 30px !important;

  }



  .product-deatils-cart {

    position: relative;

  }



  .navigator-cart {

    position: absolute;

    right: 0;

    height: 100%;

  }



  .minus-btn,

  .plus-btn {

    padding: 0 10px !important;

  }



  .name-cart {

    font-size: 16px;

    padding-right: 20px;

  }

}

.cart-page-section .title-cart{
  text-align: center !important;
  margin-bottom: 25px !important;
}
.us-chkout{
      display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 35px;
    margin: 0px 110px 170px 110px;
}
.us-chkout .form-group{
  margin-bottom: 12px;
  margin-top: 12px;
  display: flex !important;
  justify-content: space-between !important;
  display: flex !important;
  flex-direction: column;
}
.us-chkout .form-group input{
  padding: 12px 100px 12px 5px;
}

.us-chkout .form-group textarea{
      padding: 12px 32px;
}
.us-chkout .us-frm{
    background: #fff !important;
    padding: 45px 41px;
    border-radius: 8px;
    border: 1px solid lightgray;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}
.us-chkout .us-chktt{
      background: #fff !important;
    padding: 45px 41px;
    border-radius: 8px;
    border: 1px solid lightgray;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    height: 100% !important;
}
.us-chkout .us-chktt h3{
      border-bottom: 1px solid lightgray;
    margin-bottom: 7px;
    padding-bottom: 7px;
}
.us-chkout .us-chktt button{
      margin-bottom: 15px !important;
      margin-top: 12px !important;
}

@media only screen and (max-width: 768px){
  .us-chkout{
    flex-direction: column !important;
    gap: 17px !important;
    margin: 0px !important;
  }
  .us-chkout input{
    margin-left: 0px !important;
  }
  .us-chkout .form-group input{
    padding: 12px 13px !important;
  }
  .us-chkout .form-group{
    margin-bottom: 9px !important;
  }
  .us-chkout .us-chktt h3{
    margin-bottom: 13px !important;
  }
  .us-chkout .us-chktt button{
    margin-top: 12px !important;
  }
  .us-cntrfd{
    margin: 0px !important;
  }

}




/* cart page end */