/*
@File: Atoli HTML Template

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

*******************************************
*******************************************
** - Default Btn Style
** - Section Title Style
** - Top Header Style
** - Navbar Area Style
** - Main Banner Area CSS  Style
** - Banner Form Area CSS  Style
** - Inner Banner Area CSS  Style
** - About Area CSS  Style
** - Choose Area CSS Style
** - Gallery Area CSS Style
** - Services Area CSS Style
** - Reservation Area Style
** - Ability Area Style
** - Specialty Area Style
** - Room Area Style
** - Testimonials Area Style
** - Faq Area Style
** - Contact Area Style
** - Map Area Style
** - User All Form Style
** - Team Area Style
** - Booking Area Style
** - Checkout Area Style
** - Blog Area Style
** - Restaurant Item  Style
** - Pagination Area Style
** - 404 Error Area Style
** - Coming Soon Area Style
** - Footer Area Style
** - Other Area Style


*******************************************

/*================================================
Default CSS
=================================================*/
@font-face {
    font-family: "Myriad";
    src: url("../fonts/ArbFONTS-DINNextLTArabic-Regular-2.ttf");
}


@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
body {
  font-size: 16px;
  line-height: 1.8;
  font-family: "Myriad";
  color: #555555;
  font-weight: 400;
  background-color:#20255c1a;
}

p {
  color: #555555;
}

a {
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  outline: 0;
}

button:focus {
  outline: 0;
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #292323;
  font-family: "Myriad";
  line-height: 1.4;
}

h3 {
  font-size: 22px;
  font-weight: 800;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

img {
  max-width: 100%;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-20 {
  padding-top: 20px;
}

.ml-45 {
  margin-left: 45px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-50 {
  border-radius: 50px !important;
}

.section-bg {
  background-color: #F5F5F5;
}

.section-bg-2 {
  background-color: #FEF7F6;
}

/*================================
Default Btn Style
===================================*/
.default-btn {
  display: inline-block;
  padding: 12px 42px;
  color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.default-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 0;
  height: 50%;
  background-color: #1B2132;
  z-index: -1;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  opacity: 0;
}

.default-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 0;
  height: 50%;
  background-color: #1B2132;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.default-btn:hover {
  color: #ffffff !important;
}

.default-btn:hover::before {
  width: 100%;
  color: #ffffff !important;
  opacity: 1;
}

.default-btn:hover::after {
  width: 100%;
  opacity: 1;
  color: #ffffff !important;
}

.btn-bg-one {
  background-color: #f8c23b;
}

.btn-bg-two {
  background-color: #C890FF;
}

.btn-bg-three {
  background-color: #EE786C;
}

/*================================
Default Btn Style End
===================================*/
/*================================
Section Title Style
===================================*/
.section-title span {
  line-height: 0;
  text-transform: capitalize;
  padding-bottom: 5px;
  margin: 0;
  color: #f8c23b;
}

.section-title h2 {
  font-size: 35px;
  font-weight: 600;
  margin-top: 0;
  line-height: 1.4;
  color: #20255c;
  margin-bottom: 0;
}

.section-title p {
  padding-top: 17px;
  margin-bottom: 0;
}

.sp-color {
  color: #EE786C !important;
}

/*================================
Section Title Style End
===================================*/
/*================================
Top Header
===================================*/
.top-header {
  padding: 5px 0 3px;
}

.top-header-bg {
  background-color: #f0bb38;
}

.header-right {
  text-align: right;
  z-index: 1;
  position: relative;
}

.header-right ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.header-right ul li {
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 7px;
  color: #ffffff;
  margin-right: 35px;
}

.header-right ul li::before {
  content: '';
  position: absolute;
  top: 5px;
  right: -20px;
  height: 20px;
  width: 1px;
  background-color: #ffffff;
}

.header-right ul li:last-child {
  margin-right: 0;
}

.header-right ul li:last-child::before {
  display: none;
}

.header-right ul li i {
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 52%;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header-right ul li a {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-left: 25px;
}

.header-right ul li:hover i {
  color: #20255c;
}

.header-right ul li:hover a {
  color: #20255c;
}

.language-list {
  top: -5px;
  margin-bottom: 0;
  position: relative;
  display: flex;
  margin-left: -25px;
  z-index: 9999;
  text-align: left;
}

.language-list .language-list-item {
  height: 0;
  padding: 0 15px;
  border: none;
  color: #ffffff;
  background-color: transparent;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px 0 0 5px;
  padding-left: 30px;
  padding-right: 30px;
}

.language-list .language-list-item:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.language-list .nice-select {
  height: 0;
  line-height: 0;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 400;
  border-radius: 0;
  background-color: transparent;
  color: #ffffff;
  border-radius: 5px 0px 0px 5px;
  z-index: 9999;
  text-align: right !important;
}

.language-list .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 20px;
  width: 125px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.language-list .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #292323;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0;
  width: 180px;
  border-bottom: 1px solid #e1e1e1;
}

.language-list .nice-select .list .option:hover {
  background-color: transparent !important;
  color: #f8c23b;
}

.language-list .nice-select .list .option .selected {
  background-color: transparent !important;
  font-weight: 400;
  color: #f8c23b !important;
}

.language-list .nice-select:after {
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  height: 6px;
  width: 6px;
}

.side-nav .nav-flag-dropdown {
  display: inline-block;
}

/*================================
Top Header End
===================================*/
/*=================================
Navbar Area
====================================*/
.navbar-light .navbar-brand .logo-two {
  display: none;
}

.main-nav {
  position: inherit;
  background-color: #20255c;
  top: 0;
  left: 0;
  z-index: inherit;
  padding: 0;
  width: 100%;
  height: auto;
}

.main-nav .navbar {
  padding-left: 0;
  padding-right: 0;
}

.main-nav nav .navbar-nav .nav-item:hover a, .main-nav nav .navbar-nav .nav-item .active {
  color: #f8c23b !important;
}

.main-nav nav .navbar-nav .nav-item a {
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 500;
  margin-left: 12px;
  margin-right: 12px;
}

.main-nav nav .navbar-nav .nav-item a i {
  line-height: 0;
  position: relative;
  top: 3px;
  font-size: 18px;
}

.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a :focus {
  color: #f8c23b !important;
}

.main-nav nav .navbar-nav .nav-item a.active {
  color: #f8c23b !important;
}

.main-nav nav .navbar-nav .nav-item a .active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  z-index: 5;
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: #ffffff !important;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px dashed #ee786c4f;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: none;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  color: #292323 !important;
  position: relative;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  font-weight: 400;
  padding: 10px 25px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  border-radius: 0;
  color: #f8c23b !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active {
  color: #f8c23b !important;
  border-radius: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active {
  color: #f8c23b !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 100%;
  margin-top: 18px !important;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.nav-btn {
  margin-bottom: -8px;
}

.nav-btn .default-btn {
  padding: 10px 30px;
}

.nav-two {
  position: absolute;
  background-color: #ffffff;
  top: 15px;
  left: 0;
  right: 0;
  z-index: 5555;
  padding: 0;
  width: 1240px;
  margin: 0 auto;
  height: auto;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.nav-two .navbar {
  padding-left: 0;
  padding-right: 0;
}

.nav-two nav .navbar-nav .nav-item:hover a, .nav-two nav .navbar-nav .nav-item .active {
  color: #C890FF !important;
}

.nav-two nav .navbar-nav .nav-item a:hover, .nav-two nav .navbar-nav .nav-item a :focus {
  color: #C890FF !important;
}

.nav-two nav .navbar-nav .nav-item a.active {
  color: #C890FF !important;
}

.nav-two nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #C890FF !important;
}

.nav-two nav .navbar-nav .nav-item .dropdown-menu li a:hover, .nav-two nav .navbar-nav .nav-item .dropdown-menu li a :focus, .nav-two nav .navbar-nav .nav-item .dropdown-menu li a .active {
  color: #C890FF !important;
}

.nav-two nav .navbar-nav .nav-item .dropdown-menu li.active {
  color: #C890FF !important;
}

.nav-three nav .navbar-nav .nav-item:hover a, .nav-three nav .navbar-nav .nav-item .active {
  color: #EE786C !important;
}

.nav-three nav .navbar-nav .nav-item a:hover, .nav-three nav .navbar-nav .nav-item a :focus {
  color: #EE786C !important;
}

.nav-three nav .navbar-nav .nav-item a.active {
  color: #EE786C !important;
}

.nav-three nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #EE786C !important;
}

.nav-three nav .navbar-nav .nav-item .dropdown-menu li a:hover, .nav-three nav .navbar-nav .nav-item .dropdown-menu li a :focus, .nav-three nav .navbar-nav .nav-item .dropdown-menu li a .active {
  color: #EE786C !important;
}

.nav-three nav .navbar-nav .nav-item .dropdown-menu li.active {
  color: #EE786C !important;
}

.side-nav-responsive {
  display: none;
}

.side-nav-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 60px;
  top: 12px;
}

.side-nav-responsive .dot-menu .circle-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
}

.side-nav-responsive .dot-menu .circle-inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  background-color: #1B2132;
}

.side-nav-responsive .dot-menu:hover .circle-inner .circle {
  background-color: #f8c23b;
}

.side-nav-responsive .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.side-nav-responsive .container .container {
  position: absolute;
  top: 55px;
  right: 0;
  max-width: 250px;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}

.side-nav-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.side-nav-responsive .side-nav-inner {
  padding: 10px;
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
}

.side-nav-responsive .side-nav-inner .side-nav {
  background-color: #1B2132;
  padding: 10px 0;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item {
  padding-left: 10px;
  position: relative;
  display: inline-block;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item:last-child {
  padding-right: 10px;
  padding-left: 0;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item {
  margin-right: 15px;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list {
  top: -5px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  z-index: 9999;
  text-align: left;
  margin-left: -25px;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .language-list-item {
  height: 0;
  padding: 0 15px;
  border: none;
  color: #ffffff;
  background-color: transparent;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px 0 0 5px;
  padding-left: 30px;
  padding-right: 30px;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .language-list-item:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .nice-select {
  height: 0;
  width: 125px;
  line-height: 0;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 400;
  border-radius: 0;
  background-color: transparent;
  color: #ffffff;
  border-radius: 5px 0px 0px 5px;
  z-index: 9999;
  text-align: right !important;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 20px;
  width: 125px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #292323;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0;
  width: 180px;
  border-bottom: 1px solid #e1e1e1;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .nice-select .list .option:hover {
  background-color: transparent !important;
  color: #f8c23b;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .nice-select .list .option .selected {
  background-color: transparent !important;
  font-weight: 400;
  color: #f8c23b !important;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .language-option-list .nice-select:after {
  border-bottom: 1.5px solid #ffffff;
  border-right: 1.5px solid #ffffff;
  height: 6px;
  width: 6px;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .menu-icon {
  line-height: 1;
  position: relative;
  top: 10px;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .menu-icon .menu-icon-one {
  font-size: 35px;
  color: #ffffff;
}

.side-nav-responsive .side-nav-inner .side-nav .option-item .menu-icon .menu-icon-one:hover {
  color: #f8c23b;
}

.sticky-nav {
  top: 0;
  position: fixed;
  -webkit-animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
          animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  width: 100% !important;
  z-index: 999;
}

.sticky-nav .main-nav {
  top: 0;
  background-color: #20255c;
  position: fixed;
  z-index: 9999;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.sticky-nav .navbar-brand img{
max-height:80px!important;
}
.sticky-nav .navbar{
  padding-top: 0px!important;
}

.sticky-nav .nav-two {
  top: 0;
  background-color: #ffffff;
  position: fixed;
  z-index: 9999;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  border-radius: 0;
  width: 100%;
}
.navbar{
  padding-top:0px;
  padding-bottom:0px;
}
.option-item {
  margin-right: 20px;
  display: inline-block;
  position: relative;
  margin-top: -13px;
}

.option-item:last-child {
  margin-right: 0;
}

.option-item .language-nav-list {
  top: -5px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  margin-left: -25px;
  z-index: 9999;
  text-align: left;
}

.option-item .language-nav-list .language-list-item {
  height: 0;
  padding: 0 15px;
  border: none;
  color: #292323;
  background-color: transparent;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px 0 0 5px;
  padding-left: 30px;
  padding-right: 30px;
}

.option-item .language-nav-list .language-list-item:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.option-item .language-nav-list .nice-select {
  height: 0;
  width: 125px;
  line-height: 0;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 400;
  border-radius: 0;
  background-color: transparent;
  color: #292323;
  border-radius: 5px 0px 0px 5px;
  z-index: 9999;
  text-align: right !important;
}

.option-item .language-nav-list .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 20px;
  width: 125px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.option-item .language-nav-list .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #292323;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0;
  width: 180px;
  border-bottom: 1px solid #e1e1e1;
}

.option-item .language-nav-list .nice-select .list .option:hover {
  background-color: transparent !important;
  color: #f8c23b;
}

.option-item .language-nav-list .nice-select .list .option .selected {
  background-color: transparent !important;
  font-weight: 400;
  color: #f8c23b !important;
}

.option-item .language-nav-list .nice-select:after {
  border-bottom: 1.5px solid #292323;
  border-right: 1.5px solid #292323;
  height: 6px;
  width: 6px;
}

.option-item .menu-icon {
  line-height: 1;
  position: relative;
  top: 10px;
  z-index: 5;
}

.option-item .menu-icon .menu-icon-one {
  font-size: 35px;
  color: #C890FF;
}

.option-item .menu-icon .menu-icon-one:hover {
  color: #292323;
}

.nav-item-btn {
  display: none;
}

/*=================================
Navbar Area End
====================================*/
/*=================================
Sidebar Modal
====================================*/
.sidebar-modal {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}

.sidebar-modal .sidebar-modal-inner {
  position: absolute;
  right: -100%;
  top: 0;
  width: 400px;
  overflow-y: scroll;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
  padding: 40px;
}

.sidebar-modal .sidebar-header {
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}

.sidebar-modal .sidebar-header .sidebar-logo {
  display: inline-block;
}

.sidebar-modal .sidebar-header .sidebar-logo .sidebar-logo-two {
  display: none;
}

.sidebar-modal .sidebar-header .close-btn {
  display: inline-block;
  font-size: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 32px;
  background-color: #1B2132;
  color: #ffffff;
  border-radius: 50px;
  text-align: center;
  margin-top: 15px;
  float: right;
}

.sidebar-modal .sidebar-header .close-btn:hover {
  background-color: #C890FF;
}

.sidebar-modal .sidebar-about {
  margin-bottom: 30px;
}

.sidebar-modal .sidebar-about .title h2 {
  margin-bottom: 0;
  font-size: 24px;
}

.sidebar-modal .sidebar-about .title p {
  margin-bottom: 0;
  font-size: 15px;
}

.sidebar-modal .contact-us {
  margin-bottom: 30px;
}

.sidebar-modal .contact-us h2 {
  font-size: 20px;
  margin-bottom: 25px;
}

.sidebar-modal .contact-us ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sidebar-modal .contact-us ul li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
  color: #555555;
}

.sidebar-modal .contact-us ul li:last-child {
  margin-bottom: 0;
}

.sidebar-modal .contact-us ul li i {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 28px;
  color: #292323;
}

.sidebar-modal .contact-us ul li a {
  display: block;
  color: #555555;
}

.sidebar-modal .contact-us ul li a:hover {
  color: #292323;
}

.sidebar-modal .sidebar-room-feed {
  margin-bottom: 30px;
}

.sidebar-modal .sidebar-room-feed h2 {
  margin-bottom: 25px;
  font-size: 20px;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li {
  display: inline-block;
  padding-left: 100px;
  position: relative;
  margin-bottom: 20px;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li:last-child {
  margin-bottom: 0;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li img {
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  width: 80px;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li .content {
  max-width: 170px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li .content h3 {
  font-size: 17px;
  margin-bottom: 0;
  font-weight: 700;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li .content h3 a {
  color: #555555;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li .content h3:hover a {
  color: #292323;
}

.sidebar-modal .sidebar-room-feed .sidebar-room-content li .content span {
  font-size: 15px;
}

.sidebar-modal .sidebar-follow-us h2 {
  font-size: 20px;
  margin-bottom: 25px;
}

.sidebar-modal .sidebar-follow-us .social-wrap {
  line-height: 1;
}

.sidebar-modal .sidebar-follow-us .social-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-modal .sidebar-follow-us .social-wrap li {
  display: inline-block;
  padding-right: 10px;
}

.sidebar-modal .sidebar-follow-us .social-wrap li a i {
  font-size: 20px;
  color: #292323;
}

.sidebar-modal .sidebar-follow-us .social-wrap li a:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.sidebar-modal.active {
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.9);
}

.sidebar-modal.active .sidebar-modal-inner {
  right: 0;
}

/*=================================
Sidebar Modal
====================================*/
/*=================================
Main Banner Area
====================================*/
.banner-area {
  background-image: url(../img/home-one.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  min-height: 600px
}

.banner-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #20255c7a, #20255c7a);

  z-index: -1;
}

.banner-content {
  padding: 210px 0 210px;
  max-width: 650px;
  margin-right: auto;
  position: relative;

}

.banner-content h1 {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 700;
   color: #ffffff;
}

.banner-content p {
  font-size: 23px;
  margin-bottom: 30px;
  color: #ffffff;
  text-align: justify;
}

.banner-area-three {
  background-image: url(../img/home-three.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-max {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 160px 0 162px;
}

.banner-area-two {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffffff85), to(#FEF4F2));
  background-image: linear-gradient(to right, #ffffff85, #FEF4F2);
  padding-top: 180px;
  padding-bottom: 85px;
}

.banner-another {
  max-width: 540px;
  margin-left: auto;
  position: relative;
}

.banner-another h1 {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
  color: #292323;
}

.banner-another p {
  font-size: 17px;
  margin-bottom: 30px;
  color: #555555;
}

.banner-another .banner-shape {
  position: absolute;
  top: -80px;
  left: -70px;
}

.banner-another .banner-shape img {
  height: 550px;
}

.banner-img {
  max-width: 600px;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.banner-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 30px;
  right: -30px;
  width: 100%;
  height: 90%;
  background-image: url(../img/home-two/home-two-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50px;
  opacity: 0.5;
}

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

/*=================================
Main Banner Area End
====================================*/
/*=================================
Banner Form Area
====================================*/
.banner-form {
  position: relative;
  z-index: 1;
  margin-top: -70px;
  background-color: #F5F5F5;
  padding: 25px 40px 22px;
  border-radius: 15px;
  max-width: 870px;
  margin-right: auto;
}

.banner-form .form-group {
  position: relative;
  margin-bottom: 0;
  position: relative;
}

.banner-form .form-group i {
  font-size: 20px;
  position: absolute;
  top: 55%;
  left: 95px;
}

.banner-form .form-group label {
  font-weight: 600;
  color: #1B2132;
  margin-bottom: 0;
}

.banner-form .form-group .form-control {
  height: 40px;
  padding: 0 10px;
  font-size: 15px;
  border: none;
  color: #555555;
  background-color: transparent;
  font-weight: 500;
  border-radius: 0;
  z-index: 55;
}

.banner-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.banner-form .default-btn {
  float: right;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.banner-form .nice-select {
  height: 40px;
  width: 100%;
  font-size: 15px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 0px;
  padding-left: 20px;
  border-radius: 50px;
  background-color: #f8c23b;
  color: #ffffff;
  z-index: 1;
}

.banner-form .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  z-index: 1;
}

.banner-form .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #555555;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 55;
}

.banner-form .nice-select .list .option:hover {
  background-color: #f8c23b !important;
  color: #ffffff;
}

.banner-form .nice-select .list .option .selected {
  background-color: transparent;
  font-weight: 600;
}

.banner-form .nice-select::after {
  height: 8px;
  width: 8px;
  border-color: #555555;
  right: auto;
  top: 42%;
  left: 35px;
}

/*=================================
Banner Form Area End
====================================*/
/*================================
Inner Banner
==================================*/
.inner-banner {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.inner-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #1B2132;
  opacity: 0.5;
}

.inner-banner .inner-title {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.inner-banner .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.inner-banner .inner-title ul li {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  font-weight: 500;
  font-family: "Myriad";
}

.inner-banner .inner-title ul li:last-child {
  margin-right: 0;
}

.inner-banner .inner-title ul li a {
  color: #ffffff;
}

.inner-banner .inner-title ul li a:hover {
  color: #EE786C;
}

.inner-banner .inner-title ul li i {
  font-size: 24px;
  color: #ffffff;
  position: relative;
  top: 5px;
}

.inner-banner .inner-title h3 {
  margin-top: 10px;
  font-size: 40px;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  font-family: "Myriad";
}

.inner-bg1 {
  background-image: url(../img/inner-banner/inner-banner1.jpg);
}

.inner-bg2 {
  background-image: url(../img/inner-banner/inner-banner2.jpg);
}

.inner-bg3 {
  background-image: url(../img/inner-banner/inner-banner3.jpg);
}

.inner-bg4 {
  background-image: url(../img/inner-banner/inner-banner4.jpg);
}

.inner-bg5 {
  background-image: url(../img/inner-banner/inner-banner5.jpg);
}

.inner-bg6 {
  background-image: url(../img/inner-banner/inner-banner6.jpg);
}

.inner-bg7 {
  background-image: url(../img/inner-banner/inner-banner7.jpg);
}

.inner-bg8 {
  background-image: url(../img/inner-banner/inner-banner8.jpg);
}

.inner-bg9 {
  background-image: url(../img/inner-banner/inner-banner9.jpg);
}

.inner-bg10 {
  background-image: url(../img/inner-banner/inner-banner10.jpg);
}

.inner-bg11 {
  background-image: url(../img/inner-banner/inner-banner11.jpg);
}

.inner-bg12 {
  background-image: url(../img/inner-banner/inner-banner12.jpg);
}

/*=================================
About Area
====================================*/
.about-img {
  max-width: 540px;
  margin-left: auto;
  margin-bottom: 70px;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}

.about-img img {
  border-radius: 15px;
}

.about-img::before {
  content: '';
  position: absolute;
  top: -40px;
  left: -70px;
  width: 70%;
  height: 115%;
  background-color: #F5F5F5;
  z-index: -1;
  border-radius: 50px;
}

.about-img-2 {
  max-width: 630px;
  margin-left: auto;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.about-content {
  max-width: 560px;
  margin-right: auto;
  margin-left: 30px;
  margin-bottom: 30px;
}

.about-content .section-title {
  margin-bottom: 20px;
}

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

.about-content ul li {
  display: block;
  padding-left: 70px;
  position: relative;
  margin-bottom: 25px;
}

.about-content ul li i {
  font-size: 50px;
  color: #f8c23b;
  position: absolute;
  top: -10px;
  left: 0;
}

.about-content ul li .content h3 {
  margin-bottom: 5px;
}

.about-content ul li .content p {
  margin-bottom: 0;
  max-width: 400px;
}

.about-content .about-form {
  margin-top: 30px;
  background-color: #FEF7F6;
  padding: 25px 15px;
  border-radius: 15px;
}

.about-content .about-form .form-group {
  position: relative;
  margin-bottom: 20px;
  position: relative;
}

.about-content .about-form .form-group i {
  font-size: 20px;
  position: absolute;
  top: 60%;
  right: 10px;
}

.about-content .about-form .form-group label {
  font-weight: 600;
  color: #1B2132;
  margin-bottom: 10px;
}

.about-content .about-form .form-group .form-control {
  height: 45px;
  padding: 0 15px;
  border: none;
  color: #292323;
  background-color: #ffffff;
  font-weight: 400;
  border-radius: 50px;
  font-size: 15px;
}

.about-content .about-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  z-index: 5;
}

.about-content .about-form .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .about-content .about-form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-radius: 50px;
}

.about-content .about-form .default-btn {
  float: right;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}

.about-content .about-form .nice-select {
  height: 50px;
  width: 100%;
  line-height: 42px;
  font-size: 15px;
  margin-bottom: 20px;
  padding-left: 20px;
  border-radius: 50px;
  background-color: #f8c23b;
  color: #ffffff;
}

.about-content .about-form .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.about-content .about-form .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #292323;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
}

.about-content .about-form .nice-select .list .option:hover {
  background-color: #f8c23b !important;
  color: #ffffff;
}

.about-content .about-form .nice-select .list .option .selected {
  background-color: transparent;
  font-weight: 600;
}

.about-content .about-form .nice-select::after {
  height: 8px;
  width: 8px;
  border-color: #555555;
  right: auto;
  top: 45%;
  right: 20px;
}

/*=================================
About Area End
====================================*/
/*=================================
Choose Area
====================================*/
.choose-area .section-title h2 {
  max-width: 600px;
  margin: 0 auto;
}

.choose-card {
  background-color: #F5F5F5;
  padding: 30px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.choose-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  width: 100%;
  height: 0;
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.choose-card:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.choose-card:hover::before {
  height: 100%;
  opacity: 1;
}

.choose-card:hover i {
  background-color: #FEF7F6;
}

.choose-card i {
  width: 90px;
  height: 90px;
  background-color: #ffffff;
  font-size: 45px;
  color: #EE786C;
  border-radius: 50px;
  line-height: 90px;
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
}

.choose-card h3 {
  margin-bottom: 10px;
}

.choose-card p {
  margin-bottom: 15px;
}

.choose-card .read-btn {
  padding: 6px 16px;
  color: #292323;
  border: 1px solid #EE786C;
}

.choose-card .read-btn:hover {
  color: #ffffff;
  background-color: #EE786C;
}

/*=================================
Choose Area End
====================================*/
/*=================================
Gallery Area
====================================*/
.gallery-tab .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gallery-tab .tabs li {
  display: inline-block;
  background-color: #F5F5F5;
  margin: 0 -3px;
}

.gallery-tab .tabs li a {
  display: inline-block;
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color: #555555;
  padding: 10px 24px;
}

.gallery-tab .tabs li a:focus {
  color: #ffffff;
  background-color: #EE786C;
}

.gallery-tab .tabs li.active a {
  color: #ffffff;
  background-color: #EE786C;
}

.gallery-tab .tabs li.current a {
  color: #ffffff;
  background-color: #EE786C;
}

.single-gallery {
  position: relative;
  margin-bottom: 30px;
}

.single-gallery:hover .gallery-icon {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-gallery:hover img {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.single-gallery .gallery-icon {
  position: absolute;
  text-align: center;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 20px;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 45px;
  background-color: #EE786C;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .7s;
  transition: .7s;
}

.single-gallery .gallery-icon:hover {
  background-color: #1B2132;
  color: #ffffff;
}

.single-gallery .gallery-icon:hover::before {
  border-color: #1B2132;
}

.single-gallery .gallery-icon::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #EE786C;
  -webkit-animation: scale 1s linear 2s infinite;
          animation: scale 1s linear 2s infinite;
}

/*=================================
Gallery Area End
====================================*/
/*=================================
Services Area
====================================*/
.services-area {
  position: relative;
}

.services-area .section-title h2 {
  max-width: 650px;
  margin: 0 auto;
}

.services-area .owl-nav {
  margin-top: 0;
}

.services-area .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: -5%;
  font-size: 25px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.services-area .owl-nav .owl-prev:hover {
  color: #ffffff !important;
  background-color: #f8c23b !important;
}

.services-area .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -5%;
  color: #555555 !important;
  font-size: 25px !important;
  background-color: transparent !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.services-area .owl-nav .owl-next:hover {
  color: #ffffff !important;
  background-color: #f8c23b !important;
}

.services-item {
  background-color: #F5F5F5;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.services-item:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.services-item:hover i {
  background-color: #F5F5F5;
}

.services-item i {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  font-size: 65px;
  color: #f8c23b;
  border-radius: 50px;
  line-height: 100px;
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
}

.services-item h3 {
  margin-bottom: 10px;
}

.services-item h3 a {
  color: #292323;
  display: block;
}

.services-item p {
  margin-bottom: 10px;
  display: block;
}

.services-item .get-btn {
  display: inline-block;
  color: #f8c23b;
  font-weight: 500;
  margin-bottom: 0;
  position: relative;
}

.services-item .get-btn::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  background-color: #f8c23b;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  opacity: 0.5;
}

.services-item .get-btn:hover {
  color: #1B2132;
  letter-spacing: 0.50px;
}

.services-item .get-btn:hover::before {
  background-color: #1B2132;
  opacity: 1;
}

.services-area-two .section-title h2 {
  max-width: 450px;
  margin: 0 auto;
}

.services-card {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 5px 20px;
  border-radius: 5px;
  margin-bottom: 30px;
  text-align: center;
}

.services-card:hover {
  background-color: #FEF7F6;
}

.services-card:hover i {
  background-color: #ffffff;
}

.services-card:hover h3 a {
  color: #C890FF;
}

.services-card i {
  width: 90px;
  height: 90px;
  background-color: #F5F5F5;
  font-size: 45px;
  color: #C890FF;
  border-radius: 50px;
  line-height: 90px;
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
}

.services-card h3 {
  margin-bottom: 10px;
}

.services-card h3 a {
  color: #292323;
  display: block;
}

.services-card p {
  margin-bottom: 10px;
  display: block;
}

.services-card .get-btn {
  display: inline-block;
  color: #C890FF;
  font-weight: 600;
  position: relative;
}

.services-card .get-btn::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  background-color: #C890FF;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  opacity: 0.5;
}

.services-card .get-btn:hover {
  color: #292323;
  letter-spacing: 0.25px;
}

.services-card .get-btn:hover::before {
  background-color: #292323;
  opacity: 1;
}

.services-area-three .section-title h2 {
  max-width: 650px;
  margin: 0 auto;
}

.service-item-two {
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.service-item-two:hover .read-btn {
  color: #ffffff !important;
  background-color: #EE786C;
}

.service-item-two i {
  font-size: 75px;
  color: #EE786C;
  position: absolute;
  top: 30px;
  left: 30px;
  line-height: 1;
}

.service-item-two .content {
  padding-left: 100px;
}

.service-item-two .content h3 {
  margin-bottom: 10px;
}

.service-item-two .content h3 a {
  color: #292323;
  display: block;
}

.service-item-two .content p {
  margin-bottom: 15px;
}

.service-item-two .content .read-btn {
  padding: 6px 16px;
  color: #292323;
  border: 1px solid #EE786C;
}

.service-item-two .content .read-btn:hover {
  color: #ffffff;
  background-color: #EE786C;
}

.service-article .service-article-img {
  margin-bottom: 30px;
}

.service-article .service-article-title h2 {
  font-size: 26px;
  margin-bottom: 20px;
  max-width: 500px;
}

.service-article .service-article-content p {
  margin-bottom: 20px;
}

.service-article .service-article-content .blockquote {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-top: 40px;
  background-color: #FEF7F6;
  padding: 30px;
}

.service-article .service-article-content .blockquote::before {
  content: '\f10c';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  color: #EE786C;
  font-family: Flaticon;
  line-height: 0;
  opacity: 0.2;
}

.service-article .service-article-content .blockquote::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  text-align: center;
  font-size: 50px;
  font-weight: 400;
  background-color: #EE786C;
}

.service-article .service-article-content .blockquote p {
  font-size: 20px;
  color: #555555;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 20px;
}

.service-article .service-facility-content {
  margin-bottom: 20px;
}

.service-article .service-facility-content h2 {
  font-size: 26px;
  color: #292323;
  margin-bottom: 15px;
}

.service-article .service-facility-content p {
  margin-bottom: 15px;
}

.service-article .service-facility-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.service-article .service-facility-content ul li {
  display: block;
  margin-bottom: 10px;
}

.service-article .service-facility-content ul li:last-child {
  margin-bottom: 0;
}

.service-article .service-facility-content ul li:hover {
  color: #EE786C;
}

.service-article .service-facility-content ul li:hover i {
  color: #292323;
}

.service-article .service-facility-content ul li i {
  color: #EE786C;
  margin-right: 10px;
}

.service-article .more-services h2 {
  font-size: 26px;
  color: #292323;
  margin-bottom: 20px;
}

.services-bar-widget {
  margin-bottom: 35px;
  background-color: #F5F5F5;
}

.services-bar-widget .title {
  font-size: 20px;
  color: #292323;
  padding: 20px 20px 0;
  font-weight: 700;
}

.services-bar-widget .side-bar-categories {
  padding: 10px 15px 20px;
}

.services-bar-widget .side-bar-categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.services-bar-widget .side-bar-categories ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  background-color: #FEF7F6;
  border: 1px solid #ee786c7a;
}

.services-bar-widget .side-bar-categories ul li:hover {
  background-color: #EE786C;
}

.services-bar-widget .side-bar-categories ul li a {
  display: inline-block;
  color: #1B2132;
  font-weight: normal;
  padding: 8px 20px;
  font-weight: 600;
}

.services-bar-widget .side-bar-categories ul li a:hover {
  color: #ffffff;
}

.services-bar-widget .side-bar-list {
  padding: 10px 15px 20px;
}

.services-bar-widget .side-bar-list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.services-bar-widget .side-bar-list ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  background-color: #FEF7F6;
  border: 1px solid #ee786c7a;
}

.services-bar-widget .side-bar-list ul li:hover {
  background-color: #EE786C;
}

.services-bar-widget .side-bar-list ul li a {
  display: inline-block;
  color: #1B2132;
  font-weight: normal;
  padding: 8px 20px;
  font-weight: 600;
  position: relative;
  width: 100%;
}

.services-bar-widget .side-bar-list ul li a i {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 24px;
  text-align: right;
}

.services-bar-widget .side-bar-list ul li a:hover {
  color: #ffffff;
}

/*=================================
Services Area End
====================================*/
/*=================================
Reservation Area
====================================*/
.reservation-content {
  margin-bottom: 30px;
}

.reservation-content .section-title {
  margin-bottom: 25px;
}

.reservation-content .section-title h2 a {
  display: block;
  color: #292323;
}

.reservation-img {
  margin-bottom: 30px;
}

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

.reservation-tab {
  margin-top: 20px;
}

.reservation-tab .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reservation-tab .tabs li {
  display: inline-block;
  background-color: #F5F5F5;
  margin: 0 -3px;
}

.reservation-tab .tabs li a {
  display: inline-block;
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color: #555555;
  padding: 10px 24px;
}

.reservation-tab .tabs li a:focus {
  color: #ffffff;
  background-color: #EE786C;
}

.reservation-tab .tabs li.active a {
  color: #ffffff;
  background-color: #EE786C;
}

.reservation-tab .tabs li.current a {
  color: #ffffff;
  background-color: #EE786C;
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

.reservation-widget-content {
  padding: 25px 30px 0;
  margin-bottom: 30px;
  background-color: #F5F5F5;
  border-radius: 15px;
}

.reservation-widget-content h2 {
  font-size: 26px;
  margin-bottom: 25px;
}

.reservation-room {
  background-color: #ffffff !important;
}

.reservation-room:hover {
  background-color: #FEF7F6 !important;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.reservation-room .content p {
  border-bottom: 1px solid #EE786C !important;
}

.reservation-room .content .book-btn {
  background-color: #EE786C !important;
  border-radius: 0 !important;
}

.reservation-room .content .book-btn:hover {
  background-color: #1B2132 !important;
}

/*=================================
Reservation Area End
====================================*/
/*=================================
Ability Area
====================================*/
.ability-content .section-title {
  margin-bottom: 30px;
}

.ability-content .section-title p {
  max-width: 500px;
}

.ability-content .ability-counter {
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 23px 30px 30px;
  border-radius: 15px;
  text-align: center;
}

.ability-content .ability-counter h3 {
  font-size: 45px;
  color: #C890FF;
  margin-bottom: 0;
}

.ability-content .ability-counter p {
  font-size: 20px;
  margin-bottom: 0;
  color: #292323;
  font-weight: 600;
}

.ability-img {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  margin-left: 30px;
}

.ability-img img {
  border-radius: 15px;
}

.ability-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  right: -70px;
  top: -30px;
  width: 70%;
  height: 112%;
  background-color: #ffffff;
  border-radius: 50px;
}

.ability-img-2 {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.ability-img-2 img {
  border-radius: 50px;
}

.ability-img-2::before {
  content: '';
  position: absolute;
  z-index: -1;
  right: -30px;
  top: 30px;
  width: 70%;
  height: 90%;
  background-color: #EE786C;
  border-radius: 50px;
}

.text-color {
  color: #EE786C !important;
}

/*=================================
Ability Area End
====================================*/
/*=================================
Specialty Area
====================================*/
.specialty-area .section-title h2 {
  max-width: 540px;
  margin: 0 auto;
}

.specialty-img {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.specialty-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 30px;
  left: -30px;
  background-image: url(../img/specialty/specialty-img2.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 90%;
  border-radius: 50px;
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
}

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

.specialty-img-3 {
  margin-bottom: 30px;
}

.specialty-img-3 img {
  border-radius: 50px;
}

.specialty-list {
  margin-left: 30px;
}

.specialty-list .section-title {
  margin-bottom: 30px;
}

.specialty-list .section-title h2 {
  max-width: 540px;
  margin-left: 0;
}

.specialty-list .specialty-list-card {
  background-color: #F5F5F5;
  margin-bottom: 25px;
  padding: 30px;
  padding-left: 130px;
  position: relative;
  z-index: 1;
  border-radius: 15px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.specialty-list .specialty-list-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 100%;
  border-radius: 15px;
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.specialty-list .specialty-list-card:hover::before {
  width: 100%;
  opacity: 1;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.specialty-list .specialty-list-card:hover i {
  background-color: #F5F5F5;
}

.specialty-list .specialty-list-card i {
  position: absolute;
  left: 30px;
  width: 85px;
  height: 85px;
  line-height: 85px;
  background-color: #ffffff;
  color: #f8c23b;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  font-size: 50px;
  margin-bottom: 15px;
}

.specialty-list .specialty-list-card h3 {
  margin-bottom: 10px;
}

.specialty-list .specialty-list-card p {
  margin-bottom: 0;
}

/*=================================
Specialty Area End
====================================*/
/*=================================
Room Area
====================================*/
.room-card {
  margin-bottom: 30px;
  background-color: #ffffff;
  overflow: hidden;
  border-radius:15px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.room-card:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.room-card:hover a img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.room-card a {
  display: block;
  overflow: hidden;
}

.room-card a img {
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.room-card .content {
  padding: 7px;
  position: relative;
}

.room-card .content h3 {
  margin-bottom: 10px;
}

.room-card .content h3 a {
  display: block;
  color: #292323;
}

.room-card .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.room-card .content ul li {
  font-size: 16px;
  color: #f8c23b;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  font-weight: 600;
}

.room-card .content ul li:last-child {
  margin-right: 0;
}

.room-card .content ul li:last-child::before {
  display: none;
}

.room-card .content ul li::before {
  content: '';
  position: absolute;
  top: 7px;
  right: -12px;
  background-color: #f8c23b;
  width: 2px;
  height: 15px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

.room-card .content .rating {
  position: absolute;
  top: 24px;
  right: 20px;
  font-size: 16px;
  color: #f8c23b;
  display: inline-block;
}

.room-area-two {
  margin-bottom: 20px;
}

.room-area-two .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.room-area-two .owl-dots .owl-dot span {
  background-color: #1779b3  !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
  width: 14px !important;
  height: 14px !important;
}

.room-area-two .owl-dots .owl-dot.active span {
  background-color: #20255c  !important;
}

.room-area-two .owl-dots .owl-dot:hover span {
  background-color: #20255c  !important;
}

.room-item {
  margin-bottom: 30px;
  background-color: #f0bb38;
  border-radius: 15px;
}

.room-item:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.room-item a {
  display: block;
}

.room-item a img {
  border-radius: 15px;
}

.room-item .content {
  padding: 10px 20px 10px;
  position: relative;
}

.room-item .content h3 {
  margin-bottom: 10px;
}

.room-item .content h3 a {
  display: block;
  color: #20255c;
}

.room-item .content p {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #C890FF;
}

.room-item .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.room-item .content ul li {
  font-size: 16px;
  color: #C890FF;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  font-weight: 600;
}

.room-item .content ul li span {
  color: #292323;
}

.room-item .content ul li:last-child {
  margin-right: 0;
}

.room-item .content ul li:last-child::before {
  display: none;
}

.room-item .content ul li::before {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  background-color: #292323;
  width: 2px;
  height: 15px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

.room-item .content .book-btn {
  position: absolute;
  bottom: 25px;
  right: 20px;
  background-color: #C890FF;
  padding: 6px 18px;
  color: #ffffff;
  border-radius: 50px;
}

.room-item .content .book-btn:hover {
  background-color: #1B2132;
}

.room-card-two {
  background-color: #ffffff;
  z-index: 1;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  position: relative;
  padding: 20px;
  border-radius: 15px;
}

.room-card-two::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: #F5F5F5;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  opacity: 0;
  border-radius: 15px;
}

.room-card-two:hover::before {
  width: 100%;
  opacity: 1;
}

.room-card-two .room-card-img {
  padding-left: 15px;
}

.room-card-two .room-card-img a {
  display: block;
}

.room-card-two .room-card-img a img {
  border-radius: 15px;
}

.room-card-two .room-card-content {
  padding: 0 20px 0;
  position: relative;
}

.room-card-two .room-card-content h3 {
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 700;
  max-width: 270px;
}

.room-card-two .room-card-content h3 a {
  color: #292323;
}

.room-card-two .room-card-content span {
  color: #EE786C;
}

.room-card-two .room-card-content .rating {
  font-size: 16px;
  color: #EE786C;
  display: inline-block;
  position: absolute;
  top: 44px;
  right: 30px;
}

.room-card-two .room-card-content p {
  margin-bottom: 10px;
  margin-top: 5px;
}

.room-card-two .room-card-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.room-card-two .room-card-content ul li {
  display: inline-block;
  color: #292323;
  font-size: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.room-card-two .room-card-content ul li:last-child {
  margin-right: 0;
}

.room-card-two .room-card-content ul li i {
  font-size: 18px;
  color: #EE786C;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.room-card-two .room-card-content .book-more-btn {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #EE786C;
  padding: 6px 18px;
  color: #ffffff;
}

.room-card-two .room-card-content .book-more-btn:hover {
  background-color: #1B2132;
}

.side-bar-form {
  margin-bottom: 30px;
  background-color: #F5F5F5;
  padding: 30px 20px;
  border-radius: 15px;
}

.side-bar-form h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.side-bar-form .form-group {
  position: relative;
  margin-bottom: 20px;
  position: relative;
}

.side-bar-form .form-group i {
  font-size: 20px;
  position: absolute;
  top: 60%;
  right: 10px;
  color: #EE786C;
}

.side-bar-form .form-group label {
  font-weight: 600;
  color: #1B2132;
  margin-bottom: 10px;
}

.side-bar-form .form-group .form-control {
  height: 45px;
  padding: 0 15px;
  border: none;
  color: #292323;
  background-color: #ffffff;
  font-weight: 400;
  border-radius: 5px;
}

.side-bar-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.side-bar-form .default-btn {
  float: right;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}

.side-bar-form .nice-select {
  height: 50px;
  width: 100%;
  line-height: 42px;
  font-size: 15px;
  margin-bottom: 20px;
  padding-left: 20px;
  border-radius: 50px;
  background-color: #f8c23b;
  color: #ffffff;
}

.side-bar-form .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.side-bar-form .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #292323;
  padding-left: 20px;
  padding-right: 20px;
}

.side-bar-form .nice-select .list .option:hover {
  background-color: #f8c23b !important;
  color: #ffffff;
}

.side-bar-form .nice-select .list .option .selected {
  background-color: transparent;
  font-weight: 600;
}

.side-bar-form .nice-select::after {
  height: 8px;
  width: 8px;
  border-color: #EE786C;
  right: auto;
  top: 45%;
  right: 20px;
}

.side-bar-plan {
  margin-bottom: 30px;
  background-color: #e8b536;
  padding: 0 20px 30px;
  border-radius: 15px;
}

.side-bar-plan h3 {
  padding-top: 30px;
  font-size: 22px;
  margin-bottom: 20px;
  color: #20255c;
}

.side-bar-plan ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-bar-plan ul li {
  display: inline-block;
   margin: 5px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  color: #555555;
  font-size: 14px;
  font-weight: 500;
  background-color: #ffffff;
  border-radius:15px;
}


.side-bar-plan ul li.active {
  background-color: #20255c;
  border-color: #20255c;
}

.side-bar-plan ul li button {
  color: #20255c;
  background: none;
  border: none;
  padding: 7px 10px;
font-size: 20px;
min-width:202px;

}


.side-bar-plan ul li button.active {
  /* Your styles for the active state */
  /* For example: */
  background-color: #20255c;
  border-radius:15px;

  color: #ffffff;
}
.room-details-slider {
  position: relative;
}

.room-details-slider .owl-nav {
  margin-top: 0;
}

.room-details-slider .owl-nav .owl-prev {
  position: absolute;
  top: 42%;
  left: 3%;
  font-size: 25px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.room-details-slider .owl-nav .owl-prev:hover {
  color: #ffffff !important;
  background-color: #EE786C !important;
}

.room-details-slider .owl-nav .owl-next {
  position: absolute;
  top: 42%;
  right: 3%;
  color: #555555 !important;
  font-size: 25px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.room-details-slider .owl-nav .owl-next:hover {
  color: #ffffff !important;
  background-color: #EE786C !important;
}

.room-details-item {
  margin-bottom: 30px;
}

.room-details-item img {
  border-radius: 15px;
}

.room-details-title {
  margin-bottom: 30px;
  border-bottom: 1px solid #BABABD;
  padding-bottom: 15px;
}

.room-details-title h2 {
  font-size: 26px;
  margin-bottom: 20px;
  max-width: 650px;
}

.room-details-title ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.room-details-title ul li {
  display: inline-block;
  color: #555555;
  margin-right: 35px;
  position: relative;
  font-size: 18px;
  font-weight: 500;
}

.room-details-title ul li:hover {
  color: #EE786C;
}

.room-details-title ul li:last-child {
  margin-right: 0;
}

.room-details-content p {
  margin-bottom: 20px;
}

.room-details-review {
  margin-bottom: 30px;
}

.room-details-review h2 {
  font-size: 26px;
  margin-bottom: 10px;
}

.room-details-review .review-ratting {
  margin-bottom: 20px;
}

.room-details-review .review-ratting h3 {
  font-size: 16px;
  color: #555555;
  margin-bottom: 0;
  display: inline-block;
  font-weight: 500;
}

.room-details-review .review-ratting i {
  color: #EE786C;
  display: inline-block;
}

.room-details-review .form-group {
  margin-bottom: 20px;
}

.room-details-review .form-group .form-control {
  height: 50px;
  color: #292323;
  border: 1px solid #c4c0c0be;
  background-color: #F5F5F5;
  font-size: 14px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 500;
}

.room-details-review .form-group .form-control:focus {
  outline: none;
  border-color: #292323;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.room-details-review .form-group textarea.form-control {
  height: auto;
}

.room-details-review .default-btn {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.room-details-other .room-details-text {
  margin-bottom: 30px;
}

.room-details-other .room-details-text h2 {
  font-size: 26px;
  margin-bottom: 0;
}

/*=================================
Room Area End
====================================*/
/*=================================
Testimonials Area
====================================*/
.testimonials-area {
  position: relative;
}

.testimonials-area .section-title h2 {
  max-width: 650px;
  margin: 0 auto;
}

.testimonials-area .owl-nav {
  margin-top: 0;
}

.testimonials-area .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: -5%;
  font-size: 25px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.testimonials-area .owl-nav .owl-prev:hover {
  color: #ffffff !important;
  background-color: #f8c23b !important;
}

.testimonials-area .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  right: -5%;
  color: #555555 !important;
  font-size: 25px !important;
  background-color: transparent !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.testimonials-area .owl-nav .owl-next:hover {
  color: #ffffff !important;
  background-color: #f8c23b !important;
}

.testimonials-item {
  background-color: #F5F5F5;
  padding: 30px 20px;
  margin-bottom: 30px;
  border-radius: 15px;
}

.testimonials-item i {
  color: #f8c23b;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
}

.testimonials-item p {
  margin-top: 10px;
  margin-bottom: 15px;
}

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

.testimonials-item ul li {
  display: inline-block;
  padding-left: 70px;
  position: relative;
}

.testimonials-item ul li img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: unset !important;
}

.testimonials-item ul li h3 {
  margin-bottom: 0;
}

.testimonials-item ul li span {
  margin-bottom: 0;
}

.testimonials-img {
  position: relative;
  margin-left: 50px;
  margin-bottom: 30px;
}

.testimonials-img img {
  border-radius: 15px;
}

.testimonials-img .content {
  position: absolute;
  bottom: 60px;
  left: -50px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 20px 50px;
  border-radius: 15px;
}

.testimonials-img .content h3 {
  margin-bottom: 0;
}

.testimonials-img .content span {
  margin-bottom: 0;
}

.testimonials-area-two {
  margin-bottom: 30px;
}

.testimonials-area-two .section-title h2 {
  max-width: 650px;
  margin: 0 auto;
}

.testimonials-area-two .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.testimonials-area-two .owl-dots .owl-dot span {
  background-color: #c890ff54 !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
  width: 14px !important;
  height: 14px !important;
}

.testimonials-area-two .owl-dots .owl-dot.active span {
  background-color: #C890FF !important;
}

.testimonials-area-two .owl-dots .owl-dot:hover span {
  background-color: #C890FF !important;
}

.testimonials-content {
  background-color: #FEF7F6;
  padding: 70px 40px;
  position: relative;
  left: -100px;
  border-radius: 20px;
  margin-bottom: 30px;
}

.testimonials-content::before {
  content: '\f10c';
  position: absolute;
  font-family: Flaticon;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  font-size: 250px;
  color: #C890FF;
  margin: 0 auto;
  text-align: center;
  opacity: 0.08;
}

.testimonials-content i {
  font-size: 50px;
  color: #C890FF;
  line-height: 1;
}

.testimonials-content p {
  padding-top: 10px;
  margin-bottom: 10px;
}

.testimonials-content span {
  margin-bottom: 0;
}

.testimonials-img-two {
  position: relative;
  z-index: 1;
  margin-left: 30px;
  margin-bottom: 30px;
}

.testimonials-img-two::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 30px;
  left: -30px;
  width: 70%;
  height: 90%;
  background-color: #FFF8E6;
}

.testimonials-area-another {
  margin-bottom: 30px;
}

.testimonials-area-another .section-title h2 {
  max-width: 600px;
  margin: 0 auto;
}

.testimonials-area-another .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.testimonials-area-another .owl-dots .owl-dot span {
  background-color: #ee786c96 !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
  width: 12px !important;
  height: 12px !important;
}

.testimonials-area-another .owl-dots .owl-dot.active span {
  background-color: #EE786C !important;
}

.testimonials-area-another .owl-dots .owl-dot:hover span {
  background-color: #EE786C !important;
}

.testimonials-area-three {
  margin-bottom: 30px;
}

.testimonials-area-three .section-title h2 {
  max-width: 600px;
  margin: 0 auto;
}

.testimonials-slider-area .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.testimonials-slider-area .owl-dots .owl-dot span {
  background-color: #ee786c87 !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
}

.testimonials-slider-area .owl-dots .owl-dot.active span {
  background-color: #EE786C !important;
}

.testimonials-slider-area .owl-dots .owl-dot:hover span {
  background-color: #EE786C !important;
}

.testimonials-slider-content {
  margin-bottom: 30px;
  margin-left: 30px;
}

.testimonials-slider-content i {
  color: #EE786C;
  font-size: 40px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.testimonials-slider-content p {
  margin-bottom: 15px;
}

.testimonials-slider-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.testimonials-slider-content ul li {
  display: inline-block;
  padding-left: 70px;
  position: relative;
}

.testimonials-slider-content ul li img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: unset !important;
}

.testimonials-slider-content ul li h3 {
  margin-bottom: 0;
}

.testimonials-slider-content ul li span {
  margin-bottom: 0;
}

/*=================================
Testimonials Area End
====================================*/
/*=================================
Faq Area
====================================*/
.faq-img {
  margin-bottom: 30px;
}

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

.faq-content {
  max-width: 540px;
  margin-right: auto;
  margin-bottom: 30px;
}

.faq-content .section-title {
  margin-bottom: 30px;
}

.faq-content .faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  border: none;
}

.faq-content .faq-accordion .accordion .accordion-item {
  display: block;
  margin-bottom: 15px;
  border: 1px solid #f8c23b;
}

.faq-content .faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-content .faq-accordion .accordion .accordion-title {
  padding: 10px 60px 10px 20px;
  color: #292323;
  text-decoration: none;
  position: relative;
  display: block;
  font-family: "Myriad";
  font-size: 18px;
  font-weight: 600;
}

.faq-content .faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 15px;
  top: 11px;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 24px;
  width: 30px;
  height: 30px;
  color: #f8c23b;
  text-align: center;
  line-height: 30px;
  background-color: transparent;
}

.faq-content .faq-accordion .accordion .accordion-title.active i::before {
  content: "\eb8b";
}

.faq-content .faq-accordion .accordion .accordion-title.active i .accordion-content p {
  margin-top: -5px;
}

.faq-content .faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: 0;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
}

.faq-content .faq-accordion .accordion .accordion-content p {
  margin-top: -6px;
  line-height: 1.8;
  font-size: 15px;
  margin-bottom: 3px;
}

.faq-content .faq-accordion .accordion .accordion-content.show {
  display: block;
}

.faq-content-bg .faq-accordion .accordion .accordion-item {
  border: none !important;
  background-color: #ffffff;
  border-radius: 10px;
}

.faq-content-bg .faq-accordion .accordion .accordion-title i {
  color: #292323;
}

.faq-content-bg .faq-accordion .accordion .accordion-title.active i::before {
  content: "\ea57";
}

.faq-content-bg2 .faq-accordion .accordion .accordion-item {
  border: none !important;
  background-color: #ffffff;
}

.faq-content-bg2 .faq-accordion .accordion .accordion-item .accordion-title i {
  color: #292323;
}

.faq-img-2 {
  margin-bottom: 30px;
  margin-left: 30px;
}

.faq-img-2 img {
  border-radius: 0 50px 0 50px;
}

.faq-img-3 {
  margin-bottom: 60px;
  margin-left: 30px;
  position: relative;
  z-index: 1;
}

.faq-img-3::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -30px;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 112%;
  background-color: #ffffff;
  text-align: center;
}

.faq-form .contact-form .section-title {
  margin-bottom: 30px;
}

/*=================================
Faq Area End
====================================*/
/*=================================
Contact Area
====================================*/
.contact-content .section-title {
  margin-bottom: 30px;
}

.contact-content .contact-img {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.contact-content .contact-img img {
  border-radius: 50px;
}

.contact-content .contact-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 30px;
  left: -30px;
  width: 70%;
  height: 87%;
  background-color: #EE786C;
  border-radius: 50px;
}

.contact-form {
  padding: 50px 30px;
  max-width: 800px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F5F5F5;
}

.contact-form .form-group {
  margin-bottom: 20px;
  position: relative;
}

.contact-form .form-group.checkbox-option {
  position: relative;
}

.contact-form .form-group.checkbox-option #chb2 {
  position: absolute;
  top: 6px;
  left: 0;
}

.contact-form .form-group.checkbox-option p {
  padding-left: 25px;
  font-size: 15px;
}

.contact-form .form-group.checkbox-option p a {
  color: #EE786C;
}

.contact-form .form-group.checkbox-option p a:hover {
  color: #C890FF;
}

.contact-form .form-group .form-control {
  height: 50px;
  color: #292323;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  font-size: 14px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 500;
}

.contact-form .form-group .form-control:focus {
  outline: none;
  border-color: #292323;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-form .form-group textarea.form-control {
  height: auto;
}

.contact-form .with-errors {
  float: left;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #f00;
  font-weight: 400;
  display: block;
}

.contact-form .text-danger {
  font-size: 18px;
  margin-top: 15px;
}

.contact-form .default-btn {
  border: 0;
  outline: none;
  padding: 14px 60px;
  width: 100%;
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
  color: #292323;
}

.contact-form .form-group .form-control:-ms-input-placeholder {
  color: #292323;
}

.contact-form .form-group .form-control::-ms-input-placeholder {
  color: #292323;
}

.contact-form .form-group .form-control::placeholder {
  color: #292323;
}

.contact-another-content .section-title {
  margin-bottom: 30px;
}

.contact-item {
  margin-bottom: 30px;
  background-color: #F5F5F5;
  padding: 30px;
}

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

.contact-item ul li {
  display: block;
  position: relative;
  padding-left: 85px;
  margin-bottom: 20px;
}

.contact-item ul li:last-child {
  margin-bottom: 0;
}

.contact-item ul li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #ffffff;
  color: #EE786C;
  font-size: 40px;
  text-align: center;
  border-radius: 5px;
}

.contact-item ul li .content {
  padding-top: 7px;
  padding-bottom: 7px;
}

.contact-item ul li .content span {
  display: block;
  color: #555555;
  font-size: 17px;
  font-weight: 600;
}

.contact-item ul li .content span a {
  display: block;
  color: #555555;
}

.contact-item ul li .content span a:hover {
  color: #EE786C;
}

.contact-another-img {
  margin-bottom: 30px;
}

.contact-another-img img {
  border-radius: 50px;
}

/*=================================
Contact Area End
====================================*/
/*=================================
Map Area
====================================*/
.map-area iframe {
  display: block;
  width: 100%;
  height: 400px;
}

/*=================================
Map Area End
====================================*/
/*=================================
User All Form
====================================*/
.user-all-form {
  margin-bottom: 30px;
}

.user-all-form .contact-form {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
}

.user-all-form .contact-form .section-title {
  margin-bottom: 30px;
}

.user-all-form .contact-form .agree-label label {
  font-weight: 500;
  color: #292323;
  margin-left: 10px;
}

.user-all-form .contact-form .forget {
  margin-bottom: 15px;
  float: right;
  color: #292323;
  font-weight: 500;
}

.user-all-form .contact-form .forget:hover {
  color: #EE786C;
}

.user-all-form .contact-form .account-desc {
  margin-top: 15px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

.user-all-form .contact-form .account-desc a {
  color: #f8c23b;
}

.user-all-form .contact-form .account-desc a:hover {
  color: #EE786C;
}

/*=================================
User All Form End
====================================*/
/*=================================
Team Area
====================================*/
.team-area .section-title h2 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.team-area .owl-nav {
  margin-top: 0;
}

.team-area .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: -5%;
  font-size: 25px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.team-area .owl-nav .owl-prev:hover {
  color: #ffffff !important;
  background-color: #f8c23b !important;
}

.team-area .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  right: -5%;
  color: #555555 !important;
  font-size: 25px !important;
  background-color: transparent !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 40px;
  height: 40px;
  list-style: 40px;
  background-color: #ffffff !important;
  color: #292323 !important;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.team-area .owl-nav .owl-next:hover {
  color: #ffffff !important;
  background-color: #f8c23b !important;
}

.team-item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.team-item:hover .content {
  bottom: 0;
}

.team-item:hover .content .social-link {
  opacity: 1;
}

.team-item a {
  display: block;
}

.team-item a img {
  border-radius: 15px;
}

.team-item .content {
  background-color: #F5F5F5;
  padding: 20px;
  position: absolute;
  bottom: -45px;
  left: 0;
  right: 0;
  border-radius: 15px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  text-align: center;
}

.team-item .content h3 {
  margin-bottom: 0px;
  font-size: 24px;
}

.team-item .content h3 a {
  color: #292323;
}

.team-item .content span {
  color: #555555;
}

.team-item .content .social-link {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.team-item .content .social-link li {
  display: inline-block;
  margin-right: 5px;
}

.team-item .content .social-link li a {
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
}

.team-item .content .social-link li:nth-child(1) a {
  background-color: #3b5998;
}

.team-item .content .social-link li:nth-child(1) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-item .content .social-link li:nth-child(2) a {
  background-color: #55acee;
}

.team-item .content .social-link li:nth-child(2) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-item .content .social-link li:nth-child(3) a {
  background-color: #3f729b;
}

.team-item .content .social-link li:nth-child(3) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-item .content .social-link li:nth-child(4) a {
  background-color: #ff0000;
}

.team-item .content .social-link li:nth-child(4) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-area-two .section-title h2 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.team-card {
  position: relative;
  margin-bottom: 30px;
}

.team-card a {
  display: block;
}

.team-card a img {
  border-radius: 15px;
}

.team-card:hover .social-link {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.team-card .content {
  background-color: #FEF7F6;
  padding: 20px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  border-radius: 15px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  width: 80%;
  margin: 0 auto;
}

.team-card .content h3 {
  margin-bottom: 0px;
  font-size: 24px;
}

.team-card .content h3 a {
  color: #292323;
}

.team-card .content span {
  color: #555555;
}

.team-card .social-link {
  position: absolute;
  top: 30px;
  right: 30px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.team-card .social-link li {
  display: block;
  margin-bottom: 10px;
}

.team-card .social-link li a {
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
}

.team-card .social-link li:nth-child(1) a {
  background-color: #3b5998;
}

.team-card .social-link li:nth-child(1) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .social-link li:nth-child(2) a {
  background-color: #55acee;
}

.team-card .social-link li:nth-child(2) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .social-link li:nth-child(3) a {
  background-color: #3f729b;
}

.team-card .social-link li:nth-child(3) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .social-link li:nth-child(4) a {
  background-color: #ff0000;
}

.team-card .social-link li:nth-child(4) a:hover {
  background-color: #292323;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-area-three {
  margin-bottom: 20px;
}

.team-area-three .section-title h2 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.team-area-three .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.team-area-three .owl-dots .owl-dot span {
  background-color: #ee796c6b !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
}

.team-area-three .owl-dots .owl-dot.active span {
  background-color: #EE786C !important;
}

.team-area-three .owl-dots .owl-dot:hover span {
  background-color: #EE786C !important;
}

.team-style-area .section-title h2 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/*=================================
Team Area End
====================================*/
/*=================================
Booking Area
====================================*/
.book-img {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

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

.book-img .book-shape {
  position: absolute;
  z-index: -1;
  top: 50px;
  left: -50px;
}

.book-img .book-shape img {
  border-radius: 0;
  height: 460px;
}

.book-content {
  margin-bottom: 30px;
  margin-left: 20px;
}

.book-content .section-title {
  margin-bottom: 20px;
}

.book-content-two {
  margin-bottom: 30px;
}

.book-content-two .section-title {
  margin-bottom: 20px;
}

.book-img-2 {
  position: relative;
  z-index: -1;
  margin-bottom: 30px;
  margin-top: 30px;
}

.book-img-2::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -30px;
  width: 60%;
  height: 112%;
  background-color: #FFF8E6;
  right: -30px;
}

.booking-form {
  margin-bottom: 30px;
  background-color: #F5F5F5;
  padding: 30px 20px;
  border-radius: 15px;
}

.booking-form h3 {
  font-size: 26px;
  margin-bottom: 20px;
}

.booking-form .form-group {
  position: relative;
  margin-bottom: 20px;
  position: relative;
}

.booking-form .form-group i {
  font-size: 20px;
  position: absolute;
  top: 60%;
  right: 10px;
  color: #C890FF;
}

.booking-form .form-group label {
  font-weight: 600;
  color: #1B2132;
  margin-bottom: 10px;
}

.booking-form .form-group .form-control {
  height: 45px;
  padding: 0 15px;
  border: none;
  color: #292323;
  background-color: #ffffff;
  font-weight: 400;
  border-radius: 5px;
}

.booking-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.booking-form .default-btn {
  float: right;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}

.booking-form .nice-select {
  height: 50px;
  width: 100%;
  line-height: 42px;
  font-size: 15px;
  margin-bottom: 20px;
  padding-left: 20px;
  border-radius: 50px;
  background-color: #f8c23b;
  color: #ffffff;
}

.booking-form .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.booking-form .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #292323;
  padding-left: 20px;
  padding-right: 20px;
}

.booking-form .nice-select .list .option:hover {
  background-color: #f8c23b !important;
  color: #ffffff;
}

.booking-form .nice-select .list .option .selected {
  background-color: transparent;
  font-weight: 600;
}

.booking-form .nice-select::after {
  height: 8px;
  width: 8px;
  border-color: #C890FF;
  right: auto;
  top: 45%;
  right: 20px;
}

/*=================================
Booking Area End
====================================*/
/*=================================
Checkout Area
===================================*/
.billing-details {
  margin-bottom: 30px;
  background-color: #ffffff;
  padding: 50px 30px 25px 30px;
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.billing-details h3 {
  font-size: 24px;
  color: #292323;
  margin-bottom: 15px;
  font-weight: 600;
}

.billing-details .form-group {
  margin-bottom: 25px;
}

.billing-details .form-group label {
  color: #555555;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.billing-details .form-group label span {
  color: #EE786C;
}

.billing-details .form-group .form-control {
  height: 50px;
  color: #2d3652;
  border: 1px solid #e8e8e8;
  background-color: #fcfcff;
  border-radius: 0;
  padding: 10px 20px;
  width: 100%;
}

.billing-details .form-group .form-control:focus, .billing-details .form-group .form-control :hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #555555;
}

.billing-details .form-group .form-message {
  font-size: 16px;
  border: 1px solid #e8e8e8;
  background-color: #fcfcff;
  padding: 18px 18px;
  font-weight: 400;
  width: 100%;
}

.billing-details .form-group .form-message:focus, .billing-details .form-group .form-message :hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #555555;
}

.billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #555555;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
}

.billing-details .form-group .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.billing-details .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.billing-details .form-group .nice-select .list .option:hover {
  background-color: #292323 !important;
  color: #ffffff;
}

.billing-details .form-group .nice-select .list .option:focus {
  border: none;
  outline: none;
}

.billing-details .form-group .nice-select .list .option .selected {
  background-color: transparent;
}

.billing-details .form-group .nice-select:after {
  right: 20px;
}

.billing-details .form-check {
  margin-bottom: 15px;
}

.billing-details .form-check .form-check-input {
  width: 15px;
  height: 15px;
}

.billing-details .form-check .form-check-label {
  color: #555555;
  margin-left: 5px;
  font-weight: 500;
}

.checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus {
  background-color: #292323 !important;
  color: #ffffff !important;
  border: none;
  outline: none;
}

.payment-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 50px 30px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.payment-box .payment-method p [type="radio"]:checked {
  display: none;
}

.payment-box .payment-method p [type="radio"]:checked + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #292323;
  position: relative;
  margin-bottom: 8px;
}

.payment-box .payment-method p [type="radio"]:checked + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.payment-box .payment-method p [type="radio"]:checked + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #EE786C;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.payment-box .payment-method p [type="radio"]:not(:checked) {
  display: none;
}

.payment-box .payment-method p [type="radio"]:not(:checked) + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #172541;
  position: relative;
  margin-bottom: 8px;
}

.payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #292323;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.payment-box .order-btn {
  margin-top: 20px;
  display: block;
  text-align: center;
  width: 100%;
  padding: 12px 27px;
  color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #EE786C;
}

.payment-box .order-btn::before {
  content: "";
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #C890FF;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.payment-box .order-btn:hover {
  color: #ffffff;
  border: none;
}

.payment-box .order-btn:hover::before {
  left: auto;
  right: 0;
  width: 100%;
}

.billing-details .form-group .nice-select .option:hover, .billing-details .form-group .nice-select .option.focus, .billing-details .form-group .nice-select .option.selected.focus {
  background-color: #292323 !important;
  color: #ffffff !important;
}

/*=================================
Checkout Area End
===================================*/
.terms-conditions-img {
  margin-bottom: 30px;
}

.terms-conditions-img img {
  width: 100%;
}

.single-content {
  margin-bottom: 30px;
}

.single-content h3 {
  font-size: 24px;
  color: #292323;
  margin-bottom: 15px;
}

.single-content p {
  margin-bottom: 15px;
}

/*=================================
Blog Area
====================================*/
.blog-area .section-title h2 {
  max-width: 640px;
  margin: 0 auto;
}

.blog-card {
  background-color: #ffffff;
  z-index: 1;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  position: relative;
  padding: 20px;
  border-radius: 15px;
}

.blog-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: #F5F5F5;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  opacity: 0;
  border-radius: 15px;
}

.blog-card:hover::before {
  width: 100%;
  opacity: 1;
}

.blog-card .blog-img {
  padding-left: 15px;
}

.blog-card .blog-img a {
  display: block;
}

.blog-card .blog-img a img {
  border-radius: 15px;
}

.blog-card .blog-content {
  padding: 0 20px 0;
}

.blog-card .blog-content span {
  font-size: 16px;
  color: #f8c23b;
  margin-bottom: 10px;
}

.blog-card .blog-content h3 {
  margin-top: 10px;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 700;
  max-width: 270px;
}

.blog-card .blog-content h3 a {
  color: #292323;
}

.blog-card .blog-content p {
  margin-bottom: 10px;
}

.blog-card .blog-content .read-btn {
  color: #f8c23b;
  display: block;
}

.blog-card .blog-content .read-btn:hover {
  color: #292323;
}

.blog-card .blog-color span {
  color: #C890FF;
}

.blog-card .blog-color .read-btn {
  color: #C890FF;
}

.blog-item {
  background-color: #F5F5F5;
  z-index: 1;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  border-radius: 15px;
  position: relative;
}

.blog-item::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  background-color: #ffffff;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  opacity: 0;
  border-radius: 15px;
}

.blog-item:hover::before {
  height: 100%;
  opacity: 1;
}

.blog-item a {
  display: block;
}

.blog-item .content {
  padding: 20px;
}

.blog-item .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-item .content ul li {
  display: inline-block;
  font-size: 16px;
  color: #555555;
  margin-right: 25px;
}

.blog-item .content ul li:last-child {
  margin-right: 0;
}

.blog-item .content ul li i {
  margin-right: 5px;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.blog-item .content ul li:last-child {
  margin-right: 0;
}

.blog-item .content h3 {
  margin-top: 10px;
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 700;
  max-width: 270px;
}

.blog-item .content h3 a {
  color: #292323;
}

.blog-item .content p {
  margin-bottom: 15px;
}

.blog-item .content .read-btn {
  background-color: transparent;
  padding: 8px 24px;
  color: #292323;
  text-align: center;
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #EE786C;
}

.blog-item .content .read-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 0;
  height: 50%;
  background-color: #EE786C;
  z-index: -1;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  opacity: 0;
}

.blog-item .content .read-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 0;
  height: 50%;
  background-color: #EE786C;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.blog-item .content .read-btn:hover {
  color: #ffffff;
}

.blog-item .content .read-btn:hover::before {
  width: 100%;
  color: #ffffff;
  opacity: 1;
}

.blog-item .content .read-btn:hover::after {
  width: 100%;
  opacity: 1;
  color: #ffffff;
}

.blog-article {
  margin-bottom: 30px;
}

.blog-article .blog-article-img {
  margin-bottom: 30px;
}

.blog-article .blog-article-title {
  margin-bottom: 30px;
  border-bottom: 1px solid #EE786C;
  padding-bottom: 15px;
}

.blog-article .blog-article-title h2 {
  font-size: 30px;
  margin-bottom: 20px;
  max-width: 650px;
}

.blog-article .blog-article-title ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blog-article .blog-article-title ul li {
  display: inline-block;
  color: #292323;
  margin-right: 30px;
  position: relative;
}

.blog-article .blog-article-title ul li i {
  color: #EE786C;
}

.blog-article .blog-article-title ul li:last-child {
  margin-right: 0;
}

.blog-article .article-content p {
  margin-bottom: 20px;
}

.blog-article .article-content .blockquote {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-top: 40px;
  background-color: #FEF7F6;
  padding: 30px;
}

.blog-article .article-content .blockquote::before {
  content: '\f10c';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  color: #EE786C;
  font-family: Flaticon;
  line-height: 0;
  opacity: 0.2;
}

.blog-article .article-content .blockquote::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  text-align: center;
  font-size: 50px;
  font-weight: 400;
  background-color: #EE786C;
}

.blog-article .article-content .blockquote p {
  font-size: 20px;
  color: #555555;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 20px;
}

.blog-article .another-content p {
  margin-bottom: 20px;
}

.blog-article .another-content .content-img {
  margin-top: 40px;
  margin-bottom: 30px;
}

.blog-article .another-content .content-img img {
  border-radius: 15px;
}

.blog-article .comments-wrap .title {
  font-size: 30px;
  margin-bottom: 30px;
  color: #292323;
}

.blog-article .comments-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-article .comments-wrap ul li {
  position: relative;
  padding: 30px;
  padding-left: 95px;
  margin-bottom: 30px;
  background-color: #F5F5F5;
}

.blog-article .comments-wrap ul li:last-child {
  margin-bottom: 0;
}

.blog-article .comments-wrap ul li img {
  position: absolute;
  top: 30px;
  left: 30px;
  border-radius: 50%;
}

.blog-article .comments-wrap ul li h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.blog-article .comments-wrap ul li span {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  color: #8b8b8b;
}

.blog-article .comments-wrap ul li p {
  margin-bottom: 0;
}

.blog-article .comments-wrap ul li a {
  position: absolute;
  top: 27px;
  right: 30px;
  color: #EE786C;
  font-weight: 600;
}

.blog-article .comments-wrap ul li a:hover {
  color: #292323;
}

.blog-article .comments-form {
  margin-top: 40px;
}

.blog-article .comments-form .contact-form {
  max-width: 100%;
}

.blog-article .comments-form .contact-form h2 {
  font-size: 26px;
  margin-bottom: 30px;
}

.blog-article .comments-form .contact-form .form-group .form-control {
  border-color: #FEF7F6;
  border-radius: 0;
}

.side-bar-wrap {
  margin-bottom: 30px;
}

.side-bar-widget {
  margin-bottom: 30px;
}

.search-widget {
  margin-bottom: 30px;
  background-color: #F5F5F5;
  padding: 20px;
}

.search-widget .search-form {
  position: relative;
}

.search-widget .search-form .form-control {
  height: 50px;
  border: none;
  background-color: #ffffff;
  padding: 10px 20px;
  width: 100%;
  border-radius: 0;
}

.search-widget .search-form .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
}

.search-widget .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  background-color: #EE786C;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: none;
  outline: none;
}

.search-widget .search-form button i {
  color: #ffffff;
}

.search-widget .search-form button:hover {
  background-color: #1B2132;
}

.side-bar-widget {
  margin-bottom: 30px;
  background-color: #F5F5F5;
}

.side-bar-widget .title {
  font-size: 20px;
  color: #292323;
  padding: 20px 0 0 20px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}

.side-bar-widget .widget-popular-post {
  position: relative;
  overflow: hidden;
  padding: 20px;
}

.side-bar-widget .widget-popular-post .item {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.side-bar-widget .widget-popular-post .item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.side-bar-widget .widget-popular-post .item .thumb {
  float: left;
  overflow: hidden;
  position: relative;
  margin-right: 15px;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  position: relative;
  background-color: #555555;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg1 {
  background-image: url(../img/blog/blog-item-img1.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg2 {
  background-image: url(../img/blog/blog-item-img2.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg3 {
  background-image: url(../img/blog/blog-item-img3.jpg);
}

.side-bar-widget .widget-popular-post .item .info {
  overflow: hidden;
}

.side-bar-widget .widget-popular-post .item .info .title-text {
  margin-bottom: 5px;
  line-height: 1.5;
  font-size: 17px;
  font-weight: 700;
  max-width: 215px;
}

.side-bar-widget .widget-popular-post .item .info .title-text a {
  display: inline-block;
  color: #292323;
}

.side-bar-widget .widget-popular-post .item .info .title-text a:hover {
  color: #EE786C;
}

.side-bar-widget .widget-popular-post .item .info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-bar-widget .widget-popular-post .item .info ul li {
  display: inline-block;
  margin-right: 15px;
}

.side-bar-widget .widget-popular-post .item .info ul li:last-child {
  margin-right: 0;
}

.side-bar-widget .side-bar-widget-tag {
  list-style: none;
  margin: 0;
  padding: 10px 20px 20px;
}

.side-bar-widget .side-bar-widget-tag li {
  display: inline-block;
  padding: 7px 15px;
  margin: 5px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  color: #555555;
  font-size: 14px;
  font-weight: 600;
  background-color: #ffffff;
}

.side-bar-widget .side-bar-widget-tag li:hover {
  background-color: #EE786C;
  border-color: #EE786C;
}

.side-bar-widget .side-bar-widget-tag li a {
  color: #555555;
}

.side-bar-widget .side-bar-widget-tag li:hover a {
  color: #ffffff;
}

/*=================================
Blog Area End
====================================*/
/*=================================
Restaurant Item
====================================*/
.restaurant-item {
  padding: 20px;
  margin-bottom: 30px;
  background-color: #FEF7F6;
  border-radius: 5px;
}

.restaurant-item .restaurant-img {
  padding-left: 15px;
}

.restaurant-item .restaurant-content {
  padding: 20px;
}

.restaurant-item .restaurant-content h3 {
  font-size: 20px;
  color: #292323;
  margin-bottom: 10px;
}

.restaurant-item .restaurant-content h3 a {
  color: #292323;
  display: block;
}

.restaurant-item .restaurant-content h3 a:hover {
  color: #EE786C;
}

.restaurant-item .restaurant-content p {
  margin-bottom: 10px;
}

.restaurant-item .restaurant-content h4 {
  font-size: 30px;
  color: #EE786C;
  margin-bottom: 0;
}

/*=================================
Restaurant Item End
====================================*/
/*==============================
Pagination Area
=================================*/
.pagination-area {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #EE786C;
  background-color: #F5F5F5;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 18px;
  border-radius: 50px;
}

.pagination-area .page-numbers:hover {
  background-color: #EE786C;
  color: #ffffff;
}

.pagination-area .page-numbers i {
  position: relative;
  font-size: 25px;
  top: 5px;
}

.pagination-area .page-numbers.current {
  background-color: #EE786C;
  color: #ffffff;
}

/*==============================
Pagination Area End
=================================*/
/*=================================
404 Error Area
===================================*/
.error-area .error-content {
  text-align: center;
  position: relative;
  padding-top: 140px;
  padding-bottom: 140px;
}

.error-area .error-content h1 {
  font-size: 300px;
  line-height: 0.7;
  font-weight: 700;
  color: #1B2132;
}

.error-area .error-content h1 span {
  color: #EE786C;
}

.error-area .error-content h3 {
  margin: 30px 0 0;
  position: relative;
  color: #292323;
  font-size: 35px;
}

.error-area .error-content p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  color: #292323;
}

/*=================================
404 Error Area End
===================================*/
/*==================================
Coming Soon Area
====================================*/
.coming-soon-area {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-image: url(../img/inner-banner/inner-banner9.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.coming-soon-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 800px;
  height: 100%;
  -webkit-animation: radius-border 7s linear infinite alternate forwards;
          animation: radius-border 7s linear infinite alternate forwards;
  background-color: #000000;
  opacity: 0.3;
  margin: auto;
}

.coming-soon-area .coming-soon-content {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding: 50px 30px;
}

.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 60px;
}

.coming-soon-area .coming-soon-content p {
  font-size: 16px;
  max-width: 600px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 20px;
}

.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;
  color: #ffffff;
  position: relative;
  margin-left: 35px;
  margin-right: 35px;
  font-size: 45px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -15px;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}

.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}

.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}

.coming-soon-area .coming-soon-content #timer div::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -10px;
  font-size: 70px;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  background-color: #ffffff;
  padding-left: 15px;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
  border: 1px solid #ffffff;
  color: #292323;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
  border-color: #555555;
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
  border: 0;
  outline: 0;
  border-radius: 0 !important;
}

.coming-soon-area .coming-soon-content .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 30px;
  text-transform: uppercase;
  outline: 0;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}

.coming-soon-area .coming-soon-content .newsletter-form button::after {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button::before {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button:hover {
  color: #ffffff;
  background-color: #190f3c;
}

.coming-soon-area .coming-soon-content ul {
  list-style: none;
  margin-top: 30px;
  padding: 0;
}

.coming-soon-area .coming-soon-content ul li {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 18px;
  background-color: #EE786C;
  color: #ffffff;
  border-radius: 50px;
  margin-right: 10px;
}

.coming-soon-area .coming-soon-content ul li a {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content ul li:hover {
  background-color: #1B2132;
}

.coming-soon-area #validator-newsletter {
  text-align: left;
  color: #dc3545 !important;
}

/*==================================
Coming Soon Area End
====================================*/
/*=================================
Footer Area
====================================*/
.footer-bg {
  background-color: #20255c;
}

.footer-widget {
  margin-bottom: 30px;
}

.footer-widget .footer-logo {
  margin-bottom: 20px;
}

.footer-widget h3 {
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 30px;
  color: #ffffff;
}

.footer-widget p {
  margin-bottom: 20px;
  color: #ffffff;
}

.footer-widget .footer-list-contact {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-widget .footer-list-contact li {
  display: block;
  color: #ffffff;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
}

.footer-widget .footer-list-contact li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-list-contact li i {
  color: #ffffff;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 20px;
}

.footer-widget .footer-list-contact li a {
  color: #ffffff;
}

.footer-widget .footer-list-contact li:hover i {
  color: #f8c23b;
}

.footer-widget .footer-list-contact li:hover a {
  color: #f8c23b;
}

.footer-widget .footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-widget .footer-list li {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.footer-widget .footer-list li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-list li a {
  color: #ffffff;
  font-weight: 500;
}

.footer-widget .footer-list li a i {
  font-size: 18px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.footer-widget .footer-list li a:hover {
  color: #f8c23b;
}

.footer-widget .footer-form .form-group {
  margin-bottom: 15px;
}

.footer-widget .footer-form .form-group .form-control {
  border: 0;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}

.footer-widget .footer-form .form-group .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.footer-widget .footer-form .form-group .form-control:hover {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.footer-widget .footer-form .default-btn {
  width: 100%;
  border: none;
}

.footer-widget .footer-form .validation-danger {
  font-size: 16px;
  margin-top: 15px;
  color: red;
}

.copy-right-area {
  padding: 15px 0;
  border-top: 1px solid #f8c23b;
}

.copy-right-area .copy-right-text p {
  color: #ffffff;
  margin-bottom: 0;
}

.copy-right-area .copy-right-text p a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.copy-right-area .copy-right-text p a:hover {
  color: #f8c23b;
  border-color: #f8c23b;
}

.copy-right-area .social-icon .social-link {
  margin: 0;
  padding: 0;
  list-style: none;
}

.copy-right-area .social-icon .social-link li {
  display: inline-block;
  margin-right: 5px;
}

.copy-right-area .social-icon .social-link li a {
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
  border-radius: 50px;
  border: 1px solid #ffffff;
}

.copy-right-area .social-icon .social-link li:hover a {
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 50px;
  color: #1B2132;
}

.text-align1 {
  text-align: left;
}

.text-align2 {
  text-align: right;
}

.copy-right-top {
  border-top: 1px solid #C890FF;
}

/*=================================
Footer Area End
====================================*/
/*==================================
Back To Top Button
=====================================*/
#toTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
  z-index: 99;
}

.top-btn {
  background-color: #e8b536;
  color: #ffffff;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px #20255c;
          box-shadow: 0 0 15px #20255c;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  -webkit-transition: .9s;
  transition: .9s;
}

.top-btn:hover {
  background-color: #f8c23b;
  -webkit-box-shadow: 0 0 15px #f8c23b;
          box-shadow: 0 0 15px #f8c23b;
}

/*==============================
Back To Top Button
=================================*/
/*=================================
Buy Now Btn
====================================*/
.buy-now-btn {
  right: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #ffffff;
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  -webkit-box-shadow: 0 1px 20px 1px #82b440;
          box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}

.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.buy-now-btn:hover {
  color: #ffffff;
  background-color: #94be5d;
}

/*=================================
Buy Now Btn End
====================================*/
/*==============================
PreLoader CSS
=================================*/
.preloader {
  background: #20255c;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  text-align: center;
}
@keyframes growAndShrink {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.preloader img {
    animation: growAndShrink 2s infinite;
}

.sk-cube-area {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-cube-area .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.sk-cube-area .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.sk-cube-area .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}

.sk-cube-area .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.sk-cube-area .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}

.sk-cube-area .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.sk-cube-area .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}

.sk-cube-area .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

/*==============================
PreLoader CSS End
=================================*/
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@-webkit-keyframes radius-border {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

@keyframes radius-border {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}
.rtl{

    direction: rtl;
    text-align: right;

}
.ltr{

    direction: ltr;
    text-align: left;

}
[dir="rtl"] .counter-card-wrap {
    border-left: 1px solid #ffffff;
    border-right: 0;
}
[dir="rtl"] .counter-card-wrap:last-child {
    border-left: 0;
}
[dir="ltr"] .counter-card-wrap {
    border-right: 1px solid #ffffff;
    border-left: 0;
}
[dir="ltr"] .counter-card-wrap:last-child {
    border-right: 0;
}
.section-counter {
  background-color:  #20255c;
  border-radius:15px
}
.section-counter h2{
color: #f0bb38;
}
.section-counter h4{
color: #FFFFFF;
}
.aqaz{
  color:# ;
}

@media only screen and (max-width: 768px) {
    /* CSS rules for devices with a screen width of 768 pixels or less */
    /* Add your styles here */
    .banner-area{
      min-height: auto!important;

    }
    .navbar-area{
      height: 50px;
    }
    .qadef{
      text-align: center!important;
    }
}
.whats-app {
    position: fixed;
    width: 150px;
    height: 50px;
    bottom: 100px;
    background-color: #f0bb38;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    box-shadow: 3px 4px 3px #20255c;
    right: 20px;
    z-index: 100;
}

.whats-app p{
    margin-top: 4px;
      color: #FFF;
}
/*# sourceMappingURL=style.css.map */


.fluent-emoji-high-contrast--onion {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M12.74 2.458c0-1.333 1.658-1.981 2.553-.959l1.182 1.354L17.657 1.5c.895-1.023 2.553-.375 2.553.958v1.83c0 .738.44 1.405 1.136 1.712c4.464 1.892 7.604 6.325 7.604 11.488c0 6.076-4.349 11.146-10.11 12.25v.01c0 .69-.56 1.25-1.25 1.25h-2.16c-.69 0-1.25-.56-1.25-1.25v-.005C8.458 28.632 4 23.438 4 17.478c0-5.166 3.143-9.589 7.608-11.48a1.86 1.86 0 0 0 1.132-1.7zm2 1.449v.39a3.86 3.86 0 0 1-2.346 3.54l-.004.002c-.184.077-.364.16-.542.248c-1.96 2.085-3.118 5.341-3.118 8.84c0 5.31 2.645 9.753 6.153 10.805c-1.346-2.014-2.063-6.514-2.063-10.814c0-3.76.5-7.21 1.37-9.44l.75.29c-.82 2.11-1.31 5.53-1.31 9.15c0 3.03.33 5.88.94 8.02c.552 1.949 1.2 2.82 1.69 3.022c.147.003.295.003.441 0c.489-.203 1.137-1.074 1.689-3.022c.6-2.14.94-4.98.94-8.02c0-3.61-.49-7.03-1.31-9.15l.75-.29c.87 2.24 1.37 5.68 1.37 9.44c-.007 4.3-.72 8.801-2.064 10.814c3.508-1.05 6.154-5.494 6.154-10.804c0-3.495-1.155-6.746-3.109-8.832a10.358 10.358 0 0 0-.56-.257l-.012-.005a3.874 3.874 0 0 1-2.339-3.546v-.381l-.635.726a1.456 1.456 0 0 1-2.186.016l-.006-.007zM9.67 9.52A10.437 10.437 0 0 0 6 17.478c0 3.797 2.18 7.24 5.335 9.08c-.365-.372-.71-.786-1.035-1.24c-1.61-2.25-2.49-5.23-2.49-8.39c0-2.728.67-5.326 1.86-7.407m11.817 17.167a10.474 10.474 0 0 0 5.463-9.2c0-3.176-1.416-6.025-3.649-7.947c1.184 2.078 1.849 4.668 1.849 7.387c0 3.16-.88 6.14-2.49 8.39a10.42 10.42 0 0 1-1.173 1.37'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.tdesign--meat-pepper {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21.212 5.727l-.97.243c-.999.25-1.848.8-2.456 1.364c.47.167.938.392 1.384.668c1.036.64 2.022 1.591 2.667 2.838c.858 1.657.543 3.303-.339 4.705c-.857 1.363-2.276 2.564-3.82 3.547c-1.56.992-3.323 1.812-4.958 2.385c-1.602.562-3.162.917-4.324.923c-1.294.07-2.364-.255-3.149-.934c-.578-.5-.94-1.139-1.138-1.809c-.67-.198-1.308-.56-1.808-1.138c-.679-.785-1.005-1.854-.934-3.15c.006-1.164.36-2.677.927-4.217a22.632 22.632 0 0 1 2.413-4.749C5.71 4.92 6.93 3.561 8.314 2.708c1.404-.864 3.036-1.236 4.725-.6c2.116.725 3.133 2.17 3.599 3.57c.822-.71 1.89-1.34 3.119-1.648l.97-.243zM17 9.178v1.472h-2V8c0-1.393-.432-3.26-2.621-4.003l-.018-.006l-.018-.007c-.968-.37-1.952-.205-2.98.427C8.31 5.06 7.28 6.165 6.365 7.522a20.634 20.634 0 0 0-2.194 4.32c-.534 1.454-.804 2.726-.804 3.557v.03l-.002.03c-.053.906.176 1.437.449 1.752c.28.325.71.54 1.268.613l.76.1l.1.76c.074.558.289.988.614 1.27c.315.271.846.501 1.752.448l.03-.002h.029c.835 0 2.162-.274 3.69-.81c1.51-.53 3.133-1.286 4.547-2.186c1.429-.909 2.57-1.918 3.2-2.923c.608-.966.71-1.848.257-2.722c-.455-.88-1.167-1.577-1.942-2.056A5.215 5.215 0 0 0 17 9.178'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.tdesign--tomato {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9.504 1.586l2.521 2.535l2.712-2.534l1.365 1.46l-1.023.958c.415.019.816.097 1.203.211c1.06.312 2.108.916 2.644 1.404c1.511 1.154 2.982 3.705 3.07 6.616c.091 3.042-1.322 6.402-5.492 9.04a4.877 4.877 0 0 1-1.596.625c-.542.112-1.149.145-1.695.015a5.612 5.612 0 0 1-.838-.26l-.07-.027a.222.222 0 0 0-.055-.016A1.747 1.747 0 0 0 12 21.6c-.155 0-.222.007-.25.012a.221.221 0 0 0-.055.016l-.07.027a5.612 5.612 0 0 1-.838.26c-.546.13-1.153.097-1.695-.015a4.877 4.877 0 0 1-1.596-.626c-4.17-2.637-5.583-5.996-5.492-9.038c.088-2.911 1.559-5.462 3.07-6.617c.536-.489 1.566-1.096 2.651-1.406A5.22 5.22 0 0 1 9.085 4l-1-1.004zm.966 4.568l.839.802a1 1 0 0 0 1.382 0l.84-.802c-.2.047-.364.1-.487.146A2.946 2.946 0 0 1 12 6.514c-.412 0-.775-.112-1.044-.214a4.031 4.031 0 0 0-.486-.146m5.777.17L14.073 8.4a3 3 0 0 1-4.146 0L7.75 6.321c-.62.253-1.137.595-1.345.792l-.043.041l-.048.036c-1 .745-2.24 2.728-2.31 5.107c-.07 2.276.937 4.996 4.561 7.288c.244.154.578.285.93.357c.36.074.656.07.83.028c.303-.071.433-.122.569-.175c.033-.013.066-.027.103-.04c.298-.111.557-.154 1.003-.154c.446 0 .706.043 1.003.154l.103.04c.136.053.266.104.568.175c.175.042.47.046.83-.028c.353-.072.687-.203.93-.357c3.625-2.292 4.631-5.012 4.563-7.289c-.072-2.378-1.312-4.361-2.31-5.106l-.049-.036l-.043-.04c-.2-.191-.726-.533-1.348-.79'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


.tdesign--cucumber {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.726 2.18c2.16-.683 3.992-.404 5.36.583a5.1 5.1 0 0 1 1.244 1.284c.93 1.38 1.158 3.201.456 5.333c-.693 2.104-2.296 4.545-5.078 7.327c-2.828 2.828-5.304 4.438-7.433 5.112c-2.16.684-3.992.405-5.36-.582a5.1 5.1 0 0 1-1.244-1.284c-.93-1.38-1.158-3.201-.456-5.333c.693-2.104 2.296-4.545 5.078-7.327c2.828-2.828 5.304-4.438 7.433-5.112m.603 1.908c-1.705.54-3.913 1.91-6.621 4.62c-2.664 2.663-4.035 4.843-4.593 6.538a5.865 5.865 0 0 0-.305 1.53c3.124-5.112 8.103-9.938 13.188-12.972c-.487 0-1.041.085-1.669.284m3.872.766C13.545 7.884 7.797 13.469 4.746 19.16c2.679-1.493 5.528-3.782 8.11-6.372c2.558-2.566 4.81-5.383 6.345-7.935M6.922 20.196c.507.01 1.087-.074 1.75-.284c1.705-.54 3.913-1.911 6.621-4.62c2.664-2.663 4.035-4.844 4.593-6.538c.215-.653.309-1.228.31-1.732c-1.576 2.391-3.644 4.893-5.923 7.179c-2.297 2.303-4.84 4.42-7.35 5.995'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mingcute--three-circles-fill {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036c-.01-.003-.019 0-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M16 7a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-5 9a4 4 0 1 1-8 0a4 4 0 0 1 8 0m10 0a4 4 0 1 1-8 0a4 4 0 0 1 8 0'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ph--circles-three-thin {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M168 76a40 40 0 1 0-40 40a40 40 0 0 0 40-40m-40 32a32 32 0 1 1 32-32a32 32 0 0 1-32 32m60 24a40 40 0 1 0 40 40a40 40 0 0 0-40-40m0 72a32 32 0 1 1 32-32a32 32 0 0 1-32 32M68 132a40 40 0 1 0 40 40a40 40 0 0 0-40-40m0 72a32 32 0 1 1 32-32a32 32 0 0 1-32 32'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.tdesign--eggplant {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m11.087 5.899l-1.485-.693l1.01-1.01a6.502 6.502 0 0 1 8.506-.598l1.488-.744l.894 1.79l-.934.466a6.503 6.503 0 0 1-.761 8.28l-1.01 1.01l-.694-1.488a72.914 72.914 0 0 1-1.48 1.536c-.457.458-.661 1.073-.994 2.075l-.091.274c-.367 1.096-.868 2.429-2.094 3.66c-1.209 1.212-2.845 2.044-4.623 2.149c-1.801.106-3.668-.542-5.275-2.149c-1.607-1.607-2.256-3.47-2.151-5.272c.103-1.777.935-3.414 2.148-4.627c1.232-1.232 2.566-1.734 3.663-2.1l.282-.093c.997-.33 1.608-.532 2.065-.988A72.166 72.166 0 0 1 11.087 5.9m2.204-1.18l1.585.74l.5 3.166l3.166.5l.74 1.585a4.503 4.503 0 0 0-5.991-5.99m3.888 6.216l-3.552-.561l-.56-3.552l-.026-.012l-.419.39c-.52.488-1.16 1.094-1.657 1.591c-.816.816-1.907 1.169-2.81 1.461l-.319.104c-1.024.341-1.989.724-2.881 1.617c-.912.912-1.494 2.102-1.566 3.328c-.07 1.202.345 2.518 1.569 3.742c1.223 1.224 2.54 1.637 3.744 1.566c1.228-.072 2.417-.655 3.323-1.564c.888-.891 1.271-1.857 1.614-2.882l.103-.316c.294-.905.65-1.997 1.466-2.813a75.363 75.363 0 0 0 1.982-2.077z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.fluent-emoji-high-contrast--potato {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23000'%3E%3Cpath d='M19.967 7.946a1.4 1.4 0 1 0 0-2.8a1.4 1.4 0 0 0 0 2.8m.36 5.55a1.83 1.83 0 1 1-3.66 0a1.83 1.83 0 0 1 3.66 0m-8.65 5.51a1.68 1.68 0 1 1-3.36 0a1.68 1.68 0 0 1 3.36 0m-.37 6.03a1.16 1.16 0 1 0 0-2.32a1.16 1.16 0 0 0 0 2.32m14.35-10.38a1.16 1.16 0 1 1-2.32 0a1.16 1.16 0 0 1 2.32 0'/%3E%3Cpath d='M23.684 2.021A10.706 10.706 0 0 0 10.49 5.374l-5.24 7.14c-4.323 5.888-2.188 14.26 4.42 17.367c5.834 2.746 12.772.206 15.474-5.635a2294.3 2294.3 0 0 0 2.413-5.225l1.297-2.817c2.46-5.34.154-11.67-5.171-14.183m-11.58 4.536A8.706 8.706 0 0 1 22.83 3.83c4.335 2.046 6.209 7.196 4.209 11.537l-1.297 2.816v.002c-.65 1.41-.665 1.444-2.413 5.22c-2.237 4.839-7.98 6.938-12.806 4.666c-5.471-2.573-7.237-9.502-3.66-14.374z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--oil-barrel-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 13.05C9 14.68 10.34 16 12 16s3-1.32 3-2.95c0-1.31-.53-1.69-3-4.55c-2.5 2.88-3 3.25-3 4.55M20 13c.55 0 1-.45 1-1s-.45-1-1-1h-1V5h1c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1h1v6H4c-.55 0-1 .45-1 1s.45 1 1 1h1v6H4c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1h-1v-6zm-3 6H7v-6c.55 0 1-.45 1-1s-.45-1-1-1V5h10v6c-.55 0-1 .45-1 1s.45 1 1 1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.tdesign--milk {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.85 1H6.15v3.59L4 9.49V23h16V9.49l-2.15-4.9zm-.918 6.476L18 9.91V21h-1.95V9.878zM14.05 10.7V21H6V10.7zm-7.52-2l1.273-2.9h7.614l-1.065 2.9zm1.62-4.9V3h7.7v.8zM13 13h-1.426l-1.576 1.584L8.415 13H7v6h2v-2.586l1.002 1.002l.998-1.003V19h2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.game-icons--sheep {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M392.8 107.5c9.3 5.3 25.8 9.3 40 9.2c7.7-.1 14.6-1.2 19.5-3.2c5-1.8 6.9-4.9 8.9-8.8c-9.2-6.08-22.1-12.27-31.8-12.87c-14.9.53-28.8 8.13-36.6 15.67m-253 20.2c-1.7 5.5-7.9 8.1-13 5.4c-26.5-14.5-50.46-6.9-67.71 8.7c-35.93 32.6-45.13 87.3-32.47 145.7c7.31 33.6 18.99 53 41.29 62.8c0 .1.1.1.15.1c2.22 1 4.21 1.9 6.09 2.8l4.61-22c1.02-4.9 5.8-8 10.66-7s7.98 5.8 6.96 10.7l-23.5 112c4.79 7.2 16.4 1.2 21.3-1.2l38.12-106.5c10.8-9.4 21.2-19 28.7-29.2c6.6-9.1 10.4-18.4 10.6-23.5c.2-5 4.4-8.9 9.4-8.7c5 .2 9 4.6 8.6 9.6c-.6 11.2-6.2 22.4-14 33.2c-7.3 10-16.7 19.6-27.2 27.2l-3.3 8.9c6.9 8.7 13.4 13.8 19.6 16.8c8.8 4.1 17.7 4.6 28.5 3.3c16.4-1.9 34.6-12.9 43.5-37.2c2.8-7.7 13.6-8 16.8-.5c7.7 21.2 36.1 32.6 55.1 24l-3.9-23.3c-.8-4.9 2.5-9.6 7.4-10.4c4.9-.9 9.6 2.5 10.4 7.4l17.6 105.9c9.2 6.3 14.5 2.4 19.9-4.4l-13.8-114.4c-.7-5.3 3.3-10 8.6-10.2c4.8-.2 8.8 3.3 9.3 8l4.3 35.7c5.1-1.2 9.1-2.5 12.4-5c4.3-3.2 8.5-8.7 12.1-21.5c1.7-6 9-8.5 14.1-4.7c13.6 8.3 27.4-1.8 35.6-12.2c12.9-16.5 14.7-42.4 13.2-69.2c-2.1.3-4.2.5-6.3.6c-8.8.5-17.9-.9-25.7-4.4c-12.4-7-22-18.4-28.2-28.9c-3.9-6.8-7.3-13.7-10.5-20c-5.4 9.9-11 23.1-19.2 25c-12.5 2.1-23.9-3.7-29.8-12.7c-5.9-8.9-7.4-20.2-4.8-31.1c2.7-11.7 9.8-38.3 22.6-56.1c2.2-2.9 4.5-5.3 6.8-7.4c-7.5-3.1-16.2-3.8-22.9-3.8c-5.8 0-13.5 1.8-19.7 5c-6.2 3.3-10.7 7.8-12.2 11.8c-3.2 8.5-15.5 7.5-17.3-1.3c-3.8-22.78-53.9-17.8-65.6 2c-3.8 7-14.1 5.9-16.5-1.7c-8.1-22.61-62.7-21.3-66.7 5.9m345-1.5c1.7 16.4 3.5 32.2 4.2 45.6c1.8 6.5 6 18.9 8.7 7.3c.9-4.1.8-11-.4-18.6c-.1-7.1-14.5-47.3-12.5-34.3m-112.7-2.5c-11.9 15-19.2 37.4-23.3 53.7c-.6 5.8-.6 12.6 2.3 17.1c2.3 3.4 4.8 5.2 9.4 5c5.8-9.4 12.1-19.8 15.6-28.2c-1.2-7.9-2.8-19.9-3.6-31.4c-.4-5.8-.6-11.2-.4-16.2m94.4 2.4c-2.4 1.6-4.8 3.1-7.5 4.1c-7.8 3.2-16.8 4.4-26 4.5c-14.8.1-30.2-2.7-42.9-8.4c0 3.6.1 7.7.4 12.3c.9 12.6 3 27.2 4 33.5c10.5 16.6 19.9 44.4 36.8 52.5c5.8 2 11.9 3.1 17.2 2.9c6-.4 10.6-2.6 11.5-3.7c3.5-8 5.9-15.2 7.3-22.3c2.1-10.9 3.4-23.3 3.6-31.6c.3-6.4-.6-13.3-1.1-18.7c-1.4 4.1-5.7 6.6-10 5.9c-4.3-.7-7.5-4.4-7.5-8.8c0-5.1 4.2-9.2 9.3-9c3 0 5.8 1.7 7.4 4.3c-.9-6.1-1.4-12-2.5-17.5m-58.3 16.5c4.9.2 8.7 4.2 8.7 9c0 5-4 9-9 9c-4.9 0-9-4-9-9s4.2-9.1 9.3-9m47.5 48.3c3.7-.1 6.5 1.9 6.5 6.2c0 7.8-5.8 15-12.7 19l-1-23.1c2.5-1.4 5-2.1 7.2-2.1m-24.1 2c1.8-.1 3.9.4 5.8 1.3l3.8 22.5c-6-3.7-15.4-3.6-16.5-16.1c-.5-5.2 2.8-7.7 6.9-7.7m-30.9 164.2c-3.7 5.1-7.6 9.1-12.6 12.1l16.6 62c7.6 1.5 15.9 1 19.2-5.1zm-241.2 33.7l1.5 46.8c7.9 7.9 12.9 4.8 19.7-3l-3.7-39.5c-6.3-.9-12.6-2.2-17.5-4.3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.game-icons--flour {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M275.8 42.39c-18.5.45-46.9 19.85-69 40.34c-4.6 4.26-8.8 8.41-12.7 12.39c56.2 2.45 109.2-.36 161.8-4.21c-5.1-4.92-11-10.33-17.6-15.86c-20.5-17.21-46.6-33.05-62.5-32.66M436 102.9c-100 7.3-198.7 18.6-313.9 4.3c-5.2 5.1-7.9 9.6-8.7 13.3c-.7 3.6-.2 6.9 2.2 11.1c113.5 25.3 227 25.9 327.2-6.6c.5-2.8.1-5.7-1.1-9.4c-1.2-3.8-3.3-8.1-5.7-12.7m-12.5 46.6c-89.1 23.9-186.5 23.7-284.1 5.4c-23.9 92.3-70 175.4-56.93 272.7l1.16 8.6l-8.57 1.5c-9.83 1.6-23.83 10.3-31.95 19.3c-4.07 4.5-6.59 9-7.18 11.5c-.59 2.4-.94 1.4.33 2.2c5.18 3.5 21 5.4 37.83 2.8c16.83-2.6 34.81-8.9 45.71-15.8l3-1.9l3.5.7c87.2 16.5 166.5 24.8 254 3.6l4.3-1.1l3.5 2.8c5.6 4.6 23.7 8.4 42.4 9c17 .6 33.8-.5 45.2-1c-1.1-3-3.3-7.6-6.6-12.5c-4.2-6-9.5-12.2-14.5-16.9c-5.1-4.7-10.4-7.4-11.1-7.6l-8.9-1.7l1.8-8.9c18.1-89.2 26.5-179.5-12.9-272.7M271 184.9c59.3 0 106.2 54.7 106.2 120.6c0 65.9-46.9 120.6-106.2 120.6c-59.3 0-106.2-54.7-106.2-120.6c0-65.9 46.9-120.6 106.2-120.6m0 18c-48.1 0-88.2 45.2-88.2 102.6c0 52.7 33.8 95.1 76.6 101.7l2-39.1c-30.8-6-39.8-39.4-39.9-51.7c9.3 1 30 8.3 41.3 24.8l1.3-24.4c-30.9-5.9-39.9-39.4-40-51.7c9.2 1 30.1 8.3 41.4 25l1.3-24.3c-17.8-7.4-23.3-29.1-23.4-37.5c8 .8 27.4 8.2 33.9 25.5c8.4-16.4 28.3-21.7 36.2-21.7c-.9 8.8-9 30.6-28.8 35.4l-1.2 23.3c12.9-15.3 34.3-20.4 43.7-20.3c-1.5 12.1-13.8 44.5-45.1 47.2l-1.3 24.6c12.9-15.4 34.4-20.5 43.7-20.5c-1.3 12.1-13.7 44.6-45.1 47.2l-2 38.8c45.2-3.8 81.8-47.5 81.8-102.3c0-57.4-40.1-102.6-88.2-102.6'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.game-icons--peas {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M402.1 29.21c-5 0-9.5.31-13.3.87c-19 2.84-29.5 10.17-38.9 19.66c-5.5 5.57-10.5 12.05-16.2 18.59c19.9 2.13 35.5 2.41 58.9-5.1l12.1-3.85l-.3 12.61c-.1 2.9-.3 8.5 0 13.43c.1 1.86.3 3.12.6 4.26c22.3 5.31 49.3 3.09 71.1-9.14c2.1-10.57.5-18.32-3.5-24.75c-4.4-7.15-12.1-13.04-21.9-17.4c-14.7-6.53-33.7-9.18-48.6-9.18m-15.7 54.48c-11.4 2.74-21.6 3.77-31.5 3.83c-11.3 17.88-22.8 35.28-34.9 52.28c7.1-4.7 15.7-7.5 24.8-7.5c10.3 0 19.8 3.5 27.4 9.4c6.5-13.4 12.4-27 17.6-41c-.9-1.52-1.4-3.12-1.8-4.39c-1-3.3-1.4-6.52-1.6-9.74c-.1-1.01 0-1.88 0-2.88m19.5 24.71c-41.8 111.1-123.6 200.9-249.1 293.4l-.2.2l-.3.2c-35.8 22.7-52.1 38.4-59.51 50.9c-5.96 9.9-7.02 18.4-7.81 29.3c23.02 1.8 53.62-2.5 82.92-11c32.8-9.6 64.4-24.3 82.9-39.4c112.9-95.8 154.9-197.1 194.9-323.2c-14.8 2.6-29.8 2.3-43.8-.4m-61.1 41.9c-15 0-26.9 11.9-26.9 26.9c0 12 7.6 22 18.4 25.6c10.1-14.6 19.2-29.5 27.5-44.8c-4.9-4.8-11.6-7.7-19-7.7m-43.1 14.4c-10.7 14-22 27.8-33.9 41.3c7.1-4.4 15.4-6.9 24.2-6.9c5.3 0 10.5.9 15.2 2.6c-4.6-7.1-7.3-15.5-7.3-24.5c0-4.3.6-8.5 1.8-12.5m-9.7 52.4c-15.8 0-28.4 12.6-28.4 28.4c0 11.6 6.8 21.5 16.7 25.9c12.8-13.6 24.7-27.3 35.7-41.2c-5-7.9-13.9-13.1-24-13.1m-41.5 7.7c-13.7 14.4-28.4 28.5-44.3 42.4c6.3-2.9 13.3-4.6 20.7-4.6c9.4 0 18.2 2.7 25.7 7.3c-4.4-7.1-7-15.5-7-24.4c0-7.4 1.8-14.4 4.9-20.7m-23.6 55.8c-17.2 0-31 13.8-31 31c0 10.8 5.5 20.3 13.8 25.8c15.9-13.3 30.8-26.6 44.8-40c-5.2-10-15.5-16.8-27.6-16.8m-40.2 3.1c-15.7 12.7-32.5 25.3-50.6 37.7c6.1-2.8 12.8-4.3 19.9-4.3c8.4 0 16.3 2.1 23.3 5.9c-.9-3.7-1.4-7.5-1.4-11.4c0-10.4 3.2-20 8.8-27.9m-64.3 46.8c-9.2 6-18.7 12-28.6 18l-.1.1h-.1c-11.79 6.7-21.86 18-30.18 31.3c7.47-6.2 17.03-9.9 27.42-9.9c5.92 0 11.56 1.2 16.66 3.4c-.3-2.4-.5-4.8-.5-7.3c0-14 5.9-26.6 15.4-35.6m33.6 4.6c-17.2 0-31 13.8-31 31c0 10.9 5.5 20.4 13.9 25.9c2.4-1.5 4.8-3.1 7.3-4.7c13.7-10.1 26.9-20.2 39.5-30.2c-3.9-12.8-15.6-22-29.7-22m-65.16 53c-14 0-25.15 11.1-25.15 25.1c0 12.1 8.38 22.1 19.72 24.5c6.61-9 16.19-18.5 30.19-29.2c-2.2-11.7-12.4-20.4-24.76-20.4m-43.13 24.1c-6.21 16.3-10.26 32.4-12.76 44.8c11.69 1.7 25.59 1.4 40.43-.4c.32-.9.66-1.8 1.02-2.7c-16.69-6-28.71-22.1-28.71-40.7v-1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.tdesign--rice {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4C8.855 4 6.17 5.211 5.493 7.714A14.927 14.927 0 0 0 5.057 10h13.886a14.923 14.923 0 0 0-.435-2.282C17.831 5.212 15.148 4 12 4m8 8H4a8 8 0 1 0 16 0M3.048 10c.08-.886.257-1.859.514-2.809C4.605 3.341 8.564 2 12 2c3.44 0 7.397 1.343 8.439 5.196c.256.948.433 1.92.513 2.804H22v2c0 5.523-4.477 10-10 10S2 17.523 2 12v-2zm7.95-5.002h2.004v2.004h-2.004zm-3 2h2.004v2.004H7.998zm6 0h2.004v2.004h-2.004z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-park-outline--chicken {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M35.979 15.5a10.65 10.65 0 0 0-1.71-1.275l-1.466-.88a13.247 13.247 0 0 0-4.412-1.668l-.524-.096a27.106 27.106 0 0 1-8.051-2.855a2.792 2.792 0 1 0-2.965 3.396A22.772 22.772 0 0 1 21 17.647'/%3E%3Cpath d='M11.307 25.02C11.045 25.3 8 28.65 8 32c0 3.5 1.558 5 3 6s3.72 2 5.61 2C18.5 40 28.5 41 33 40s5-2 7-4c1.081-1.081 1.882-2.602 2.39-3.77a22.524 22.524 0 0 0 1.175-3.502c.36-1.436.723-3.498.435-5.228c-.5-3-2-5-7-7.5c-4.604-2.302-8.647-1.212-9.258-1.025a4.026 4.026 0 0 0-.161.054c-.8.283-7.265 2.596-10.01 4.471c-2.802 1.914-5.962 5.202-6.228 5.481a3.304 3.304 0 0 0-.036.038'/%3E%3Cpath d='M6.103 20.01a2.792 2.792 0 1 1 2.965-3.396a27.105 27.105 0 0 0 8.051 2.854l.524.097c1.559.287 3.053.852 4.412 1.668l1.466.879a10.65 10.65 0 0 1 2.602 2.197l.406.472a6.597 6.597 0 0 1 1.532 5.17l-.028.211a5.952 5.952 0 0 1-1.637 3.367l-.462.473a6.672 6.672 0 0 1-5.875 1.924a8.34 8.34 0 0 1-4.425-2.23l-.739-.714a9.314 9.314 0 0 1-1.532-1.935l-2.172-3.652l-.634-1.27a22.766 22.766 0 0 0-4.454-6.116'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mdi--meat-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.71 4c.83 0 1.62.22 2.29.66c1.14.74 1.84 1.87 2 3.18a4.37 4.37 0 0 1-1.25 3.47c-.7.69-1.59 1.13-2.57 1.23c-1.91.2-3.59.96-4.84 2.23a.809.809 0 0 1-1.13 0l-.99-.99a.743.743 0 0 1-.22-.53c0-.25.11-.47.32-.68c1.21-1.22 1.95-2.84 2.13-4.7c.13-1.33.84-2.47 2-3.22c.66-.43 1.44-.65 2.26-.65m0-2c-1.17 0-2.34.32-3.35.97c-1.76 1.13-2.73 2.89-2.9 4.71c-.13 1.32-.63 2.55-1.55 3.47l-.03.03c-1.16 1.16-1.16 2.93-.07 4.01l.99.99c.55.55 1.26.82 1.97.82s1.43-.27 1.98-.82c.97-.97 2.25-1.5 3.64-1.65c1.37-.15 2.71-.75 3.77-1.8A6.27 6.27 0 0 0 19.09 3c-1.01-.67-2.19-1-3.38-1M6.26 19.86c.27.56.18 1.24-.29 1.7a1.49 1.49 0 0 1-2.55-.98a1.49 1.49 0 0 1-.98-2.55c.46-.46 1.15-.56 1.7-.29l2.48-2.43c.14.19.3.41.48.59l.99.99c.21.2.41.37.67.52z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


.game-icons--jelly-beans {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M241 30.32c-4.7 0-9.3.7-13.8 2.22c-13.5 4.65-26.5 16.93-35.5 42.12c-9.7 26.74-12.9 50.34-27.4 70.04c-14.6 19.7-39.9 32.3-88.23 37.5c-20.53 2.3-33.92 11.1-42.5 23.3c-8.59 12.2-12.18 28.1-10.74 44.4c2.89 32.4 25.05 64.2 63.49 67.9C137 322.7 175.4 319 205 308.9c-.4-6.4-.7-12.8-.8-19.3c-1-50.6 33.2-90.5 71.2-104.3c9.5-3.5 19.3-5.3 29-5.2c.8 0 1.5.1 2.3.1c2.8-10.4 5.3-21.4 7.6-32.7c9.6-46.8-14.3-89.71-43.6-107.81c-9.1-5.66-18.5-8.86-27.6-9.33c-.7 0-1.4-.1-2.1-.1zm-32.4 41.62l17.6 3.32c-10.3 55.14-26.5 90.14-53.4 112.24c-18.7 15.4-41.8 24.1-70 29.9l-4.46-17.5c26.86-5.5 47.36-13.4 63.06-26.3c22.5-18.5 37.2-48.5 47.2-101.66M304 198.1c-7.2-.1-14.8 1.3-22.5 4.1c-30.6 11.2-60.2 44.9-59.3 87c1 50.7 10.6 95.3 38.9 128.7c28.2 33.4 76 56.9 157.2 63.5c37.3 3.1 62.1-18.9 69.2-43.2c3.5-12.2 2.5-24.8-3.6-35.6c-6-10.8-17.4-20.3-36.5-25.7c-45-12.7-68.5-32.7-80.5-56.6c-12-23.8-12.9-49.8-17.4-75v-.1c-4-23.4-13.9-36-25.7-42.3c-6-3.1-12.7-4.7-19.8-4.8m-223.42 5l4.4 17.6c-7.22 1.1-14.7 2.1-22.54 3.1l-2.2-17.8c7.12-.9 13.87-1.8 20.34-2.9m223.32 14.3l1.4 18c-5.7.5-10.7 1.5-15.1 2.9l-7.9-16.2c6.5-2.4 13.7-4 21.6-4.7m-37.5 13.2l8.1 16.6c-1.4 1.2-2.6 2.5-3.8 3.9c-7.1 8.5-11 20.3-12.2 33.9c-2.5 27.3 6.2 61.1 14.7 82.2l-16.6 6.8c-9.4-23.2-18.9-58.4-16.1-90.6c1.5-16 6.1-31.6 16.4-43.8c2.7-3.3 5.9-6.3 9.5-9'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


.healthicons--money-bag-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M28.772 24.667A4.001 4.001 0 0 0 25 22v-1h-2v1a4 4 0 1 0 0 8v4c-.87 0-1.611-.555-1.887-1.333a1 1 0 1 0-1.885.666A4.001 4.001 0 0 0 23 36v1h2v-1a4 4 0 0 0 0-8v-4a2 2 0 0 1 1.886 1.333a1 1 0 1 0 1.886-.666M23 24a2 2 0 1 0 0 4zm2 10a2 2 0 1 0 0-4z'/%3E%3Cpath d='M13.153 8.621C15.607 7.42 19.633 6 24.039 6c4.314 0 8.234 1.361 10.675 2.546l.138.067c.736.364 1.33.708 1.748.987L32.906 15C41.422 23.706 48 41.997 24.039 41.997S6.479 24.038 15.069 15l-3.67-5.4c.283-.185.642-.4 1.07-.628c.212-.114.44-.231.684-.35m17.379 6.307l2.957-4.323c-2.75.198-6.022.844-9.172 1.756c-2.25.65-4.75.551-7.065.124a25.167 25.167 0 0 1-1.737-.386l1.92 2.827c4.115 1.465 8.981 1.465 13.097.002M16.28 16.63c4.815 1.86 10.602 1.86 15.417-.002a29.255 29.255 0 0 1 4.988 7.143c1.352 2.758 2.088 5.515 1.968 7.891c-.116 2.293-1.018 4.252-3.078 5.708c-2.147 1.517-5.758 2.627-11.537 2.627c-5.785 0-9.413-1.091-11.58-2.591c-2.075-1.437-2.986-3.37-3.115-5.632c-.135-2.35.585-5.093 1.932-7.87c1.285-2.648 3.078-5.197 5.005-7.274m-1.15-6.714c.8.238 1.636.445 2.484.602c2.15.396 4.306.454 6.146-.079a54.097 54.097 0 0 1 6.53-1.471C28.45 8.414 26.298 8 24.038 8c-3.445 0-6.658.961-8.908 1.916'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


.simple-line-icons--basket {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M1015.66 284a31.82 31.82 0 0 0-25.998-13.502H310.526l-51.408-177.28c-20.16-69.808-68.065-77.344-87.713-77.344H34.333c-17.569 0-31.777 14.224-31.777 31.776S16.78 79.425 34.332 79.425h137.056c4.336 0 17.568 0 26.593 31.184l176.848 649.936c3.84 13.712 16.336 23.183 30.591 23.183h431.968c13.409 0 25.376-8.4 29.905-21.024l152.256-449.68c3.504-9.744 2.048-20.592-3.888-29.024zM815.026 720.194H429.539L328.387 334.066h616.096zM752.003 848.13c-44.192 0-80 35.808-80 80s35.808 80 80 80s80-35.808 80-80s-35.808-80-80-80m-288 0c-44.192 0-80 35.808-80 80s35.808 80 80 80s80-35.808 80-80s-35.808-80-80-80'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


.majesticons--money-hand-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 22v-7.1a7 7 0 0 0-2.052-4.95L14.998 8v6.587c0 .89-1.077 1.337-1.707.707L11.996 14c-.5-.5-1.701-.8-2.502 0c-.8.8-.5 2 0 2.5l5.504 5.5'/%3E%3Cpath d='M11 2h2a2 2 0 0 1 2 2v2m-4-4c0 1.333.8 4 4 4m-4-4H9m6 4v6M5 12v2a2 2 0 0 0 2 2h2c0-1.333-.8-4-4-4m0 0V6m4-4H7a2 2 0 0 0-2 2v2m4-4c0 1.333-.8 4-4 4'/%3E%3Ccircle cx='10' cy='9' r='1' transform='rotate(90 10 9)'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.hidep {
    display: none; /* Hide the span by default */
}

.footmb{
  display: none; /* Hide the span by default */

}



@media only screen and (max-width: 768px) {
    .hidep {
        display: inline!important; /* Show the span for devices with max-width 768px (commonly considered as mobile devices) */

    }
    .footmb{

                position: fixed;
                 bottom: 0;
                 width: 100%;
                 height: auto;
                 z-index: 90;
                 background-color: #20255c;
                 color: #fff;
    }
}