/* 
Theme Name : Elegar
Author : Bineesh | Illucus
Version : 1.0
Support : info@illucus.com

*/

	.tc-banner-slider {
    padding: 60px 0;
}

.banner-slider {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    height: 380px;
}

.banner-slider .slides {
    display: flex;
    transition: transform 0.6s ease-in-out;
}

.banner-slider img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    flex-shrink: 0;
}

/* Arrows */
.banner-slider button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    border: none;
    color: #fff;
    font-size: 22px;
    padding: 3px 14px;
    cursor: pointer;
    border-radius: 100%;
    z-index: 2;
}

.banner-slider .prev { left: 15px; }
.banner-slider .next { right: 15px; }

.banner-slider button:hover {
    background: #000;
}

/* Responsive */
@media(max-width:991px){
    .banner-slider {
        margin-top:30px;
        height:280px;
    }
    .banner-slider img {
        height:280px;
    }
}


.why-choose-list{ margin-top:20px; }

.why-item{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:26px;
}

/* font icons */
.why-item .icon{
    font-size:28px;
    width:36px;
    text-align:center;
}

/* ISO image icon (same size as font icons) */
.icon-img{
    width:32px;
    height:32px;
    object-fit:contain;
}

/* text */
.why-item span{
    font-size:20px;
    font-weight:600;
    color:#1f2a37  !important;
}

/* colors */
.green{ color:#27ae60; }
.blue{ color:#2980b9; }
.red{ color:#e74c3c; }
.purple{ color:#8e44ad; }
.teal{ color:#16a085; }

@media(max-width:576px){
    .why-item span{ font-size:17px; }
}

		
		.clients-slider-section {
    padding: 60px 0;
}

.logo-slider {
    overflow: hidden;
    position: relative;
}

.logo-track {
    display: flex;
    width: max-content;
    animation: scroll 60s linear infinite;
}

.logo-item {
    width: 100%;
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item img {
    max-width: 100%;
    max-height: 140px;
    filter: grayscale(100%);
    transition: 0.3s ease;
}

.logo-item img:hover {
    filter: grayscale(0%);
    transform: scale(1.1);
}
input:focus {
    background: #0a0d9c !important;
}
.newsletter-form .wpcf7-email {
    background: none !important;
}

/* Pause on hover */
.logo-slider:hover .logo-track {
    animation-play-state: paused;
}

/* Infinite animation */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
 @media (max-width: 1400px) {body.home-style3 .tc-header-style3 .content .info h1 {
								font-size: 33px !important;
								 }}
/* mini laptop */
 @media (max-width: 1200px) {body.home-style3 .tc-header-style3 .content .info h1 {
								font-size: 30px !important;
								 }}
/* Mobile */
@media(max-width:768px){
    .logo-item {
        width:100%;
        margin:0 15px;
    }
	 body.home-style3 .tc-header-style3 .content .info h1 {
	 font-size: 30px !important;
	}
	section.tc-about-style3 .wow img {
    margin-bottom: 50px;
}
	header.tc-header-style3 .content {
    margin-top: 0px !important;
}
	.tc-contact-style3 .content {padding: 10px 0 !important;}
	.home-style3 .mb-50 { margin-bottom: 0px !important;}
	.home-style3 section.tc-about-style3{padding-bottom: 0px !important;}
	.home-style3 section.related-projects {padding: 10px 0 !important;}
	.home-style3 .mb-5 {margin-bottom: 0rem !important;}
	section.section-lgt .pbmit-sticky {padding-right: 0px !important;}
	.newsletter-form .wpcf7-submit {
	padding: 15px 8px;
}
}

@media (max-width: 320px) {
    body.home-style3 .tc-header-style3 .content .info h1 {
        font-size: 26px !important;
    }
}