@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: "clarendo";
  src: url("../fonts/clarendo.woff2") format("woff2"), url("../fonts/clarendo.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --size-80-px: 80px;
  --size-76-px: 76px;
  --size-70-px: 70px;
  --size-64-px: 64px;
  --size-58-px: 58px;
  --size-52-px: 52px;
  --size-48-px: 48px;
  --size-44-px: 44px;
  --size-40-px: 40px;
  --size-36-px: 36px;
  --size-32-px: 32px;
  --size-28-px: 28px;
  --size-24-px: 24px;
  --size-20-px: 20px;
  --size-18-px: 18px;
  --size-16-px: 16px;
  --size-14-px: 14px;
  --size-12-px: 12px;
  --size-10-px: 10px;
  --size-8-px: 8px;
}

:root {
  --size-80-rem: 5rem;
  --size-76-rem: 4.75rem;
  --size-70-rem: 4.375rem;
  --size-64-rem: 4rem;
  --size-58-rem: 3.625rem;
  --size-52-rem: 3.25rem;
  --size-48-rem: 3rem;
  --size-44-rem: 2.75rem;
  --size-40-rem: 2.5rem;
  --size-36-rem: 2.25rem;
  --size-32-rem: 2rem;
  --size-28-rem: 1.75rem;
  --size-24-rem: 1.5rem;
  --size-20-rem: 1.25rem;
  --size-18-rem: 1.125rem;
  --size-16-rem: 1rem;
  --size-14-rem: 0.875rem;
  --size-12-rem: 0.75rem;
  --size-10-rem: 0.625rem;
  --size-8-rem: 0.5rem;
}
@media (max-width: 900px) {
  :root :root {
    --size-80-rem: 3rem;
    --size-76-rem: 2.5rem;
    --size-70-rem: 2.25rem;
    --size-64-rem: 2rem;
    --size-58-rem: 1.75rem;
    --size-52-rem: 1.5rem;
    --size-48-rem: 1.25rem;
    --size-44-rem: 1.25rem;
    --size-40-rem: 1.125rem;
    --size-36-rem: 1rem;
    --size-32-rem: 0.875rem;
    --size-28-rem: 0.75rem;
    --size-24-rem: 0.625rem;
    --size-20-rem: 0.625rem;
    --size-18-rem: 0.5rem;
    --size-16-rem: 0.5rem;
    --size-14-rem: 0.375rem;
    --size-12-rem: 0.375rem;
    --size-10-rem: 0.25rem;
    --size-8-rem: 0.25rem;
  }
}

:root {
  --size-80-vw: 5vw;
  --size-76-vw: 4.75vw;
  --size-70-vw: 4.375vw;
  --size-64-vw: 4vw;
  --size-58-vw: 3.625vw;
  --size-52-vw: 3.25vw;
  --size-48-vw: 3vw;
  --size-44-vw: 2.75vw;
  --size-40-vw: 2.5vw;
  --size-36-vw: 2.25vw;
  --size-32-vw: 2vw;
  --size-28-vw: 1.75vw;
  --size-24-vw: 1.5vw;
  --size-20-vw: 1.25vw;
  --size-18-vw: 1.125vw;
  --size-16-vw: 1vw;
  --size-14-vw: 0.875vw;
  --size-12-vw: 0.75vw;
  --size-10-vw: 0.625vw;
  --size-8-vw: 0.5vw;
}

@media (max-width: 900px) {
  :root {
    --size-80-vw: 4vw;
    --size-76-vw: 3.5vw;
    --size-70-vw: 3vw;
    --size-64-vw: 3vw;
    --size-58-vw: 2.5vw;
    --size-52-vw: 2.5vw;
    --size-48-vw: 2vw;
    --size-44-vw: 2vw;
    --size-40-vw: 1.75vw;
    --size-36-vw: 1.75vw;
    --size-32-vw: 1.5vw;
    --size-28-vw: 1.25vw;
    --size-24-vw: 1.25vw;
    --size-20-vw: 1vw;
    --size-18-vw: 0.875vw;
    --size-16-vw: 0.875vw;
    --size-14-vw: 0.75vw;
    --size-12-vw: 0.625vw;
    --size-10-vw: 0.625vw;
    --size-8-vw: 0.5vw;
  }
}

@media screen and (min-width: 1800px) {
.counter-sec.main {
    min-height: 70vh;
    display: flex;
    align-items: center;
}
.counter-sec.main .counter-flex .counter-card strong, .counter-sec.main .counter-flex .counter-card strong .counter {
    font-size: 3.2rem;
    margin-bottom: 10px;
}
.counter-sec.main .counter-flex .counter-card {
    font-size: 1rem;
}
.latest-launch-sec .latest-launch-card img {
    height: 68vh;
}
.latest-launch-card .heading-part {
    padding: 2.4rem;
    font-size: 1.5rem;
    line-height: inherit;
}
.form-control, .form-select,.get-in-touch-sec .get-in-touch-form .submit-btn {
    height: 60px;
}
.get-in-touch-sec {
    padding: 12rem 0rem;
}
.get-in-touch-sec h2 {
    font-size: 1.5rem;
    margin-bottom: 6px;
}
.our-story-sec .text-part h2 {
    font-size: 2.2rem;
}
.our-story-sec .text-part p, .our-story-sec .text-part li {
    font-size: 1.2rem;
}
.our-story-sec .img-part img {
    height: 100vh;
}
.team-card img,.team-slider .owl-stage-outer::before {
    height: 557px;
}
.team-card .text-part h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
}
.team-card .text-part span {
    margin: .4rem 0rem;
    font-size: 1.2rem;
}
.team-card .text-part p {
    font-size: .8rem;;
}
.division-sec-main .division-card .img-part img {
    height: 90vh;
}
.get-in-touch-sec span {
    font-size: 1rem;
}
.get-in-touch-sec .col-lg-4 {
    margin-bottom: 2rem;
}
.gallery-sec .gallery-card img {
    height: 70vh;
}
.gallery-sec {
    padding: 4rem 0rem 0rem 0rem;
}
.gallery-card {
    margin: 0px 0 4rem;
}
.gallery-sec .owl-dots {
    position: relative;
    margin-top: -2rem;
    margin-bottom: 2rem;
}
.amenities-sec .amenities-flex {
    gap: 1rem;
    padding: 1rem 0px 0rem 0px;
}
.amenities-sec .amenities-flex img {
    height: 400px;
}
.amenities-sec  .col-lg-4 {
    display: flex;
    align-items: center;
}
.amenities-sec h2 {
    font-size: 2rem;
}
.amenities-sec .amenities-box strong {
    margin-bottom: 1rem;
    font-size: 1.4rem;
}
.amenities-sec ul li {
    font-size: 1.2rem;
}
.location-img iframe {
    height: 70vh;
}
.missoni-sec .img-part img {
    height: 85vh;
}
.missoni-sec .text-part h2 {
    font-size: 3.8rem;
    margin-bottom: 2.2rem;
}
.missoni-sec .text-part p {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
.missoni-sec .img-part h3 {
    font-size: 1rem;
    padding: 0px 6.2vw;
}
.opening-card-new {
    padding: 1.5rem;
    min-height: 520px;
}
.opening-card .head-part h3 {
    font-size: 1.8rem;
}
.place-flex {
    gap: 1rem;
    font-size: .9rem;
}
.opening-card-new a {
    font-size: .9rem!important;
}
.info-1 ul li, .info-2 ul li {
    font-size: 1rem;
}
.opening-card .text-part .info-1 h3 {
    margin-bottom: 1rem;
}
.opening-card .text-part .info-1 h3, .opening-card .text-part .info-2 h3 {
    font-size: 1.3rem;
}
.our-partners-sec .row {
    margin: 6rem auto 0rem auto;
    max-width: 70%;
}
.our-partners-sec .partner-card img {
    margin: 0px 0px 80px 0px;
}
.our-partners-sec .partner-card img {
    height: 70px;
}
.our-partners-sec .col-lg-3:nth-child(2) img, .our-partners-sec .col-lg-3:nth-child(3) img {;
    transform: scale(1.3);
}
.partner-logo img {
    height: 70px;
}
}

@media screen and (max-width: 1366px) {
.place-flex {
    font-size: 10px;
}
}
@media screen and (max-width: 1366px) {
  p {
    font-size: var(--size-14-px);
  }
  .download-btn {
    font-size: 12px;
}
}
@media screen and (max-width: 1260px) {
.place-flex {
    gap: 10px;
    font-size: 10px;
}
.opening-card-new .place-flex {
    flex-direction: column;
}
}


@media screen and (max-width: 1024px) {
  .counter-sec.main .counter-flex {
    max-width: 100%;
    padding-left: 40px;
  }
  .counter-sec.main .counter-flex .counter-card {
    width: 50%;
    padding-left: 0px;
    font-size: 0.6rem;
    margin-bottom: 40px !important;
  }
  .counter-sec.main .counter-flex .counter-card strong,
  .counter-sec.main .counter-flex .counter-card strong .counter {
    font-size: 2rem !important;
  }
  .video-banner-sec img {
    height: auto;
}
.counter-sec.main .counter-flex .counter-card:nth-last-of-type(1) {
    margin-bottom: 0px!important;
}
.single-project-banner img {
    height: 60vh;
}
.single-project-banner .text-part {
    bottom: 0px;
    width: 100%;
    padding: 20px 0px;
    background: rgb(9,9,121);
    background: linear-gradient(180deg, rgba(9,9,121,0) 0%, rgba(0,0,0,0.4962359943977591) 50%);
}
.postid-76 .single-project-banner img {
    height: auto;
}
}
@media screen and (min-width: 992px) {
  .our-partners-sec .col-lg-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  header div#navbarSupportedContent .navbar-nav li a {
    padding: 1rem 2rem;
    font-size: .8rem;
}
.our-partners-sec .col-lg-3 {
    flex: 0 0 auto;
    width: 33.33%;
}
.our-partners-sec .col-lg-3:nth-last-of-type(1), .our-partners-sec .col-lg-3:nth-last-of-type(2), .our-partners-sec .col-lg-3:nth-last-of-type(3), .our-partners-sec .col-lg-3:nth-last-of-type(4) {
    width: 25%;
}
}
@media screen and (max-width: 992px) {
  .main-head h2 {
    font-size: 1.2rem;
  }
  header {
    padding: 10px 0px;
  }
  header .logo img {
    width: 26vw;
  }
}
@media screen and (max-width: 991px) {
    .our-partners-sec .col-md-3 {
    width: 33.33%;
    text-align: center!important;
}
.our-partners-sec .partner-card img {
    padding: 20px;
}
  header #navbarSupportedContent {
    right: 0px;
    top: 80px;
    width: calc(100% - 40px);
    left: 20px;
  }
header #navbarSupportedContent .navbar-nav li a {
    background: #99928C !important;
    margin: 0px!Important;
    box-shadow: none!important;
    border-bottom: 2px solid #fff;
}
  .header-fixed #navbarSupportedContent, .inner-header #navbarSupportedContent {
    top: 80px !important;
  }
  .header .logo img, .inner-header .logo img {
    width: 20vw;
  }
  .header .container {
    padding: 0px 2.4rem;
  }
.our-story-sec {
    flex-direction: column-reverse;
}
.our-story-sec .text-part {
    padding: 40px 6.2vw 40px 6.2vw!important;
    width: 100%;
}
.single-brand .our-story-sec .text-part {
    padding: 0px 6.2vw 40px 6.2vw!important;
}
.missoni-sec .img-part {
    padding-bottom: 30px;
}
  .our-story-sec .verticle-pattern-sec {
    width: 100%;
    height: 40px;
  }
  .our-story-sec .img-part {
    width: 100%!important;
    padding-left: 0px;
  }
  .core-values-sec .text-part {
    padding: 2rem 6.2vw 2rem 6.2vw;
  }
  .core-values-sec .verticle-pattern-sec {
    width: 100%;
    height: 40px;
  }
  .core-values-sec .img-part {
    width: 100%;
    padding-left: 0px;
  }
.team-slider {
    padding: 0vw 6.2vw 2rem 6.2vw;
}
  .interior-sec-main {
    flex-direction: column;
  }
  .interior-sec-main .text-part {
    padding: 4rem 6.2vw 4rem 6.2vw;
    width: 100%;
  }
  .interior-sec-main .gradient-sec {
    width: 100%;
    padding: 4rem 6.2vw 4rem 6.2vw;
  }
  .career-banner {
    padding: 10rem 0rem 4rem 0rem;
}
.opening-card .text-part {
  flex-direction: column;
}
.opening-card  .head-part {
    width: 100%;
    margin-bottom: 1.2rem;
}
.opening-card .info-1 {
    padding-right: 0rem;
}
.careers-inner-form #wpcf7-f215-o2 {
    padding: 1.5rem!important;
    max-width: 85%;
}
.career-detail {
    padding: 1rem 0rem 2rem 0rem;
}
.opening-card a {
    width: 100%;
    text-align: left;
}
.opening-card {
    flex-direction: column;
}
.get-in-touch-sec .col-lg-4 {
    width: 100%;
    order: inherit!Important;
}
header #navbarSupportedContent .navbar-nav li:nth-last-of-type(1) a {
    border-bottom: 0px;
}
}

@media screen and (min-width:768px) {
  .mobile-banner-sec  {
   display:none;
}
}
@media screen and (max-width:768px) {
.mobile-banner-sec img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.video-banner-sec {
    display: none!important;
}
.popup-content {
    position: relative;
    margin: 25% auto!important;
}
}


@media screen and (max-width: 767px) {
.website-sec {
    padding: 0rem 0rem 4rem 0rem;
}
.postid-111 .house-of-octa-mobile-img-sec {
    display: block!important;
    margin-bottom: 40px;
}
.text-part.text1 h1 {
    margin: 0 0 10px;
}
.operation-management-sec {
    padding: 0px 0px 40px 0px;
}
.division-sec-main h2 {
    margin: 0px 0px 40px -6px;
}
.tatics-card-sec {
    margin-top: 40px;
}
.text-part.notitle {
    margin: 40px 0 0px 0px;
}
.operation-management-sec p {
    max-width: 100%;
    margin: 0px;
}
    .missoni-sec .img-part h3 {
    padding: 0px 6.2vw;
}
  .single-brand .verticle-pattern-sec {
    display: none;
}
.division-sec-main {
    padding: 40px 0px;
}
.division-sec-main .division-card .img-part img {
    height: 500px;
}
header div#navbarSupportedContent .navbar-nav li a:hover {
    background: #877f78 !important
}
.theme-overlay img, .main.theme-bg img, .our-story-sec .verticle-pattern-sec {
    height: 30px!important;
}
.footer-main .copyright-sec {
    margin-top: 1rem;
}
.interior-sec-main .gradient-sec .button-sec {
    width: auto;
}
.division-sec-main .col-lg-4 {
    width: 100%;
}
.division-sec-main .division-card .text-part {
    min-height: auto;
}
.our-partners-sec {
    padding: 60px 0px 20px 0px;
}
.our-partners-sec .row {
    margin: 60px auto 0rem auto;
    max-width: 100%;
}
.our-partners-sec .partner-card img {
    height: 60px;
    object-fit: contain;
    margin: 0px 0px 40px 0px;
    aspect-ratio: 5/2!important;
    position: static!important;
}
    .latest-launch-sec {
    padding: 3rem 0rem 3rem 0rem;
}
    .partner-card {
    text-align: center;
}
.footer-main .footer-card ul {
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.footer-main .footer-card .footer-logo img {
    width: 50%;
}
  .footer-main .copyright-sec p {
    text-align: left;
    margin-top: 20px;
  }
  .footer-main .footer-card .footer-logo {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 40px;
  }
  .latest-launch-card {
    margin-bottom: 20px;
  }
  .get-in-touch-sec {
    padding: 3rem 0rem;
  }
  .get-in-touch-sec .get-in-touch-form {
    padding: 2rem;
  }
  .get-in-touch-sec .get-in-touch-form .col-lg-4 {
    order: inherit !important;
  }
  .division-sec-main .division-card {
    margin-bottom: 20px;
  }
.all-projects-sec {
    padding: 40px 0px;
}
.latest-launch-sec .row {
    margin-top: 40px;
}
.interior-sec-main .text-part h2 {
    margin: 2rem 0rem 2rem 0rem;
}
.interior-sec-main .text-part {
    padding: 40px 6.2vw 40px 6.2vw;
}
.interior-sec-main .gradient-sec {
    padding: 40px 6.2vw 40px 6.2vw;
}
  .interior-sec-main .gradient-sec .button-sec {
    flex-direction: column;
    margin: 40px auto 0px auto;
    max-width: 80%;
  }
  .gallery-sec .col-12:nth-last-of-type(1) .gallery-card {
    margin-bottom: 0px;
  }
  .gallery-sec .gallery-card {
    margin-bottom: 20px;
  }
  .gallery-sec .gallery-card img {
    height: 280px;
  }
  .amenities-sec .text-part {
    padding: 6rem 0rem 2rem 0rem;
  }
  .amenities-sec .amenities-flex {
    padding: 0rem 0rem 0rem 0rem;
  }
  .amenities-sec .amenities-flex img {
    height: 200px;
  }
  .missoni-sec .col-lg-6 {
    display: block;
  }
.single-brand .missoni-sec .img-part img {
    height: auto;
}
  .missoni-sec .img-part h3 {
    font-size: 1rem;
  }
  .missoni-sec .img-part img {
    height: 100%;
  }
  .website-sec .social-sec {
    width: 100%;
    position: static;
    margin-top: 40px;
  }
  .website-sec .social-sec .logo-part {
    width: 42px;
  }
  .single-project-banner .text-part h1 {
    font-size: 1.4rem;
  }
.career-banner .text-part h1 {
    font-size: 1.8rem;
}
.careers-single .text-part {
    max-width: 100%;
    padding: 2rem 2rem 0rem 2rem;
}
.careers-single .text-part h2 {
    font-size: 1.8rem;
}
.careers-single .text-part h3 {
    font-size: 1.4rem;
}
.careers-inner-form {
    padding: 2rem 0rem;
}
.careers-inner-form #wpcf7-f215-o2 {
    padding: 1rem;
}
.opening-card {
    flex-direction: column;
    align-items: baseline;
}
.place-flex {
    gap: 10px;
    margin-bottom: .5rem;
    flex-direction: column;
    font-size: 14px;
}
.all-projects-sec .latest-launch-card img {
    height: 460px;
}
.interior-design-sec .text-part {
    padding: 4rem 6.2vw;
}
.opening-card-new {
    padding: 2rem;
    min-height: auto;
}
.opening-card-new .head-part {
    margin-bottom: 0px;
}
.opening-card-new a {
    font-size: 14px!important;
    margin-top: 0px;
}
  p, li, a, span, strong,input,select {
    font-size: var(--size-14-px) !important;
  }
  .counter-sec.main {
    padding: 60px 0px;
    background-position: center center;
}
.header .container {
    padding: 0px 1.4rem;
}
.team-card .text-part p {
    font-size: 0.7rem!important;
}
.team-card .text-part {
    padding: 20px 20px 0px 20px;
}
.owl-carousel .owl-nav.disabled {
    padding-left: 15px;
    justify-content: flex-start!important;
}
.owl-carousel .owl-nav.disabled button {
    width: 30px;
    height: 30px;
}
.team-slider button {
    display: block !important;
}
.team-slider .owl-dots {
    display: none;
}
    .header {
        position:relative;
    background: #99928C;
    }
    .header::before {
    width: 100%;
    content: "";
    position: absolute;
    background: #99928C;
    top: 0;
    height: 100%;
    display: block;
}
.header-fixed {
    position: fixed;
}
.home .header {
    position: fixed;
    background: transparent;
}
.heading-bg,.discover-button-sec {
    padding: 20px 0px;
}
.discover-button-sec .btn-discover-more {
    font-size: 12px!important;
    padding: 8px 20px;
}
.our-partners-sec .col-md-3 {
    width: 50%;
}
.our-partners-sec .partner-card img {
    height: 80px;
    object-fit: contain;
}
}

@media screen and (max-width: 576px) {

}
@media screen and (max-width: 375px) {
  p {
    font-size: var(--size-12);
  }
  .theme-btn {
    padding: 10px 20px !important;
    font-size: 10px !important;
  }
}/*# sourceMappingURL=responsive.css.map */