/*style.css*/       body {
                        margin: 0;
                        padding: 0;
                        scroll-behavior: smooth;
                        
                        
                }
                @media screen and (max-width: 769px){
                    .navbar-brand{
                        margin-bottom: -80px !important;
                    }
  
                .navbar-toggler{
                        height: fit-content !important;
                       
                        
                    }
                }
                
                main{
                      
                      min-height: calc(100vh - 150px - 150px);
                      
                      
                  }  
                
                
                img {
                   /* max-height : 280px !important; */
                    object-fit:cover;
                }
                
                
              
               @media screen and (max-width: 759px){
                    h1{
                        font-size: 20px;
                    }
                    
                 
                    
               }   
                
                .header-link>.nav-item>.nav-link {
                    font-weight: bold !important;
                    /* font-size: 18px !important; */
                    color: white !important;
                    font-size: medium;
                }
                
                .navbar>.navbar-brand.logo-hover {
                    overflow: hidden;
                    border-radius: 10px !important;
                }
                
                .navbar>.navbar-brand>.logo-hover>img {
                    border-radius: 10px !important;
                    transition: 1s ease;
                    max-height: 50px !important;
                    background-size: cover;
                }
               
                .navbar>.navbar-brand>.logo-hover> .update-logo{
                    position: relative;
                    top: -30px;
                }
                .navbar>.navbar-brand>.logo-hover> .update-logo > i {
                    color: red;
                    padding: 2px;
                    border: 2px solid green;
                    border-radius: 50%;
                    background-color: white;
                }
                /* header navbar links ends */
                /* header navbar links ends */
                /* first web content  */
                
                .first-content>.container>.row>.col-md-6>.image-hover {
                    border-radius: 10px !important;
                    overflow: hidden;
                }
                
                .first-content>.container>.row>.col-md-6>.image-hover img {
                    width: 90% !important;
                    border-radius: 10px !important;
                    transition: 1s ease;
                }
                
                .home-tenant-image, .tenant-image, .landlord-image{
                        text-align: right;
                        float: right;
                }

                
                @media screen and (max-width: 759px){
                    .first-content>.container>.row>.col-md-6>.image-hover img {
                    width: 100% !important;
                    height: 300px !important;
                    background-size: cover;
                    border-radius: 10px !important;
                    transition: 1s ease;
                    }
                    
                    .home-tenant-image, .tenant-image, .landlord-image{
                        /*text-align: inherit;*/
                        float: none;
                    }
                    
                    
                }
                .first-content>.container>.row>.col-md-6>.image-hover img:hover {
                    transform: scale(1.1);
                    transition: 1s ease;
                }
                
                
                .everyone-head {
                    font-size: 20px;
                    font-weight: 500;
                    color: #31436e;
        
                }
                
                
                .paragraph-header {
                    font-size: 20px;
                    font-weight: 500;
                    color:#252363;
                    
                }
                
                .paragraph {
                    color: #252363;
                    font-size: 18px;
                    font-weight: normal !important;
                    
                }
                
                
                /* first web content styles end */
                /* landlord, tenant and home staging styles */
                
                .everyone-head>h1,
                .landlord-head>h1,
                .tenant-head>h1,
                .staging-head>h1 {
                    background-color: #31436e !important;
                    border-radius: 8px;
                    font-weight: bold;
                    padding: 5px 2px;
                    height: 60px;
                }
                
                
                
                @media screen and (max-width: 769px){
                    .everyone-head>h1, .landlord-head>h1,
                    .tenant-head>h1,
                    .staging-head>h1{
                        font-size: 25px !important;
                        padding: 15px 2px;
                    }
                }
                
                
                
                .landlord-section p,
                .tenant-section p,
                .staging-section p {
                    font-size: 15px !important;
                    color: #31436e  !important;
                    font-weight: normal !important;
                    
                }
                
                .landlord-section h5,
                .tenant-section h5,
                .staging-section h5 {
                    font-size: 20px !important;
                    color: #31436e  !important;
                    font-weight: bold !important;
                    
                }
                
                .landlord h5,
                .tenant h5,
                .staging h5 {
                    font-size: 20px !important;
                    color: #31436e  !important;
                    font-weight: bold !important;
                    
                }
                
                .landlord p,
                .tenant p,
                .staging p {
                    font-size: 18px !important;
                    color: #31436e  !important;
                    font-weight: normal !important;
                    
                }
                
                
                .landlord-image-hover,
                .tenant-image-hover,
                .staging-image-hover {
                    overflow: hidden;
                }
                
                .landlord-image-hover img,
                .tenant-image-hover img,
                .staging-image-hover img {
                    width: 100% !important;
                    height: 200px !important;
                    transition: 1s ease;
                    border-radius: 10px;
                }
                @media screen and (max-width: 759px){
                    .landlord-image-hover img,
                .tenant-image-hover img,
                .staging-image-hover img {
                    width: 100% !important;
                    height: 200px !important;
                    transition: 1s ease;
                    border-radius: 10px;
                    }
                }
                
                .landlord-image-hover>img:hover,
                .tenant-image-hover>img:hover,
                .staging-image-hover>img:hover {
                    transform: scale(1.1);
                    transition: 1s ease;
                }
                .staging-image{
                    position: relative;
                    top: -43px !important;
                    left: -10px;
                }
                .staging-image > i{
                    font-size: 20px;
                    color: red;
                    padding: 2px;
                    border: 2px solid green;
                    border-radius: 50%;
                    background-color: white;
                   
                }
                /* membership styles */
                
                .member-head>h1 {
                    background-color: #31436e !important;
                    border-radius: 8px;
                    font-weight: bold;
                    padding: 5px 2px;
                    height: 60px;
                }
                
                @media screen and (max-width: 769px){
                    .member-head>h1{
                        font-size: 25px;
                        padding: 15px 2px;
                    }
                }
                .members-icon > div > img{
                    height: 800px !important;
                    width: 200px !important;
                }

                
                /* footer styles  */
                
                .footer {
                    position: relative;
                    bottom: 0;
                    margin :0 !important;
                    overflow: hidden;
                    background-color: #293547;
                }
                
                @media screen and (max-width: 759px){
                    .footer{
                        padding-left: 10px;
                    }
                }

                
                .links-list>li {
                    list-style-type: none !important;
                    /* text-align : center !important; */
                }
                
                .links-list>li>a,
                .footer p {
                    text-decoration: none !important;
                    color: white;
                    font-size: 14px;
                }
                
                .links-flex {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                .links-flex a > i{
                    font-size: 20px !important;
                }
                .footer .quick-links {
                    font-weight: bold;
                    margin-left: 110px;
                    margin-bottom: 20px;
                }
                
                .footer .quick-links::after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 4px;
                    top: 30px;
                    left: 110px;
                    background-color: yellow;
                }
                
                .footer .social-links {
                    font-weight: bold;
                    /* text-align : center; */
                    /* margin-left : 60px; */
                    margin-bottom: 20px;
                }
                
                .footer .social-links::after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 4px;
                    top: 30px;
                    left: 15px;
                    background-color: yellow;
                }
                
                .footer .contact {
                    font-weight: bold;
                    /* text-align : center; */
                    /* margin-left : 60px; */
                    margin-bottom: 20px;
                }
                
                .footer .contact::after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 4px;
                    top: 30px;
                    left: 15px;
                    background-color: yellow;
                }
                
                .footer .back-to-top {
                    position: fixed;
                    right: 20px;
                    bottom: 20px;
                    z-index: 9999;
                }
                
                .footer .back-to-top i {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 40px;
                    height: 40px;
                    background-color: #106eea;
                    transition: all 0.5 s;
                    border-radius: 5px;
                    font-size: 24px;
                }
                
                .footer .back-to-top i:hover {
                    background-color: #3284f1;
                }
                
                .link-flex a{
                    font-size: 25px;
                    
                }
                
                .fa-facebook-square{
                    
                    color: #3b5998;
                }
                
                .fa-twitter-square {
                    
                    color:#1DA1F2;
                  
                }
                
                .fa-instagram-square {
                    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
    background-clip: text;
  -webkit-text-fill-color: transparent;
                }
                
                
                
                
                
                @media screen and (max-width: 1100px) {
                    .links-flex {
                        display: inline;
                        position: relative;
                        left: -35px;
                    }
                    .footer .quick-links {
                        font-weight: bold;
                        margin-left: 0;
                        margin-bottom: 20px;
                    }
                }
                /* about us styles */
                
                .about-head>h1 {
                    background-color: #31436e !important;
                    border-radius: 8px;
                    font-weight: bold;
                    padding: 5px 2px;
                    height: 60px;
                }
                
                @media screen and (max-width: 769px){
                    .about-head>h1{
                        font-size: 25px;
                        padding: 15px 2px;
                    }
                }
                
                  .about>h3 {
                    color: #31436e  !important;
                    font-weight: bold !important;
                    
                }
                
                
                .about p {
                    color: #31436e  !important;
                    font-size: 18px !important;
                    font-weight: normal !important;
                    font-weight: 300;
                }
                /* tenant styles */
                
                .tenant-hover {
                    overflow: hidden;
                }
                
                .tenant-hover img {
                    transition: 1s ease;
                    border-radius: 10px;
                }
                
                .tenant-hover>img:hover {
                    transform: scale(1.1);
                    transition: 1s ease;
                }
                /* home staging styles */
                
                .staging-hover {
                    object-fit: cover;
                    overflow: hidden;
                }
                
                .staging-hover img {
                    width: 90% !important;
                    background-size: cover;
                    transition: 1s ease;
                    border-radius: 10px;
                }
                @media screen and (max-width: 759px){
                    .staging-hover img {
                    width: 100% !important;
                    height: 300px !important;
                    }
                }
                
                .staging-hover>img:hover {
                    transform: scale(1.1);
                    transition: 1s ease;
                }
                
                .paragraph-bold {
                    font-weight: bold !important;
                    /* display : flex;
    justify-content: flex-end; */
                }
                /*portfolio styles*/
                .portfolio-btn{
                    position: relative;
                    top: -35px;
                    left: -10px;
                    z-index: 2;
                }
                .portfolio-btn i{
                    color: red !important;
                    padding: 2px;
                    border: 2px solid green;
                    border-radius: 50%;
                    background-color: white;
                }
                .portfolio .portfolio-hover {
                    overflow: hidden;
                }
                
                .portfolio .portfolio-hover img {
                    width: 90% !important;
                    height: 200px !important;
                    background-size: cover;
                    /*height:  100% !important;*/
                    border-radius: 10px;
                    transition: 1s ease;
                }
                @media screen and (max-width: 759px){
                    .portfolio .portfolio-hover img {
                    width: 100% !important;
                    height: 200px !important;
                    } 
                }
                
                .portfolio .portfolio-hover img:hover {
                    transform: scale(1.1);
                    transition: 1s ease;
                }
                /* contact styles */
                
                .contact-us h5 {
                    font-weight: bold;
                   /* text-decoration: underline; */
                   /* text-decoration-color: green; */
                   /* text-underline-position: under; */
                    /*text-underline-position: below; */
                }
                
                .enquiry-form input {
                    border-radius: 8px !important;
                }
                
                .enquiry-form ::placeholder {
                    font-size: 14px;
                    font-weight: medium;
                    padding-left: 5px;
                }
                
                
                .contact-us .text-bold{
                    font-weight: bold;
                    text-underline-position: under;
                   /* text-decoration: underline; */
                }
                .twit-container, .fb-container, .inst-container{
                    border:1px solid #4285F4 ;
                    border-radius: 7px;
                    width: 300px !important;
                    word-wrap: break-word;
                    word-break: break-all;
                    padding: 5px;
                    height: fit-content;
                }
                .inst-link, .twit-link, .inst-link{
                    /*width: 100%;*/
                }
                .fb-link-update, .twit-link-update, .twit-link-update, .inst-link-update{
                    height: fit-content;
                    /*text-align: left !important;*/
                }