/************************************ Start: Heading No Padd Helper Classes ************************************/
.cms_helper_headingNoPadd h1,
.cms_helper_headingNoPadd h2,
.cms_helper_headingNoPadd h3,
.cms_helper_headingNoPadd h4,
.cms_helper_headingNoPadd h5 { padding: 0; }
/************************************ End: Heading No Padd Helper Classes ************************************/

/************************************ Start: Box Helper Classes ************************************/
.cms_helper_box { position: relative; width: 100%; }
.cms_helper_box_flexColumn { display: flex; flex-direction: column; }
.cms_helper_box_shadowRadius { border-radius: 30px; box-shadow: var(--boxShadowDefault); overflow: hidden; transition: all .3s ease-in-out; }
.cms_helper_box_shadowRadius:hover { box-shadow: var(--boxShadowHover); }
.cms_helper_box_softbtn:hover .button-soft > a { display: inline-flex; color: var(--secondary); text-decoration: none; }
.cms_helper_box_softbtn:hover .button-soft > a:before,
.cms_helper_box_softbtn:hover .button-soft > a:after { right: 0; }
.cms_helper_box_softbtn:hover .button-soft > a:before { opacity: 0; visibility: hidden; }
.cms_helper_box_softbtn:hover .button-soft > a:after { opacity: 1; visibility: visible; }
/************************************ End: Box Helper Classes ************************************/

/************************************ Start: Det Helper Classes ************************************/
.cms_helper_det { padding: 0 0 62px 0; }
.cms_helper_det .cms_date_box { display: table; margin: 0 0 43px 0; }
.cms_helper_detImgBox { position: relative; }
.cms_helper_detImgBox > .full_article_link { border-radius: 30px; }
.cms_helper_detImg { width: 100%; border-radius: 30px; }
/************************************ End: Det Helper Classes ************************************/

/************************************ Start: Img Helper Classes ************************************/
.cms_helper_imgContainer { position: relative; z-index: 1 !important; width: 100%; }
.cms_helper_imgLegendHide { display: none !important; }
.cms_helper_img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.cms_helper_imgBox { width: 100%; }
.cms_helper_imgFixZindex { z-index: 12 !important; }
/************************************ End: Img Helper Classes ************************************/

/************************************ Start: Scrollbox Helper Classes ************************************/
@media screen and (max-width: 959px) {
    .cms_helper_tbScrollBoxParent { width: 100%; overflow-x: scroll; overflow-y: hidden; }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .cms_helper_tbScrollBoxParent::-webkit-scrollbar { display: none; }
    /* Hide scrollbar for IE, Edge and Firefox */
    .cms_helper_tbScrollBoxParent { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }
}
/************************************ End: Scrollbox Helper Classes ************************************/

/************************************ Start: Slick Slider Helper Classes ************************************/
.cms_helper_arrows { position: absolute; z-index: 1; display: flex; align-items: center; gap: 30px; }
.cms_helper_arrow.slick-disabled { pointer-events: none; opacity: 0; visibility: hidden; }
@media screen and (max-width: 959px) {
    .cms_helper_sliderContainer { width: 100% !important; padding: 0 !important; overflow-x: scroll; overflow-y: hidden; }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .cms_helper_sliderContainer::-webkit-scrollbar { display: none; }
    /* Hide scrollbar for IE, Edge and Firefox */
    .cms_helper_sliderContainer { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }
    .cms_helper_slider { opacity: 1; visibility: visible; transition: none; -webkit-transition: none; padding: 15px; display: flex; flex-wrap: wrap; justify-content: flex-start; }
    .cms_helper_slider > div { display: flex; padding: 15px; }
    .cms_helper_arrows { display: none; }
}
/************************************ End: Slick Slider Helper Classes ************************************/