* { box-sizing: border-box; margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
p { margin: 0; }
/*.slider-main-container { max-width: 1140px; margin: 100px auto; padding: 0 15px; } */
.tg_work-slider h2 { font-size: 36px; margin-bottom: 30px; font-family: "DM Sans"; }
.tg_work-slider .item { margin: 0 15px; height: initial; min-height: initial; }
.tg_work-slider .slick-track { display: flex; }
.tg_work-slider .card { background: #fff; border-radius: 6px;  height: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
    background-color: rgb(255, 255, 255); }
.tg_work-slider .card img { width: 100%; object-fit: cover; object-position: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.tg_work-slider .card-content { padding: 20px; }
.tg_work-slider .card-content h3 {  font-size: 24px; margin: 0 0 5px 0; font-family: "DM Sans"; line-height: 1.3; }
.tg_work-slider .btn { display: inline-block; padding: 10px 22px; text-decoration: none; color: #1f535e; font-size: 16px; transition: 0.3s; font-family: "DM Sans"; }
/*.tg_work-slider .btn:hover { background: #1f535e; color: #fff; } */
.tg_work-slider .btn:hover { color:#1f535e; }
/* Slick arrows fix */
.tg_work-slider .slick-prev:before, .tg_work-slider .slick-next:before { color: #000; font-size: 30px; }
/* Arrow container */
.tg_work-slider .slick-prev, .tg_work-slider .slick-next { width: 50px; height: 50px; background: rgb(245, 245, 245); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; }
/* Remove default slick styles */
.tg_work-slider .slick-prev:before, .tg_work-slider .slick-next:before { font-family: inherit; font-size: 0; color: #000; opacity: 1; }

/* Custom arrows */
.tg_work-slider .slick-prev:before,
.tg_work-slider .slick-next:before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M22 11H4.414l5.293-5.293a1 1 0 1 0-1.414-1.414l-7 7a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414-1.414L4.414 13H22a1 1 0 0 0 0-2z" fill="%23000000" opacity="1" data-original="%23000000" class=""></path></g></svg>'); height: 20px; width: 20px; content: ""; background-size: cover; display: flex; justify-content: center; align-items: center; }

.tg_work-slider .slick-next:before { transform: rotate(180deg); }

/* Positioning */
.tg_work-slider .slick-prev { left: unset; right: 70px; top: -40px; }
.tg_work-slider .slick-next { right: 15px; top: -40px; }

/* Hover effect (optional but nice) */
.tg_work-slider .slick-prev:hover, .tg_work-slider .slick-next:hover { background-color:#bebebec2  }
.tg_work-slider .card:hover  img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: scale(1.03); transform: scale(1.03); }
.card-tg-inner-img{ overflow: hidden; }

.tg_work-slider .card-content i.flaticon.flaticon-right-arrow-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
 
.tg_work-slider .card-content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0;
}
.tg_work-slider .card-content a:hover i { 
    transform: translateX(5px); 
} 
.tg_work-slider .card-content a i{
    transition: 0.2s linear;
}
.tg_work-slider .slick-list.draggable {
    padding-bottom: 20px;
}
.tg_work-slider .slick-dots li {margin: 0;width: auto;height: auto;}


.tg_work-slider ul.slick-dots {
    position: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}
 
.tg_work-slider .slick-dots li button {
    background: #ada5a5;
    border-radius: 20px;
    width: 10px;
    height: 10px;
    transition: 0.5s all;
    font-size: 0;
}

.tg_work-slider ul.slick-dots li.slick-active button {
    background: #1f535e;
}
 
.tg_work-slider .slick-dots li button:before {content:none;}

@media (max-width:1199px){
	.tg_work-slider .card-content h3 {
    font-size: 20px;
	}
}
@media (max-width:767px){
	.tg_work-slider .card-content h3 {
    font-size: 18px;
	}
	.tg_work-slider .card-content {
    padding: 15px;
}
}