body {
    background: #DFD6C5;
    font-family: "Tajawal", sans-serif;
}
img{
    max-width:100%
}
@media(max-width:1199px){
    .header-main2 {
        background: #251e14
    }
}
.single-banner-1 .container {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
}
    .single-banner-1 .container .row {
        height: 100%;
    }
.banner-title {
    font-weight: 700;
    font-size: 64px;
    line-height: 1.2;
    color: #FFFFFF;
    text-align: center;
}
.banner-meta-text {
    font-weight: 400;
    margin-top: 30px;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    color: #FFFFFF;
}
.banner-area .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0000009e;

}
.banner-btn
{
    justify-content:center
}
.hm-btn {
    display: flex;
    background: #FFFFFF;
    border-radius: 12px;
    padding-top: 18px;
    padding-right: 24px;
    padding-bottom: 18px;
    padding-left: 24px;
    gap: 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 48px;
    color: #463619;
    text-align: center;
}
.hm-btn1 {
    background: #FFFFFF33;
    border: 1px solid #FFFFFF;
    display: flex;
    border-radius: 12px;
    border-width: 1px;
    padding-top: 17px;
    padding-right: 24px;
    padding-bottom: 17px;
    padding-left: 24px;
    gap: 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 48px;
    color: #FFFFFF;
    text-align: center;
}
    .hm-btn1:hover {
        background: #FFFFFF;
        color: #463619;
       
    }
    .title {
        font-weight: 700;
        font-size: 40px;
        line-height: 100%;
        color: #463619;
        text-align: center;
        color: #463619;
        margin-bottom: 30px;
    }
.title2
{
    font-size:32px;
    margin-bottom:50px;
}
.desc {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    color: #333333;
}
.aboutus{
    padding:60px 0
}
.video {
    margin-top: 50px;
    position: relative;
    margin-bottom: 50px;
}
.video img{
    border-radius:11px;
}
.btn-play {
    position: absolute;
    left: 0;
    right: 0px;
    text-align: center;
    margin-top: -45px;
    top: 50%
}
.testi .btn-play {
    right: 338px;
}
.shape-border {
    height: 1px;
    width: 100%;
    background: #463619
}
.shape ul li {
    width: 100%
}
.shape ul li:nth-child(2) {
    margin-left: 60px;
    margin-right: 60px;
    width: auto;
}
.text-center
{
    text-align:center
}
.steps
{
    padding:60px 0
}
.step {
    text-align: center;
    background: #FEFEFE78;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.step-data {
   
    padding: 30px 15px;
}
.step-title {
  
    font-weight: 700;
 
    font-size: 22px;

    line-height: 1.2;
  
    text-align: center;
    color: #463619;
}
.step-subtitle {

    font-weight: 400;
   
    font-size: 20px;
   
    line-height:1.4;
 margin-top:15px;
 margin-bottom:15px;
    text-align: center;
    color: #616161;
}
.btn-step {
    display: inline-flex;
    border-radius: 12px;
    padding-top: 13px;
    padding-right: 24px;
    padding-bottom: 13px;
    padding-left: 24px;
    gap: 10px;
    background: #463619;
    font-weight: 500;
    font-size: 21px;
    
    color: #FFFFFF;
    text-align: center;
}
.step  img{
    border-radius:12px;
    width:100%
}
.step .overlay {
    position: absolute;
    left: 0;
    right: 0;
    background: #46361978;
    top: 0;
    bottom: 0;
    border-radius: 12px;
}
.prods
{
    padding:60px 0
}
.prod {
    background: #FEFEFE78;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 20px 15px;
    text-align: center
}
.prod-title {
    
    font-weight: 700;
   
    font-size: 24px;
   min-height:70px;
    line-height: 1.4;
 margin-bottom:15px;
    text-align: center;
    color: #463619;
}
.prod-btn {
    background: #463619;
    border-radius: 12px;
    padding-top: 13px;
    padding-right: 24px;
    padding-bottom: 13px;
    padding-left: 24px;
  
    display: block;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
}
#owl-prods
{
    margin-top:50px;
}
.owl-theme .owl-dots .owl-dot span {
    background: #705c39;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #463619;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}
.prod-img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.testi {
    background: #D4C5A8;
    padding:60px 0 0
}
  
.testi-video {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.testi .btn-play
{
    z-index:1
}
.trust {
    border-radius: 12px;
    background: #463619;
    padding: 30px 44px;
    min-width: 528px;
    position: relative;
    z-index: 1
}
.trust-title {
   
    font-weight: 700;
 
    font-size: 32px;
  
    line-height: 100%;
margin-bottom:30px;
    
    color: #FFFFFF;
}
.trust-ul ul {
    list-style: none;
    padding-right: 0;
    padding-left: 0;
}
.trust-ul ul li:nth-child(odd) {
   margin-bottom:10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
  
    vertical-align: middle;
}
    .trust-ul ul li:nth-child(even) {
        margin-bottom: 10px;
        margin-bottom: 20px;
        font-weight: 300;
        font-size: 20px;
        color: #fff;
        line-height: 1.2;
    }
.testimonials {
    background: #FFFFFF;
    border-radius: 12px;
    width: 392px;
    position: absolute;
    left: 110px;
    bottom: 45px;
    padding-bottom: 10px;
    text-align: center;
}
.testi-desc {
  
    font-weight: 700;
    margin-top:5px;
    font-size: 16px;
   padding-left:12.5px;
   padding-right:12.5px;
    line-height:1.4;
   
    text-align: center;
    vertical-align: middle;
    color: #463619;
}
#owl-testi .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.testimonials > img {
    margin-top: -35px;
}
.testi .col-md-10{
    position:relative
}

.testi .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    inset: 0;
    background:
    /* تغميق خفيف على كامل العنصر */
    linear-gradient( rgba(0,0,0,0.18), rgba(0,0,0,0.18) ),
    /* الأطراف أغمق + الوسط فاتح */
    radial-gradient( ellipse at center, rgba(254,231,149,0.85) 0%, rgba(254,231,149,0.6) 40%, rgba(0,0,0,0.55) 85%, rgba(0,0,0,0.75) 100% );
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    backdrop-filter: blur(134px);
    opacity: 48%
}
.contact {
    background: #D4C5A8;
    padding:80px 0;
}
.contact-inner {
    background: #6C5429;
    padding: 40px 75px;
   position:relative;
  
border-radius:12px;
   
}
.contact-title {
   
    font-weight: 700;
   
    font-size: 32px;
   
    line-height: 100%;
    color:#fff;
  
    margin-bottom:20px;
}
.contact-subtitle {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.4;
  
}
.form-group
{
    margin-bottom:15px;
}
.form-control {
    display: flex;
    background: #F4F4F4;
    border-radius: 12px;
    border-width: 1px;
    padding-top: 12px;
    padding-right: 27px;
    padding-bottom: 12px;
    padding-left: 48px;
    gap: 10px;
    border: 1px solid #D6D6D6;
    font-weight: 400;
    font-size: 20px;
    color: #868686;
    text-align:right;
    direction:rtl;
    text-align: justify;
}
.btn-submit {
    display: flex;
    border-radius: 12px;
    padding-top: 13px;
    padding-right: 36px;
    padding-bottom: 13px;
    padding-left: 36px;
    gap: 10px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 24px;
    color: #463619;
    text-align: center;
}
.contact-shape {
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
}
.contact-inner .overlay {
    background: #6C5429;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index:1;
    opacity:0.7;
    border-radius:12px;
}
.contact-inner .row{
    position:relative;
    z-index:1
}
.footer {
    padding: 60px 0;
    background: #463619;
}
.footer-title {
   
    font-weight: 700;
   
    font-size: 28px;
   
    line-height: 100%;
   
  margin-bottom:30px;
    color: #FFFFFF;
}
.footer-subtitle {
 
    font-weight: 400;
    
    font-size: 18px;
   
    line-height: 32px;
    
   
    color: #FFFFFF;
}
.footer{
    direction:rtl
}
.footer-social
{
    list-style:none;
    padding-right:0;
    padding-left:0;
    display:flex;
    align-items:center;
    margin-top:30px;
}
.footer-social li{
    margin-left:15px;
}
    .footer-social li:last-child {
        margin-left: 0px;
    }
    .footer-social a {
        width: 41px;
        height: 41px;
        line-height: 41px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #D9D9D9;
        border-radius: 100%;
        color: #463619;
    }
.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;
      
        line-height: 100%;
      
       
        color: #FFFFFF;
    }
#subscribe .form-control {
    background: #DFD6C5;
    color: #463619;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}
#subscribe
{
    margin-top:30px;
    position:relative;
}
.btn-subscribe {
    background: #FFFFFF;
    line-height: 52px;
    height: 52px;
    position: absolute;
    left: 6px;
    width: 74px;
    text-align: center;
    border-radius: 12px;
    bottom: 5px;
}
.footer-contact ul
{
    list-style:none;
    padding-left:0;
    padding-right:0;
    display:flex;
    align-items:center;
    margin-bottom:10px;
}
.footer-contact ul li:first-child{
    padding-left:15px
}
    .footer-contact ul li:last-child a {
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        color: #FFFFFF;
    }
    @media(max-width:767px)
    {
        .mobile-hidden {
            display: none
        }
        .single-banner img{
            width:100%;
            max-width:100%
        }
    }
@media(min-width:768px) {
    .desk-hidden {
        display: none
    }
}
    @media(max-width:1199px)
    {
        .header2-logo img{
            max-height:50px;
        }
        .testimonials {
            margin-top: 45px;
            width: auto;
            position: relative;
            left: 0px;
            bottom: 0px;
            padding-bottom: 10px;
        }
        .banner-title {
           
            font-size: 32px;
          
        }
        .hm-btn {
            width: 260px;
            justify-content: center;
            font-size:18px;
            padding-top:10px;
            padding-bottom:10px;
        }
        .hm-btn1 {
            width: 260px;
            justify-content: center;
            font-size: 18px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .title {
            font-size: 32px;
            line-height: 1.4
        }
        .desc {
            font-size: 18px;
            line-height: 1.4
        }
        .btn-play img
        {
            max-height:50px;
          
        }
        .btn-play {
            margin-top: -25px;
        }
        .btn-step
        {
            font-size:16px;
        }
        .prods
        {
            padding-top:0
        }
        .trust {
            border-radius: 12px;
           
            padding: 30px 15px;
            min-width: auto;
          margin-bottom:30px;
        }
        .testi .btn-play {
            right: 0;
        }
        .testi
        {
            padding-bottom:0
        }
        .contact {
            background: #D4C5A8;
            padding: 60px 0;
        }
        .contact-inner {
         
            padding: 40px 30px;
          
          
        }
        .footer-title {
          
            font-size: 21px;
            
            margin-bottom: 20px;
          
        }
        .footer .col-md-2{
            margin-top:30px;
            margin-bottom:30px;
        }
        .footer .row .col-md-3:last-child
        {
            margin-top:30px;
        }
        .trust-title
        {
            font-size:24px;
        }
        .prod-title {
            font-size: 24px;
        }
        .prod-btn
        {
            font-size:18px
        }
        .steps .row .col-md-4 {
            margin-bottom: 30px
        }
        .steps .row .col-md-4:last-child{
            margin-bottom:0
        }
        .btn-submit
        {
            font-size:18px
        }
        .contact-subtitle
        {
            margin-bottom:30px
        }
        .prod-btn {
            padding-left:10px;
            padding-right:10px
        }
        .btn-step {
            padding-left: 10px;
            padding-right: 10px
        }
        .step-title
        {
            font-size:18px;
        }
        .step-title
        {
            font-size:21px;
        }
        .step-data {
            padding: 30px 10px;
        }
        .step-subtitle
        {
            font-size:18px;
            min-height:72px;
        }
    }
.btn-step:hover{
    color:#fff;
}
.btn-call {
    display: flex;
    position: fixed;
    left: 0;
    top: 404px;
    width: 145px;
    height: 51px;
   
    left: -100px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid #463619;
    background: #463619;
    justify-content: center;
    align-items: center;
    z-index: 11;
    direction: rtl;
    transition: left 0.4s ease-in-out, box-shadow 0.4s ease, transform 0.4s ease;
}
    .btn-call span {
        font-weight: 500;
        padding-right: 16px;
        font-size: 20px;
        line-height: 48px;
        color: #FFFFFF;
        min-width: 105px;
        display:inline-block
    }
.btn-call img{
    width:24px;
    height:24px;
}
    .btn-call:hover {
        left: 0px;
        transform: scale(1.03); /* تكبير خفيف */
        box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    }



.btn-whatsapp {
    display: flex;
    position: fixed;
    left: 0;
    top: 467px;
    width: 145px;
    height: 51px;
  
    left: -100px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid #463619;
    background: #463619;
    justify-content: center;
    align-items: center;
    z-index: 11;
    direction: rtl;
    transition: left 0.4s ease-in-out, box-shadow 0.4s ease, transform 0.4s ease;
}

    .btn-whatsapp span {
        font-weight: 500;
        padding-right: 16px;
        font-size: 20px;
        line-height: 48px;
        color: #FFFFFF;
        min-width: 105px;
        display: inline-block
    }

.btn-whatsapp img {
    width: 24px;
    height: 24px;
}

    .btn-whatsapp:hover {
        left: 0px;
        transform: scale(1.03); /* تكبير خفيف */
        box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    }
.prod-btn:hover{
    color:#fff;
}
.inner {
    position: relative;
}
    .inner .container {
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10;
    }
    .inner .row {
        height: 100%;
    }
.inner-title {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 64px;
line-height:1.4;
    text-align: center;
    color: #FFFFFF;
}
.inner-desc {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
  
    text-align: center;
    color: #FFFFFF;
}
.about
{
    padding:60px 0
}
#owl-about
{
    margin-top:50px;
}
#owl-about img{
    border-radius:10px;
}
.#owl-about
{
    margin-top:50px;
}
.vm {
    border: 2px solid #463619;
    border-radius:12px;
    padding:30px 60px;
}
.vm-title {
   
    font-weight: 700;
   
    font-size: 40px;
  margin-bottom:20px;
   line-height:1.4;
    text-align: center;
    color: #463619;
}
.vm-desc {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.4;
    text-align: center;
    color: #333333;
}
.about-sh
{
    margin-bottom:-2px;
}
.aparts {
    padding: 60px 0;
    background: #D4C5A8;
}
.aparts .title {
    color: #463619;
    margin-bottom:50px;
}
.apart
{
    text-align:center
}
.circle {
    width: 84px;
    height: 84px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    background: #DFD6C5;
    margin-top: -65px;
}
.apart-title {
    font-weight: 500;
    font-size: 21px;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.apart-desc {
    color: #333333;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    margin-top:15px;
}
.branches {
    padding-bottom: 60px;
    background: #D4C5A8;
}
    .branches .title {
        color: #463619;
        margin-bottom:50px;
    }
.mapcover {
    position: relative;
    width: 1110px;
    max-width:100%;
    height: 60px;
    background: #D4C5A8;
    margin-bottom: -60px;
    z-index: 11;
}
.map {
    margin-top: -45px;
}
@media(max-width:1199px)
{
    .inner-title
    {
        font-size:32px;
    }
    .inner-title {
        font-size: 32px;
    }
    .inner-desc {
        font-size: 20px;
    }
    .inner > img{
        width:100%;
    }
    .vm {
        padding: 30px 15px;
    }
    .vm-desc
    {
        font-size:18px;
    }
    .aparts .col-md-3{
        margin-bottom:30px;
    }
    .aparts .row .col-md-3:last-child {
        margin-bottom: 0px;
    }
    .vm-title
    {
        font-size:24px;

    }
}
.products
{
    padding:60px 0
}
.products .col-md-8 .col-md-6{
    margin-bottom:30px;
}
.form-products
{
    position:relative
}
.form-products .form-control {
    background: #FFFFFF1A;
    border: 1px solid #0000004D;
    height: 71px;
    line-height: 71px;
    font-weight: 400;
    font-size: 32px;
    color: #000000;
    padding-top: 0;
    padding-bottom: 0;
    gap: 0;
}
.btn-search {
    position: absolute;
    left: 10px;
    top: 10.5px;
}
.filter-title {
    font-weight: 500;
    font-size: 24px;
    color: #463619;
    margin-top: 30px;
    margin-bottom:20px;
}
.checkcontainer {
    display: block;
    position: relative;
   
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    .checkcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border:1px solid #463619;
}
.checkcontainer input:checked ~ .checkmark {
    border: 1px solid #000;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkcontainer .checkmark:after {
    right: 8px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}
.filter-check {
    padding-right: 35px;
   
    font-weight: 500;
 
    font-size: 24px;
   
  

    color: #000000;
}
.branch {
  border-radius:12px;
    background: #FEFEFE78;
}
    .branch img {
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    }
.branch-data
{
    padding:30px;
}
.branch-title {
 
    font-weight: 700;

    font-size: 21px;
 
margin-bottom:15px;

    text-align: center;
    color: #463619;
}
.branch-buttons
{
    list-style:none;
    padding-left:0;
    padding-right:0
}
.branch-buttons li:first-child{
    margin-bottom:15px;
}
    .branch-buttons li:first-child a {
        background: #463619;
        display: flex;
        border-radius: 12px;
        padding-top: 13px;
        padding-right: 24px;
        padding-bottom: 13px;
        padding-left: 24px;
        gap: 10px;
        font-weight: 500;
        font-size: 24px;
       
        color: #FFFFFF;
        text-align: center;
        justify-content:center;
        vertical-align: middle;
    }
    .branch-buttons li:last-child a {
        border: 2px solid #463619;
        display: flex;
        border-radius: 12px;
        padding-top: 13px;
        padding-right: 24px;
        padding-bottom: 13px;
        padding-left: 24px;
        gap: 10px;
        font-weight: 500;
        font-size: 24px;
        color: #463619;
        text-align: center;
        justify-content: center;
        vertical-align: middle;
    }
    @media(max-width:1199px)
    {
        .products .row .col-md-4:first-child
        {
            margin-bottom:30px;
        }
    }
.services-area
{
    padding:60px 0
}
.service-thumb img {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.service-single {
    background-color: #FEFEFE78;
    border-radius:12px;
}
.service-thumb  {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.contact-form .single-input-field input::placeholder {
    color: #535353
}
.contact-form .single-input-field textarea::placeholder {
    color: #535353
}
.blog-area
{
    padding:60px 0
}
.sp-area
{
    padding:60px 0
}
    .sp-area .sp-nav .zoompro-border {
        border: 1px solid #ebebeb;
    }
    .sp-area .sp-nav .sp-img_slider {
        padding: 0 30px;
        margin-top: 30px;
    }
    @media(max-width:1199px)
    {
        .video .row .col-md-4:first-child {
            margin-bottom:30px;
        }
    }
.materials
{
    padding:60px 0
}
.price-card-icon img{
    border-radius:100%
}
.flaticon-040-right {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.modal-content
{
    direction:rtl
}
.modal-header .btn-close
{
    position:absolute;
    left:15px;
}
@media(max-width:1199px)
{
    .contact-form-shape-1 {
      
        left: 0;
        right: auto;
        inset-inline-end: 0;
      
    }
    .sp-content 
    {
        margin-top:30px;
    }
    .price-card-default .fill-btn, .fill-btn {
        font-size: 18px;
    }
    .price-card-default .price-tag {
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .bd-section-title {
        font-size: 27px;
    }
    .meta-items-contact-form .meta-item-content p {
        font-size: 18px;
    }
}
.contact-form-area
{
    padding:60px 0
}