/*!
Theme Name: affordablerealtyservices
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: affordablerealtyservices
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

affordablerealtyservices is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://bootstrapmade.com/color-system/
--------------------------------------------------------------*/
/* Fonts */
:root {
  --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Playfair Display",  sans-serif;
  --nav-font: "Poppins",  sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #0c0b09; /* Background color for the entire website, including individual sections */
  --default-color: rgba(255, 255, 255, 0.7); /* Default color used for the majority of the text content across the entire website */
  --heading-color: #ffffff; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #cda45e; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #29261f; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #0c0b09; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #ffffff;  /* The default color of the main navmenu links */
  --nav-hover-color: #cda45e; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #29261f; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #29261f; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #ffffff; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #cda45e; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
  --background-color: #29261f;
  --surface-color: #464135;
}

.dark-background {
  --background-color: #000000;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #1a1a1a;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  /* background-color: var(--background-color); */
  font-family: 'Open Sans', sans-serif;
}

a {
 text-decoration: underline;
  color: #00005A;

  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

p{
  color: #000;
  line-height: 1.42857143;
 font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 2rem;
}




/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
/* .site-main{
	display: none;
} */


.container {
  max-width: 1170px !important;
}


.pad {
  padding-top: 90px ;
  padding-bottom: 90px ;
}

.pad-sm {
  padding-top: 50px;
  padding-bottom: 50px;
}

.toppad {
  padding-top: 90px;
}

.toppad-sm {
  padding-top: 50px;
}

.toppad-lg {
  padding-top: 100px;
}

.bottompad {
  padding-bottom: 90px;
}

.bottompad-sm {
  padding-bottom: 50px;
}

.bottompad-md {
  padding-bottom: 150px;
}

.bottompart-lg {
  padding-bottom: 230px;
}

.bottommar {
  margin-bottom: 90px !important;
}

.page-header{
  border-bottom: none;
}



.inner-banner .page-header{
	min-height: 620px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}


/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  /* color: #000;
  background-color: var(--background-color); */
  padding: 60px 0;
  scroll-margin-top: 77px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 60px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
  padding-bottom: 60px;
  position: relative;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  position: relative;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: var(--accent-color);
  margin: 4px 10px;
}

.section-title p {
  color: var(--accent-color);
  margin: 0;
  font-size: 36px;
  font-weight: 600;
  font-family: var(--heading-font);
}




/* New Style*/


.bywinsby {
    position: relative;
    float: right;
    font-size: 16px;
    right: 20px;
    top: 5px;
}
.float-right{float:right;}

.bywinsby a {
    text-decoration: none;
    color: #000000;
}

body, html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif; }

.kill-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.banner {
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3rem 0 15rem 0; 


}
  @media screen and (max-width: 900px) {
    .banner {
      padding-top: 0; } }

.banner__about-us {
  margin: 15rem 4vw 0 4vw;
  padding: 3rem 1.5vw;
  background-color: rgba(255, 255, 255, 0.93);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 70rem; }
  .banner__about-us--copy {
    padding: 1vw;
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .banner__about-us--copy h2 {
      font-family: 'Aleo', serif;
      font-weight: 600;
      font-style: normal;
      font-size: 3.2rem;
      color: #00005A;
      margin: 0; }
    .banner__about-us--copy p {
      font-size: 1.8rem;
      line-height: 1.3;
      font-weight: 400;
      color: #333;
      margin: 2rem 0 0 0; }
  .banner__about-us img {
    height: 25rem;
    padding: 1vw; }

.contact-form {
  text-align: center; }
  .contact-form h2 {
    color: #00005A;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0; }
  .contact-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .contact-form form textarea {
      resize: none;
      font-family: 'Open Sans', sans-serif; }
    .contact-form form input, .contact-form form textarea {
      padding: .5rem;
      font-family: 'Open Sans', sans-serif;
      font-size: 1.6rem;
      -webkit-appearance: textfield;
      -moz-appearance: textfield;
      appearance: textfield;
      color: #333;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 99%;
      margin: 0 0 1.5rem 0; }
    .contact-form form input::-webkit-input-placeholder, .contact-form form textarea::-webkit-input-placeholder {
      text-align: center;
      color: #333; }
    .contact-form form input::-ms-input-placeholder, .contact-form form textarea::-ms-input-placeholder {
      text-align: center;
      color: #333; }
    .contact-form form input::placeholder, .contact-form form textarea::placeholder {
      text-align: center;
      color: #333; }
  .contact-form__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    .contact-form__bottom button {
      font-size: 1.6rem;
      font-weight: 700;
      padding: 1rem 1.5rem;
      cursor: pointer;
      border: 0;
      text-decoration: none;
      text-align: center;
      color: #fff;
      background: #00005A; }
      @media only screen and (max-width: 600px) {
        .contact-form__bottom button {
          font-size: 1.8rem; } }
    .contact-form__bottom p {
      color: #333;
      font-size: 1.2rem;
      margin-bottom: 0;
      padding: 0 1% 0 0;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
.copyright{display: inline-block;
  font-size: 16px;
  vertical-align: top;
  padding: 18px 15px;}
.flex-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 4rem 0; }
  .flex-listing img {
    width: 40%;
    margin: 0 3vw 0 0; }
  .flex-listing__info h3 {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 .5rem 0; }
    .flex-listing__info h3 span {
      font-size: 1.8rem;
      font-weight: 400; }
  .flex-listing__info p {
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0 0 0rem 0; }
  .flex-listing__info a {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1rem 1.5rem;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    background: #00005A;
    color: #fff;
    margin: 1.5rem 0 0 0; }
    @media only screen and (max-width: 600px) {
      .flex-listing__info a {
        font-size: 1.8rem; } }

@media screen and (max-width: 500px) {
  .flex-listing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .flex-listing img {
      margin: 0 auto 2rem auto;
      width: 100%; }
    .flex-listing__info {
      text-align: center; } }

.listing-grid {
  grid-column: 1/-1; }

@media screen and (max-width: 900px) {
  .listing-grid {
    grid-row: 2; } }

footer {
  background-color: #0e1064;
  padding: 3rem 4vw;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  footer p {
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: #fff;
    padding: 0;
    margin: 0; }
  footer ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    footer ul a {
      text-decoration: none; }
      footer ul a li {
        font-size: 1.8rem;
        line-height: 1.3;
        font-weight: 400;
        color: #fff;
        padding: 0 2rem;
        list-style: none;
        text-align: center; }
        footer ul a li.first {
          padding-left: 0; }
        footer ul a li.last {
          padding-right: 0; }

.sub-footer {
  padding: 3rem 4vw;
background: #fff;
  color: #000; }
  .sub-footer img {
    height: 7rem; }
    .sub-footer img.first {
      margin-right: 4rem; }

@media screen and (max-width: 1250px) {
  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    footer p {
      text-align: center; }
    footer ul {
      margin-top: 3rem; } }

.main {
  padding: 4vw; }
  .main h2 {
    font-size: 4.2rem;
    font-weight: 700;
    color: #00005A;
    margin: 0 0 5rem 0; }
  .main__contain {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 7vw;
    grid-row-gap: 2rem; }
    .main__contain--copy {
      -ms-flex-preferred-size: 50rem;
          flex-basis: 50rem; }
      .main__contain--copy p {
        font-size: 1.8rem;
        line-height: 1.3;
        font-weight: 400;
        margin: 0 0 2rem 0; }
        .main__contain--copy p i {
          font-weight: 600; }
    .main__contain .search__iframe {
      grid-column: 1/-1; }
      .main__contain .search__iframe iframe {
        height: 900px; }
    .main__contain .coming-soon__iframe {
      grid-column: 1/-1; }

@media screen and (max-width: 900px) {
  .main__contain {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto; }
    .main__contain .search__iframe {
      grid-row: 2; }
      .main__contain .search__iframe iframe {
        height: 1550px; }
    .main__contain .form__iframe {
      grid-row: 3;
      width: 100%; } }
.nav {
  background-color: #f9fdff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}


.nav {
  background-color: #f9fdff;
  width: 100%;
 padding: 1rem 2.5vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-bottom: 0;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
    .nav ul a {
      text-decoration: none; }
      .nav ul a:hover {
        text-decoration: none; }
      .nav ul a li {
        color: #0e1064;
        font-size: 2rem;
        font-weight: 200;
        list-style: none;
        margin: 1.5rem; }
        .nav ul a li.first {
          margin-left: 0; }
        .nav ul a li.last {
          margin-right: 0; }

@media screen and (max-width: 1300px) {
  .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .nav img {
      margin-bottom: 3rem;
      max-width: 100%; }
    .nav ul a li {
      font-size: 1.6rem;
      margin-bottom: 0; } }

.nav-toggle__checkbox {
  display: none; }

.nav-toggle__button {
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #0D8CFF;
  z-index: 1500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  height: 4.1rem;
  width: 5.5rem;
  position: fixed;
  top: 1.5rem;
  left: -100rem; }

.nav-toggle__background {
  z-index: 1000;
  border-radius: 4px;
  height: 6rem;
  width: 6rem;
  position: fixed;
  top: 1rem;
  left: 1rem; }

.nav-toggle__icon {
  position: relative;
  margin-top: 2rem; }
  .nav-toggle__icon, .nav-toggle__icon::before, .nav-toggle__icon::after {
    width: 4rem;
    height: 2px;
    background-color: #0D8CFF;
    display: inline-block; }
  .nav-toggle__icon::before, .nav-toggle__icon::after {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s; }
  .nav-toggle__icon::before {
    top: -.8rem; }
  .nav-toggle__icon::after {
    top: .8rem; }

@media only screen and (max-width: 800px) {
  .nav-toggle__button {
    left: 1.5rem; }
  .nav-toggle__checkbox:checked ~ .nav__ul {
    left: 0; }
  .nav img {
    margin: 0; }
  .nav ul {
    position: fixed;
    left: -200%;
    top: 0;
    height: 80vh;
    width: 100vw;
    background: #fff;
    margin: 0;
    z-index: 1000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .nav ul a li {
      color: #0e1064;
      margin: 0 0 1rem 0;
      padding: 2.5rem 5rem;
      font-size: 2.4rem;
      text-align: center;
      font-weight: 600; }
      .nav ul a li.last {
        margin: 0; }
      .nav ul a li:hover, .nav ul a li:active {
        background: #0e1064;
        color: #fff; } }

.search {
  padding-top: 0; }
  .search-bar {
    max-width: 40rem;
    margin: 2rem 0;
    position: relative; }
    .search-bar input {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-size: 1.4rem; }
    .search-bar .fa-search {
      font-size: 2.6rem;
      color: #959595;
      position: absolute;
      right: 7px;
      bottom: 50%;
      -webkit-transform: translateY(50%);
              transform: translateY(50%); }
  .search p {
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    margin-top: 0; }
  .search input {
    padding: .5rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    color: #333;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 99%;
    margin: 0; }
  .search__listings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3vw;
    padding: 2vw 0; }
    .search__listings--item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .search__listings--item img {
        background: grey;
        height: 20rem;
        width: 25rem;
        margin-right: 2vw; }
      .search__listings--item---info h2 {
        font-size: 2.4rem;
        margin: 0; }
      .search__listings--item---info p {
        font-size: 1.8rem;
        line-height: 1.3;
        font-weight: 400;
        margin-bottom: 3rem; }
      .search__listings--item---info button {
        font-size: 1.6rem;
        font-weight: 700;
        padding: 1rem 1.5rem;
        cursor: pointer;
        border: 0;
        text-decoration: none;
        text-align: center;
        background: #00005A;
        color: #fff; }
        @media only screen and (max-width: 600px) {
          .search__listings--item---info button {
            font-size: 1.8rem; } }

        .search__listings--item---info a {
        font-size: 1.6rem;
        font-weight: 700;
        padding: 1rem 1.5rem;
        cursor: pointer;
        border: 0;
        text-decoration: none;
        text-align: center;
        background: #00005A;
        color: #fff; }
        @media only screen and (max-width: 600px) {
          .search__listings--item---info a {
            font-size: 1.8rem; } }

@media only screen and (max-width: 900px) {
  .search__listings {
    grid-template-columns: 1fr;
    grid-gap: 5vw; } }

.banner__commercial-properties {
  background-image: url("../imgs/banner-commercial.png");
  padding-bottom: 30vw; }

.coming-soon h2 {
  font-size: 4.2rem;
  font-weight: 700; }

.coming-soon p {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400; }

.banner__contact-us {
  background-image: url("../imgs/banner-contactus.png");
  padding-bottom: 30vw; }

.main__contact-us {
  padding-bottom: 1vw; }

.contact {
  padding: 4vw;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .contact img {
    margin: 0 3.5vw 0 0; }
  .contact p {
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0;
    line-height: 1.2; }
    .contact p.first {
      margin-bottom: 2rem; }
  .contact a {
    color: #333;
    margin-bottom: 0; }

@media screen and (max-width: 900px) {
  .main__contact-us {
    padding-bottom: 3rem; }
  .contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .contact img {
      margin: 0 0 2.5rem 0; }
    .contact p {
      text-align: center; } }

.banner__exclusive-listings {
  background-image: url("../imgs/banner-listings.png");
  padding-bottom: 30vw; }

.banner__find-a-home {
  background-image: url("../imgs/banner-findahome.png");
  padding-bottom: 30vw; }

.banner__index{
  overflow: hidden;
}

.header_index{
  position: absolute;
  width: 100%;
}
.header_top{
  width: 100%;
  margin: 3rem 0rem;
}


.banner__index .banner-img{
  width: 100%;
  height: 1050px;
  object-fit: cover;
  object-position: top center;
}

/* .banner__index {
  background-image: url("../images/banner-aboutus.png"); } */
  .banner__index h2 {
    color: #00005A;
  font-family: 'Aleo', serif;
    font-size: 5.4rem;
    font-weight: 900;
    
    padding: 0 4vw; 
  margin-top: 50px;
  margin-bottom: 50px;
}
.banner-title{
  position: absolute;
  top: 26rem;
}
  .banner__index--copy {
    margin: 0 4vw 0 4vw;
    background-color: rgba(255, 255, 255, 0.93);
    padding: 4rem 3vw;
    max-width: 51rem; 
  /*position: absolute;
  
  top: 23rem;*/
  
  }
    .banner__index--copy p {
      font-size: 1.8rem;
      line-height: 1.3;
      font-weight: 400; 
    margin-bottom: 20px;}

.index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 4rem 2vw; }

  .index__listing {
    padding: 1vw;
    -ms-flex-preferred-size: 40rem;
        flex-basis: 40rem;
    -ms-flex-negative: 1;
        flex-shrink: 1; }
    .index__listing img {
      display: block;
      margin: 0 auto;
      height: 10rem;
      -ms-flex-item-align: center;
          align-self: center; }
    .index__listing a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 1rem 0 .25rem 0;
      font-size: 1.8rem;
      line-height: 1.3;
      font-weight: 400;
      font-weight: 700;
      text-decoration: none;
      color: #000; }
      .index__listing a:hover {
        color: #e6a923; }
      .index__listing a p {
        margin: 0 !important;
        line-height: 1; }
      .index__listing a img {
        height: 15px;
        margin: 0 0 0 6px; }
    .index__listing h4 {
      text-align: center;
      font-size: 1.4rem; }
    .index__listing p {
      font-size: 1.8rem;
      line-height: 1.3;
      font-weight: 400;
      display: block;
      margin: 1rem auto 0 auto;
      text-align: center;
      max-width: 60rem; }

@media screen and (max-width: 900px) {
  .index {
    grid-template-columns: 1fr;
    grid-gap: 4rem; } }

	

	/* Css*/
  .menu li{
    font-size: 2rem;
  font-weight: 200;
  list-style: none;
  margin: 1.5rem;
  }

	.page-id-8 .status-publish{
		display: none;
	}
	@media only screen and (max-width: 600px){
	.bywinsby{
		float: none;
		text-align: center;
	}
	.footer-logo{
		text-align: center;
	}
	}

h1{
	font-size: 3.9rem;;
  font-weight: 700;
  color: #00005A;
  margin: 0 0 2rem 0;
  font-family: 'Open Sans', sans-serif;
}
	
	h3{
		font-family: 'Aleo', serif;
  font-weight: 600;
  font-style: normal;
  font-size: 3.2rem;
  color: #00005A !important;
  margin: 0 0 3rem 0;
	}


	h4 {
		
		margin: 0 0 2rem 0;

  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  text-decoration: none;
  color: #000 ;
  font-family: 'Open Sans', sans-serif;
	}
	.index_listing h4 a{
		color: #333  !important;
		text-decoration: none;
		
	}

	.index_listing h4 {
margin: 1rem 0 .25rem 0 !important ;
	}
	.index_listing h4 a:hover{
		color: var(--accent-color) !important;
	}
	.index_listing h4 a:after{
		content: url("./assets/images/yellow-arrow-icon.png");
		height: 15px !important;
  margin: 0 0 0 6px;
  display: inline-flex;
	}

	.index_listing img{
object-fit: cover !important;
	}


	.services-box {
		background: #eeab00;
  padding: 3rem;
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
  margin: 1px;
  -ms-flex-preferred-size: 20rem;
  flex-basis: 20rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
	}
.services-box a{
	color:#ffff !important; 
  text-decoration: none;
}
.services-box h4{
  margin: 0;
  font-size: 2rem;
}

	.listing-service-box{
		margin: 4rem 0 0 0;
	}
	.contact-form {
		text-align: center;
		position: relative;
	}

	.contact-form h3{
		color: #00005A;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  font-family: 'Open Sans', sans-serif;
	}


.contact-form input{
	padding: .5rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6rem;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  color: #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 99%;
  
  text-align: center;
  border-radius: 0;
  border: 1px solid #333;
}

.contact-form textarea{
	padding: .5rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6rem;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  /* color: #333; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 99%;
  
  text-align: center;
  border-radius: 0;
  border: 1px solid #333 !important;
  resize: none !important;
  width: 100%;
  height: 100px;
}
.contact-form button{
	font-weight: 700;
  padding: 1rem 1.5rem;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #00005A;
}
.contact-form .require{
	color: #333;
  font-size: 1.2rem;
  margin-bottom: 0;
  padding: 0 1% 0 0;
  position: absolute;
  right: 0;
  bottom: 34px;
}
.Harri-top{
	padding-top: 60px;
}
.Harri-top a{
	color:#000;
	text-decoration: none;
}
.underline{
  text-decoration: underline !important;
  color: #333 !important;
}



@media only screen and (max-width: 800px) {
  .nav-toggle__checkbox:checked ~ .menu {
    left: 0;
  }
}




@media only screen and (max-width: 800px) {
  .menu li{
    margin: 0 0 5rem 0;
  }
  .menu li a {
    color: #0e1064;
    margin: 0 0 1rem 0;
    margin-left: 0px;
    padding: 2.5rem 5rem;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 600;
  }
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}


/* Media Query*/

@media only screen and (max-width: 600px){
 /* .site-main{
   padding: 2.5vw;
 }
 .page-id-8 .site-main{
padding: 0;
 } */

 .container {
  padding-left: 15px;
  padding-right: 15px;
}


.pad-lt-rt{
  padding: 3.5vw;
}

.pad {
  padding-top: 50px;
  padding-bottom: 50px;
}

  h1{
font-size: 3.2rem;
margin: 0;
}

.header_index{
  position: relative;
}
.inner-banner .page-header{
  min-height: 250px;
}
.Harri-top {
  padding-top: 40px;
  text-align: center;
}

.banner__index h2{
  font-size: 4rem;
	margin-top: 30px;
  margin-bottom: 30px;
}

.banner__index--copy{
  top: 18rem;
}
/*
.banner__index .banner-img{
  height: 850px;
}*/
.banner-title {
  position: absolute;
  top: 23rem;
}

.header_top{
  margin: 0;
}

}


@media only screen and (min-width: 600px) and (min-width:768px) and (max-width:820px){
  .menu li {
    font-size: 1.6rem;
  }
.banner__index h2{
  font-size: 4.4rem;
  margin-top: 95px;
}

.banner__index--copy{
  top: 22rem;
}
.banner-title{
  top: 28rem;
}

 .bywinsby{
  text-align: center;
  float: initial;
 }
}
.wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
  color: #365ABA !important;
} 

#header-nav li:active{
  color: red !important;
}