.el-blog-items {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}@media (max-width: 992px) {.el-blog-items {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 600px) {.el-blog-items {grid-template-columns: 1fr;}}.el-blog-item .el-post-thumb {position: relative;}.el-blog-item .el-post-thumb-inner {background-color: #1b1525;display: block;overflow: hidden;height: 270px;}.el-blog-item .el-post-thumb img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;transition: all 0.5s cubic-bezier(.1, .75, .25, 1);}.el-blog-item:hover .el-post-thumb img {transform: scale(1.05);}.el-blog-item .el-post-thumb .category {background-color: var(--softgen-primary-color, #4b83ff);line-height: 1;padding: 10px 20px;border-radius: 2px;color: var(--softgen-white-color, #fff);font-size: 12px;letter-spacing: 0.5px;font-weight: 600;text-transform: uppercase;position: absolute;right: 20px;top: 20px;z-index: 1;}.el-blog-item .el-post-thumb .category:hover {background-color: var(--softgen-secondary-color, #089fac);}.el-blog-item .el-post-thumb .category.bottom-left {right: auto;left: 0;}.el-blog-item .el-post-thumb .category.bottom-center {right: 50%;transform: translateX(50%);}.el-blog-item .el-post-thumb .category.top-left {right: auto;left: 15px;bottom: auto;top: 15px;}.el-blog-item .el-post-thumb .category.top-right {right: 15px;left: auto;bottom: auto;top: 15px;}.el-blog-item .el-post-thumb .category.center {right: 50%;bottom: 50%;transform: translate(50%, 50%);}.el-blog-item .el-post-content {background-color: var(--softgen-bg-white, #fff);padding: 30px;margin: -80px 20px 0;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);position: relative;}.el-blog-item .post-meta {margin-bottom: 10px;}.el-blog-item .post-meta li {display: inline-block;font-family: var(--softgen-primary-font, "Syne");}.el-blog-item .post-meta li:not(:last-of-type) {margin-right: 10px;}.rtl .el-blog-item .post-meta li:not(:last-of-type) {margin-right: 0;margin-left: 10px;}.el-blog-item .post-meta li a {font-size: 15px;font-weight: 500;text-transform: capitalize;color: var(--softgen-grey-color, #5d6374);display: inline-flex;align-items: center;}.el-blog-item .post-meta li a:hover {color: var(--softgen-primary-color, #4b83ff);}.el-blog-item .post-meta li a i {font-size: 15px;color: var(--softgen-primary-color, #4b83ff);margin-right: 5px;margin-top: -2px;}.rtl .el-blog-item .post-meta li a i {margin-right: 0;margin-left: 5px;}.el-blog-item .el-post-content .post-title {font-family: var(--softgen-primary-font, "Syne");font-size: 24px;line-height: 30px;font-weight: 700;color: var(--softgen-dark-color, #191d28);letter-spacing: -0.5px;transition: all 0.3s ease;text-transform: capitalize;position: relative;margin-bottom: 0;}.el-blog-item .el-post-content .post-title a {color: var(--softgen-dark-color, #191d28);}.el-blog-item .el-post-content .post-title a:hover {color: var(--softgen-dark-color, #191d28);}.line-effect-yes .el-blog-item .el-post-content .post-title a {background-image: linear-gradient(var(--softgen-primary-color, "#4b83ff") 0%, var(--softgen-primary-color, "#4b83ff") 98%);background-size: 0 3px;background-repeat: no-repeat;background-position: left 100%;}.line-effect-yes .el-blog-item .el-post-content .post-title a:hover {background-size: 100% 3px;}.el-blog-item .el-post-content p {font-family: var(--softgen-secondary-font, "DM Sans");font-size: 16px;line-height: 27px;color: var(--softgen-grey-color, #747475);margin-bottom: 0;margin-top: 15px;}.el-blog-item .el-post-content .read-more {display: flex;align-items: center;gap: 5px;font-family: var(--softgen-primary-font, "Syne");font-size: 16px;line-height: 1;font-weight: 600;color: var(--softgen-dark-color, #191d28);margin: 15px 0 0;position: relative;}.el-blog-item .el-post-content .read-more i{font-size: 25px;margin-top: 2px;line-height: 1;}.el-blog-item .el-post-content .read-more:hover {color: var(--softgen-primary-color, "#4b83ff");gap: 8px;}.dl-animation {animation-duration: 0.3s;animation-fill-mode: both;}.animated{animation-duration: 0.3s;animation-fill-mode: both;}.sg-fadeIn {-webkit-animation-name: sgFadeIn;animation-name: sgFadeIn;}@-webkit-keyframes sgFadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes sgFadeIn {from {opacity: 0;}to {opacity: 1;}}.sg-fadeInLeft {-webkit-animation-name: sgFadeInLeft;animation-name: sgFadeInLeft;}@-webkit-keyframes sgFadeInLeft {from {-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;}to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}@keyframes sgFadeInLeft {from {-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;}to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}.sg-fadeInRight {-webkit-animation-name: sgFadeInRight;animation-name: sgFadeInRight;}@-webkit-keyframes sgFadeInRight {from {-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;}to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}@keyframes sgFadeInRight {from {-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;}to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}.sg-fadeInTop {-webkit-animation-name: sgFadeInTop;animation-name: sgFadeInTop;}@-webkit-keyframes sgFadeInTop {from {-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;}to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}@keyframes sgFadeInTop {from {-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;}to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}.sg-fadeInBottom {-webkit-animation-name: sgFadeInBottom;animation-name: sgFadeInBottom;}@-webkit-keyframes sgFadeInBottom {from {-webkit-transform: translateY(50px);transform: translateY(50px);opacity: 0;}to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}@keyframes sgFadeInBottom {from {-webkit-transform: translateY(50px);transform: translateY(50px);opacity: 0;}to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}.splitting.sg-textFadeIn.animated .char {-webkit-animation: textFadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;animation: textFadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;-webkit-animation-delay: calc(30ms * var(--char-index));animation-delay: calc(30ms * var(--char-index));}.splitting.sg-textFadeIn .whitespace {width: 5px;}@-webkit-keyframes textFadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes textFadeIn {0% {opacity: 0;}100% {opacity: 1;}}.splitting.sg-textFadeInTop.animated .char {-webkit-animation: textFadeInTop 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;animation: textFadeInTop 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;-webkit-animation-delay: calc(30ms * var(--char-index));animation-delay: calc(30ms * var(--char-index));display: inline-block;}.splitting.sg-textFadeInTop .whitespace {width: 10px;}@-webkit-keyframes textFadeInTop {0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes textFadeInTop {0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}.splitting.sg-textFadeInBottom.animated .char {-webkit-animation: textFadeInBottom 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;animation: textFadeInBottom 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;-webkit-animation-delay: calc(30ms * var(--char-index));animation-delay: calc(30ms * var(--char-index));display: inline-block;}.splitting.sg-textFadeInBottom .whitespace {width: 10px;}@-webkit-keyframes textFadeInBottom {0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes textFadeInBottom {0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0 -10px;
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);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
margin: 0 10px;
}
[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;
}