/****************************
==============================
   Index
==============================

1.    Variable
2.    Mixins
3.    Base
4.    Utility

******************************/
/* ===========================
// Typography
==============================*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #646464;
}

/*==== heading fonts setup ====*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Lemon", sans-serif;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.25rem;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.375rem;
}

h6 {
  font-size: 1rem;
}

/*==== margin & paddings ====*/
.mt--5 {
  margin-top: 5px !important;
}

.pt--5 {
  padding-top: 5px !important;
}

.mb--5 {
  margin-bottom: 5px !important;
}

.pb--5 {
  padding-bottom: 5px !important;
}

.mt--10 {
  margin-top: 10px !important;
}

.pt--10 {
  padding-top: 10px !important;
}

.mb--10 {
  margin-bottom: 10px !important;
}

.pb--10 {
  padding-bottom: 10px !important;
}

.mt--15 {
  margin-top: 15px !important;
}

.pt--15 {
  padding-top: 15px !important;
}

.mb--15 {
  margin-bottom: 15px !important;
}

.pb--15 {
  padding-bottom: 15px !important;
}

.mt--20 {
  margin-top: 20px !important;
}

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

.mb--20 {
  margin-bottom: 20px !important;
}

.pb--20 {
  padding-bottom: 20px !important;
}

.mt--25 {
  margin-top: 25px !important;
}

.pt--25 {
  padding-top: 25px !important;
}

.mb--25 {
  margin-bottom: 25px !important;
}

.pb--25 {
  padding-bottom: 25px !important;
}

.mt--30 {
  margin-top: 30px !important;
}

.pt--30 {
  padding-top: 30px !important;
}

.mb--30 {
  margin-bottom: 30px !important;
}

.pb--30 {
  padding-bottom: 30px !important;
}

.mt--35 {
  margin-top: 35px !important;
}

.pt--35 {
  padding-top: 35px !important;
}

.mb--35 {
  margin-bottom: 35px !important;
}

.pb--35 {
  padding-bottom: 35px !important;
}

.mt--40 {
  margin-top: 40px !important;
}

.pt--40 {
  padding-top: 40px !important;
}

.mb--40 {
  margin-bottom: 40px !important;
}

.pb--40 {
  padding-bottom: 40px !important;
}

.mt--45 {
  margin-top: 45px !important;
}

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

.mb--45 {
  margin-bottom: 45px !important;
}

.pb--45 {
  padding-bottom: 45px !important;
}

.mt--50 {
  margin-top: 50px !important;
}

.pt--50 {
  padding-top: 50px !important;
}

.mb--50 {
  margin-bottom: 50px !important;
}

.pb--50 {
  padding-bottom: 50px !important;
}

.mt--60 {
  margin-top: 60px !important;
}

.pt--60 {
  padding-top: 60px !important;
}

.mb--60 {
  margin-bottom: 60px !important;
}

.pb--60 {
  padding-bottom: 60px !important;
}

.mb--24 {
  margin-bottom: 24px !important;
}

/*==== gutter ====*/
.gutter-10 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.gutter-10 > li,
.gutter-10 > div {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.gutter-20 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.gutter-20 > li,
.gutter-20 > div {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.gutter-30 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
.gutter-30 > li,
.gutter-30 > div {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.gutter-40 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.gutter-40 > li,
.gutter-40 > div {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.gutter-50 {
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}
.gutter-50 > li,
.gutter-50 > div {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.gutter-60 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
.gutter-60 > li,
.gutter-60 > div {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.gutter-70 {
  margin-top: -35px !important;
  margin-bottom: -35px !important;
}
.gutter-70 > li,
.gutter-70 > div {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.gutter-24 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.gutter-24 > li,
.gutter-24 > div {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.gutter-15 {
  margin-top: -7.5px !important;
  margin-bottom: -7.5px !important;
}

.gutter-15 > li,
.gutter-15 > div {
  padding-top: 7.5px !important;
  padding-bottom: 7.5px !important;
}

.gutter-10 {
  margin: -5px !important;
}

.gutter-10 > li,
.gutter-10 > div {
  padding: 5px !important;
}

.rt-gutter-5 {
  margin: -2.5px !important;
}

.rt-gutter-5 > li,
.rt-gutter-5 > div {
  padding: 2.5px !important;
}

.rt-gutter-10 {
  margin: -5px !important;
}

.rt-gutter-10 > li,
.rt-gutter-10 > div {
  padding: 5px !important;
}

.rt-gutter-20 {
  margin: -10px !important;
}

.rt-gutter-20 > li,
.rt-gutter-20 > div {
  padding: 10px !important;
}

.rt-gutter-30 {
  margin: -15px !important;
}

.rt-gutter-30 > li,
.rt-gutter-30 > div {
  padding: 15px !important;
}

/*==== text color & bg color ====*/
.text--primary {
  color: #f43127 !important;
}

.bg--primary {
  background-color: #f43127 !important;
}

.text--white {
  color: #fff !important;
}

.bg--white {
  background-color: #fff !important;
}

.text--black {
  color: #000 !important;
}

.bg--black {
  background-color: #000 !important;
}

.text--gray {
  color: #f6f6f6 !important;
}

.bg--gray {
  background-color: #f6f6f6 !important;
}

/*============================ 
// Global styles
=============================*/
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

a:link,
a:visited,
a:focus {
  text-decoration: none;
  outline: 0;
}

a {
  color: #f43127;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: #f43127;
}

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

input,
textarea,
select,
:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.section-padding {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media (max-width: 991px) {
  .section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

section,
.section {
  position: relative;
}

@media (min-width: 1200px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1170px;
  }
}
/*======================
// back-to-top
========================*/
#back-to-top {
  font-size: 1rem;
  color: #fff;
  background: #fcb302;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 999;
  display: none;
  cursor: pointer;
  overflow: hidden;
}
#back-to-top i {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#back-to-top:hover {
  color: #fff;
  background: #ac1109;
}
#back-to-top:hover i {
  -webkit-animation: toBottomFromTop 0.5s forwards;
          animation: toBottomFromTop 0.5s forwards;
}

@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
/*==================================
//  section heading
================================*/
.section-heading {
  margin-bottom: 40px;
}
.section-heading .title-icon {
  margin-bottom: 20px;
}
.section-heading .section-title {
  margin-bottom: 15px;
}
.section-heading .section-title .underline {
  position: relative;
  display: inline-block;
  z-index: 1;
  font-size: inherit;
  font-weight: inherit;
}
.section-heading .section-title .underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 9px;
  background-color: #fa9e99;
  z-index: -1;
}
@media (max-width: 767px) {
  .section-heading .section-title {
    font-size: 1.875rem;
  }
}
.section-heading p:last-of-type {
  margin-bottom: 0;
}

/*=============================
// Utility Class
=============================*/
.image-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.img-link {
  width: 100%;
  height: 100%;
}

.after-before, .preview-box-style-1 .item-img > a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.anim-overflow {
  display: block;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

/*=================================
// button
=================================*/
.rt-btn, .rt-btn-2, .rt-btn-1 {
  font-size: 1.0625rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
  border-radius: 30px;
  height: 60px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  padding: 0 33px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 7px 29px 0px rgba(255, 0, 0, 0.45);
          box-shadow: 0px 7px 29px 0px rgba(255, 0, 0, 0.45);
  z-index: 4;
}
.rt-btn:focus, .rt-btn-2:focus, .rt-btn-1:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rt-btn::before, .rt-btn-2::before, .rt-btn-1::before {
  position: absolute;
  content: "";
  left: inherit;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 0;
  border-radius: 30px;
  -webkit-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}
.rt-btn::after, .rt-btn-2::after, .rt-btn-1::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  z-index: -2;
  height: 100%;
  width: 100%;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rt-btn:hover::before, .rt-btn-2:hover::before, .rt-btn-1:hover::before {
  width: 100%;
  right: inherit;
  left: 0;
}

.rt-btn-1 {
  color: #fff;
}
.rt-btn-1::before {
  background-color: #fcb302;
}
.rt-btn-1::after {
  background-color: #f43127;
}
.rt-btn-1:hover {
  color: #fff;
}

.rt-btn-2 {
  color: #fff;
  cursor: pointer;
}
.rt-btn-2::before {
  background-color: #fcb302;
}
.rt-btn-2::after {
  background-color: #f43127;
}
.rt-btn-2:hover {
  color: #fff;
}

.bouncing-bubble-animation {
  -webkit-animation: bouncebubble infinite 5s;
  animation: bouncebubble infinite 5s;
}

@-webkit-keyframes bouncebubble {
  1% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bouncebubble {
  1% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/*==================================
// Banner
===================================*/
.banner {
  background-color: #111111;
  min-height: 936px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .banner {
    min-height: 700px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 80px 0;
  }
}
.banner .element-list li:nth-child(1) {
  left: 10%;
  top: 10%;
}
@media (max-width: 1700px) {
  .banner .element-list li:nth-child(1) {
    left: 60px;
    top: 0;
  }
}
@media (max-width: 1366px) {
  .banner .element-list li:nth-child(1) {
    left: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .banner .element-list li:nth-child(1) {
    left: -5%;
    top: -5%;
  }
}
.banner .element-list li:nth-child(2) {
  right: 10%;
  top: -40px;
}
@media (max-width: 1700px) {
  .banner .element-list li:nth-child(2) {
    right: 0;
  }
}
@media (max-width: 1199px) {
  .banner .element-list li:nth-child(2) {
    right: -18%;
    top: -10%;
  }
}
.banner .element-list li:nth-child(3) {
  left: 20%;
  top: 46%;
}
@media (max-width: 1199px) {
  .banner .element-list li:nth-child(3) {
    left: 0;
    top: 50%;
  }
}
.banner .element-list li:last-child {
  left: 0;
  bottom: -112px;
}
.banner .banner-img-list li {
  position: absolute;
  z-index: -1;
}
.banner .banner-img-list.style-2 li:nth-child(1) {
  left: -8%;
  top: 40px;
}
@media (max-width: 1700px) {
  .banner .banner-img-list.style-2 li:nth-child(1) {
    left: -15%;
  }
}
@media (max-width: 1366px) {
  .banner .banner-img-list.style-2 li:nth-child(1) {
    left: -20%;
  }
}
.banner .banner-img-list.style-2 li:nth-child(2) {
  right: -3%;
  top: 75px;
}
@media (max-width: 1700px) {
  .banner .banner-img-list.style-2 li:nth-child(2) {
    right: -10%;
  }
}
@media (max-width: 1366px) {
  .banner .banner-img-list.style-2 li:nth-child(2) {
    right: -20%;
  }
}

.banner-img1 {
  position: relative;
}
.banner-img1 .img-wrapper {
  display: inline-block;
  position: relative;
}
.banner-img1 .img-wrapper .left-shape,
.banner-img1 .img-wrapper .right-shape {
  position: absolute;
  top: -43px;
  left: 40px;
}
.banner-img1 .img-wrapper .left-shape img,
.banner-img1 .img-wrapper .right-shape img {
  -webkit-animation: bouncebubble infinite 5s;
  animation: bouncebubble infinite 5s;
}
.banner-img1 .img-wrapper .right-shape {
  left: auto;
  right: 28px;
}

.banner-content .logo {
  margin-bottom: 60px;
}
.banner-content .title {
  font-size: 3rem;
  color: #fff;
  margin-bottom: 40px;
}
.banner-content .title span {
  display: block;
  font-size: 2.25rem;
}
.banner-content .btn-wrap {
  margin-top: 60px;
}
.banner-content.style-1 {
  padding-top: 80px;
}
@media (max-width: 1700px) {
  .banner-content.style-1 {
    padding-top: 40px;
  }
}
@media (max-width: 1199px) {
  .banner-content.style-1 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .banner-content .logo {
    margin-bottom: 40px;
  }
  .banner-content .title {
    font-size: 2.25rem;
  }
  .banner-content .title span {
    font-size: 1.875rem;
  }
  .banner-content .btn-wrap {
    margin-top: 40px;
  }
}

.banner-img-wrap-style-2 {
  background-color: #f9f6f1;
  height: 100%;
  z-index: 2;
}
.banner-img-wrap-style-2 .banner-img-list li {
  position: absolute;
  z-index: -1;
}
.banner-img-wrap-style-2 .banner-img-list.style-1 li {
  position: absolute;
  z-index: -1;
}
.banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(1) {
  left: 20%;
  bottom: -8px;
}
.banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(1) img {
  border-radius: 6px;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0px 42px 237px 0px rgba(138, 130, 116, 0.29);
          box-shadow: 0px 42px 237px 0px rgba(138, 130, 116, 0.29);
}
@media (max-width: 1700px) {
  .banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(1) {
    display: none;
  }
}
.banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(2) {
  left: 42.3%;
  bottom: -40px;
}
.banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(2) img {
  border-radius: 6px;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0px 42px 237px 0px rgba(138, 130, 116, 0.29);
          box-shadow: 0px 42px 237px 0px rgba(138, 130, 116, 0.29);
}
@media (max-width: 1700px) {
  .banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(2) {
    left: 25%;
  }
}
@media (max-width: 1366px) {
  .banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(2) {
    left: 20%;
  }
}
.banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(3) {
  right: 18.5%;
  bottom: -4px;
}
@media (max-width: 1700px) {
  .banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(3) {
    right: 25%;
    bottom: 0;
  }
}
@media (max-width: 1366px) {
  .banner-img-wrap-style-2 .banner-img-list.style-1 li:nth-child(3) {
    right: 16%;
  }
}

.anim_delay_duration_1 {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
.anim_delay_duration_2 {
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
}
.anim_delay_duration_3 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.anim_delay_duration_4 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.anim_delay_duration_5 {
  -webkit-animation-duration: 1.1s;
          animation-duration: 1.1s;
}

/*===================================
// preview-section
====================================*/
.element-list li {
  position: absolute;
  z-index: -1;
}

.preview-section-style-1 {
  background-color: #f9f6f1;
  z-index: 1;
}
@media (min-width: 1200px) {
  .preview-section-style-1 .container,
.preview-section-style-1 .container-lg,
.preview-section-style-1 .container-md,
.preview-section-style-1 .container-sm,
.preview-section-style-1 .container-xl {
    max-width: 1534px;
  }
}
.preview-section-style-1 .element-list li:nth-child(1) {
  left: 25px;
  bottom: 90px;
}
.preview-section-style-1 .element-list li:nth-child(2) {
  right: 50px;
  top: 140px;
}

.preview-box-style-1 {
  position: relative;
  z-index: 1;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 29px 70px 0px rgba(198, 191, 179, 0.23);
          box-shadow: 0px 29px 70px 0px rgba(198, 191, 179, 0.23);
}
.preview-box-style-1 .item-img {
  position: relative;
  height: 445px;
  background-position: top;
  -webkit-transition: all 2.5s;
  transition: all 2.5s;
  background-size: 100%;
  background-color: #ebebeb;
  overflow: hidden;
  -webkit-box-shadow: inset 0px 3px 18px 0px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0px 3px 18px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-bottom: 20px;
}
.preview-box-style-1 .item-img > a {
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
.preview-box-style-1 .item-img > a::after {
  background-color: rgba(0, 0, 0, 0.502);
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
}
.preview-box-style-1 .item-img .text {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2.5rem;
  color: #fff;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.preview-box-style-1 .item-img.hover-active > a::after {
  visibility: visible;
  opacity: 1;
}
.preview-box-style-1 .item-img:hover {
  background-position: bottom;
}
.preview-box-style-1 .item-img:hover > a::after {
  visibility: visible;
  opacity: 1;
}
.preview-box-style-1 .item-content .title {
  font-size: 1.25rem;
  color: #000;
}
.preview-box-style-1 .item-content .title a {
  color: inherit;
}
.preview-box-style-1 .item-content .title a:hover {
  color: #fcb302;
}

/*preview-section-style-2*/
.preview-section-style-2 {
  z-index: 1;
  background-image: linear-gradient(54deg, #3f2872 0%, #e12a5e 100%);
}
.preview-section-style-2 .element-list li:nth-child(1) {
  left: 21.5%;
  top: 27%;
}
.preview-section-style-2 .element-list li:nth-child(2) {
  right: 20%;
  top: 40%;
}
.preview-section-style-2 .element-list li:nth-child(3) {
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.preview-section-style-2 .element-list li:nth-child(4) {
  left: 0;
  bottom: -112px;
}

.elementor-prev-img {
  background-color: #f9f6f1;
  -webkit-box-shadow: 0px 29px 87px 0px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 29px 87px 0px rgba(0, 0, 0, 0.31);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.elementor-prev-img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/*preview-section-style-3*/
.preview-section-style-3 {
  padding-top: 130px;
}
@media (max-width: 991px) {
  .preview-section-style-3 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .preview-section-style-3 {
    padding-top: 60px;
  }
}
.preview-section-style-3 .element-list li:nth-child(1) {
  left: 0;
  bottom: 0;
}
.preview-section-style-3 .element-list li:nth-child(2) {
  right: 11%;
  bottom: -34%;
}
.preview-section-style-3 .element-list li:nth-child(3) {
  right: 20%;
  top: 20%;
}
.preview-section-style-3 .element-list li:nth-child(4) {
  right: 0;
  bottom: 0;
}

@media (min-width: 1200px) {
  .resoponsive-img-wrap.style-1 {
    margin-right: -120px;
  }
}

.preview-section-style-4 {
  background-color: #fffbf2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 1200px) {
  .preview-section-style-4 .container,
.preview-section-style-4 .container-lg,
.preview-section-style-4 .container-md,
.preview-section-style-4 .container-sm,
.preview-section-style-4 .container-xl {
    max-width: 1534px;
  }
}

.preview-box-style-2 .item-img {
  border-radius: 10px;
  -webkit-box-shadow: 0px 17px 40px 0px rgba(130, 103, 44, 0.36);
          box-shadow: 0px 17px 40px 0px rgba(130, 103, 44, 0.36);
}
.preview-box-style-2 .item-img img {
  border-radius: 10px;
}

.preview-section-style-5 {
  background-color: #f71010;
  z-index: 1;
}
@media (min-width: 1400px) {
  .preview-section-style-5 .container,
.preview-section-style-5 .container-lg,
.preview-section-style-5 .container-md,
.preview-section-style-5 .container-sm,
.preview-section-style-5 .container-xl {
    max-width: 1700px;
  }
}
.preview-section-style-5 .element-list li:nth-child(1) {
  left: 0;
  top: 80px;
}
.preview-section-style-5 .element-list li:nth-child(2) {
  right: 0;
  top: 120px;
}
.preview-section-style-5 .element-list li:nth-child(3) {
  left: 28%;
  bottom: 0;
}
.preview-section-style-5 .element-list li:nth-child(4) {
  left: 0;
  bottom: -112px;
}

.preview-section-style-6 {
  z-index: 1;
}
.preview-section-style-6 .element-list li:nth-child(1) {
  left: 40%;
  top: 11%;
}
.preview-section-style-6 .element-list li:nth-child(2) {
  left: 35%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.preview-section-style-6 .element-list li:nth-child(3) {
  left: 37%;
  bottom: 30%;
}

@media (min-width: 1200px) {
  .responsive-heading-wrapper-2 .title-icon {
    margin-left: -80px;
  }
}

@media (min-width: 1200px) {
  .chefs-img-style-1 {
    margin-right: -100%;
  }
}

.preview-section-style-7 {
  background-color: #fcf9f1;
  z-index: 1;
}
@media (min-width: 1200px) {
  .preview-section-style-7 .container,
.preview-section-style-7 .container-lg,
.preview-section-style-7 .container-md,
.preview-section-style-7 .container-sm,
.preview-section-style-7 .container-xl {
    max-width: 1400px;
  }
}
.preview-section-style-7 .element-list li:nth-child(1) {
  left: 25px;
  bottom: 60px;
}
.preview-section-style-7 .element-list li:nth-child(2) {
  right: 0;
  top: 120px;
}
.preview-section-style-7 .element-list li:nth-child(3) {
  left: 0;
  bottom: -112px;
}

.preview-section-style-8 {
  background-color: #222;
  z-index: 1;
}
.preview-section-style-8 .element-list li:nth-child(1) {
  left: 0;
  top: 120px;
}
.preview-section-style-8 .element-list li:nth-child(2) {
  right: 120px;
  bottom: 120px;
}

.feature-box-style-1 {
  border-radius: 8px;
  background-color: white;
  -webkit-box-shadow: 0px 17px 65px 0px rgba(0, 0, 0, 0.17);
          box-shadow: 0px 17px 65px 0px rgba(0, 0, 0, 0.17);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.feature-box-style-1 img {
  border-radius: 8px;
}
.feature-box-style-1:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}

.rt-feature-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.rt-feature-grid.style-1 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 991px) {
  .rt-feature-grid.style-1 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .rt-feature-grid.style-1 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .rt-feature-grid.style-1 {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .rt-feature-grid.style-1 .rt-grid-item:last-child {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
}

/*================================
//footer
=================================*/
.footer {
  background-color: #f3f3f3;
  min-height: 290px;
}

.copy-text {
  color: #929292;
  font-size: 1rem;
  font-weight: 400;
}
.copy-text a {
  color: inherit;
}
.copy-text a:hover {
  color: #f43127;
}