@charset "UTF-8";
@import url("https://p.typekit.net/p.css?s=1&k=ruj1wfc&ht=tk&f=24553.24554.24558.24559.24539.24540.24547.24548.24580.24581.24588.24589&a=46190725&app=typekit&e=css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&');
:root {
  --c-black: #000000;
  --c-white: #ffffff;
  --c-primary: #0065a2;
  --c-secondary: #862632;
  --c-body: #4f4f4f;
  --c-body-dark: #232323;
  --c-gray: #dfdfdf;
  --c-dark-gray: #677276;
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * sofia-pro:
 *   - http://typekit.com/eulas/00000000000000007735a14e
 *   - http://typekit.com/eulas/00000000000000007735a151
 *   - http://typekit.com/eulas/00000000000000007735a163
 *   - http://typekit.com/eulas/00000000000000007735a165
 * sofia-pro-condensed:
 *   - http://typekit.com/eulas/00000000000000007735a150
 *   - http://typekit.com/eulas/00000000000000007735a153
 *   - http://typekit.com/eulas/00000000000000007735a162
 *   - http://typekit.com/eulas/00000000000000007735a164
 * sofia-pro-soft:
 *   - http://typekit.com/eulas/00000000000000007735a147
 *   - http://typekit.com/eulas/00000000000000007735a149
 *   - http://typekit.com/eulas/00000000000000007735a154
 *   - http://typekit.com/eulas/00000000000000007735a157
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-12-03 10:30:34 UTC"}*/
@font-face {
  font-family: "sofia-pro-soft";
  src: url("https://use.typekit.net/af/cdf40b/00000000000000007735a147/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/cdf40b/00000000000000007735a147/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/cdf40b/00000000000000007735a147/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "sofia-pro-soft";
  src: url("https://use.typekit.net/af/691282/00000000000000007735a149/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/691282/00000000000000007735a149/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/691282/00000000000000007735a149/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "sofia-pro-soft";
  src: url("https://use.typekit.net/af/54ce76/00000000000000007735a154/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/54ce76/00000000000000007735a154/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/54ce76/00000000000000007735a154/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro-soft";
  src: url("https://use.typekit.net/af/9f41be/00000000000000007735a157/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/9f41be/00000000000000007735a157/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/9f41be/00000000000000007735a157/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro";
  src: url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro-condensed";
  src: url("https://use.typekit.net/af/8b3e11/00000000000000007735a150/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/8b3e11/00000000000000007735a150/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/8b3e11/00000000000000007735a150/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "sofia-pro-condensed";
  src: url("https://use.typekit.net/af/2fe268/00000000000000007735a153/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/2fe268/00000000000000007735a153/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/2fe268/00000000000000007735a153/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "sofia-pro-condensed";
  src: url("https://use.typekit.net/af/cf0830/00000000000000007735a162/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/cf0830/00000000000000007735a162/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/cf0830/00000000000000007735a162/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "sofia-pro-condensed";
  src: url("https://use.typekit.net/af/7da024/00000000000000007735a164/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/7da024/00000000000000007735a164/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/7da024/00000000000000007735a164/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
}

.tk-sofia-pro-soft {
  font-family: "sofia-pro-soft",sans-serif;
}

.tk-sofia-pro {
  font-family: "sofia-pro",sans-serif;
}

.tk-sofia-pro-condensed {
  font-family: "sofia-pro-condensed",sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.555;
}
.inner-header-padding-top, .our-client:last-child{
  padding-top:0px;
}
.our-client:last-child .title-text{
  display: flex;
}
.our-client:last-child .title-text div{
  width: 33.3%;
}
.our-client:last-child .title-text div ul{
  padding-left:15px;
}

@media screen and (min-width: 992px) {
  body {
    font-size: 1.125rem;
  }
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1,
.h1,
h2,
.h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

@media screen and (min-width: 576px) {
  h1,
  .h1,
  h2,
  .h2 {
    font-size: 32px;
  }
}

@media screen and (min-width: 992px) {
  h1,
  .h1,
  h2,
  .h2 {
    font-size: 32px;
  }
}

@media screen and (min-width: 1200px) {
  h1,
  .h1,
  h2,
  .h2 {
    font-size: 36px;
  }
}

@media screen and (min-width: 992px) {
  h1.type-article,
  .h1.type-article,
  h2.type-article,
  .h2.type-article,
  .articles-sec .articles-item .article-title h2 {
    font-size: 30px;
  }
}

@media screen and (min-width: 1400px) {
  h1.type-article,
  .h1.type-article,
  h2.type-article,
  .h2.type-article,
  .articles-sec .articles-item .article-title h2 {
    font-size: 36px;
  }
}

h3,
.h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

@media screen and (min-width: 992px) {
  h3,
  .h3 {
    font-size: 28px;
  }
}

@media screen and (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 32px;
  }
}

h4 {
  font-size: 1.25rem;
  margin-bottom: 15px;
  line-height: 1.432;
}

@media screen and (min-width: 992px) {
  h4 {
    font-size: 1.375rem;
  }
}

p {
  margin-top: 0;
}

.img-fluid {
  width: 100%;
  height: auto;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 520px;
  }
}

@media screen and (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}

@media screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media screen and (min-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}

@media screen and (min-width: 1800px) {
  .container {
    max-width: 1600px;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row.align-bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.row.align-cen {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row.align-top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.row.rowm-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.row > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/*  ---------========= inner page header ===========--------- */
.inner-page .menu-desktop ul {
  color: var(--c-black);
}

.inner-page .menu-desktop ul li a {
  color: inherit;
}

.inner-page .logo-dark {
  display: block;
}

.inner-page .logo-light {
  display: none;
}

/*  ---------========= front page header ===========--------- */
.front .logo-dark {
  display: none;
}

.front .logo-light {
  display: block;
}

/*  ---------========= scroll down header css ===========--------- */
.header-fixed .logo-dark {
  display: block !important;
}

.header-fixed .logo-light {
  display: none;
}

.header-fixed .menu-desktop ul {
  color: var(--c-black);
}

.mb-8 {
  margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
  .m-t-pt-30 {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .m-t-pt-30 {
    padding-top: 30px;
  }
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py-80 {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 992px) {
  .py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

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

.py-100 {
  padding-top: 55px;
  padding-bottom: 55px;
}

@media screen and (min-width: 576px) {
  .py-100 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media screen and (min-width: 992px) {
  .py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
  .pb-80 {
    padding-bottom: 80px;
  }
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

@media screen and (min-width: 576px) {
  .col-sm-1 {
    -webkit-box-flex: 0;
    max-width: 8.33333%;
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    max-width: 16.66667%;
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    max-width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    max-width: 33.33333%;
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    max-width: 41.66667%;
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    max-width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    max-width: 58.33333%;
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    max-width: 66.66667%;
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    max-width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    max-width: 83.33333%;
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    max-width: 91.66667%;
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    max-width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 768px) {
  .col-md-1 {
    -webkit-box-flex: 0;
    max-width: 8.33333%;
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    max-width: 16.66667%;
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    max-width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    max-width: 33.33333%;
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    max-width: 41.66667%;
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    max-width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    max-width: 58.33333%;
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    max-width: 66.66667%;
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    max-width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    max-width: 83.33333%;
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    max-width: 91.66667%;
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    max-width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 992px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
    max-width: 8.33333%;
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    max-width: 16.66667%;
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    max-width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    max-width: 33.33333%;
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    max-width: 41.66667%;
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    max-width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    max-width: 58.33333%;
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    max-width: 66.66667%;
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    max-width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    max-width: 83.33333%;
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    max-width: 91.66667%;
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    max-width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 1200px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
    max-width: 8.33333%;
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    max-width: 16.66667%;
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    max-width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    max-width: 33.33333%;
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    max-width: 41.66667%;
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    max-width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    max-width: 58.33333%;
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    max-width: 66.66667%;
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    max-width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    max-width: 83.33333%;
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    max-width: 91.66667%;
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    max-width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/*  kimage content text */
.images-text-bottom {
  position: relative;
}

.images-text-bottom .img-content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2%;
  margin: 2%;
  background-color: rgba(0,0,0,.5);
  color: var(--c-white);
}

.col-lg-12 .img-content{
    margin-left: 4%;
    margin-bottom: 4%
}

.col-lg-6 .img-content{
    margin-left: 4%;
    margin-bottom: 4%
}

.images-text-bottom .img-content h4 {
  margin: 0;
}

.images-text-bottom .img-content h5 {
  font-size: 1rem;
  font-weight: bold;
}

.link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  color: var(--c-black);
  text-decoration: none;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link a svg {
  width: 0.875em;
  display: inline-block;
  height: 1em;
  vertical-align: middle;
  position: relative;
  left: 0;
  margin-left: 4px;
  -webkit-transition: all .32s ease-in-out;
  transition: all .32s ease-in-out;
  margin-top: 2px;
}

.link a:hover svg {
  left: 5px;
}

.inner-header-padding-top, .our-client, .articles-sec, .article-basic-sec, .our-team-sec, .contact-sec {
  padding-top: 120px;
}

@media screen and (min-width: 992px) {
  .inner-header-padding-top, .our-client, .articles-sec, .article-basic-sec, .our-team-sec, .contact-sec {
    padding-top: 130px;
  }
}

@media screen and (min-width: 1200px) {
  .inner-header-padding-top, .our-client, .articles-sec, .article-basic-sec, .our-team-sec, .contact-sec {
    padding-top: 190px;
  }
}

@media screen and (min-width: 1400px) {
  .inner-header-padding-top, .our-client, .articles-sec, .article-basic-sec, .our-team-sec, .contact-sec {
    padding-top: 220px;
  }
}

.header {
  position: fixed;
  width: 100%;
  color: var(--c-white);
  z-index: 99;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (min-width: 1200px) {
  .header {
    padding-top: 45px;
  }
}

@media screen and (min-width: 1400px) {
  .header {
    padding-top: 57px;
  }
}

.header .logo {
  max-width: 430px;
}

@media screen and (max-width: 991px) {
  .header .logo {
    max-width: 330px;
    width: calc(100% - 62px);
  }
}

.header .logo img {
  width: 100%;
}

.header .logo .logo-link {
  display: block;
}

.header .menu-desktop ul {
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 992px) {
  .header .menu-desktop ul {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header .menu-desktop ul li {
  list-style: none;
  padding-right: 12px;
  padding-left: 12px;
}

@media screen and (min-width: 1200px) {
  .header .menu-desktop ul li {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 1400px) {
  .header .menu-desktop ul li {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* .header .menu-desktop ul li:last-child {
  padding-right: 0;
} */

.header .menu-desktop ul li a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

@media screen and (min-width: 992px) {
  .header .menu-desktop ul li a {
    color: inherit;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1200px) {
  .header .menu-desktop ul li a {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1800px) {
  .header .menu-desktop ul li a {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 992px) {
  .header .menu-desktop ul li a::after {
    content: "";
    display: block;
    width: 10px;
    -webkit-transition: all .32s ease-in-out;
    transition: all .32s ease-in-out;
    opacity: 0;
    border-bottom: 2px solid;
    border-color: inherit;
    padding-top: 2px;
  }
  .header .menu-desktop ul li a:hover::after {
    width: 100%;
    opacity: 1;
  }
}

.header-fixed .header {
  position: fixed;
  padding: 10px;
  left: 0;
  background-color: var(--c-white);
  z-index: 99;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-animation-name: header-fixed;
  animation-name: header-fixed;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  top: 0;
}

.header-fixed .header .logo {
  max-width: 330px;
}

body.menu-active .header {
  position: fixed;
  top: 0;
  z-index: 99;
  -webkit-animation: unset;
          animation: unset;
}

.col.toggler-col {
  max-width: 62px;
}

.col.toggler-col .menu-toggle {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
  z-index: 9;
}

.col.toggler-col .menu-toggle span {
  background: var(--c-black);
  position: absolute;
  width: 100%;
  height: 4px;
  top: 50%;
  border-radius: 1px;
  -webkit-transition: top 0.3s .3s, opacity 0.3s .3s, -webkit-transform 0.3s 0s;
  transition: top 0.3s .3s, opacity 0.3s .3s, -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s, top 0.3s .3s, opacity 0.3s .3s;
  transition: transform 0.3s 0s, top 0.3s .3s, opacity 0.3s .3s, -webkit-transform 0.3s 0s;
  margin-top: -2px;
}

.col.toggler-col .menu-toggle span:nth-child(2) {
  top: calc(50% - 9px);
}

.col.toggler-col .menu-toggle span:nth-child(3) {
  top: calc(50% + 9px);
}

@media screen and (min-width: 992px) {
  .col.toggler-col {
    display: none;
  }
}

.front .col.toggler-col .menu-toggle span {
  background: var(--c-white);
}

.header-fixed .front .col.toggler-col .menu-toggle span, .menu-active .front .col.toggler-col .menu-toggle span {
  background: var(--c-black);
}

.menu-active .col.toggler-col .menu-toggle span {
  -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s 0.3s;
  transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, top 0.3s, opacity 0.3s;
  transition: transform 0.3s 0.3s, top 0.3s, opacity 0.3s, -webkit-transform 0.3s 0.3s;
}

.menu-active .col.toggler-col .menu-toggle span:nth-child(1) {
  opacity: 0%;
}

.menu-active .col.toggler-col .menu-toggle span:nth-child(2) {
  top: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.menu-active .col.toggler-col .menu-toggle span:nth-child(3) {
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (min-width: 992px) {
  .navigation-wrapper {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .navigation-wrapper {
    position: fixed;
    display: none;
    background-color: var(--c-white);
    padding: 100px 30px 30px;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .navigation-wrapper ul {
    display: block;
  }
  .navigation-wrapper ul li {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .navigation-wrapper ul li a {
    color: var(--c-black);
    display: block;
    font-size: 1.375rem;
  }
}

@-webkit-keyframes header-fixed {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes header-fixed {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

/*---------------========= Banner section css ===========----------------*/
.home-banner-sec {
  background-image: url("../../templates/images/banner.jpg");
  background-position: center top;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  min-height: 550px;
}

.home-banner-sec::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.102);
}

.home-banner-sec .ovarlay-content {
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
}

.home-banner-sec .ovarlay-content .row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.home-banner-sec .home-content {
  padding-bottom: 76px;
  color: var(--c-white);
}

.home-banner-sec .home-content h1 {
  margin-bottom: 10px;
}

.home-banner-sec .home-content h4 {
  font-weight: normal;
  margin-bottom: 0;
}

.banner-down-iocn {
  color: var(--c-white);
  margin-bottom: 44px;
}

.banner-down-iocn .scroll {
  width: 50px;
  height: 50px;
  border: 2px solid var(--c-white);
  cursor: pointer;
  margin-left: auto;
  display: block;
}

.banner-down-iocn .scroll .icon {
  position: relative;
  animation: down 3s infinite;
  -webkit-animation: down 3s infinite;
  font-size: 26px;
}

.banner-down-iocn .scroll .icon svg {
  width: 0.625em;
  height: 1em;
  margin: 4px auto;
  display: block;
}

@-webkit-keyframes down {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: .5;
  }
}

@keyframes down {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: .5;
  }
}

/*---------------========= Banner bottom content sectioncss ===========----------------*/
.banner-bottom-sec {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 576px) {
  .banner-bottom-sec {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width:320px) and (max-width:767px) {
  .our-client:last-child .title-text {
    flex-direction: column;
  }
  .our-client:last-child .title-text div {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .banner-bottom-sec {
    padding-top: 110px;
    padding-bottom: 115px;
  }
}

.banner-bottom-sec .left-side h2 {
  margin-bottom: 32px;
}

.banner-bottom-sec .left-side h2 span {
  padding-right: 10px;
}

@media screen and (min-width: 768px) {
  .banner-bottom-sec .left-side h2 span {
    padding-right: 22px;
  }
}

.banner-bottom-sec .left-side h2 span:last-child {
  padding-right: 0;
}

.banner-bottom-sec .left-side p span {
  font-weight: bold;
}

.banner-bottom-sec .right-side ul {
  list-style: none;
  padding-left: 0;
}

@media screen and (min-width: 992px) {
  .banner-bottom-sec .right-side ul {
    padding-left: 15px;
  }
}

@media screen and (min-width: 1200px) {
  .banner-bottom-sec .right-side ul {
    padding-left: 30px;
  }
}

@media screen and (min-width: 1400px) {
  .banner-bottom-sec .right-side ul {
    padding-left: 50px;
  }
}

.banner-bottom-sec .right-side ul li {
  list-style: none;
  line-height: 2.5;
  font-size: 18px;
}

@media screen and (min-width: 1200px) {
  .banner-bottom-sec .right-side ul li {
    font-size: 22px;
  }
}

.banner-bottom-sec .right-side .link {
  padding-top: 10px;
}

@media screen and (min-width: 992px) {
  .banner-bottom-sec .right-side .link {
    padding-left: 15px;
  }
}

@media screen and (min-width: 1200px) {
  .banner-bottom-sec .right-side .link {
    padding-left: 30px;
  }
}

@media screen and (min-width: 1400px) {
  .banner-bottom-sec .right-side .link {
    padding-left: 50px;
  }
}

/*---------------========= Banner bottom content sectioncss ===========----------------*/
.apartment-sec {
  overflow: hidden;
}

.apartment-sec .row {
  margin: 0 -4px;
}

.apartment-sec .col-lg-6 {
  padding: 4px;
  position: relative;
}

.apartment-sec .col-lg-6 img {
  width: 100%;
  display: block;
  height: auto;
}

@media screen and (min-width: 992px) {
  .apartment-sec .col-lg-6 img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    -o-object-position: center;
       object-position: center;
  }
}

.apartment-sec .img-wrapper {
  position: relative;
}

.apartment-sec .col-lg-8,
.apartment-sec .col-lg-4 {
  padding: 4px;
}

.apartment-sec .images3 img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 992px) {
  .apartment-sec .images3 img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

.apartment-sec .images4 img {
  position: relative;
}

.apartment-sec .images4 .img-content {
  position: absolute;
  bottom: 0;
  left: 0;
/*   padding: 6%; */
  margin-top: -50% !important;
  margin-bottom: 4%;
  margin-left: 4%;
}

.apartment-sec .content-text {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .apartment-sec .content-text {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 520px;
  }
}

@media screen and (min-width: 768px) {
  .apartment-sec .content-text {
    max-width: 750px;
  }
}

@media screen and (min-width: 992px) {
  .apartment-sec .content-text {
    padding: 50px 40px 30px 35px;
    max-width: 100%;
  }
}

@media screen and (min-width: 1400px) {
  .apartment-sec .content-text {
    padding: 50px 50px 30px 40px;
  }
}

@media screen and (min-width: 1800px) {
  .apartment-sec .content-text {
    padding: 50px 65px 30px 55px;
  }
}

.apartment-sec .content-text ul {
  padding: 0;
}

.apartment-sec .content-text ul li {
  list-style: none;
}

.apartment-sec .content-text ul li a {
  text-decoration: none;
  color: var(--c-dark-gray);
}

@media screen and (max-width: 991px) {
  .apartment-sec .images4.images-text-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .apartment-sec .images4.images-text-bottom .img-wrapper {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .apartment-sec .images4.images-text-bottom .content-text {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

/*---------------========= Banner bottom content sectioncss ===========----------------*/
.content-img-sec {
  padding-top: 4px;
  padding-bottom: 4px;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}

.content-img-sec .images-text-bottom {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 992px) {
  .content-img-sec .images-text-bottom {
    padding-left: 15px;
  }
}

.content-img-sec .content-title {
  padding-bottom: 40px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .content-img-sec .content-title {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 520px;
  }
}

@media screen and (min-width: 768px) {
  .content-img-sec .content-title {
    max-width: 750px;
  }
}

@media screen and (min-width: 992px) {
  .content-img-sec .content-title {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.content-img-sec .content-title h2 {
  font-weight: bold;
  margin: auto;
  font-size: 1.75rem;
}

@media screen and (min-width: 768px) {
  .content-img-sec .content-title h2 {
    font-size: 3rem;
  }
}

@media screen and (min-width: 992px) {
  .content-img-sec .content-title h2 {
    max-width: 9.5em;
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 1200px) {
  .content-img-sec .content-title h2 {
    font-size: 3rem;
  }
}

@media screen and (min-width: 1400px) {
  .content-img-sec .content-title h2 {
    font-size: 3.625rem;
  }
}

@media screen and (min-width: 1800px) {
  .content-img-sec .content-title h2 {
    font-size: 4.25rem;
  }
}

/*---------------========= Banner bottom content sectioncss ===========----------------*/
.apartment-img-sec {
  overflow: hidden;
}

.apartment-img-sec .row.m-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.apartment-img-sec .apa-image {
  padding: 4px;
  overflow: hidden;
}

.apartment-img-sec .apa-image img {
  height: auto;
  max-width: 100%;
  display: block;
}

@media screen and (min-width: 992px) {
  .apartment-img-sec .apa-image img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.apartment-img-sec .img-row:not(:last-child) {
  padding-bottom: 10px;
}

.client-logo-sec {
  padding-top: 50px;
  padding-bottom: 60px;
}

@media screen and (min-width: 768px) {
  .client-logo-sec {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1200px) {
  .client-logo-sec {
    padding-top: 76px;
    padding-bottom: 110px;
  }
}

.client-logo-sec .client-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.client-logo-sec .client-inner .title {
  width: 100%;
  padding-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .client-logo-sec .client-inner .title {
    padding-bottom: 50px;
  }
}

.client-logo-sec .swiper-slide .slide-inner {
  max-width: 200px;
}

.client-logo-sec .swiper-slide img {
  width: auto;
  height: auto;
  max-height: 100px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.client-logo-sec h4 {
  font-weight: normal;
  margin-bottom: 0;
}

.client-logo-sec .swiper .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.client-logo-sec .swiper .swiper-pagination {
  bottom: 0;
}

.client-logo-sec .swiper .swiper-pagination .swiper-pagination-bullet {
  padding: 6px;
  background-color: #d1d1d1;
  opacity: 1;
}

.client-logo-sec .swiper .swiper-pagination .swiper-pagination-bullet:hover, .client-logo-sec .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000000;
  opacity: 1;
}

.team-page .client-logo-sec {
  padding-top: 20px;
}

@media screen and (min-width: 768px) {
  .team-page .client-logo-sec {
    padding-top: 30px;
  }
}

@media screen and (min-width: 1200px) {
  .front .team-page .client-logo-sec {
    padding-top: 110px;
  }
}

.client-slider-wrapper {
  position: relative;
  width: 100%;
}

.client-slider-wrapper .slider-navigation-wrapper .swiper-button-next {
  right: -20px;
}

@media screen and (min-width: 768px) {
  .client-slider-wrapper .slider-navigation-wrapper .swiper-button-next {
    right: -25px;
  }
}

.client-slider-wrapper .slider-navigation-wrapper .swiper-button-prev {
  left: -20px;
}

@media screen and (min-width: 768px) {
  .client-slider-wrapper .slider-navigation-wrapper .swiper-button-prev {
    left: -25px;
  }
}

.client-slider-wrapper .slider-navigation-wrapper .swiper-button-next::after, .client-slider-wrapper .slider-navigation-wrapper .swiper-button-prev::after {
  font-size: 30px;
  color: var(--c-black);
  opacity: 1;
}

/* -----------================== inner page css start ============-------------*/
.inner-banner {
  background-image: url("../../templates/images/approach-banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inner-banner::before {
  content: "";
  width: 1px;
  margin-right: -1px;
}

@media screen and (min-width: 992px) {
  .inner-banner::before {
    min-height: 400px;
  }
}

@media screen and (min-width: 1400px) {
  .inner-banner::before {
    min-height: 500px;
  }
}

@media screen and (min-width: 1800px) {
  .inner-banner::before {
    min-height: 600px;
  }
}

.inner-banner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.102);
}

.inner-banner .inner-overlay-content {
  width: 100%;
  padding-top: 140px;
  padding-bottom: 50px;
  margin-top: auto;
}

@media screen and (min-width: 992px) {
  .inner-banner .inner-overlay-content {
    padding-bottom: 66px;
  }
}

.inner-banner .inner-overlay-content .inner-content {
  color: var(--c-white);
}

.inner-banner .inner-overlay-content .inner-content h1 {
  margin-bottom: 10px;
}

.inner-banner .inner-overlay-content .inner-content h4 {
  margin-bottom: 0;
}

/* -----------================== services section css start ============-------------*/
.services-sec .list-item {
  width: 100%;
  padding-bottom: 30px;
}

@media screen and (min-width: 992px) {
  .services-sec .list-item {
    max-width: 382px;
    padding-bottom: 0;
  }
}

.services-sec .list-item ul {
  padding: 0;
  margin: 0;
}

.services-sec .list-item ul li {
  list-style: none;
  padding-bottom: 15px;
}

@media screen and (min-width: 1400px) {
  .services-sec .list-item ul li {
    font-size: 22px;
  }
}

.services-sec .list-item ul li a {
  text-decoration: none;
  color: var(--c-black);
  display: inline-block;
  line-height: 1.3;
}

.services-sec .servies-img img {
  height: auto;
}

@media screen and (min-width: 992px) {
  .services-sec .servies-img img {
    max-height: 250px;
    min-height: 250px;
  }
}

.services-sec .row-wrapper {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* -----------================== constant-sec  section css start ============-------------*/
.constant-sec {
  position: relative;
}

.constant-sec .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.constant-sec .flex-row .text-col {
  width: 100%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.constant-sec .constant-content h6 {
  font-size: 20px;
}

.constant-sec .constant-content ul {
  padding: 0;
  margin: 0;
  padding-top: 3%;
}

.constant-sec .constant-content ul li {
  list-style: none;
}

.constant-sec .constant-content ul li a {
  text-decoration: none;
  color: var(--c-dark-gray);
}

.constant-sec .constant-content .inner-text-item {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
  .constant-sec .constant-content .inner-text-item {
    padding: 6% 8% 0px;
  }
}

.constant-sec .constant-img {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .constant-sec .constant-img {
    padding-right: 0;
    width: 50%;
    margin-left: -50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .constant-sec .constant-img .img-container {
    position: relative;
    width: 100%;
  }
  .constant-sec .constant-img .img-container img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

/* -----------================== project page css start ============-------------*/
/* -----------================== project css start ============-------------*/
.filter-project-sec {
  padding-top: 100px;
}

@media screen and (min-width: 1200px) {
  .filter-project-sec {
    padding-top: 150px;
  }
}

@media screen and (min-width: 1400px) {
  .filter-project-sec {
    padding-top: 170px;
  }
}

.filter-project-sec .filter-menu h6 {
  font-size: 16px;
}

.filter-project-sec .border-top {
  margin-top: 30px;
  border-top: 2px solid var(--c-dark-gray);
  border-bottom: 2px solid var(--c-dark-gray);
  padding-top: 30px;
  padding-bottom: 20px;
}

@media screen and (min-width: 1400px) {
  .filter-project-sec .border-top {
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 50px;
  }
}

.filter-project-sec .border-top ul {
  padding: 0;
  margin: 0;
}

.filter-project-sec .border-top ul li {
  list-style: none;
  margin-bottom: 10px;
}

.filter-project-sec .border-top ul li button.control {
  text-decoration: none;
  color: var(--c-black);
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  cursor: pointer;
  padding: 5px 0;
  font-size: 18px;
}

@media screen and (min-width: 1200px) {
  .filter-project-sec .border-top ul li button.control {
    font-size: 20px;
  }
}

@media screen and (min-width: 1400px) {
  .filter-project-sec .border-top ul li button.control {
    font-size: 22px;
  }
}

.filter-project-sec .border-top ul li button.control::after {
  content: "";
  display: block;
  width: 10px;
  -webkit-transition: all .32s ease-in-out;
  transition: all .32s ease-in-out;
  opacity: 0;
  border-bottom: 2px solid var(--c-black);
  padding-top: 0px;
}

.filter-project-sec .border-top ul li button.control:hover::after {
  width: 100%;
  opacity: 1;
}

.filter-project-sec .border-top ul li button.control.mixitup-control-active::after {
  width: 100%;
  opacity: 1;
}

/* -----------================== project images section css start ============-------------*/
.project-img-sec .col-md-6 {
  padding: 4px;
}

@media screen and (min-width: 992px) {
  .project-img-sec .col-md-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.project-img-sec .col-md-6 img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: auto;
}

/* -----------================== our-client section css start ============-------------*/
/* -----------================== client image and content section css start ============-------------*/
.client-apa-sec .inner-item {
  padding: 4px;
  margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
  .client-apa-sec .content-wrapper .left-side {
    padding-right: 10px;
  }
}

.client-apa-sec .content-wrapper .left-side img {
  max-width: 180px;
  height: auto;
}

.client-apa-sec .content-wrapper .right-side {
  padding-top: 20px;
}

@media screen and (min-width: 992px) {
  .client-apa-sec .content-wrapper .right-side {
    padding-left: 30px;
    padding-top: 0;
  }
}

.client-apa-sec .content-wrapper .right-side h4 {
  margin-bottom: 0;
}

.client-apa-sec .content-wrapper .right-side h5 {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 15px;
}

/* -----------================== articles image and content section css start ============-------------*/
.articles-sec .title {
  margin-bottom: 30px;
  border-bottom: 2px solid var(--c-black);
}

.articles-sec .title h3 {
  padding-bottom: 20px;
}

.articles-sec .articles-item {
  border-bottom: 2px solid var(--c-black);
  padding-bottom: 30px;
  margin-bottom: 40px;
}

.articles-sec .articles-item {
  display: none;
}

.articles-sec .articles-item .article-title {
  width: 100%;
  padding-top: 15px;
}

@media screen and (min-width: 768px) {
  .articles-sec .articles-item .article-title {
    padding-top: 0px;
  }
}

@media screen and (min-width: 992px) {
  .articles-sec .articles-item .article-title {
    width: calc(50% - 50px);
  }
}

@media screen and (min-width: 1800px) {
  .articles-sec .articles-item .article-title {
    width: calc(50% - 70px);
  }
}

.articles-sec .articles-item .article-title h2 {
  margin-bottom: 10px;
}

.articles-sec .articles-item .article-date {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .articles-sec .articles-item .article-date {
    width: 100px;
  }
}

@media screen and (min-width: 1800px) {
  .articles-sec .articles-item .article-date {
    width: 135px;
  }
}

.articles-sec .articles-item .articles-body {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .articles-sec .articles-item .articles-body {
    width: calc(50% - 50px);
  }
}

@media screen and (min-width: 1800px) {
  .articles-sec .articles-item .articles-body {
    width: calc(50% - 65px);
  }
}

.articles-sec .show-more-link {
  text-align: center;
}

.articles-sec .show-more-link .center-link {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.articles-sec .show-more-link #showLess {
  display: none;
}

/* -----------==================  articles  singal page css start ============-------------*/
.article-basic-sec .img-item {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (min-width: 992px) {
  .article-basic-sec .article-content {
    padding-top: 40px;
    padding-left: 45px;
  }
}

.article-basic-sec .article-content span {
  color: var(--c-dark-gray);
  display: block;
  padding-bottom: 15px;
}

/* -----------==================  contact page css start ============-------------*/
.contact-sec .contact-info {
  padding-top: 30px;
}

.contact-sec .contact-info ul {
  padding: 0;
  margin: 0;
}

.contact-sec .contact-info ul li {
  list-style: none;
}

.contact-sec .contact-info ul li a {
  text-decoration: none;
  color: var(--c-black);
  -webkit-transition: all .32s ease-in-out;
  transition: all .32s ease-in-out;
}

.contact-sec .contact-info ul li a:hover {
  color: rgba(0, 0, 0, 0.75);
}

.contact-sec .map-colm {
  padding-top: 50px;
}

.contact-sec .map-colm iframe {
  width: 100%;
  height: auto;
  max-height: 500px;
  min-height: 500px;
  display: block;
}

.our-team-sec .team-content {
  padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
  .our-team-sec .team-content {
    max-width: 80%;
  }
}

.our-team-sec .team-item {
  padding-bottom: 40px;
  position: relative;
}

@media screen and (min-width: 992px) {
  .our-team-sec .team-item {
    padding-bottom: 80px;
  }
}

.our-team-sec .team-item .img-wrapper {
  position: relative;
  cursor: pointer;
}

.our-team-sec .team-item .img-wrapper img {
  width: 100%;
  display: block;
  height:375px;
  object-fit: cover;
}

.our-team-sec .team-item .img-wrapper .close-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  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;
  background-color: rgba(0, 0, 0, 0.361);
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .32s ease-in-out;
  transition: all .32s ease-in-out;
}

.our-team-sec .team-item .img-wrapper .close-popup span {
  width: 40px;
  height: 6px;
  display: block;
  position: relative;
}

.our-team-sec .team-item .img-wrapper .close-popup span::after, .our-team-sec .team-item .img-wrapper .close-popup span::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: var(--c-white);
}

.our-team-sec .team-item .img-wrapper .close-popup span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.our-team-sec .team-item .img-wrapper .close-popup span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.our-team-sec .team-item .caption-wrapper {
  padding-top: 30px;
}

.our-team-sec .team-item h3 {
  font-size: 20px;
}

@media screen and (min-width: 992px) {
  .our-team-sec .team-item h3 {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 1400px) {
  .our-team-sec .team-item h3 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1800px) {
  .our-team-sec .team-item h3 {
    font-size: 1.75rem;
  }
}

.our-team-sec .team-item span {
  font-weight: bold;
}

.our-team-sec .team-item p {
  padding-bottom: 0;
  margin-bottom: 0;
  color: var(--c-dark-gray);
}

.our-team-sec .team-item .team-popup {
  display: none;
  position: absolute;
  width: 200%;
  background-color: #ffffff;
  color: var(--c-black);
  top: 0;
  z-index: 999;
  padding-left: 35px;
  padding-right: 15px;
}

@media screen and (min-width: 992px) {
  .our-team-sec .team-item .team-popup {
    min-height: 100%;
  }
}

@media screen and (max-width: 991px) {
  .our-team-sec .team-item .team-popup {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 0;
    right: 0;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
    padding: 40px 30px 30px;
    width: 740px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.our-team-sec .team-item .team-popup p {
  color: var(--c-black);
}

.our-team-sec .team-item .team-popup p:not(:last-child) {
  margin-bottom: 15px;
}

.our-team-sec .team-item .team-popup .close-icon {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 10px;
  top: 10pX;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .our-team-sec .team-item .team-popup .close-icon {
    display: none;
  }
}

.our-team-sec .team-item .team-popup .close-icon span {
  width: 22px;
  height: 3px;
  display: block;
  position: relative;
}

.our-team-sec .team-item .team-popup .close-icon span::after, .our-team-sec .team-item .team-popup .close-icon span::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: var(--c-black);
}

.our-team-sec .team-item .team-popup .close-icon span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.our-team-sec .team-item .team-popup .close-icon span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (min-width: 992px) {
  .our-team-sec .team-item:nth-child(4n+1) .team-popup, .our-team-sec .team-item:nth-child(4n+2) .team-popup {
    left: 100%;
  }
  .our-team-sec .team-item:nth-child(4n+3) .team-popup, .our-team-sec .team-item:nth-child(4n) .team-popup {
    right: 100%;
  }
}

@media screen and (max-width: 991px) {
  .our-team-sec .team-item.active::after {
    content: "";
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--c-black);
    opacity: .5;
    z-index: 998;
  }
}

@media screen and (min-width: 992px) {
  .our-team-sec .team-item.active .close-popup {
    opacity: 1;
  }
}

/* -----------==================  sustainability-sec css start ============-------------*/
.sustainability-sec .right-content {
  padding-top: 30px;
}

@media screen and (min-width: 1400px) {
  .sustainability-sec .right-content {
    padding-top: 70px;
  }
}

@media screen and (min-width: 992px) {
  .sustainability-sec .servies-img {
    padding-right: 35px;
  }
}

@media screen and (min-width: 992px) {
  .lasting-img .img-wrapper-inner {
    padding-right: 37px;
  }
}

.footer-sec {
  padding-top: 70px;
  color: var(--c-white);
  font-size: 16px;
  background-color: var(--c-black);
  padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
  .footer-sec {
    padding-bottom: 50px;
  }
}

.footer-sec .logo-footer {
  margin-bottom: 30px;
  display: block;
  max-width: 300px;
}

@media screen and (min-width: 1200px) {
  .footer-sec .logo-footer {
    max-width: 400px;
  }
}

.footer-sec .fcolm img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 992px) {
  .footer-sec .fcolm img {
    max-width: 360px;
  }
}

@media screen and (min-width: 1800px) {
  .footer-sec .fcolm img {
    max-width: 400px;
  }
}

.footer-sec .fcolm ul {
  padding: 0;
  margin: 0;
}

.footer-sec .fcolm ul li {
  list-style: none;
  line-height: 28px;
}

.footer-sec .fcolm ul li a {
  text-decoration: none;
  color: var(--c-white);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}

.footer-sec .fcolm ul li a:hover {
  color: rgba(255, 255, 255, 0.75);
}

.footer-sec .fcolm h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .footer-sec .fcolm h4 {
    margin-bottom: 15px;
  }
}

.copyrightss {
  padding-top: 15px;
}

@media screen and (min-width: 992px) {
  .copyrightss {
    padding-top: 20px;
  }
}

.copyrightss p {
  margin-bottom: 0;
}

.f-titl-content {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .f-titl-content {
    margin-bottom: 45px;
  }
}

.f-titl-content a {
  text-decoration: none;
  color: var(--c-white);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}

.f-titl-content a:hover {
  color: rgba(255, 255, 255, 0.75);
}

.desktop-d {
  display: none;
}

@media screen and (min-width: 768px) {
  .desktop-d {
    margin-top: 45px;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .mobile-d {
    display: none;
  }
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.social li:not(:last-child) {
  margin-right: 30px;
}

.social li a {
  display: block;
  font-size: 30px;
}

.social li a svg {
  display: block;
  height: 1em;
}

.social li a.youtube svg {
  width: 1.125em;
}

.social li a.fb svg {
  width: 0.875em;
}

.social li a.insta svg {
  width: 1.125em;
}

.footer-bottom-sec {
  background-color: var(--c-black);
  color: var(--c-white);
  border-top: 1px solid var(--c-gray);
}

.footer-bottom-sec p {
  padding-bottom: 0;
  margin: 0;
}

.footer-find-more ul li {
  margin-bottom: 8px;
}

.fbottom-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fbottom-icon span {
  padding-left: 30px;
  font-size: 12px;
}

.fbottom-icon a {
  text-decoration: none;
  color: var(--c-white);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}

.fbottom-icon a:hover {
  color: rgba(255, 255, 255, 0.75);
}
/*# sourceMappingURL=style.css.map */

.footer-sec .fcolm ul li img {
  width: 26px;
  height: 26px;
}

.footer-sec .fcolm ul li:not(:last-child) {
  margin-right: 20px;
}

.col-services-sec.services-sec .servies-img img{
max-height: 100% !important;
min-height: unset !important;
}
.project-img-col {
  padding-bottom: 64%;
  position: relative;
  width: 100%;
}
.project-img-sec .col-md-6 .project-img-col img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible; 
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 
/*.menu-active {
  overflow: hidden;
}*/
.navigation-wrapper { overflow-x: hidden; }
@media screen and (min-width: 1280px) and (max-width: 1366px) {
.menu-active .navigation-wrapper { max-width: 542px !important; }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
.menu-active .navigation-wrapper { max-width: 520px !important; }
}
@media screen and (min-width: 992px) {
.col.toggler-col {
  display: block; 
}
.navigation-wrapper { overflow-x: hidden;
  position: fixed;
  display: none !important;
  background-color: rgba(255,255,255,.9);
  padding: 100px 30px 30px;
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  height: 100%;
  text-align: center; max-width: 0;
}
.menu-active .navigation-wrapper {
  display: block !important; max-width: 622px; padding: 160px 30px 30px;
}
.header .menu-desktop ul {flex-wrap: wrap; }
.header .menu-desktop ul li {
  display: block;
  width: 100%; 
}
.navigation-wrapper ul li a {
  color: var(--c-black) !important;
display: block;
font-size: 1.375rem !important;
line-height: 2;
}
.header .menu-desktop ul li a:hover, .header .menu-desktop ul li.current a{ font-weight: 900 }
.header .menu-desktop ul li a::after { display: none }
}
@media screen and (max-width: 991px){
.navigation-wrapper { padding: 100px 20px 30px; }
.navigation-wrapper {
  background-color: rgba(255,255,255,.9);
}
.header .menu-desktop ul li a:hover, .header .menu-desktop ul li.current a {
  font-weight: 900;
}
}

.row.project-back-btn {
    padding-top: 30px;
}
.row.project-back-btn .link svg {
    transform: rotate(180deg);
    margin-right: 10px;
}
section.our-descrption {
    padding-top: 220px;
}

.banner-bottom-sec .left-side h1 span{
  padding-right: 22px;
}