@charset "UTF-8";
.id1723018322 .col-12.main-content {
    padding: 0;
}
.id1723018322 .row.row-1 {
    padding: 5% 2% 5% 6%;
    background: #f7f8f8;
}
.id1723018322 .dokme-video-1 {
    margin-top: 5%;
}
.id1723018322 .dokme-video {
    color: #fff;
    background: #364a9c;
    padding: 9px 26px;
    border-radius: 32px;
}
.id1723018322 .man iframe {border-radius: 34px !important;}
.id1723018322 .row-2{
    background-image:url("https://westaoic.ir/page/1727871170/file/Untitled-2-03.webp");
    background-size: 100% auto;
    box-shadow: 0px 13px 10px rgba(154, 154, 154, 0.3);
    padding: 2% 6% 3% 6%;
    background-repeat: no-repeat;
}


.id1723018322 .col-6.man {
    width: 44% !important;
    margin: auto !important;
    margin-left: 0!important;
}

.id1723018322 .matn {
    padding: 3% 1% 0 1%;
}
.id1723018322 .video-1.man {
    padding: 4% 4%;
    border-radius: 34px;
    margin: 4% 0;
    background: #fff;
    width: 87%;
    box-shadow: 8px 8px 18px -1px #dbdbdb;
}
.id1723018322 .row.row-3 {
    background: #f7f7f7;
    justify-content: center;
    margin-top: 18px;
}


.id1723018322 li.list-group-item.list-group-item-action {
    border-radius: 10px;
    margin: 1%;
    box-shadow: 0 0 7px 0 #d9d9d9;
}
.id1723018322 .page_image img {
  border-radius: 34px;
  margin-bottom: 5px;
  box-shadow: 13.14px 13.14px 10.73px rgba(35, 31, 32, 0.3);
}
.id1723018322 .page_title {
    line-height: 35px;
    padding-top: 8%;
    margin-right: 0;
}
.id1723018322  div.category_title, div.page_title {
    padding-bottom:4% !important;
    margin-top: 0% !important;

}

.id1723018322 .maghalat{
    text-align: justify;
 
}
.id1723018322 .maghalatimg{

}
.id1723018322 h1.category_title, h1.page_title {
    FONT-SIZE: 25px !important;
    

}
.id1723018322 .beforeafter a {background: #02a755;padding: 1%;color: white;font-size: 15px;}
.id1723018322 .suggest {
    background: #efefef;
    padding: 2%;
    border-right: 2px solid #02a755;
}
.id1723018322 .page_lead {
    background:none;
    padding:0;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    margin-bottom: 0px;
}
.id1723018322 .galleryy {
    margin-bottom: 5%;
}
/********************************************************************
DO NOT edit this file manually. This file is generated by layout.
If you want to add custom css, edit custom.css file in current template folder
*********************************************************************/
@media (max-width: 767px) {
    .id1723018322 .row.row-1 {
    padding: 10% 2% 5% 6%;
}
    .id1723018322 .mohtava{
    padding: 10px ;
}
    .id1723018322 .beforeafter a {background: #02a755;padding: 1%;color: white;font-size: 12px;}
    .id1723018322 .maghalatimg{
    float: unset;
    width:100%;
    margin: 0 auto;
}
.id1723018322 h1.category_title, h1.page_title {
    FONT-SIZE: 17px !important;
    

}
    .id1723018322 .page_lead p{
        font-size:17px;
    }
   
      .id1723018322 .matn p{
            FONT-SIZE: 14px !important;
    }
    .id1723018322 .video-1.man {
    padding: 4% 4%;
    border-radius: 34px;
    margin: 8% 0;
    background: #fff;
    width: 87%;
    box-shadow: 13.14px 13.14px 10.73px rgb(35 31 32 / 30%);
}
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}