:root {

    --red:#FF453A;
    --f4: #063D51;
   
}
body{
    background: #0A3A4C;
    color: #fff;
}
.hero-overlay{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a445b+0,0a445b+25,0a445b+50,0a445b+100&0+0,0.5+25,0.75+50,1+100 */
    background: linear-gradient(to bottom, rgba(10,68,91,0.4) 0%,rgba(10,68,91,0.55) 25%,rgba(10,68,91,0.80) 50%,rgba(10,68,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.text-theme {
  color: var(--white);
}
.ss6, .fc-nearby{
    background: #F6F7FC;
}
.ss9::after{
    background: rgba(0, 0, 0, 0.5);
}
.ss9-wrapper{
    background: rgba(10,68,91,0.5);
}
/*.footer-wrapper{
    color: #F6F7FC;
}*/
.qi-body{
    background: var(--f4);
}
.square-top{
    background: var(--clr-theme);
}
.square-bottom{
    background: var(--clr-primary);
}

.btn-primary-alt span, .btn-primary-alt:hover span, .btn-primary-alt:focus span{
    color: var(--white);
}
.bg-dark {
  background: var(--clr-theme) !important;
}

.quick-info{
    background: var(--f4);
}
.qi-body{
    background: rgba(255, 255, 255, 0.05);
}
.qi-col img{
    filter: brightness(10);
}
.qi-col p{
    color: var(--white);
}
.qi-col span{
    color: rgba(252, 253, 253, 0.7);
}
.ss5{
    background: #0A3A4C;
}
.ss6, .fc-nearby{
    background: #0C465C;
}
.floor-plan{
    background: rgba(244, 244, 244, 0.12);
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
    background-color: #0A3A4C;
}
.owl-carousel .owl-nav button.owl-prev{
    background-image: url("../img/arrow.png");
}
.owl-carousel .owl-nav button.owl-next{
    background-image: url("../img/arrow.png");
}
.bg-white {
    background-color: #0A3A4C !important;
}
.facility .fs-15{
    color: rgba(252, 253, 253, 0.7);
}
.card {
  background: #0A3A4C;
}
.ag-col {
  background: #0C465C;
}
.amenities-grid{
    padding-left: 0;
    padding-right: 0;
    
}
.fcn-wrapper{
    background: transparent;
}
.ag-list-item{
    border-top: 1px solid rgba(255,255,255,0.2);
}
.fcn-wrapper::after{
    background: linear-gradient( 180deg, rgba(10,68,91, 0) 0%, rgba(10,68,91, 0.74) 53.65%, rgb(10,68,91) 100%);
}
.table-rooms .card{
    background: #0A394B !important;
}
.tb-room td{
    background: #0C465C;
}
.sq{
    background: transparent;
}
.sq p{
    color: var(--white);
}
.blk80{
    color: rgba(252, 253, 253, 0.7) !important;
}
.tb-room thead{
    background: transparent;
}
.ss8{
    background-image: url(../img/ss8-bg11.jpg);
}
.ss10{
    background: #0A3A4C;
}
.footer-ul li a{
    color: #AABAFD;
}
.footer-wrapper {
  background: #0C465C;
}
.about-hero{
    background: transparent;
}
.card.profile-card {
  background: rgba(255, 255, 255, 0.05);
  border:1px solid rgba(255, 255, 255, 0.4);
}
.btn-theme, .btn-theme:hover, .btn-theme:focus{
    background: var(--clr-btn);
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus{
    background: var(--white);
}
.custom-check [type="checkbox"]:checked + label::before, .custom-check [type="checkbox"]:not(:checked) + label::before {
    border: 1px solid rgba(255,255,255,0.5);
}

.custom-check [type="checkbox"]:checked + label::before{
    border: 1px solid #fff;
    background: rgba(255,255,255,0.2);
}
.prev-step{
    color: var(--white);
}
.footer-logo {
    background-image: url(../img/propnex-logo-light.png);
}
.form-control::placeholder{
    color: #a3adb5;
}
@media screen and (max-width:767px){
    .site-logo{
        background: rgba(10,68,91,0.8);
    }
}