/* Base CSS */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

.alignleft {
  float: left;
  margin-right: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

a:focus {
  outline: 0 solid
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  color: #07171D;
}

body {
  color: #181818;
  font-weight: 400;
  font-family: "Outfit", sans-serif;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none
}

a,
button,
input,
textarea {
  outline: none !important;
}

.section-padding {
  padding: 80px 0;
}



/* ----------------------------------------- HEADER AREA START ------------------------ */

.header__top__content p {
  margin: 0;
  text-align: left;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
}

.header__top__area {
  background: #181818;
  padding: 14px 0;
}

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



.header__area {
  padding: 21px 0;
  border-bottom: 1px solid #DEDEDE;
}

.header__position {
  position: absolute;
  z-index: 22;
  left: 0;
  top: 48px;
  right: 0;
}

.main__menu ul li {
  display: inline-block;
  margin-left: 48px;
  position: relative;
}

.header__right__items {
  display: flex;
  align-items: center;
  gap: 16px;
}

.bag_ico a {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main__menu ul li a {
  display: inline-block;
  transition: .3s all;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}

.social__ico__blk {
  display: flex;
  gap: 24px;
  margin-left: 30px;
}

.social__ico__blk a {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__area .container {
  max-width: 1270px;
}

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

.common__btn {
  display: inline-block;
  text-align: center;
  padding: 14px 32px;
  transition: .3s all;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  position: relative;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
  flex: 0 0 auto;
}


.common__btn::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: '';
  background: linear-gradient(180deg, #FF311B 0%, #991D10 100%);
  z-index: -1;
  transition: .3s all;
}

.common__btn::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: '';
  background: linear-gradient(-360deg, #FF311B 0%, #991D10 100%);
  z-index: -1;
  transition: .3s all;
  opacity: 0;
  visibility: hidden;
}

.common__btn:hover::before {
  opacity: 0;
  visibility: hidden;
}

.common__btn:hover::after {
  visibility: visible;
  opacity: 1;
}

.secondary__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.32px;
  transition: .3s all;
}

.secondary__btn:hover {
  color: #E92D19;
}

.red_btn:hover {
  color: #181818;
}

.secondary__btn span {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__inner__blk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.header__logo a {
  display: inline-block;
}

.header__right__blk {
  display: flex;
  align-items: center;
  gap: 105px;
}

.mega__menu {
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 22px 30px;
  display: flex;
  width: 582px;
  gap: 10px;
  transition: .3s all;
  position: absolute;
  top: 130%;
  visibility: hidden;
  opacity: 0;
  left: 0;
  z-index: 333;
}

.mega__menu__left {
  width: 100%;
  flex: 0 0 auto;
}

.mega__menu__left h4 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.main__menu .main__menu__link a {
  padding: 0;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: block;
  margin-top: 3px;
  transition: .3s all;
}

.mega_menu_right p {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.header__right__blk ul li:hover>a {
  color: #EE172D;
}

.main__menu ul li:hover .mega__menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.main__menu .main__menu__link a:hover {
  color: #3170B0;
}

.active_menu {
  color: #EE172D !important;
}

.menu__black__text ul li a {
  color: #404040;
}

.sec_bac_ico a {
  width: 35px;
  height: 35px;
}

.sec_bac_ico a img {
  height: 100%;
  margin-top: -10px;
}

.header__profile {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header__peofile__pic img {
  height: auto;
  border-radius: 50px;
}

.header__peofile__pic {
  width: 48px;
  height: 48px;
}

.head__profile__texts h4 {
  color: #181818;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}

.head__profile__texts a {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}

.header__batch h4 {
  display: flex;
  align-items: center;
  color: #1C1B1F;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
  gap: 4px;
}

.header__batch h4 span {
  width: 24px;
  height: 24px;
}

.bag_ico a span {
  height: 14px;
  width: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #FF311B;
  position: absolute;
  color: #FFF;
  font-family: Poppins;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.16px;
  top: -4px;
  right: -4px;
}

.bag_ico a {
  position: relative;
}

.header__btn {
  display: flex;
}

/* ----------------------------------------- HEADER AREA END ------------------------ */


/* ----------------------------------------- HERO AREA START ------------------------ */
.home__banner {
  position: relative;
  min-height: 748px;
  z-index: 1;
  padding: 80px 0;
  display: flex;
  align-items: flex-end;
}

.home__banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  left: 0;
  top: 0;
}

.home__banner .banner__title {
  margin-bottom: 24px;
  max-width: 655px;
}

.home__banner .banner__title h1 {
  color: #FFF;
  font-size: 64px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.28px;
  margin: 0;
}


/* ----------------------------------------- HERO AREA END ------------------------ */


/* ----------------------------------------- BANNER AREA START ------------------------ */
.banner__area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 48px 0;
}

.breadcrumb__menu {
  margin-top: 24px;
}

.breadcrumb-item a {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  transition: .3s all;
}

.breadcrumb-item::before {
  color: #fff !important;
}

.breadcrumb-item a:hover {
  color: #EE172D;
}

/* ----------------------------------------- BANNER AREA END ------------------------ */


/* ----------------------------------------- MENU AREA START ------------------------ */

.menu__area {
  background: #F0F0F0;
  padding-top: 48px;
  padding-bottom: 80px;
}

.banner__title h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.96px;
  margin: 0;
}

.menu__top__blk {
  padding: 24px 0;
}

.menu__search__input {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}

.menu__search__form input {
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #F5F5F5;
  width: 100%;
}

.menu__search__wrap {
  display: flex;
  gap: 16px;
  align-items: center;
}

.menu__search__form {
  width: 100%;
}

.price__btn {
  color: #404040;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 13px 32px;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  transition: .3s all;
  gap: 8px;
}

.price__btn:hover {
  background: #FA301A;
  color: #fff;
  border-color: #FA301A;
}

.page-item .page-link {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  background: transparent;
  color: #404040;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  padding: 14px 20px;
  box-shadow: none;
}

.border_none {
  border: none !important;
}

.disabled a {
  color: #DEDEDE !important;
}

.menu__pegination {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.menu__pegination ul {
  gap: 16px;
}

.active_page_link {
  background: #EE172D !important;
  color: #fff !important;
  border-color: #EE172D !important;
}

.page-item .page-link:hover {
  background: #EE172D;
  color: #fff;
  border-color: #EE172D;
}

/* ----------------------------------------- MENU AREA END ------------------------ */


/* ----------------------------------------- HUNGRY AREA START ------------------------ */

.hungry__inner__shape {
  max-width: 325px;
  position: absolute;
  z-index: -1;
  right: 196px;
  top: 20px;
}

.hungry__wrapper {
  position: relative;
  z-index: 1;
}

.hungry__right__blk {
  max-width: 226px;
  margin-left: 130px;
}

.hungry__thumb {
  position: relative;
}

.hungry__thumb__text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 48px;
  width: 100%;
}

.hungry__thumb__text h4 {
  color: #FFF;
  font-size: 36px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.72px;
  margin: 0;
}

.hungry__thumb img {
  border-radius: 8px;
}

.hungry__area {
  padding: 48px 0;
}

/* ----------------------------------------- HUNGRY AREA END ------------------------ */


/* ----------------------------------------- DISCOVER AREA START ------------------------ */
.discover__area {
  padding: 80px 0;
  position: relative;
  z-index: 1;
}

.discover__inner__shape {
  position: absolute;
  right: 0;
  max-width: 342px;
  top: 60px;
}

.common__title h3 span {
  color: #EE172D;
}

.common__title p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  margin: 0;
}

.discover__bottom__contents .common__title p {
  max-width: 430px;
}

.discovers__btn {
  margin-top: 48px;
}

.discover__bottom__contents {
  margin-top: 24px;
  padding-left: 97px;
}

.dis_card_item span {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
}

.dis_card_item h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.discover__inner__card {
  max-width: 242px;
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 74px 81px 31px 0px rgba(135, 135, 135, 0.00), 47px 52px 28px 0px rgba(135, 135, 135, 0.01), 26px 29px 24px 0px rgba(135, 135, 135, 0.05), 12px 13px 17px 0px rgba(135, 135, 135, 0.09), 3px 3px 10px 0px rgba(135, 135, 135, 0.10);
  position: absolute;
  bottom: 50px;
  right: -95px;
}

.dis_card_item span img {
  border-radius: 30px;
}

.dis_card_item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 16px;
}

.discover__thumb {
  position: relative;
}

.discover__thumb__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  right: 48px;
}

/* ----------------------------------------- DISCOVER AREA END ------------------------ */


/* ----------------------------------------- CATEGORIE AREA START ------------------------ */
.categories__area {
  background: #F0F0F0;
  padding: 80px 0;
  overflow: hidden;
}

.categorie__texts h4 {
  color: #181818;
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
  margin: 0;
}

.categorie__texts p {
  color: #404040;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

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

.single__categorie__item {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  box-shadow: 125px 150px 55px 0px rgba(166, 166, 166, 0.00), 80px 96px 50px 0px rgba(166, 166, 166, 0), 45px 54px 42px 0px rgba(166, 166, 166, 0), 20px 24px 31px 0px rgba(166, 166, 166, 0.09), 5px 6px 17px 0px rgba(166, 166, 166, 0.02);
}

.categorie__thumb {
  border-bottom: 2px solid #EE172D;
  margin-bottom: 24px;
}

.owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}

.owl-nav button {
  height: 48px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #DEDEDE !important;
  background: #F0F0F0 !important;
  color: #EE172D !important;
  font-size: 24px !important;
  transition: .3s all;
}

.owl-nav button:hover {
  background: #FA301A !important;
  color: #fff !important;
}

.categorie__wrapper .owl-nav {
  top: -122px;
}

.categorie__inner__blk .area__top__blk {
  padding-right: 135px;
}

.categorie__wrapper .owl-stage-outer {
  margin-right: -4000px;
}

.polular__slider .owl-stage-outer {
  margin-right: -4000px;
}

.polular__slider .owl-nav {
  top: -187px;
}

.popular__inner__blk .area__top__blk {
  padding-right: 130px;
}

.white_open_menu {
  color: #fff;
}

.mobile__menu .header__right__blk .main__menu ul li a[aria-expanded="true"] {
  font-weight: 600 !important;
  color: #EE172D !important;
}

.offcanvas__profile__blk .head__profile__texts h4 {
  color: #fff;
}

.offcanvas__profile__blk .head__profile__texts a {
  color: #fff;
}

.profile__badges span {
  color: #EE172D;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
}

.profile__badges {
  width: 100px;
  padding: 5px 12px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.10);
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
}

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

.flag_with_cart .header__batch h4 {
  color: #fff;
}

.flag_with_cart {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 12px;
}

.guide__top__slider .owl-nav {
  position: unset;
  display: unset;
}

.guide__top__slider .owl-nav button {
  color: #DEDEDE !important;
  background: transparent !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
}

.guide__top__slider .owl-nav button.owl-next {
  left: auto;
  right: -100px;
}

.guide__top__slider .owl-nav button:hover {
  color: #404040 !important;
}

.counter-button.nd_pb {
  padding-bottom: 5px;
}

.buy__item__texts h5 {
  color: #EE172D;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  margin-top: 8px;
}

.discount__product__blk .buy_item_left {
  align-items: flex-start;
}

.discount__product__blk {
  padding: 24px;
  border-radius: 8px;
  background: #F0F0F0;
  margin-top: 24px;
}

.discount__product__blk .buy_item_left:first-child {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E2E2E2;
}

.page-item .page-link.border_none {
  font-size: 25px;
}

.menu__pegination .pagination {
  align-items: center;
}

/* ----------------------------------------- CATEGORIE AREA END ------------------------ */


/* ----------------------------------------- AD AREA START ------------------------ */

.ad__area {
  background: #F0F0F0;
  padding: 24px 0;
}

.ad__thumb img {
  border-radius: 8px;
}

/* ----------------------------------------- AD AREA END ------------------------ */


/* ----------------------------------------- POPULAR AREA START ------------------------ */

.popular__area {
  background: #F0F0F0;
  padding: 80px 0;
  overflow: hidden;
}

.popular_tab_link {
  color: #404040;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  padding: 10px 32px;
}

.popular_tab_link:hover {
  background: #ED2D19;
  color: #fff;
  border-color: #FA301A !important;
}

.nav-tabs .popular_tab_link {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}

.popular_nav_tabs {
  border: 0;
  gap: 16px;
  margin-bottom: 24px;
}

.popular_nav_tabs .nav-link.active {
  background: #FA301A;
  color: #fff;
  border-color: #FA301A;
}

.popular__card__text h4 {
  min-height: 0 !important;
  margin-bottom: 8px !important;
}

.popular__bottom__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.popular__price h3 {
  color: #EE172D;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  margin: 0;
}

.popular__card__text p {
  margin: 0;
}

.popular__react img {
  width: 24px !important;
  height: 24px;
}

.popular__react {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  background: rgba(245, 245, 245, 0.6);
  backdrop-filter: blur(0.1px);
}

.popular__card__thumb {
  position: relative;
  margin-bottom: 24px;
}

.popular__card__thumb img {
  border-radius: 8px;
}

.single__popular__card {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  box-shadow: 131px 158px 57px 0px rgba(166, 166, 166, 0.00), 84px 101px 52px 0px rgba(166, 166, 166, 0.01), 47px 57px 44px 0px rgba(166, 166, 166, 0.05), 21px 25px 33px 0px rgba(166, 166, 166, 0.09), 5px 6px 18px 0px rgba(166, 166, 166, 0.10);
  padding: 24px;
}

.save__btn {
  width: auto !important;
}

.buy__btn {
  width: 100%;
}

.buy__btn .buy__btn__main {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  background: #EE172D;
  padding: 15px;
  border-radius: 8px;
  display: block;
  transition: .3s all;
  text-align: center;
}
.buy__btn .buy__btn__main:hover {
  background: #181818;
  color: #fff;
}

.buy__ico {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EE172D;
  border-radius: 8px;
  flex: 0 0 auto;
  cursor: pointer;
}

.buy__ico img {
  width: 24px !important;
}

.popular__btn__blk {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}

/* ----------------------------------------- POPULAR AREA END ------------------------ */


/* ----------------------------------------- CONCEPT AREA START ------------------------ */

.concept__bottom__blk {
  margin-top: 24px;
  margin-left: 95px;
}

.concept__bottom__blk .common__title {
  margin-bottom: 45px;
}

.concept__item__ico img {
  height: 24px;
}

.concept__item__ico {
  background: #FEE8EA;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  flex: 0 0 auto;
}

.concept__texts {
  margin-bottom: 24px;
}

.concept__texts h4 {
  color: #181818;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}

.concept__texts p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  margin: 0;
}

.single__concept__item a {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.concept__item__blk {
  margin-bottom: 48px;
}

.concept__area {
  padding: 80px 0;
}

.concept__btns {
  display: flex;
  gap: 24px;
}

.concept__right__blk {
  padding-left: 20px;
}

.concept__left__thumb {
  position: relative;
  max-width: 461px;
}

.concept__inner__thumb {
  position: absolute;
  max-width: 364px;
  right: -190px;
  bottom: -160px;
}

.concept__inner__thumb img {
  border-radius: 8px;
}

.concept__left__thumb img {
  border-radius: 8px;
}

/* ----------------------------------------- CONCEPT AREA END ------------------------ */


/* ----------------------------------------- BLOG AREA START ------------------------ */

.area__top__blk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 48px;
}

.common__title h6 {
  color: #EE172D;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}

.common__title h3 {
  color: #181818;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.96px;
  margin: 0;
}

.blog__area {
  background: #F0F0F0;
  padding: 80px 0;
}

.single__blog__card {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  box-shadow: 138px 202px 68px 0px rgba(166, 166, 166, 0.00), 88px 129px 63px 0px rgba(166, 166, 166, 0.01), 50px 73px 53px 0px rgba(166, 166, 166, 0.05), 22px 32px 39px 0px rgba(166, 166, 166, 0.09), 6px 8px 21px 0px rgba(166, 166, 166, 0.10);
}

.blog__card__thumb img {
  border-radius: 8px;
}

.blog__card__thumb {
  margin-bottom: 24px;
  max-width: 306px;
}

.blog__card__texts h4 {
  color: #181818;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
  margin-bottom: 16px;
  min-height: 120px;
}

.blog__card__texts p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}

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

.red_btn {
  color: #EE172D;
}

.share_ico {
  width: 24px;
  height: 24px;
  display: flex;
}

.blog__btn {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.media__popup__input span img {
  border-radius: 8px;
}

/* .media__popup__input {
  display: flex;
  align-items: center;
  gap: 16px;
} */

.media__popup__input span {
  width: 48px;
  height: 48px;
  display: flex;
  cursor: pointer;
  flex: 0 0 auto;
}



.media__popup {
  padding: 24px;
  border-radius: 8px;
  background: #FFF;
  margin: 0 auto;
}

.media_p_social_blk a img {
  border-radius: 8px;
}

.media_p_social_blk {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

.media_popup__text h6 {
  color: #181818;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  margin-bottom: 16px;
}

.media_p_social_blk a {
  width: 48px;
  height: 48px;
  display: flex;
}

.media__popup__input input {
  color: #808080;
  font-size: 16px;
  width: 100%;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #F5F5F5;
  padding: 14px 36px 14px 16px;
}
.input__blk.error input {
   border-color: #EE172D;
}
.error-icon {
   width: 20px;
   right: 16px;
   top: 15px;
   display: none;
}
.error-message {
   color: #EE172D;
   letter-spacing: -0.32px;
   margin-top: 8px;
   display: none;
}
.input__blk.error .error-icon {
   display: block;
}
.input__blk.error .error-message {
   display: block;
}
.popular__react {
  text-align: center;
  font-size: 20pt;
  font-family: 'arial';
  margin-top: 200px;
}


.favorite-btn {
  transition: .1s all;
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding: 11px;
  height: 48px;
  width: 48px;
  cursor: pointer;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.49);
}
.favorite-btn.active{
   animation: like 0.5s 1;
}
.heart-icon {
   transition: all .3s;
}
.heart-icon-fill {
   display: none !important;
}

.favorite-btn.active .heart-icon {
   display: none !important;
}

.favorite-btn.active .heart-icon.heart-icon-fill {
   display: block !important;
}

@-webkit-keyframes like {
  0% {
    transform: scale(1);
  }

  90% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1.1);
  }
}

/* ----------------------------------------- BLOG AREA END ------------------------ */


/* ----------------------------------------- ULTIMATE AREA START ------------------------ */
.ultimate__area {
  padding-top: 48px;
  padding-bottom: 80px;
}

.ultimate__item__thumb img {
  border-radius: 8px;
}

.single__ultimate__item {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  margin-bottom: 16px;
}

.ultimate__item__thumb {
  width: 64px;
  height: 64px;
  flex: 0 0 auto;
}

.ultimate__texts h4 {
  color: #181818;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-bottom: 15px;
}

.ultimate__texts p {
  margin-bottom: 15px;
}

/* ----------------------------------------- ULTIMATE AREA END ------------------------ */


/* ----------------------------------------- PAYMANT AREA START ------------------------ */
.payment__area {
  margin: 80px 0;
}

.payment__texts h4 {
  color: #181818;
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
  margin-bottom: 16px;
  text-align: center;
}

.payment__texts p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  text-align: center;
  margin: 0;
}

.payment__ico {
  max-width: 110px;
  margin: 0 auto;
  margin-bottom: 12px;
}

.payment__texts {
  margin-bottom: 48px;
}

.payment__inner__blk {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  box-shadow: 158px 230px 78px 0px rgba(166, 166, 166, 0.00), 101px 147px 71px 0px rgba(166, 166, 166, 0.01), 57px 83px 60px 0px rgba(166, 166, 166, 0.05), 25px 37px 45px 0px rgba(166, 166, 166, 0.09), 6px 9px 25px 0px rgba(166, 166, 166, 0.10);
}

.payment__area .container {
  max-width: 610px;
}

.payment__items p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #181818;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
  margin-bottom: 15px;
}

.payment__top__border {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 16px;
}

.sec__payment__items p {
  color: #404040;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
}

.sec__payment__items {
  padding: 16px 0;
  border-bottom: 1px solid #DEDEDE;
}

.sec__payment__items span {
  color: #181818;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
}

.red_payment {
  color: #EC2D19;
}

.payment__btn__blk {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}

.home__btn a {
  width: 100%;
}

.home__btn {
  width: 100%;
  display: flex;
}

.decline__btn {
  width: 100%;
}

.home__btn a {
  height: 100%;
}

.cookie__btn {
  flex: 0 0 auto;
}

/* ----------------------------------------- PAYMANT AREA END ------------------------ */


/* ----------------------------------------- FAQ AREA START ------------------------ */
.faq__area {
  padding: 80px 0;
}

.gray__faq__area {
  background: #F0F0F0;
}

.accordion-button {
  color: #181818 !important;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  padding: 24px;
  background: #F0F0F0;
  border-radius: 8px;
}

.accordion-button:not(.collapsed) {
  background: #F0F0F0;
  box-shadow: none;
  border: none;
}

.accordion-item {
  margin-bottom: 24px;
  border-radius: 8px;
  box-shadow: none;
  background: #F0F0F0;
}

.accordion-item:first-of-type {
  border: 1px solid #DEDEDE;
  outline: 0;
}

.accordion-button:focus {
  box-shadow: none;
  border-radius: 8px;
  border: 0;
}

.accordion-item:first-of-type .accordion-button {
  border-radius: 8px;
}

.accordion-collapse {
  border-top: 1px solid #DEDEDE;
}

.sec_arroedion_btn:not(.collapsed) {
  background: #fff;
  border: none;
}

.sec_accordion_body {
  background: #fff;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.sec_arroedion_btn {
  background: #fff;
}

/* ----------------------------------------- FAQ AREA END ------------------------ */


/* ----------------------------------------- NEWS AREA START ------------------------ */

.news__area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 78px 0;
  box-shadow: -50px -15px 80px -15px rgba(24, 24, 24, 0.75) inset;
}

.email__input label {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  margin-bottom: 15px;
}

.email__input input {
  color: #bbbaba;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  border-radius: 8px;
  border: 1px solid #AEAEAE;
  padding: 14px 16px;
  background: transparent;
  width: 100%;
}

.news__email {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  justify-content: flex-end;
}

.email__btn {
  display: flex;
}

.news__title {
  max-width: 545px;
}

.news__title h3 {
  color: #fff;
  margin-bottom: 16px;
  font-size: 44px;
}

.news__title p {
  color: #CCC;
}

/* ----------------------------------------- NEWS AREA END ------------------------ */


/* ----------------------------------------- CHOICE AREA START ------------------------ */
.choice__area {
  padding-top: 48px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.billing__check__wrap {
  margin-top: 24px;
}

.choice__left__blk {
  padding-right: 13px;
}

.choice__right__blk {
  padding-left: 13px;
  border-left: 1px solid #DEDEDE;
  padding-bottom: 47px;
}

.single__billing__check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  padding: 9px 24px;
  margin-bottom: 16px;
}

.billing__icons {
  display: flex;
  align-items: center;
  gap: 15px;
}

.billing__icons span {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
}

.black_btn {
  color: #404040 !important;
  border-color: #404040 !important;
}

.black_btn:hover {
  color: #fff !important;
  border-color: #FA301A !important;
}

.new__billing__blk {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  margin-top: 24px;
  background: #fff;
}

.bill__title h4 {
  margin: 0;
}

.bill__title {
  padding-bottom: 24px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 24px;
}

.bill_input_title h6 {
  margin: 0;
}

.bill_input_title {
  margin-bottom: 8px;
}

.media__popup__input__blk .nice-select {
  width: 100%;
  background: #F5F5F5;
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.choice__inner__shape {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 475px;
  z-index: -1;
}

.convenience__left {
  border-right: 1px solid #DEDEDE;
}

.choice_map_title h4 {
  margin: 0;
  font-size: 20px;
}

.choice_map_title {
  margin-bottom: 48px;
}

.choice__map {
  max-width: 300px;
  margin-top: 24px;
}

.choice__map iframe {
  height: 300px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}







.onvenience__sibling__select {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 48px;
}

.single__sibling__select {
  width: 100%;
}

.sibling-select-input {
  display: none;
}

.sibling_icon {
  width: 24px;
  height: 24px;
  display: flex;
  margin-bottom: 16px;
  filter: brightness(0) saturate(100%) invert(25%) sepia(0%) saturate(1707%) hue-rotate(171deg) brightness(100%) contrast(100%);
}

.sibling-select-label {
  padding: 15px 30px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
}

.sibling-select-label .sibling_text h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 25.2px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #404040;
}

.sibling-select-input:checked+.sibling-select-label {
  border-color: #EE172D;
  filter: brightness(0) saturate(100%) invert(25%) sepia(89%) saturate(1780%) hue-rotate(337deg) brightness(96%) contrast(109%);
}

.sibling-select-input:checked+.sibling-select-label .sibling_text h4 {
  color: #EE172D;
}

/* ----------------------------------------- CHOICE AREA END ------------------------ */


/* ----------------------------------------- GREEDY AREA START ------------------------ */
.greedy__area {
  background: #F0F0F0;
  padding: 48px 0;
  position: relative;
  z-index: 1;
}

.greedy__thumb img {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}

.spicy__btn a {
  color: #EE172D;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  border-radius: 40px;
  background: rgba(238, 23, 45, 0.10);
  display: flex;
  gap: 8px;
  align-items: center;
  width: 130px;
  height: 32px;
  justify-content: center;
}

.spicy__btn a span {
  width: 20px;
  height: 20px;
  display: flex;
}

.spicy__btn {
  margin-bottom: 16px;
}

.level__btn a {
  width: 100px;
}

.greedy__title h3 {
  margin-bottom: 16px;
}

.greedy__title {
  margin-bottom: 48px;
}

.checkbox-dd .topping_check_text p {
  color: #404040 !important;
}

.topping__price__text h5 {
  color: #EE172D;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

.single__topping__check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.toppings__wrapp {
  margin-bottom: 30px;
}

.toppings__check__blk {
  margin-top: 16px;
  max-width: 415px;
}

.topping__price h3 span {
  color: #404040;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
  margin: 0;
}

.topping__price h3 {
  color: #EE172D;
  font-size: 36px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.72px;
  margin: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.greedy__price__blk {
  max-width: 310px;
}

.topping__price {
  margin-bottom: 24px;
}

.order__btn {
  display: flex;
  margin: 24px 0;
}

.order__btn .common__btn {
  width: 100%;
}

.credit__item p {
  color: #12B76A;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
  margin: 0;
}

.credit__item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.credit__item span {
  width: 24px;
  height: 24px;
  display: flex;
}

.greedy__inner__shape {
  max-width: 330px;
  position: absolute;
  right: 0;
  top: 54px;
  z-index: -1;
}

.g_item_text {
  margin-bottom: 24px;
}

.g_item_text h4 {
  color: #181818;
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
  margin: 0;
}

.greedy__buy__items {
  margin-top: 48px;
}

.buy__item__texts h4 {
  color: #181818;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-bottom: 8px;
  display: inline-block;
}

.buy_item_gap h4 {
  gap: 45px;
}

.single__buy__item {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
}

.buy_item_left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.buy_item_thumb {
  width: 64px;
  height: 64px;
}

.buy__item__texts p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

.buy__item__texts h4 span {
  color: #EE172D;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
}

.buy__add__btn a {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #F0DADC;
  color: #F12E1A;
  font-size: 20px;
}

.buy__add__btn img {
  border-radius: 8px;
}

.buy_item_thumb img {
  border-radius: 8px;
}

.add_cart_btn {
  width: 143px;
  height: 48px;
  padding: 0;
  align-items: center;
}



.counter-container {
  display: flex;
  align-items: center;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  width: 144px;
}

.greedy__cart {
  display: flex;
  align-items: center;
  gap: 24px;
}

.counter-button {
  cursor: pointer;
  font-size: 30px;
  background: transparent;
  border: none;
  width: 47px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s all;
  font-weight: 300;
  color: #808080;
}

.counter-button:hover {
  color: #F22E1A;
}

.counter-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.counter-value {
  width: 48px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEDEDE;
  border-top: none;
  border-bottom: none;
  color: #181818;
  font-size: 16px;
}

/* ----------------------------------------- GREEDY AREA END ------------------------ */


/* ----------------------------------------- REVIEW AREA START ------------------------ */

.review__area {
  padding: 48px 0;
}

.review__btn a {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  transition: .3s all;
  border-bottom: 2px solid #fff;
  width: 117px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.review__btn {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #F03447;
}

.review__btn a:hover {
  color: #EE172D;
  border-bottom: 2px solid #EE172D;
  font-weight: 600;
}

.active_review_btn {
  color: #EE172D !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #EE172D !important;
}

.review__wrap {
  margin-top: 24px;
}

.preview_profile_text h4 {
  color: #181818;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}

.preview_profile_text span {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}

.reviewer__profile a {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
}

.review_p_pic img {
  border-radius: 50px;
}

.review_p_pic {
  width: 48px;
}

.reviewer__reaction p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

.reviewer__ret {
  display: flex;
  margin-top: 16px;
  align-items: center;
  gap: 8px;
}

.reviewer__ret span {
  width: 96px;
  cursor: pointer;
  display: flex;
}

.reviewer__ret h5 {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

.single__review__profile {
  padding-bottom: 24px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 24px;
}

.review__textarea {
  margin-bottom: 16px;
}

.review__textarea textarea {
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  resize: none;
  width: 100%;
  padding: 22px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #F5F5F5;
  height: 130px;
}

.comment__btn {
  display: flex;
}

/* ----------------------------------------- REVIEW AREA END ------------------------ */


/* ----------------------------------------- GUIDE AREA START ------------------------ */

.guide__area {
  padding: 48px 0;
  position: relative;
  z-index: 1;
}

.guide__title span {
  color: #404040;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}

.guide__title h3 {
  margin: 24px 0;
}

.guide__title {
  max-width: 752px;
}

.single__ghide__thumb img {
  border-radius: 8px;
}

.guide__top__slider {
  margin-bottom: 48px;
}

.guide__profile {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 8px;
}

.guide__item__title h4 {
  color: #181818;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-bottom: 24px;
}

.guide__item__title p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  margin-bottom: 0;
}

.single__ghide__item {
  margin-bottom: 48px;
}

.guide__inner__shape {
  max-width: 437px;
  position: absolute;
  bottom: 100px;
  left: 225px;
}

.guide__item__title p span {
  font-weight: 600;
}

/* ----------------------------------------- GUIDE AREA END ------------------------ */


/* ----------------------------------------- CONTACT AREA START ------------------------ */
.contact__area {
  padding: 48px 0;
}

.contact__bg {
  height: 100%;
}

.contact__bg img {
  border-radius: 8px;
  height: 100%;
}

.contact__textarea textarea {
  padding: 14px;
  height: 140px;
}

.contact__textarea {
  margin-bottom: 24px;
}

.contact__btn {
  margin-top: 38px;
  margin-bottom: 0;
}

.single__contact__item a {
  margin: 0;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}

.contact__map iframe {
  width: 100%;
  height: 500px;
  border-radius: 8px;
}

/* ----------------------------------------- CONTACT AREA END ------------------------ */


/* ----------------------------------------- CONNECT AREA START ------------------------ */
.connect__area {
  background: #F0F0F0;
  padding: 80px 0;
}

.connect__thumb img {
  border-radius: 8px;
}

.connect__social__blk {
  margin-bottom: 16px;
}

.connect__saucy__items p {
  color: #181818;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  gap: 8px;
}

.connect__saucy__items {
  margin: 48px 0;
}

.connect__saucy__items p span {
  width: 24px;
  height: 24px;
  display: flex;
  flex: 0 0 auto;
}

/* ----------------------------------------- CONNECT AREA END ------------------------ */


/* ----------------------------------------- PROFILE AREA START ------------------------ */

.profile__area {
  padding-top: 48px;
  padding-bottom: 80px;
}

.user__profile {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}

.user_p_texts h4 {
  font-size: 20px;
}

.user_p_texts {
  margin-top: 16px;
  margin-bottom: 24px;
}

.user__profile__pic {
  width: 70px;
  height: 70px;
}

.user__profile__pic img {
  border-radius: 100px;
}

.personal_input input {
  color: #404040;
  background: transparent;
  border: none;
  padding: 10px 0;
}

.personal_input_title h6 {
  margin-bottom: 8px;
}

.tab__items__wrap {
  padding: 48px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
}

.table__tab__items {
  padding: 0;
  border: none;
}

.personal_last_input {
  display: flex;
  gap: 8px;
  align-items: center;
}

.info__btn {
  display: flex;
  margin: 24px 0;
}

.connect__account__blk {
  padding-top: 24px;
  border-top: 1px solid #DEDEDE;
}

.connect_logo h6 {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

.connect_logo span {
  width: 20px;
  height: 20px;
  display: flex;
}

.connect_logo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.single__account__connect {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  padding: 11px 20px;
}

.connect_btn a {
  color: #EE172D;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  transition: .3s all;
}

.connect_btn a:hover {
  color: #808080;
}

.active_connect_btn a {
  color: #808080;
}

.acoonect__title {
  margin-bottom: 24px;
}

.acoonect__title h4 {
  margin: 0;
}

.sec__personal__wrapper {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  padding: 48px;
}

.sec__personal__wrap {
  max-width: 560px;
}

.profile_step_border {
  border-top: 1px solid #DEDEDE;
  padding-top: 22px;
}

.prof_input_title {
  margin-top: 8px;
}

.prof_input_title p {
  color: #808080;
}

.personal_input_blk input {
  background: transparent;
  border: none;
  padding: 0;
}

.personal_input_blk {
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid #EE172D;
  background: #F5F5F5;
  padding: 14px 16px;
}

.personal_input_blk span {
  width: 20px;
  height: 20px;
  display: flex;
}

.personal__btn__blk {
  display: flex;
  gap: 16px;
  margin-top: 48px;
}

.save__btn a {
  padding: 14px 28px;
}


.discount__range span {
  width: 67%;
  height: 100%;
  background: linear-gradient(270deg, rgba(238, 24, 46, 1) 20%, rgba(243, 243, 243, 1) 100%);
  position: absolute;
  border-radius: 30px;
  left: 0;
  top: 0;
}

.discount__range {
  background: #F2F2F2;
  width: 100%;
  height: 8px;
  border-radius: 10px;
  position: relative;
}

.dis_range_b_texts h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.02em;
  margin: 0;
}

.dis_range_b_texts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.discount__range__blk {
  width: 312px;
}

.discount_range_top_text h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20.16px;
  letter-spacing: -0.02em;
  text-align: right;
  margin: 0;
  width: 67%;
  color: #FA301A;
}

.sec_credit_text {
  margin-top: -9px;
}

.discount_range_top_text {
  margin-bottom: 2px;
}

.order_place_text span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 18px;
  width: 18px;
  border-radius: 50%;
  content: '';
  background: #fff;
  z-index: -1;
  transition: .3s all;
}

/* ----------------------------------------- PROFILE AREA END ------------------------ */


/* ----------------------------------------- CREDIT AREA START ------------------------ */

.credit__ico {
  width: 24px;
  height: 24px;
  display: flex;
  flex: 0 0 auto;
}

.user__credit {
  display: flex;
  gap: 8px;
}

.credit__text h3 {
  color: #181818;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
  margin-bottom: 8px;
}

.single__credit__item {
  display: flex;
  gap: 16px;
  margin-bottom: 22px;
}

.credit__text p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

.credit__left__blk {
  padding-right: 50px;
  border-right: 2px solid #DEDEDE91;
}

.credit__right__blk {
  padding-left: 30px;
}

.credit__right__item {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.credit__top__wrap {
  padding-bottom: 45px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}

.credit__item__left h4 {
  color: #EE172D;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
  margin: 0;
  width: 43px;
  height: 43px;
  border-radius: 100px;
  border: 1px dashed #EE172D;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ----------------------------------------- CREDIT AREA END ------------------------ */


/* ----------------------------------------- DISCOUNT AREA START ------------------------ */
.discount__area {
  padding-top: 48px;
  padding-bottom: 80px;
}

.discount__left__blk {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  max-width: 525px;
  margin-left: auto;
}

.discount__bottom__wrapper {
  margin-top: 48px;
}

.discount__btn__blk {
  margin-top: 24px;
}

.discount__thead tr th {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  padding: 20px 25px;
}

.discount__tbody tr td {
  color: #EE172D;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  background: #F0F0F0;
  border-bottom: 1px solid #DEDEDE;
}

.discount__tbody tr {
  vertical-align: middle;
}

.discount__table__wrapper {
  margin-top: 24px;
}

.discount__table {
  border: 1px solid #E2E2E2;
}


.discount__progress__blk {
  max-width: 655px;
}

.discount__progress .bg-success {
  border-radius: 8px;
  background: #EE172D !important;
  width: 61%;
}

.discount__progress {
  height: 10px;
  border-radius: 8px;
  background: #DEDEDE;
}

.discount__progress__wrap {
  position: relative;
  margin-top: 37px;
}

.discount__progress__text {
  position: absolute;
  top: -32px;
  left: 59%;
}

.discount__progress__text p {
  font-size: 16px;
}

/* ----------------------------------------- DISCOUNT AREA END ------------------------ */


/* ----------------------------------------- TRACK AREA START ------------------------ */
.track__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 24px;
}

.track_item_thumb img {
  border: 1px solid #DEDEDE;
  border-radius: 8px;
}

.single__track__item {
  display: flex;
  gap: 15px;
}

.track__right__blk {
  padding-left: 20px;
  display: flex;
  align-items: center;
  gap: 48px;
  border-left: 1px solid #DEDEDE;
  margin-left: 10px;
}

.call__ico a {
  width: 48px;
  height: 48px;
  display: flex;
  flex: 0 0 auto;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #EE172D;
}

.track__contact {
  display: flex;
  gap: 16px;
}

.single__track__item .concept__texts h4 {
  margin-bottom: 8px;
  font-size: 20px;
}

.order_place_text {
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}

.order_place_text span {
  width: 10px;
  height: 10px;
  display: flex;
  border-radius: 50px;
  position: relative;
  transition: .3s all;
}

.order_place_text {
  margin-bottom: 21px;
}

.order_place_text p {
  color: #808080;
}

.order__place {
  padding-top: 24px;
  border-top: 1px solid #DEDEDE;
  margin-top: 24px;
}

.order__map {
  max-width: 376px;
}

.order__map iframe {
  width: 100%;
  height: 196px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}

.order__Place__right {
  position: relative;
  z-index: 1;
}

.order__Place__right:before {
  position: absolute;
  left: 4px;
  top: 50%;
  height: 93%;
  width: 2px;
  border-left: 1.9px dashed #D9D9D9;
  content: '';
  transform: translateY(-50%);
  z-index: -1;
}

.order_place_text.active p {
  color: #181818;
}

.order_place_text.active span img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(99%) saturate(6619%) hue-rotate(346deg) brightness(95%) contrast(97%);
}

.order_place_text.active span:before {
  background: #FEE8EA;
}

/* ----------------------------------------- TRACK AREA END ------------------------ */


/* ----------------------------------------- PAID AREA START ------------------------ */

.paid__area {
  padding-top: 80px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}

.paid__Left__blk {
  padding-right: 12px;
  border-right: 1px solid #DEDEDE;
  padding-top: 50px;
  padding-bottom: 32px;
}

.paid__right__blk {
  padding-left: 12px;
}

.paid__btn__left h4 {
  color: #404040;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4px;
  margin: 0;
}

.paid__btn__left span {
  width: 24px;
  height: 24px;
  display: flex;
}

.paid__btn__left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.single__paid__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23px 24px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}
.paid__stripe__blk {
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  padding: 24px;
  background: #FFFFFF;
}

.stripe__paid__process {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #DEDEDE;
}

.paid__bottom__btn {
  margin-top: 24px;
}

.paid__inner__shape {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 485px;
  z-index: -1;
}

.history__table {
  margin-bottom: 24px;
  border: 1px solid #DEDEDE;
}

.history__thead tr {
  height: 52px;
  vertical-align: middle;
}

.history__tbody tr {
  vertical-align: middle;
  height: 64px;
  border-bottom: 1px solid #E2E2E2;
}

.table_burger span {
  width: 32px;
  height: 32px;
  display: flex;
  flex: 0 0 auto;
}

.table_burger span img {
  border-radius: 4px;
  border: 1px solid #DEDEDE;
}

.table_burger {
  display: flex;
  align-items: center;
  gap: 8px;
}

.table_burger h5 {
  color: #181818;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  margin: 0;
}

.history__tbody td {
  color: #404040;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.32px;
}

.t_bg_gray {
  background: #FAFAFA !important;
}

.table> :not(caption)>*>* {
  padding: .5rem 1.8rem;
}

.sec_page_link {
  border: none !important;
  font-weight: 400 !important;
  padding: 14px 15px !important;
}

.sec_page_link:hover {
  color: #FA301A !important;
  background: transparent !important;
}

.active_sec_page_link {
  color: #FA301A !important;
}

/* ----------------------------------------- PAID AREA END ------------------------ */


/* ----------------------------------------- FOOTER AREA START ------------------------ */
.footer__area {
  padding-top: 48px;
  background: #181818;
  position: relative;
  z-index: 1;
}

.footer__bottom__shape {
  position: absolute;
  max-width: 205px;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.f__identity__bottom__content h5 {
  color: rgba(0, 0, 0, 0.50);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  margin-top: 15px;
}

.single__footer__list h4 {
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-bottom: 24px;
}

.single__footer__list ul li a {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  transition: .3s all;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.single__footer__list span {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.single__footer__list ul li a:hover {
  color: #F52F1A;
}

.footer__social__ico {
  display: flex;
  gap: 20px;
}

.footer__social__ico a {
  width: 24px;
  height: 24px;
  border-radius: 8px;
}

.f__identity__bottom__content p {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  margin: 0;
  max-width: 267px;
}

.footger__identity a img {
  width: 267px;
}

.footger__identity a {
  display: inline-block;
  margin-bottom: 24px;
}

.f__identity__bottom__content {
  margin-bottom: 24px;
}

.footer__bottom {
  border-top: 1px solid #383838;
  padding: 16px 0;
  margin-top: 48px;
}

.footer__bottom__blk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.copyright__text span {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}

.footer__bottom__menu ul {
  display: flex;
  align-items: center;
  gap: 24px;
}

.footer__bottom__menu ul li a {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  transition: .3s all;
}

.footer__bottom__menu ul li a:hover {
  color: #F52F1A;
}

.cookie__btn .common-btn span {
  width: 13px;
  height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookie__btn .common__btn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cookies__right__blk {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

.decline__btn .price__btn {
  border-color: #F32F1A;
  color: #F32F1A;
  display: flex;
  justify-content: center;
}
.decline__btn .price__btn:hover {
   color: #fff;
}

.cookie__text p {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  margin: 0;
  max-width: 630px;
}

.cookies__permision {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  gap: 108px;
  width: 1260px;
  margin: 0 auto;
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  transition: .3s all;
  z-index: 33;
  opacity: 0;
  visibility: hidden;
}

.active_cookies {
  visibility: visible;
  opacity: 1;
}

.cookies__left__blk {
  display: flex;
  align-items: center;
  gap: 24px;
}

.cookie__thumb {
  width: 66px;
  height: 66px;
}

.close__cookies {
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
}

/* ----------------------------------------- FOOTER AREA END ------------------------ */












/* ----------------------------------------- FORM CONTROL AREA START ------------------------ */

.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px 19px;
  font-size: 1rem;
  line-height: 1.4;
  color: #475F7B;
  background-color: #FFF;
  border: 1px solid #DFE3E7;
  border-radius: .267rem;
  -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
  color: #475F7B;
  background-color: #FFF;
  border-color: #5A8DEE;
  outline: 0;
  box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}

.intl-tel-input,
.iti {
  width: 100%;
}

.iti__flag {
  background-image: url("../img/flags.png");
}

/* @media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../img/flags@2x.png");
  }
} */

/* ----------------------------------------- FORM CONTROL AREA START ------------------------ */


/* ----------------------------------------- MOBILE MENU AREA START ------------------------ */

.mobile__menu .mega__menu {
  position: unset;
  width: 214px;
  flex-direction: column;
  top: 0 !important;
  visibility: visible;
  opacity: 1;
  gap: 20px;
  padding: 24px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  margin: 0 auto;
}

.mobile__menu .header__right__blk {
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  padding-top: 0;
}

.mobile__menu .header__right__blk .main__menu ul li {
  margin: 0;
  display: block;
}

.mobile__menu .header__right__blk .main__menu ul li a {
  display: inline-flex;
  padding: 6px 0;
  border-bottom: 1px solid #202020;
  width: 100%;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none !important;
  color: #FFF !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
}

.mobile__menu .header__right__blk .main__menu .main__menu__link a:hover {
  color: #EE172D !important;
}

.mobile__menu .header__right__blk .main__menu {
  width: 100%;
}

.mobile__menu .header__btn {
  margin: 20px 0;
  width: 100%;
}

.mobile__menu .social__ico__blk {
  margin-left: 0;
  justify-content: center;
  width: 100%;
}

.mobile__menu {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999;
  background: #0D0D0D;
  width: 330px;
  transition: .3s all;
  right: -100%;
  overflow-y: scroll;
}

.mobile__menu .header__btn a {
  width: 100%;
}

.close__menu {
  cursor: pointer;
  background: #010101;
  text-align: right;
  padding: 24px;
  padding-bottom: 10px;
}

.mobile__menu .header__right__blk .main__menu .main__menu__link a {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  text-transform: lowercase;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #323232;
  transition: .3s all;
}

.mobile__menu .mega_menu_right p {
  font-size: 15px;
}

.none__desk {
  display: none;
}

.open__menu {
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
}

.overlay {
  position: fixed;
  right: -100%;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 555;
  transition: .5s all;
  opacity: 0.7;
}

.mobile__menu .accordion-collapse {
  border: 0;
}

/* ----------------------------------------- MOBILE MENU AREA END ------------------------ */


/*-------- Custom CheckBox Style Start --------*/

/* The container */
.checkbox-dd .container-dd {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-dd .container-dd input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-dd .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-dd .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-dd .container-dd input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-dd .container-dd .checkmark::after {
  left: 7px;
  top: 2px;
  width: 6px;
  height: 11px;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 3px;
}

.checkbox-dd .container-dd p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  letter-spacing: -0.32px;
  font-weight: 400;
  position: relative;
  top: -1px;
  color: #808080;
  line-height: normal;
}

.checkbox-dd .checkmark::after {
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  height: 80% !important;
  width: 80% !important;
  background: #404040;
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

/*-------- Custom CheckBox Style Start --------*/






/*-------------------- Selector Css Here   --------------------- */
.select-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-family: "Open Sans", "Helvetica Neue", "Segoe UI", "Calibri", "Arial", sans-serif;
  font-size: 18px;
  color: #60666d;
  text-align: left;
}

.select-box__current {
  position: relative;
  cursor: pointer;
  outline: none;
}

.open_flag_list .select-box__list {
  opacity: 1;
  visibility: visible;
}

.select-box__current:focus+.select-box__list .select-box__option {
  cursor: pointer;
}

.open_flag_list .select-box__icon {
  transform: translateY(-50%) rotate(180deg);
}

.select-box__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  transition: 0.2s ease;
}

.select-box__value {
  display: flex;
}

.select-box__input {
  display: none;
}

.select-box__input:checked+.select-box__input-text {
  display: block;
}

.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  color: #1C1B1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}

.select-box__list {
  position: absolute;
  width: 170px;
  padding: 24px 15px;
  list-style: none;
  opacity: 0;
  z-index: 999;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  overflow-y: auto;
  top: 140%;
  visibility: hidden;
}

.select-box__option {
  background-color: #fff;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.select-box__option:hover,
.select-box__option:focus {
  color: #EE172D;
  font-weight: 600;
}

@-webkit-keyframes HideList {
  from {
    transform: scaleY(1);
  }

  to {
    transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    transform: scaleY(1);
  }

  to {
    transform: scaleY(0);
  }
}

.select-box__current img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #fff;
  object-fit: cover;
}

.select-box__list li img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #fff;
  object-fit: cover;
  margin-right: 2px;
}

.select-box__list li {
  color: #404040;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.32px;
  transition: .3s all;
  cursor: pointer;
}


.selectorwith_flag {
  width: 70px;
}

.hero_flag_blk .select-box__value .select-box__input-text {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}


.single__paid__btn.active>p-checkbox::after {
  opacity: 1;
}

.select-box__current .select-box__icon {
  height: auto;
  width: 11px !important;
  border: 0;
  object-fit: unset;
}

.select-box__input-text img {
  margin-right: 8px;
  margin-top: -3px;
}

.select-box__list li:nth-child(4) .select-box__option {
  margin: 0;
}

.flag_overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 33;
  background: rgba(0, 0, 0, 0.42);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.1px);
  -webkit-backdrop-filter: blur(6.1px);
  opacity: 0;
  visibility: hidden;
  transition: .3s all;
}

.open_flag_list .flag_overlay {
  opacity: 1;
  visibility: visible;
}

.open_flag_list {
  overflow: hidden;
}


/*-------------------- Selector Css Here   --------------------- */


::placeholder {
  opacity: 1;
}


/* signup page start */
.signup__header .header__right__blk {
	gap: 284px;
}
.signup__area .container {
	max-width: 1270px;
}

.signup__thumb {
	width: 50%;
}
.signup__form {
	max-width: 590px;
}
.signup__wrapper {
	padding: 60px 0;
}
.signup__title {
	margin-bottom: 48px;
}
.form__condition .checkbox-dd .container-dd p {
	font-size: 20px;
   letter-spacing: -0.4px; 
}
.form__condition .checkbox-dd .container-dd p a {
   color: inherit;
}
.forgot__pass {
   font-size: 20px;
   color: #404040;
   letter-spacing: -0.4px; 
}
.signup__btn {
	margin-top: 24px;
	margin-bottom: 0;
}
.option__title {
   font-size: 16px;
   letter-spacing: -0.32px; 
   color: #404040;
   margin-bottom: 24px;
}
.option__title::after, 
.option__title::before {
   content: '';
   width: 214px;
   height: 1px;
   background: linear-gradient(90deg, rgba(64, 64, 64, 0.00) 8.5%, #404040 100%);
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}
.option__title::after {
   left: auto;
   right: 0;
   background: linear-gradient(-90deg, rgba(64, 64, 64, 0.00) 8.5%, #404040 100%);
}
.option__btn__wrap {
   gap: 24px;
}
.option__btn__wrap a {
	width: 170px;
	padding: 14px 32px;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #DEDEDE;
	color: #404040;
	letter-spacing: -0.32px;
}
.have-account p {
	color: #404040;
	font-size: 20px;
	letter-spacing: -0.4px;
}
.have-account p a {
   color: inherit;
}
/* signup page end */

/* new css */
.btn__arrow i {
   transition: all .3s;
}
.price__btn.high .btn__arrow i {
	transform: rotate(180deg);
}

.single__paid__btn .checkmark {
	right: 24px;
	left: auto;
}