.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider-nav .slick-list {
overflow: unset;
}
.slider-nav .slick-track {
display: flex;
flex-direction: column;
height: 100%!important;
}
.slick-track {
transform: translate3d(0px, 0px, 0px) !important;
}
.slider-for .slick-slide.slider-post {
display: flex;
gap: 30px;
justify-content: space-between;
align-items: flex-end;
background-size: cover;
padding: 32px;
border-radius: 8px;
aspect-ratio: 3 / 2;
}
.slider-for .right-side {
display: flex;
align-items: center;
height: 40%;
}
.slick-slide.slider-post .left-side {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.slider-for .slick-slide.slider-post .right-side {
flex: 0 0 155px;
}  .container-slider {
display: flex;
max-width: var(--site_width);
margin: 0 auto;
opacity: 0;
transition: opacity .5s ease-in-out;
}
.container-slider.icisa-show {
opacity: 1;
}
.slider-nav {
width: 22.5%;
margin-right: 2.5%;
}
.slider-for {
width: 75%;
}
.slider-nav.slick-vertical .slick-slide {
background: #fff;
border-radius: 8px;
padding: 16px;
display: flex;
flex-direction: column;
transition: box-shadow .3s ease-in-out;
box-shadow: 0 4px 8px 0 #e8f1fc;
cursor: pointer;
flex: 1 1;
}
.slider-nav.slick-vertical .slick-slide:not(:last-of-type) {
margin-bottom: 16px;
}
.slider-nav .post-type {
text-transform: uppercase;
font-family: "Work Sans";
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: 1.6px;
color: #ee7203 !important;
margin-bottom: 4px;
}
.slider-nav .post-title {
font-family: "Bitter";
color: #242423;
font-size: 20px;
}
.slider-nav .slick-current {
box-shadow: inset 0 0 0 1px #063e85, 0 4px 8px 0 #e8f1fc !important;
}
.slider-for .post-type {
font-family: "Work Sans";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: 1.6px;
color: #fff;
text-transform: uppercase;
}
.slider-for .post-title {
font-family: "Work Sans";
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: normal;
color: #fff;	
margin-block: 24px;
}
.slider-for .slider-excerpt {
font-family: Bitter;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
color: #fff;	
}
.slider-for .post-title a,
.slider-for .post-title a:hover,
.slider-for .slider-excerpt a,
.slider-for .slider-excerpt a:hover {
color: inherit;
}
.slider-for .slider-read-more {
background: #fff;
color: #063e85;
font-family: "Work Sans";
font-size: 18px;
font-weight: 600;
padding: 8px 24px;
border-radius: 8px;
}
button.slick-next.slick-arrow {
left: 96px;
}
button.slick-arrow {
position: absolute;
top: 32px;
left: 32px;
z-index: 1;
width: 48px;
height: 48px;
background: #fff;
border: none;
border-radius: 8px;
appearance: none;
cursor: pointer;
}
.slick-next.slick-arrow::before {
content: "\f054";
font-family: 'Font Awesome 5 Free';
color: #F8A23F;
font-weight: 600;
font-size: 20px;
color: #052861;
}
.slick-prev.slick-arrow::before {
content: "\f053";
font-family: 'Font Awesome 5 Free';
color: #F8A23F;
font-weight: 600;
font-size: 20px;
color: #052861;
}
.slider-read-more::after {
content: "\f054";
font-family: 'Font Awesome 5 Free';
color: #F8A23F;
font-weight: 600;
font-size: 12px;
color: #052861;
margin-left: 4px;
}
.slick-dots li {
list-style: none;
padding-left: 0;
}
.slick-dots {
padding-left: 0;
display: flex;
justify-content: center;
gap: 4px;
}
.slick-dots button {
background: #fff;
border-radius: 50%;
border: 2px solid #3372b5;
width: 22px;
height: 22px;
color: transparent;
}
.slick-dots .slick-active button {
background: #3372b5;
}
button.slick-arrow.slick-disabled::before {
color: #bebec0;
cursor: default;
}
button.slick-arrow.slick-disabled {
cursor: default;
}
@media (min-width: 1101px) {
.slider-for .slick-track, .slider-for .slick-list, .slider-nav .slick-list {
height: 100% !important;
}
}
@media (max-width: 1100px) {
.slider-nav {
display: none;
}
.slider-for {
width: 100%;
}
}
@media (max-width: 600px) {	
.slider-for .post-title {
font-size: 24px;
}
.slider-for .slick-slide.slider-post {
flex-direction: column;
align-items: unset;
aspect-ratio: unset;
}
.slider-for .slider-post .left-side {
justify-content: flex-end;
margin-top: 60px;
}
.slider-for .slick-slide.slider-post .right-side {
flex: unset;
height: unset;
}
.slick-prev.slick-arrow::before, .slick-next.slick-arrow::before {
font-size: 16px;
}
button.slick-arrow {
width: 38px;
height: 38px;
}
button.slick-next.slick-arrow {
left: 80px;
}
}
@media (min-width: 601px) and (max-width: 1100px) {
.slider-for .post-title {
font-size: 30px;
}	
.slider-for .slick-slide.slider-post {
flex-direction: column;
align-items: unset;
aspect-ratio: unset;
}
.slider-for .slider-post .left-side {
justify-content: flex-end;
}
.slider-for .slick-slide.slider-post .right-side {
flex: unset;
height: unset;
}
.slider-for .slider-post .left-side {
margin-top: 80px;
}
}