/* general styling starts */
/* * {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
} */

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


a{
  text-decoration: none;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.bg-none{
  background: none !important;
}

body {
  min-height: 100%;
}

input[type=submit]{
  cursor: pointer;
}

.main_col{
  color: #C73935 !important;
}

button{
  cursor: pointer;
}

.imgp{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.imgc{
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.fd{
  display: flex;
  flex-direction: column;
}

/* general styling ends */

/* 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;
  margin-left: 5px;
}

.sign_container .form .form_body .input_cont input{
  width: calc(100%);
  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: -4%;
  height: 18px;
  cursor: pointer;
}

.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;
}

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

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

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

.form 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;
}

 header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100%);
  background: #fff;
  z-index: 9999999999;
  padding: 0 7vw;
  backdrop-filter: blur(5px);
}

 header img{
  width: 156px;
}

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

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

.mck-dropbtn {
  background-color: #3498db;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.mck-dropdown {
  position: relative;
  display: inline-block;
}

.mck-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.mck-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.mck-dropdown-content a:hover {
  background-color: #f1f1f1;
}

.mck-dropdown:hover .mck-dropdown-content {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.mck-dropdown:hover .mck-dropbtn {
  background-color: #2980b9;
}


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;
}

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: 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: 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: 50px;
  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;
  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: 452px;
  position: absolute;
  bottom: -50%;
  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: 18px;
  font-style: normal;
  font-weight: 500;
  padding-bottom: 2.5vw;
}

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

.steps .text p{
  color: #5E5E5E;
  font-family: DM Sans;
  font-size: 20px;
  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: 40px;
  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: 18px;
  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;
}

.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: 42px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.84px;
}

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

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

.services .serv_cont .contain{
  width: 30.5vw;
  /* 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: 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: 30px;
  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: 70%;
}

.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: 30px;
  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: 38vw;
}

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

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

.visit .text p{
  color: #5E5E5E;
  font-family: DM Sans;
  font-size: 18px;
  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: 50px;
  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: 45px;
  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: 10%;
}

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

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

.testimonials .down .left .user.active::before {
  content: "";
  position: absolute;
  left: -30%;
  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: 23px;
  font-weight: 500;
  letter-spacing: -0.46px;
}

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

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

.testimonials .down .right h1{
  color: #9E0F0F;
  font-family: DM Sans;
  font-size: 38px;
  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: 361px;
  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: 40px;
  /* align-items: center; */
  height: 100%;
}

.pre_footer h3{
  color: #FFF;
  font-family: DM Sans;
  font-size: 38px;
  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: 10px;
  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: 100px 70px;
}

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

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

.footer .column h3{
  color: #000;
  font-family: DM Sans;
  font-size: 22px;
  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: 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;
}

.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: 38px;
  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: 10px;
  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: 20px;
  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: 16px;
  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;
}

.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: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.6px;
}

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

.recent_blog .blog{
  width: 29vw;
  height: 20vw;
  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: 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: 24px;
  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;
}

.recent_blog .blog .overlay a{
  color: #fff !important;
}

.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: 80px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}


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

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

.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 img{
  max-width: 100vw;
}

.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: 67%;
  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;
}

.about_body .behind{
  color: rgba(233, 233, 233, 0.40);
  font-family: DM Sans;
  font-size: 115px;
  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: 60px 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: 30%;
  height: 32.7vw;
  background: ;
}

.about_body .team{
  display: grid;
  width: 910px;
  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 60px;
}

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

.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;
  gap: 10px;
  width: 350px;
  overflow: auto;
}

.product_desc .left .toggle_img::-webkit-scrollbar {
    display: none;
}

.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: 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: 30px;
  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: 30px;
  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: 300px;
  padding: 0px 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: 18px;
  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: 30px;
}

.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: 20px;
  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-bottom: 100px;
}

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

.suggestions .top h3{
  color: #000;
  font-family: DM Sans;
  font-size: 35px;
  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;
  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 .tot{
  color: #000;
  text-align: center;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.36px;
}

.cart_modal .cart_button .tot h3{
  font-weight: 600;
}

/* cart ends */

/* checkout starts */

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

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

.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: 600px;
  width: 43vw;
  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;
}

.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;
}

.upgrade .banner-grid .big{
  display: flex;
  gap: 10px;
  width: 26.8vw;
  min-height: 148px;
  padding: 35px 23px 35px 20px;
  background: rgba(220, 220, 220, 0.2);
}

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

.upgrade .banner-grid .big .texts h3{
  font-family: DM Sans;
  font-size: 20px;
  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: 16px;
  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: 13vw;
  min-height: 148px;
  background: rgba(220, 220, 220, 0.2);
  font-family: Dm sans;
  align-items: center;
  justify-content: center;
}
.upgrade .banner-grid .small.green{
  background: rgba(215, 255, 211, 1);
}

.upgrade .banner-grid .small p{
  font-family: DM Sans;
  font-size: 13px;
  font-weight: 800;
  line-height: 16.93px;
  letter-spacing: -0.01em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.upgrade .banner-grid .small span{
  font-family: DM Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.23px;
  letter-spacing: -0.01em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  display: flex;
  align-items: center;
  gap: 10px;
}

.upgrade .banner-grid .small .red::before{
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  background-color: rgba(211, 53, 53, 1);
}

.upgrade .steps{
  padding: 90px;
}

.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;
  text-transform: uppercase;
}


.upgrade-texts p{
  text-align: center;
  font-family: DM sans
}

.upgrade .services{
  padding: 100px 150px;
}

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

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

.upgrade .services .serv_cont .flex .contain h3{
  font-family: DM Sans;
  font-size: 36px;
  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: 16px;
  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: 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: 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: 39vw;
  padding: 30px 25px 30px 30px;
  gap: 93px;
  border-radius: 6px 0px 0px 0px;
  position: relative;
  height: max-content;
  cursor: pointer;
}

.faq-cont .faq .item .head{
  font-family: DM sans;
}

.faq-cont .faq .item::before{
  content: '|';
  position: absolute;
  top: 31px;
  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{

}

.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;
  height:100vh;
}

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

.main-form .left{
  width: 35.7vw;
  padding: 2.5vw;
  display: flex;
  flex-direction: column;
  background-image: url(/new-askthedoc-assets/images/signup-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.main-form .right::scroll-bar{
  display: none;
}

.main-form .right{
  overflow: auto;
}

.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: auto;
}

/* 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: 500px;
  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 */
.flex.al{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

.flex.al p{
  font-family: DM Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.23px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(94, 94, 94, 1);
}

.main_container .testimonials_mobile{
  display: none ;
}

/* about-new starts */

.about_body .text .right.new{
  display: flex;
  gap: 2%;
  width: 47%;
  margin-top: 10vw;
}

.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;
  justify-content: space-between;
  padding: 30px;
}

.values .item{
  width: 25vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
}

.values .item img{
  width: 83px;
}

.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: 305px;
}

.team-new .item .img{
  width: 100%;
  height: 287px;
  gap: 0px;
  border-radius: 6px;
}

.team-new .item .texts{

}

.team-new .item .texts h3{
  font-family: DM Sans;
  font-size: 18px;
  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: 16px;
  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;
}

.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: 40vw;
}

.upgrade .services .serv_cont .flex .images .img{
  width: 35vw;
  height: 40vw;
  border-radius: 20px;
}

.upgrade .services .serv_cont .flex .images .appo{
  position: absolute;
  right: 2vw;
  bottom: -6vw;
  width: 358px;
  height: 288px;
}

.upgrade .services .serv_cont .flex .images .med{
  position: absolute;
  width: 108px;
  top: 20px;
  right: 20%;
  border-radius: inherit;
}

.upgrade .services .serv_cont .flex .images .drj{
  position: absolute;
  width: 237px;
  bottom: 20px;
  left: -57px;
}

.upgrade .services .serv_cont .flex{

}
/* home-new ends */