﻿@font-face {
    font-family: 'LamaSans-Bold';
    src: url('../fonts/LamaSans-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'LamaSans-Light';
    src: url('../fonts/LamaSans-Light.otf') format('opentype');
}
@font-face {
    font-family: 'LamaSans-Medium';
    src: url('../fonts/LamaSans-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'LamaSans-Regular';
    src: url('../fonts/LamaSans-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'LamaSans-SemiBold';
    src: url('../fonts/LamaSans-SemiBold.otf') format('opentype');
}
body {
    font-family: 'LamaSans-Regular';
}
img{
    max-width:100%
}
.topbar {
    padding: 12px 0;
    direction: rtl;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.topbar .row .col-md-6:last-child ul{
    padding-left:0;
    display:flex;
    align-items:center;
    justify-content:end
}
    .topbar ul li{
        padding-right:40px;
    }
        .topbar ul li span {
            padding-right: 20px;
         direction:ltr;
         display:inline-block;
            font-weight: 500;
            
            font-size: 16px;
           
            line-height: 24px;
           
        }
    .topbar ul li a{
        display:flex;
        align-items:center
    }
        .topbar ul li i {
            color: #007D55;
            font-size:18px;
        }
.header-main2
{
    top:48px;
    direction:rtl
}.sticky{
     top:0
 }
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}
.main-menu ul li:nth-last-child(2) a {
    background: #FFA63B;
    color: #fff;
    width: 177px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    padding: 0;
    text-align: center;
}
.topbar .row .col-md-6:first-child ul {
    padding-left: 0;
    padding-right:0;
    display: flex;
    align-items: center;
    
}

.topbar ul li {
    padding-right: 20px;
}
main{
    direction:rtl
}
.single-banner-1 .container .row {
    height: 100%;
}
.single-banner-1 .container {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
}
.banner-title {
    text-align: center;
    color: #007D55;
    font-weight: 700;
    line-height: 1.2;
    font-size: 56px;
    margin-bottom: 20px;
}
.banner-meta-text {
    font-weight: 400;
    line-height: 1.2;
    font-size: 32px;
    max-width: 645px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #000000;
}
.arm-btn {
    background: #007D55;
    width: 216px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.banner-btn
{
    text-align:center
}
.quality
{
    padding-top:80px
}
.title {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    font-family: 'LamaSans-Bold';
    color: #007D55;
    margin-bottom:40px;
    line-height:1.2
}
.qa {
    background: #FFF4E7;
    border-radius:8px;
    padding:20px;
    text-align:center
}
.qa-title {
    font-weight: 700;
    font-size: 24px;
    font-family: 'LamaSans-Bold';
    line-height: 110.00000000000001%;
    color: #000000;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #000000;
}
.qa-desc {
    font-weight: 400;
    font-size: 16px;
    color: #585858;
    text-align: center;
    line-height:1.4
}
.desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
}
.home {
    padding: 80px 0 45px;
}
.text-center
{
    text-align:center
}
.text-left
{
    text-align:left
}
.home-imgs
{
    position:relative
}
.home-main {
    position: absolute;
    bottom: -45px;
    z-index: -1;
}
.home-imgs .row .col-md-4:first-child img{
    margin-right:30px;
}
.home-imgs .row .col-md-4:last-child img {
    margin-left: 30px;
}
.home-logo {
   bottom:-25px;
   position:absolute;
   left:0;
   right:0;
   margin-left:auto;
   margin-right:auto
}
.shopping
{
    padding:80px 0 0
}
.prod {
    background: linear-gradient( to left, #FFF4E7 0%, #FFF4E7 80.39%, #fff 80.39%, #fff 100% );
    padding: 30px 0;
    border-radius: 8px;
}
.prod-2 {
    background: linear-gradient( to right, #FFF4E7 0%, #FFF4E7 80.39%, #fff 80.39%, #fff 100% );
}
.prod-title {
    font-weight: 700;
    font-size: 28px;
    font-family: 'LamaSans-Bold';
    color: #FFA63B;
    line-height:1.2
}
.prod-desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #585858;
    margin-top: 20px;
    margin-bottom: 20px;
}
.prod-btn {
    background: #FFA63B;
    width: 177px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 20px;
    font-family: 'LamaSans-SemiBold';
    text-align: center;
    display:inline-block;
    color:#fff;
}
.trip {
    padding: 120px 0;
    overflow: hidden;
    position: relative;
    background: #017d55
}
.prod-left {
    padding: 35px;
    padding-top: 0;
    background: #007D55;
    border-radius:8px;
}
    .prod-left img {
        width: 100%;
        max-width: 100%;
        margin-top: -45px;
    }
.prod ul li:last-child
{
    width:100%
}
.prod-2 ul li:last-child {
    width: auto
}
.prod-2 ul li:first-child {
    width: 100%
}
.prod-right{
    padding-right:45px;
    padding-left:15px;
}
.prods
{
    margin-top:60px;
}
.prod{
    margin-bottom:40px;
}
.prod-left
{
    position:relative
}
    .prod-left img.leaf {
        position: absolute;
        margin-top: 0px;
        left: 0;
        top: 0;
        width: auto;
        left: -70px;
        top: -75px;
      
    }
.prod-1 .prod-left img.leaf {
    animation: translateX 10s linear infinite alternate;
}
.prod-2 .prod-left img.leaf {
    animation: translateY 10s linear infinite alternate;
}
.trip > img {
    position: absolute;
    top: 0;
    z-index: -1;
}
.video-title {
    font-weight: 700;
    font-size: 40px;
    font-family: 'LamaSans-SemiBold';
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom:20px;
}
.video-desc {

    font-weight: 400;
 
    font-size: 20px;
   
    line-height: 150%;

    color: #FFFFFF;
}
.btn-play {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: -95px;
}
.testi {
    position: relative;
    background: #efe7e5;
    padding:80px 0
}
.monials {
    background: url("/assets/img/testi/main.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 45px 0;
    border-radius: 8px;
}
.monials-right {
    background: #017d55;
    padding: 45px;
    width: 545px;
    border-radius: 12px;
    overflow:hidden;
    position:relative
}
.monials-title {
    font-weight: 600;
    font-size: 32px;
    font-family: 'LamaSans-SemiBold';
    color: #FFFFFF;
    line-height:1.2;
    margin-bottom:20px;
}
.monials-desc {
   
    font-weight: 400;
   
    font-size: 20px;
  
    color: #FFFFFF;
}
.monials-left
{
    max-width:375px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:10
}
.author-name {
    font-weight: 700;
    font-size: 14px;
    font-family: 'LamaSans-Bold';
    line-height: 140%;
    color: #000000;
    margin-bottom:5px;
}
.author-headline {
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    line-height: 140%;
}
.testi-box
{
    text-align:center;
    background:#fff;
    padding:13.5px;
    border-radius:12px;
    position:relative
}
.testi-desc {
 
    font-weight: 500;
  
    font-size: 18px;

    line-height: 140%;
 margin-bottom:15px;
 margin-top:10px;
    text-align: center;
}
.author li:first-child{
    padding-left:15px;
}
.author img{border-radius:100%}
.owl-carousel .owl-item img.quote {
    margin-top: -33px;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.owl-stage-outer
{
    padding-top:33px;
}
.testi-box
{
    margin-top:-17.5px
}
.monials > ul > li:last-child{
    width:100%
}
.header-main2.sticky
{
    background:#fff
}
.facts-title {
    font-weight: 700;
    font-family: 'LamaSans-Bold';
    font-size: 21px;
    margin-bottom: 10px;
    color: #FFFFFF;
    text-align: center;
}
.facts-desc {
    font-family: 'LamaSans-Light';
    font-weight: 300;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    line-height:1.4
}
.facts
{
    margin-top:30px;
}
.monials-right > img {
    position: absolute;
    top: 0;
    right: 0;
}

.contact-box {
    background: #FFA63B;
    padding: 45px;
    margin-top: -160px;
    position: relative;
    z-index:10
}
.contact-title {
    font-weight: 700;
    font-size: 32px;
    font-family: 'LamaSans-Bold';
    line-height: 150%;
    color: #007D55;
}
.contact-desc {
   margin-top:10px;
   margin-bottom:20px;
    font-weight: 400;
 
    font-size: 20px;
    line-height: 24px;
   
    color: #007D55;
}
.contact-ul ul{
    padding-left:0;
    list-style:none
}
.contact-ul ul li{
    margin-bottom:20px;
    
}
    .contact-ul ul li a {
        display: flex;
        align-items: center
    }
        .contact-ul ul li a span {
            font-weight: 500;
            font-size: 18px;
            font-family: 'LamaSans-Medium';
            line-height: 24px;
            color: #007D55;
            padding-right:15px;
        }
.form-group
{
    margin-bottom:20px;
}
.form-control {
    height: 53px;
    line-height: 53px;
    border-radius: 12px;
    padding-right: 27px;
    padding-left: 48px;
    border: 1px solid #D6D6D6;
    background: #F4F4F4;
    width: 100%;
    text-align: right;
}
textarea.form-control
{
    height:124px
}
.btn-submit {
    background: #007D55;
    width: 177px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 8px;
    margin-bottom: -180px;
}
.footer {
    direction: rtl;
    background: #007D55;
    position: inherit;
    padding: 80px 0 40px;
}
body {
    background: #efe7e5;
}
.contact {
    padding-bottom: 80px;
    background: #efe7e5;
}
.footer-social
{
    display:flex;
    list-style:none;
    padding-left:0;
    padding-right:0;
    align-items:center;
}
.footer-social li{
    padding-left:25px;
}
    .footer-social li:last-child{
        padding-left:0;
    }
    .footer-social li a {
        width: 41px;
        height: 41px;
        display: inline-block;
        text-align: center;
        line-height: 41px;
        background: #D9D9D9;
        border-radius: 100%
    }
        .footer-social li a i {
            color: #FFA63B;
            font-size: 21px;
            vertical-align: sub;
        }
.footer .row{
    padding-top:40px;
}
.footer-title {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff;
}
.footer-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 30px;
    color: #FFA63B;
}
.footer-ul
{
    list-style:none;
    padding-left:0;padding-right:0;
}
.footer-ul li{
    margin-bottom:15px;
}
    .footer-ul li:last-child{
        margin-bottom:0;
    }
    .footer-ul li a {
       
        font-weight: 400;
    
        font-size: 18px;
     
        color: #FFFFFF;
    }
#subscribe input {
    width: 100%;
    background: #00553A;
    width: 100%;
    height: 62px;
  
    border-radius: 12px;
    border:0;
    color:#fff;
    padding-right:15px
}
#subscribe
{
    position:relative
}
.btn-newsletter {
    position: absolute;
    width: 74px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 12px;
    left: 5px;
    background: #fff;
    border: 0;
    top: 5px;
}
#subscribe input::placeholder{
    color:#fff
}
.copyright-title {
 
    font-weight: 400;
 
    font-size: 16px;
   
 
    color: #FFFFFF;
}
.copyright {
    background: #007D55;
    padding:20px 0
}
@media(min-width:1200px) {
    .desk-hidden {
        display: none !important
    }
}
@media(max-width:1199px)
{
    .mobile-hidden{
        display:none !important
    }
    .topbar .row .col-md-6:first-child{
        display:none
    }
    .topbar ul li span {
        padding-right: 10px;
     
        font-size: 12px;
        line-height: 20px;
    }
    .topbar ul li i
    {
        font-size:14px
    }
    .header-main2 {
        top: 35px;
        
    }
    .header-main-content-wrapper
    {
        border-radius:0
    }
    .header-main2 {
        top: 40px;
       
        background: #fff;
    }
    .sticky {
        top: 0;
    }
    .header-main-left {
        margin-inline-start: 0px;
    }
    .banner-title
    {
        font-size:32px;
    }
    .banner-meta-text {
        font-size: 21px
    }
    .quality
    {
        padding-top:40px;
    }
    .home {
        padding: 40px 0 0px;
    }
    .shopping {
        padding: 40px 0;
    }
    .testi {
       
        padding: 40px 0 0;
    }
    .title
    {
        font-size:24px
    }
    .qa-title
    {
        font-size:21px;
    }
    .quality .row .col-md-4{
        margin-bottom:15px
    }
    .quality .row .col-md-3:last-child{
        margin-bottom:0
    }
    .desc {
      
        font-size:16px;
        
    }
    .home-imgs .row .col-md-4:first-child{
        display:none
    }
    .home-imgs .row .col-md-4:last-child {
        display: none
    }
    .home-main
    {
        display:none
    }
    .home-logo {
        bottom: 0;
        position: relative;
        max-width: 100px;
        margin-top: 15px;
    }
    .prod {
        background: #FFF4E7;
    }
    .prod ul{
        display:block !important
    }
    .prod-title {
      
        font-size: 24px;
       
    }
    .prods
    {
        margin-top:0
    }
    .prod-right {
        padding-right: 15px;
        padding-left: 15px;
    }
    .prod-left img {
        margin-top: 0;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
    .prod-left
    {
        background:transparent;
        text-align:center
    }
        .prod-left img.leaf
        {
            display:none;

        }
    .prod-desc
    {
        font-size:16px
    }
    .prod {
        margin-bottom: 20px;
    }
    .prod
    {
        text-align:center
    }
    .trip > img
    {
        display:none
    }
    .trip {
        padding: 40px 0 0;
       
    }
    .video-title
    {
        font-size:24px
    }
    .video-desc
    {
        margin-bottom:20px;
        font-size:16px
    }
    .btn-play img{
        max-width:80px;
    }
    .video-img
    {
        max-width:300px;
        margin-left:auto;
        margin-right:auto
    }
    .btn-play
    {
        margin-top:-45px
    }
    .monials {
        background: transparent;
        padding: 0
    }
    .monials-right > img
    {
        display:none
    }
   
    .monials-right {
       
        padding:30px 15px 0;
        width: auto;
      border-radius:0
    }
    .monials-title
    {
        font-size:24px
    }
    .monials-desc
    {
        font-size:16px;
    }
    .testi {
        background: #017d55;
    }
    .testi-box
    {
        margin-top:0
    }
    .owl-stage-outer {
        padding-top: 0px;
    }
  
    .contact
    {
        display:none
    }
    .contact-box {
        padding: 30px 15px;
        margin-top: 0px;
    }
    .footer {
     
        padding: 40px 0 40px;
    }
    .contact-title
    {
        font-size:24px;
    }
    .contact-desc
    {
        font-size:16px;
    }
    .contact-ul ul li a span {
        font-size: 16px;
    }
    .footer .row {
        padding-top: 0px;
    }
    .footer .col-md-4{
        margin-top:30px;
        margin-bottom:30px;
    }
    .footer .row .col-md-3:last-child{
        margin-top:30px;
    }
    .footer-title {
       
        font-size: 24px;
      
    }
    .footer-ul li a {
      
        font-size: 16px;
      
    }
    .copyright .text-left{
        text-align:right
    }
    .facts-title {
        font-size: 24px;
        margin-bottom: 0;
    }
    .facts-desc {
       
        font-size: 16px;
    
    }
    .facts .row .col-md-3 {
        margin-bottom: 20px;
    }
    .facts .row .col-md-3:last-child {
        margin-bottom: 0px;
    }
    .prod-btn
    {
        font-size:16px;
    }
    .mean-container .mean-nav ul li a
    {
        text-align:right
    }
    .offset-support
    {
        direction:rtl
    }
    .meta-item-content p a {
        direction: ltr;
        display: inline-block;
    }
    .offset-social .social-links
    {
        direction:rtl
    }
    .offset_searchbar
    {
        direction:rtl
    }
}
.contact-ul ul li:nth-child(2) span
{
    direction:ltr;
    display:inline-block
}
.mean-container .mean-nav
{
    margin-top:10px;
}
.banner-content1 .banner-title {
    opacity: 0;
    transform: translateY(-80px);
    transition: all 1000ms ease;
}
.swiper-slide-active .banner-title {
    opacity: 1;
    transform: translateY(0px);
}
.banner-content1 .banner-meta-text {
    opacity: 0;
    transform: translateY(80px);
    transition: all 800ms ease;
}
.swiper-slide-active .banner-meta-text {
    opacity: 1;
    transform: translateY(0px);
}
.single-banner-1 img{
    width:100%
}
@media(max-width:1199px)
{
    .banner-content1
    {
        margin-top:-100px
    }
}
@media(min-width:1200px)
{
    .prod-left > img:first-child
    {
        min-width:344px
    }
  
}
.hidden
{
    display:none !important
}
.main-menu ul li:nth-last-child(2) a:hover {
    color: #fff
}
.main-menu ul li a
{
    cursor:pointer
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #007D55;
}
@media(max-width:1199px)
{
.monials-left {
    max-width: 100%;
    margin-left: 0;
    margin-right:0 ;
 
}
.owl-carousel .owl-item img.quote {
    margin-top: 0;
    position: relative;
   
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FFA63B;
}
}