@charset "UTF-8";

/*-----------------
    # Typography
-----------------*/
@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazir.woff2') format('woff2'),
    url('../fonts/Vazir.woff') format('woff'),
    url('../fonts/Vazir.ttf') format('truetype'),
    url('../fonts/Vazir.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazir-Bold.woff2') format('woff2'),
    url('../fonts/Vazir-Bold.woff') format('woff'),
    url('../fonts/Vazir-Bold.ttf') format('truetype'),
    url('../fonts/Vazir-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazir-Light.woff2') format('woff2'),
    url('../fonts/Vazir-Light.woff') format('woff'),
    url('../fonts/Vazir-Light.ttf') format('truetype'),
    url('../fonts/Vazir-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Vazir';
  src:
    url('../fonts/Vazir-black.ttf') format('truetype'),
    url('../fonts/Vazir-black.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
  --main-color-one: #16215c;
  --main-color-two: #ffc05e;
  --secondary-color: #fb3c7f;
  --heading-color: #2d2d2d;
  --paragraph-color: #444;
  --body-font: "Vazir", sans-serif;
}

::selection {
  color: #fff;
  background-color: #fb3c7f;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
  font-family: var(--body-font);
}

* {
  box-sizing: border-box;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  /* Firefox */
  -webkit-font-smoothing: antialiased;
  /* WebKit  */
}

body {
  margin: 0;
  color: var(--paragraph-color);
  overflow-x: hidden;
  font-family: var(--body-font);
  font-size: 14px;
  direction: rtl;
  font-family: 'Vazir';
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background-image: linear-gradient(125deg, #fb3c7f 0%, #ffc05e 100%);
  border-radius: 10px;
}

h1 {
  font-size: 48px;
  line-height: 1.0833333333;
}

h2 {
  font-size: 36px;
  line-height: 1.4444444444;
}

h3 {
  font-size: 24px;
  line-height: 1.0833333333;
}

h4 {
  font-size: 20px;
  line-height: 1.2380952381;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--body-font);
}

p {
  color: var(--paragraph-color);
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 10px;
  line-height: 32px;
}

a {
  color: inherit;
  text-decoration: none;
  color: var(--paragraph-color);
}

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

a {
  transition: color 500ms;
}

a:hover {
  color: var(--secondary-color);
}

pre {
  word-break: break-word;
}

a i {
  padding: 0 2px;
}

img {
  max-width: 100%;
}

ol {
  counter-reset: counter;
  padding-left: 0;
}

ol li {
  list-style: none;
  margin-bottom: 1rem;
}

ol li:before {
  counter-increment: counter;
  content: counter(counter);
  font-weight: 500;
  margin-right: 10px;
}

/*input and button type focus outline disable*/
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ddd;
}

code {
  color: #faa603;
}

.error {
  color: #dc3545 !important;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-85 {
  padding-top: 85px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-top-200 {
  padding-top: 200px;
}


.padding-top-600 {
  padding-top: 600px;
}

.padding-bottom-25 {
  padding-bottom: 25px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-bottom-120 {
  padding-bottom: 120px;
}

.padding-bottom-200 {
  padding-bottom: 200px;
}

.padding-bottom-200 {
  padding-bottom: 200px;
}

.padding-bottom-300 {
  padding-bottom: 300px;
}

.padding-bottom-350 {
  padding-bottom: 350px;
}

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

.margin-top-40 {
  margin-top: 40px;
}

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

.margin-bottom-55 {
  margin-bottom: 55px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-120 {
  margin-bottom: 120px;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after {
  clear: both;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

/*----------------------------------------
    # Unit test
------------------------------------------*/


ol,
ul {
  padding-left: 15px;
}

.footer-widget .table td,
.footer-widget .table th {
  padding: 0.5rem !important;
}

/*--------------------------------------------------------------
# Gutenberg	Default Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Block Color Palette Colors
--------------------------------------------------------------*/

/*---------------------
    ## Breadcumb 
----------------------*/
.breadcrumb-area {
  background-image: linear-gradient(50deg, #562980 0%, #8D2F97 100%);
  position: relative;
  z-index: 0;
  background-size: cover;
  background-position: center;
  padding: 228px 0 155px 0;
  overflow: hidden;
  z-index: 1;
}

.breadcrumb-area.extra {
  padding-bottom: 138px;
}

.breadcrumb-area .shape {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(45deg);
  width: 430px;
  height: 445px;
  border-radius: 50px;
  background-image: linear-gradient(-360deg, rgba(255, 0, 170, 0.5) 0%, rgba(255, 1, 170, 0) 100%);
  z-index: -2;
  animation: rotate10deg 15s infinite;
}

.breadcrumb-area .page-title {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 15px;
  width: 340px;
}

.breadcrumb-area .page-title.style-01 {
  width: initial;
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
}

.breadcrumb-area p {
  font-size: 14px;
  line-height: 26px;
  max-width: 600px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}

.breadcrumb-area .icon {
  display: inline-block;
  padding: 5px 5px 5px 30px;
  background-color: #562980;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
}

.breadcrumb-area .icon i {
  margin-left: 15px;
  color: #fff;
  background-color: #ae39ff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  line-height: 55px;
  text-align: center;
  font-size: 35px;
  animation: lightup 5s linear infinite both;
}

.breadcrumb-area .icon p {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}

@keyframes lightup {
  0% {
    color: #ffff33;
  }

  50% {
    color: transparent;
  }

  100% {
    color: #ffff33;
  }
}

.offer-area .page-title {
  font-weight: 800;
  font-size: 100px;
  line-height: 110px;
  word-spacing: -0.2em;
}

.notify-form {
  margin-top: 60px;
  display: flex;
}

.notify-form .form-group {
  width: 100%;
  flex: 1;
  margin-bottom: 0;
}

.notify-form .form-group .form-control {
  flex: 1;
  width: 100%;
  border-radius: 0;
  width: 100%;
  height: 55px;
  background-color: #fff;
  border-color: #fff;
  border-width: 2px;
  color: #2abef5;
}

.notify-form .form-group .form-control::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(95, 95, 95, 0.6);
}

.notify-form .form-group .form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(95, 95, 95, 0.6);
}

.notify-form .form-group .form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(95, 95, 95, 0.6);
}

.notify-form .form-group .form-control:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(95, 95, 95, 0.6);
}

.notify-form .submit-btn {
  border: none;
  background-color: #2abef5;
  padding: 7px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  transition: all 0.5s;
  cursor: pointer;
}

.notify-form .submit-btn:hover {
  background-color: #fff;
  color: #2abef5;
}

.notify-form .submit-btn.loading {
  cursor: not-allowed;
  opacity: 0.7;
}

.notify-form .submit-btn:disabled {
  cursor: not-allowed;
  opacity: 1;
}

.notify-form .submit-btn:disabled:not(.loading) {
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
}

/*--------------------------------------------------------------
	## Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	## WIdgets
--------------------------------------------------------------*/
.widget {
  margin-bottom: 30px;
}

.widget select {
  width: 100%;
  height: 50px;
  padding: 10px 20px;
}

.widget .widget-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 25px;
  text-transform: capitalize;
  position: relative;
  font-family: var(--body-font);
}

.widget .widget-title.style-01 {
  font-size: 18px;
}

.widget:last-child {
  margin-bottom: 0px;
}

.widget.widget_nav_menu ul li.menu-item-has-children:after {
  display: none;
}

.widget.footer-widget.widget_subscribe {
  display: flex;
}

.widget.footer-widget.widget_subscribe .title {
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
}

.widget.footer-widget {
  background-color: transparent;
  padding: 0;
}

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

.widget ul li ul {
  margin-left: 20px;
}

.widget ul li {
  display: block;
  margin: 8px 0;
  -ms-word-wrap: break-word;
  word-break: break-word;
}

.widget ul li:first-child {
  margin-top: 0px;
}

.widget ul li:last-child {
  margin-bottom: 0px;
}

.widget ul li a {
  color: inherit;
  transition: all 0.3s ease-in;
}

.widget ul li a:hover {
  color: var(--main-color-one);
}

.widget ul li ul.sub-menu {
  position: initial;
}

.widget ul li ul.sub-menu {
  visibility: visible;
  opacity: 1;
  background-color: transparent;
  border-top: none;
  box-shadow: none;
  margin-top: 10px;
}

.widget ul li ul.sub-menu li a {
  padding: 0 0 0px 10px;
}

.widget ul li ul.sub-menu li a:hover {
  background-color: transparent;
}

.widget.widget_nav_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.widget.widget_nav_menu.nav-blog ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.widget.widget_nav_menu ul li {
  margin: 10px 0;
}


.widget.widget_nav_menu ul li:last-child {
  margin-bottom: 0;
}

.widget.widget_nav_menu ul li a {
  border: none;
}

.widget.widget_nav_menu ul li>ul {
  margin-left: 15px;
}

.widget.footer-widget .widget-title {
  color: var(--heading-color)
}

.widget.footer-widget p {
  color: #9191aa;
  font-size: 14px;
}

.widget.footer-widget ul li a,
.widget.footer-widget ul li {
  color: #9191aa;
  font-size: 14px;
}

.widget.footer-widget.style-02 ul li a {
  color: #a9b2e2;
}

.widget.footer-widget.style-03 ul li a {
  color: #727777;
}

.widget.footer-widget ul li a:hover {
  color: var(--secondary-color);
}

.widget.footer-widget.style-01 ul li a:hover {
  color: var(--secondary-color);
}

.widget.footer-widget.style-02 ul li a:hover {
  color: rgba(169, 178, 226, 0.8);
}

.widget.footer-widget.style-03 ul li a:hover {
  color: #500ade;
}

.widget.widget_subscribe {
  background-color: #8D2F97;
  padding: 35px 40px;
  border-radius: 20px;
  justify-content: space-between;
}

.widget .social_share {
  margin: 0 0;
  padding: 0;
  list-style: none;
}

.widget .social_share.style-01 li {
  color: #7d7d93;
}

.widget .social_share.style-01 li i {
  font-size: 15px;
}

.widget .social_share.style-01 li a:hover {
  color: var(--secondary-color);
}

.widget .social_share.style-02 li {
  color: #a9b2e2;
}

.widget .social_share.style-03 li {
  color: #7d7d93;
}

.widget .social_share.style-03 li i {
  font-size: 15px;
}

.widget .social_share.style-03 li a:hover {
  color: #500ade;
}

.widget .social_share li {
  margin: 0;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  color: #fff;
}

.widget .social_share li+li {
  margin-right: 10px;
}

.widget .social_share li i {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}

.widget .social_share li a:hover {
  color: #fff;
}

.widget .recent_post_item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget .recent_post_item li {
  display: block;
}

.widget .recent_post_item li+li {
  margin-top: 20px;
}

.widget .recent_post_item li.single-recent-post-item {
  display: flex;
  width: 50%;
  align-self: flex-start;
  margin: 0 0 20px;
}

.widget .recent_post_item li.single-recent-post-item .thumb {
  width: 110px;
  height: 70px;
  border-radius: 10px;
  margin-left: 15px;
}

.widget .recent_post_item li.single-recent-post-item .thumb img {
  border-radius: 10px;
}

.widget .recent_post_item li.single-recent-post-item .content {
  flex: 1;
}

.widget .recent_post_item li.single-recent-post-item .content .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  max-width: 170px;
}

.widget .recent_post_item li.single-recent-post-item .content .time {
  font-size: 12px;
  font-weight: 500;
}

.widget .recent_post_item li.single-recent-post-item .content .time i {
  color: var(--secondary-color);
  padding-left: 5px;
}

.about_us_widget .footer-logo {
  display: block;
  width: 250px;
  padding: 5px 0 0;
  width: 100%;
}

.about_us_widget .footer-logo img {
  width: 100%;
}

.copyright-area {
  padding: 20px 0;
  text-align: center;
  color: #898ba7;
  font-size: 14px;
}

/*----------------------------------------------
    # Nav bar 
----------------------------------------------*/


.navbar.navbar-area .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.90)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-area {
  padding: 0;
}

.navbar-area.nav-style-02 {
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100px;
  z-index: 2;
}

.navbar-area.nav-style-02 .nav-container {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0 15px;
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav {
  text-align: center;
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--secondary-color);
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav li.current-menu-item:before {
  color: var(--secondary-color);
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav li.menu-item-has-children {
  z-index: initial;
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
  color: var(--secondary-color);
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav li a {
  transition: all 0.3s ease-in;
  color: #fff;
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
  color: var(--secondary-color);
}

.navbar-area.nav-style-02 .nav-container.meeem-nav .navbar-collapse .navbar-nav li:hover a {
  color: var(--secondary-color);
}

.navbar-area.nav-style-02 .nav-container .logo-wrapper {
  max-width: 120px;
}

.navbar-area.nav-style-02 .nav-container .nav-right-content {
  display: flex;
  align-items: center;
}

.navbar-area.nav-style-02 .nav-container .nav-right-content ul li {
  color: var(--heading-color);
}

.navbar-area.nav-style-02 .nav-container .nav-right-content ul li+li {
  margin-left: 5px;
}

.navbar-area.nav-style-02 .nav-container .nav-right-content ul li a {
  color: var(--heading-color);
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
  text-align: right;
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--main-color-one);
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before {
  color: var(--main-color-one);
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  z-index: initial;
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
  color: var(--heading-color);
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  background-color: #fff;
  color: var(--paragraph-color);
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: #fff;
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li a {
  transition: all 0.3s ease-in;
  color: var(--heading-color);
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
  color: var(--main-color-one);
}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover a {
  color: var(--main-color-one);
}

.navbar-area .nav-container {
  background-color: #fff;
  box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0 30px;
}

.navbar-area .nav-container .nav-right-content .btn-wrapper {
  margin-left: 40px;
}

.navbar-area .nav-container .nav-right-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 15px;
}

.navbar-area .nav-container .nav-right-content ul li {
  display: inline-block;
  margin: 0 15px;
  color: #6a7795;
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
  margin-right: 0;
}

.navbar-area .nav-container .nav-right-content ul li a {
  color: #6a7795;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li a:hover {
  color: var(--secondary-color);
}

.navbar-area .nav-container .nav-right-content ul li.search {
  cursor: pointer;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li.search:hover {
  color: var(--main-color-one);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
  display: block;
  width: 100%;
  text-align: right;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
  display: inline-block;
  font-size: 14px;
  font-family: var(--body-font);
  text-transform: capitalize;
  font-weight: 600;
  line-height: 70px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
  margin-right: 40px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--main-color-one);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  position: relative;
  z-index: 0;
  padding-left: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  font-weight: 700;
  font-family: "fontawesome";
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  position: absolute;
  text-align: left;
  min-width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0;
  top: 100%;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  z-index: 9;
  border-bottom: 4px solid var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
  display: block;
  margin-right: 0;
  line-height: 24px;
  font-size: 14px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
  border-top: 1px solid #e2e2e2;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  display: block;
  padding: 12px 30px;
  background-color: #fff;
  white-space: nowrap;
  color: var(--paragraph-color);
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
  position: relative;
  z-index: 0;
  padding-right: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
  left: 100%;
  top: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: #fff;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-one);
}

@media only screen and (max-width: 991px) {
  .navbar-area.nav-style-02 .nav-container {
    padding: 37px 0px;
  }

  .navbar-area.nav-style-02 .nav-container .navbar-toggler {
    background-color: #fff;
  }

  .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
    background-color: var(--main-color-two);
    padding: 0 20px 10px;
  }

  .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
  }

  .navbar-area .nav-container {
    position: relative;
    z-index: 0;
    min-height: 80px;
  }

  .navbar-area .nav-container .responsive-mobile-menu {
    display: block;
    position: relative;
    width: 100%;
  }

  .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fd2b6b;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    margin-top: 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: block;
    text-align: right;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
    border-bottom: none;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li:first-child {
    margin-right: 40px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    top: 25px;
    left: 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
    padding-bottom: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-bottom: none;
    padding-top: 10px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: initial;
    display: block;
    width: 100%;
    border-top: none;
    box-shadow: none;
    margin-left: 0;
    padding-bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    transition: height 500ms;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
    content: "";
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    padding: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
    color: #fff;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: none;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  #overview {
    padding-bottom: 0 !important;
  }

  #overview .row {
    flex-direction: column-reverse;
  }

  .food-img.bg-image {
    background-position: center !important;
  }

  .how-it-work-area {
    margin-bottom: -200px !important;
  }

  .offer-area {
    padding-top: 500px !important;
  }

  .about_us_widget .footer-logo {
    text-align: center;
  }

  .about_us_widget .footer-logo img {
    max-width: 300px;
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .navbar-area .nav-container {
    margin: 0 15px;
  }
}

/*----------------------------
    Info Bar
----------------------------*/

/*----------------------------
    Top Bar
----------------------------*/

/*--------------------------------------------------------------
	## Header
--------------------------------------------------------------*/

.header-area {
  padding: 290px 0 225px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.header-area.style-01 {
  padding: 205px 0 255px;
}

.header-area.style-02 {
  padding: 205px 0 255px;
}

.header-area.style-03 {
  padding: 205px 0 290px;
}

.header-area.header-social {
  padding: 290px 0 445px;
}

.header-area.header-social .header-inner .title {
  font-size: 60px;
  line-height: 70px;
  font-weight: 500;
  color: #fff;
}

.header-area.header-social .header-inner .title.style-01 {
  font-size: 90px;
  line-height: 90px;
  word-spacing: -0.2em;
  font-weight: 700;
  color: #fff;
}

@keyframes popUp {
  0% {
    right: 50%;
    top: 50%;
    opacity: 0;
    transform: translate(50%, 50%);
  }

  100% {
    opacity: 1;
    right: 20%;
    top: 15%;
  }
}

@keyframes popUpTwo {
  0% {
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translate(50%, 50%);
  }

  100% {
    opacity: 1;
    left: 30%;
    top: 10%;
  }
}

@keyframes popUpThree {
  0% {
    right: 50%;
    top: 50%;
    opacity: 0;
    transform: translate(50%, 50%);
  }

  100% {
    opacity: 1;
    right: 10%;
    top: 55%;
  }
}

@keyframes popUpFour {
  0% {
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translate(50%, 50%);
  }

  100% {
    opacity: 1;
    left: 10%;
    top: 56%;
  }
}

.header-area.audio-header {
  background: rgb(91, 47, 132);
  background: -moz-linear-gradient(245deg, rgba(91, 47, 132, 1) 0%, rgba(169, 34, 128, 1) 100%);
  background: -webkit-linear-gradient(245deg, rgba(91, 47, 132, 1) 0%, rgba(169, 34, 128, 1) 100%);
  background: linear-gradient(245deg, rgba(91, 47, 132, 1) 0%, rgba(169, 34, 128, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b2f84", endColorstr="#a92280", GradientType=1);
  padding: 290px 0 290px;
}

.header-area.audio-header .sass-bg-img {
  height: 730px;
  width: 830px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 7%;
  top: 22%;
  z-index: 0;
}

@keyframes rotate10deg {
  0% {
    transform: rotate(-12deg);
  }

  50% {
    transform: rotate(12deg);
  }

  100% {
    transform: rotate(-12deg);
  }
}

@keyframes size-increase-anmi {
  0% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(1);
  }

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

@keyframes size-increase {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.header-area.header-meeem {
  background-color: transparent;
  padding: 230px 0 300px;
}

.header-area.header-meeem .header-inner .title {
  font-size: 90px;
  line-height: 90px;
  word-spacing: -0.2em;
  font-weight: 700;
  color: #fff;
}

.header-area.header-meeem .header-inner p {
  max-width: 350px;
}

.header-area.header-meeem .shape {
  position: absolute;
  left: -10%;
  top: -13%;
  transform: rotate(-12deg);
  width: 560px;
  height: 560px;
  border-radius: 50px;
  background-image: linear-gradient(-360deg, rgba(255, 0, 170, 0.5) 0%, rgba(255, 1, 170, 0) 100%);
  z-index: -1;
  animation: rotate10deg 5s infinite;
}

.header-area.header-meeem .shape-02 {
  position: absolute;
  left: -15%;
  top: -20%;
  transform: rotate(-12deg);
  width: 560px;
  height: 560px;
  border-radius: 50px;
  background-image: linear-gradient(-360deg, rgba(255, 0, 170, 0.5) 0%, rgba(255, 1, 170, 0) 100%);
  z-index: -1;
  animation: rotate10deg 5s infinite;
}

.header-area.header-meeem .meeem-bg-img {
  height: 850px;
  width: 625px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 10%;
  top: 23%;
  z-index: -1;
}

.header-area.header-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@keyframes bikerun {
  0% {
    right: -27%;
  }

  100% {
    right: 100%;
  }
}

.header-area .bg-img-02 {
  height: 130px;
  width: 110px;
  background-repeat: no-repeat;
  position: absolute;
  right: 20%;
  top: 10%;
  z-index: -1;
  animation: balloonfly 15s infinite;
  transition: all 0.5s;
}

@keyframes balloonfly {
  0% {
    top: 40%;
    opacity: 0;
  }

  30% {
    transform: scale(1.5);
    opacity: 1;
  }

  100% {
    top: 10%;
    opacity: 0;
  }
}

.header-area .bg-img-03 {
  height: 30px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 27%;
  top: 10%;
  z-index: -1;
  animation: balloonfly-02 10s infinite;
  transition: all 0.5s;
}

@keyframes balloonfly-02 {
  0% {
    top: 40%;
    opacity: 0;
  }

  30% {
    transform: scale(1.5);
    opacity: 1;
  }

  100% {
    top: 10%;
    opacity: 0;
  }
}

@keyframes balloonfly-03 {
  0% {
    top: 40%;
    opacity: 0;
  }

  30% {
    transform: scale(1.5);
    opacity: 1;
  }

  100% {
    top: 15%;
    opacity: 0;
  }
}

.header-area .header-inner.style-01 {
  display: flex;
  align-items: center;
  height: 100%;
}

.header-area .title {
  font-size: 72px;
  line-height: 84px;
  color: var(--heading-color);
  font-weight: 700;
  margin-bottom: 60px;
}

.header-area p {
  font-size: 14px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
}

.header-area span {
  color: var(--secondary-color);
  font-size: 18px;
  text-transform: uppercase;
  display: block;
}

.header-area small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  margin-top: 25px;
  margin-left: 10px;
  display: inline-block;
}

.header-area .btn-wrapper .boxed-btn {
  border: 1px solid transparent;
}

.header-area .btn-wrapper .boxed-btn:hover {
  background-color: transparent;
}

.header-area .btn-wrapper .boxed-btn+.boxed-btn {
  margin-left: 20px;
}

/*----------------------------
    Header Bottom Area
-----------------------------*/

@keyframes rotate {
  0% {
    border-color: #feba71;
    transform: rotate(0deg);
  }

  25% {
    border-color: #feae71;
  }

  50% {
    border-color: #fe9b71;
  }

  75% {
    border-color: #fe8b71;
  }

  100% {
    border-color: #fe8171;
    transform: rotate(140deg);
  }
}

/*-------------------------
    Footer Area
-------------------------*/
.footer-top {
  position: relative;
  z-index: 0;
  background-color: #fafafa;
  border-bottom: 1px solid rgba(114, 108, 148, 0.2);
}

.footer-top.style-01 {
  border-bottom: 1px solid rgba(114, 108, 148, 0.2);
  background-color: #e9eff0;
}

.footer-top.style-01 .widget .widget-title {
  color: var(--main-color-one);
}

.footer-top.style-02 {
  border-bottom: 1px solid rgba(114, 108, 148, 0.2);
  background-color: #fff;
}

.footer-top.style-02 .widget .widget-title {
  color: var(--main-color-one);
}

.footer-top.style-03 {
  border-bottom: 1px solid rgba(114, 108, 148, 0.2);
  background-color: #fafafa;
}

.footer-top.style-03 .widget .widget-title {
  color: var(--main-color-one);
}

.footer-top .bg-img-02 {
  position: absolute;
  top: 10%;
  right: 10%;
  width: 170px;
  height: 170px;
  background-repeat: no-repeat;
  z-index: -1;
}

.footer-top .bg-img-03 {
  position: absolute;
  top: 0;
  left: 30%;
  width: 120px;
  height: 95px;
  background-repeat: no-repeat;
  z-index: -1;
}

.copyright-area.style-01 {
  background-color: #fff;
}

.copyright-area.style-02 {
  background-color: #fafafa;
}

.copyright-area.style-03 {
  background-color: #fafafa;
}

.copyright-area .copyright-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.copyright-area-inner {
  color: #7d7d93;
}

.copyright-area-inner.style-01 {
  color: #a9b2e2;
}

/*-----------------------
    Error 404 Page
-----------------------*/

/*-----------------------------
    Call To Action Area
-----------------------------*/

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  50% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
}

@keyframes increase {
  0% {
    height: 50px;
    transform: scale(2);
  }

  50% {
    height: 70px;
  }

  100% {
    height: 50px;
    transform: scale(2);
  }
}

/*-------------------------
    Testimonial Area
--------------------------*/
.testimonial-area {
  position: relative;
  z-index: 0;
}

.testimonial-area.style-01::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(-32deg, #432375 0%, #ac28a0 100%);
  z-index: -1;
}

.testimonial-area.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.testimonial-area.bg-image-02 {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: -480px;
}

.create-content-area .shape {
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  width: 105px;
  height: 55px;
  background-color: transparent;
  border-top-left-radius: 200px;
  border-top-right-radius: 200px;
  border: 5px solid #feba71;
  transform: rotate(140deg);
  border-bottom: 0;
  transform-origin: bottom;
  animation: rotate 12s both;
}

.create-content-area .shape-02 {
  position: absolute;
  top: 57%;
  right: 3%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #fd2b6b;
}

/*---------------------------
    Request Form Quote
---------------------------*/

@keyframes topBottom {
  0% {
    top: 0%;
  }

  50% {
    top: 10%;
  }

  100% {
    bottom: 0;
  }
}

@keyframes leftRight {
  0% {
    right: 0%;
  }

  50% {
    right: 15%;
  }

  100% {
    right: 0%;
  }
}

/*--------------------------
    Counterup Area
--------------------------*/

.choose-us-area {
  position: relative;
  z-index: 1;
}

.choose-us-area.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  margin-bottom: -450px;
  ;
}

@keyframes topbottom {
  0% {
    bottom: 255px;
  }

  50% {
    bottom: 275px;
  }

  100% {
    bottom: 255px;
  }
}

.choose-us-area .bg-img-02 {
  position: absolute;
  right: 50px;
  bottom: 600px;
  height: 165px;
  width: 60px;
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: bottom center;
  animation: swing 12s infinite both;
  z-index: -1;
}

.choose-us-area .bg-img-03 {
  position: absolute;
  right: 0;
  bottom: 595px;
  height: 165px;
  width: 60px;
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: bottom center;
  animation: swing 12s infinite both;
  z-index: -1;
}

/*-----------------------------
Client Area
-----------------------------*/

.offer-area.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.create-content-area .create-audio-content {
  background-color: #292929;
  padding: 50px 0;
  border-radius: 10px;
}

.create-content-area.style-01 {
  background: url("../img/rawbgtextile.png") #fff repeat;
  position: relative;
}

.create-content-area .section-title {
  max-width: 360px;
}

.create-content-area .section-title.audio-title {
  max-width: 370px;
}

.create-content-area .section-title .audio-title {
  color: #333;
  font-size: 50px;
  line-height: 55px;
  font-weight: 700;
}

#overview .section-title .audio-title {
  color: #fff;
}

.create-content-area .section-title .audio-pera {
  font-size: 16px;
  line-height: 25px;
  color: #333;
}

#overview .section-title .audio-pera {
  color: #fff;
}

.create-content-area .content {
  margin: 0;
  padding: 0;
  list-style: none;
}

.create-content-area .content .audio-list {
  color: rgba(255, 255, 255, 0.9);
}

.create-content-area .content .audio-list strong {
  color: #fff;
}

.create-content-area .content li+li {
  margin-top: 20px;
}

.create-content-area .content li i {
  margin-left: 10px;
  color: #feba71;
}

.create-content-area .content li i.style-02 {
  color: #fff;
}

.create-content-area .trip-img.bg-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 450px;
  width: 100%;
}

@keyframes shape-anmi {
  0% {
    border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
  }

  25% {
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  }

  50% {
    border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
  }

  75% {
    border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
  }

  100% {
    border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
  }
}

.how-it-work-area {
  position: relative;
  z-index: 0;
}

.how-it-work-area.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.how-it-work-area .bg-shape {
  position: absolute;
  left: 10%;
  top: 15%;
  width: 320px;
  height: 105px;
}

.how-it-work-area .section-title .title {
  font-size: 52px;
  color: #b55700;
  font-weight: 800;
  word-spacing: -0.2em;
}

.food-img.bg-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  min-height: 450px;
  width: 100%;
}

.delight-customers-area .section-title .title,
.online-order-area .section-title .title {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
}

.delight-customers-area .section-title p,
.online-order-area .section-title p {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--body-font);
}

.delight-customers-area .content,
.online-order-area .content {
  padding: 0;
  margin: 0;
  list-style: none;
}

.delight-customers-area .content li,
.online-order-area .content li {
  font-size: 18px;
  font-family: var(--body-font);
}

.delight-customers-area .content li+li,
.online-order-area .content li+li {
  margin-top: 10px;
}

.delight-customers-area .content li i,
.online-order-area .content li i {
  margin-left: 10px;
  color: #fbaf3f;
}

.fitness-app-area .fitness-app-img {
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 450px;
}

.fitness-app-area .content-wrap {
  display: flex;
  justify-content: space-between;
}

.fitness-app-area .content-wrap .content {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fitness-app-area .content-wrap .content li {
  color: #444;
  font-size: 18px;
}

.fitness-app-area .content-wrap .content li+li {
  margin-top: 10px;
}

.fitness-app-area .content-wrap .content li i {
  margin-left: 20px;
  color: #ae39ff;
}

.fitness-app-area .apps-download {
  display: flex;
  margin-top: 60px;
}

.fitness-app-area .apps-download .download-img.style-01 {
  margin-right: 30px;
}

@keyframes shape-anmi {
  0% {
    border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
  }

  25% {
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  }

  50% {
    border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
  }

  75% {
    border-radius: 69% 31% 49% 51%/60% 36% 64% 40%;
  }

  100% {
    border-radius: 57% 24% 71% 16%/55% 15% 73% 27%;
  }
}

.map-section {
  background-position: center;
  margin-bottom: -50px;
}

.map-section.style-01 {
  padding-bottom: 100px;
  margin-bottom: 120px;
}

.map-section .bg-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 500px;
}

.map-section .section-title {
  max-width: 390px;
  margin: auto;
}

.map-section .section-title .audio-pera {
  font-size: 16px;
  color: #fff;
  line-height: 25px;
}

.map-section .section-title span {
  color: rgba(255, 255, 255, 0.8);
}

.map-section .section-title strong a {
  color: #fd2b6b;
}

.map-section .content {
  margin-top: -385px;
}

.map-section .content .icon {
  font-size: 40px;
  text-align: center;
  color: #da3654;
}

.audio-map-section {
  background-color: #fd2b6b;
}

.audio-map-section .title {
  color: #fff;
}

.video-play-area {
  position: relative;
  z-index: 0;
}

.video-play-area .container .shape {
  width: 160px;
  height: 210px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 65px;
  top: 40%;
  z-index: -1;
  transform-origin: bottom center;
  animation: swing 12s infinite both;
}

.video-play-area .container .shape-02 {
  width: 160px;
  height: 140px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 20%;
  z-index: -1;
  transform-origin: bottom center;
  animation: swing 12s infinite both;
}

.video-play-area .container .shape-02::after {
  content: "";
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #e9a73a;
  position: absolute;
  right: 50px;
  bottom: 0;
  z-index: -2;
}

/*---------------------------------------
    ## Back Top
---------------------------------------*/
.back-to-top {
  position: fixed;
  left: 30px;
  bottom: 37px;
  width: 50px;
  height: 50px;
  background-image: linear-gradient(125deg, #fb3c7f 0%, #ffc05e 100%);
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  z-index: 99;
  font-size: 25px;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  display: none;
}

/*-------------------------
    ## Preloader Css
---------------------------*/

.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-inner div {
  width: 120px;
  height: 120px;
  background: linear-gradient(-45deg, #fb3c7f, #ffc05e);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: rotation 4s ease-in-out infinite;
}

@keyframes rotation {
  0% {
    border-radius: 5% 5% 5% 5%;
    transform: translate(-50%, -50%) rotate(0deg);
  }

  12.5% {
    border-radius: 50% 5% 5% 5%;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  25% {
    border-radius: 50% 50% 5% 5%;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  37.5% {
    border-radius: 50% 50% 50% 5%;
    transform: translate(-50%, -50%) rotate(135deg);
  }

  50% {
    border-radius: 50% 50% 50% 50%;
    transform: translate(-50%, -50%) rotate(180deg);
  }

  62.5% {
    border-radius: 5% 50% 50% 50%;
    transform: translate(-50%, -50%) rotate(225deg);
  }

  75% {
    border-radius: 5% 5% 50% 50%;
    transform: translate(-50%, -50%) rotate(270deg);
  }

  87.5% {
    border-radius: 5% 5% 5% 50%;
    transform: translate(-50%, -50%) rotate(315deg);
  }

  100% {
    border-radius: 5% 5% 5% 5%;
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*---------------------------------------
    ## Button
---------------------------------------*/
.btn-wrapper {
  display: block;
}

.btn-wrapper .boxed-btn {
  background-color: var(--secondary-color);
  color: #fff;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in;
  font-weight: 600;
}

.btn-wrapper .boxed-btn.white:hover {
  background-color: #fff;
  color: var(--main-color-one);
}

.btn-wrapper .boxed-btn.blank {
  background-color: transparent;
  border: 1px solid #fff;
}

.btn-wrapper .boxed-btn.blank.reverse-color {
  background-color: transparent;
  border: 2px solid var(--main-color-one);
  color: var(--main-color-one);
}

.btn-wrapper .boxed-btn.blank.reverse-color:hover {
  background-color: var(--main-color-one);
  color: #fff;
  border-color: var(--main-color-one);
}

.btn-wrapper .boxed-btn.blank:hover {
  background-color: var(--secondary-color);
  color: #fff;
  border-color: var(--secondary-color);
}

.btn-wrapper .boxed-btn.btn-meeem,
.contact-page-form .form-group .submit-btn {
  padding: 12px 30px;
  background-color: #ae39ff;
  border-radius: 0;
}

.btn-wrapper .boxed-btn.btn-meeem:hover,
.contact-page-form .form-group .submit-btn:hover {
  background-color: #fd2b6b;
}

.btn-wrapper .boxed-btn.btn-meeem.reverse-color {
  background-color: #fd2b6b;
  border: 1px solid transparent;
}

.btn-wrapper .boxed-btn.btn-meeem.reverse-color:hover {
  border: 1px solid #930ed8;
  background-color: #930ed8;
}

.btn-wrapper .boxed-btn.btn-meeem.white {
  background-color: #fff;
  color: #6327eb;
}

.btn-wrapper .boxed-btn.btn-meeem.white:hover {
  color: #fff;
  background-color: #930ed8;
}

.btn-wrapper .boxed-btn:hover {
  background-color: var(--secondary-color);
}

.btn-wrapper .boxed-btn.reverse-color {
  background-color: var(--main-color-two);
}

.btn-wrapper .boxed-btn.reverse-color:hover {
  background-color: var(--main-color-one);
}

.desktop-center {
  text-align: center;
}

/*-----------------------
    Blog Grid Item
-----------------------*/

.blog-area.style-01 {
  background-color: #100718;
}

.blog-area .section-title .title {
  font-size: 42px;
  color: #fff;
}

/*-----------------------------
    Accordion Item
-----------------------------*/
.accordion-wrapper .card {
  border: none;
  background-color: transparent;
}

.accordion-wrapper .card+.card {
  margin-top: 20px;
}

.accordion-wrapper .card .card-header {
  background-color: transparent;
  padding: 0;
  border: none;
}

.accordion-wrapper .card .card-header a {
  display: block;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  background-color: #f9f3ff;
  padding: 14px 30px;
  cursor: pointer;
  position: relative;
}

.accordion-wrapper .card .card-header a:after {
  position: absolute;
  left: 30px;
  top: 15px;
  content: "";
  font-family: "fontawesome";
}

.accordion-wrapper .card .card-header a.white {
  background-color: #fff;
  font-size: 18px;
  color: var(--heading-color);
}

.accordion-wrapper .card .card-header a.white.style-01:after {
  position: absolute;
  left: 0px;
  top: 15px;
  content: "";
  font-family: "fontawesome";
  color: #930ED8;
  font-size: 14px;
}

.accordion-wrapper .card .card-header a.white.style-01[aria-expanded=false]:after {
  content: "";
}

.accordion-wrapper .card .card-header a[aria-expanded=false]:after {
  content: "";
}

.accordion-wrapper .card .card-body {
  background-color: #fff;
  padding: 20px 30px;
}

.accordion-wrapper .card .card-body a {
  color: #fd2b6b;
  font-weight: 600;
}

.accordion-wrapper .card .card-body a:hover {
  color: inherit;
}

.accordion-wrapper .card .card-body.style-01 {
  padding: 40px 40px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
}

.accordion-wrapper .card .card-body.style-02 {
  background-color: #fff;
  padding: 0px 0 20px;
  line-height: 25px;
}

.accoridions .section-title .title {
  font-size: 42px;
  font-weight: 700;
  color: #000629;
  line-height: 50px;
}

/*-------------------------
    Contact Info Item
-------------------------*/

.map {
  min-height: 500px;
  height: 100%;
  background-color: #ddd;
}

.contact-page-form .form-group label {
  color: #333;
  font-size: 32px;
  font-weight: 700;
}

.contact-page-form .form-group label span {
  color: #ff6661;
}

.contact-page-form .form-group textarea {
  max-height: 160px;
  resize: none;
  width: 100%;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border: none;
  border-bottom: 1px solid #ebebeb;
  padding: 7px 0px;
}

.contact-page-form .form-group textarea::placeholder {
  color: #b4b4b4;
}

.contact-page-form .form-group .form-control {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ebebeb;
  color: var(--heading-color);
  background-clip: border-box;
  background-color: #fff;
  padding: 7px 0px;
  margin-bottom: 25px;
}

.contact-page-form .form-group .form-control::placeholder {
  color: #b3b3b3;
  font-size: 14px;
}

.contact-page-form .form-group .submit-btn {
  color: #fff;
  display: inline-block;
  border: none;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in;
  font-weight: 600;
  position: relative;
}

#contact {
  z-index: 1;
  position: relative;
}

.contact-page-form .form-group .submit-btn.loading {
  cursor: not-allowed;
  opacity: 0.7;
}

.contact-page-form .form-group .submit-btn:disabled {
  cursor: not-allowed;
  opacity: 0.8;
}

.contact-page-form .form-group .submit-btn.style-01 {
  background-image: initial;
  border-radius: 5px;
  background-color: #ff6661;
}

.contact-page-form .form-group .submit-btn.style-01:hover {
  background-color: #fd2b6b;
}

.contact-success-message {
  display: inline-block;
  margin-right: 10px;
  color: #28a745;
  font-weight: 600;
  font-size: 14px;
}

.contact-page-form .btn-wrapper .boxed-btn {
  border: none;
}

/*----------------------------
    Quote Block With Sign
----------------------------*/

/*----------------------------
    Counterup Item
----------------------------*/

/*-------------------------
    Video With Image
-------------------------*/

/*--------------------------
    Video Play Button
--------------------------*/

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0;
  }
}

/*-------------------------
    Section Title
-------------------------*/

.section-title.white .title {
  color: #fff;
}

.section-title.white p {
  color: rgba(255, 255, 255, 0.7);
}

.section-title.white span {
  color: #fff;
}

.section-title.restaurant .title {
  font-size: 80px;
  line-height: 90px;
  font-weight: 700;
  color: #fbaf3f;
}

.section-title.meeem .title {
  font-size: 52px;
  line-height: 102px;
  font-weight: 700;
  color: #000629;
  word-spacing: -0.2em;
}

.section-title.meeem p {
  font-size: 14px;
}

.section-title.meeem.white .title {
  color: #fff;
}

.section-title.meeem.white span {
  color: #333;
  background-color: #fff;
}

.section-title.meeem.white span:hover {
  color: #fff;
  background-color: var(--secondary-color);
}

.section-title .title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 14px;
}

.section-title .title.social-title {
  font-size: 44px;
  line-height: 46px;
  font-weight: 800;
  word-spacing: -0.2em;
}

.section-title .title span {
  position: relative;
  z-index: 0;
}

.section-title .title span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 8px;
  left: 0;
  background-color: var(--main-color-two);
  z-index: -1;
}

.section-title .sub-title {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--body-font);
  color: var(--secondary-color);
}

.section-title p {
  font-size: 14px;
  font-weight: 500;
}

/*-------------------------
    Icon Box Item
-------------------------*/

@keyframes dotBlink {
  0% {
    opacity: 0.2;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.2;
  }
}

.single-icon-box-09 {
  display: flex;
  background-color: #fff;
  position: relative;
  z-index: 0;
  padding: 30px 30px 25px;
  transition: all 0.3s;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 0 103px 0 rgba(93, 136, 250, 0.5);
  border-radius: 10px;
}

.single-icon-box-09:hover {
  box-shadow: 0px 0px 13px 0px rgba(93, 136, 250, 0.5);
}

.single-icon-box-09:hover .icon {
  line-height: 80px;
  font-size: 40px;
  text-align: center;
  transform: rotate(0);
}

.single-icon-box-09 .icon {
  text-align: center;
  margin: auto;
  font-size: 60px;
  line-height: 80px;
  transition: all 0.3s;
  color: #f5aa67;
  display: inline-block;
  position: relative;
  margin-left: 20px;
  z-index: 0;
}

.single-icon-box-09 .content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}

.single-icon-box-09 .content p {
  transition: all 0.5s;
  font-size: 16px;
}

/*----------------------------------------
  ## Search Popup
----------------------------------------*/

/*--------------------------------
    Case Study 
--------------------------------*/

/*---------------------------
    Price Plan
---------------------------*/

/*------------------------------
    Testimonial Item
-----------------------------*/

.single-testimonial-item-07 {
  padding: 30px 40px 30px;
  position: relative;
  background-color: #fff;
}

.single-testimonial-item-07.style-01 {
  border: 1px solid #ff7364;
}

.single-testimonial-item-07 .icon {
  font-size: 40px;
  color: #ff7364;
  margin-bottom: 20px;
}

.single-testimonial-item-07 .icon.style-01 {
  color: #6ceefe;
}

.single-testimonial-item-07 .content {
  border-radius: 0 10px 10px 10px;
}

.single-testimonial-item-07 .content .description {
  font-size: 16px;
  line-height: 28px;
}

.single-testimonial-item-07 .content .author-details {
  margin-top: 50px;
  margin-bottom: 20px;
}

.single-testimonial-item-07 .content .author-details .author-meta {
  display: flex;
  align-self: flex-start;
  justify-content: space-between;
  flex: 1;
}

.single-testimonial-item-07 .content .author-details .author-meta .title {
  font-size: 16px;
  line-height: 24px;
  font-family: var(--body-font);
  color: var(--heading-color);
  font-weight: 700;
  margin-bottom: 0;
}

/*----------------------------
    Blog Grid Item
-----------------------------*/

.single-blog-grid-01 {
  position: relative;
  z-index: 0;
}

.single-blog-grid-01 .thumb {
  position: relative;
  z-index: 0;
  border-radius: 10px;
}

.single-blog-grid-01 .thumb img {
  border-radius: 10px;
  width: 100%;
}

.single-blog-grid-01 .thumb .news-date {
  padding: 8px 20px;
  border-radius: 20px;
  background-color: #ffe477;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}

.single-blog-grid-01 .thumb .news-date.style-01 {
  background-color: #ae39ff;
}

.single-blog-grid-01 .thumb .news-date.style-01 .title {
  color: #fff;
}

.single-blog-grid-01 .thumb .news-date .title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.single-blog-grid-01 .thumb .news-date.style-02 {
  background-color: #da3654;
}

.single-blog-grid-01 .thumb .news-date.style-02 .title {
  color: #fff;
}

.single-blog-grid-01 .thumb .news-date.style-03 {
  background-color: #7048c0;
}

.single-blog-grid-01 .thumb .news-date.style-03 .title {
  color: #fff;
}

.single-blog-grid-01 .content {
  padding: 50px 0 30px;
}

.single-blog-grid-01 .content .title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  transition: all 500ms;
  color: #000629;
}

.single-blog-grid-01 .content .title.style-01 {
  color: #fff;
}

.single-blog-grid-01 .content .title:hover {
  color: rgba(255, 255, 255, 0.8);
}

.single-blog-grid-01 .content .title.style-03:hover {
  color: #001175;
}

.single-blog-grid-01 .content .style-02 {
  font-size: 14px;
  color: #bdc1c9;
  padding-right: 68px;
}

/*------------------------------
    Case Category Item
------------------------------*/

/*-------------------------------
    Quote With Image
-------------------------------*/

/*---------------------------
Single package item
---------------------------*/

.frequently-area .section-title .title {
  font-size: 58px;
}

.frequently-area .section-title .title.style-01 {
  font-size: 48px;
}

.frequently-area .submit-btn {
  background-color: #007bcf;
  border: none;
  cursor: pointer;
}

.frequently-area .submit-btn:hover {
  background-color: #007bcf;
  border: none;
}

.frequently-area .content .title {
  font-size: 98px;
  line-height: 90px;
  color: var(--heading-color);
  font-weight: 600;
  margin-bottom: 50px;
}

.frequently-area .content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  max-width: 450px;
}

@keyframes btnAnime {
  5% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1.5);
  }

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

.choose-single-item:hover .icon {
  animation: btnAnime 0.6s ease forwards;
}

.choose-single-item .icon {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 25px;
  color: #fff;
  background-color: #6600f2;
  margin-bottom: 20px;
  cursor: pointer;
}

@keyframes btnAnime {
  5% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1.5);
  }

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

.choose-single-item .icon.style-01 {
  background-color: #fb3c7f;
}

.choose-single-item .icon.style-02 {
  background-color: #00d280;
}

.choose-single-item .icon.style-03 {
  background-color: #fbab2f;
}

.choose-single-item .content .title {
  font-size: 40px;
  line-height: 45px;
  font-weight: 700;
}

.hard-single-item-02:hover .thumb::after {
  opacity: 1;
  visibility: visible;
}

.hard-single-item-02:hover .thumb .content {
  opacity: 1;
  visibility: visible;
}

.hard-single-item-02 .thumb {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 460px;
  border-radius: 5px;
  position: relative;
  z-index: 0;
  transition: all 500ms ease-out;
}

.hard-single-item-02 .thumb canvas {
  position: initial;
}

.hard-single-item-02 .thumb:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease-out;
  background: linear-gradient(to top, rgba(21, 21, 41, 0.7) 30%, rgba(255, 0, 0, 0) 60%);
}

.hard-single-item-02 .thumb .content {
  position: absolute;
  bottom: 0;
  padding: 40px;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease-out;
}

.hard-single-item-02 .thumb .content .title {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}

/*--------------------------
  // Team Area
--------------------------*/

.advantege-work-area {
  position: relative;
}

.advantege-work-area .content .section-title .title {
  font-size: 42px;
  line-height: 50px;
  margin-bottom: 20px;
  font-weight: 700;
}

.advantege-work-area .content .section-title p {
  font-size: 16px;
  line-height: 26px;
  max-width: 500px;
}

.advantege-work-area .advantege-img {
  height: 912px;
  width: 740px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: -164px;
}

.advantege-work-area .advantege-img-02 {
  height: 300px;
  width: 100%;
  position: absolute;
  top: 196px;
  right: -72%;
  min-height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
}

.how-it-single-item-02 {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 30px;
  transition: all 500ms ease-in;
}

.how-it-single-item-02 .icon {
  font-size: 75px;
  line-height: 85px;
  color: #000;
  margin: auto;
  margin-bottom: 35px;
  height: 90px;
}

.how-it-single-item-02 .icon img {
  height: 100%;
}

.how-it-single-item-02 .content .title {
  font-size: 34px;
  word-spacing: -0.2em;
  font-weight: 700;
  color: #b55700;
  margin-bottom: 26px;
}

.how-it-single-item-02 .content p {
  color: #fff;
}

footer .notify-form .submit-btn {
  height: 45px;
}

footer .notify-form .form-group .form-control {
  font-size: 15px;
  height: 45px;
  color: #ae39ff;
}

footer .notify-form {
  margin: 0;
}

footer .header-content p {
  font-size: 16px !important;
  font-weight: bold;
  margin: 0;
  color: #fff !important;
  line-height: 45px;
}

footer .notify-form .submit-btn {
  background-color: #fd2b6b;
}

.usefulllinks li {
  margin-left: 1em !important;
}

.map-section .section-title p {
  line-height: 1.5em;
  margin-top: 70px;
}

/* Podcast header platforms icons */
.podcast-platforms {
  display: inline-block !important;
  vertical-align: middle;
  white-space: nowrap;
}

.podcast-platforms a {
  display: inline-block;
  margin-left: 5px;
}

.podcast-platforms img {
  height: 15px;
  width: auto;
  display: inline-block;
  opacity: 0.8;
  transition: transform 200ms ease, filter 200ms ease, opacity 200ms ease;
}

.podcast-platforms img:hover {
  opacity: 1;
  transform: scale(1.06);
}

/*--------------------------------------------------------------
	## Simple Modal
--------------------------------------------------------------*/
.simple-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  direction: rtl;
}

.simple-modal.active {
  display: block;
}

.simple-modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99998;
}

.simple-modal-content {
  position: relative;
  background-color: #fff;
  margin: 10% auto;
  padding: 0;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 99999;
  animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.simple-modal-body {
  padding: 25px;
  position: relative;
}

.simple-modal-close {
  position: absolute;
  top: 15px;
  left: 15px;
  background: none;
  border: none;
  font-size: 28px;
  color: #999;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  transition: all 0.3s;
  z-index: 10;
}

.simple-modal-close:hover {
  color: #333;
  transform: rotate(90deg);
}

.simple-modal-message {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  padding-top: 10px;
}










/* Medium Layout: 1200px. */

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

  .testimonial-area.bg-image-02 {
    margin-bottom: -290px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .testimonial-area.bg-image-02 {
    margin-bottom: -290px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .section-title.restaurant .title {
    font-size: 70px;
    line-height: 80px;
  }

  .section-title.meeem .title {
    font-size: 34px;
    line-height: 44px;
  }

  .header-area.audio-header .sass-bg-img {
    width: 650px;
    top: 25%;
    left: 4%;
  }

  .header-area.header-social .header-inner .title {
    font-size: 56px;
    line-height: 60px;
  }

  .blog-area .section-title .title {
    font-size: 36px;
  }

  .single-blog-grid-01 .content .title {
    font-size: 22px;
  }

  .advantege-work-area .content .section-title .title,
  .accoridions .section-title .title {
    font-size: 40px;
    line-height: 50px;
  }

  .single-icon-box-09 .content .title {
    font-size: 22px;
    line-height: 32px;
  }
}



/* Tablet Layout: 768px. */

@media only screen and (max-width: 991px) {
  .footer-top {
    flex-direction: column-reverse;
    padding-bottom: 0 !important;
  }

  .widget.widget_nav_menu ul {
    justify-content: center;
  }

  .widget.footer-widget {
    margin-bottom: 30px;
  }

  .testimonial-area.bg-image-02 {
    margin-bottom: -290px;
  }

  .navbar-area.nav-style-02 .nav-container .nav-right-content {
    display: none;
  }

  .section-title.restaurant .title {
    font-size: 56px;
    line-height: 66px;
  }

  .food-img.bg-image {
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .widget.footer-widget.widget_subscribe {
    display: block;
  }

  .create-content-area .trip-img.bg-image {
    background-position: center;
  }

  .create-content-area .section-title {
    max-width: initial;
  }

  .header-area {
    padding: 290px 0 355px;
  }

  .single-testimonial-item-07 .content .description {
    font-size: 22px;
    line-height: 32px;
  }

  .breadcrumb-area .icon {
    margin-bottom: 40px;
  }

  .breadcrumb-area .page-title {
    width: initial;
  }

  .fitness-app-img.wow.animate__.animate__zoomIn.animated {
    margin-bottom: 40px;
  }

  .section-title.meeem .title {
    font-size: 35px;
  }

  .single-blog-grid-01 .content .title {
    font-size: 22px;
  }

  .header-area.audio-header .sass-bg-img,
  .header-area.header-meeem .meeem-bg-img {
    display: none;
  }

  .header-area.header-social .header-inner .title.style-01 {
    font-size: 52px;
    max-width: none;
    line-height: 60px;
  }

  .create-content-area .section-title.audio-title {
    max-width: none;
    padding: 0 40px;
  }

  .create-content-area .content {
    padding-right: 40px;
  }

  .header-area.audio-header {
    padding-bottom: 50px;
    padding-top: 200px;
  }

  .advantege-work-area .content .section-title .title,
  .accoridions .section-title .title {
    font-size: 38px;
    line-height: 48px;
  }

  .single-icon-box-09 .content .title {
    font-size: 22px;
    line-height: 32px;
  }

  .create-audio-content {
    margin-bottom: 50px;
  }

  .advantege-work-area {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}

/* Tablet Layout wide: 768px. */

@media only screen and (max-width: 767px) {

  .header-area.header-meeem .header-inner .title {
    font-size: 52px;
    line-height: 62px;
  }

  .section-title.restaurant .title {
    font-size: 42px;
    line-height: 52px;
  }

  .section-title .title.social-title {
    font-size: 32px;
    line-height: 42px;
  }

  .how-it-single-item-02 {
    padding: 0;
  }

  .delight-customers-area .section-title .title,
  .online-order-area .section-title .title {
    font-size: 36px;
    line-height: 46px;
  }

  .footer-top .bg-img-02 {
    width: 140px;
    height: 140px;
    background-size: contain;
  }

  .header-area .title {
    font-size: 60px;
    line-height: 70px;
  }

  .contact-page-form {
    margin-top: 20px;
  }

  .breadcrumb-area .page-title.style-01 {
    font-size: 48px;
    line-height: 58px;
  }

  .section-title.meeem .title {
    font-size: 28px;
    line-height: 38px;
  }

  .header-area.header-meeem .meeem-bg-img {
    display: none;
  }

  .header-area.audio-header {
    padding-bottom: 50px;
    padding-top: 200px;
  }


  .frequently-area .section-title .title.style-01 {
    font-size: 44px;
    line-height: 54px;
  }
}


/* medium tablet layout 599px */

@media only screen and (max-width: 599px) {

  .header-area.header-social .header-inner .title {
    font-size: 52px;
    line-height: 62px;
  }

  .copyright-area .copyright-item {
    display: block;
  }

  .create-content-area .trip-img.bg-image {
    min-height: 410px;
  }

  .online-order-area.padding-bottom-120.padding-top-120 {
    padding-bottom: 60px;
  }

  .food-img.bg-image {
    min-height: 370px;
  }

  .fitness-app-area .content-wrap {
    display: block;
  }

  .fitness-app-area .content-wrap .content {
    margin-bottom: 10px;
  }

  .testimonial-area.bg-image-02 {
    background-size: cover;
  }

  .header-area.header-meeem {
    padding: 200px 0 200px;
  }

  .blog-area .section-title .title {
    font-size: 32px;
  }

  .header-area.header-social .header-inner .title.style-01 {
    font-size: 48px;
    line-height: 58px;
  }


  .frequently-area .section-title .title.style-01 {
    font-size: 36px;
    line-height: 46px;
  }

  .advantege-work-area .content .section-title .title,
  .accoridions .section-title .title {
    font-size: 32px;
    line-height: 42px;
  }

  .widget .recent_post_item li.single-recent-post-item {
    width: 100%;
  }
}

@media only screen and (max-width: 450px) {

  .header-area .title {
    font-size: 44px;
    line-height: 54px;
  }

  .header-area.header-meeem .header-inner .title {
    font-size: 38px;
    line-height: 48px;
  }

  .section-title .title {
    font-size: 28px;
    line-height: 38px;
  }

  .header-area.header-social .header-inner .title {
    font-size: 40px;
    line-height: 50px;
  }

  .section-title .title.social-title {
    font-size: 30px;
    line-height: 40px;
  }

  .breadcrumb-area .page-title,
  .breadcrumb-area .page-title.style-01 {
    font-size: 36px;
    line-height: 36px;
  }

  .section-title.restaurant .title {
    font-size: 38px;
    line-height: 48px;
  }

  .testimonial-area.padding-top-85.padding-bottom-120 {
    padding-top: 0;
  }

  .delight-customers-area .section-title .title,
  .online-order-area .section-title .title {
    font-size: 36px;
    line-height: 46px;
  }


  .frequently-area .section-title .title.style-01 {
    font-size: 32px;
    line-height: 42px;
  }

  .advantege-work-area .content .section-title .title,
  .accoridions .section-title .title {
    font-size: 30px;
    line-height: 40px;
  }

  .single-icon-box-09 .content .title {
    font-size: 20px;
    line-height: 30px;
  }

}


/* mobile tablet layout 414px */

@media only screen and (max-width: 414px) {
  .header-area .title {
    font-size: 40px;
    line-height: 50px;
  }

  .header-area.header-social .header-inner .title {
    font-size: 36px;
    line-height: 46px;
  }

  .section-title .title.social-title {
    font-size: 28px;
    line-height: 40px;
  }

  .header-area {
    padding: 200px 0 300px;
  }

  .header-area .btn-wrapper .boxed-btn {
    width: 100%;
  }

  .header-area .btn-wrapper .boxed-btn+.boxed-btn {
    margin-left: 0;
    margin-top: 20px;
  }

  .header-area.header-social .header-inner .title.style-01 {
    font-size: 42px;
    line-height: 52px;
  }

  .header-area.audio-header {
    padding: 250px 0 170px;
  }

  .section-title .title.social-title {
    font-size: 30px;
  }

  .create-content-area .section-title .audio-title {
    font-size: 32px;
  }

  .map-section .bg-image {
    display: none;
  }

  .map-section .content {
    margin: 0;
  }

  .header-area .btn-wrapper .boxed-btn {
    width: initial;
  }


  .frequently-area .content .title {
    font-size: 28px;
    line-height: 38px;
  }


  .frequently-area .content p {
    font-size: 14px;
    line-height: 24px;
  }
}


/* mobile tablet layout 375px */

@media only screen and (max-width: 384px) {

  .delight-customers-area .section-title .title,
  .online-order-area .section-title .title {
    font-size: 26px;
    line-height: 36px;
  }

  .food-img.bg-image {
    min-height: 330px;
  }

}


/* mobile tablet layout 360px */

@media only screen and (max-width: 360px) {
  .header-area .title {
    font-size: 32px;
    line-height: 42px;
  }

  .section-title .title.social-title {
    font-size: 26px;
    line-height: 36px;
  }

  .header-area.header-social .header-inner .title.style-01 {
    font-size: 36px;
    line-height: 46px;
  }

  .section-title .title.social-title {
    font-size: 25px;
    line-height: 35px;
  }

  .create-content-area .section-title .audio-title {
    font-size: 30px;
    line-height: 40px;
  }

  .blog-area .section-title .title {
    font-size: 30px;
  }

  .advantege-work-area .content .section-title .title,
  .accoridions .section-title .title {
    font-size: 25px;
    line-height: 35px;
  }

  .advantege-work-area .content .section-title p {
    font-size: 14px;
    line-height: 24px;
  }

  .accordion-wrapper .card .card-header a.white {
    font-size: 16px;
    line-height: 26px;
  }

  .accordion-wrapper .card .card-body.style-01 {
    padding: 20px;
  }
}

@media only screen and (max-width: 340px) {}


/* mobile tablet layout 320px */

@media only screen and (max-width: 330px) {}