.vss_exlore_building{
    display: flex;
    padding: 100px 0px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #E4F2FF;
}
.vss_explore_container{
    display: flex;
    padding: 0px 70px;
    flex-direction: column;
    align-items: center;
    gap: 80px;
}
.vss_head_h2 {
    color: #fff;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
}
.vss_explore_container .vss_head_h2 {
    color: #030122;
    margin: 0px;
}
.vss_explore_container .vss_head_h2:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 6px;
    border-radius: 1px;
    background: #16A2B9;
    left: calc(50% - 17px);
    top: -15px;
}
.vss_explore_head{
    text-align: center;
}
.vss_explore_head .vss_head_h2{
    color: #030122;
    position: relative;
    margin: 0px;
}
.vss_explore_head .vss_head_h2:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 6px;
    border-radius: 1px;
    background: #16A2B9;
    left: calc(50% - 17px);
    top: -15px;
}
.vss_explore_main{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 80px 60px;
    align-self: stretch;
    flex-wrap: wrap;
}
.vss_building_info{
    border-radius: 0px 0px 6px 6px;
    background: #FFF;
    display: flex;
    padding: 40px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    position: relative;
}
.vss_building_info h3{
    overflow: hidden;
    color: #030122;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}
.vss_building_info h3 a{
    color: #030122;
}
.vss_building_price{
    color: #030122;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    gap: 5px;
    margin: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.vss_building_price span{
    color: #AB3428;
    font-size: 20px;
}
.vss_building_action{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.vss_cmn_btn{
    display: flex;
    min-height: 40px;
    padding: 6px 18px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 100px;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.vss_get_price{
    background:#16A2B9;
    color:#fff;
    position:relative;
}
.vss_view_dtl:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #AB3428;
    transition: background 0s linear 0s; 
    color: #fff;
}
.vss_view_dtl:before {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: calc(100% + 2px);
    height: 100%;
    background: #AB3428;
    z-index: -1;
    margin-top: 0;
    border-radius: 28px;
    pointer-events: none;
    transition: background .3s linear,width .3s cubic-bezier(.23,1,.32,1),height .4s cubic-bezier(.23,1,.32,1),margin-top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1),right .4s cubic-bezier(.23,1,.32,1),top .3s cubic-bezier(.23,1,.32,1),border-radius .4s cubic-bezier(.23,1,.32,1),left .4s cubic-bezier(.23,1,.32,1);
    will-change: width,height,margin-top,top,right,border-radius;
}
.vss_view_dtl:hover svg path {
    fill: #AB3428;
}
.vss_view_dtl:hover:before {
    background: #fff;
}
.vss_view_dtl:hover:before {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    top: 50%;
    left: auto;
    right: 17px;
    margin-top: -13px;
}
.vss_view_dtl{
    background:#030122;
    color:#fff;
    position:relative;
    will-change: transform;
    user-select: none;
    color: #fff;
    transition: background 0s linear .2s;
    overflow: hidden;
}
.vss_view_call{
    border: 2px solid #030122;
    background: #FFF;
    color: #030122;
}
.vss_get_price:hover {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #16A2B9;
        color: #fff;
}
.vss_view_call:hover {
    background: #F4F5F9;
    color: #030122;
}

.vss_building_bx{
   transition: .3s ease all;
    display: flex;
    min-width: 600px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;  
    position: relative;
    max-width: 48.5%;
}
.vss_card_bximg{
    overflow: hidden;
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}
.vss_building_bx:hover{
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}
.vss_building_bx:hover .vss_card_img {
    transform: scale(1.1);
}
.vss_building_bx img{
    object-fit: cover;
    transition: .3s ease all;
        width: 100%;
}
.vss_explore_design{
    display: flex;
    align-items: center;
    gap: 15px;
    position: absolute;
    left: 30px;
    top: -20px;
}
.vss_explore_link{
    display: flex;
    padding: 6px 10px;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    border: 1px solid #030122;
    background: #ECF9FB;
    color: var(--neutral-1, #030122);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.vss_explore_view{
    display: flex;
    padding: 6px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #030122;
    background: #FFEBE6;
}
.vss_explore_link:hover{
    background: #F9F7E1;
}
.vss_explore_view:hover{
    background: #F9F7E1;
}
#pagination_row{
    text-align: center;
    width: 100%;
    margin-top: 80px;
}
.loadmore-btncon button {
    min-height: 40px;
    padding: 6px 18px;
    color: #030122;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.vss_building_bx .quick-look {
    background:none;
    border: none; 
    border-radius: 0px; 
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;
    transition: .5s ease all;
    color: #fff;
    line-height: normal; 
    padding: 0;
    text-align: center;
    font-size: normal;
}
.vss_btn_rto a{
    display: flex;
    min-height: 40px;
    padding: 6px 18px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #030122;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background: #FFF;
    width: 150px;
    margin: 0px auto;
    border-radius: 20px;
    border: 2px solid #030122;
    background: #FFF;
}
.vss_btn_rto a:hover{
    color:#fff;
}
.vss_btn_rto{
    width:100%;
}
/*******************Get_your_price***********************/
.vss_product-enquiries .modal-dialog{
    max-width: 595px;
}
.vss_product-enquiries .modal-content{
    display: flex;
    max-width: 595px;
    padding: 40px 50px 160px 50px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    background: #B5D7F3;
    position:relative;
    height: auto;
    min-height: auto;
}
.vss_product-enquiries .modal-content:after{
    position: absolute;
    right: 0px;
    left:0px;
    bottom: 0px;
    background-image: url(../images/get_your_price.jpg);
    z-index: 1;
    background-position: center;
    background-size: cover;
    content:"";
    width: 100%;
    height: 195px;
    border-radius: 10px;
}
.vss_product-enquiries .modal-content {
        border: none;
}
.vss_product-enquiries .modal-body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    padding: 0px 0px 0px 0px;
}
.vss_enqries_sec{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}
.product_enqries_head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
}
.product_enqries_head p{
    color: #292753;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0px;
}
.product_enqries_head span{
    color: #030122;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.process_cross_btn{
    position: absolute;
    right: 25px;
    width: 24px;
    height: 24px;
    top: 25px;
    cursor: pointer;
    z-index: 9;
}
.vss_enqries_sec .product-popup-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
        position: relative;
    z-index: 999;
}
.vss_enqries_sec .product-mini-head{
    padding:0px;
    margin:0px;
}
.vss_enqries_sec .product-mini-head p{
    color: #030122;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; 
    margin:0px;
}
.vss_cmn_form .form-control, .vss_cmn_form select, .vss_cmn_form textarea{
    border-radius: 4px;
    background: #FFF;
    display: flex;
    min-height: 44px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    line-height: 44px;
    color: #5B6E91;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    border: none;
}
.vss_cmn_form select.form-control:not([size]):not([multiple]) {
    background: #fff;
}
.vss_cmn_form .custom-radio .wpcf7-form-control-wrap {
    display: inline-block;
}
.vss_cmn_form .custom-radio .wpcf7-list-item-label:after {
    background: #030122;
    width: 10px;
    height: 10px;
}
.vss_cmn_form .custom-radio .last .wpcf7-list-item-label:before {
    border: 2px solid #030122;
    height: 20px;
    width: 20px;
}
.vss_cmn_form .custom-radio .last .wpcf7-list-item-label:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff0;
    border-radius: 50%;
    content: " ";
}
.vss_cmn_form .custom-radio input {
    position: relative;
    opacity: 0;
    cursor: pointer;
    display: none;
}
.vss_cmn_form .custom-radio p{
    line-height: normal;
}
.vss_cmn_form .custom-radio .wpcf7-list-item {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    color: #171A26;
    font-weight: 500;
    float: left;
    width: auto;
    margin-bottom:0px;
}
.vss_cmn_form .custom-radio .first .wpcf7-list-item-label:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff0;
    border-radius: 50%;
    border: 2px solid #030122;
    content: " ";
}
.vss_cmn_form .custom-radio .customcheck {
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.vss_cmn_form .customcheck .wpcf7-list-item-label {
    position: absolute;
    top: 6px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff0;
    border: 2px solid #030122;
}
.vss_cmn_form .customcheck .wpcf7-list-item-label:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #b5d7f3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.vss_cmn_form .customcheck:hover input ~ .wpcf7-list-item-label {
    background-color: #fff0;
}
.vss_cmn_form .customcheck input:checked ~ .wpcf7-list-item-label {
    background-color: #000;
}
.vss_cmn_form .rent-page-checkbox .customcheck .wpcf7-form-control-wrap {
    display: inline-block;
}
.vss_cmn_form .customcheck {
    display: block;
    position: relative;
    padding-left: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
        margin-bottom: 20px;
    margin-top: 5px;
}
.submit-product{
    border-radius: 100px;
    background: var(--neutral-1, #030122);
    display: flex;
    min-height: 40px;
    padding: 6px 18px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border: none;
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
        width: 100%;
}
.vss_cmn_form p {
    margin-bottom: 15px;
}
.vss_cmn_form .custom-radio{
    margin-top: 5px;
    margin-bottom: 20px;
}
.vss_cmn_form .select-field:before {
    width: 10px;
    height: 6px;
    z-index: 9999;
}
.vss_enqries_sec .wpcf7-spinner{
    display:none;
}
.nomoreposts {
    display:none;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0px;
    padding: 0px;
    border: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    position: relative;
    bottom: 0px;
    z-index: 99;
}
.vss_banner .wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
    border-color: #ffffff;
}
/**/
.vss_view_cart{
    background: #030122;
    color: #fff;
}
.vss_view_cart:hover{
    background: #150546;
    color: #fff;
}
.call_us_line p{
    display: flex;
    align-items: center;
    gap: 5px;
    color: #150546;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.call_us_line a{
    color: #AB3428;
    font-weight: 700;
}
.addTo_Cart_Modal .modal-content{
    display: flex;
    width: 595px;
    padding: 40px 50px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    background: #FFF; 
}
.addTo_Cart_Modal .modal-body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    padding: 0px;
}
.addTo_Cart_Modal h2{
    color: #030122;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin:0px;
}
.popup_cart_body{
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid #5B6E91;
    background: #FFF;
}
.popup_cart_body img{
    border-radius: 10px;
    width: 190px;
}
.popup_cart_body h3{
    color: #150546;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin:0px;
}
.remove_pro_popup{
    color: #AB3428;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    margin:0px;
}
.addTo_Cart_Modal .close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.addTo_Cart_Modal p{
    color: #4C4A6D;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
        margin: 0px;
}
.high_list_ctn{
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 2px;
    border: 1px dashed #5B6E91;
    background: #FFEBE6;
}
.popup_cart_dtl{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.high_list_ctn p span{
    color: #030122;
}
.addTo_Cart_Modal {
    max-width: 595px;
}
/**/
@media screen and (max-width: 1079px) {
    .vss_exlore_building {
        padding: 80px 25px;
    }
    .vss_explore_container {
        padding: 0px 0px;
        gap: 60px;
        align-self: stretch;
    }
    .vss_explore_head .vss_head_h2 {
        font-size: 28px;
        text-align: center;
    }
    .vss_explore_main {
        gap: 60px;
    }
    .vss_building_bx {
        min-width: 100%;
    }
    .vss_explore_design {
        left: calc(50% - 91px);
    }
    .vss_building_info {
        gap: 15px;
        align-items: center;
    }
    .vss_view_dtl {
        display: none;
    }
    .vss_view_call {
        display: block;
        text-align: center;
    }
    .vss_building_info h3 {
        font-size: 18px;
        text-align: center;
    }
    .vss_building_price {
        font-size: 13px;
    }
    .vss_building_price span {
        font-size: 16px;
    }
    .vss_explore_link {
        font-size: 13px;
    }
    .vss_explore_view {
        padding: 5px;
    }
    #pagination_row {
        margin-top: 60px;
    }
    .vss_product-enquiries .modal-dialog {
        padding: 0px 10px 0px 10px;
    }
    .vss_product-enquiries .modal-content {
        padding: 40px 20px 160px 20px;
    }
    .vss_building_action {
        flex-direction: column;
        align-items: center;
    }
    .vss_view_cart {
        width: 170px;
    }
    /*.vss_view_call {
        width: 200px;
    }*/
    .call_us_line{
        display:none;
    }
}
@media screen and (max-width: 1079px) and (min-width: 768px){
    .vss_building_bx {
        min-width: 328px;
    }
    .vss_explore_main {
        gap: 40px 30px;
    }
    .footer-menu li:nth-child(4) {
        overflow: unset;
    }
}
@media screen and (max-width: 1399px) and (min-width: 1080px){
    .vss_building_bx {
        min-width: 440px;
    }
    .vss_explore_container {
        padding: 0px 50px;
    }
    .vss_explore_main {
        gap: 50px 40px;
    }
    .vss_building_action {
        gap: 10px;
    }
    .vss_cmn_btn {
        font-size: 13px;
        font-weight: 600;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1080px){
    .vss_cmn_btn {
        min-height: 35px;
        padding: 2px 11px;
        font-size: 11px;
    }
    .vss_cmn_btn svg{
        width: 20px;
    }
}
@media screen and (max-width: 4000px) and (min-width: 2000px){
    .vss_building_bx {
        min-width: 800px;
    }
}