/*---Login & Registration---*/
.fb, .insta, .twit, .gl, .pin, .lik, .wap {
    color: #fff !important;
}

body {
    background-color: transparent !important;
    background: url(../images/login/7.jpg) no-repeat center center fixed;
    height: 100%;
    width: 100%;
    position: fixed;
    background-size: auto 200%;
}

.loginPage {
    background: #000;
}

.pdnon {
    padding: 0 !important;
}

.login {
    font-size: 16px;
    margin-top: 10px;
}

    .login p,
    .login-header {
        margin-top: 0;
        margin-bottom: 0;
    }

.googleLogin {
    margin-top: 20px;
}

#divreg2 .frmgrp {
    margin-bottom: 15px;
}

    #divreg2 .frmgrp label {
        color: #000000;
    }

#dvCaptcha div:nth-child(1) {
    width: 100% !important;
}

.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #d3d3d3;
    border-radius: 50px !important;
}

.rc-anchor-light {
    background: #f9f9f9;
    color: #000;
    border-radius: 52px;
}

.recaptcha-checkbox-border {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.login-header {
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 25px;
}

.login-container {
    padding: 10px;
    border-radius: 20px;
    display: block;
    width: 70%;
    min-height: 520px;
    background-color: #fff;
    box-shadow: 0px 2px 30px #ccc6;
    margin: auto;
    position: relative;
    z-index: 1;
    margin-top: 2%;
    overflow: hidden;
}

.login p {
    padding: 12px;
}

.login input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    font-family: inherit;
    font-size: 16px;
    border-radius: 10px;
}

    .login input[type=button] {
        border-color: transparent;
        color: #fff;
        cursor: pointer;
        font-weight: 500;
    }

    .login input[type=submit] {
        border-color: transparent;
        color: #fff;
        cursor: pointer;
    }

        .login input[type=submit]:hover {
            background: #17c;
        }

        .login input[type=submit]:focus {
            border-color: #05a;
        }

.paddingLeft0 {
    padding-left: 0 !important;
}

.paddingRight0 {
    padding-right: 0 !important;
}

.loginLogo img {
    width: 65px;
}

.loginConWrap {
    -moz-box-shadow: 0 2px 5px #000;
}

.forgotpasswdPage {
    background: #272727;
}



.tree1class {
    width: 100% !important;
}

.regPage {
    background: #000;
}

.reg {
    font-size: 16px;
}

.regmsg {
    margin-top: 15% !important;
    box-shadow: 0 5px 10px rgba(71,71,71,.4);
}

.reg p, .reg-header {
    margin-top: 0;
    margin-bottom: 0;
}

.CenterHeader {
    text-align: center;
    padding: 5px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #fff !important;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.reg-triangl .regPage {
    background: #272727;
}

.reg p,
.reg-header {
    margin-top: 0;
    margin-bottom: 0;
}

.reg-triangle {
    width: 0;
    margin-right: auto;
    margin-left: auto;
    border: 12px solid transparent;
    border-bottom-color: #00c6d7;
}

.reg-header {
    background: #00c6d7;
    padding: 20px;
    font-size: 1.4em;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.reg-container {
    transition: 0.3s ease-in-out;
    z-index: 0;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.4);
    margin-top: auto;
    margin-bottom: auto;
    padding: 20px;
}

.reg p {
    padding: 12px;
}

.reg input {
    height: 52px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 15px;
    outline: 0;
    font-size: 14px;
    transition: background-color .5s ease-out;
}

.frmbtns .btn {
    padding: 10px 10px 10px 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 30px;
}

.reg input[type=email],
.reg input[type=password] {
    background: #fff;
    border-color: #bbb;
    color: #555;
}

    .reg input[type=password]:focus,
    .reg input[type=text]:focus {
        border-color: #888;
    }

.reg input[type=submit] {
    background: #00c6d7;
    border-color: transparent;
    color: #fff;
    cursor: pointer;
}

    .reg input[type=submit]:hover {
        background: #17c;
    }

    .reg input[type=submit]:focus {
        border-color: #05a;
    }

.regLogo img {
    width: 60px;
}

.regConWrap {
    -webkit-box-shadow: 0 2px 5px #000;
    -moz-box-shadow: 0 2px 5px #000;
    box-shadow: 0 2px 5px #000;
    transition: background-color .5s ease-out;
}

.regpge {
    text-align: center;
}

.reghed {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px !important;
    background-color: #fff;
}

.reglogo {
    padding-bottom: 20px;
}
/*---Login & Registration end--*/
/*forgot password*/
#frgtpass h2 {
    margin: 0 !important;
    font-size: 22px;
}

#frgtpass p {
    font-size: 18px;
}

.news {
    font-family: Roboto !important;
    height: 25px !important;
    font-size: 12px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .10);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.4);
}

    .news marquee {
        padding-top: 4px !important;
    }

    .news span {
        margin-right: 10px !important;
    }


.login-reg-panel {
    top: 0px;
    text-align: center;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    position: fixed !important;
    z-index: -1;
    display: flex;
    /*background:url(../images/login/6.jpg) no-repeat center center fixed;*/
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

.forgot {
    width: 100%;
}

.custom {
    margin: 4px 8px 0 !important;
}

.white-panel {
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 10px 10px;
    border-radius: 2px;
    transition: all .1s ease-in-out;
    float: left;
    overflow-y: auto;
    display: table-cell;
    /* border-right: 2px solid #f1f1f1; */
    margin-top: 0%;
}

.loginlogo {
    position: relative;
    top: 0px;
    left: 0px;
    width: 40px;
    height: auto;
    z-index: 1;
}

.login-info-panel {
    padding: 20px;
    /*border: 1px solid #ddd;*/
    border-radius: 20px;
    height: 480px;
}

    .login-info-panel h2 {
        color: #333;
    }

    .login-info-panel p {
        color: #555;
    }

/* Styles for the login panel */
.login-panel {
    background-color: #fff;
    padding: 10px;
    /*border: 1px solid #ddd;*/
    border-radius: 20px;
    height: 480px;
}

.info-text {
    text-align: center;
}

.logflashingText {
    text-align: left;
    padding-bottom: 5px;
    font-size: 17px;
    margin-bottom: 5px;
}

.lognhdr {
    margin-bottom: 20px;
}

.grid-container {
    display: flex;
}

.section > ul > li {
    margin-bottom: 22px;
    font-size: 16px;
    text-align: left;
    font-weight: 600;
}

.loghdrdesc {
    line-height: 1.5;
    margin-bottom: 20px;
}

.logininfo, .logindtls {
    padding: 10px;
}

.logindtls{
    border-left: 1px solid #ddd;
}

/* Slideshow container */
.slideshow-container {
    max-width: 100%;
    position: relative;
    margin-top: 20px;
        height: 300px;
        box-shadow: 3px 2px 9px 2px rgb(0 0 0 / 5%);
        border-radius: 10px;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Navigation arrows */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #555555;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

/* Position the 'next' arrow to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color */
    .prev:hover, .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }
    .logonm{
        padding-right: 10px;
            padding-right: 10px;
    font-size: 9px;
    color: black;
    font-weight: 600;
    }
    @media (min-width: 550px) and (max-width: 992px)
    {
        .logininfo{
            display:none;
        }
        .logindtls {
    border-left: 0px solid #ddd;
}
        .login-container {
            width: 60%;
        }

    }
     @media (min-width: 200px) and (max-width: 550px)
    {
        .logininfo{
            display:none;
        }
        .logindtls {
    border-left: 0px solid #ddd;
}
        .login-container {
            width: 100%;
        }

    }
     .slideshow-container {
            position: relative;
            max-width: 100%;
            overflow: hidden; /* Prevents overflow */
        }

        .slide-wrapper {
            display: flex; /* Allows for horizontal stacking of slides */
            transition: transform 0.5s ease-in-out; /* Smooth transition between slides */
        }

        .mySlides {
            min-width: 100%; /* Ensures each slide takes full width */
        }

        .slide-image {
            width: 100%; /* Make images responsive */
        }

        .dot-container {
            text-align: center;
            padding: 10px; /* Ensure there's enough space around the dots */
        }

        .dot {
            height: 10px;
            width: 10px;
            background-color: #368fc7; /* Visible color */
            border-radius: 50%; /* Round shape */
            display: inline-block;
            margin: 0 5px; /* Add spacing between dots */
        }

        .active {
            background-color: #717171; /* Highlight for the active dot */
        }