@charset "UTF-8";
/*!
 * Nilo Slider - Creative Slider For Elementor WordPress
 * Author: Web_Trendy
 * Copyright 2021 © Web_Trendy (https://themeforest.net/user/web_trendy/portfolio)
 * Licensed under Envato (https://themeforest.net/licenses/standard)
 *
 * "Love is out mother, we are born of LOVE!" --Rumi
 *
 */
/*------------------------------------------------------------------
[Table of contents]

	1.0 Variables
	2.0 General Styles
	3.0 Home Page Styles

	10.0 Animations
	11.0 Media Queries

-------------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Variables
--------------------------------------------------------------*/
:root {
  --ns-bg: #231E23;
  --ns-color: white;
  --background-gradient: linear-gradient(90deg, #de534a, #ec7209); }

/*--------------------------------------------------------------
2.0 General Styles
--------------------------------------------------------------*/
.border-radius-theme {
  border-radius: 15px; }

/*--------------------------------------------------------------
3.0 Home Page Styles
--------------------------------------------------------------*/
body.home {
  background-color: var(--ns-bg);
  color: var(--ns-color);
  overflow-x: hidden; }
  body.home .ns-card {
    padding: 20px;
    border-radius: 15px;
    background-image: radial-gradient(circle 597px at 93% 9.8%, #ff3d59 1.7%, #fcfb2c 97%); }
  body.home section.top .swiper-image {
    width: 100%;
    height: auto; }
  body.home section.top .swiper-title {
    width: 80%;
    height: 250px;
    font-size: 5rem;
    color: black;
    text-align: center;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black; }
  body.home section.top .slider-wrapper {
    position: relative; }
    body.home section.top .slider-wrapper .title-slider-wrapper {
      pointer-events: none;
      position: absolute;
      top: calc(50% - 125px);
      width: 100%; }
  body.home section.top .swiper-pagination {
    font-size: 0.8rem; }
  body.home section.top .image-wrapper {
    position: relative;
    width: 400px;
    height: 500px; }
  body.home section.top .img-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
    overflow: hidden; }
    body.home section.top .img-main .inner {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      -webkit-transition-delay: 5000ms;
              transition-delay: 5000ms; }
  body.home section.top .img-left {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    -webkit-transform-origin: 50% 1000%;
            transform-origin: 50% 1000%;
    -webkit-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    z-index: -1; }
    body.home section.top .img-left .inner {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat; }
  body.home section.top .img-right {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    -webkit-transform-origin: 50% 1000%;
            transform-origin: 50% 1000%;
    -webkit-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    z-index: -1; }
    body.home section.top .img-right .inner {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat; }
  body.home section.top .inner {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8); }
  body.home section.top .text-wrapper {
    position: absolute;
    bottom: 50px;
    left: calc(100% + 10px);
    font-size: 0.8rem;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: black; }
    body.home section.top .text-wrapper .text-main {
      font-weight: bold;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      background-color: white;
      padding: 0 5px;
      margin: 2px; }
    body.home section.top .text-wrapper .text-sub {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      background-color: white;
      padding: 0 5px;
      margin: 2px; }
  body.home section.top .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  body.home section.top .swiper-slide-active .img-main {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: -webkit-transform 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  body.home section.top .swiper-slide-active .img-main .inner {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  body.home section.top .swiper-slide-active .img-left {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms; }
  body.home section.top .swiper-slide-active .img-right {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms; }

/*Details Section*/
section.details .logo {
  width: 50px; }

/*Features Section*/
section.features .feature-wrapper .content {
  position: relative; }
  section.features .feature-wrapper .content:before {
    content: '';
    background: var(--background-gradient);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
section.features .feature-wrapper .header {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }
section.features .feature-wrapper .description {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }
section.features .feature-wrapper:hover .content:before, section.features .feature-wrapper:focus .content:before {
  height: calc(100% + 50px); }
section.features .feature-wrapper:hover .header, section.features .feature-wrapper:focus .header {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px); }
section.features .feature-wrapper:hover .description, section.features .feature-wrapper:focus .description {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
  opacity: 1; }

/*Other Products Section*/
section.products .product-wrapper {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }
  section.products .product-wrapper:hover, section.products .product-wrapper:focus {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }

/*--------------------------------------------------------------
14.0 Footer
--------------------------------------------------------------*/
footer.site-footer {
  background: var(--background-gradient);
  color: black;
  font-size: 90%; }
  footer.site-footer .logo {
    width: 200px; }
  footer.site-footer svg.banner {
    margin-top: -10px; }
    footer.site-footer svg.banner path {
      fill: var(--ns-bg); }
  footer.site-footer .mini {
    font-size: 90%;
    font-weight: 500; }
  footer.site-footer a {
    text-decoration: none;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    font-weight: 300;
    color: black; }
    footer.site-footer a:hover, footer.site-footer a:focus {
      color: white; }
  footer.site-footer .cp {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    footer.site-footer .cp a {
      color: #f2eee0; }
      footer.site-footer .cp a:hover, footer.site-footer .cp a:focus {
        color: #f2eee0; }

/*--------------------------------------------------------------
10.0 Animations
--------------------------------------------------------------*/
@-webkit-keyframes anim-in {
  from {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  to {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
@keyframes anim-in {
  from {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  to {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
/*--------------------------------------------------------------
11.0 Media Queries
--------------------------------------------------------------*/
/* ------------ Mobile ----------- */
@media screen and (max-width: 767px) {
  body.home section.top .image-wrapper {
    width: 100%; }
  body.home section.top .img-left, body.home section.top .img-right {
    display: none; }
  body.home section.top .swiper-title {
    width: 90%;
    font-size: 3rem;
    font-weight: 700; }
  body.home section.top .text-wrapper {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }
/* ------------ iPads ----------- */

/*# sourceMappingURL=main.css.map */