body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
        monospace;
}


/* Font face */
@font-face {
    font-family: "ERASBD";
    src: url(fonts/ERASBD/ERASBD.TTF);
}

@font-face {
    font-family: "RiccioneSerial";
    src: url(fonts/riccione-serial/riccione-serial-medium-regular.ttf);
}

@font-face {
    font-family: "Lato";
    src: url(fonts/Lato/Lato-Regular.ttf);
}

:root {
    --primary-color: #2E3092;
    --secondary-color: #ffb363;
    /* --secondary-color: #f19a3e; */
    /* --secondary-color: #cda45e; */
    /* --secondary-color: #d4a75b; */
    --tertiary-color: #D8187D;
    --fourth-color: #F9627D;
    --fifth-color: #FEFEFE;
    --gradient-color: linear-gradient(0deg, #9929ea 0%, rgb(88, 8, 251) 100%);

    /* font-family variables */
    --Lato: 'Lato';
    --RiccioneSerial: 'RiccioneSerial';
    --ERASBD: 'ERASBD';
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--Lato);
}

.Rectangle_3 {
    background-image: -moz-linear-gradient(0deg, rgb(153, 41, 234) 0%, rgb(88, 8, 251) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(153, 41, 234) 0%, rgb(88, 8, 251) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(153, 41, 234) 0%, rgb(88, 8, 251) 100%);
    opacity: 0.149;
}


.bg-primary-color {
    background-color: var(--primary-color) !important;
}

.text-primary-color {
    color: var(--primary-color) !important;
}

.bg-secondary-color {
    background-color: var(--secondary-color) !important;
}

.text-secondary-color {
    color: var(--secondary-color) !important;
}

.bg-tertiary-color {
    background-color: var(--tertiary-color) !important;
}

.text-tertiary-color {
    color: var(--tertiary-color) !important;
}

.bg-fourth-color {
    background-color: var(--fourth-color) !important;
}

.text-fourth-color {
    color: var(--fourth-color) !important;
}

.bg-fifth-color {
    background-color: var(--fifth-color) !important;
}

.text-fifth-color {
    color: var(--fifth-color) !important;
}

.text-justify {
    text-align: justify;
}

.small-10 {
    font-size: 0.725rem;
}

.icon-hover {
    color: var(--secondary-color) !important;
}

.icon-hover:hover {
    background-color: var(--secondary-color);
    color: var(--tertiary-color) !important;
    border-color: var(--tertiary-color) !important;
    transition: all 0.3s 0s linear;
}


/* Topbar Style Starts from Here */

/* Topbar Style Ends from Here */


/* LogoBar Style Starts from Here */
.logo-call-block {
    background: linear-gradient(var(--primary-color) 50%, var(--secondary-color) 50%);
    background-size: 200% 200%;
    background-position: bottom;
    transition: all .5s 0s linear;
}

.logo-call-block>a>svg {
    color: var(--fifth-color);
    transition: all .5s 0s linear;
}

.logo-call-block>a>p {
    color: var(--primary-color);
    transition: all .5s 0s linear;
    line-height: 18px !important;
}

.logo-call-block>a>p>span {
    color: var(--fifth-color);
    transition: all .5s 0s linear;
}

.logo-call-block:hover {
    background-position: top !important;
    transition: all .5s 0s linear;
}

.logo-call-block:hover>a>svg {
    color: var(--secondary-color);
    transition: all .5s 0s linear;
}

.logo-call-block:hover>a>p {
    color: var(--secondary-color);
    transition: all .5s 0s linear;
}

.logo-call-block:hover>a>p>span {
    letter-spacing: 0.3px;
    transition: all .5s 0s linear;
}

/* LogoBar Style Ends from Here */

/* NavBar Style Starts from Here */
.dropdown-menu {
    position: absolute;
    left: -5rem !important;
    border-radius: 0 !important;
    border: none !important;
    padding-bottom: 0px !important;
}

.nav-link {
    color: var(--fifth-color) !important;
}

.megamenu-container {
    width: 70vw !important;
}

.dropdown-toggle {
    color: var(--fifth-color) !important;
}

.dropdown-menu-column {
    max-width: 20% !important;
}

.dropdown-item {
    /* background: linear-gradient(90deg, var(--primary-color) 49%, var(--fifth-color) 50%); */
    /* background-size: 200% 200%; */
    /* background-position: right; */
    transition: all .5s 0s linear;
}

.dropdown-item>.nav-link {
    color: var(--primary-color) !important;
    transition: all .3s 0s linear;
}

.dropdown-item:hover {
    /* background-position: left; */
    transition: all .5s 0s linear;
}

.dropdown-item:hover>.nav-link {
    color: var(--secondary-color) !important;
    transition: all .3s 0s linear;
}

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

    .navbar {
        background-color: var(--secondary-color) !important;
    }

    a.navbar-brand {
        width: 200px;
    }

    a.navbar-brand>img {
        width: 200px;
        height: 50px;
    }

    .navbar-toggler {
        border: none !important;
        color: var(--primary-color) !important;
        padding: 0;

    }

    .navbar-toggler:focus {
        box-shadow: none !important;
        color: var(--fifth-color) !important;
    }

    .navbar-toggler:hover .navbar-toggler-icon:hover {
        color: var(--fifth-color) !important;
    }

    .megamenu-container {
        width: 250px !important;
        overflow: hidden;
    }

    .nav-link {
        color: var(--primary-color) !important;
        border-bottom: solid 1px #9d9d9d8a;
    }

    .dropdown-menu-column {
        max-width: 250px !important;
        overflow: hidden;
    }

    .dropdown-menu-column>ul>.dropdown-item {
        border: none !important;
    }

    .dropdown-menu-column>ul>.dropdown-item>.nav-link {
        border: solid 0.5px transparent !important;
        color: var(--primary-color) !important;
        transition: all .5s 0s linear;
    }

    .dropdown-menu-column>ul>.dropdown-item>.nav-link:hover {
        border-bottom: solid 0.5px #bcbbbb !important;
    }
}

/* NavBar Style Ends Here */

/* MAIN Banner Starts From Here */
.carousalsarv {
    font-family: var(--Lato);
}

.carousel-item1 {
    background-image: url(img/carousel-img/hlp-galleria-1920x1080.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    height: 80vh;
}

.carousel-item2 {
    background-image: url(img/carousel-img/jubilee-clio-1920x1080.png);
}

.carousel-item3 {
    background-image: url(img/carousel-img/omaxe-india-trade-tower-1920x1080.png);
}

.carousel-item4 {
    background-image: url(img/carousel-img/hero-homes-1920x1080.jpg);
}

.carousel-item5 {
    background-image: url(img/carousel-img/omaxe-the-lake-1920x1080.png);
}

.carousel-item6 {
    background-image: url(img/carousel-img/omaxe-gardenia-1920x1080.png);
}

.container-gradient {
    background: rgb(9, 9, 121);
    /* background: linear-gradient(90deg, rgba(0,0,0,0.6727065826330532) 0%, rgba(14,14,17,0.6530987394957983) 17%, rgba(255,255,255,0) 74%); */
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6727065826330532) 0%, rgba(14, 14, 17, 0.6530987394957983) 59%, rgba(255, 255, 255, 0) 100%);
}

.headingbtn {
    background-color: var(--primary-color);
    border: none;
    margin-top: 1rem;
}

.headingbtn:hover {
    background-color: var(--fourth-color);
    transition: 0.2s
}

/* MAIN Banner Ends Here */

/* Featured Projects section starts from here */
.res-properties-sticky {
    position: sticky !important;
    top: 0px !important;
    left: 0px !important;  
}

.resbtn {
    background-color: var(--primary-color) !important;
    color: var(--secondary-color) !important;
    cursor: pointer;
}

.combtn {
    background-color: transparent;
    color: var(--primary-color);
    cursor: pointer;
}

.project-content:hover {
    box-shadow: 0px 10px 20px 0px #959191;
    transition: 0.5s
}

.project-image {
    width: 100%;
    height: 200px;
}

.card-project-btn {
    top: 0.6rem;
    left: 0.6rem;
}

.project-heading {
    background: rgb(2, 0, 36);
    background: linear-gradient(0deg, rgba(2, 0, 36, 0.896) 35%, rgba(66, 66, 66, 0.8) 70%);
    width: 100%;
    height: 55px;
    left: 0;
    top: calc(200px - 55px);
}

.project-heading .ready-to-move {
    background-color: rgba(104, 156, 225, 0.527);
    /* color: black; */
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    right: 10px;
    bottom: 12px;
}

.product-list {
    display: inline-block;
}

.project-card-button {
    bottom: 0px;
}

/* Product Carousel Starts from here */
.owl-slide {
    text-align: center;
    font-size: 14px;
    box-shadow: 0px 0px 0px 0px #6e6c6c;
    border: solid 1px #ffffff;
    background: #fff;
    margin: 20px;
}

.owl-slide:hover {
    background: #ffffff;
    box-shadow: 4px 4px 10px 0px #d3d1d1, -4px -4px 10px 0px #d3d1d1;
    border: solid 1px var(--secondary-color);
    transition: all 0.5s linear;
}

.text-justify {
    text-align: justify;
}

/* Product Carousel Ends here */

/* Contact Section starts from here */
.contact-us {
    background-image: url(/img/Contact-us-background.jpg);
    background-color: #070c52ab;
    background-position: center;
    background-size: cover;

    background-blend-mode: overlay;
    background-attachment: fixed;
}
/* Contact Section ends here */

/* Footer Starts from here */

.mainlogo {
    color: var(--primary-color);
}

.mainsarv {
    border-color: var(--primary-color) !important;
}

#footer {
    background: #04044c;
}


.social-media-icons {
    font-size: 1.2rem;
    display: inline-block;
    background: #292929;
    line-height: 1;
    width: 2.25rem;
    height: 2.25rem;
    transition: 0.3s;
}

.social-media-icons:hover {
    color: var(--fourth-color);
}

.footer-links>ul>li {
    padding: 4px 0;
    display: flex;
    align-items: center;
}

.footer-links>ul>li>i {
    padding-right: 2px;
    color: var(--primary-color2);
    font-size: 0.7rem;
}

.footer-links>ul>li>a {
    color: #fff;
    transition: 0.3s;
    display: inline-block;
}

.footer-links>ul>li>a:hover {
    color: var(--fourth-color);
    letter-spacing: 1px;
}

.footer-font {
    font-size: 0.8rem;
}

/* Footer Ends here */


/* Thank You Page Starts From Here */
.thank-you-header {
    height: 85vh;
}

/* Thank You Page Ends Here */


.iconlocation {
    color: var(--secondary-color);
}

.bg-cta-color {
    background-color: #CED0FF;
}

.cta-color {
    color: #04044c;
}

.bg-cta-button {
    background-color: var(--primary-color);
    color: white;
}

.bg-cta-button:hover {
    background-color: var(--secondary-color);
    color: black;
    transition: 0.6s;
}

/* <===========about-us============> */

.page-header {
    background-color: var(--fourth color);
    background-image: url(./img/about-img/about-page-header.png);
    background-size: cover;
    background-position: top;
    background-blend-mode: overlay;
}

.abtbottom {
    color: #FFB363;
    border-color: #FFB363;
}

.abtbottomborder {
    border-bottom: var(--secondary-color) !important;
}


.abt-quote-right {
    bottom: 0.5rem;
    right: 2rem;
}

.abtcard {
    border: 0;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.abtcard:hover {
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.5);
    transition: all 0.7s 0s linear;
}

.abtcard:hover h1 {
    color: var(--tertiary-color);
}

.whychoosecardborder {
    border: solid 1px #ffffff;
}

.whychoosecardborder:hover {
    border: solid 1px #F19A3E;
}


/* <==========Contact==========> */
.contact-header {
    background-color: #2E3092;
    background-image: url(./img/about-img/about-page-header.png);
    background-size: cover;
    background-position: top;
    background-blend-mode: overlay;
}


.ecomcard {
    border-radius: 3px;
    box-shadow: 0px 2px 15px rgba(216, 24, 125, 0.0);
}

.ecomcard:hover {
    box-shadow: 0px 2px 25px rgba(241, 154, 62, 0.5);
    transition: all 0.6s 0s linear;
}

.ecomcard .card-icon {
    width: 6rem;
    height: 5.2rem;
    border-radius: 100%;
}
.boxcard{
    border-radius: 3px;
    box-shadow: 0px 2px 15px rgba(216, 24, 125, 0.0);
    background-color: rgba(0, 0, 0, 0.5);
}
.boxcard:hover {
    box-shadow: 0px 2px 25px rgba(243, 153, 56, 0.5);
    transition: all 0.6s 0s linear;
}
.boxcard .card-icon {
    width: 6rem;
    height: 5.2rem;
    border-radius: 100%;
}


.contact-page-form .title-divider::before,
.contact-page-form .title-divider::after {
    content: "";
    display: inline-block;
    width: 8%;
    height: 1px;
    vertical-align: middle;
    text-align: center;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #b1b1b1);
    background: -moz-linear-gradient(to left, rgba(255, 255, 255, 0), #b1b1b1);
    background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0), #b1b1b1);
    margin-right: 4px;
}

.contact-page-form .title-divider::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #b1b1b1);
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #b1b1b1);
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #b1b1b1);
    margin-left: 4px;
}

.contact-page-form .title-divider .title-home-icon {
    font-size: 0.7rem !important;
}

.contact-btn {
    background-color: #04044c;
    color: #ffff;
    width: 35%;
}

.contact-btn:hover {
    background-color: var(--secondary-color);
    transition: 0.3s linear;
}


.calltoaction {
    background: none repeat scroll 0 0 #2E3092;
    border: medium none;
    color: #FFFFFF;
    height: 50px;
    right: -5%;
    position: fixed;
    top: 300px;
    width: 180px;
    transform: rotate(90deg);
    z-index: 10000 !important;
}

.calltoaction:hover {
    background-color: #F9627D;
    transition: 0.7s;
}


.callbtnaction {
    background: none repeat scroll 0 0 #2E3092;
    border: medium none;
    color: #FFFFFF;
    height: 40px;
    right: 0%;
    position: fixed;
    top: 450px;
    width: 50px;
    border-radius: 48%;
    z-index: 10000;
    text-decoration: none;
}

.callbtnaction:hover {
    background-color: #F9627D;
    transition: 0.7s;
}

@media (max-width: 575px) {
    .calltoaction {
        font-size: 13px;
        height: 50px;
        right: -14%;
        top: 190px;
        width: 150px;
    }

    .callbtnaction {
        background: none repeat scroll 0 0 #2E3092;
        border: medium none;
        color: #FFFFFF;
        height: 40px;
        right: 0%;
        position: fixed;
        top: 300px;
        width: 50px;
        border-radius: 48%;
        z-index: 10000;
    }
}


.locationbg{
    background-image: url(/img/zirakpur/night-view.jpg);
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
}

.commercial-bg{
    background-image: url(/img/zirakpur/zirakpur.jpeg);
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
}

.chd{
    width: 40%;
}

.page-header-mohali {
    background-color: var(--fourth color);
    background-image: url(/img/mohali/banner.jpeg);
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: #292929;
}

.locationbg-mohali{
    background-image: url(/img/mohali/grand-two.jpg);
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
}

.commercial-bg-mohali{
    background-image: url(/img/mohali/mid.jpeg);
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
}

.commercial-section{
    letter-spacing: 1px;
}

.filtermenu .fw-semibold {
    margin-bottom: 20px;
}

footer i.fa-solid.fa-mobile-screen.fs-2.me-2 {
    margin-left: 9px;
}
/***Career*/
section#career1 img.img-fluid {
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Example shadow */
}

.info-card {
  background-color: #111;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}
.info-card:hover {
  transform: translateY(-5px);
}
.info-card .overlay {
  z-index: 0;
}
.info-card *:not(.overlay) {
  position: relative;
  z-index: 2;
}
section#career3.py-5 {
    padding: 85px 0px !important;
}

.card-top img {
    width: 50%;
}
.bg-info {
    background-color: #2e3092 !important;
}
#career2 .fa-handshake:before {
    color: #fff;
}
#career2 .fa-book-reader:before {
    color: #fff;
}
#career3 .bg-primary {
    background-color: #2e3092 !important;
}
section#career1 {
    padding-bottom: 90px !important;
}

#vacancy .text-primary {
    color: #2e3092 !important;
}

#vacancy a.btn.btn-darkbt {
    background: #2e3092;
    color: #fff;
    padding: 8px 5px;
}

 @media (min-width: 768px) {
    .col-md-1-5 {
      flex: 0 0 auto;
      width: 20%;
    }
  }
  
/*****Privacy Policy page******/

.privacy-section h3 {
    font-size: 25px;
    margin-top: 30px;
}

.privacy-section h4, .privacy-section h2 {
    margin-top: 30px;
}
.privacy-section ul li {
    margin-bottom: 15px;
}

.sub-menu {
    display: none;
}

.dropdown-menu a {
    color: #2e3092 !important;
}

div#sub-v {
    width: 300px;
}

a#aboutDropdown {
    position: absolute;
    right: -12px;
    top: 0px;
}
@media only screen and (max-width: 767px) {
  a#aboutDropdown {
    position: absolute;
    right: 251px;
    top: 0px;
}
}