.ti-side-bx{
    color:#fff;
    text-align:right;
    font-weight:bold;
    padding-bottom:10px;    font-size: 36px;
}
.tx-sld-ce{
    max-width:85%;
    position:relative;
    margin:0 auto;
    direction:rtl;
}
.p-ti{
    text-align:justify;
    direction:rtl;
    font-size:14px;
    padding:15px 0;
    max-width:500px;
    float:right;
    line-height:34px;
}
.btn-sl-more{
    width: 194px;
    float: right;
    text-align: center;
    padding: 7px 0px 15px 0px;
    color: #fff;
    border-radius: 8px;
background: linear-gradient(to bottom,  rgba(1,211,202,1) 0%,rgba(1,211,202,1) 44%,rgba(1,186,180,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    margin-left: 20px;
    font-size: 15px;
}
.btn-sl-more:hover{
  background: linear-gradient(to top,  rgba(1,211,202,1) 0%,rgba(1,211,202,1) 44%,rgba(1,186,180,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

     color:#fff;
}
.btn-sl-more svg{
        position: relative;
    top: 9px;
}
.sld-btm{
    position:relative;
    max-width:85%;
    margin:0 auto;
    background-color:#fff;
    padding:22px 15px;
    top:-50px;
    z-index:9999;

        box-shadow: 2px 0px 10px 0px rgba(90.00000000000001, 90.00000000000001, 101.00000000000001, 0.1);
    border-radius: 20px;
}
.sld-btm .ic-nd {
    display: inline-block !important;
    width: 38px !important;
    margin-left: 5px;
}
.sld-btm .col-nd a {
    display: block;
    padding: 10px 0;
}
.pg-cl .col-nd h3 {
    color: #16124c;
    font-size: 15px;
}
.pg-cl .col-nd:hover {
    box-shadow: 0px -75px 0px 0px #f5f5f5 inset;
    transition: all 0.6s ease 0.1s;
}
.dv-container{
    max-width:85%;
    margin:0 auto;
    position:relative;
}
.p-88-tx{
    font-size:15px;
    direction:rtl;
    line-height:35px;
    padding:0 15px 80px 15px;
    text-align:justify;
}
.p-88-tx .ti-side-bx{
   color:#000;
}
.service-bx-nd  .dv-container:before{
    background-image: url(/App_Themes/Template/images/tp-yd.png);
    background-size: 100% 100%;
    content: "";
    height: 80px;
    width: 100%;
    top: -44px;
    position: absolute;
    left: 0;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
}
.pg-cl{
        background-color: transparent;
    background-image: linear-gradient(291deg, #F7F8F8 0%, #FFFFFF 100%);
}
.pg-cl .col-nd{
        border: 1px solid #01d3ca1c;
}
.ti-srv{
     padding: 50px 0 15px 0;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 22px;
}
.ti-srv span{
    color:#01d3ca;
}
.ti-ce-mn{
    font-size:14px;
    text-align:center;
    color:#333;
    direction:rtl;
    padding-bottom:60px;
}
.icon-bx-sd{
      float: right;
    width: 65px;
    height: 60px;
   
    margin-left: 12px;
    border-radius: 8px;
 
    text-align:center;
}
.icon-bx-sd img{
    width:100%;

}

.tx-img{
     width: 77%;
    float: right;
}

.ti-rg{
       text-align: right;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.p-sdd{
    text-align:justify;
    direction:rtl;
    padding:8px 0 35px 0;
    line-height:27px;
   margin-bottom: 90px !important;
}
/*.img-icon-box .col-md-4:nth-child(even) .icon-bx-sd{
  background-color: #11d5cc;
}*/


.ti-ce-qst {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    display: block;
    color: #000;
    margin-bottom: 35px;
    position:relative;
    display:table;
    margin:0 auto 35px auto;
}
.ti-ce-qst:before{
    position:absolute;
    right: -50px;
    content:"";
  
    width: 38px;
    background-image: url('/App_Themes/Template/images/mob1.png');
    height: 33px;
    background-size:100% 100%;
    top: -13px;
}
.ti-ce-qst:after{
    position:absolute;
    left: -50px;
    content:"";
      background-image: url('/App_Themes/Template/images/rttttttttt.png');
    width: 38px;
    height: 33px;
    background-size:100% 100%;
    top: -13px;

}
.card-header .btn {
    background-color: #f5f5f5;
    text-align: right;
    margin-bottom: 10px;
    padding: 13px 22px;
    border-radius: 15px;
    display: block;
    width: 100%;
    font-size: 15px;
    position: relative;
    white-space: normal;
    color:#000;
}
.card-header .btn:hover {
    background-color: #eaeff3;

}
.card-header .btn:before {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #1f1b62;
    content: "";
    right: -5px;
    border-radius: 50%;
    top: 20px;
}
.btn-link-acrd.collapsed:after {
    content: "\f078";
    font-weight: normal;
}
.btn-link-acrd:after {
position: absolute;
    font-weight: normal;
    content: "\f077";
    font-size: 13px;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: fontawesome;
    color: #012434;
}
.card-body {
    padding: 5px 0 15px 0;
    display: block;
    text-align: justify;
    direction: rtl;
    line-height: 25px;
}
.accordion .card:nth-child(even) .card-header .btn:before {
        background-color: #11d5cc;
}
.qs-bx{
    padding:50px 0 90px 0;
}
.row-product{
    background: linear-gradient(to bottom, rgb(247 248 248) 0%, rgb(247 248 248) 44%, rgb(255 255 255) 100%);
    padding: 60px 0;
    position: relative;


}
.row-product .ti-ce-mn{
    padding-bottom:25px;
}
.row-product:before{
    background-image: url(/App_Themes/Template/images/tn.png);
    background-size: 100% 100%;
    height: 31px;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 99999;
    top: 0;
}

.row-product .product-grid {
    position: relative;
    -webkit-box-shadow: -1px 1px 3px 2px #f7f5f5;
    box-shadow: -1px 1px 3px 2px #f7f5f5;
    margin-top: 10px;
    overflow: hidden;
    border-radius:12px;
    background-color:#fff;
    margin:10px;
}
.row-product .product-grid .product-image{
    margin-top:0;
}
.row-product .product-grid .price {
    color: #01d3ca;
    font-size: 13px;
    padding-top: 8px;
}
.row-product .news-slider11 .owl-controls {
    position: absolute;
    width: 100%;
    top: 50%;
}
.row-product .news-slider11 .owl-controls .owl-prev {
    left: -8px;
    position:absolute;
}
.row-product .news-slider11 .owl-controls .owl-next {
    right: -8px;
    left:auto;
    background:none;
    position:absolute;
}
.row-product .product-button-group{
    background-color:rgba(1,211,202,1)!important;
}
.line1{
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;
  
}
.line2{
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;
   
}
.line3{
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;
 
}
.line4{
        display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;
   
}
.line5{
        display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;
  
}

@media (max-width: 1270px){
    .dv-container{
        max-width:96%;
    }
    .tx-sld-ce,.sld-btm{
        max-width:90%;
    }
    .tx-sld {
    top: 21%;
}
    .tx-img {
    width: 72%;
}
    .ti-rg {
    font-size: 13px;
}
    .p-sdd {
    padding: 8px 0 35px 0;
    line-height: 26px;
    height: 136px;
    font-size: 13px;
}
}
@media (max-width:990px){
     .p-sdd {
        padding: 8px 0 35px 0;
        line-height: 26px;
        height: 99px;
        font-size: 13px;
    }
    .ti-side-bx {
            font-size:20px;
    }
    .p-ti {
    font-size: 14px;
    padding: 8px 0 0 0;
    max-width: 51%;
    line-height: 30px;
            display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
    .sld-btm{
        max-width:100%;
        top:0;
        margin:0px 0 30px 0;
        border-radius:0;
    }
    .btn-sl-more svg{
        display:none;
    }
    .btn-sl-more {
    width: 145px;
    padding: 11px 0px 11px 0px;
    border-radius: 8px;
    background: linear-gradient(to bottom, rgba(1, 211, 202, 1) 0%, rgba(1, 211, 202, 1) 44%, rgba(1, 186, 180, 1) 100%);
    margin-left: 15px;
    font-size: 13px;
    margin-top: 20px;
}
  
}
@media (max-width:760px){
      .ti-side-bx {
        font-size: 16px;
        padding-bottom: 0;
    }
   .slid-pg{
          position: relative;
    background: #4f4d74;
    padding:10px 0;
    min-height:241px;
      }
   .slid-pg img{
       opacity:0.2;
   }
     .slid-pg  .p-ti {
        font-size: 13px;
        padding: 8px 0 0 0;
        max-width: 100%;
        line-height: 28px;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
     .slid-pg  .tx-sld {
        top: 10%;
    }
    .slid-pg .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
         display:none;
     }
        .btn-sl-more {
        width: 132px;
        padding: 11px 0px 11px 0px;
        margin-left: 15px;
        font-size: 12px;
        margin-top: 13px;
    }
        .p-88-tx {
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px 40px 15px;
}
        .sld-btm .col-nd a {
    display: block;
    padding: 5px 0;
}
        .service-bx-nd .dv-container:before{
            background:none;
        }
        .ti-ce-mn{
            display:none;
        }
            .p-sdd {
        padding: 8px 0 20px 0;
        height:auto;
    }
            .ti-srv {
    padding: 31px 0 40px 0;
    font-size: 22px;
    
}
    .qs-bx {
    padding: 30px 0 30px 0;
}
    .icon-bx-sd {
  /*  width: 53px;
    height: 60px;
    background-color: rgb(31 27 98);*/
    margin-left: 12px;
    border-radius: 8px;
    padding: 4px 0;
}
        .tx-img {
        width: 79%;
    }
    .qs-bx .dv-container{
        max-width:100%;
        padding:0 5px;
    }
     .qs-bx .dv-container .col-md-12{
         padding:0 0;
     }
     .card-header .btn:before{
         display:none;
     }
     .card-header .btn {
    margin-bottom: 5px;
    padding: 9px 14px 5px 35px;
    border-radius: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
    line-height: 28px;
}
     .btn-link-acrd:after {
    font-size: 13px;
    left: 10px;
    top: 54%;
    color: #1f1b62;
}
     .card-body {
    padding: 5px 15px 15px 15px;
    font-size:13px;
    line-height:28px;
}
     .service-bx-nd .dv-container{
         max-width:100%;
         padding:0 5px;
     }
     .row-product {
    padding:10px 0 15px 0;
}
     .row-product:before {
    height: 10px;
}
     .row-product .ti-srv{
         padding-bottom:15px;
     }
     .row-product .product-grid{
         margin:5px 2px;
     }
     .row-product .owl-controls{
         display:none!important;
     }
     .ti-ce-qst:before,.ti-ce-qst:after{
         display:none;
     }
}