/* PREMIUM IMAGE CAROUSEL */


        .hero-slide {

            height: 85vh;

            display: flex;

            align-items: center;

            padding: 0 8%;

            background-size: cover;

            background-position: center;

        }



        /* SLIDE IMAGES */


        .slide-two {


            background:

                linear-gradient(90deg,

                    rgba(0, 0, 0, 0.65),

                    rgba(0, 0, 0, 0.05)),

                url("images/banner2.jpg");


            background-size: cover;

            background-position: center;

        }




        .slide-three {


            background:

                linear-gradient(90deg,

                    rgba(0, 0, 0, 0.65),

                    rgba(0, 0, 0, 0.05)),

                url("images/banner3.jpg");


            background-size: cover;

            background-position: center;

        }





        .hero-content {


            max-width: 650px;

            color: white;

        }

        .banner-one {

            background:
                radial-gradient(circle at 75% 50%,
                    rgba(0, 180, 200, .35),
                    transparent 25%),

                linear-gradient(90deg,
                    #061b2d 0%,
                    #12324d 45%,
                    #dce9ef 100%);


            position: relative;

            overflow: hidden;

        }



        /* Product Area */

        .banner-products {

            position: absolute;

            right: 3%;

            bottom: 0;

            width: 55%;

            height: 100%;

            display: flex;

            align-items: center;

            justify-content: center;

        }



        /* Remove white image feel */

        .product-img {

            position: absolute;

            mix-blend-mode: multiply;

            filter:

                drop-shadow(0px 30px 30px rgba(0, 0, 0, .45));


            animation:
                slideProduct 1.5s ease;

        }



        /* back product */
        .banner-one {

            background:
                radial-gradient(circle at 75% 50%,
                    rgba(0, 180, 200, .30),
                    transparent 28%),

                linear-gradient(90deg,
                    #061b2d 0%,
                    #12324d 45%,
                    #e8f3f7 100%);

            position: relative;
            overflow: hidden;

        }



        .banner-products {

            position: absolute;

            right: 4%;
            bottom: 0;

            width: 50%;
            height: 100%;

            display: flex;

            align-items: center;
            justify-content: center;

        }



        .product-img {

            height: 82%;

            position: relative;


            filter:
                drop-shadow(0 35px 45px rgba(0, 0, 0, .45));


            animation:
                productMove 1.5s ease forwards;

        }



        @keyframes productMove {


            from {

                opacity: 0;

                transform: translateX(120px);

            }


            to {

                opacity: 1;

                transform: translateX(0);

            }

        }




        @keyframes slideProduct {

            from {

                opacity: 0;

                transform: translateX(150px);

            }

            to {

                opacity: 1;

            }

        }




        /* images */


        .product-img {

            position: absolute;

            filter:
                drop-shadow(0 25px 35px rgba(0, 0, 0, .35));

            animation:
                productMove 1.5s ease forwards;

        }



        .img-one {

            height: 72%;

            right: 280px;

            bottom: 40px;

            z-index: 2;

        }



        .img-two {

            height: 82%;

            right: 0;

            bottom: 20px;

            z-index: 3;

        }




        /* small animation */


        @keyframes productMove {


            from {

                opacity: 0;

                transform: translateX(100px);

            }


            to {

                opacity: 1;

                transform: translateX(0);

            }

        }

        .hero-slide {

            height: 85vh;

            display: flex;

            align-items: center;

            padding: 0 8%;

            background-size: cover;

            background-position: center;

        }


        /* FIRST SLIDE IMAGE */

        .banner-one {

            background:

                linear-gradient(90deg,
                    rgba(5, 25, 45, 0.95) 0%,
                    rgba(5, 25, 45, 0.85) 35%,
                    rgba(5, 25, 45, 0.25) 65%,
                    rgba(255, 255, 255, 0.05) 100%),

                url("images/banner1.jpg");


            background-size: cover;

            background-position: center right;

        }



        .banner-two{

            background:
            radial-gradient(
            circle at 75% 50%,
            rgba(255,140,0,.25),
            transparent 28%
            ),

            linear-gradient(
            90deg,
            #061b2d 0%,
            #12324d 45%,
            #fff4e5 100%
            );


            position:relative;

            overflow:hidden;

}




        .hero-content {

            max-width: 700px;

            color: white;

        }



        .hero-content h5 {

            font-size: 15px;

            letter-spacing: 4px;

            font-weight: 700;

            color: white !important;

            position: relative;

            margin-bottom: 30px;

        }


        .hero-content h1 {

            font-size: 60px;

            font-weight: 900;

            line-height: 1.15;

        }


        .hero-content h1 span {

            color: #73b7ff;

        }



        .hero-content p {

            font-size: 18px;

            margin: 25px 0;

            width: 80%;

        }



        .hero-btn {

            display: inline-block;

            padding: 15px 35px;

            background: #2f68a8;

            border: 2px solid #73b7ff;

            color: white;

            font-weight: 700;

            text-decoration: none;

            transition: .4s;

        }



        .hero-btn:hover {

            background: #ff8c00;

            border-color: #ff8c00;

            color: white;

        }

        .hero-content h5 {


            color: #ff8c00;

            font-size: 18px;

            font-weight: 700;

            letter-spacing: 2px;


        }




        .hero-content h1 {


            font-size: 58px;

            font-weight: 800;

        }

        .hero-content span {


            color: #ff8c00;


        }



        .hero-content p {


            font-size: 18px;

            margin: 25px 0;

        }

        .hero-btn {
            background: #ff8c00;
            padding: 14px 35px;
            color: white;
            border-radius: 5px;
            text-decoration: none;
            transition: .4s;
        }

        .hero-btn:hover {
            background: #079da3;
            color: white;
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: #079da3;
            padding: 25px;
            border-radius: 50%;
        }

        /* MOBILE */

        @media(max-width:768px) {
            .hero-slide {
                height: 70vh;
                padding: 25px;
            }

            .hero-content h1 {
                font-size: 35px;
            }
        }

        @keyframes moveUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* RESPONSIVE */

        @media(max-width:768px) {
            .hero-slide {
                height: 75vh;
                padding: 30px;
            }

            .hero-content h1 {
                font-size: 35px;
            }

            .hero-content p {
                font-size: 16px;
            }

            .hero-btn {
                padding: 12px 25px;
            }
        }

        /* =========================
   PREMIUM SLIDE TEXT EFFECT
========================= */


        /* reset before active */

        .carousel-item .hero-content {

            opacity: 0;

            transform: translateX(-100px);

        }



        /* when slide active */

        .carousel-item.active .hero-content {

            animation:

                textEnterLeft 1.2s ease forwards;

        }



        /* small heading delay */

        .carousel-item.active h5 {

            animation:

                textEnterLeft 1s ease forwards;

        }



        /* main heading delay */

        .carousel-item.active h1 {

            animation:

                textEnterLeft 1.4s ease forwards;

        }



        /* paragraph delay */

        .carousel-item.active p {

            animation:

                textEnterLeft 1.8s ease forwards;

        }



        /* button delay */

        .carousel-item.active .hero-btn {

            animation:

                textEnterLeft 2.1s ease forwards;

        }

        @keyframes textEnterLeft {
            from {
                opacity: 0;
                transform: translateX(-120px);
            }

            to {


                opacity: 1;

                transform: translateX(0);


            }


        }

        .hero-whatwedo {

            padding: 90px 0;

            background: #f4fbfc;

        }


        /* main box */

        .whatwedo-card {

            background: white;

            padding: 60px;

            border-radius: 14px;

            border-left: 8px solid #ff8c00;

            box-shadow:
                0px 20px 50px rgba(0, 0, 0, 0.12);

        }



        /* heading */

        .heading-name h2 {

            font-size: 42px;

            font-weight: 800;

            text-align: center;

            color: #079da3;

        }


        .heading-name h2::after {

            content: "";

            width: 100px;

            height: 4px;

            background: #ff8c00;

            display: block;

            margin: 18px auto;

        }



        /* text */

        .content-whatwedo p {

            font-size: 18px;

            line-height: 1.9;

            color: #555;

            text-align: justify;

        }




        /* stats */


        .stats-section {

            margin-top: 50px;

            padding-top: 45px;

            border-top: 1px solid #ddd;


            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 25px;

        }




        .stats-card {


            background: #fff;

            padding: 35px 25px;


            border-radius: 10px;


            border-bottom: 5px solid #079da3;


            box-shadow:
                0px 10px 30px rgba(0, 0, 0, 0.08);


            transition: .4s;

        }



        .stats-card:hover {

            transform: translateY(-10px);

            border-bottom-color: #ff8c00;

        }



        .stats-card i {

            font-size: 38px;

            color: #ff8c00;

            margin-bottom: 25px;

        }



        .stats-card h3 {

            font-size: 42px;

            font-weight: 900;

            color: #222;

        }



        .stats-card span {

            font-size: 14px;

            letter-spacing: 1px;

            text-transform: uppercase;

            font-weight: 700;

            color: #079da3;

        }



        /* mobile */

        @media(max-width:992px) {

            .stats-section {

                grid-template-columns: repeat(2, 1fr);

            }

        }


        @media(max-width:600px) {


            .whatwedo-card {

                padding: 30px;

            }


            .stats-section {

                grid-template-columns: 1fr;

            }


        }







.why-tesco{
background:#fff;
padding:90px 0;
}

.why-tesco h2{
font-size:42px;
font-weight:800;
}

.why-tesco h2 span{
color:#079da3;
}

.why-tesco p{
color:#666;
}

.choose-card{
    background:#fff;
    padding:40px 30px;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    text-align:center;
    transition:all .4s ease;
    height:100%;
    border-top:5px solid transparent;
}

.choose-card .icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:#eef8fa;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    color:#079da3;
    margin-bottom:25px;
    transition:.4s;
}

.choose-card h4{
    color:#222;
    transition:.4s;
}

.choose-card p{
    color:#666;
    transition:.4s;
}

/* First Card */
.choose-card.active{
    background:#12324d;
    color:#fff;
}

.choose-card.active h4,
.choose-card.active p{
    color:#fff;
}

.choose-card.active .icon{
    background:#2f68a8;
    color:#fff;
}


/* Hover Effect */
.choose-card:hover{
    background:#12324d;
    transform:translateY(-10px);
    border-top:5px solid #ff8c00;
}

.choose-card:hover h4,
.choose-card:hover p{
    color:#fff;
}

.choose-card:hover .icon{
    background:#2f68a8;
    color:#fff;
}





    /*==========================================
      PRODUCT SHOWCASE
==========================================*/

.product-showcase{
    position:relative;
    min-height:500px;
    background:url("images/products/ring.jpg") center center/cover no-repeat;
    overflow:hidden;
    transition:1s;
}

.product-showcase .overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(5,25,45,.90) 0%,
        rgba(5,25,45,.75) 45%,
        rgba(5,25,45,.40) 70%,
        rgba(5,25,45,.85) 100%
    );
}

.product-showcase .row{
    position:relative;
    z-index:2;
    min-height:700px;
}

/* LEFT CONTENT */

.showcase-content{

    height:700px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding-left:90px;

    color:#fff;

    animation:fadeText .8s;

}

.sub-title{

    color:#ff8c00;

    font-size:15px;

    letter-spacing:3px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:20px;

}

.showcase-content h2{

    font-size:64px;

    font-weight:800;

    line-height:1.1;

    margin-bottom:25px;

}

.showcase-content p{

    width:75%;

    font-size:20px;

    color:#d8d8d8;

    line-height:1.9;

    margin-bottom:35px;

}

/* BUTTON */

.showcase-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:230px;

    height:60px;

    border:2px solid #fff;

    border-radius:50px;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.4s;

}

.showcase-btn:hover{

    background:#ff8c00;

    border-color:#ff8c00;

    color:#fff;

}

/* RIGHT MENU */

.product-menu{

     height:700px;
    background:rgba(5,25,45,.55);
    backdrop-filter:blur(8px);

    display:flex;
    flex-direction:column;
    justify-content:center;

    width:70%;
    margin-left: 171px;
    margin-right:0;
    padding-right:0;
}

.menu-item{

    padding:28px 45px;

    border-bottom:1px solid rgba(255,255,255,.12);

    color:#fff;

    font-size:19px;

    font-weight:700;

    letter-spacing:1px;

    cursor:pointer;

    transition:.4s;

    position:relative;

}

.menu-item:last-child{
    border-bottom:none;
}

/* Arrow */

.menu-item::after{

    content:"\f054";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    right:35px;

    color:#fff;

    transition:.4s;

}

/* ACTIVE */

.menu-item.active{

    background:rgba(255,140,0,.15);

    border-left:5px solid #ff8c00;

    color:#fff;

}

.menu-item.active::after{

    color:#ff8c00;

}

/* HOVER */

.menu-item:hover{

    background:rgba(7,157,163,.18);

    padding-left:60px;

}

.menu-item:hover::after{

    right:25px;

}

/* TEXT ANIMATION */

@keyframes fadeText{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* MOBILE */

@media(max-width:991px){

.showcase-content{

padding:50px 35px;

height:auto;

}

.showcase-content h2{

font-size:42px;

}

.showcase-content p{

width:100%;

font-size:17px;

}

.product-menu{

height:auto;

}

.menu-item{

padding:22px 25px;

font-size:17px;

}

.product-showcase{

min-height:auto;

}

.product-showcase .row{

min-height:auto;

}

}



/*=========================
    INDUSTRIES SECTION
==========================*/

.industry-section{

    padding:80px 0;

    background:#fff;

}

.industry-content{

    max-width:900px;

    margin:auto;

    text-align:center;

}

.industry-content h2{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-bottom:20px;

}

.industry-line{

    width:50%;

    height:4px;

    background:#2f5ea8;

    margin:0 auto 25px;

}

.industry-content p{

    width:62%;

    margin:auto;

    color:#666;

    font-size:16px;

    line-height:1.8;

}

.industry-btn{

    display:inline-block;

    margin-top:40px;

    background:#2f5ea8;

    color:#fff;

    text-decoration:none;

    padding:18px 48px;

    font-size:16px;

    font-weight:700;

    transition:.3s;

     border-radius:2px;

}

.industry-btn:hover{

    background:#ff8c00;

    color:#fff;

}

/* Responsive */

@media(max-width:991px){

.industry-line{

width:90%;

}

.industry-content p{

width:100%;

font-size:18px;

}

.industry-content h2{

font-size:40px;

}

}

@media(max-width:576px){

.industry-section{

padding:80px 20px;

}

.industry-content h2{

font-size:32px;

}

.industry-btn{

padding:16px 35px;

font-size:16px;

}

}




/*====================================
      TESTIMONIAL SECTION
====================================*/

.testimonial-section{

    background:#f8fafc;

    padding:90px 0;

    position:relative;

}

.testimonial-heading{

    text-align:center;

    margin-bottom:60px;

}

.testimonial-heading h2{

    font-size:44px;

    font-weight:800;

    color:#222;

}

.testimonial-heading h2 span{

    color:#079da3;

}

.testimonial-heading p{

    color:#666;

    margin-top:12px;

    font-size:17px;

}


/* CARD */

.testimonial-card{

    max-width:850px;

    margin:auto;

    background:#fff;

    padding:60px;

    border-radius:15px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    text-align:center;

    position:relative;

}


/* CLIENT IMAGE */

.client-image{

    width:100px;

    height:100px;

    margin:auto;

    margin-bottom:20px;

}

.client-image img{

    width:100%;

    height:100%;

    border-radius:50%;

    object-fit:cover;

    border:5px solid #079da3;

}


/* STARS */

.stars{

    margin-bottom:20px;

}

.stars i{

    color:#ffb400;

    margin:0 2px;

    font-size:20px;

}


/* REVIEW */

.review{

    font-size:20px;

    line-height:1.9;

    color:#555;

    font-style:italic;

    margin-bottom:30px;

}


/* NAME */

.testimonial-card h4{

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:5px;

}

.testimonial-card span{

    color:#079da3;

    font-weight:600;

}


/*=========================
      ARROWS
=========================*/

.testimonial-prev,
.testimonial-next{

    width:60px;

    height:60px;

    top:50%;

    transform:translateY(-50%);

    opacity:1;

}


/* LEFT */

.testimonial-prev{

    left:-90px;

}


/* RIGHT */

.testimonial-next{

    right:-90px;

}


/* BUTTON */

.testimonial-prev span,
.testimonial-next span{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#12324d;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.4s;

}


/* ICON */

.testimonial-prev i,
.testimonial-next i{

    color:#fff;

    font-size:24px;

}


/* HOVER */

.testimonial-prev:hover span,
.testimonial-next:hover span{

    background:#ff8c00;

}


/* INDICATORS */



/* MOBILE */

@media(max-width:991px){

.testimonial-card{

padding:35px 25px;

}

.review{

font-size:17px;

}

.testimonial-prev{

left:10px;

}

.testimonial-next{

right:10px;

}

}

@media(max-width:576px){

.testimonial-heading h2{

font-size:32px;

}

.client-image{

width:80px;

height:80px;

}

.review{

font-size:16px;

}

}








/*=========================
     CLIENTS
=========================*/

.clients-section{

    padding:90px 0;

    background:#fff;

}

.client-title{

    text-align:center;

    font-size:42px;

    font-weight:800;

    margin-bottom:60px;

}

.logo-slider{

    overflow:hidden;

    position:relative;

}

.logo-track{

    display:flex;

    width:max-content;

    animation:scrollLogo 25s linear infinite;

}

.logo-slider:hover .logo-track{

    animation-play-state:paused;

}

.logo-box{

    width:250px;

    height:170px;

    border:1px solid #eee;

    background:#fff;

    margin:0 15px;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.4s;

}

.logo-box img{

    max-width:150px;

    max-height:90px;

    transition:.4s;

}

.logo-box:hover{

    border-color:#079da3;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.logo-box:hover img{

    transform:scale(1.08);

}

/* AUTO SCROLL */

@keyframes scrollLogo{

    0%{

        transform:translateX(0);

    }

    100%{

        transform:translateX(-50%);

    }

}

@media(max-width:768px){

.logo-box{

width:180px;

height:130px;

}

.logo-box img{

max-width:110px;

}

}