.slider_bg_1{
    background-image: url(../img/banner/1920x850-slide-1.jpg);
}
.slider_bg_2{
    background-image: url(../img/banner/1920x850-slide-2.jpg);
}
.slider_bg_3{
    background-image: url(../img/banner/1920x850-slide-3.jpg);
}
.slider_bg_4{
    background-image: url(../img/banner/1920x850-slide-4.jpg);
}

.slider_area{
    .single_slider{
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;

        .slider_text{
            h3{
             color: #ffffff;
             font-family: $font1;
             font-size: 100px;
             text-transform: capitalize;
             letter-spacing: 2px;
             font-weight: 400;
             margin-bottom: 4px;
             @media #{$mobile_device} {
               font-size: 33px;
               letter-spacing: 3px;
            }
             @media #{$tablet_device} {
               font-size: 30px;
            }
             @media #{$mid_device} {
               font-size: 35px;
               letter-spacing: 3px;
            }
            }
            p{
                font-size: 24px;
                font-weight: 400;
                color: #ffffff;
                margin-bottom: 0;
                margin-top: 0;
             @media #{$mid_device} {
                font-size: 16px;
             }
             @media #{$mobile_device} {
                font-size: 16px;
             }
            }
        }
    } 
}


.pop-btn {
    background: #3ae060;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid transparent;
    color: #fff;
}

.pop-btn:hover {
    background: #2a9d49;     background: #fff;
    color: #3ae060;
    border: 1px solid #3ae060;}



div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background: #3ae060 !Important;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid transparent;
    color: #fff;
	border-radius: 0 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
    background: #2a9d49 !Important;     background: #fff !Important;
    color: #3ae060;
    border: 1px solid #3ae060;
	border-radius: 0 !important;
	}

.header-area2 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 9;
    padding-top: 20px;
    background: black;
    padding-bottom: 20px;
}

.header-area2 .main-header-area2 {
    padding: 0 150px;
	    background: black;
}