/* Hide the default radio button */
.hidden-radio {
    display: none;
}

#propPropertyNo.radio-label {
    background-color: #153148;
    color:white;
}
/* Style the label to look like a button */
.radio-label {
    display: inline-block;
    padding: 16px 16px;
    font-family: Arialns-serif;
    font-size: 16px;
    border: 0px solid #e0eaff;
    border-radius: 1px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    color: #000;
    background-color: #cadbff;
    border-color: #cadbff;
    width: 205px;
    height: 64px;
    text-align: center;
}

    /* Hover effect */
    .radio-label:hover {
        color: #fff;
        background-color: #1d3654;
        border-color: blue;
    }

/* Style the label when the radio button is checked */
.hidden-radio:checked + .radio-label {
    color: #000;
    background-color: #d3d7ef;
    border-color: #d3d7ef;
}
 
.btn-containerAll {
    display: block; /*Default display */
}

@media (min-width: 768px) {
    .col-md-7 {
        flex: 0 0 auto;
        width: 72.333333%;
    }
}

@media (max-width:1024px) {
    .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width:1550px) {
    .setMarginBox {
        margin-bottom: 10px;
        margin-top: -9px;
    }
}

@media (max-width:500px) {
    .setMarginBox {
        margin-bottom: 10px;
        margin-top: -9px;
    }
}


/*  @media (max-width:1050px) {
            .btn-containerAll {
                display: inline-flex;
              
            }
            .radio-label {
                display: inline-flex;
                padding: 8px;
                font-family: Arialns-serif;
                font-size: 18px;
                 cursor: pointer;F
                transition: background-color 0.3s, color 0.3s, border-color 0.3s;
                color: #000;
                background-color: #e0eaff;
                border-color: #20335c;
                width: 220px;
                height: 47px;
                text-align: center;
                margin-left: 10px;
                }
            
        }*/
@media (max-width:980px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 10px;
        font-family: Arialns-serif;
        font-size: 15px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 147px;
        height: 47px;
        text-align: center;
        margin-left: 9px;
    }
}

@media (max-width:850px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 8px;
        font-family: Arialns-serif;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 130px;
        height: 52px;
        text-align: center;
        margin-left: 2px;
    }
}

@media (max-width:768px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 21px;
        font-family: Arialns-serif;
        font-size: 13px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 174px;
        height: 61px;
        text-align: center;
        margin-left: 2px;
    }
}


@media (max-width:750px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 14px;
        font-family: Arialns-serif;
        font-size: 18px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 181px;
        height: 56px;
        text-align: center;
        margin-left: 2px;
    }
}

@media (max-width:650px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 10px;
        font-family: Arialns-serif;
        font-size: 18px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 158px;
        height: 56px;
        text-align: center;
        margin-left: 2px;
    }
}

@media (max-width:550px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 10px;
        font-family: Arialns-serif;
        font-size: 15px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 133px;
        height: 48px;
        text-align: center;
        margin-left: 2px;
    }
}

@media (max-width:450px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 8px;
        font-family: Arialns-serif;
        font-size: 15px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 106px;
        height: 52px;
        text-align: center;
        margin-left: 2px;
    }
}

@media (max-width:365px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        width: 79px;
    }
}

@media (max-width:350px) {
    .btn-containerAll {
        display: inline-flex;
        height: auto; /*Convert to flex layout for medium-sized screens */
    }

    .radio-label {
        display: inline-flex;
        padding: 5px;
        font-family: Arialns-serif;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        width: 79px;
        height: 48px;
        text-align: center;
        margin-left: 2px;
        margin-top: -4px;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 375px) {
    .radio-label {
        display: inline-flex;
        padding: 8px;
        font-family: Arialns-serif;
        font-size: 15px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s, border-color 0.3s;
        color: #000;
        background-color: #e0eaff;
        border-color: #20335c;
        width: 94px;
        height: 52px;
        text-align: center;
        margin-left: 2px;
    }
}

        @media(max-width:1024) {
            .NewMt2 {
                margin-top: 0.5rem !important;
                margin-bottom: -2.5rem;
                width: 100%;
            }
        }
        /*media query for search cancle help and video button*/
         

        @media(max-width:400px) {
            .setMarginBox {
                margin-bottom: 10px;
                margin-top: -9px;
            }
        }


        @media(max-width:400px) {
            .changeTopMargin {
                padding-top: 0rem !important
            }
        }

        @media (max-width:600px) {
            .btn-Setpos {
                padding-left: 50px
            }
        }

        .setMarginBox {
    margin-bottom: 10px;
    margin-top: -44px;
}



/* @media(max-width:400px){
            .setWidthOfZone{
                width:47%;
            }
            .setWidthOfGat{
                width:43%;
            }
        }
*/
@media (min-width:992px) {
    .newPaddingSet {
        margin-right: -6rem !important;
        margin-left: 2rem !important;
    }

    .custom-Subbox-header {
        background-color: #077b8b;
        padding: 3px;
        border-bottom: 1px solid #ddd;
        font-size: 1.2rem;
        font-weight: bold;
        color: #fff;
        width: 463px;
    }
}

.blink {
    animation: blinker 1.5s linear infinite;
    color: red;
     /* Larger, responsive font size */
    
}
 
@keyframes blinker {
    50% {
        opacity: 0;
    }
}