/* #fixed-menu {
    background-color: red !important;
    position: fixed;
    width: 50%;
    height: 20%;
    z-index: 9999;
    left: 20px;
    bottom: 100px;
    transform: translate( 50%, 50%);
} */


.text-white {
    color: #fff;
}


#about {
    background-color: #F2F2EB;
}

#approach {
    background-color: #111;
}

#approach h4 {
    font-family: var(--font-global);
    text-transform: capitalize;
}


#approach .grid {
    padding: 40px;
    padding-left: 15px;
    padding-bottom: 0px;
}

.footer-1 {
    background-color: #3A3A3A;
}

.footer-1 .fw-social-inline-item a {
    font-size: 14px;
}

.fw-top-link-underline {
    color: #626262;
    text-transform: capitalize;
} 

.footer-1 .social {
    margin-left: 10px;
}

.footer-1 .social a {
    text-decoration: none !important;
    font-size: 20px;
    color: #626262;
    margin: 0 5px;
}

.fw-menu {
    display: flex;
    margin: 10px;
}

.copy {
    color: #626262;
}

.copy ul li a {
    list-style: none;
}

.footer-1 ul {
    margin: 0px;
    padding: 0px;
}

.footer-1 ul li {
    display: inline;
}

.footer-1 ul li a {
    font-size: 13px;
    color: #626262;
    text-decoration: none;
    margin-right: 20px;
}




#about-project {
    background-color: #fff;
}


#floor-plan {
    background-color: #F2F2EB ;
}


#vivanta {
    background-color: #fff;
}

.vivanta-plan-light {
    background-color: #F3F3F3;
}

.vivanta-plan-dark {
    background-color: #6F6F6F;
    color: #fff;
}

/* .vivanta-plan-light .title-box,
.vivanta-plan-dark .title-box {

} */


.vivanta-plan-light .title-box h6,
.vivanta-plan-dark .title-box h6 {
    font-family: var(--font-alt);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}


.vivanta-plan-light .title-box h3,
.vivanta-plan-dark .title-box h3 {
    font-family: var(--font-global);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform:capitalize;
    margin: 0px 0 5px 0;
    padding: 0px;
}


.vivanta-plan-light .title-box h5,
.vivanta-plan-dark .title-box h5 {
    font-family: var(--font-global);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform:capitalize;
    margin: 0px;
    padding: 0px;
}


.vivanta-plan-light .image-box,
.vivanta-plan-dark .image-box {
    margin: 20px 0;
}


.alt-features-item {
    margin: 0px !important;
}

.alt-features-title {
    font-size: 16px;
    font-weight: 700;
}


.alt-features-item
{
  width: 100%;
  padding: 10px;
  background: none !important;
  border-radius: var(--border-radius-default);
}

.alt-features-icon img
{
    width: 100%;
  fill: #fff;
  margin-bottom: 20px;
}



.bg-brown {
    background-color: #C8AA84;
    color: #fff;
}

.bg-brown .testimonials-3-item {
background-color: #CBB292;
}

.bg-brown  .testimonials-3-author .small
{
    color: #fff;
}


#credit-box {
    padding: 50px 0;
}


#credit-box .alt-features-item img {
    width: 80%;
}

#credit-box .alt-features-item
{
  width: 100%;
  padding: 0px;
  background: none !important;
  border-radius: var(--border-radius-default);
}



.call-action-4-images
{
  position: relative;
  padding-bottom: 0%;
}

.tab-content > .active {
    cursor: pointer;
}


.about-us-about .about-text {
    font-size: 28px;
    line-height: 42px;
    margin-top: 140px;
    margin-bottom: 50px;
    }
    


    .features-list-text {
        font-size: 16px;
        letter-spacing: -0.008em;
      }




          /*STICKY BUTTON RIGHT*/
    /*This places the button where we want it*/
    #ds-sticky-button {
        position: fixed;
        right: -198px !important; /*Positions the button to the right of the page*/
        top: 200px; /*Sets the distance of the button from the top of page*/
        width: 200px !important; /*Sets dimensions of the button*/
        height: 25px !important; /*Sets dimensions of the button*/
        z-index:99999; /*Keeps the button on top*/
        transform: rotate(90deg); /*Rotates the button*/
        transform-origin: left top 0; /*Places the button after rotation*/
        }
        /*Styles the link text to make it look like a button - You can edit all these values to match your design*/
        #ds-sticky-button a {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0px;
          color: #ffffff;
          font-size: 16px;
          background: #ff6600;
          padding: 5px 15px 5px 15px;
          text-decoration: none;
        }
        /*Styles the button on hover - You can edit all these values to match your design*/
        #ds-sticky-button a:hover {
          background: #000000;
          text-decoration: none;
        }
        /*Moves the button up a bit on smaller screens - You can adjust this to get the button where you want it or just remove it if you don't want to change the location*/
        @media only screen and (max-width: 980px) {
        #ds-sticky-button {
        top: 100px !important;
        }
        }



         .input-group > .intl-tel-input.allow-dropdown {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            width: 1%;
          } 

          .iti {
            position: relative;
            display: block !important;
          }

          .iti__flag-container {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            margin: 1px 10px 0 0px !important;
          }
          
          .form .iti input[type="text"].input-lg {
            padding-left: 50px !important;
          }

          .input-group > .intl-tel-input.allow-dropdown > .flag-container {
              z-index: 4;
          }
          
          .iti-flag {
            background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
          }
          
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
              .iti-flag {
                background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
              }
          }
          



          .alt-features-icon2 {
            width: 30%;
            margin: 0 auto;
          }