.flexDirection-column {
    flex-direction: column;
 }
 
 .alignitem-center {
    align-items: center;
 }
 
 .alignitem-start {
    align-items: flex-start;
 }
 
 .alignSelf-end {
    align-self: flex-end;
 }
 
 .bg-\[\#3d3052\] {
    background-color: #3d3052;
 }
 
 .bg-\[\#37474f\] {
    background-color: #37474f;
 }
 
 .bg-\[\#eceff1\] {
    background-color: #eceff1;
 }
 
 .text-\[\#37474f\] {
    color: #37474f;
 }
 
 .text-\[\#00b0ff\] {
    color: #00b0ff;
 }
 
 .text-\[\#40c4ff\] {
    color: #40c4ff;
 }
 
 .text-\[\#757575\] {
    color: #757575;
 }
 
 .w-\[650px\] {
    width: 650px;
 }
 
 .w-\[120\] {
    width: 120%;
 }
 
 .w-\[90\] {
    width: 90%;
 }
 
 .w-\[80\] {
    width: 80%;
 }
 
 .min-w-\[992px\] {
    min-width: 992px;
 }
 
 .min-h-\[250px\] {
    min-height: 250px;
 }
 
 .opacity-lite {
    opacity: 0.23;
 }
 
 .max-w-\[600px\] {
    max-width: 600px;
 }
 
 .max-w-\[650px\] {
    max-width: 650px;
 }
 
 .max-w-\[480px\] {
    max-width: 480px;
 }
 
 .p-adjust {
    letter-spacing: -0.01px;
 }
 
 .text-\[36px\] {
    font-size: 36px;
 }
 
 .text-\[46px\] {
    font-size: 46px;
 }
 
 .leading-\[42px\] {
    line-height: 42px;
 }
 
 .leading-\[52px\] {
    line-height: 52px;
 }
 
 .leading-\[28px\] {
    line-height: 28px;
 }
 
 .rounded-\[150px\] {
    border-radius: 150px;
 }
 
 .decoration-none {
    text-decoration: none;
 }
 
 .hover-lightblue:hover {
    background-color: #bbdefb;
 }
 
 .py-\[40px\] {
    padding-top: 40px;
    padding-bottom: 40px;
 }
 
 .px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
 }
 
 .p-\[40px\] {
    padding: 40px;
 }
 
 .mt-\[60px\] {
    margin-top: 60px;
 }
 
 .m-\[30px\] {
    margin: 30px;
 }
 
 .m-\[6px\] {
    margin: 6px;
 }
 
 .mt-\[40px\] {
    margin-top: 40px;
 }
 
 .mb-\[40px\] {
    margin-bottom: 40px;
 }
 
 .mb-\[100px\] {
    margin-bottom: 100px;
 }
 
 .mx-\[30px\] {
    margin-left: 30px;
    margin-right: 30px;
 }
 
 .my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px;
 }
 
 .productCard-shadow {
    box-shadow: rgba(38, 50, 56, 0.25) 0px 1px 7px 0px;
 }
 
 .text-transform-none {
    text-transform: none;
 }
 
 .flex-flow-col {
    flex-flow: column;
 }
 
 .flex-flow-wrap {
    flex-flow: wrap;
 }
 
 .font-bold {
    font-weight: 700;
 }
 
 .text-\[18px\] {
    font-size: 18px;
 }
 
 .text-center {
    text-align: center;
 }
 
 .m-0 {
    margin: 0;
 }
 
 .relative {
    position: relative;
 }
 
 
 @media (min-width: 568px) {
    .sm\:px-\[50px\] {
       padding-left: 50px;
       padding-right: 50px;
    }
 
    .sm\:text-\[46px\] {
       font-size: 46px;
    }
 
    .sm\:leading-\[52px\] {
       line-height: 52px;
    }
 }
 
 @media (min-width: 768px) {
    .md\:mb-\[110px\] {
       margin-bottom: 110px;
    }
 
    .md\:ml-\[60px\] {
       margin-left: 60px;
    }
 
    .md\:min-h-\[350px\] {
       min-height: 350px;
    }
 
    .md\:max-w-\[650px\] {
       max-width: 650px;
    }
 
    .md\:flex-flow-row {
       flex-flow: row;
    }
 
    .md\:alignitem-center {
       align-items: center;
    }
 
    .md\:w-full {
       width: 100%;
    }
 }
 
 @media (min-width: 991px) {
 
    .lg\:max-w-\[800px\] {
       max-width: 800px;
    }
 
    .lg\:w-\[800px\] {
       width: 800px;
    }
 
    .lg\:w-\[80\] {
       width: 80%;
    }
 
    .lg\:w-\[500px\] {
       width: 500px;
    }
 
    .lg\:w-\[1000px\] {
       width: 1000px;
    }
 
    .lg\:text-\[21px\] {
       font-size: 21px;
    }
 
    .lg\:leading-\[36px\] {
       line-height: 36px;
    }
 
    .lg\:flexDirection-row {
       flex-direction: row
    }
 
    .lg\:max-w-full {
       max-width: 100%;
    }
 
    .lg\:px-\[0\] {
       padding-left: 0;
       padding-right: 0;
    }
 
    .lg\:mt-\[60px\] {
       margin-top: 60px;
    }
 }
 
 @media (max-width: 991px) {
    .productImg {
       width: 120%;
    }
 }
 
 @media (max-width: 767px) {
    .productImg {
       min-width: 480px;
    }
 }
 
 @media (max-width: 479px) {
    .productImg {
       min-width: 350px;
    }
 }
 
 
 /* new css */
 
 
 /* product  */
 
 .bl_product_wrp {
    background-color: #fff;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    width: 1000px;
    margin: 60px auto 80px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 7px #26323840;
 }
 
 .bl_pr_img {
    justify-content: center;
    align-items: center;
    width: 500px;
    min-height: 350px;
    display: flex;
    position: relative;
    left: auto;
    right: auto;
    overflow: hidden;
 }
 
 .bl_pr_img_file {
    position: absolute;
 }
 
 .bl_pr_content_wrp {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 100%;
    margin-top: 40px;
    margin-bottom: 40px !important;
    display: flex;
 }
 
 .bl_pr_ttl {
    text-align: center;
    width: 80%;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    position: relative;
 }
 
 .bl_pr_cap {
    color: #00b0ff;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
 }
 
 .caption2 {
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
 }
 
 .bl_pr_descr {
    text-align: center;
    width: 80%;
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px;
    position: relative;
 }
 
 .bl_pr_price {
    color: #40c4ff;
    position: relative;
 }
 
 .headline4 {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
 }
 
 /* author  */
 
 img.bl_ar_img {
    width: 100%;
}

 .bl_auth_mod_wrp {
    background-color: #eceff1;
    border-radius: 10px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin-top: 60px;
    margin-bottom: 60px !important;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    position: relative;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%);
 }
 
 .bl_athr_img_wrp {
    border-radius: 150px;
    width: 160px;
    height: 160px;
    margin: 30px 30px 30px 60px !important;
    position: relative;
    overflow: hidden;
 }
 
 .bl_prof_col {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
 }
 
 .bl_athr_name_wrp {
    color: #546e7a;
    margin-left: 30px;
    margin-right: 30px;
 }
 
 .headline2 {
    color: #37474f;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-transform: capitalize;
 }
 
 .bl_bio_cap {
    color: #757575;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
 }
 
 .caption2 {
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
 }
 
 .bl_athr_bio_wrp {
    color: #757575;
    margin: 20px 30px;
    position: relative;
 }
 
 .body_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
 }
 
 /* next read */
 
 .bl_seealso_wrp {
    background-color: #eceff1;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin-bottom: 60px;
    padding: 40px;
    display: flex;
    position: relative;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%);
 }
 
 .bl_seealso_ttl_wrp {
    color: #37474f;
    position: relative;
 }
 
 .bl_topics_wrp {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-top: 10px;
    display: flex;
    position: relative;
 }
 
 .bl_topic {
   background-color: #fff;
   color: #37474f !important;
   cursor: pointer;
   border-radius: 20px;
   justify-content: center;
   align-items: center;
   height: 32px;
   margin: 6px !important;
   padding-left: 20px;
   padding-right: 20px;
   display: flex;
   position: relative;
   text-decoration: none;
}
 
.EditorBlock {
   flex-wrap: wrap;
   gap: 15px;
   height: auto;
   min-width: 200px;
   max-width: 200px;
   padding: 10px;
}
.EditorBlock h4 {
   margin: 0px;
}

 .bl_topic:hover {
    background-color: #bbdefb;
 }
 
 .caption1 {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
 }
 
 @media (max-width: 991px) {
 
    /* product  */
    .bl_product_wrp {
       flex-direction: column;
       width: 90%;
       max-width: 600px;
    }
 
    .bl_pr_img {
       width: 100%;
    }
 
    .bl_pr_img_file {
       width: 120%;
    }
 
    .bl_pr_content_wrp {
       width: 100%;
       margin-top: 40px;
       margin-bottom: 40px;
    }
 
    .bl_pr_descr {
       width: 90%;
    }
 
    /* author  */
 
    .bl_auth_mod_wrp {
       max-width: 650px;
    }
 
    .bl_athr_name_wrp {
       cursor: pointer;
    }
 
    /* next read */
 
    .bl_seealso_wrp {
       max-width: 650px;
    }
 }
 
 @media (max-width: 767px) {
 
    /* author */
    .bl_auth_mod_wrp {
       flex-flow: column;
       justify-content: flex-start;
       align-items: flex-start;
       width: 90%;
       max-width: 480px;
    }
 
    .bl_athr_col {
       position: relative;
    }
 
    .bl_athr_img_wrp {
       margin-left: 30px;
    }
 
    /* next read */
 
    .bl_seealso_wrp {
       width: 90%;
    }
 }
 
 @media (max-width: 479px) {
    .bl_pr_img {
       min-height: 250px;
    }
 
    .bl_pr_img_file {
       min-width: 350px;
    }
 
    .bl_pr_content_wrp {
       width: 100%;
       height: auto;
    }
 }

 .bl_aricle_meta h5 {
      font-size: 21px;
      font-weight: 400;
      line-height: 36px;
 }
 .bl_aricle_meta {
   margin-top: 6px;
}
 .author_block_detail {
   display: flex;
   gap: 11px;
   align-items: center;
   margin-top: 16px;
}

.author_icon {
   display: flex;
   align-items: center;
   gap: 5px;
}

.author_icon span {
   display: block;
   font-size: 15px;
   font-weight: normal;
}

.author_name h5 {
   font-size: 15px;
   text-transform: capitalize;
}

.author_name a {
   font-size: 15px;
   text-transform: capitalize;
}

.author_img img {
   border-radius: 100%;
}

.breadcrumb {
   max-width: 800px;
   margin: 47px auto;
   padding: 0;
}

.breadcrumb ul {
   list-style: none;
   display: flex;
   gap: 20px;
}

.breadcrumb li a {
   color: rgb(38 50 56 / 32%);
   font-weight: bold;
}

.breadcrumb li {
   font-weight: 400;
   color: #37474F;
}