@media (max-width: 1204px) {
  .checkout_container .right{
    width: 50vw;
  }
}

@media (max-width: 1000px) {
  header .extra .log {
      display: flex;
      gap: 9px;
      justify-content: center;
      align-items: center;
  }

   header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      width: calc(100% - 40px);
      /* background: linear-gradient(270deg, #FFDFDF 15.8%, rgba(255, 237, 237, 0.17) 92.64%); */
      z-index: 9999999999;
      padding: 0 20px;
  }
}
@media (min-width:501px) and (max-width: 990px) {

  /* signup page starts */

  .sign_container{
    top: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
  }

  .sign_container .form{
    width: 462px;
    min-height: 550px;
    border-radius: 15.587px;
    background: #FFF;
    padding: 13px;
    margin: auto 0;
    position: fixed;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, 1%);
  }

  .sign_container .form .form_header{
    padding: 13px;
    border-bottom: 1px solid #D9D9D9F0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .sign_container .form .form_header h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
  }

  .sign_container .form .form_header img{
    position: absolute;
    right: 5px;
    height: 15px;
    width: 15px;
  }

  .sign_container .form .form_body{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
  }

  .sign_container .form .form_body .input_cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
  }

  .sign_container .form .form_body .input_cont p{
    color: #000;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.28px;
  }

  .sign_container .form .form_body .input_cont input{
    width: calc(100% - 40px);
    padding: 20px;
    /* height: 51px; */
    border-radius: 8px;
    border: 0.8px solid #D9D9D9;
  }

  .sign_container .form .form_body .input_cont img{
    position: absolute;
    bottom: 17px;
    right: 18px;
    height: 18px;
  }

  .sign_container .form .form_body .submit{
    display: flex;
    width: 100%;
    height: 51px;
    padding: 15px 135px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #C73935;
    border: none;
    color: #FFF;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.32px;
    margin: 10px 0;
  }

  .sign_container .form .form_body .or{
    color: #292D32;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.28px;
    position: absolute;
    bottom: -12px;
    left: 43%;
    padding: 5px 24px;
    background: #fff;
  }

  .form_footer{
    padding: 15px 0;
  }

  .google_sign{
    display: flex;
    padding: 15px 106px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px;
    border: 0.8px solid #D9D9D9;
    background: #FFF;
  }

  .google_sign img{
    height: 20px !important;
    width: 20px !important;
  }

  .google_sign h3{
    color: #222;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.32px;
  }

  .form_footer .text{
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 15px;
  }

  .form_footer .text h2{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.3px;
  }

  .form_footer .text a{
    color: #C73935;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
  }

  .signin{
    display: flex;
    justify-content: space-between;
    padding: 21px 0;
  }

  .signin .check{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }

  .signin .check input{
   accent-color: #C73935;
   width: 21px;
   height: 21px;
  }

  .signin .check label{
    color: #5E5E5E;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.24px;
  }

  .signin a{
    color: #C73935;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.24px;
  }

  /* signup page ends */

  /* main page / landing page starts */
  .main_container{
    height: 100%;
  }

  /* banner starts */
  section{
    padding: 0 4.8vw;
  }

  .banner{
    background: linear-gradient(270deg, #FFDFDF 15.8%, rgba(255, 237, 237, 0.17) 92.64%);
    height: 600px;
    z-index: 10;
    position: relative;
    padding-top: 100px;
    width: calc(100%);
  }

   header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 6vw);
    /* background: linear-gradient(270deg, #FFDFDF 15.8%, rgba(255, 237, 237, 0.17) 92.64%); */
    z-index: 9999999999;
    padding: 0 3vw;
    backdrop-filter: blur(5px);
  }

   header img{
    width: 156px;
  }

  header .links{
    display: inline-flex;
    align-items: flex-start;
    gap: 25px;
  }

  header .links .link{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    padding: 10px 0;
  }

  header .links .link.active{
    color: #C73935;
  }

  header .links .link.active:before {
    content : "";
    position: absolute;
    left    : 0;
    bottom  : 0;
    height  : 1px;
    width   : 50%;
    border-bottom:1px solid #C73935;
  }

  header .extra{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }

  header .extra .log{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }

  header .extra  .menu{
    display: none;

  }

  header .extra img{
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    cursor: pointer;
  }

  header .extra h3{
    color: #C73935;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding: 20px;
    cursor: pointer;
  }

  header .extra button{
    color: #FFF;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #C73935;
    border: none;
  }

  .sidebar_mobile{
    display: none;
  }

  .banner_text{
    display: flex;
    justify-content: center;
    padding-top: 40px;
    background-image: url(../images/icon/lines.svg);
    background-position: center;
  }

  .banner_text .top{
    width: 770px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .banner_text .top h1{
    color: #292D32;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -1px;
    text-align: center;
    width: auto;
  }

  .banner_text .top h1 span{
    color: #C73935;
  }

  .banner_text .top h3{
    color: #5E5E5E;
     font-size: 20px;
     font-family: DM Sans;
     font-weight: 300;
     word-wrap: break-word;
     text-align: center;
  }

  .main_button{
    display: flex;
    width: max-content;
    /* height: 63px; */
    padding: 19px 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #C73935;
    border: none;
    color: #FFF;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.32px;
    margin-top: 10px;
    transition: 0.7s;
  }

  .main_button:hover{
    box-shadow: inset 300px 0 0 0 #fff;
    color: #C73935 !important;
    border: 1px solid #C73935 !important;
  }

  .banner_img{
    border-radius: 21.188px;
    border: 8.475px solid #FFF;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
    box-shadow: 0px 10.594px 21.188px 0px rgba(211, 53, 53, 0.10);
    width: 61vw;
    height: 380px;
    position: absolute;
    bottom: -35%;
    left: 19%;
    background-position: center;
    background-size: cover;
  }

  .banner_img .overlay{
    background-color: rgba(0,0,0,0.5);
    position: relative;
    z-index: 111;
    height: 100%;
    width: 100%;
    border-radius: 20px;
  }

  .banner_img .overlay .info{
    width: 195px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 10px;
    position: absolute;
  }

  .banner_img .overlay .info:first-child{
    right: -18%;
    top: 20%;
  }

  .banner_img .overlay .info:last-child{
    left: -18%;
    top: 40%;
  }

  .banner_img .overlay .info h3{
    color: #000;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    gap: 5px;
    align-items: center;
  }

  .banner_img .overlay .info p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
  }

  .banner_img .overlay .info h3 img{
    display: flex;
    width: 35px;
    padding: 8.5px 7px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 40px;
    background: rgba(255, 223, 223, 0.57);
  }

  /* banner ends */

  /* steps starts */

  .steps{
    padding-top: 350px;
  }

  .steps .text{
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    width: 60%;
  }

  .steps .text{
    color: #666;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 2.5vw;
  }

  .steps .text h1{
    color: #9E0F0F;
    /* text-align: center; */
    font-family: DM Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -1.2px;
  }

  .steps .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
  }

  .steps_body{
    border-radius: 30px;
    background: rgba(255, 223, 223, 0.20);
    padding: 5.5vw;
    padding-top: 2.5vw;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .steps_body .contain{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .steps_body .contain .img{
    width: 37vw;
    height: 27vw;
    border-radius: 30px;
  }

  .steps_body .contain .text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: max-content;
    padding: 20px 0;
    padding-bottom: 40px;
  }

  .steps_body .contain .text h4{
    color: #C73935;
    font-family: DM Sans;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -0.36px;
  }

  .steps_body .contain .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.8px;
    width: 34vw;
  }

  .steps_body .contain .text p{
    color: #666;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.36px;
    width: 36vw;
  }

  .arrow1{
    position: absolute;
    bottom: -28%;
    left: 38%;
  }

  .arrow2{
    position: absolute;
    top: -17%;
    left: 38%;
  }

  /* steps ends */

  /* services starts */

  .services{
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
  }

  .services .text{
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;
  }

  .services .text h1{
    color: #9E0F0F;
    text-align: center;
    font-family: DM Sans;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.84px;
  }

  .services .text h3{
    color: #5E5E5E;
    text-align: center;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    width: auto;
  }

  .services .serv_cont {
    display: flex;
    gap: 20px;
    padding-bottom: 30px;
    justify-content: center;
  }

  .services .serv_cont .contain{
    width: 40vw;
    /* height: 23vw; */
    flex-shrink: 0;
    border-radius: 30px;
    background: rgba(255, 237, 237, 0.17);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    gap: 10px;
    padding: 15px;
  }

  .services .serv_cont .left .logo{
    width: 32.25px;
    height: 32.25px;
    border-radius: 50%;
  }

  .services .serv_cont .left h3{
    color: #782323;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.6px;
  }

  .services .serv_cont .left p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.32px;
    width: 100%;
  }

  .services .serv_cont .left a{
    color: #C73935;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.36px;
    margin-top: 67px;
  }

  .services .serv_cont .left .img{
    width: 13vw;
    height: 13vw;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .services .serv_cont .right{
    background: #F6FAFE;
  }

  .services .serv_cont .right .logo{
    width: 32.25px;
    height: 32.25px;
    border-radius: 50%;
  }

  .services .serv_cont .right h3{
    color: #000;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.6px;
  }

  .services .serv_cont .right p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.32px;
    width: 70%;
  }

  .services .serv_cont .right a{
    color: #C73935;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.36px;
    margin-top: 67px;
  }

  .services .serv_cont .right .img{
    width: 184px;
    height: 143px;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  /* services ends */

  /* visit starts */
  .visit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .visit .text{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 40vw;
  }

  .visit .text h3{
    color: #C73935;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.32px;
  }

  .visit .text h1{
    color: #782323;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.64px;
  }

  .visit .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
  }

  .visit .text .main_button{
    transition: 1s;
  }

  .visit .img{
    width: 42vw;
    height: 29vw;
    flex-shrink: 0;
  }

  /* visit ends */

  /* testimonials starts */
  .testimonials{
    gap: 30px;
    padding-bottom: 30px;
  }

  .testimonials .top{
    justify-content: center;
    align-items: center;
  }

  .testimonials .top h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.9px;
  }

  .testimonials .down{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .testimonials .down .left{
    gap: 30px;
    padding-left: 5%;
  }

  .testimonials .down .left .user{
    display: flex;
    padding: 13px 15px;
    align-items: flex-start;
    gap: 30px;
    cursor: pointer;
    position: relative;
    border: 1px solid #fff;
  }

  .testimonials .down .left .user::before {
    content: "";
    position: absolute;
    left: -15%;
    top: 50%;
    height: 80%;
    border-left: 3px solid #EDEDED;;
    transform: translateY(-50%);
    height: 140%;
  }

  .testimonials .down .left .user.active::before {
    content: "";
    position: absolute;
    left: -15%;
    top: 50%;
    height: 80%;
    border-left: 3px solid #C73935;;
    transform: translateY(-50%);
    height: 140%;
  }

  .testimonials .down .left .user.active{
    border-radius: 15px;
    border: 0.5px solid #C3C3C3;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
  }

  .testimonials .down .left .user .img{
    width: 57px;
    height: 57px;
    border-radius: 50%;
  }

  .testimonials .down .left .user .text{

  }

  .testimonials .down .left .user .text h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.46px;
  }

  .testimonials .down .left .user .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .testimonials .down .right{
    width: 45.5vw;
    height: auto;
    justify-content: center;
    gap: 38px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 223, 223, 0.20);
  }

  .testimonials .down .right h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .testimonials .down .right p{
    color: #5E5E5E;
    text-align: justify;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 179.676%; /* 32.342px */
  }

  .testimonials .down .right h3{
    color: #000;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.44px;
  }

  .tabcontent {
      display: none;
  }

  .tabcontent.active {
      display: flex;
  }

  .testimonials_mobile{
    display: none;
  }

  /* testimonials ends */

  /* prefooters starts */

  .pre_footer{
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 100px 70px;
  }

  .pre_footer .card{
    width: 80vw;
    min-height: 330px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #C73935;
    align-items: flex-start ;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 30px rgba(211, 53, 53, 0.74);
  }

  .pre_footer .card .text{
    /* gap: 38px; */
    padding: 20px;
    /* align-items: center; */
    height: 100%;
  }

  .pre_footer h3{
    color: #FFF;
    font-family: DM Sans;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.76px;
    width: 36vw;
  }

  .pre_footer button{
    color: #C73935;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    display: inline-flex;
    padding: 20px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #FFF;
    border: none;
    transition: 0.7s;
    margin-top: 39px;
    width: max-content;
  }

  .pre_footer button:hover{
    border: 1px solid;
    box-shadow: inset 400px 0 0 0 #C73935;
    color: #fff;
  }

  .pre_footer .img{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 42vw;
    background-size: cover;
    background-repeat: no-repeat;
  }

  /* prefooter ends */

  /* footer starts */
  .footer{
    border-top: 1px solid #AEAEAE;
    display: flex;
    justify-content: space-between;
    padding: 30px;
    width: 100%;
  }

  .footer .column{
    width: max-content;
    gap: 22px;
    display: flex;
    flex-direction: column;
  }

  .footer .column a{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .footer .column h3{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .footer .column p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 220px;
    padding-bottom: 16px;
  }

  .footer .column img{
    width: 156px;
  }

  .footer .social{
    display: flex;
    gap: 30px;
  }

  .footer .social a img{
    width: 25px;
    height: 24px;
    transition: 0.3s;
  }

  .footer .social a img:hover{
    transform: scale(1.5);
  }
  /* footer ends */

  /* store starts */

  .store .banner_text .top{
    width: 595px;
    position: relative;
  }

  .store .banner{
    background: #F6FAFE;
    height: 400px;
  }

  .store .banner_text{
    background-image: none;
  }

  .banner .extra_img{
    position: absolute;
    width: calc(100% - 60px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 30px;
    padding: 30px;
  }

  .banner .extra_img img{
    width: 31vw;
    height: 21vw;
    flex-shrink: 0;
  }

  /* main page / landing page ends */

  /* store_body starts */

  .store_body{
    padding: 100px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .store_body .top{
    align-items: center;
  }

  .store_body .top h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.76px;
  }

  .store_body .top img{
    width: 78.942px;
    height: 12.436px;
  }

  .filter_mobile{
    display: none;
  }

  .store_body .opt{
    width: calc(100% - 10vw);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding-right: 0;
  }

  .store_body .opt .cont{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding-right: 0;
  }

  .store_body .opt h3{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
  }

  .store_body .opt select{
    display: inline-flex;
    padding: 7px 9px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 6px;
    border: none;
    background: rgba(255, 223, 223, 0.20);
  }

  .store_body .opt select option{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
  }

  .main_store{
    display: flex;
    gap: 25px;
    width: 100%;
    padding: 30px 0;
  }

  .main_store .filters{
    width: 18%;
    gap: 20px;
    padding: 0 1%;
  }

  .main_store .filters .drop{
    gap: 15px;
    height: 50px;
    overflow: hidden;
  }

  .main_store .filters .drop h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid #D9D9D9;
  }

  .main_store .filters .drop h3 img{
    display: none;
  }

  .main_store .filters .drop p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .main_store .filters .drop p.active{
    color: #C73935;
  }

  .products_container{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    row-gap: 50px;
    width: 90%;
  }

  .products_container .product{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
  }

  .products_container .product .img{
    width: 255px;
    height: 328px;
    border-radius: 10px;
    background: #F7F7F7;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
  }

  .products_container .product .img span{
    display: inline-flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 0px 0px 10px 0px;
    color: #FFF;
    text-align: center;
    font-family: DM Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.2px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .products_container .product .img .red{
    background: #C73935;
  }

  .products_container .product .img .green{
    background: #67B85F;
  }

  .products_container .product .text{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .products_container .product .brand{
    color: #666;
    font-family: DM Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .products_container .product .name{
    color: #000;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .products_container .product .price{
    color: #C73935;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .pagination{
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pagination span{
    display: flex;
    width: 37px;
    height: 37px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13.214px;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 18.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
  }

  .pagination span.active{
    color: #fff;
    border-radius: 50%;
    background: #C73935;
  }

  .pagination b{
    padding: 10px;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 18.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .pagination a{
    color: #C73935;
    text-align: center;
    font-family: DM Sans;
    font-size: 18.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px;
  }

  .drop_active{
    height: max-content !important;
  }

  .main_store .filters .drop h3 .img:nth-child(2){
    display: block;
  }

  .drop_active .img:nth-child(1){
    display: block !important;
  }

  .drop_active .img:nth-child(2){
    display: none !important;
  }

  /* store_body ends */

  /* store ends */

  /* blog starts */

  .blog_main .banner{
    background: #fff;
    height: auto;
    padding-bottom: 30px;
    width: 100%;
  }

  .blog_main .banner_text{
    background-image: none;
    justify-content: flex-start;
  }

  .recent_blog_cont{
    gap: 40px;
  }

  .recent_blog_cont h1{
    color: #000;
    font-family: DM Sans;
    font-size: 25 px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .recent_blog{
    display: flex;
    gap: 10px;
  }

  .recent_blog .blog{
    width: 30vw;
    height: 30vw;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
  }

  .recent_blog .blog .overlay{
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #000 -47.13%, rgba(0, 0, 0, 0.00) 100%);
    display: flex;
    align-items: flex-end;
  }

  .recent_blog .blog .overlay .text{
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .recent_blog .blog .overlay .text span{
    color: #FFF;
    font-family: DM Sans;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.22px;
  }

  .recent_blog .blog .overlay .text h3{
    color: #FFF;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
  }

  .recent_blog .blog .overlay .text p{
    color: #FFF;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
  }

  .blog_body{

  }

  .blog_body .header{
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  .blog_body .header span{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.44px;
    padding: 16px 10px;
    position: relative;
    cursor: pointer;
  }

  .blog_body .header span.active{
    color: #000000;
  }

  .blog_body .header span.active::before{
    content : "";
    position: absolute;
    left    : 0;
    bottom  : 0;
    height  : 1px;
    width   : 100%;
    border-bottom:1px solid #C73935;
  }

  .blog_body .blog_container{
    border-top: 1px solid #D9D9D9;
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }


  .blog_body .blog_container .blog {
    width: 43vw;
    gap: 17px;
  }

  .blog_body .blog_container .blog .img{
    border-radius: 10px 0px;
    height: 332px;
  }

  .blog_body .blog_container .blog .text{
    gap: 15px;
  }

  .blog_body .blog_container .blog .text h4{
    color: #000;
    font-family: DM Sans;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.18px;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 0.8px solid #C73935;
    width: max-content;
  }

  .blog_body .blog_container .blog .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
  }

  .blog_body .blog_container .blog .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .maindot{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: flex;
    background: #C73935;
  }

  /* blog ends */

  /* blog_details starts */

  .blog_banner{
    gap: 20px;
    padding: 0 70px;
  }

  .blog_banner .img{
    width: 59vw;
    height: 34vw;
    flex-shrink: 0;
    border-radius: 10px;
  }

  .blog_links{
    display: flex;
    gap: 7px;
  }

  .blog_links a{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  .blog_links a:last-child{
    color: #000000;
  }

  .blog_details_text{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding:  0 9vw;
  }

  .blog_details_text .info{
    gap: 20px;
  }

  .blog_details_text .info h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .blog_details_text .info .user{
    display: flex;
    gap: 10px;
  }

  .blog_details_text .info .user span{
    display: flex;
    color: #666;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
    gap: 12px;
    align-items: center;
  }

  .blog_details_text .info .user img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }

  .blog_details_text .text{
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .blog_details_text .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.44px;
  }

  .blog_details_text .text p{
    color: #242424;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 39.6px */
    letter-spacing: -0.36px;
    position: relative;
  }

  .blog_details_text .text p span{
    font-weight: 900;
  }

  .blog_details_text .text p span.highlight{
    background: #FFF7CB;
    padding: 3px;
  }

  .blog_details_text .text .quote{
    color: #782323;
    font-family: DM Sans;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 220%; /* 44px */
    letter-spacing: -0.4px;
  }

  .blog_details_text .text p:first-child::first-letter{
    color: #000;
    font-family: DM Sans;
    font-size: 70px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -1.4px;
    position: absolute;
    top: 50px;
  }

  .blog_details_text  .share{
    display: flex;
    align-items: center;
    gap:20px;
  }

  .blog_details_text  .share .social{
    gap: 20px;
    display: flex;
  }

  .comment_form{
    gap: 40px;
    padding: 10px 0;
  }

  .comment_form h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .comment_form .fd{
    gap: 10px;
  }

  .comment_form .fd p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .comment_form .fd input{
    border-radius: 10px;
    border: 1px solid rgba(217, 217, 217, 0.94);
    padding: 20px;
  }

  .comment_form .fd textarea{
    border-radius: 10px;
    border: 1px solid rgba(217, 217, 217, 0.94);
    padding: 20px;
  }

  /* blog_details ends */

  /* about starts */

  .about_banner{
    gap: 50px;
    width: 100%;
  }

  .about_banner .top{
    gap: 20px;
    width: 100%;
  }

  .about_banner .top h3{
    color: #666;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .about_banner .top h1{
    width: 100%;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.9px;
  }

  .about_banner .about_slider{
    width: 100%;
    overflow: auto;
  }

  .about_banner .about_slider .inner{
    width: max-content;
    overflow: auto;
    display: flex;
    gap: 20px;
  }

  .about_banner .about_slider .inner .img{
    width: 342.14px;
    height: 399.813px;
    border-radius: 15px;
  }

  .about_banner .about_slider .inner::-webkit-scrollbar {
    display: none;
  }

  .about_banner .about_slider::-webkit-scrollbar {
    display: none;
  }

  .about_body {
    position: relative;
    width: 100%;
  }

  .about_body .behind{
    color: rgba(233, 233, 233, 0.40);
    font-family: DM Sans;
    font-size: 75px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 4.8vw;
    z-index: 1;
  }

  .about_body .text{
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .al{
    align-items: center;
  }

  .about_body .text  .left{
    padding: 30px 18px;
    width: 50%;
    gap: 20px;
  }

  .about_body .text .top{

  }

  .about_body .text .top h3{
    color: #666;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .about_body .text .top h2{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.9px;
  }

  .about_body .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 171.213%; /* 27.394px */
    letter-spacing: -0.32px;
  }

  .about_body .text .right{
    width: 45%;
    height: 385px;
    background: #D9D9D9;
    margin: auto;
  }

  .about_body .team{
    display: grid;
    width: 100%;
    height: 610px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 30px;
  }

  .about_body .team .grid{
    border-radius: 17.471px;
    background: #D9D9D9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .about_body .team .grid:nth-child(1){
    grid-column: ;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(2){
    grid-column: 2/4 ;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(3){
    grid-column:  ;
    grid-row:  ;
  }

  .about_body .team .grid:nth-child(4){
    grid-column:  ;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(5){
    grid-column: 2/4 ;
    grid-row:;
    background: #fff;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 43.677px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .about_body .team .grid:nth-child(6){
    grid-column:;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(7){
    grid-column: 2/4 ;
    grid-row: 3;
  }

  .about_body .team .grid:nth-child(8){
    grid-column: ;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(9){
    grid-column: ;
    grid-row: ;
  }

  /* about ends */

  /* product_view starts */

  .product_main{
    padding: 0 5vw;
  }

  .product_view{
    gap: 30px;
    padding: 100px 0;
  }

  .product_view .top_text{
    display: flex;
    gap: 7px;
    padding: 0 60px;
  }

  .product_view .top_text span{
    color: #666;
    text-align: center;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
  }

  .product_view .top_text span:last-child{
    color: #000000;
    font-weight: 700;
  }

  .product_desc{
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
  }

  .product_desc .left{
    gap: 20px;
    width: 45%;
  }

  .product_desc .left .main_img{
    display: inline-flex;
    height: 350px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-size: contain;
    border-radius: 15px;
    background-color: rgba(233, 233, 233, 0.40);
  }

  .product_desc .left .toggle_img{
    display: flex;
    gap: 10px;
    width: auto;
  }

  .product_desc .left .toggle_img .img{
    width: 80px;
    height: 75px;
    flex-shrink: 0;
    background-color: #F6F6F6;
    background-size: contain;
  }

  .product_desc .left .toggle_img .img.active{
    border: 1px solid #C73935;
  }

  .product_desc .right{
    width: 50%;
  }

  .product_desc .right .text{
    gap: 25px;
  }

  .product_desc .right .text .cont{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .product_desc .right .text h1{
    color: #000;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .product_desc .right .text span{
    color: #666;
    font-family: DM Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.26px;
  }

  .product_desc .right .text p{
    color: #292D32;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: -0.32px;
  }

  .product_desc .right .text .price{
    color: #C73935;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .product_desc .right .text .availability{
    color: #FBBB00;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
  }

  .product_desc .right .text .quantity{
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .product_desc .right .text .quantity .quan_num{
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .product_desc .right .text .quantity .quan_num p{
    color: #292D32;
    display: flex;
    padding: 1px 13px;
    height: max-content;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 0.5px solid #AEAEAE;
  }

  .product_desc .right .text .quantity .quan_num i{
    font-size: 15px;
  }

  .product_desc .right .text .drop_text{

  }

  .product_desc .right .text .drop_text .drop{
    width: 100%;
    height: 40px;
    overflow: hidden;
  }

  .product_desc .right .text .drop_text .drop_active{
    height: auto;
  }

  .product_desc .right .text .drop_text .drop h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
  }

  .product_desc .right .text .drop_text .drop p{
    color: #666;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: -0.32px;
  }

  .product_desc .right .buttons{
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .product_desc .right .buttons{
    padding-top: 30px;
  }

  .product_desc .right .buttons button{
    display: flex;
    width: 200px;
    padding: 0px 10px;
    height: 50px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border: none;
    background: #C73935;
    color: #FFF;
    text-align: center;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
  }

  .product_desc .right .buttons button:nth-child(2){
    color: #C73935;
    border: 1px solid #C73935;
    background: #fff  ;
  }

  .product_desc .right .buttons button i{
    font-size:
  }

  .product_desc .right .buttons button i{
    color: #fff;
    font-size: 18px;
  }

  .product_view .tab_container{
    display: flex;
    flex-direction: column;
  }

  .product_view .tab_container .header{
    display: flex;
    gap: 50px;
  }

  .product_view .tab_container .header h3{
    color: #5E5E5E;
    text-align: center;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    position: relative;
    padding: 20px 0;
    cursor: pointer;
  }

  .product_view .tab_container .header h3.active{
    color: #9E0F0F;
  }

  .product_view .tab_container .header h3.active::before{
    content : "";
    position: absolute;
    left    : 0;
    bottom  : 0;
    height  : 1px;
    width   : 100%;
    border-bottom:1px solid #C73935;
  }

  .product_view .tab_container .tabcontent{
    gap: 35px;
    padding: 35px 0;
    border-top: 1px solid #D9D9D9;
  }

  .product_view .tab_container .tabcontent p{
    color: #363636;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 32.4px */
    letter-spacing: -0.36px;
  }

  .suggestions{
    gap: 50px;
    padding-bottom: 100px;
  }

  .suggestions .top{
    align-items: center;
  }

  .suggestions .top h3{
    color: #000;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%; /* 59.5px */
    letter-spacing: -0.7px;
  }

  .suggestions .top img{
    width: 200px;
  }

  .suggestions .products_container{
    width: 100%;
    justify-content: center;
  }
  /* product_view ends */

  /* cart ends */

  .cart_modal{

  }

  .cart_modal .form{
    top: 0;
    left: auto;
    right: 0;
    transform: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    min-height: 620px;
    height: auto;
    max-height: 100vh;
    overflow: auto;
  }

  .cart_modal .form .form_header{
    justify-content: inherit;
    padding-top: 0;
  }

  .cart_modal .form.active .empty_cart{
    display: none;
  }

  .cart_modal .form.active .filled_cart{

  }

  .cart_modal .empty_cart .img{
    padding: 70px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cart_modal .empty_cart .img img{
    width: 237px;
    height: 237px;
    flex-shrink: 0;
  }

  .cart_modal .empty_cart .img p{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

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

  .cart_modal  .cart_button button{
    display: flex;
    width: 427px;
    height: 62px;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    background: #C73935;
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    border: none;
    transition: 0.5s;
  }

  .cart_modal .empty_cart .cart_button button:hover{
    border: 1px solid #C73935;
    color: #C73935;
    box-shadow: inset 430px 0 0 0 #fff;
  }

  .cart_modal .filled_cart{
    /* padding: 20px; */
  }

  .cart_modal .filled_cart .product{
    display: flex;
    gap: 30px;
  }

  .cart_modal .filled_cart .product .img{
    display: flex;
    width: 168px;
    height: 148px;
    justify-content: center;
    align-items: center;
    border-radius: 2.749px;
    background: rgba(233, 233, 233, 0.40);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .cart_modal .filled_cart .product .text{
    width: 200px;
    gap: 20px;
  }

  .cart_container{
    padding: 25px 0;
    gap: 20px;
  }

  .cart_modal .filled_cart .product .text .cont{

  }

  .cart_modal .filled_cart .product .text h1{
    color: #000;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .cart_modal .filled_cart .product .text span{
    color: #666;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  .cart_modal .filled_cart .product .text .price{
    color: #C73935;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .cart_modal .filled_cart .product .text .quantity{
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .cart_modal .filled_cart .product .text .quantity i{
    display: flex;
    font-size: 18px;
    padding: 5px;
    color: #666666;
    justify-content: center;
    align-items: center;
  }

  .cart_modal .filled_cart .product .text .quantity p{
    color: #666;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
    padding: 5px 15px;
    border: 0.5px solid #666666;
  }

  .cart_modal .filled_cart .product .text .quantity .quan_num{
    display: flex;
    gap: 15px;
  }

  .cart_modal .filled_cart .ext{
    gap: 50px;
    padding: 30px 0;
  }


  .cart_modal .filled_cart .ext .drop_text .drop{
    width: 100%;
    height: 40px;
    overflow: hidden;
  }

  .cart_modal .filled_cart .ext .drop_text .drop_active{
    height: auto;
  }

  .cart_modal .filled_cart .ext .drop_text .drop h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
  }

  .cart_modal .filled_cart .ext .drop_text .drop p{
    color: #666;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: -0.32px;
  }

  .cart_modal .cart_button{
    gap: 20px;
  }

  .cart_modal .cart_button p{
    color: #000;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    display: flex;
  }

  .cart_modal .cart_button div{
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .cart_modal .cart_button h3{
    font-weight: 700;
  }


  /* cart ends */

  /* checkout starts */

  .checkout_container{
    display: flex;
    flex-direction: column;
    margin-top: 90px;
    border-top: 1px solid #D9D9D9;
    gap: 2vw;
    position: relative;
  }

  .checkout_container .left{
    padding: 3vw;
    width: 100%;
  }

  .checkout_container .left .header{
    gap: 30px;
  }

  .checkout_container .left .header .hflex{
    gap: 10px;
    display: flex;
  }

  .checkout_container .left .header span{
    color: #666;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .checkout_container .left .header .active{
    color: #C73935;
    font-weight: 600;
  }

  .checkout_container .left .header h3{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .checkout_container .left .address{
    padding-top: 30px;
  }

  .checkout_container .left .address h1{
    color: #000;
    font-family: "DM Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .checkout_container .left .address .check_form{
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .checkout_container .left .address .check_form .two{
    display: flex;
    width: 100%;
    gap: 30px;
  }

  .checkout_container .left .address .check_form .input{
    width: 100%;
    gap: 10px;
    display: flex;
    flex-direction: column;
  }

  .checkout_container .left .address .check_form .input p{
    color: #000;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .checkout_container .left .address .check_form .input p span{
    color: #C73935;
    font-size: 20px;
  }

  .checkout_container .left .address .check_form .input input{
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--Grey-300, #D0D5DD);
    background: var(--Shade-White, #FFF);
    padding: 20px;
    height: 30px;
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'cv04' on, 'cv03' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
  }

  .checkout_container .left .address .check_form .input select{
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--Grey-300, #D0D5DD);
    background: var(--Shade-White, #FFF);
    padding: 20px;
    height: 30px;
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'cv04' on, 'cv03' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
  }

  .checkout_container .right{
    border-bottom: 1px solid var(--Border-color, #D9D9D9);
    border-left: 1px solid var(--Border-color, #D9D9D9);
    background: #FAFAFA;
    max-width: 100%;
    width: 100%;
    height: max-content;
    flex-shrink: 0;
    margin-left: auto;
  }

  .checkout_container .right h1{
    color: #000;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 40px 20px;
  }

  .checkout_container .right .price{
    color: #C73935;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .checkout_container .right .header{
    display: flex;
    border: 1px solid #D9D9D9;
  }

  .bnone{
    border: none !important;
  }

  .checkout_container .right .header h3{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    padding: 25px 20px;
    width: 50%;
    border-left: 1px solid #D9D9D9;
  }

  .checkout_container .right .prod_cont{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }

  .checkout_container .right .prod_cont .product{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .checkout_container .right .prod_cont .product .prod_left{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 55%;
  }

  .checkout_container .right .prod_cont .product .prod_left .img{
    width: 103.313px;
    height: 69.146px;
    flex-shrink: 0;
    background-size: contain;
    display: flex;
    width: 125px;
    height: 125px;
    padding: 22px 27px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2.046px;
    background-color: #FFF;
    position: relative;
  }

  .checkout_container .right .prod_cont .product .prod_left .img .num{
    position: absolute;
    top: -10px;
    right: -10px;
    display: inline-flex;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 30px;
    background: #AEAEAE;
  }

  .checkout_container .right .prod_cont .product .prod_left h2{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .checkout_container .right .prod_cont .product .prod_left span{
    color: #666;
    text-align: center;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  .checkout_container .right .cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .checkout_container .right .pr_cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
  }


  .checkout_container .right .calc{
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-top: 1px solid #D9D9D9;
    padding: 24px;
  }

  .checkout_container .right .calc div{
    display: flex;
    justify-content: space-between;
  }

  .checkout_container .right .calc h3{
    color: #000;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
  }

  .checkout_container .right .payment{
    display: flex;
    border-top: 1px solid #D9D9D9;
    padding: 24px;
  }

  .checkout_container .right .payment img{
    width: 51px;
  }

  /* checkout ends */

  /* upgrade starts */

  .upgrade .banner{
    display: flex;
    justify-content: space-between;
    background: #fff;
  }

  .upgrade .banner_text{
    background-image: none;
    width: 50%;
  }

  .upgrade .banner_text .top{
    align-items: flex-start;
    width: 487px;
    gap: 30px;
  }

  .upgrade .banner_text .top h1{
    text-align: start;
  }

  .upgrade .banner_text .top h3{
    text-align: start;
  }

  .upgrade .banner-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 41.6vw;
    height: max-content;
  }

  .upgrade .banner-grid .big{
    display: flex;
    gap: 10px;
    width: 26.8vw;
    /* height: 105px; */
    min-height: 48px;
    padding: 10px;
    background: rgba(220, 220, 220, 0.2);
  }

  .upgrade .banner-grid .big .texts{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .upgrade .banner-grid .big img{
    width: 30px;
  }

  .upgrade .banner-grid .big .texts h3{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.01em;
    text-align: left;
    color: #000;
  }

  .upgrade .banner-grid .big .texts p{
    font-family: DM Sans;
    font-size: 12px;
    font-weight: 500;
    line-height: 11.83px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #808080;
  }

  .upgrade .banner-grid .bigx{
    display: flex;
    flex-direction: column;
  }

  .upgrade .banner-grid .small{
    display: flex;
    flex-direction: column;
    width: 13vw;
    min-height: 48px;
    background: rgba(220, 220, 220, 0.2);
  }

  .upgrade .banner-grid .small{
    display: flex;
    flex-direction: column;
  }

  .upgrade .banner-grid .small{
    display: flex;
    height: 105px;
    flex-direction: column;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .upgrade .banner-grid .small span{
    font-family: DM Sans;
  }

  .upgrade .banner-grid .small p{
    font-family: DM Sans;
  }

  .upgrade .steps{
    padding-top: 50px;
  }

  .upgrade-texts{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    gap: 10px;
    width: 600px;
  }

  .upgrade-texts h1{
    font-family: DM Sans;
    font-size: 42px;
    font-weight: 600;
    line-height: 54.68px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(38, 50, 56, 1);
  }


  .upgrade-texts h3{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 18.23px;
    text-align: left;
    color: rgba(211, 53, 53, 1);
    background: rgba(255, 233, 233, 1);
    padding: 10px;
    width: max-content;
  }


  .upgrade-texts p{
    text-align: center;
  }

  .upgrade .services{
    padding: 35px;
  }

  .upgrade .services .serv_cont .flex{
    display: flex;
    justify-content: space-between;
  }

  .upgrade .services .serv_cont .flex img{
    width: 20px;
    height: 20px;
  }

  .upgrade .services .serv_cont .flex .contain{
    width: 44vw;
    gap: 30px;
  }

  .upgrade .services .serv_cont .flex .contain h3{
    font-family: DM Sans;
    font-size: 23px;
    font-weight: 600;
    line-height: 16.87px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .upgrade .services .serv_cont .flex .contain p{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .upgrade .services .serv_cont .flex .images .appo {
      position: absolute;
      right: -5vw;
      bottom: 4vw;
      width: 33vw;
      height: 24vw;
  }

  .upgrade .services .serv_cont .flex .images .drj {
      height: 12vw;
      position: absolute;
      width: 21vw;
      bottom: 20px;
      left: -16px;
  }

  .upgrade .services .serv_cont .flex .contain a{
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.44px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(211, 53, 53, 1);
  }

  /* faq starts */
  .faq-cont{
    padding: 50px 7.8vw;
  }

  .faq-cont .upgrade-texts{
    margin: 0;
    align-items: flex-start;
    width: 100%;
  }

  .faq-cont .upgrade-texts .flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .faq-cont .upgrade-texts a{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(94, 94, 94, 1);
  }

  .faq-cont .faq{
    display: flex;
    gap: 20px;
    column-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }

  .faq-cont .faq .item{
    background: rgba(244, 244, 244, 1);
    display: flex;
    flex-direction: column;
    width: 45%;
    padding: 30px 55px 30px 30px;
    gap: 93px;
    border-radius: 6px 0px 0px 0px;
    position: relative;
    height: max-content;
  }

  .faq-cont .faq .item::before{
    content: '|';
    position: absolute;
    top: 33%;
    right: 20px;
  }

  .faq-cont .faq .item.active::before{
    display: none;
  }

  .faq-cont .faq .item::after{
    content: '__';
    position: absolute;
    top: 26px;
    right: 14px;
  }

  .faq-cont .faq .item .header{
    height: Hug (84px)px;
  }

  .faq-cont .faq .item .content{
    display: none;
  }

  .faq-cont .faq .item.active .content{
    display: flex;
  }
  /* faq ends */

  .pre_footer{

  }

  .pre_footer p{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 0.8)
  }

  .pre_footer .card{
    display: flex;
    width: 87vw;
  }

  .pre_footer .img-two{
    position: relative;
    display: flex;
    width: 50%;
    padding-right: 8vw;
    justify-content: flex-end;
    margin-top: auto;
  }

  .pre_footer .img-two .img1{
    position: absolute;
    left: -4%;
    top: 60%;
  }

  .pre_footer .img-two img{

  }

  /* signup/login page starts */
  .main-form{
    display: flex;
    justify-content: space-between;
  }

  .main-form .logo{
    width: 156px;
  }

  .main-form .left{
    width: 35.7vw;
    padding: 2.5vw;
  }

  .main-form .left .text{
    gap: 1vw;
  }

  .main-form .left .text h1{
    font-family: DM Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 59.89px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .main-form .left .text p{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 23.97px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .main-form .testimonials_mobile{
    display: flex !important;
    margin-top: 200px;
  }

  /* testimonials_mobile starts */
  .testimonials_mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }


  .testimonials_mobile .text h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .testimonials_mobile .text p{
    color: #5E5E5E;
    text-align: justify;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 179.676%; /* 32.342px */
  }

  .testimonials_mobile .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.44px;
  }

  .testimonials_mobile .top{
    align-items: center;
  }

  .testimonials_mobile .top h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .testimonials_mobile .top img{
    width: 157px;
    height: 13px;
  }

  .test_slider{
    display: none;
    width: 31.1vw;
    padding: 1vw;
    flex-direction: column;
    gap: 20px;
    flex-shrink: 0;
    border-radius: 9.498px;
    background: rgba(211, 53, 53, 1);
  }

  .test_slider h3{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 500;
    line-height: 23.36px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
  }

  .test_slider p{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 500;
    line-height: 23.36px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
  }

  .test_slider .user{
    display: flex;
    margin-top: 20px;
    align-items: center;
    gap: 8px;
  }

  .test_slider .user .text{
    gap: 0px;
  }

  .test_slider .user .img{
    border-radius: 50%;
    width: 49px;
    height: 49px;
  }

  .test_slider .user h3{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 20.3px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
  }

  .test_slider .user p{
    font-family: DM Sans;
    font-size: 12px;
    font-weight: 500;
    line-height: 20.3px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
  }

  .fade{
    animation: fade 1.5s;
  }

  @keyframes fade {
    from {
  	opacity: .4
  	}

    to {
  	opacity: 1
        }
  }

  .dot{
    width: 10px;
    height: 10px;
    background-color: #D9D9D9;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px;
    transition: background-color 0.6s ease;
  }

  .dots .active{
    background-color: #717171;
    border-radius: 10px;
    background: #C73935;
    width: 10px;
    height: 10px;
  }

  /* testimonials_mobile ends */


  .main-form .right{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 64vw;
    padding: 2.5vw;
  }

  .main-form .right form{
    width: 50vw;
    padding: 2.5vw;
  }

  .main-form .right .top{
    align-items: center;
    justify-content: center;
  }

  .main-form .right .top h2{
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .main-form .right .top p{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.23px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(123, 123, 123, 1);
  }

  .main-form .right form{
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .main-form .right form .two{
    display: flex;
    gap: 20px;
    width: 100%;
  }

  .main-form .right form .input{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
  }

  .main-form .right form .input img{
    position: absolute;
    bottom: 8px;
    right: 10px;
  }

  .main-form .right form .input label{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 20.3px;
    text-align: left;
  }

  .main-form .right form .input input{
    width: 100%;
    padding: 8px 12px 8px 12px;
    border-radius: 6px ;
    border: 1px solid rgba(208, 213, 221, 1);
  }

  .main-form .right form .input.phone {

  }

  .main-form .right form .checkbox{
    display: flex;
    gap: 10px;
  }

  .main-form .right form .checkbox input{
    height: max-content;
    margin-top: 1px;
  }

  .main-form .right form .checkbox p{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 400;
    line-height: 16.93px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .main-form .right form .checkbox a{
    color: rgba(211, 53, 53, 1);
    text-decoration: underline;
  }

  .main-form .right form .button{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    background: rgba(211, 53, 53, 1);
    border-radius: 8px;
    text-align: center;
    border: none;
    padding: 15px;
  }

  .main-form .right form h4{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.23px;
    letter-spacing: -0.02em;
    text-align: left;
    position: relative;
    text-align: center;
    color: rgba(41, 45, 50, 1);
  }

  .main-form .right form h4::before{
    content: '';
    position: absolute;
    width: 40%;
    background: rgba(217, 217, 217, 1);
    height: 1px;
    left: 0;
    top: 50%;
  }

  .main-form .right form h4::after{
    content: '';
    position: absolute;
    width: 40%;
    background: rgba(217, 217, 217, 1);
    height: 1px;
    right: 0;
    top: 50%;
  }

  .main-form .right .text-b{
    font-family: DM Sans;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.53px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(94, 94, 94, 1);
  }

  .main-form a{
    color: rgba(211, 53, 53, 1);
    font-family: DM Sans;
  }

  .main-form .flex{
    justify-content: space-between;
  }

  .main-form .two.al{
    align-items: center;
    justify-content: center;
  }

  .checkbox.al p{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 400;
    line-height: 16.93px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(94, 94, 94, 1);
  }
  /* signup/login page ends */

  /* modal-cont starts */

  .mod-cont{
    min-width: 385px;
    min-height: 268px;
    gap: 0px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .mod-cont .img{
    margin-top: 20px;
  }

  .mod-cont .texts{
    gap: 10px;
    width: 350px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }

  .mod-cont .texts h3{
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 700;
    line-height: 28.64px;
    text-align: center;
  }

  .mod-cont .texts p{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.23px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(94, 94, 94, 1);
  }

  .mod-cont .al{
    justify-content: center;
  }

  .mod-cont .width{
    width: 300px;
    text-align: center;
  }
  /* modal-cont ends */

  /* upgrade ends */

}


@media (max-width: 500px) {

  /* signup page starts */

  .sign_container{
    padding: 15px;
    /* height: 100vh */
  }

  .sign_container .form{
    border-radius: 0;
    background: #FFF;
    padding: 13px;
    box-shadow: none;
    width: calc(100% - 26px);
    height: 100vh;
    transform: none;
    left: 0;
  }

  .sign_container .form .form_header{
    padding: 13px;
    border-bottom: 1px solid #D9D9D9F0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .sign_container .form .form_header h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .sign_container .form .form_header img{
    position: absolute;
    right: 5px;
  }

  .sign_container .form .form_body{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
  }

  .sign_container .form .form_body .input_cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
  }

  .sign_container .form .form_body .input_cont p{
    color: #000;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
  }

  .sign_container .form .form_body .input_cont input{
    width: calc(100% - 40px);
    padding: 20px;
    /* height: 51px; */
    border-radius: 8px;
    border: 0.8px solid #D9D9D9;
  }

  .sign_container .form .form_body .input_cont img{
    position: absolute;
    bottom: 17px;
    right: 18px;
  }

  .sign_container .form .form_body .submit{
    display: flex;
    width: 100%;
    height: 51px;
    padding: 15px 135px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #C73935;
    border: none;
    color: #FFF;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    margin: 10px 0;
  }

  .sign_container .form .form_body .or{
    color: #292D32;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
    position: absolute;
    bottom: -12px;
    left: 43%;
    padding: 5px 24px;
    background: #fff;
  }

  .form_footer{
    padding: 15px 0;
  }

  .google_sign{
    padding: 15px;
    gap: 10px;
    border-radius: 8px;
    border: 0.8px solid #D9D9D9;
    background: #FFF;
  }

  .google_sign h3{
    color: #222;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .form_footer .text{
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 15px;
  }

  .form_footer .text h2{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
  }

  .form_footer .text a{
    color: #C73935;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
  }

  .signin{
    display: flex;
    justify-content: space-between;
    padding: 21px 0;
  }

  .signin .check{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }

  .signin .check input{
   accent-color: #C73935;
   width: 21px;
   height: 21px;
  }

  .signin .check label{
    color: #5E5E5E;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  .signin a{
    color: #C73935;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  /* signup page ends */


  /* main page / landing page starts */
  .main_container{
    height: 100%;
  }

  /* banner starts */
  section{
    padding: 0 4.8vw;
  }

  .banner{
    background: linear-gradient(270deg, #FFDFDF 15.8%, rgba(255, 237, 237, 0.17) 92.64%);
    height: 600px;
    z-index: 10;
    position: relative;
    padding-top: 100px;
    width: calc(100%);
  }

  header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100%);
    /* background: linear-gradient(270deg, #FFDFDF 15.8%, rgba(255, 237, 237, 0.17) 92.64%); */
    z-index: 9999999999;
    padding: 0 20px;
  }

  header img{
    width: 156px;
  }

  header .links{
    display: inline-flex;
    align-items: flex-start;
    gap: 50px;
    display: none;
  }

  header .links .link{
    color: #000;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    padding: 10px 0;
  }

  header .links .link.active{
    color: #C73935;
  }

  header .links .link.active:before {
    content : "";
    position: absolute;
    left    : 0;
    bottom  : 0;
    height  : 1px;
    width   : 50%;
    border-bottom:1px solid #C73935;
  }

  header .extra{
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
  }

  header .extra .log{
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    display: none;
  }

  header .extra .menu{
    display: block;
  }

  header .extra img{
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    cursor: pointer;
  }

  header .extra h3{
    color: #C73935;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    padding: 20px;
    cursor: pointer;
  }

  header .extra button{
    color: #FFF;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    display: flex;
    padding: 12px 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #C73935;
    border: none;
  }

  .banner_text{
    display: flex;
    justify-content: center;
    padding-top: 10px;
    background-image: none;
    background-position: center;
  }

  .banner_text .top{
    width: 78vw;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .banner_text .top h1{
    color: #292D32;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -1px;
    text-align: center;
  }

  .banner_text .top h1 span{
    color: #C73935;
  }

  .banner_text .top h3{
    color: #5E5E5E;
     font-size: 20px;
     font-family: DM Sans;
     font-weight: 300;
     word-wrap: break-word;
     text-align: center;
  }

  .main_button{
    display: flex;
    width: max-content;
    /* height: 63px; */
    padding: 19px 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #C73935;
    border: none;
    color: #FFF;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.32px;
    margin-top: 10px;
    transition: 0.7s;
  }

  .main_button:hover{
    box-shadow: inset 300px 0 0 0 #fff;
    color: #C73935 !important;
    border: 1px solid #C73935 !important;
  }

  .banner_img{
    border-radius: 21.188px;
    border: 8.475px solid #FFF;
    box-shadow: 0px 10.594px 21.188px 0px rgba(211, 53, 53, 0.10);
    width: 70vw;
    height: 58vw;
    position: absolute;
    bottom: -25%;
    left: 16%;
    background-position: center;
    background-size: cover;
  }

  .banner_img .overlay{
    background-color: rgba(0,0,0,0.5);
    position: relative;
    z-index: 111;
    height: 100%;
    width: 100%;
    border-radius: 20px;
  }

  .banner_img .overlay .info{
    width: 93px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 10px;
    position: absolute;
  }

  .banner_img .overlay .info:first-child{
    right: -18%;
    top: 20%;
    gap: 5px;
  }

  .banner_img .overlay .info:last-child{
    left: -18%;
    top: 50%;
  }

  .banner_img .overlay .info h3{
    color: #000;
    font-family: DM Sans;
    font-size: 8px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    gap: 5px;
    align-items: center;
  }

  .banner_img .overlay .info p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 6px;
    font-style: normal;
    font-weight: 400;
  }

  .banner_img .overlay .info h3 img{
    display: flex;
    width: 7px;
    padding: 8.5px 7px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 40px;
    background: rgba(255, 223, 223, 0.57);
  }

  .sidebar_mobile{
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: #fff;
    top: 0;
    left: -100vw;
    transition: 0.5s;
  }

  .sidebar_mobile .header{
    display: flex;
    justify-content: space-between;
    padding: 20px;
  }

  .sidebar_mobile .header img{
    width: 156px;
  }

  .sidebar_mobile .header .ext{
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
  }

  .sidebar_mobile .header .ext img{
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    /* cursor: pointer; */
  }

  .sidebar_mobile .header .cancel img{
    width: 20px;
  }

  .sidebar_mobile .header .ext .cart{
    position: relative;
  }

  .sidebar_mobile .header .ext .cart .num{
    color: #FFF;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    width: 12px;
    height: 12px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8.857px;
    flex-shrink: 0;
    border-radius: 53.143px;
    background: #C73935;
    position: absolute;
    top: -10px;
    right: -10px;
  }

  .sidebar_mobile .links_mobile{
    display: flex;
    flex-direction: column;
    gap: 13px;
  }

  .sidebar_mobile .links_mobile .link_mobile{
    color: #000;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #D9D9D9;
    padding: 13px;
    padding-left: 30px;
  }

  .sidebar_mobile .links_mobile .link_mobile.active{
    color: #C73935;
  }

  /* banner ends */

  /* steps starts */

  .steps{
    padding-top: 250px;
  }

  .steps .text{
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    width: 100%;
  }

  .steps .text{
    color: #666;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 10vw;
  }

  .steps .text h1{
    color: #9E0F0F;
    /* text-align: center; */
    font-family: DM Sans;
    font-size: 37px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -1.2px;
  }

  .steps .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
  }

  .steps_body{
    border-radius: 30px;
    background: rgba(255, 223, 223, 0.20);
    padding: 5.5vw;
    padding-top: 2.5vw;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .steps_body .contain{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .steps_body .contain .img{
    width: 69vw;
    height: 48vw;
    border-radius: 30px;
    order: 1
  }

  .steps_body .contain .text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: max-content;
    padding: 20px 0;
    padding-bottom: 40px;
    order: 2;
  }

  .steps_body .contain .text h4{
    color: #C73935;
    font-family: DM Sans;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -0.36px;
  }

  .steps_body .contain .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.8px;
    width: 69vw;
  }

  .steps_body .contain .text p{
    color: #666;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.36px;
    width: 69vw;
  }

  .arrow1{
    position: absolute;
    bottom: -3%;
    left: 50%;
    width: 119.326px;
    /* height: 52.409px; */
  }

  .arrow2{
    position: absolute;
    top: -17%;
    left: 38%;
  }

  /* steps ends */

  /* services starts */

  .services{
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .services .text{
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;
  }

  .services .text h1{
    color: #9E0F0F;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.84px;
  }

  .services .text h3{
    color: #5E5E5E;
    text-align: center;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    width: auto;
  }

  .services .serv_cont {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 30px;
    justify-content: center;
    align-items: center;
  }

  .services .serv_cont .contain{
    width: 74vw;
    min-height: 80vw;
    flex-shrink: 0;
    border-radius: 30px;
    background: rgba(255, 237, 237, 0.17);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    gap: 10px;
    padding: 30px;
  }

  .services .serv_cont .left .logo{
    width: 32.25px;
    height: 32.25px;
    border-radius: 50%;
  }

  .services .serv_cont .left h3{
    color: #782323;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.6px;
  }

  .services .serv_cont .left p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.32px;
    width: auto;
  }

  .services .serv_cont .left a{
    color: #C73935;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.36px;
    margin-top: 67px;
  }

  .services .serv_cont .left .img{
    width: 28vw;
    height: 126px;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .services .serv_cont .right{
    background: #F6FAFE;
  }

  .services .serv_cont .right .logo{
    width: 32.25px;
    height: 32.25px;
    border-radius: 50%;
  }

  .services .serv_cont .right h3{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.6px;
  }

  .services .serv_cont .right p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.32px;
    width: auto;
  }

  .services .serv_cont .right a{
    color: #C73935;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.36px;
    margin-top: 67px;
  }

  .services .serv_cont .right .img{
    width: 28vw;
    height: 88.713px;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  /* services ends */

  /* visit starts */
  .visit{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 50px;
    background: rgba(255, 223, 223, 0.20);
  }

  .visit .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 80vw;
  }

  .visit .text h3{
    color: #C73935;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.32px;
    text-align: center;
  }

  .visit .text h1{
    color: #782323;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.64px;
    text-align: center;
  }

  .visit .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
  }

  .visit .text .main_button{
    transition: 1s;
  }

  .visit .img{
    width: 70vw;
    height: 49vw;
    flex-shrink: 0;
  }

  /* visit ends */

  /* testimonials_mobile starts */
  .testimonials{
    display: none;
  }

  .testimonials_mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }


  .testimonials_mobile .text h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .testimonials_mobile .text p{
    color: #5E5E5E;
    text-align: justify;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 179.676%; /* 32.342px */
  }

  .testimonials_mobile .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.44px;
  }

  .testimonials_mobile .top{
    align-items: center;
  }

  .testimonials_mobile .top h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .testimonials_mobile .top img{
    width: 157px;
    height: 13px;
  }

  .test_slider{
    display: none;
    width: 74.4vw;
    padding: 4vw;
    flex-direction: column;
    gap: 20px;
    flex-shrink: 0;
    border-radius: 9.498px;
    background: rgba(255, 223, 223, 0.20);
  }

  .test_slider h3{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .test_slider p{
    color: #5E5E5E;
    text-align: justify;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 179.676%; /* 25.155px */
  }

  .test_slider .user{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 8px;
  }

  .test_slider .user .img{
    border-radius: 50%;
    width: 49px;
    height: 49px;
  }

  .test_slider .user h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
  }

  .test_slider .user p{
    color: #C73935;
    font-family: DM Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.26px;
  }

  .fade{
    animation: fade 1.5s;
  }

  @keyframes fade {
    from {
  	opacity: .4
  	}

    to {
  	opacity: 1
        }
  }

  .dot{
    width: 5px;
    height: 5px;
    background-color: #D9D9D9;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px;
    transition: background-color 0.6s ease;
  }

  .dots .active{
    background-color: #717171;
    border-radius: 10px;
    background: #C73935;
    width: 34px;
    height: 5px;
  }

  /* testimonials_mobile ends */

  /* prefooters starts */

  .pre_footer{
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 100px 70px;
  }

  .pre_footer .card{
    width: 80vw;
    height: auto;
    flex-shrink: 0;
    border-radius: 30px;
    background: #C73935;
    align-items: flex-start ;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
  }

  .pre_footer .card .text{
    gap: 38px;
    padding: 40px;
    align-items: center;
    height: 100%;
  }

  .pre_footer h3{
    color: #FFF;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.76px;
    width: auto;
    gap: 20px;
  }

  .pre_footer button{
    color: #C73935;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    display: inline-flex;
    padding: 20px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #FFF;
    border: none;
    transition: 0.7s;
  }

  .pre_footer button:hover{
    border: 1px solid;
    box-shadow: inset 400px 0 0 0 #C73935;
    color: #fff;
  }

  .pre_footer .img{
    display: none;
  }

  /* prefooter ends */

  /* footer starts */
  .footer{
    border-top: 1px solid #AEAEAE;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 38px 5vw;
    min-height: 701px;
    gap: 40px;
  }

  .footer .column{
    width: max-content;
    gap: 22px;
    display: flex;
    flex-direction: column;
    padding: 10px;
  }

  .footer .column:nth-child(1){
    width: 100%;

  }

  .footer .column a{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .footer .column h3{
    color: #000;
    font-family: DM Sans;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .footer .column p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 220px;
    padding-bottom: 16px;
  }

  .footer .column img{
    width: 156px;
  }

  .footer .social{
    display: flex;
    gap: 25px;
  }
  /* footer ends */


  /* store_body starts */
  .store .pre_footer{
    padding: 40px 70px;
  }

  .store .banner_text .top {
      width: 58vw;
      position: relative;
  }

  .banner .extra_img img {
      width: 37vw;
      height: 25vw;
      flex-shrink: 0;
  }

  .store .banner{
    height: 400px;
  }

  .store_body{
    padding: 100px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
  }

  .store_body .top{
    align-items: center;
  }

  .store_body .top h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.76px;
  }

  .store_body .top img{
    width: 78.942px;
    height: 12.436px;
  }

  .store_body .opt{
    width: calc(100% - 10vw);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding-right: 0;
    position: relative;
  }

  .store_body .opt h3{
    color: #000;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.36px;
    display: flex;
  }

  .store_body .opt select{
    display: inline-flex;
    padding: 7px 9px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 6px;
    background: rgba(255, 223, 223, 0.20);
  }

  .store_body .opt select option{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
  }

  .main_store{
    display: flex;
    justify-content: center;
    gap: 25px;
    width: 100%;
    padding: 30px 0;
  }

  .filter_mobile{
    gap: 20px;
    padding: 0 1%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 22px;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 9;
    background: #fff;
  }


  /* .opt .filter_mobile .drop h3 .img:nth-child(2){
    display: block;
  }

  .drop_active .drop h3 img.img:nth-child(1){
    display: block !important;
  }

  .drop_active .drop h3 img.img:nth-child(2){
    display: none !important;
  } */

  .filter_mobile h2{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
  }

  .main_store .filters{
    display: none;
  }

  .opt .filter_mobile .drop{
    gap: 15px;
    height: 50px;
    overflow: hidden;
  }

  .opt .filter_mobile .drop h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid #D9D9D9;
  }

  .opt .filter_mobile .drop h3 img{
    display: none;
  }

  .opt .filter_mobile .drop p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .opt .filter_mobile .drop p.active{
    color: #C73935;
  }

  .products_container{
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: space-around;
    row-gap: 30px;
    width: 90%;
  }

  .products_container .product{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    width: 159.454px;
    height: 205.102px;
  }

  .products_container .product .img{
    width: 159.454px;
    height: 205.102px;
    border-radius: 10px;
    background: #F7F7F7;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
  }

  .products_container .product .img span{
    display: inline-flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 0px 0px 10px 0px;
    color: #FFF;
    text-align: center;
    font-family: DM Sans;
    font-size: 7px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.2px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .products_container .product .img .red{
    background: #C73935;
  }

  .products_container .product .img .green{
    background: #67B85F;
  }

  .products_container .product .text{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .products_container .product .brand{
    color: #666;
    font-family: DM Sans;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .products_container .product .name{
    color: #000;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .products_container .product .price{
    color: #C73935;
    font-family: DM Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .pagination{
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pagination span{
    display: flex;
    width: 37px;
    height: 37px;
    padding: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13.214px;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .pagination span.active{
    color: #fff;
    border-radius: 50%;
    background: #C73935;
  }

  .pagination b{
    padding: 5px;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .pagination a{
    color: #C73935;
    text-align: center;
    font-family: DM Sans;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px;
  }

  /* store_body ends */

  /* store ends */


  /* blog starts */

  .blog_main .banner{
    background: #fff;
    height: auto;
  }

  .blog_main .banner_text{
    background-image: none;
    justify-content: flex-start;
  }

  .recent_blog_cont{
    gap: 40px;
    width: 100%;
  }

  .recent_blog_cont h1{
    color: #000;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .recent_blog{
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%
  }

  .recent_blog .blog{
    height: 334px;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
  }

  .recent_blog .blog .overlay{
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #000 -47.13%, rgba(0, 0, 0, 0.00) 100%);
    display: flex;
    align-items: flex-end;
  }

  .recent_blog .blog .overlay .text{
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .recent_blog .blog .overlay .text span{
    color: #FFF;
    font-family: DM Sans;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.22px;
  }

  .recent_blog .blog .overlay .text h3{
    color: #FFF;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
  }

  .recent_blog .blog .overlay .text p{
    color: #FFF;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
  }

  .blog_body{

  }

  .blog_body .header{
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  .blog_body .header span{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.44px;
    padding: 16px 10px;
    position: relative;
    cursor: pointer;
  }

  .blog_body .header span.active{
    color: #000000;
  }

  .blog_body .header span.active::before{
    content : "";
    position: absolute;
    left    : 0;
    bottom  : 0;
    height  : 1px;
    width   : 100%;
    border-bottom:1px solid #C73935;
  }

  .blog_body .blog_container{
    border-top: 1px solid #fff;
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }


  .blog_body .blog_container .blog {
    width: 91vw;
    gap: 17px;
  }

  .blog_body .blog_container .blog .img{
    border-radius: 10px 0px;
    height: 63vw;
  }

  .blog_body .blog_container .blog .text{
    gap: 15px;
  }

  .blog_body .blog_container .blog .text h4{
    color: #000;
    font-family: DM Sans;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.18px;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 0.8px solid #C73935;
    width: max-content;
  }

  .blog_body .blog_container .blog .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
  }

  .blog_body .blog_container .blog .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .blog_body .blog_container .blog .text .dot{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: flex;
    background: #C73935;
  }

  /* blog ends */

  /* blog_details starts */

  .blog_banner{
    gap: 20px;
    padding: 0 10px;
  }

  .blog_banner .img{
    width: 86vw;
    height: 60vw;
    flex-shrink: 0;
    border-radius: 10px;
  }

  .blog_links{
    display: flex;
    gap: 7px;
  }

  .blog_links a{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  .blog_links a:last-child{
    color: #000000;
  }

  .blog_details_text{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding:  0 4vw;
  }

  .blog_details_text .info{
    gap: 20px;
  }

  .blog_details_text .info h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .blog_details_text .info .user{
    display: flex;
    gap: 5px;
  }

  .blog_details_text .info .user span{
    display: flex;
    color: #666;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
    gap: 12px;
    align-items: center;
  }

  .blog_details_text .info .user img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }

  .blog_details_text .text{
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .blog_details_text .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.44px;
  }

  .blog_details_text .text p{
    color: #242424;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 39.6px */
    letter-spacing: -0.36px;
    position: relative;
  }

  .blog_details_text .text p span{
    font-weight: 900;
  }

  .blog_details_text .text p span.highlight{
    background: #FFF7CB;
    padding: 3px;
  }

  .blog_details_text .text .quote{
    color: #782323;
    font-family: DM Sans;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 220%; /* 44px */
    letter-spacing: -0.4px;
  }

  .blog_details_text .text p:first-child::first-letter{
    color: #000;
    font-family: DM Sans;
    font-size: 70px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -1.4px;
    position: absolute;
    top: 50px;
  }

  .blog_details_text  .share{
    display: flex;
    align-items: center;
    gap:20px;
  }

  .blog_details_text  .share .social{
    gap: 20px;
    display: flex;
  }

  .comment_form{
    gap: 40px;
    padding: 10px 0;
  }

  .comment_form h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .comment_form .fd{
    gap: 10px;
  }

  .comment_form .fd p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
  }

  .comment_form .fd input{
    border-radius: 10px;
    border: 1px solid rgba(217, 217, 217, 0.94);
    padding: 20px;
  }

  .comment_form .fd textarea{
    border-radius: 10px;
    border: 1px solid rgba(217, 217, 217, 0.94);
    padding: 20px;
  }

  /* blog_details ends */

  /* about starts */

  .about_banner{
    gap: 50px;
    width: 100%;
  }

  .about_banner .top{
    gap: 20px;
    width: 100%;
  }

  .about_banner .top h3{
    color: #666;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .about_banner .top h1{
    width: 100%;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.9px;
  }

  .about_banner .about_slider{
    width: 100%;
    overflow: auto;
  }

  .about_banner .about_slider .inner{
    width: max-content;
    overflow: auto;
    display: flex;
    gap: 20px;
  }

  .about_banner .about_slider .inner .img{
    width: 200px;
    height: 190px;
    border-radius: 15px;
  }

  .about_banner .about_slider .inner::-webkit-scrollbar {
    display: none;
  }

  .about_banner .about_slider::-webkit-scrollbar {
    display: none;
  }

  .about_body {
    position: relative;
  }

  .about_body .behind{
    color: rgba(233, 233, 233, 0.40);
    font-family: DM Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 4.8vw;
    z-index: 1;
  }

  .about_body .text{
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    width: 98%;
    flex-direction: column;
  }

  .al{
    align-items: center;
  }

  .about_body .text  .left{
    padding: 10px 14px;
    width: 98%;
    gap: 20px;
  }

  .about_body .text .top{

  }

  .about_body .text .top h3{
    color: #666;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .about_body .text .top h2{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.9px;
  }

  .about_body .text p{
    color: #5E5E5E;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 171.213%; /* 27.394px */
    letter-spacing: -0.32px;
  }

  .about_body .text .right{
    width: 100%;
    height: 371px;
    background: #D9D9D9;
  }

  .about_body .team{
    display: grid;
    width: 100%;
    height: auto;
    min-height: 760px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 30px;
    padding-top: 80px;
  }

  .about_body .team .grid{
    border-radius: 17.471px;
    background: #D9D9D9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .about_body .team .grid:nth-child(1){
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .about_body .team .grid:nth-child(2){
    grid-column: 1/2 ;
    grid-row: 2/2;
  }

  .about_body .team .grid:nth-child(3){
    grid-column:2/2  ;
    grid-row:  2/2;
  }

  .about_body .team .grid:nth-child(4){
    grid-column:  ;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(5){
    grid-column: 1/3 ;
    grid-row:;
    background: #fff;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .about_body .team .grid:nth-child(6){
    grid-column:;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(7){
    grid-column: 2/3 ;
    grid-row: 4;
  }

  .about_body .team .grid:nth-child(8){
    grid-column: ;
    grid-row: ;
  }

  .about_body .team .grid:nth-child(9){
    grid-column: ;
    grid-row: ;
  }

  /* about ends */

  /* product_view starts */

  .product_main{
    padding: 0 5vw;
  }

  .product_view{
    gap: 30px;
    padding: 70px 0;
  }

  .product_view .top_text{
    display: flex;
    gap: 7px;
    padding: 0 10px;
  }

  .product_view .top_text span{
    color: #666;
    text-align: center;
    font-family: DM Sans;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
  }

  .product_view .top_text span:last-child{
    color: #000000;
    font-weight: 700;
  }

  .product_desc{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 10px;
  }

  .product_desc .left{
    gap: 20px;
    width: 100%;
  }

  .product_desc .left .main_img{
    display: inline-flex;
    height: 450px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-size: contain;
    border-radius: 15px;
    background-color: rgba(233, 233, 233, 0.40);
  }

  .product_desc .left .toggle_img{
    display: flex;
    width: auto;
    gap: 10px;
  }

  .product_desc .left .toggle_img .img{
    width: 100px;
    height: 92px;
    flex-shrink: 0;
    background-color: #F6F6F6;
    background-size: contain;
  }

  .product_desc .left .toggle_img .img.active{
    border: 1px solid #C73935;
  }

  .product_desc .right{
    width: 100%;
    padding-top: 20px;
  }

  .product_desc .right .text{
    gap: 25px;
  }

  .product_desc .right .text .cont{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .product_desc .right .text h1{
    color: #000;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .product_desc .right .text span{
    color: #666;
    font-family: DM Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.26px;
  }

  .product_desc .right .text p{
    color: #292D32;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: -0.32px;
  }

  .product_desc .right .text .price{
    color: #C73935;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .product_desc .right .text .availability{
    color: #FBBB00;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
  }

  .product_desc .right .text .quantity{
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .product_desc .right .text .quantity .quan_num{
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .product_desc .right .text .quantity .quan_num p{
    color: #292D32;
    display: flex;
    padding: 1px 13px;
    height: max-content;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 0.5px solid #AEAEAE;
  }

  .product_desc .right .text .quantity .quan_num i{
    font-size: 15px;
  }

  .product_desc .right .text .drop_text{

  }

  .product_desc .right .text .drop_text .drop{
    width: 100%;
    height: 40px;
    overflow: hidden;
  }

  .product_desc .right .text .drop_text .drop_active{
    height: auto;
  }

  .product_desc .right .text .drop_text .drop h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
  }

  .product_desc .right .text .drop_text .drop p{
    color: #666;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: -0.32px;
  }

  .product_desc .right .buttons{
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .product_desc .right .buttons{
    padding-top: 30px;
  }

  .product_desc .right .buttons button{
    display: flex;
    padding: 0px;
    height: 50px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border: none;
    background: #C73935;
    color: #FFF;
    text-align: center;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
  }

  .product_desc .right .buttons button:nth-child(2){
    color: #C73935;
    border: 1px solid #C73935;
    background: #fff  ;
  }

  .product_desc .right .buttons button i{
    color: #fff;
    font-size: 20px;
  }

  .product_view .tab_container{
    display: flex;
    flex-direction: column;
  }

  .product_view .tab_container .header{
    display: flex;
    gap: 10px;
  }

  .product_view .tab_container .header h3{
    color: #5E5E5E;
    text-align: center;
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    position: relative;
    padding: 20px 0;
    cursor: pointer;
  }

  .product_view .tab_container .header h3.active{
    color: #9E0F0F;
  }

  .product_view .tab_container .header h3.active::before{
    content : "";
    position: absolute;
    left    : 0;
    bottom  : 0;
    height  : 1px;
    width   : 100%;
    border-bottom:1px solid #C73935;
  }

  .product_view .tab_container .tabcontent{
    gap: 35px;
    padding: 35px 0;
    border-top: 1px solid #D9D9D9;
  }

  .product_view .tab_container .tabcontent p{
    color: #363636;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 32.4px */
    letter-spacing: -0.36px;
  }

  .suggestions{
    gap: 50px;
    padding: 0px;
    padding-bottom: 30px;
  }

  .suggestions .top{
    align-items: center;
  }

  .suggestions .top h3{
    color: #000;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%; /* 59.5px */
    letter-spacing: -0.7px;
  }

  .suggestions .top img{
    width: 200px;
  }

  .suggestions .products_container{
    width: 100%;
    justify-content: space-between;
  }
  /* product_view ends */

  /* cart ends */

  .cart_modal{

  }

  .cart_modal .form{
    top: 0;
    left: auto;
    right: 0;
    left: 0;
    transform: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: auto;
    max-height: 100vh;
    width: 100vw;
    overflow: auto;
  }

  .cart_modal .form .form_header{
    justify-content: inherit;
    padding-top: 0;
  }

  .cart_modal .form.active .empty_cart{
    display: none;
  }

  .cart_modal .form.active .filled_cart{

  }

  .cart_modal .empty_cart .img{
    padding: 70px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cart_modal .empty_cart .img img{
    width: 237px;
    height: 237px;
    flex-shrink: 0;
  }

  .cart_modal .empty_cart .img p{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

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

  .cart_modal  .cart_button button{
    display: flex;
    width: 80vw;
    height: 32px;
    padding: 24px 0px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    background: #C73935;
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    border: none;
    transition: 0.5s;
  }

  .cart_modal .empty_cart .cart_button button:hover{
    border: 1px solid #C73935;
    color: #C73935;
    box-shadow: inset 430px 0 0 0 #fff;
  }

  .cart_modal .filled_cart{
    /* padding: 20px; */
  }

  .cart_modal .filled_cart .product{
    display: flex;
    gap: 30px;
  }

  .cart_modal .filled_cart .product .img{
    display: flex;
    width: 168px;
    height: 148px;
    justify-content: center;
    align-items: center;
    border-radius: 2.749px;
    background: rgba(233, 233, 233, 0.40);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .cart_modal .filled_cart .product .text{
    width: 200px;
    gap: 20px;
  }

  .cart_container{
    padding: 25px 0;
    gap: 20px;
  }

  .cart_modal .filled_cart .product .text .cont{

  }

  .cart_modal .filled_cart .product .text h1{
    color: #000;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .cart_modal .filled_cart .product .text span{
    color: #666;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  .cart_modal .filled_cart .product .text .price{
    color: #C73935;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .cart_modal .filled_cart .product .text .quantity{
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .cart_modal .filled_cart .product .text .quantity i{
    display: flex;
    font-size: 18px;
    padding: 5px;
    color: #666666;
    justify-content: center;
    align-items: center;
  }

  .cart_modal .filled_cart .product .text .quantity p{
    color: #666;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
    padding: 5px 15px;
    border: 0.5px solid #666666;
  }

  .cart_modal .filled_cart .product .text .quantity .quan_num{
    display: flex;
    gap: 15px;
  }

  .cart_modal .filled_cart .ext{
    gap: 50px;
    padding: 30px 0;
  }


  .cart_modal .filled_cart .ext .drop_text .drop{
    width: 100%;
    height: 40px;
    overflow: hidden;
  }

  .cart_modal .filled_cart .ext .drop_text .drop_active{
    height: auto;
  }

  .cart_modal .filled_cart .ext .drop_text .drop h3{
    color: #292D32;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
  }

  .cart_modal .filled_cart .ext .drop_text .drop p{
    color: #666;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: -0.32px;
  }

  .cart_modal .cart_button{
    gap: 20px;
  }

  .cart_modal .cart_button p{
    color: #000;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    display: flex;
  }

  .cart_modal .cart_button div{
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .cart_modal .cart_button h3{
    font-weight: 700;
  }


  /* cart ends */

  /* checkout starts */

  .checkout_container{
    display: flex;
    flex-direction: column;
    margin-top: 90px;
    border-top: 1px solid #D9D9D9;
    gap: 2vw;
    position: relative;
  }

  .checkout_container .left{
    padding: 3vw;
    width: 100%;
  }

  .checkout_container .left .header{
    gap: 30px;
  }

  .checkout_container .left .header .hflex{
    gap: 10px;
    display: flex;
  }

  .checkout_container .left .header span{
    color: #666;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .checkout_container .left .header .active{
    color: #C73935;
    font-weight: 600;
  }

  .checkout_container .left .header h3{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .checkout_container .left .address{
    padding-top: 30px;
  }

  .checkout_container .left .address h1{
    color: #000;
    font-family: "DM Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .checkout_container .left .address .check_form{
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .checkout_container .left .address .check_form .two{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 30px;
  }

  .checkout_container .left .address .check_form .input{
    width: 100%;
    gap: 10px;
    display: flex;
    flex-direction: column;
  }

  .checkout_container .left .address .check_form .input p{
    color: #000;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .checkout_container .left .address .check_form .input p span{
    color: #C73935;
    font-size: 20px;
  }

  .checkout_container .left .address .check_form .input input{
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--Grey-300, #D0D5DD);
    background: var(--Shade-White, #FFF);
    padding: 20px;
    height: 30px;
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'cv04' on, 'cv03' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
  }

  .checkout_container .left .address .check_form .input select{
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--Grey-300, #D0D5DD);
    background: var(--Shade-White, #FFF);
    padding: 20px;
    height: 30px;
    color: var(--Grey-400, #98A2B3);
    font-feature-settings: 'cv04' on, 'cv03' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
  }

  .checkout_container .right{
    border-bottom: 1px solid var(--Border-color, #D9D9D9);
    border-left: 1px solid var(--Border-color, #D9D9D9);
    background: #FAFAFA;
    max-width: 100%;
    width: 100%;
    height: max-content;
    flex-shrink: 0;
    margin-left: auto;
  }

  .checkout_container .right h1{
    color: #000;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 40px 20px;
  }

  .checkout_container .right .price{
    color: #C73935;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .checkout_container .right .header{
    display: flex;
    border: 1px solid #D9D9D9;
  }

  .bnone{
    border: none !important;
  }

  .checkout_container .right .header h3{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    padding: 25px 20px;
    width: 50%;
    border-left: 1px solid #D9D9D9;
  }

  .checkout_container .right .prod_cont{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 5px;
  }

  .checkout_container .right .prod_cont .product{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .checkout_container .right .prod_cont .product .prod_left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 55%;
  }

  .checkout_container .right .prod_cont .product .prod_left .img{
    width: 103.313px;
    height: 69.146px;
    flex-shrink: 0;
    background-size: contain;
    display: flex;
    width: 125px;
    height: 125px;
    padding: 22px 27px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2.046px;
    background-color: #FFF;
    position: relative;
  }

  .checkout_container .right .prod_cont .product .prod_left .img .num{
    position: absolute;
    top: -10px;
    right: -10px;
    display: inline-flex;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
    border-radius: 30px;
    background: #AEAEAE;
  }

  .checkout_container .right .prod_cont .product .prod_left h2{
    color: #000;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .checkout_container .right .prod_cont .product .prod_left span{
    color: #666;
    text-align: center;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
  }

  .checkout_container .right .cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .checkout_container .right .pr_cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
  }


  .checkout_container .right .calc{
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-top: 1px solid #D9D9D9;
    padding: 24px;
  }

  .checkout_container .right .calc div{
    display: flex;
    justify-content: space-between;
  }

  .checkout_container .right .calc h3{
    color: #000;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
  }

  .checkout_container .right .payment{
    display: flex;
    border-top: 1px solid #D9D9D9;
    padding: 24px;
  }

  .checkout_container .right .payment img{
    width: 51px;
  }

  /* checkout ends */


  /* upgrade starts */

  .upgrade .banner{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    gap: 10px;
    height: max-content;
  }

  .upgrade .banner_text{
    background-image: none;
  }

  .upgrade .banner_text .top{
    align-items: flex-start;
    width: 487px;
    gap: 30px;
  }

  .upgrade .banner_text .top h1{
    text-align: start;
  }

  .upgrade .banner_text .top h3{
    text-align: start;
  }

  .upgrade .banner-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
  }

  .upgrade .banner-grid .big{
    display: flex;
    gap: 4px;
    width: 58.5vw;
    min-height: 48px;
    padding: 10px;
    background: rgba(220, 220, 220, 0.2);
  }

  .upgrade .banner-grid .big .texts{
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 75%;
  }

  .upgrade .banner-grid .big .texts h3{
    font-family: DM Sans;
    font-size: 10px;
    font-weight: 700;
    line-height: 26.04px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #000;
  }

  .upgrade .banner-grid .big .texts p{
    font-family: DM Sans;
    font-size: 8.6px;
    font-weight: 500;
    line-height: 20.83px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #808080;
  }

  .upgrade .banner-grid .bigx{
    display: flex;
    flex-direction: column;
  }

  .upgrade .banner-grid .small{
    display: flex;
    flex-direction: column;
    width: 28.3vw;
    min-height: 87px;
    background: rgba(220, 220, 220, 0.2);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .upgrade .banner-grid .small span{
    display: none;
  }

  .upgrade .banner-grid .small p{
    display: none;
  }

  .upgrade .steps{
    padding-top: 50px;
  }

  .upgrade-texts{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    gap: 10px;
    width: auto;
  }

  .upgrade-texts h1{
    font-family: DM Sans;
    font-size: 28px;
    font-weight: 600;
    line-height: 54.68px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(38, 50, 56, 1);
  }


  .upgrade-texts h3{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 600;
    line-height: 18.23px;
    text-align: left;
    color: rgba(211, 53, 53, 1);
    background: rgba(255, 233, 233, 1);
    padding: 10px;
    width: max-content;
  }


  .upgrade-texts p{
    text-align: center;
  }

  .upgrade .services{
    padding: 20px;
  }

  .upgrade .services .serv_cont .flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .upgrade .services .serv_cont .flex .contain{
    width: auto;
    gap: 30px;
  }

  .upgrade .services .serv_cont .flex img{
    width: 90vw;
    order: 2;
  }

  .upgrade .services .serv_cont .flex .contain h3{
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 600;
    line-height: 46.87px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .upgrade .services .serv_cont .flex .contain p{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .upgrade .services .serv_cont .flex .contain a{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 23.44px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(211, 53, 53, 1);
  }

  /* faq starts */
  .faq-cont{
    padding: 50px 7.8vw;
  }

  .faq-cont .upgrade-texts{
    margin: 0;
    align-items: flex-start;
    width: 100%;
  }

  .faq-cont .upgrade-texts .flex{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }

  .faq-cont .upgrade-texts a{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(94, 94, 94, 1);
  }

  .faq-cont .faq{
    display: flex;
    flex-direction: column;
    gap: 20px;
    column-gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }

  .faq-cont .faq .item{
    background: rgba(244, 244, 244, 1);
    display: flex;
    flex-direction: column;
    width: 84vw;
    padding: 30px 55px 30px 30px;
    gap: 30px;
    border-radius: 6px 0px 0px 0px;
    position: relative;
    height: max-content;
  }

  .faq-cont .faq .item::before{
    content: '|';
    position: absolute;
    top: 32px;
    right: 20px;
  }

  .faq-cont .faq .item.active::before{
    display: none;
  }

  .faq-cont .faq .item::after{
    content: '__';
    position: absolute;
    top: 24px;
    right: 14px;
  }

  .faq-cont .faq .item .header{
    height: Hug (84px)px;
  }

  .faq-cont .faq .item .content{
    display: none;
  }

  .faq-cont .faq .item.active .content{
    display: flex;
  }
  /* faq ends */
  .pre_footer p{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 0.8)
  }

  .pre_footer .card{
    display: flex;
    width: 87vw;
  }

  .pre_footer .img-two{
    position: relative;
    display: none;
    width: 50%;
    padding-right: 8vw;
    justify-content: flex-end;
    margin-top: auto;
  }

  .pre_footer .img-two .img1{
    position: absolute;
    left: -4%;
    top: 60%;
  }

  /* signup/login page starts */
  .main-form{
    display: flex;
    justify-content: space-between;
  }

  .main-form .logo{
    position: relative;
    width: 156px;
  }

  .main-form .line{
    position: relative;
  }

  .main-form .line::before{
    content: '';
    width: 90vw;
    height: 1px;
    position: absolute;
    top: -25%;
    right: -27vw;

    background: rgba(217, 217, 217, 1);
  }

  .main-form .left{
    width: 35.7vw;
    padding: 2.5vw;
    display: none;
  }

  .main-form .left .text{
    gap: 1vw;
  }

  .main-form .left .text h1{
    font-family: DM Sans;
    font-size: 46px;
    font-weight: 600;
    line-height: 59.89px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .main-form .left .text p{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 23.97px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .main-form .testimonials_mobile{
    display: flex !important;
    margin-top: 200px;
  }

  /* testimonials_mobile starts */
  .testimonials_mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }


  .testimonials_mobile .text h1{
    color: #9E0F0F;
    font-family: DM Sans;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .testimonials_mobile .text p{
    color: #5E5E5E;
    text-align: justify;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 179.676%; /* 32.342px */
  }

  .testimonials_mobile .text h3{
    color: #000;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.44px;
  }

  .testimonials_mobile .top{
    align-items: center;
  }

  .testimonials_mobile .top h3{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }

  .testimonials_mobile .top img{
    width: 157px;
    height: 13px;
  }

  /* testimonials_mobile ends */


  .main-form .right{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    padding: 6.5vw;
    padding-top: 10px;
  }

  .main-form .right form{
    width: 100%;
    padding: 2.5vw;
  }

  .main-form .right .top{
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }

  .main-form .right .top h2{
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 31.25px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .main-form .right .top p{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.23px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(123, 123, 123, 1);
  }

  .main-form .right form{
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .main-form .right form .two{
    display: flex;
    gap: 20px;
    width: 100%;
  }

  .main-form .right form .input{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
  }

  .main-form .right form .input img{
    position: absolute;
    bottom: 8px;
    right: 10px;
  }

  .main-form .right form .input label{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 20.3px;
    text-align: left;
  }

  .main-form .right form .input input{
    width: 100%;
    padding: 8px 12px 8px 12px;
    border-radius: 6px ;
    border: 1px solid rgba(208, 213, 221, 1);
  }

  .main-form .right form .input.phone {

  }

  .main-form .right form .checkbox{
    display: flex;
    gap: 10px;
  }

  .main-form .right form .checkbox input{
    height: max-content;
    margin-top: 1px;
  }

  .main-form .right form .checkbox p{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 400;
    line-height: 16.93px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .main-form .right form .checkbox a{
    color: rgba(211, 53, 53, 1);
    text-decoration: underline;
  }

  .main-form .right form .button{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    background: rgba(211, 53, 53, 1);
    border-radius: 8px;
    text-align: center;
    border: none;
    padding: 15px;
  }

  .main-form .right form h4{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.23px;
    letter-spacing: -0.02em;
    text-align: left;
    position: relative;
    text-align: center;
    color: rgba(41, 45, 50, 1);
  }

  .main-form .right form h4::before{
    content: '';
    position: absolute;
    width: 40%;
    background: rgba(217, 217, 217, 1);
    height: 1px;
    left: 0;
    top: 50%;
  }

  .main-form .right form h4::after{
    content: '';
    position: absolute;
    width: 40%;
    background: rgba(217, 217, 217, 1);
    height: 1px;
    right: 0;
    top: 50%;
  }

  .main-form .right .text-b{
    font-family: DM Sans;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.53px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(94, 94, 94, 1);
  }

  .main-form a{
    color: rgba(211, 53, 53, 1);
    font-family: DM Sans;
  }

  .main-form .flex{
    justify-content: space-between;
  }

  .main-form .two.al{
    align-items: center;
    justify-content: center;
  }

  .checkbox.al p{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 400;
    line-height: 16.93px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(94, 94, 94, 1);
  }
  /* signup/login page ends */

  /* modal-cont starts */

  .mod-cont{
    min-width: 385px;
    min-height: 268px;
    gap: 0px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .mod-cont .img{
    margin-top: 20px;
  }

  .mod-cont .texts{
    gap: 10px;
    width: 350px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }

  .mod-cont .texts h3{
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 700;
    line-height: 28.64px;
    text-align: center;
  }

  .mod-cont .texts p{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.23px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgba(94, 94, 94, 1);
  }

  .mod-cont .al{
    justify-content: center;
  }

  .mod-cont .width{
    width: 300px;
    text-align: center;
  }
  /* modal-cont ends */

  /* upgrade ends */
  .main_container .testimonials_mobile {
      display: flex;
  }

  /* about-new starts */

  .about_body .text .right.new{
    display: flex;
    gap: 2%;
    width: 100%;
    margin-top: 10vw;
    background: none;
  }

  .about_body .text .right.new .left{
    width: 49%;
    display: flex;
    flex-direction: column;
    gap: 2%;
    padding: 0;
  }

  .about_body .text .right.new .left figure{
    background: #D9D9D9;
    height: 100%;
    border-radius: 8px;
  }

  .about_body .text .right.new .right{
    width: 49%;
    gap: 2%;
  }

  .about_body .text .right.new .right figure{
    background: #D9D9D9;
    border-radius: 8px;
    height: 49%;
  }

  .values-cont{
    padding: 60px 30px;
  }

  .values{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    gap: 30px;
  }

  .values .item{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
  }

  .values .item img{
    width: 86px;
  }

  .values .item h3{
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 23.44px;
    color: rgba(21, 21, 21, 1);
  }

  .values .item p{
    color: rgba(21, 21, 21, 1);
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.83px;
    text-align: center;
  }

  /* team starts */

  .team-cont{
    gap: 30px;
  }

  .team-cont .upgrade-texts{
    margin: 0;
  }

  .team-new{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
  }

  .team-new .item{
    width: 42.6vw;
  }

  .team-new .item .img{
    width: 100%;
    height: 40vw;
    gap: 0px;
    border-radius: 6px;
  }

  .team-new .item .texts{

  }

  .team-new .item .texts h3{
    font-family: DM Sans;
    font-size: 13px;
    font-weight: 600;
    line-height: 23.44px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(0, 0, 0, 1);
  }

  .team-new .item .texts p{
    font-family: DM Sans;
    font-size: 12px;
    font-weight: 500;
    line-height: 20.83px;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(94, 94, 94, 1);
  }

  /* team ends */

  /* about-new ends */

  /* home-new starts */

  .checklist{
    gap: 20px;
  }

  .checklist .item{
    display: flex;
    gap: 10px;
  }

  .checklist .item img{
    width: 22px !important;
    height: 22px !important;
    order: 0 !important;
  }

  .checklist .item p{
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: -0.02em;
    text-align: left;
    color: rgba(82, 88, 102, 1);
  }

  .upgrade .services .serv_cont .flex .images{
    position: relative;
    width: 95vw;
  }

  .upgrade .services .serv_cont .flex .images .img{
    width: 90vw;
    height: 70vw;
    border-radius: 20px;
    margin: 0 auto;
  }

  .upgrade .services .serv_cont .flex .images .appo{
    position: absolute;
    right: 1vw;
    bottom: -6vw;
    width: 54vw;
    height: 37vw;
  }

  .upgrade .services .serv_cont .flex .images .med{
    position: absolute;
    width: 108px;
    top: 20px;
    right: 8%;
    border-radius: inherit;
  }

  .upgrade .services .serv_cont .flex .images .drj{
    position: absolute;
    width: 200px;
    bottom: 20px;
    left: 15px;
  }

  .upgrade .services .serv_cont .flex{

  }
}