/* @import url('https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css'); */
body{
    font-family:'Droid Arabic Naskh', serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family:'Droid Arabic Naskh', serif !important;  
}

#portfolio-items a{
    cursor: default;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
    color: inherit;
    font-variant-ligatures: common-ligatures;
    line-height: 1.8;
    padding: 0;
    margin: 0;
}


.row{
    margin-left: 0px;
}
.container-md{
   background-color: rgba(10,10,10,.5); 
   position: absolute;
   right: 0;
   width: 60%;
   padding: 22px;
   margin: 22px;
   margin-right: 46px;
}

.txt_cols1{
    margin-right: 22px;
}
.home .home-title {
    font-size: 52px;
    line-height: 78px;
    font-weight: 700;
    letter-spacing: 0px;
}
/* */
.home .title-top-animated{   
    color: #e469a5;
    font-size: 65px;
    line-height: 93px;
    font-weight: 700;
    letter-spacing: 0px;
} 

.title-top-animated{   
    color: #e469a5;
    font-size: 65px;
    line-height: 93px;
    font-weight: 700;
    letter-spacing: 0px;
} 

  .text-before{   
    background-color: #ff0036;

}  
  .text-after{   
    background-color: #98d204;
}  
  .text_note{   
    width: 85px;
    right: 10px;
    position: absolute;
    color: #fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    top: -24px;
    /* right: -10px; */
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    font-family: "Roboto";
    font-weight: 100;
    font-style: normal;
}  

.img_doc{
    padding-top: 0px; text-align: center; width:100%;
}
.img_doc img{
    width:70%;
}


.testim-inner .starts {
    max-width: 130px;
    border: 0px solid #efefef!important; 
    border-radius: 0!important;
    padding: 5px 5px;
    background-color: transparent!important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;
     display: inline-block!important;
}

.select1{
    display: block;
    font-size: 14px;
    width: 100%;
    height: auto;
    padding: 8px 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    -webkit-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s;
    transition: box-shadow .5s;
}

.top_block0{
    background: transparent;
    background: none;
}



   /**/
   blockquote {
  /* padding: 20px 60px; */
    /* background: #eee; */
    /* border-radius: 10px;
    font-family: arial;
    line-height: 1.625;
    position: relative;  */
    font-size: inherit;
    border-left: 0px solid #eee;
  }
/*   
  blockquote p {
    text-align: center;
  } */
  
  .title_icon{
    width: 72%;
    text-shadow: 1px 1px 4px #703a54;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    /* color: #8e8e8e; */
    /* color: #797979; */
    color: #703a54;
        margin-top: 0px; 
        padding-top: 0px;
    background:transparent;-
    background: none;
  }
  .title_icon .itext{
    padding-top: 10px;
  }
  .title_top2{
      margin-top: 0px;
  }

  blockquote p {
    position: relative;
    display: inline-block;
  }
  
  blockquote p:before {
    content: "“";
    font-size: 72px;
    /* color: #79b83a; */
    color: #828282;
    position: absolute;
    left: -40px;
    top: 0px;
    line-height: 0;
  }
  
  blockquote p:after {
    content: "”";
    font-size: 72px;
    /* color: #79b83a; */
    color: #828282;
    position: absolute;
    right: -40px;
    /* bottom: -10px; */
    bottom: -40px;
    line-height: 0;
  }













@media only screen and (max-height: 500px){
.home .home-title {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0px;
}
}

@media only screen and (max-width: 768px){
    .top_block0{
        background: #00000082;
        padding-bottom: 5px;
    }

    .block1 .title {
       color: #ffffff;
    }

    .block1 .left-block .item-block .item .itext {
       color: #ffffff;
    }

    .block1 .textline-block .txitem {
       color: #ffffff;
    }

    .block1 .left-block .item-block .item .itext {
        font-size: 12px;
        line-height: 22px;
        font-weight: 700;
    }
}

@media only screen and (max-width: 700px){
 
 .title_icon{
     /* color:#333333; */
     color: #ffffff;
         text-shadow: 2px 2px 4px #000000;
  margin-top: 22px;
  padding-top: 18px;
    background: rgba(32, 33, 33, 0.1803921568627451);
  }
  .title_top2{
      margin-top: 22px;
  }
    .txt_cols1 {
        margin-right: 2px;
    }
    
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
    }

    
    .home .title-top-animated{   
        color: #e469a5;
        font-size: 59px;
        line-height: 93px;
        font-weight: 700;
        letter-spacing: 0px;
    } 

   .title-top-animated{   
        color: #e469a5;
        font-size: 59px;
        line-height: 93px;
        font-weight: 700;
        letter-spacing: 0px;
    } 

.home .home-title {
    font-size: 25px;
    line-height: 42px;
    letter-spacing: 0px;
}
.img_doc{
    padding-top: 0px; text-align: center; width:100%;
}
.img_doc img{
    width:100%;
}

}

@media only screen and (min-width: 788px){
    .container-md{
        background-color:transparent; 

     }
}

@media only screen and (min-width: 640px){
.home .slick-arrow span:before {

    content: '';

}



.home .slick-arrow:hover span {
    width: 0px;
    left: -15px;
    opacity: 1;
    visibility: visible;
}

.home .slick-arrow:before, .home .slick-arrow:after {
     left: 29px; 
}




}