/*your custom css goes here*/ 

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&dismlay=swap');

[dir="rtl"] .home-slider img{
    transform: rotateY(180deg);
}

[dir="rtl"] .mt-banner-content {
    position: absolute;
    top: 25%;
    right: 50%;
    text-align: right;
    margin-right: -580px;
}
.la-spin{
  margin: 50px;
}

[dir="rtl"]  .btn-visit .button-text{
  margin: 0;
}

[dir="rtl"] body{
    font-family: 'Tajawal', sans-serif;
}

.pt-banner-content .pt-url {
    text-transform: inherit;
    color: #3e3e47;
    font-size: 13px;
    display: inline-block;
    background: none;
    padding: 10px 30px;
    margin-top: 70px;
    border: 2px solid #252531;
    text-transform: uppercase;
  }

[dir="rtl"] .pt-banner-content {
    position: absolute;
    top: 25%;
    right: 10%;
    text-align: right;
    /* margin-left: -580px; */
}
.pt-banner-content {
    position: absolute;
    top: 25%;
    left: 10%;
    text-align: left;
    /* margin-left: -580px; */
}

.pt-banner-content .pt-title1 {
    text-transform: uppercase;
    font-size: 36px;
    z-index: 0;
    width: 100%;
    color: #252531;
    font-weight: 200;
    margin: 0;
  }

.pt-banner-content .pt-title2 {
    text-transform: inherit;
    font-size: 48px;
    z-index: 0;
    color: #252531;
    font-weight: bold;
    margin: 0px;
      margin-bottom: 0px;
    margin-bottom: 13px;
    text-transform: uppercase;
}
  
.ml-sm-6,
.mx-sm-6,
.m-sm-6 {
    margin-left: 4rem;
}
.ml-sm-7,
.mx-sm-7,
.m-sm-7 {
    margin-left: 5rem;
}
.ml-sm-8,
.mx-sm-8,
.m-sm-8 {
    margin-left: 6rem;
}
.ml-sm-9,
.mx-sm-9,
.m-sm-9 {
    margin-left: 8rem;
}
.ml-sm-10,
.mx-sm-10,
.m-sm-10 {
    margin-left: 10rem;
}
.ml-sm-11,
.mx-sm-11,
.m-sm-11 {
    margin-left: 12rem;
}
.ml-sm-12,
.mx-sm-12,
.m-sm-12 {
    margin-left: 16rem;
}

.mr-sm-6,
.mx-sm-6,
.m-sm-6 {
    margin-right: 4rem;
}
.mr-sm-7,
.mx-sm-7,
.m-sm-7 {
    margin-right: 5rem;
}
.mr-sm-8,
.mx-sm-8,
.m-sm-8 {
    margin-right: 6rem;
}
.mr-sm-9,
.mx-sm-9,
.m-sm-9 {
    margin-right: 8rem;
}
.mr-sm-10,
.mx-sm-10,
.m-sm-10 {
    margin-right: 10rem;
}
.mr-sm-11,
.mx-sm-11,
.m-sm-11 {
    margin-right: 12rem;
}
.mr-sm-12,
.mx-sm-12,
.m-sm-12 {
    margin-right: 16rem;
}

.mt-sm-6,
.my-sm-6,
.m-sm-6 {
    margin-top: 4rem;
}
.mt-sm-7,
.my-sm-7,
.m-sm-7 {
    margin-top: 5rem;
}
.mt-sm-8,
.my-sm-8,
.m-sm-8 {
    margin-top: 6rem;
}
.mt-sm-9,
.my-sm-9,
.m-sm-9 {
    margin-top: 8rem;
}
.mt-sm-10,
.my-sm-10,
.m-sm-10 {
    margin-top: 10rem;
}
.mt-sm-11,
.my-sm-11,
.m-sm-11 {
    margin-top: 12rem;
}
.mt-sm-12,
.my-sm-12,
.m-sm-12 {
    margin-top: 16rem;
}

.mb-sm-6,
.my-sm-6,
.m-sm-6 {
    margin-bottom: 4rem;
}
.mb-sm-7,
.my-sm-7,
.m-sm-7 {
    margin-bottom: 5rem;
}
.mb-sm-8,
.my-sm-8,
.m-sm-8 {
    margin-bottom: 6rem;
}
.mb-sm-9,
.my-sm-9,
.m-sm-9 {
    margin-bottom: 8rem;
}
.mb-sm-10,
.my-sm-10,
.m-sm-10 {
    margin-bottom: 10rem;
}
.mb-sm-11,
.my-sm-11,
.m-sm-11 {
    margin-bottom: 12rem;
}
.mb-sm-12,
.my-sm-12,
.m-sm-12 {
    margin-bottom: 16rem;
}

.ml-sm-5px,
.mx-sm-5px,
.m-sm-5px {
    margin-left: 5px;
}
.ml-sm-10px,
.mx-sm-10px,
.m-sm-10px {
    margin-left: 10px;
}
.ml-sm-13px,
.mx-sm-13px,
.m-sm-13px {
    margin-left: 13px;
}
.ml-sm-14px,
.mx-sm-14px,
.m-sm-14px {
    margin-left: 14px;
}
.ml-sm-15px,
.mx-sm-15px,
.m-sm-15px {
    margin-left: 15px;
}
.ml-sm-20px,
.mx-sm-20px,
.m-sm-20px {
    margin-left: 20px;
}
.ml-sm-25px,
.mx-sm-25px,
.m-sm-25px {
    margin-left: 25px;
}
.ml-sm-30px,
.mx-sm-30px,
.m-sm-30px {
    margin-left: 30px;
}

.mr-sm-5px,
.mx-sm-5px,
.m-sm-5px {
    margin-right: 5px;
}
.mr-sm-10px,
.mx-sm-10px,
.m-sm-10px {
    margin-right: 10px;
}
.mr-sm-15px,
.mx-sm-15px,
.m-sm-15px {
    margin-right: 15px;
}
.mr-sm-13px,
.mx-sm-13px,
.m-sm-13px {
    margin-right: 13px;
}
.mr-sm-14px,
.mx-sm-14px,
.m-sm-14px {
    margin-right: 14px;
}
.mr-sm-20px,
.mx-sm-20px,
.m-sm-20px {
    margin-right: 20px;
}
.mr-sm-25px,
.mx-sm-25px,
.m-sm-25px {
    margin-right: 25px;
}
.mr-sm-30px,
.mx-sm-30px,
.m-sm-30px {
    margin-right: 30px;
}

.mt-sm-5px,
.my-sm-5px,
.m-sm-5px {
    margin-top: 5px;
}
.mt-sm-10px,
.my-sm-10px,
.m-sm-10px {
    margin-top: 10px;
}
.mt-sm-13px,
.my-sm-13px,
.m-sm-13px {
    margin-top: 13px;
}
.mt-sm-14px,
.my-sm-14px,
.m-sm-14px {
    margin-top: 14px;
}
.mt-sm-15px,
.my-sm-15px,
.m-sm-15px {
    margin-top: 15px;
}
.mt-sm-20px,
.my-sm-20px,
.m-sm-20px {
    margin-top: 20px;
}
.mt-sm-25px,
.my-sm-25px,
.m-sm-25px {
    margin-top: 25px;
}
.mt-sm-30px,
.my-sm-30px,
.m-sm-30px {
    margin-top: 30px;
}

.mb-sm-5px,
.my-sm-5px,
.m-sm-5px {
    margin-bottom: 5px;
}
.mb-sm-10px,
.my-sm-10px,
.m-sm-10px {
    margin-bottom: 10px;
}
.mb-sm-13px,
.my-sm-13px,
.m-sm-13px {
    margin-bottom: 13px;
}
.mb-sm-14px,
.my-sm-14px,
.m-sm-14px {
    margin-bottom: 14px;
}
.mb-sm-15px,
.my-sm-15px,
.m-sm-15px {
    margin-bottom: 15px;
}
.mb-sm-20px,
.my-sm-20px,
.m-sm-20px {
    margin-bottom: 20px;
}
.mb-sm-25px,
.my-sm-25px,
.m-sm-25px {
    margin-bottom: 25px;
}
.mb-sm-30px,
.my-sm-30px,
.m-sm-30px {
    margin-bottom: 30px;
}

button.close {
    background-color: transparent !important;
}

.home-slider .slick-slide {
    position: relative !important;
}

.newslitterform input{
    border-radius: 50px 0px 0px 50px;
}
.newslitterform button{
    border-radius: 0px 50px 50px 0px;
}

[dir="rtl"] .newslitterform input{
    border-radius: 0px 50px 50px 0px;
}
[dir="rtl"] .newslitterform button{
    border-radius: 50px 0px 0px 50px;
}


.static4_home1 {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ebebeb;
}

.static4_home1 .iner-box .icon {
    width: 70px;
    height: 54px;
    float: left;
}

.static4_home1 .iner-box .text h2 {
    margin: 0px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 5px;
    padding-top: 5px;
}

.static4_home1 .iner-box .icon span {
    display: none;
}

.static4_home1 .iner-box .text p {
    color: #676767;
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
}
[dir="rtl"] .static4_home1 .iner-box .icon {
    width: 70px;
    height: 54px;
    float: right;
}
@media (max-width: 915px) {
    .searchiconphone{
        position: absolute;
        right: 2%;
        width: 45px;
    }
    [dir="rtl"] .searchiconphone{
        position: absolute;
        left: 2%;
        width: 45px;
    }
    .pt-banner-content .pt-title1 {
        font-size: 20px;
    }
    
    .pt-banner-content .pt-title2 {
        font-size: 35px;
    }
   
    .home-slider .slick-slide {
        position: relative !important;
    }
    .home-slider img {
        height: 60vh;
        padding-top: 55%;
        background: #f6f6f6;
    }
    .pt-banner-content .pt-url{
        margin-top: 20px;
    }

}