@import url(../styles/global.css);
@import url(../styles/header.css);

/* header{
    overflow-x: hidden;
} */
body {
    overflow-x: initial !important;
}

@media only screen and (max-width: 992px) {
    .header__search {

        display: none;
    }

    .header__search.show-search {
        display: block;
    }
}

.white-box .section__title , .download__box .section__title{
    padding: 0px 0 16px;
    font-size: 25px;
}
.blog__detail{
    font-size: 12px !important;
}

.blog-nav {
    background-color: var(--color-primary);
    padding: 10px 0;
}

.blog-nav .nav-link {
    color: #fff;
    transition: all 0.3s;
   
}

.blog-nav .nav-link.active {
    background-color: #fff;
    color: var(--color-primary);
    font-weight: bold;
}

.section__back {
    background-color: var(--color-primary);
    height: 350px;
}

.section__content {
    margin-top: -300px;
    min-height: 300px;
}

.section__content .row {
    min-height: 350px;
}

.white-box {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0px 2px 90px -30px rgba(0, 0, 0, 0.45);
}

.white-box__tabs .nav-item {
    flex-grow: 1;
    text-align: center;
}

.white-box__tabs .nav-link {
    color: #7E7D84;
    background-color: transparent;
    border-bottom: 3px solid #D9D9D9;
    border-radius: 0;
    font-size: var(--font-size-3);
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.white-box__tabs .nav-link.active {
    background-color: transparent;
    color: var(--color-primary);
    border-bottom: 3px solid var(--color-primary);
}
.summary-blog{
    margin-bottom: 24px;
}
.summary-blog__img {
    max-width: 85px;
    margin-left: 10px;
    width: 80px;
    height: 80px;
    flex-shrink: 0;

}

.summary-blog__img img {
    border-radius: 50%;
    object-fit: cover;
    height: 100%;

}

.summary-blog__title {
    line-height: 16px;
    color: #000000;
   font-size: 14px;
   margin-bottom: 16px;
}
.big-blog .blog__text *{
    font-size: 0.875rem;
}

.summary-blog__date {
    color: #7E7D84;
    font-size: 12px;
}

.summary-blog:last-child {
    margin-bottom: 0 !important;
}

.big-blog {
    position: relative;
    box-shadow: 0px 2px 90px -30px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.big-blog.shadow::before {
    content: " ";
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.515625) 72.92%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.big-blog__title{
    color: var(--color-primary);
   font-weight: bold;
    font-size: 32px;
}
.big-blog__content{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 32px;
}
.big-blog__date{
    color: #7E7D84;
}
.btn-primary{
    padding: 14px 19px;
    border: 2px solid transparent !important;
}
.btn-primary:focus , .btn-primary:hover{
    color: var(--color-primary) !important;
    background-color: #fff !important;
    border: 2px solid var(--color-primary) !important;
    box-shadow: none  !important;
}
.white-box__tabs .tab-content{
    overflow-y: auto;
    padding-left: 5px;
}
.white-box__tabs .tab-content::-webkit-scrollbar {
    width: 3px;
    height: 7px;
}

.white-box__tabs .tab-content::-webkit-scrollbar-track {
    background-color:#eee;
    border-radius: 25px;
    position: absolute;
    right: 0;
    height: 10px;
}

.white-box__tabs .tab-content::-webkit-scrollbar-thumb {
    background-color:var(--color-primary);
    border-radius: 25px;
}
.banner__img{
    border-radius: 30px;
}

.white-box__title{
    font-size: 38px;
    font-family: "nimkat";
    color: #004F9E;
    margin-bottom: 20px;
}
.content-category .tab-pane{
    display: none;
}
.article:hover .article__title{
    color: var(--color-primary);
  }
  .article:hover .article__image-wrapper  {
    border: 2px solid var(--color-primary);
  }
  .article__image-wrapper {
  max-width: 100%;
  border-radius: 31px;
  border: 2px solid transparent;
  transition: all 0.3s;
  overflow: hidden;
  }
  .article__date,
  .article__author,
  .article__time{
   
    font-size: var(--font-size-0);
    color: #c8c8c8;
  }
  .article__date::before,
  .article__author::before,
  .article__time::before{
    content: " ";
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 6px;
  }
  .owl-nav.disabled{
    display: none;
  }
  .article__date::before{
      background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.0828 0C5.61442 0 6.04538 0.427775 6.04538 0.955462V3.07993C9.67463 2.75912 13.3254 2.75912 16.9547 3.07994V0.955462C16.9547 0.427775 17.3857 0 17.9173 0C18.4489 0 18.8799 0.427775 18.8799 0.955462V3.26951C20.7961 3.53845 22.31 5.04289 22.5662 6.96192L22.6773 7.79375C23.1445 11.2924 23.1042 14.8395 22.5575 18.3268C22.2867 20.0544 20.8728 21.3813 19.1199 21.5528L17.5887 21.7027C13.5394 22.0991 9.4606 22.0991 5.41126 21.7027L3.88011 21.5528C2.12725 21.3813 0.713324 20.0544 0.442504 18.3268C-0.104191 14.8395 -0.144543 11.2924 0.322677 7.79375L0.433762 6.96192C0.690036 5.04286 2.20393 3.53841 4.12021 3.2695V0.955462C4.12021 0.427775 4.55117 0 5.0828 0ZM5.65414 5.03567C9.54195 4.65511 13.4581 4.65511 17.3459 5.03567L18.508 5.14942C19.6204 5.25831 20.5109 6.11309 20.6578 7.21302L20.7688 8.04485C20.8077 8.33545 20.8428 8.6264 20.8742 8.91764H2.12581C2.15723 8.62641 2.19235 8.33545 2.23116 8.04485L2.34224 7.21303C2.48913 6.1131 3.37961 5.25831 4.49204 5.14942L5.65414 5.03567ZM1.97278 10.8286C1.84678 13.2339 1.97092 15.6482 2.34478 18.033C2.48062 18.8995 3.18983 19.5651 4.06904 19.6511L5.6002 19.801C9.52388 20.1851 13.4761 20.1851 17.3998 19.801L18.931 19.6511C19.8102 19.5651 20.5194 18.8995 20.6552 18.033C21.0291 15.6482 21.1532 13.2339 21.0272 10.8286H1.97278Z' fill='%23C8C8C8'/%3E%3C/svg%3E");
  }
  .article__author::before{
  
      background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8571 3.626C22.0794 3.95943 22.0423 4.41256 21.7459 4.7061L11.1136 15.2349C11.0046 15.3428 10.8685 15.42 10.7194 15.4586L6.29127 16.604C6.14684 16.6414 5.99797 16.6406 5.8581 16.6054C5.70939 16.5679 5.57086 16.4914 5.45864 16.3803C5.24088 16.1646 5.15489 15.8508 5.23272 15.5557L6.38937 11.1707C6.42345 11.0415 6.48741 10.9139 6.57588 10.8138L17.2476 0.251606C17.341 0.159101 17.4536 0.0898669 17.576 0.0476837C17.6668 0.0164068 17.7631 0 17.861 0C18.0911 0 18.3117 0.0905052 18.4744 0.251606L21.7459 3.49124C21.7883 3.53317 21.8253 3.57836 21.8571 3.626ZM19.9057 4.09867L17.861 2.0739L8.00852 11.8305L7.28563 14.5711L10.0532 13.8552L19.9057 4.09867Z' fill='%23C8C8C8'/%3E%3Cpath d='M19.7595 17.078C20.0757 14.4005 20.1763 11.7044 20.0614 9.01507C20.0558 8.8863 20.1047 8.76101 20.1968 8.66988L21.3341 7.54359C21.474 7.40512 21.7129 7.49303 21.726 7.68843C21.9399 10.8836 21.8588 14.0934 21.4827 17.2776C21.2091 19.5942 19.3303 21.4096 17.0031 21.6672C12.9935 22.1109 8.84884 22.1109 4.83923 21.6672C2.51199 21.4096 0.633214 19.5942 0.359605 17.2776C-0.119868 13.218 -0.119868 9.11693 0.359605 5.05735C0.633214 2.74079 2.51199 0.925342 4.83923 0.667772C7.88092 0.331129 11.0003 0.249864 14.0795 0.423976C14.278 0.435197 14.3685 0.672998 14.2279 0.812183L13.0799 1.94904C12.9889 2.03917 12.864 2.08758 12.7354 2.08328C10.1602 1.99728 7.56751 2.09459 5.03194 2.37521C3.49348 2.54549 2.26108 3.7477 2.08283 5.25694C1.61902 9.18391 1.61902 13.151 2.08283 17.078C2.26108 18.5873 3.49348 19.7895 5.03194 19.9597C8.91347 20.3893 12.9289 20.3893 16.8104 19.9597C18.3488 19.7895 19.5812 18.5873 19.7595 17.078Z' fill='%23C8C8C8'/%3E%3C/svg%3E");
    
  }
  .article__time::before{
  
      background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4857 4.92857C12.4857 4.38418 12.0444 3.94286 11.5 3.94286C10.9556 3.94286 10.5143 4.38418 10.5143 4.92857V11.5C10.5143 11.8399 10.6894 12.1558 10.9776 12.3359L14.9204 14.8002C15.3821 15.0887 15.9902 14.9484 16.2787 14.4867C16.5673 14.0251 16.4269 13.4169 15.9653 13.1284L12.4857 10.9537V4.92857Z' fill='%23C8C8C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5 0C5.14873 0 0 5.14873 0 11.5C0 17.8513 5.14873 23 11.5 23C17.8513 23 23 17.8513 23 11.5C23 5.14873 17.8513 0 11.5 0ZM1.97143 11.5C1.97143 6.23752 6.23752 1.97143 11.5 1.97143C16.7625 1.97143 21.0286 6.23752 21.0286 11.5C21.0286 16.7625 16.7625 21.0286 11.5 21.0286C6.23752 21.0286 1.97143 16.7625 1.97143 11.5Z' fill='%23C8C8C8'/%3E%3C/svg%3E");
    
  }
  .article__detail{
    gap: 12px;
  }
  .article__title{
    font-size: var(--font-size-2);
    font-weight: bold;
    color: #000000;
    transition: all 0.3s;
  }
  .article__text{
    font-size: var(--font-size-2);
    color: #000000;
    transition: all 0.3s;
  }
  .article p{
    font-size:13px;
    line-height: 20px;
    color: #000000;
    transition: all 0.3s;
  }
  
  .btn-primary.small-btn{
    padding: 9px 18px !important;
  }
  .gallery-img{
    height: calc(100% - 70px);
  }
  .gallery-img img{
    height: 100%;
    object-fit: cover;
  }
  .video__item{

    overflow: hidden;
    position: relative;
  }
  .video__item::before{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FFCB05 0%, #ffcb0557 100%);
    bottom: 0;
    left: 0;
    transition: all 0.3s;
  }
  .video__title{
    color: #fff;
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: var(--font-size-3);
  }
  .video__item:hover::before{
    background: linear-gradient(0deg, #FFCB05 20%, #ffcb0557 100%);
  }
  .download__box{
    background-color: #F9F9F9;
    border-radius: 41px;
    padding: 24px 30px;
  }
  .download__box .white-box__title{
    font-size: 25px;
  }
  .download__item{
     background-color: #fff;
     border-radius: 41px;
     padding: 10px;
     gap: 12px;
     position: relative;
  }
  .download__icon{
    display: block;
    width: 32px;
    height: 32px;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0411 10.6823H25.0999M10.0411 18.2118H25.0999M13.8058 25.7412H21.3352M1.57047 18.2118C1.57047 5.97647 5.33517 2.21176 17.5705 2.21176C29.8058 2.21176 33.5705 5.97647 33.5705 18.2118C33.5705 30.4471 29.8058 34.2118 17.5705 34.2118C5.33517 34.2118 1.57047 30.4471 1.57047 18.2118Z' stroke='%23001A72' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    
  }
  .main-btn.all-btn{
    padding:22px 26px !important;
  }
  .download__file-name{
    font-size: 13px;
    color: #7E7D84;
    margin-left: auto;
  }
  .download__item .btn-primary{
    position: absolute;
    height: 100%;
    border-radius: 40px !important;
    padding: 10px !important;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
min-width: 80px !important;

  }
  .download__menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .all-btn{
    margin: auto;
    display: table;
    border-radius: 40px !important;
    padding: 9px 26px !important;
    font-size: 22px;

  }
  .big-blog__img{
    min-height: 350px;
  }
  .blog-nav{
    position: sticky;
    top: 0;
    z-index: 25;
   
    
  }
  .blog-nav .container{
     overflow-x: auto;
     padding-bottom: 5px;
  }
  .blog-nav .container .nav{
    min-width: 760px;
  }
  .blog-nav .container::-webkit-scrollbar {
    width: 2px;
    height: 3px;
}

.blog-nav .container::-webkit-scrollbar-track {
    background-color:rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    position: absolute;
    right: 0;
    height: 10px;
}

.blog-nav .container::-webkit-scrollbar-thumb {
    background-color:#ffffff;
    border-radius: 25px;
}



/* -------------------------------nav  */
.detail__nav {
    background-color: var(--color-primary);
    padding: 20px 0;
    overflow: hidden;
    position: sticky !important;
    top: 0;
    z-index: 10;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.detail__link {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: all 0.3s;
    font-size: 16px;
    text-align: center;
}
.detail__link.active {
    background-color: #fff;
    color: var(--color-primary);
}
.detail__link.active:hover{
    color: var(--color-primary);
}
.detail__link:hover {
    border: 1px solid #fff;
    color: #fff;
}
.nav-slider .owl-item li {
    text-align: center;
}
.section{
    padding-top: 100px;
    margin-top: -100px;
}

.nav-slider .owl-nav button {
    position: absolute;
    height: 100%;
    top: 0;
    border: 0;
    background-color: #000;
}

.nav-slider .owl-nav button.disabled {
    background-color: #d9d9d9;
}    
.detail__nav {
    padding: 15px 0;
}
.nav-slider .owl-next{
    left: 0
}
.nav-slider .owl-prev{
    right: 0
}
  @media only screen and (max-width:1200px){
    .download__box{
        padding: 16px;
    }
    .download__item .btn-primary {
       min-width: 65px !important
    }
  }
  @media only screen and (max-width:992px){
    .big-blog__title {
        font-size: var(--font-size-5);
    }
    .btn-primary{
        font-size: var(--font-size-1) !important;
    }
    .big-blog__content{
        flex-wrap: wrap;
        gap: 15px;
    }
    .big-blog__content .btn-primary{
        margin-right: auto;
    }
    .nav-slider .owl-nav {
        display: block;
    }
    
    .detail__menu {
        padding: 0 32px;
    }

    
    
    .detail__link {
        font-size: 14px;
        padding: 5px;
    }
  }
  @media only screen and (max-width:576px){
    .white-box__title{
        font-size: 28px;
    }
  }
  @media only screen and (max-width:420px){
    .white-box{
        padding: 15px 10px;
    }
  }


  /* ----------------------------------------------- single-blog */
  @import url(../styles/global.css);
@import url(../styles/header.css);

body{
    overflow-x: initial !important;
}
@media only screen and (max-width: 992px){
    .header__search {
    
    display: none;
}
.header__search.show-search{
    display: block;
}
}

button{
    appearance: none;
    border: none;
    background-color: transparent;
}
.side-category {
    padding: 16px 16px 50px;
    background-color: #fff;
    border-radius: 23px;
    -webkit-box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    position: sticky;
    top: 5px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}
.side-category__title {
    font-weight: bold;
    font-size: var(--font-size-4);
    color: var(--color-blue-primary);
    margin-bottom: 15px;
}
.side-category__list-item a {
    color: #9FA2A3;
    line-height: 35px;
}
.side-category__list-item a::before {
    content: " ";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: var(--color-blue-primary);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.side-category__list-item:hover a {
    color: var(--color-blue-primary);
}
.tags-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}
.tags-list__item a {
    font-weight: var(--font-yekan-regular);
    font-size: var(--font-size-1);
    color: #9FA2A3;
    text-decoration: underline;
}
.side-category__img-wrapper {
    text-align: center;
}


/* ---------------------------------------- single blog ------------------------- */



.more{
    display: table;
    min-width: 350px;
    border-radius: 15px;
    text-align: center;
    padding: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background-color: var(--color-blue-primary);
    margin: 100px auto;
    border: 1px solid transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.more:hover{
    border-color: var(--color-blue-primary);
    color: var(--color-blue-primary);
    background-color: #fff;
}
.single-blog__text p{
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 300;
    line-height: 30px;
    text-align: justify;
}
.single-blog__text h2 {
    font-size: 1.625rem !important
}

.single-blog__text h3 {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.single-blog__text h4 {
    font-size: 1.4375rem !important;
    line-height: 2.5rem !important
}

.single-blog__text h5 {
    font-size: 1.1875rem !important
}

.single-blog__text h6 {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.single-blog__text h1, .single-blog__text h2, .single-blog__text h3, .single-blog__text h4, .single-blog__text h5, .single-blog__text h6 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
.single-blog__text img{
    margin-top: 2rem;
    margin-bottom: 2rem;
    max-width: 100%;
}

.single-blog__img img{
    max-width: 100%;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
}
.single-blog__sidebar{
    position: sticky;
    top:10px
}

.single-blog__sidebar .blog__detail{
  font-size: 12px;
}
.single-blog__sidebar .big-blog .blog__title{
    font-size: 16px;
}


 /* ---------------------------------------- comment-section ----------------------- */
.comments__section{
    background-color: #F8F8F8;
    padding: 50px 0;
}
.comments__section-title {
   font-weight: 700;
   font-size: 30px;
   text-align: center;
   color: var(--color-blue-primary);
   margin-bottom: 5px;
}
.comment-item{
    padding: 30px 40px;
    /* background-color: #fff; */
    border-radius: 10px 10px 2px 2px;
}
.comment-item__img{
    width: 128px;
    height: 128px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.comment-item__author{
    color: #000000;
    font-size: 20px;
    text-align: center;
}
.comment-item__text{
    color: #616364;
    font-size: var(--font-size-1);
}
.comments__section .owl-stage{
    display: flex;
}
.comments__section .owl-stage-outer{
    overflow: hidden;
}
.owl-item.bg-white .comment-item{
    background-color: #fff;
    border-bottom: 6px solid var(--color-blue-primary);
}
.comments__section .owl-nav{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}
.comments__section .owl-nav button{
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-color: var(--color-blue-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.comments__section .owl-nav button.disabled svg path{
    stroke: #0C111F;
}
.comments__section .owl-nav button.disabled{
    background-color: #fff;
}
/* .owl-item.active:nth-child(2){
    background-color: #fff;
} */
/* ---------------------------------------- comment-section ----------------------- */

/* ---------------------------------------- comment-section ----------------------- */

.comments__section{
    background-color: #F8F8F8;
    padding: 50px 0;
}
.comments__section-title {
   font-weight: bold;
   font-size: 30px;
   text-align: center;
   color: var(--color-blue-primary);
   margin-bottom: 5px;
}
.comment-item{
    padding: 30px 40px;
    /* background-color: #fff; */
    border-radius: 10px 10px 2px 2px;
}
.comment-item__img{
    width: 128px;
    height: 128px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.comment-item__author{
    color: #000000;
    font-size: 20px;
    text-align: center;
}
.comment-item__text{
    color: #616364;
    font-size: var(--font-size-1);
}
.comments__section .owl-stage{
    display: flex;
}
.comments__section .owl-stage-outer{
    overflow: hidden;
}
.owl-item.bg-white .comment-item{
    background-color: #fff;
    border-bottom: 6px solid var(--color-blue-primary);
}
.comments__section .owl-nav{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}
.comments__section .owl-nav button{
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-color: var(--color-blue-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.comments__section .owl-nav button.disabled svg path{
    stroke: #0C111F;
}
.comments__section .owl-nav button.disabled{
    background-color: #fff;
}
/* .owl-item.active:nth-child(2){
    background-color: #fff;
} */
/* ---------------------------------------- comment-section ----------------------- */




.comment-send__wrapper .comments__section-title{
    margin-bottom: 25px;
}
.comment-send__wrapper{
    background-color: #fff;
    box-shadow: 0px 2px 50px -30px rgb(0 0 0 / 40%);
    padding: 20px;

}

/* ------------------------------------------- comment-send ------------------------- */
/* comment new */
.comments .comment::before {
    content: " ";
    position: absolute;
    height: 102%;
    width: 25px;
    top: 50%;
    right: -1px;
    display: block;
    z-index: 0;
    transform: translateY(-50%);
    background-color: var(--color-primary);
}
.comments .comment__link {
    padding: 12px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    color: #757775;
    margin-right: 5px;
    z-index: 3;
    background-color: #fff;
    position: relative;
}
.comments .comment__right {
    width: 210px;
    border-left: 2px solid #CBCBCB;
    margin-left: 20px;
    flex-shrink: 0;
}
.comments .comment__img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
    margin-left: 16px;
    
}
.comments .comment__text p {
    color: #818181;
    font-weight: 500;
    font-size: 18px;
}
.comments .comment__text p:last-child {
    font-size:14px;
}
.comments .comment__center {
    margin-left: auto;
}
.comments .comment__subject {
    color: var(--color-primary) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}
.comments .comment__desc {
    color: #757775 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 25px !important;
}
.comments .comment__left {
    margin-right: 20px;
}
.comments .comment__date {
    font-weight: 600 !important;
    font-size: 12px !important;
    text-align: left;
}
.comments .comment__text{
    height: auto;
    padding: 0;
}
.comments .comment-answer {
    margin-right: 50px;
    position: relative;
    z-index: 2;
}
.comments .comment-item{
    padding: 0;
}



.download-box__wrapper .main-btn{
    margin: initial;
}
.download-box__wrapper .file__name{
    margin: 0;
    margin-right: 8px;
}

.side-category__img-wrapper .owl-stage{
    display: flex;
}
.side-category__img-wrapper .owl-stage-outer{
    overflow: hidden;
}
.side-category__img-wrapper .owl-nav{
    display: none;
}
.side-category__img-wrapper .owl-dot{
    width: 8px;
    height: 8px;
    background-color: #7E7D84;
    border-radius: 50%;
    border: none;
    margin: 0 2px;
}
.side-category__img-wrapper .owl-dot.active{
    background-color: var(--color-blue-primary);
}


@media only screen and (max-width:1200px){
    .blog__image-wrapper{
        height: auto;
    }
    .more{
        margin: 40px auto;
    }
}
@media only screen and (max-width:992px){
    .side-category{
        top:5px
    }
}
@media only screen and (max-width:768px){
    .single-blog__top-image img{
        display: block;
    }
    .single-blog__sidebar-top{
        display: none;
    }
    .form__row{
        flex-direction: column;
    align-items: stretch;

    }
    .download-box{
        margin-bottom: 20px;
    }

    .comments .comment__link {
        flex-wrap: wrap;
    }
    .comments .comment__left, .comment__right {
      /* flex-basis: 50%; */
      margin: 0;
  }
  
  .comments .comment__left{
    flex-basis: 30%;
  }
  .comments .comment__right {
    /* margin-left: auto; */
    border-left: 0;
  }
  
  .comments .comment__center {
    flex-basis: 100%;
    order: 3;
    border-top: 2px solid #CBCBCB;
    padding-top: 10px;
    margin-top: 10px;
  }
  .comments .comment__left {
    text-align: left;
  }
  
  .comments .comment-answer{
    margin-right: 20px;
  }
  .comments .comment__date{
    position: absolute;
    top: 11px;
    left: 6px;
  }
  .comments .comment__img{
    width: 40px;
    height: 40px;
  }
  .comments .comment__text p{
    font-size: 16px;
  }
  .comments .comment__text p:last-child {
    font-size: 12px;
}
 
}
@media only screen and (max-width:576px){
    .main-section__header{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 5px;
    }
    .main-section__filter-title {
        display: block;
    text-align: center;
    margin-bottom: 10px;
    }
    .more{
        width: 80%;
        min-width: auto;
    }
    
   
    
.download-box__wrapper .main-btn{
    min-width: auto;
    font-size: 14px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comment-send__wrapper{
    padding-right: 10px;
    padding-left: 10px;
}
.download-box__wrapper .file__name {
    font-size: 16px;
}
}

@media only screen and (max-width:576px){
    #back-top a {
        float: left;
        margin-left: 5px;
    }
    .position-absolute-help{
        right: 5px;
    }
    .position-absolute-help .img-icon-help {
        background: #ffa800;
        width: 60px;
        height: 60px;
    }
    .position-absolute-help .img-icon-help img{
        width: 35px !important;
    }
    .position-absolute-help .text-help {
        margin: auto 5px;
    }
    
    .single-blog__text h1,.single-blog__text  h2 {
        font-size: 1.3rem !important;
    }
    
    .single-blog__text h3 {
        font-size: 1.2rem !important;
        line-height: 2rem !important
    }
    
    .single-blog__text h4 {
        font-size: 1.1rem !important;
        line-height: 2.5rem !important
    }
    
    .single-blog__text h5 {
        font-size: 1rem !important
    }
    
    .single-blog__text h6 {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
    .single-blog__text p {
        font-size: 14px;
    }
}