
  
  
    :root{
        --white:#fff;
        --black: #000;
        --gray:gray;
        --btn-red:#A31F36;
        --font-12:12px;
        --font-13:13px;
        --font-14:14px;
        --text-main:#A31F36;;
        
    }
    html, body{
        background-color: var(--white);
    }
   .pve-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        }

 
    
    .text-main{
        color: var(--text-main);
    }
    .text-justify{
        text-align: justify;
    }
    .font-12{
        font-size: var(--font-12);
    }
    .bg-gray{
        background-color: var(--gray);
    }
    .bg-gray-light{
        background-color: #F5F5F5;
    }
    .bg-query{
        background-color: #a31f3614;
    }
    .pve-header .nav-item{
        margin-right: 6px;
    }
    .pve-header .nav-link{
        font-weight: 600;
        color: var(--black)!important;
    }
    .pve-header .nav-link.active{
        color: var(--gray)!important;
    }
    .banner_sec{
        position: relative;
    }
    .pve-carousel .carousel-item img{
        width: 100%;
        max-height: 90vh;
        object-fit: cover;
    }
    .pve-carousel .carousel-caption{
        text-align: left;
        width: 50%;
        top: 34%;
        right: unset;
        left: 4%;
        bottom: unset;
        background: var(--text-main);
        padding: 20px;
        border-radius: 10px;
    }
    .pve-carousel .carousel-caption h5{
        color: var(--white);
        font-size: 30px;
        margin-bottom: 12px;
    }
    .pve-carousel .carousel-caption p{
        margin-bottom: 12px;
    }
    .best-card:hover{
        transform: scale(1.05);
        transition: all .2s;
    }

    @media only screen and (min-width:700px) and (max-width:1200px) {
        .pve-carousel .carousel-caption{
            top: 22%;
            width: 75%;
        }
    }

    @media only screen and (max-width:699.99px){
        .pve-carousel .carousel-caption{
            position: relative;
            width: 100%;
            background-color: #000000cf;
            top: 0;
            left: 0;
            right: 0;
            bottom:0;
            border-radius: 0;
            padding:25px 20px;
        }

        
     
    }
    .btn-red, .btn-red:hover{
        background-color: var(--btn-red);
        border-color:var(--btn-red);
        color:var(--white);
    }
    /* .home{
        height: 600px;
        width: 600px;
    } */

    .free{
        border: 1px solid white;
        background-color: white;
        color: #A31F36;
    }
    .contentt{
        background-color: #A31F36;
        color: white;
        padding: 60px;
        text-align: justify;
    }
    .center{
        text-align: center;
    }
    .chennai{
        width: 600px;
        height: 600px;
    }
   .increase{
       font-size: 30px;
   }
    
    .tick{
        color: #A31F36;
    }
    .color{
        color: var(--btn-red);
    }
    .consultation{
        background-color: white;
        color: #A31F36;
    }
    .boxx{
        border: 1px solid white;       
    }
    .size{
        font-size: 35px;
        color: var(--btn-red);
    }
    .sizee{
        font-size: 25px;
    }
    .btn-white-maroon, .btn-white-maroon:hover{
        background-color: var(--white);
        border-color:var(--btn-red);
        color:var(--btn-red);
    }

    .sizeee{
        font-size: 35px;
    }
    .maroon-link, .maroon-link:hover{
        color: var(--btn-red);
        text-decoration: underline;
    }
    .form-check-input:focus{
        box-shadow: none;
    }
    .feature-img{
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 50%;
        margin-bottom: 8px;
    }
    .feature-head{
        color: var(--text-main);
    }
    
    .btn-getquote{
        background-color: var(--white);
        border-color:var(--btn-red);
        color:var(--btn-red);
    }
    .btn-getquote:hover{
        background-color: var(--btn-red);
        border-color:var(--btn-red);
        color:var(--white);
    }
    .enquiry-form .form-control, .enquiry-form .form-select{
        border:0;
        background-color: lightgray;
        color: var(--black);
    }
    
    .enquiry-form .form-control::placeholder{
        color: var(--black);
        font-size: 17px;
    }
    /* About us */
    .li-num{
        background-color:var(--text-main);
        display: inline-flex;
        align-items: center;
        justify-content:center;
        width: 30px;
        height: 30px;
        color: var(--white);
        font-weight: 600;
        border-radius: 5px;
    }
    /* gallery */
    .short-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 200px;
        width: 100vw;
        background: black;
        overflow: hidden;
        background: #C33764;  /* fallback colour. Make sure this is just one solid colour. */
        background: -webkit-linear-gradient(rgba(29, 38, 113, 0.6), rgba(195, 55, 100, 0.6)), url("../img/pve30-banner.png");
        background: linear-gradient(rgba(29, 38, 113, 0.6), rgba(195, 55, 100, 0.6)), url("../img/pve30-banner.png"); /* The least supported option. */
    }
    
    .short-banner img {
       object-fit: cover;
       opacity: 0.4;
    }
    .gal-img{
        max-height: 200px;
        width: 100%;
        object-fit: cover;
    }
    .gal-img-holder{
        text-align: center;
    }
    .pve-gallery .nav-link{
        color: var(--text-main);
        font-weight: 600;
    }
    .pve-gallery .nav-pills .nav-link.active{
        background-color: var(--text-main);
    }
    /* footer */
    .foot-link, .contact-link{
        color: var(--black);
        text-decoration: none;
        margin-bottom: 3px;
        display: block;
    }
    .foot-head{
        font-size: 18px;
        color: var(--text-main);
    }
    @media (min-width:992px){
        .foot-logo{
            margin-left: -33px;
        }
    }
    .imp-features{
        background-color: #F5F5F5;
    }
    .form-bg{
        background-color: #F5F5F5;
    }
    .enquiry-form-width{
        width: 60%;
        margin: auto;
    }
    @media (max-width:700px) {
        .enquiry-form-width{
            width: 90%;
        }
    }
    /* Architect */
    
    .product-card{
        text-align: center;
        border-radius: 7px;
    }
    .product-card img{
        width: 100%;
        margin-bottom: 10px;
        border-radius: 7px;
    }
    .product-card a{
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 8px;
    }
    
    .hightlight-card-container{
        display: grid;
        grid-template-columns: repeat(3, 30%);
        justify-content: space-between;
    }
    @media only screen and (max-width:800px) {
        .hightlight-card-container{
            grid-template-columns: repeat(1, 100%);
        }
    }
    .hightlight-card{
        border: 3px solid lightgray;
        text-align: center;
        padding: 15px;
        margin-bottom: 40px;
    }
    .hightlight-card h4{
        font-size: 22px;
        color:var(--text-main);
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    .pve-icons i{
        font-size: 50px;
        color:var(--btn-red);
    }
    .imp-features .pve-icons i{
        font-size: 28px;
    }
    
     
  
  
  