@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Playpen+Sans:wght@100..800&family=Playwrite+AU+SA:wght@100..400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
  font-family: 'Almarai', sans-serif;
  /* box-sizing: border-box; */
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

body {
  margin: 0;
  background-color: var(--scondary1-color);
}

:root {
  --main-color: #0052CC;
  --scondary1-color: #F2F3F7;
  --priamry-color: #00B894;
  --color-footer: #3B465A;
  --button-color: #FFC300;
}


.font-17 {
  font-size: 17px;
}

.color-384046 {
  color: #384046;
}
/* input{
  border: 2px solid var(--main-color) !important;
} */
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
  border-color: var(--main-color) !important;
  box-shadow: none !important;
}

.register,
.login,
.forgot-password,
.otp-verification,
.reset-password {
  background-color: var(--scondary1-color);
  height: 100vh;
}

.register .image,
.login .image,
.forgot-password .image,
.otp-verification .image,
.reset-password .image {
  top: 1px;
}

.register .image img,
.login .image img,
.forgot-password .image img,
.otp-verification .image img,
.reset-password .image img {
  width: 70px;
  height: 70px;
}

.register .image .name,
.login .image .name,
.forgot-password .image .name,
.otp-verification .image .name,
.reset-password .image .name {
  margin-top: -19px;
  color: var(--priamry-color);
}

.register form,
.login form,
.forgot-password form,
.otp-verification form,
.reset-password form {
  padding: 0 60px;
}

.register .titel-register .titel1 {
  font-size: 27px;
  color: #384046;
}

.register .titel-register .titel2,
.login .titel-login .titel2,
.forgot-password .titel-forgot-password .titel2,
.otp-verification .titel-otp-verification .titel2,
.reset-password .titel-reset-password .titel2 {
  color: #787D83;
  font-size: 17px;
}

.register .User-type {
  color: var(--main-color);
}

.register .select2-container--default .select2-selection--single {
  height: 38px;
  padding: 5px 4px;
  border-radius: 6px;
}

.register .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
}

.register .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #6b7075;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #dadddf;
}

.register .form-check-input[type=checkbox],
.login .form-check-input[type=checkbox] {
  margin-right: 6px;
  padding: 10px;
}

.register .form-check-label p,
.register .Sign-in,
.login .form-check-label p,
.login .Create-account,
.otp-verification .Resend-Code {
  color: #9B9FA2;
  font-size: 17px;
}

.register .form-check-label p a,
.register .form-check-label p span,
.login .Forgot-Password {
  color: var(--main-color);
  font-size: 17px;
}

.register button,
.login button,
.forgot-password button,
.otp-verification button,
.interface5 button,
.reset-password button {
  padding: 13px 0px;
  background-color: var(--main-color);
}

.register .Sign-in a,
.login .Create-account a {
  color: var(--main-color);
}

.login form,
.forgot-password form,
.otp-verification form,
.reset-password form {
  padding-top: 25px;
}

.login .titel-login .titel1,
.forgot-password .titel-forgot-password .titel1,
.otp-verification .titel-otp-verification .titel1,
.reset-password .titel-reset-password .titel1 {
  font-size: 33px;
  color: #384046;
}

.login .line {
  border-bottom: 2px solid #d8dbdd;
  width: 128px;
  margin: 0 -6px;
}

.login .text-box {
  padding: 0 10px;
  white-space: nowrap;
  color: #9B9FA2;
}

.otp-verification .otp-code {
  display: flex;
  gap: 10px;
}

.otp-verification .otp-input {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 24px;
  border: 2px solid #ccc;
  border-radius: 10px;
  transition: border-color all 0.5s ease, box-shadow all 0.5s ease !important;
}

.otp-verification .otp-input:focus {
  border-color: var(--main-color);
  outline: none;
  box-shadow: 0 0 3px var(--main-color);
}

.otp-verification .otp-input.filled {
  border-color: var(--main-color);
  box-shadow: 0 0 4px var(--main-color);
}

.otp-verification .titel-otp-verification .titel2 span {
  color: #FF0000;
  font-size: 19px;
}

.otp-verification .Resend-Code a {
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}

/* start header */
/*start header-top */
header .header-top .navbar {
  background-color: #D6D6D6;
}

header .header-top .Welcome,
header .header-top .Phone-number,
header .header-top .dropdown,
header .header-top .log a,
header .header-top .log2 span {
  color: #384046;
  font-size: 15px;
}

.header-top .Phone-number a {
  color: var(--main-color);
  font-size: 15px;
}

header .header-top .dropdown .dropdown-menu {
  min-width: 100px;
  left: auto;
}

header .header-top .log2 .nav-link i {
  background-color: var(--main-color);
  width: 35px;
  height: 35px;
}

header .header-top .log2 .dropdown-menu .dropdown-item i {
  color: var(--main-color);
}

header .header-top .log2.dropdown .dropdown-menu {
  right: 0;
  margin-top: 8px;
}

header .header-top .log2 .dropdown-menu li {
  padding: 0px;
}

header .header-top .log2.dropdown .dropdown-menu::before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin-left: 142px;
  transform: rotate(45deg);
  margin-top: -18px;
}

header .header-top .log2.dropdown .dropdown-menu li {
  padding: 5px 0;
  /* transition: all 0.3s ease ; */
}

header .header-top .log2.dropdown .dropdown-menu .dropdown-item:hover,
header .header-top .log2.dropdown .dropdown-menu .dropdown-item:active {
  background-color: var(--main-color);
}

header .header-top .log2.dropdown .dropdown-menu .dropdown-item:hover span,
header .header-top .log2.dropdown .dropdown-menu .dropdown-item:hover i {
  color: #fff;
}

/* end header-top*/
/* start header-middle */

.header-middle {
  background-color: var(--scondary1-color);
}

header .header-middle .image img {
  width: 70px;
}

header .header-middle .image .name {
  color: var(--priamry-color);
  margin-top: -16px;
}

header .header-middle form .input-group input {
  border-radius: 6px !important;
  border: 2px solid var(--main-color);
  padding: 10px 0;
  padding-left: 10px;
}

header .header-middle form .input-group input::placeholder {
  font-size: 15px;
}

header .header-middle form .input-group button {
  height: 48px;
  background-color: var(--main-color);
  border: 0px;
  border-radius: 5px;
  transition: all 0.3s ease;
}

header .header-middle form .input-group button:active {
  background-color: var(--priamry-color);
}

header .header-middle form .input-group button i {
  padding: 0 16px;
  font-size: 14px;
}

header .header-middle .icon-heart a i,
header .header-middle .icon-shopping a i {
  font-size: 25px;
  color: #878C90;
}

header .header-middle .icon-shopping,
header .header-middle .shopping-cart {
  margin-left: 10px;
}

header .header-middle .icon-shopping p {
  background-color: var(--main-color);
  width: 15px;
  height: 15px;
  top: -8px;
  right: -4px;
  font-size: 12px;
  display: flex;
}

header .header-middle .shopping-cart {
  font-size: 14px;
}

header .header-middle .shopping-cart .span-1 {
  color: #878C90;
}

header .header-middle .shopping-cart .span-2 {
  color: var(--main-color);
}

/* end header-middle */
/* start header-butoon */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* زر الهامبرغر نفسه - البوردر أبيض */
.navbar-toggler {
  border: 2px solid white;
}

.header-butoon .navbar {
  background-color: var(--main-color);
}

.header-butoon .navbar .nav-item {
  margin-right: 50px;
}

.header-butoon .navbar .nav-item .nav-link.item1 {
  padding: 18px 0;
  padding-left: 18px;
  padding-right: 57px;
}

.header-butoon .navbar .nav-item .nav-link {
  padding: 18px 0px;
}

.header-butoon .navbar .navbar-nav .nav-item .active,
.header-butoon .navbar .navbar-nav .nav-item .nav-link:hover,
.header-butoon .navbar .navbar-nav .nav-item .nav-link:focus {
  background-color: var(--priamry-color);
}

.header-butoon .navbar .navbar-nav .nav-item .active,
.header-butoon .navbar .navbar-nav .nav-item .nav-link {
  transition: all 0.3 ease;
}

.header-butoon .navbar .navbar-nav .nav-item .nav-link i {
  font-size: 19px;
}

.header-butoon .navbar .navbar-nav .dropdown-menu {
  top: 60px;
  z-index: 9999;
  border: 0px solid #fff;
  min-width: 198px;
}

.header-butoon .navbar .navbar-nav .dropdown-menu .dropdown-item {
  font-size: 13px;
  color: #878C90;
  padding: 7px 0;
  padding-left: 12px;
}

.header-butoon .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
  color: #384046;
  background-color: var(--scondary1-color);
}

.header-butoon .navbar .navbar-nav .dropdown-menu .dropdown-divider {
  color: #F5F5F5;
  opacity: 15%;
}

/* end header-butoon */
/* start sec-slider */
.slider .main-image {
  width: 82.2%;
  aspect-ratio: 16 / 9;
  height: 354px;
}

.slider .image-overlay,
.slider .thumb-overlay,
.slider2 .image-overlay {
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.slider .titel-main-image,
.slider2 .titel-carousel-inner {
  left: 33%;
  transform: translate(-50%, -50%);
  width: 50%;
}

.slider .titel-main-image h4 {
  color: var(--main-color);
  font-size: 20px;
}

.slider .titel-main-image .titel-2 {
  font-size: 30px;
}

.slider .titel-main-image .titel-3 {
  font-size: 17px;
  opacity: 90%;
}

.titel-main-image .btn {
  background-color: var(--main-color);
}

.titel-main-image .btn:active {
  background-color: var(--priamry-color);
}

.slider .thumbs-navigation {
  width: 82.2%;
  float: right;
}

.slider .thumb-container {
  max-width: 33.4%;
}

.slider .thumb {
  height: auto;
  max-height: 151px;
  width: auto;
  max-width: 100%;
}


.slider .titel-thumb-container {
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  top: 50%;
}

.slider .titel-thumb-container .titel-1 {
  font-size: 15px;
  margin-bottom: 10px;
}

.slider .titel-thumb-container .titel-2 {
  font-size: 13px;
  opacity: 90%;
}

.slider .prevThumb,
.slider .nextThumb {
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  font-size: 20px;
  padding: 10px;
  z-index: 10;
}

/* end  breadcrumb */
/* start sec1 */
.sec1 {
  /* بتبدا سطر جديد من نهاية اخر عنصر انكتب  */
  clear: both;
}

.sec1 .titel-item .titel-1 {
  font-size: 17px;
  color: #384046;
}

.sec1 .titel-item .titel-2,
.sec2 .titel-item .titel-2 {
  font-size: 14px;
  color: #878C90;
}

.sec2 .titel-sec2 h3,
.sec2 .titel-item .titel-1,
.sec3 .titel-sec3 h3 {
  color: #384046;
  font-size: 19px;
}

.sec2 .titel-sec2 .View-more,
.sec3 .titel-sec3 .View-more {
  background-color: var(--priamry-color);
}

.sec3 .titel-sec3 .View-more {
  margin-right: 100px;
}

.sec3 .titel-sec3::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #E9E9E9;
  margin-bottom: -65px;
}

.sec3 .titel-sec3::after {
  position: absolute;
  content: "";
  display: block;
  width: 12%;
  height: 2px;
  background-color: var(--main-color);
  margin-bottom: -65px;
}

.sec3 .owl-carousel .card {
  max-height: 400px;
}

.sec3 .owl-carousel .card .image {
  height: 200px;
}

.sec3 .item span {
  background-color: #FF0000;
  border-bottom-left-radius: 16px;
  border-top-right-radius: 16px;
}

.sec3 .item .Content .titel-1 {
  color: #878C90;
}

.sec3 .item .Content .titel-2 {
  color: #384046;
  font-size: 16px;
}

.sec3 .item .Content ul li a i {
  color: #FFD91A;
}

.sec3 .item .Content .prise .prise-1 {
  color: #F44F2F;
  font-size: 17px;
}

.sec3 .item .Content .prise .prise-2 {
  color: #C8CED2;
}

.sec3 .item .Content .Add .btn1 {
  background-color: var(--main-color);
  font-size: 14px;
}

.sec3 .owl-carousel .owl-nav {
  position: absolute;
  top: -86px;
  right: 0px;
}

.sec3 .owl-carousel .owl-nav button span {
  color: var(--priamry-color);
  font-size: 22px;
}

.sec3 .owl-carousel .owl-nav button {
  margin-left: 10px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #FFFFFF;
}

/* srart sec4 */
.sec4 .contact .titel-contact {
  left: 40%;
  transform: translate(-50%, -50%);
  width: 65%;
}

.sec4 .contact .titel-contact .titel-1 {
  color: var(--main-color);
  font-size: 15px;
  padding-bottom: 13px;
}

.sec4 .contact .titel-contact .titel-2 {
  font-size: 23px;
  line-height: 30px;
}

.sec4 .contact .titel-contact .titel-3 {
  font-size: 15px;
  opacity: 90%;
  padding-bottom: 10px;
}

.sec4 .contact .titel-contact .btn {
  background-color: var(--main-color);
  padding: 11px 0;
  width: 45%;
}

.sec4 .contact .titel-contact .btn:active {
  background-color: var(--priamry-color);
}

/* end sec4 */
/* start sec5 */
.sec5 .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 250px;
  gap: 10px;
}

.sec5 .contact-card {
  left: 47%;
  width: 65%;
}

.sec5 .contact-card2 {
  left: 50%;
  width: 80%;
}

.sec5 .contact-card p,
.sec5 .contact-card2 p {
  font-size: 22px;
}

.sec5 .contact-card .highlight,
.sec5 .contact-card2 .highlight {
  color: var(--main-color);
  font-size: 14px;
}

.sec5 .card1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.sec5 .card2 {
  grid-column: 2 / 3;
  grid-row: span 2;
}

.sec5 .card3 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.sec5 .card4 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

.sec5 .card6 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}

/* end sec5 */
/* start sec */
.sec6 {
  background-color: #F2EBE6;
}

.sec6 .titel-sec6 h3 {
  font-size: 28px;
  color: #384046;
}

.sec6 .titel-sec6 p {
  font-size: 18px;
  color: #384046;
}

.sec6 .input-group input {
  padding: 20px 25px;
  border-radius: 35px !important;
}

.sec6 .input-group button {
  right: 1px;
  border-radius: 35px !important;
  background-color: var(--main-color);
  padding: 11px 38px;
  margin-right: 12px;
}

.sec6 .input-group button:active {
  background-color: var(--main-color);
}

/* end sec6 */
/* start footer  */
footer .image img {
  width: 70px;
}

footer .image .name {
  color: var(--priamry-color);
  margin-top: -16px;
}

footer {
  background-color: var(--color-footer);
}

footer .Social li a {
  width: 40px;
  height: 40px;
}

footer .Social li a i {
  color: var(--main-color);
}

footer .contact2 h3,
footer .contact3 h3,
footer .contact4 h3 {
  font-size: 20px;
}

footer .contact2 ul li a,
footer .contact3 ul li a,
footer .contact4 ul li a {
  font-size: 14px;
}

footer .row {
  border-bottom: 4px solid rgba(241, 240, 246, 0.1);
}

footer .contact4 {
  align-items: end;
}

footer .contact4 h3 {
  padding-right: 105px;
}

footer .contact3 {
  align-items: flex-end;
}

footer .contact3 h3 {
  padding-right: 64px;
}

/* end footer */
/* start  products */
/* start  breadcrumb */
.breadcrumb1 {
  padding: 30px 0;
}

.breadcrumb1 .breadcrumb .breadcrumb-item {
  font-size: 15px;

}

.breadcrumb1 .breadcrumb .breadcrumb-item a {
  color: #9CA1A6;
}

.breadcrumb1 .breadcrumb .breadcrumb-item.active {
  color: var(--main-color);
}

/* end  breadcrumb */
.products .slider .carousel-item img {
  height: 395px;
}

.products .slider .titel-carousel-inner {
  left: 33%;
  transform: translate(-50%, -50%);
  width: 50%;
}

.products .slider .titel-carousel-inner h4 {
  font-size: 17px;
  color: #F44F2F;
}

.products .slider .titel-carousel-inner p {
  font-size: 28px;
}

.products .slider .titel-carousel-inner span {
  font-size: 17px;
  opacity: 90%;
}

.products .slider button {
  width: 20px;
}

.products .slider .carousel-control-prev-icon,
.products .slider .carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 25px 13px;
}

.products .form .card h3 {
  font-size: 17px;
  word-spacing: 3px;
  color: #384046;
}

.products .form .card .form-check .form-check-label {
  color: #9CA1A6;
  font-size: 14px;
}

.products .form .card .form-check input:checked+label {
  color: var(--main-color);
}

.products .form .card .form-check input:checked {
  border-color: var(--main-color);
}

.products .form button {
  background-color: var(--main-color);
}

.products .Filter button,
.products .Filter button:active {
  background-color: var(--main-color);
  font-size: 14px;
}

.products .sec1 h3 {
  font-size: 15px;
}

.products .sec1 h3 span {
  color: var(--main-color);
}

.products .sec1 form p {
  font-size: 15px;
  padding-top: 15px;
}

.products .sec1 form .form-select {
  width: 60%;
}

.products .sec1 .form-select option:checked {
  color: var(--main-color);
}

.products .sec3 .item .card .image {
  height: 200px;
}

.products .sec3 .pagination button:active,
.products .sec3 .pagination button.active,
.products .sec3 .pagination button:focus {
  background-color: var(--main-color);
  color: #fff;
}

.products .sec3 .pagination button {
  color: #878C90;
}

/* end  products */
/* start stores */
.stores .sec1 label {
  font-size: 19px;
  color: #384046;
}

.stores .select2-container--default .select2-selection--single {
  height: 52px;
}

.stores .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
  color: #787D83;
}

.stores .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #787D83;
  line-height: 47px;
}

.stores .sec1 form button.btn.text-white.py-3 {
  background-color: var(--main-color);
  height: 52px;
}

.stores .sec2 .card img {
  width: 90px;
  top: 1;
  top: -41px !important;
  right: 210px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}

.stores .sec2 .card .contact {
  padding-top: 100px;
}

.stores .sec2 .card .contact h4 {
  font-size: 16px;
  color: var(--main-color);
}

.stores .sec2 .card .contact ul li a i.star1 {
  color: #FFD91A;
}

.stores .sec2 .card .contact ul li a i.star2 {
  color: #EFEFF4;
}

.stores .sec2 .card .contact p {
  font-size: 12px;
}

.stores .sec2 .card .contact p i {
  color: var(--main-color);
  font-size: 16px;
}

/* end stores */
/* start stores2 */
.stores2 .slider .carousel-item img {
  height: 395px;
}

.stores2 .slider .titel-carousel-inner {
  left: 33%;
  transform: translate(-50%, -50%);
  width: 50%;
}

.stores2 .slider .titel-carousel-inner h4 {
  font-size: 17px;
  color: #F44F2F;
}

.stores2 .slider .titel-carousel-inner p {
  font-size: 28px;
}

.stores2 .slider .titel-carousel-inner span {
  font-size: 17px;
  opacity: 90%;
}

.stores2 .slider button {
  width: 20px;
}

.stores2 .slider .carousel-control-prev-icon,
.stores2 .slider .carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 25px 13px;
}

.stores2 .sec1 h3 {
  font-size: 16px;
  color: #384046;
}

.stores2 .sec1 ul li a {
  background-color: #FEF5EB;
  color: var(--main-color);
  width: 50px;
  height: 50px;
}

.stores2 .sec1 ul li p {
  font-size: 12px;
}

.stores2 .sec2 .form .card h3 {
  font-size: 17px;
  word-spacing: 3px;
  color: #384046;
}

.stores2 .sec2 .form .card .form-check .form-check-label {
  color: #9CA1A6;
  font-size: 14px;
}

.stores2 .sec2 .form .card .form-check input:checked+label {
  color: var(--main-color);
}

.stores2 .sec2 .form .card .form-check input:checked {
  border-color: var(--main-color);
}

.stores2 .sec2 .form button {
  background-color: var(--main-color);
}

.stores2 .sec2 .Filter button,
.stores2 .sec2 .Filter button:active {
  background-color: var(--main-color);
  font-size: 14px;
}

.stores2 .sec3 .pagination button:active,
.stores2 .sec3 .pagination button.active,
.stores2 .sec3 .pagination button:focus {
  background-color: var(--main-color);
  color: #fff;
}

.stores2 .sec3 .pagination button {
  color: #878C90;
}

.stores2 .sec3 .item .card .image {
  height: 200px;
}

/* end stores2 */
/* start stores3 */
.stores3 .sec1 .owl-carousel1 {
  width: 80%;
  left: 10%;
}

.stores3 .sec1 .image-shart {
  height: 380px;
  background-color: #e0e0e0;
}

.stores3 .sec1 .image-shart img {
  transition: all 0.3s ease-in-out;
}

.stores3 .sec1 .owl-carousel1 .item .card {
  border-width: 2px;
}

.stores3 .sec1 .owl-carousel1 .item .card:active,
.stores3 .sec1 .owl-carousel1 .item .card.active {
  border-color: var(--main-color);
}

.stores3 .sec1 .owl-carousel1 button {
  position: absolute;
  top: 40px;
}

.stores3 .sec1 .owl-carousel1 button:active {
  background-color: var(--main-color);
}

.stores3 .sec1 .owl-carousel1 button.owl-next,
.stores3 .sec1 .owl-carousel1 button.owl-prev {
  width: 40px;
  height: 40px;
  border: 2px solid var(--main-color);
  border-radius: 50%;
  color: var(--main-color);
  font-weight: bold;
  font-size: 26px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;

}

.stores3 .sec1 .owl-carousel1 button.owl-next {
  right: -50px;
}

.stores3 .sec1 .owl-carousel1 button.owl-prev {
  left: -50px;

}

.stores3 .sec1 .owl-carousel1 button.owl-next:active,
.stores3 .sec1 .owl-carousel1 button.owl-prev:active {
  color: #fff;
}

.stores3 .sec1 .contact h2 {
  font-size: 30px;
  color: #384046;
}

.stores3 .sec1 .contact .star-Exclusive-offer .star li a i {
  color: #FFD91A;
}

.stores3 .sec1 .contact .star-Exclusive-offer .Exclusive-offer a p {
  color: #FF421D;
  font-size: 16px;
}

.stores3 .sec1 .contact .prise .prise-1 {
  font-size: 25px;
  color: var(--main-color);
}

.stores3 .sec1 .contact .prise .prise-2 {
  color: #C8CED2;
  font-size: 13px;
}

.stores3 .sec1 .contact .titel {
  font-size: 14px;
  color: #A3A7AB;
}

.stores3 .sec1 .contact .quantity-counter-button .btn2 {
  color: var(--main-color);
  font-size: 30px;
  bottom: -4px;
}

.stores3 .sec1 .contact .quantity-counter-button .btn1 {
  bottom: -1px;
  color: var(--main-color);
  font-size: 30px;
}

.stores3 .sec1 .contact .quantity-counter-button .btn1 {
  right: 1px;
}

.stores3 .sec1 .contact .quantity-counter-button a {
  background-color: var(--main-color);
  font-size: 14px;
}

.stores3 .sec1 .contact .color span {
  color: #A3A7AB;
  font-size: 17x;
}

.stores3 .sec1 .contact .buy-add a {
  color: var(--main-color);
  background-color: rgba(240, 142, 34, 0.15);
  font-size: 15px;
}

.stores3 .sec1 .contact .social span {
  font-size: 19px;
  color: #384046;
}

.stores3 .sec1 .contact .social li .facebook i {
  background-color: #3D589D;
}

.stores3 .sec1 .contact .social li .twitter i {
  background-color: #00ACEE;
}

.stores3 .sec1 .contact .social li .pinterest i {
  background-color: #D32F2F;
}

.stores3 .sec1 .contact .social li .envelope i {
  background-color: #7D7D7D;
}

.stores3 .sec1 .contact .social li .share-nodes i {
  background-color: #95D03A;
}

.stores3 .sec1 .contact .social li a i {
  width: 30px;
  height: 30px;
  font-size: 12px;
}

.stores3 .sec2 .background-nav {
  background-color: rgba(240, 142, 34, 0.09);
}

.stores3 .sec2 .background-nav .nav li a {
  padding: 19px 20px;
  color: #020C14;
  font-size: 18px;
}

.stores3 .sec2 .background-nav .nav li a:active,
.stores3 .sec2 .background-nav .nav li .active {
  background-color: var(--main-color);
  color: #fff;
}

.stores3 .sec2 .tab-content .Description .text p {
  font-size: 14px;
  color: #A3A7AB;
}


.stores3 .sec2 .tab-content .Evaluations .rating-summary h2 {
  font-size: 50px;
  color: #020C14;
}

.stores3 .sec2 .tab-content .Evaluations .rating-summary .star .star2 {
  color: #FFD91A;
}

.stores3 .sec2 .tab-content .Evaluations .rating-summary .star .star1 {
  color: #C6CCD0;
}

.stores3 .sec2 .tab-content .Evaluations .rating-summary p {
  color: #7F8D96;
  font-size: 23px;
}

.stores3 .sec2 .tab-content .Evaluations .rating-summary .btn1 {
  background-color: var(--main-color);
  font-size: 18px;
  padding: 12px 45px;
}

.stores3 .form-modal {
  padding-right: 30px;
  padding-left: 30px;
}

.stores3 .modal-dialog .modal-content {
  background-color: var(--scondary1-color);
}

.stores3 .form-modal input:active,
.stores3 .form-modal input:focus,
.stores3 .form-modal textarea:active,
.stores3 .form-modal textarea:focus {
  border-color: var(--main-color);

}

.stores3 .form-modal .star li a i {
  font-size: 30px;
}

.stores3 .form-modal .star li a .star1 {
  color: #FFCC00;
}

.stores3 .form-modal .star li a .star2 {
  color: #D6D6D6;
}

.stores3 .form-modal .btn-send {
  background-color: var(--main-color);

}

.stores3 .sec2 .tab-content .Evaluations .rating-bars {
  max-width: 350px;
}

.stores3 .sec2 .tab-content .Evaluations .rating-bars .rating-row .bar {
  height: 10px;
  background-color: #eee;
}

.stores3 .sec2 .tab-content .Evaluations .rating-bars .rating-row .fill {
  background-color: #FFD91A;
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comments-header h4 {
  font-size: 20px;
  color: #384046;
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comments-header::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #E9E9E9;
  margin-top: 65px;
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comments-header::after {
  position: absolute;
  content: "";
  display: block;
  width: 12%;
  height: 2px;
  background-color: var(--main-color);
  margin-top: 9px;
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-image img {
  border: 4px solid #273B84;
  padding: 2px;
  height: 110px;
  width: 110px;
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-details .comment-author h4 {
  color: #122D3F;
  font-size: 21px;
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-details .comment-author a {
  font-size: 16px;
  background-color: var(--main-color);
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-details .comment-text span {
  font-size: 13px;
  color: rgba(18, 45, 63, 0.40);
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-details .comment-text p {
  font-size: 15px;
  color: #999999;
}

.stores3 .sec2 .tab-content .Evaluations .comments-container .comment::before {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  margin-left: 118px;
  transform: rotate(45deg);

}

/* end stores3 */
/* start favourite */
.favourite .sec3 .item .card .image {
  height: 200px;
}

.favourite .sec3 .pagination button:active,
.favourite .sec3 .pagination button.active,
.favourite .sec3 .pagination button:focus {
  background-color: var(--main-color);
  color: #fff;
}

.favourite .sec3 .pagination button {
  color: #878C90;
}

/* end favourite */
/* start Connect-us */
.Connect-us .sec1 .contact-information h2 {
  font-size: 30px;
  color: #122D3F;
}

.Connect-us .sec1 .contact-information {
  margin-left: 35px;
}

.Connect-us .sec1 .contact-information .address h3,
.Connect-us .sec1 .contact-information .Email-address h3,
.Connect-us .sec1 .contact-information .Mobile-Number h3 {
  font-size: 20px;
  color: #273B84;
}

.Connect-us .sec1 .contact-information .address a,
.Connect-us .sec1 .contact-information .Email-address a,
.Connect-us .sec1 .contact-information .Mobile-Number a {
  font-size: 14px;
  color: var(--main-color);
}

.Connect-us .sec2 {
  background-color: rgba(240, 142, 34, 0.07);
}

.Connect-us .sec2 form h2 {
  font-size: 35px;
  color: var(--main-color);
}

.Connect-us .sec2 form label {
  font-size: 17px;
  color: #2F3749;
}

.Connect-us .sec2 form input {
  padding: 12px;
}

.Connect-us .sec2 form input::placeholder {
  color: #AEB7BC;
  font-size: 15px;
}

.Connect-us .sec2 form button {
  background-color: var(--main-color);
  padding: 8px 75px;
  font-size: 20px;
}

.Connect-us .sec2 form button:active {
  background-color: var(--main-color);
}

/* end Connect-us */
/* start personal-data */

.personal-data .user-list .image img {
  border: 2px solid var(--main-color);
  padding: 2px;
  height: 100px;
  width: 100px;
}

.personal-data .user-list .image i {
  bottom: 107px;
  right: calc(50% - 50px - 10px);
  background: var(--main-color);
  width: 25px;
  height: 25px;
  font-size: 12px;
}

.personal-data .user-list .image p {
  font-size: 16px;
  color: #384046;
}

.personal-data .user-list .image span {
  font-size: 13px;
  color: #878C90;
}

.personal-data .user-list ul li i {
  color: var(--main-color);
}

.personal-data .user-list ul li a span {
  font-size: 19px;
  color: #42494F;
}

.personal-data .user-list ul li {
  padding: 10px 0;
  margin-bottom: 7px;
  transition: all 0.3s ease;
}

.personal-data .user-list ul li:hover,
.personal-data .user-list ul li:active,
.personal-data .user-list ul li.active,
.personal-data .user-list ul li:focus {
  background-color: var(--main-color);
}

.personal-data .user-list ul li:hover a span,
.personal-data .user-list ul li:hover a i,
.personal-data .user-list ul li.active a i,
.personal-data .user-list ul li.active a span {
  color: #fff;
}

.personal-data .user-list {
  padding-bottom: 29px;
}

.personal-data .form {
  padding-left: 30px;
  padding-right: 20px;
  min-height: 568px;
}

.personal-data .form h2 {
  font-size: 22px;
  color: #42494F;
}

.personal-data .form label {
  font-size: 17px;
  color: #2F3749;
}

.personal-data .form input {
  padding: 12px;
}

.personal-data .form input::placeholder {
  color: #AEB7BC;
  font-size: 15px;
}

.personal-data .form button {
  background-color: var(--main-color);
  padding: 13px 65px;
  font-size: 20px;
}

.personal-data .form button:active {
  background-color: var(--main-color);
}

.personal-data .form .select2-container--default .select2-selection--single {
  height: 49px;
}

.personal-data .form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
  color: #787D83;
}

.personal-data .form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #787D83;
  line-height: 47px;
}

.personal-data .form .City {
  margin-top: 4px;
}

.personal-data .form2 {
  padding-right: 130px;
}

.personal-data .table-responsive .table1 {
  min-height: 568px;
}

.personal-data .table-responsive table thead tr th {
  color: #42494F;
  font-size: 13px;
}

.personal-data .table-responsive table tbody tr td {
  color: #787D83;
  font-size: 13px
}

.personal-data .table-responsive table tbody tr td button,
.personal-data .table-responsive table tbody tr td button:active {
  font-size: 13px;
  background-color: var(--main-color);
}

.personal-data .contact .order p {
  font-size: 14px;
  color: #42494F;
}

.personal-data .contact .order span {
  font-size: 26px;
  color: var(--main-color);
}

.personal-data .contact .table-responsive .table2 tr td img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.personal-data .table-responsive .table2 {
  min-height: 465px;
}

.personal-data .item {
  min-height: 272px;
  padding-top: 35px;
  margin-bottom: 23px;
  padding-left: 30px;
  padding-right: 30px;
}

.personal-data .item .titel h3 {
  font-size: 22px;
  color: #42494F;
}

.personal-data .item .titel img {
  width: 35px;
  height: 35px;
}

.personal-data .item .text p {
  font-size: 15px;
  color: #9B9EA1;
  line-height: 23px;
}

.personal-data .item .quantity .number {
  font-size: 43px;
  color: var(--main-color);
}

.personal-data .item .quantity .name {
  font-size: 18px;
  color: #BABDBF;

}

/* end personal-data*/
/* start shopping-cart */
.shopping-cart .sec1 .titel-sec1 h2 {
  font-size: 30px;
  color: #384046;
}

.shopping-cart .sec1 .titel-sec1 h2 sup {
  font-size: 14px;
  color: #8E9BA4;
}

.shopping-cart .sec1 .link-circle a {
  width: 35px;
  height: 35px;
  border: 2px solid #DFE0E3;
  color: #787D83;
}

.shopping-cart .sec1 .link-circle .link-circle-item {
  width: 85px;
}

.shopping-cart .sec1 .link-circle .link-circle-item a {
  padding-right: 1px;
  padding-top: 2px;
}

.shopping-cart .sec1 .link-circle .link-circle-item.active a,
.shopping-cart .sec1 .link-circle .link-circle-item.active p,
.shopping-cart .sec1 .link-circle .link-circle-item:active a,
.shopping-cart .sec1 .link-circle .link-circle-item:active p,
.shopping-cart .sec1 .link-circle .link-circle-item:hover a,
.shopping-cart .sec1 .link-circle .link-circle-item:hover p {
  color: var(--main-color);
}

.shopping-cart .sec1 .link-circle .link-circle-item.active a,
.shopping-cart .sec1 .link-circle .link-circle-item:active a,
.shopping-cart .sec1 .link-circle .link-circle-item:hover a {
  border: 2px solid var(--main-color);
}

.shopping-cart .sec1 .link-circle p {
  font-size: 13px;
  color: #787D83;
}

.shopping-cart .sec1 .link-circle::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 57px;
  right: 44px;
  border: 1px solid #CCCDD0;
}


.shopping-cart .sec2 .product-table th {
  font-size: 18px;
  color: #75797C;
  border-top: 1.5px solid #DFE0E3;
  border-bottom: 1.5px solid #DFE0E3;
  background-color: transparent !important;
}

.shopping-cart .sec2 .product-table td {
  border-bottom: 1.5px solid #DFE0E3;
  background-color: transparent !important;
}

.shopping-cart .sec2 .product-table td img {
  width: 100px;
  height: 100px;
}

.shopping-cart .sec2 .product-table .product {
  color: #384046;
  font-size: 17px;
}

.shopping-cart .sec2 .product-table .quantity-box {
  border: 1px solid #D6D6D6;
  width: 130px;
  padding: 8px 15px;
}

.shopping-cart .sec2 .product-table .quantity-box .qty-btn {
  font-size: 24px;
  color: var(--main-color);
  width: 30px;
  height: 30px;
  line-height: 0;
}

.shopping-cart .sec2 .product-table .quantity-box .qty-number {
  font-size: 18px;
  color: #333;
}

.shopping-cart .sec2 .product-table .deletion button,
.shopping-cart .sec2 .product-table .deletion button:active {
  background-color: #FF2E2E;
  border-color: #FF2E2E;
}

.shopping-cart .sec2 .add-address input {
  padding: 15px;
}

.shopping-cart .sec2 .add-address input::placeholder {
  font-size: 16px;
  color: #C9D0D3;
}

.shopping-cart .sec2 .add-address .btn1 {
  background-color: var(--main-color);
  padding: 14px 25px;
  font-size: 16px;
}

.shopping-cart .view-details .sec2 .add-address .code {
  font-size: 22px;
  color: var(--main-color);
}

.shopping-cart .view-details .sec2 .add-address .rate {
  color: var(--main-color);
  font-size: 22px;
}

.shopping-cart .sec2 .add-address .p1 {
  font-size: 20px;
  color: var(--main-color);
}

.shopping-cart .sec2 .add-address .btn2 {
  background-color: var(--main-color);
  padding: 14px 25px;
}

.shopping-cart .sec2 .add-address label {
  font-size: 16px;
  color: #575E64;
}

.shopping-cart .sec2 .add-address .select2-container--default .select2-selection--single {
  height: 49px;
  border-radius: 8px;
}

.shopping-cart .sec2 .add-address .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
  color: #787D83;
}

.shopping-cart .sec2 .add-address .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #787D83;
  line-height: 47px;

}

.shopping-cart .view-details .sec2 .add-address .payment-summary .payment {
  margin-left: auto;
  width: 350px;
}

.shopping-cart .sec2 .add-address .summary-table {
  margin-left: auto;
  width: 350px;

}

.shopping-cart .sec2 .add-address .summary {
  margin-top: 110px;
}

.shopping-cart .sec2 .summary-table th {
  border-bottom: 1.5px solid #DDE0E9;
  font-size: 24px;
  color: #384046;
}

.shopping-cart .sec2 .summary-table td {
  border-bottom: 1px solid #DDE0E9;
  color: #787D83;
  font-size: 18px;
}

.shopping-cart .sec2 .summary-table .total-row td {
  font-size: 22px;
  color: var(--main-color);
}

.shopping-cart .sec2 .checkout-btn {
  padding: 13px 55px;
  background-color: var(--main-color);
  font-size: 16px;
}

.shopping-cart .sec2 .checkout-btn:hover,
.shopping-cart .sec2 .checkout-btn:active {
  background-color: var(--main-color);
}

.shopping-cart .modal-dialog .modal-content .modal-header h1 {
  font-size: 22px;
  color: #122D3F;
}

.shopping-cart .modal-dialog .modal-content .modal-body .form-modal {
  padding-left: 20px;
  padding-right: 20px;
}

.shopping-cart .modal-dialog .modal-content .modal-body .form-modal input::placeholder {
  font-size: 16px;
  color: #C5C8C9;
}

.shopping-cart .modal-dialog .modal-content .modal-body .form-modal input:active,
.shopping-cart .modal-dialog .modal-content .modal-body .form-modal input:focus {
  border-color: var(--main-color);
  box-shadow: none;
}

.shopping-cart .modal-dialog .modal-content .modal-body .form-modal .btn {
  background-color: var(--main-color);
  padding: 12px 65px;
}

.shopping-cart .sec2 .add-address .information .image img {
  width: 50px;
  height: 50px;
}

.shopping-cart .sec2 .add-address .information .trash-edit .trash {
  background-color: #dbd8f5;
  width: 30px;
  height: 30px;

}

.shopping-cart .sec2 .add-address .information .trash-edit .trash i {
  color: var(--main-color);
}

.shopping-cart .sec2 .add-address .information .trash-edit .Edit {
  background-color: var(--main-color);
  font-size: 13px;
  padding: 5px 22px;
}

.shopping-cart .sec2 .add-address .information h4 {
  font-size: 20px;
  color: #323335;
}

.shopping-cart .sec2 .add-address .information ul li i {
  color: var(--main-color);
}

/* end shopping-cart*/
/* start checkout */
.shopping-cart .checkout .sec2-1 .titel h2 {
  font-size: 22px;
  color: #384046;
}

.shopping-cart .checkout .sec2-1 .titel h2 sup {
  font-size: 10px;
  color: #8E9BA4;
}

.shopping-cart .checkout .sec2-1 .titel .light-line {
  bottom: -12px;
  height: 2px;
  background-color: #e0e0e0;
}

.shopping-cart .checkout .sec2-1 .titel .orange-line {
  bottom: -12px;
  width: 40%;
  height: 2px;
  background-color: var(--main-color);
}


.shopping-cart .checkout .sec2-1 .sheart .image {
  height: 80px;
  width: 80px;
}

.shopping-cart .checkout .sec2-1 .sheart .content h3 {
  color: #384046;
  font-size: 17px;
}

.shopping-cart .checkout .sec2-1 .sheart .content p {
  color: #878C90;
  font-size: 13px;
}

.shopping-cart .checkout .sec2-1 .sheart .content span {
  font-size: 15px;
  color: var(--main-color);
}

.shopping-cart .checkout .sec2-1 input {
  padding: 11px;
}

.shopping-cart .checkout .sec2-1 input::placeholder {
  color: #7A7F84;
  font-size: 17px;
}

.shopping-cart .checkout .sec2-1 .btn1 {
  background-color: var(--main-color);
  padding: 12px 28px;
  font-size: 15px;
}

.shopping-cart .checkout .sec2-1 .form label {
  font-size: 16px;
  color: #464E54;
}

.shopping-cart .checkout .sec2-1 .form .payment-gateway p,
.shopping-cart .checkout .sec2-1 .form .delivery-method p {
  color: #7A7F84;
  font-size: 12px;
}

.shopping-cart .checkout .sec2-1 .form .payment-gateway img {
  width: 18px;
  height: 17px;
  margin: 0 5px;
}

.shopping-cart .checkout .sec2-1 .form .payment-gateway .credits-card,
.shopping-cart .checkout .sec2-1 .form .payment-gateway .cash {
  padding: 13px 9px;
}

.shopping-cart .checkout .sec2-1 .form .delivery-method .from-store,
.shopping-cart .checkout .sec2-1 .form .delivery-method .by-delivery {
  padding: 13px 0;
  padding-right: 36px;
}

.shopping-cart .checkout .sec2-1 .form .select2-container--default .select2-selection--single {
  height: 49px;
}

.shopping-cart .checkout .sec2-1 .form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
  color: #787D83;
}

.shopping-cart .checkout .sec2-1 .form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #787D83;
  line-height: 47px;
}

.shopping-cart .checkout .sec2-1 .form .btn2 {
  background-color: var(--priamry-color);
}

.shopping-cart .checkout .sec2 .summary-table {
  margin-left: auto;
  width: 300px;
}


@media (width:320px) {
  .sec3 .titel-sec3 {
    padding-top: 50px;
  }

  .sec3 .titel-sec3 h3 {
    font-size: 15px;
  }

  .sec3 .titel-sec3 .View-more {
    position: absolute;
    margin-left: 98px;
    margin-right: -203px;
  }

  .sec3 .owl-carousel .owl-nav button {
    margin-left: 5px;
    height: 35px;
    width: 35px;
    margin-top: 8px;
  }

  .stores .sec2 .card img {
    right: 150px;
  }

}

@media (max-width: 767.98px) {
  header .header-middle .image .name {
    margin-top: -7px;
    font-size: 9px;
  }

  .sec3 .titel-sec3::after {
    width: 32%;
  }

  .sec5 .grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .sec5 .card1,
  .sec5 .card2,
  .sec5 .card3,
  .sec5 .card4,
  .sec5 .card6 {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
  }

  .sec6 .input-group button {
    padding: 11px 17px;
    font-size: 12px;
  }

  .sec6 .input-group input::placeholder {
    font-size: 13px;
  }

  /* footer .image .name {
    font-size: 13px;
  }
  footer .contact1 .image img{
   width: 70px;
   height: 60px;
  } */
  footer .contact4 {
    align-items: start;
  }

  footer .contact4 h3 {
    padding-right: 105px;
  }

  footer .contact3 {
    align-items: start;
  }

  footer .contact3 h3 {
    padding-right: 64px;
  }

  .breadcrumb1 .breadcrumb .breadcrumb-item {
    font-size: 10px;
  }

  .products .sec1 h3 {
    font-size: 12px;
  }

  .stores3 .sec1 .owl-carousel1 button.owl-next {
    right: -43px;
  }

  .stores3 .sec1 .owl-carousel1 button.owl-prev {
    left: -43px;
  }

  .stores3 .sec1 .contact h2 {
    font-size: 20px;
  }

  .stores3 .sec1 .contact .prise .prise-1 {
    font-size: 18px;
  }

  .stores3 .sec1 .contact .prise .prise-2 {
    font-size: 11px;
  }

  .stores3 .sec1 .contact .buy-add a {
    font-size: 10px;
  }

  .stores3 .sec2 .background-nav .nav li a {
    font-size: 15px;

  }

  .stores3 .sec2 .tab-content .Evaluations .comments-container .comments-header::after {
    width: 30%;
  }

  .stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-image img {
    width: 50px;
    height: 50px;
    border: 2px solid #273B84;
  }

  .stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-image {
    position: absolute;
    top: 3px;
    left: 3px;
    margin-bottom: 10px;
  }

  .stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-details .comment-author h4 {
    font-size: 15px;
    padding-left: 40px;
  }

  .stores3 .sec2 .tab-content .Evaluations .comments-container .comment::before {
    display: none;
  }

  .stores3 .sec2 .tab-content .Evaluations .comments-container .comment .comments-details .comment-author {
    margin-bottom: 12px;
  }

  .Connect-us .sec2 form h2 {
    font-size: 28px;
  }

  .personal-data .form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .shopping-cart .sec1 .titel-sec1 h2 {
    font-size: 18px;
  }

  .shopping-cart .sec2 .product-table th {
    font-size: 15px;
  }

  .shopping-cart .sec2 .product-table td img {
    width: 80px;
    height: 80px;
  }

  .shopping-cart .sec2 .product-table .product {
    font-size: 13px;
  }

  .shopping-cart .sec2 .product-table .quantity-box {
    width: 100px;
  }

  .shopping-cart .sec2 .product-table .quantity-box .qty-btn {
    font-size: 21px;
    width: 30px;
    height: 30px;
  }

  .shopping-cart .sec2 .product-table .quantity-box .qty-number {
    font-size: 16px;
  }

  .shopping-cart .sec2 .product-table .total,
  .shopping-cart .sec2 .add-address .form-code input,
  .shopping-cart .sec2 .add-address .form-code input::placeholder,
  .shopping-cart .sec2 .add-address .form-code .btn1,
  .shopping-cart .sec2 .add-address .form .btn2,
  .shopping-cart .sec2 .product-table .avarge {
    font-size: 13px;
  }

  .shopping-cart .sec2 .add-address .form label {
    font-size: 15px;
  }

  .shopping-cart .sec2 .add-address .summary {
    margin-top: 20px;

  }

  .shopping-cart .checkout .sec2 .summary-table,
  .shopping-cart .sec2 .summary-table,
  .shopping-cart .view-details .sec2 .add-address .payment-summary .payment {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .shopping-cart .sec2 .summary-table th {
    font-size: 20px;
  }

  .shopping-cart .sec2 .summary-table td {
    font-size: 15px;
  }

  .shopping-cart .sec2 .summary-table .total-row td {
    font-size: 20px;
  }

  .shopping-cart .sec2 .checkout-btn {
    font-size: 12px;
  }

  .shopping-cart .checkout .sec2-1 .form .payment-gateway input,
  .shopping-cart .checkout .sec2-1 .form .payment-gateway input,
  .shopping-cart .checkout .sec2-1 .form .delivery-method input {
    margin-top: 8px;
  }

}

@media (min-width:768px) and (max-width:992px) {
  .sec3 .titel-sec3::after {
    width: 22%;
  }

  footer .contact2 {
    align-items: center;
  }

  footer .contact2 h3 {
    padding-right: 15px;
  }

  footer .contact3 {
    align-items: start;
  }

  footer .contact3 h3 {
    padding-right: 64px;
  }

  .stores3 .sec2 .tab-content .Evaluations .comments-container .comments-header::after {
    width: 20%;
  }

  .personal-data .form {
    min-height: 552px;
  }
}

@media (max-width:992px) {

  .register,
  .login,
  .forgot-password,
  .otp-verification,
  .reset-password {
    height: auto;
  }

  .register .titel-register .titel1,
  .login .titel-login .titel1,
  .forgot-password .titel-forgot-password .titel1,
  .otp-verification .titel-otp-verification .titel1,
  .reset-password .titel-reset-password .titel1 {
    font-size: 23px;
  }

  .register .titel-register .titel2,
  .login .titel-login .titel2,
  .forgot-password .titel-forgot-password .titel2,
  .otp-verification .titel-otp-verification .titel2,
  .reset-password .titel-reset-password .titel2 {
    font-size: 15px;
  }

  .register .form-check-label p,
  .register .form-check-label p a,
  .register .form-check-label p span,
  .register .Sign-in,
  .login .form-check-label p,
  .login .Forgot-Password,
  .login .Create-account {
    font-size: 13px;
  }

  .register form,
  .login form,
  .forgot-password form,
  .otp-verification form,
  .reset-password form {
    padding: 0px;
  }

  .login .line {
    width: 100px;
  }

  .otp-verification .otp-input {
    width: 40px;
    height: 40px;
  }

  /* start header */
  header .header-top .Welcome,
  header .header-top .Phone-number,
  header .header-top .dropdown,
  header .header-top .log a,
  .header-top .Phone-number a,
  header .header-top .dropdown .dropdown-menu .dropdown-item,
  header .header-top .log2 span {
    font-size: 10px;
  }

  header .header-top .log2 .nav-link i {
    width: 20px;
    height: 20px;
  }

  header .header-top .log2 {
    margin-right: 10px;
  }

  header .header-top .log2.dropdown .dropdown-menu::before {
    margin-left: 110px;
  }

  header .header-top .dropdown .dropdown-menu {
    right: 0;
  }

  header .header-top .log2 .dropdown-menu li {
    padding: 0px;
  }

  header .header-top .log {
    margin-top: -6px;
  }

  header .header-middle .image .name {
    margin-top: -7px;
    font-size: 9px;
  }

  header .header-middle .image img {
    width: 40px;
  }

  header .header-middle form .input-group input {
    padding: 0;
    padding-left: 7px;
    font-size: 15px;
  }

  header .header-middle form .input-group input::placeholder {
    font-size: 9px;
    /* padding-right: 0px; */
  }

  header .header-middle form .input-group button {
    height: 26px;
  }

  header .header-middle form .input-group button i {
    padding: 0;
    font-size: 12px;
  }

  header .header-middle .icon-heart a i,
  header .header-middle .icon-shopping a i {
    font-size: 15px;
  }

  header .header-middle .icon-shopping {
    margin: 0px;
  }

  header .header-middle .shopping-cart {
    font-size: 7px;
    margin-left: 4px;
  }

  header .header-middle .icon-shopping p {
    width: 10px;
    height: 10px;
    top: -2px;
    right: -4px;
    padding-top: 1px;
    font-size: 8px;
  }

  .header-butoon .navbar .nav-item {
    width: 100%;
    margin-bottom: 3px;
  }

  .header-butoon .navbar .nav-item .nav-link,
  .header-butoon .navbar .nav-item .nav-link.active {
    padding: 12px 0;
    padding-left: 12px;
    font-size: 11px;
  }

  .header-butoon .navbar .navbar-nav .nav-item .nav-link i,
  .header-butoon .navbar .navbar-nav .dropdown-menu .dropdown-item,
  .header-butoon .navbar .navbar-toggler {
    font-size: 11px;
  }

  /* end header */
  /* start slider */
  .slider .thumbs-navigation,
  .slider .main-image {
    width: 100%;
  }

  .slider .titel-main-image {
    width: 90%;
    left: 50%;
  }

  .slider .titel-main-image h4,
  .slider .titel-main-image .titel-2 {
    font-size: 20px;
  }

  .slider .titel-thumb-container .titel-1 {
    font-size: 8px;
    margin-bottom: 2px;
    line-height: 12px;
  }

  .slider .titel-thumb-container .titel-2 {
    font-size: 6px;
  }

  .slider .prevThumb,
  .slider .nextThumb {
    font-size: 10px;
  }

  /* end slider */



  .sec4 .contact .titel-contact {
    left: 50%;
    width: 90%;
  }

  .sec4 .contact .titel-contact .titel-1,
  .sec4 .contact .titel-contact .titel-3 {
    font-size: 12px;
    padding-bottom: 5px;
  }

  .sec4 .contact .titel-contact .titel-2 {
    font-size: 15px;
    line-height: 22px;
  }

  .sec4 .contact .titel-contact .btn {
    padding: 5px 18px;
  }

  .sec5 .contact-card2 {
    left: 50%;
    width: 95%;
    text-align: center;
  }

  footer .image .name {
    font-size: 13px;
  }

  footer .contact1 .image img {
    width: 70px;
    height: 60px;
  }

  /* start  breadcrumb */

  .breadcrumb1 {
    padding: 15px 0;
  }

  /* end  breadcrumb */
  /* start slider */
  .products .slider .titel-carousel-inner {
    width: 90%;
    left: 50%;
  }

  .products .slider .titel-carousel-inner h4,
  .products .slider .titel-carousel-inner p {
    font-size: 20px;
  }

  /* end slider */
  .stores2 .slider .titel-carousel-inner {
    width: 80%;
    left: 45%;
  }

  .stores3 .sec1 .image-shart {
    height: 250px !important;
  }

  .Connect-us .sec1 .contact-information {
    margin-left: 0px;
  }

  .personal-data .user-list {
    padding-bottom: 36px;
  }

  .personal-data .user-list ul li a span {
    font-size: 15px;
  }

  .personal-data .form h2 {
    font-size: 20px;
  }

  .personal-data .form label {
    font-size: 15px;
  }

  .personal-data .form input::placeholder {
    font-size: 13px;
  }

  .personal-data .form button {
    padding: 13px 45px;
    font-size: 15px;
  }

  .personal-data .form2 {
    padding-right: 15px;
  }

  .personal-data .contact .order span {
    font-size: 20px;
  }

  .personal-data .contact .table-responsive .table2 tr td img {
    width: 80px;
    height: 80px;
  }

  .personal-data .table-responsive .table2 {
    min-height: 455px;
  }

  .personal-data .item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .personal-data .item .titel h3 {
    font-size: 20px;
  }

  .personal-data .item .text p,
  .personal-data .item .quantity .name {
    font-size: 15px;
  }

  .personal-data .item .quantity .number {
    font-size: 27px;
  }

  .shopping-cart .sec2 .add-address .p1 {
    font-size: 14px;
  }

  /* .shopping-cart .sec2 .add-address .payment-summary .payment {
    margin-right: 51px;
    width: 350px;
  } */

  .shopping-cart .checkout .sec2-1 .form input {
    margin-bottom: 10px;
  }
}


@media (width:1024px) {

  .sec4 .contact .titel-contact .titel-1,
  .sec4 .contact .titel-contact .titel-3 {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .sec4 .contact .titel-contact .titel-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .sec4 .contact .titel-contact .btn {
    padding: 5px 18px;
  }

  .stores .sec2 .card img {
    right: 150px;
  }

}

@media (min-width:993px) and (max-width:1200px) {
  .register form {
    padding: 0px;
  }

  .login form {
    padding: 0px 50px;
  }

  .register .titel-register .titel1,
  .login .titel-login .titel1 {
    font-size: 25px;
  }

  .register .titel-register .titel2,
  .login .titel-login .titel2 {
    font-size: 14px;
  }

  .header-butoon .navbar .navbar-nav .dropdown-menu .dropdown-item {
    padding: 5.8px 5px;
  }

  .slider .main-image,
  .slider .thumbs-navigation {
    width: 79.21%;
  }

  .slider .titel-thumb-container {
    top: 54%;
  }

}

@media (min-width:1367px) {

  .slider .main-image,
  .slider .thumbs-navigation {
    width: 84.7%;
  }

  .slider .thumb-container {
    width: 35%;
  }

  .header-butoon .navbar .navbar-nav#categoryMenu {
    display: block;
  }

  /* #categoryMenu.show {
    display: block;
  } */
}