.home_service_2 h2,
.home_service_2 p,
.header-top-2-widget-area i,
.header-top-2-widget-area a {
    color: white;
}

#main-container > div.row:nth-of-type(2) {
  background-color: yellow; /* or any styles you need */
}
p:empty {
    display: none;
}

.slider {
            position: relative;
            width: 100%;
            max-width: 1920px;
            height: 620px;
            margin: auto;
            overflow: hidden;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        }

        .slide {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease;
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .slide.active {
            opacity: 1;
            z-index: 1;
        }

        .slide-text {
            color: #fff;
            font-size: 2rem;
            /* opacity: 0; */
            font-weight: 500;
            transform: translateY(30px);
            animation-duration: 1s;
            animation-fill-mode: forwards;
        }

        .slide-text .ylw {
            color: #fdd913;
        }

        .slide-text .blue {
            color: #001d52;
        }

        /* @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        } */

        .dots {
            position: absolute;
            bottom: 15px;
            width: 100%;
            text-align: center;
        }

        .dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: #fff;
            border-radius: 50%;
            margin: 0 5px;
            cursor: pointer;
            opacity: 0.5;
        }

        .dot.active {
            opacity: 1;
            background: #333;
        }

        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2rem;
            color: #fff;
            background: rgba(0, 0, 0, 0.4);
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            z-index: 2;
            transition: background 0.3s ease;
        }

        .arrow:hover {
            background: rgba(0, 0, 0, 0.7);
        }

        .arrow.left {
            left: 15px;
        }

        .arrow.right {
            right: 15px;
        }

        .slide-text {
            position: relative;
            width: 1170px;
            margin: auto;
        }

        .mainn {
            position: absolute;
            max-width: max-content;
            right: 6%;
            top: 50%;
            transform: translateY(-120%);
            background: rgb(138 139 144 / 45%);
            padding: 30px 30px 0;
        }

        .mainn div {
            padding-bottom: 32px;
            font-weight: 600;
            font-size: 32px;
        }

        .slide2 .mainn {
            right: 18%;
            background: rgb(22 22 22 / 57%);
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }

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

        @keyframes fadeOutUp {
            from {
                opacity: 1;
                transform: translateY(0);
            }

            to {
                opacity: 0;
                transform: translateY(-30px);
            }
        }

        .slide-text {
            animation-fill-mode: forwards;
        }



        .mainn div {
            opacity: 0;
            transform: translateY(30px);
            animation-duration: 0.6s;
            animation-fill-mode: forwards;
        }

        .mainn div.fade-in {
            animation-name: fadeInDown;
        }

        .mainn div.fade-out {
            animation-name: fadeOutUp;
        }

        .slide.active .mainn div:nth-child(1) {
            animation-delay: 0s;
        }

        .slide.active .mainn div:nth-child(2) {
            animation-delay: 1s;
        }

        .slide.active .mainn div:nth-child(3) {
            animation-delay: 2s;
        }

@media(max-width:768px) {
    .mainn div {
        line-height: 1.2;
        padding: 0 25px 14px;
        font-size: 24px;
    }

    div#slider {
        height: 270px;
    }

    .button:not(.escape_button_style),
    button:not(.escape_button_style) {
        padding: 6px 12px;
    }

    .mainn {
        transform: translateY(-70%);
    }
}

@media(min-width:1800px) {
    .slider {

        height: 800px;
    }

    .mainn div {
        padding-bottom: 64px;
        font-size: 46px;
    }

    .mainn {

        right: 0%;
    }

    .slide2 .mainn {
        right: 18%;
    }

    .slide2 .mainn {
        right: -20%;
    }
}


@media(max-width:991px) {
    .slide-text .blue {
        color: #001d52;
    }
}

@media (max-width: 768px) {
    div#slider {
        height: 210px;
    }
        .mainn div {
       
        padding: 0 25px 8px;
        font-size:16px;
        }
}