@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');


body {
    background-color: #090909;
    font-family: "Alexandria", sans-serif;
    cursor: none;
}

a,
input,
textarea {
    cursor: none !important;
}

.cursor {
    width: 50px;
    height: 50px;
    border: 2px solid #000;
    border-radius: 50%;
    position: fixed;
    z-index: 1080;
    display: block;
    background-size: contain;
    pointer-events: none;
    transition: width 0.25s ease-in, height 0.25s ease-in;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cursor.no-hand-cursor {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: fixed;
    z-index: 1034;
    display: block;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

section {
    min-height: 100vh;
}

a {
    text-decoration: none;
}

.btn-primary {
    border-radius: 50px;
    background-color: #c29b64;
    color: #fff;
    padding: 10px 30px;
    border: 2px solid #c29b64;
    font-weight: 800;
    transition: all 0.25s linear;
}

.btn-primary:hover {
    border: 2px solid #c29b64;
    background-color: transparent;
    color: #c29b64;
}

.dropdown-menu {
    display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar {
    background-color:#fff !important;
}

.navbar .navbar-brand img {
    width: 100%;
    max-width: 100%;
    height: 75px;
}


@media(max-width:991px){
    .navbar .navbar-brand img{
        height: auto !important;
    }
}
.navbar .dropdown-toggle {
    background-image: none;
    color: #fff;
    outline: none;
    box-shadow: none;
    /* display: flex; */
    align-items: center;
    font-weight: 800;
}

.navbar .nav-link {
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    border-radius: 0;
    padding: 0 7px !important;
}

.navbar li a:hover,
.navbar .sub-menu a:hover {
    color: #c29b64;
    border-bottom: 2px solid #fff;
}

.navbar .dropdown-toggle:hover {
    color: #c29b64;
}

.navbar .dropdown-toggle span {
    color: #000000;
}

.navbar .navbar-link {
    color: #000000;
}

.sub-menu {
    position: absolute;

    border-radius: 0;
}

.social-icons {
    position: fixed;
    top: 30vh;
    right: 30px;
    display: block;
    z-index: 2;
}

.social-icons .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    width: 42px;
    height: 42px;
    background: #090909;
    margin-bottom: 3px;
    border-radius: 8px;
    transition: all 0.25s linear;
}

.social-icons .social-icon .text {
    position: absolute;
    background-color: #c29b64;
    height: 42px;
    display: flex;
    align-items: center;
    right: 35px;
    width: auto;
    padding: 14px;
    border-radius: 8px 0 0 8px;
    opacity: 0;
    transition: opacity 0.25s linear;
    transform-origin: center;
    transform: scale(0);
    z-index: -1;
    overflow: hidden;
}

.social-icons .social-icon:hover .text {
    opacity: 1;
    z-index: 2;
    transform: scale(1);
}

.social-icons .social-icon:hover {
    background-color: #c29b64;
    color: #090909;
    pointer-events: all;
}

.fixed-form {
    position: fixed;
    top: 157px;
    left: 41px;
    width: 440px;
    max-width: 82%;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 16px;
    /* display: none; */
    transition: transform 0.3s ease-in-out;
    z-index: 2;
    box-shadow: 0 15px 10px #0000005e;
    border-radius: 8px;
}

.fixed-form .close {
    position: absolute;
    right: 16px;
    color: #c29b64;
    font-size: 20px;
    cursor: pointer;
}

.fixed-form.show {
    /* display: block; */

    transform: translateY(0) rotateY(0);
}

.fixed-form {
    transform: translateY(0) rotateY(90deg);
    transform-origin: left;
}

.toggle-contact.show,
.toggle-contact.show:hover {
    position: fixed;
    top: 200px;
    left: -6.3px;
    transform: rotate(90deg) translateY(90%);
    border-radius: 0;
    background-color: #c29b64;
    border: 1px solid #c29b64;
    color: #fff;
    padding: 8px 25px;
    border-radius: 0;
    height: auto;
    width: auto;
}

.toggle-contact,
.toggle-contact:hover {
    position: fixed;
    top: 200px;
    left: -50px;
    transform: rotate(90deg) translateY(90%);
    border-radius: 0;
    background-color: #c29b64;
    border: 1px solid #c29b64;
    color: #fff;
    padding: 8px 25px;
    overflow: hidden !important;
    transition: left 0.3s ease-in-out;
}

.social-contact {
    position: fixed;
    top: calc(285px);
    left: -50px;
    transition: left 0.3s ease-in-out;
    z-index: 2;
}

.social-contact.show {
    position: fixed;
    top: calc(285px);
    left: 0;
}

.social-contact a {
    display: flex;
    width: 41px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.social-contact a span {
    width: 24px;
    height: 24px;
}

.social-contact .phone {
    background-color: #1569b2;
}

.social-contact .whats {
    background-color: #15b271;
}

.social-contact .facebook {
    background-color: #1397ef;
    border-radius: 0 0 8px 0;
}

.vr-section .upper {
    background-image: url(../img/vr.jpg);
    padding: 200px 0;
    background-repeat: no-repeat;
    color: #fff;
    background-size: contain;
}

.vr-section .upper h2 {
    font-size: 60px;
    color: #c29b64;
    font-weight: 600;
    margin-bottom: 20px;
}

.vr-section .cards {
    padding: 80px 0;
}

.vr-section .cards .card {
    padding: 20px;
    background-color: #f1e8dc;
    border-radius: 0;
    min-height: 207px;
    margin-bottom: 30px;
}

.vr-section .cards .card .thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin: 10px 0;
}

.vr-section .cards .card h3 {
    font-size: 24px;
}

.vr-section .cards .card p {
    font-size: 14px;
    margin-bottom: 10px;
}

.about .info {
    padding: 80px;
    color: #fff;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.about .info h3 {
    font-size: 60px;
    margin-bottom: 60px;
}

.about .info p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 60px;
}

.about .img-part {
    min-height: 100vh;
    background-image: url(../img/location.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.about .img-part:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #090909a2;
    z-index: 1;
}

.about .img-part .inner {
    z-index: 2;
    text-align: center;
}

.about .img-part .inner h4 {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    font-size: 24px;
    text-align: center;
}

.about .img-part .inner .box.aos-animate::before {
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.about .img-part .inner .box {
    /* border: 4px solid #c29b64; */
    padding: 30px 70px;
    text-align: center;
    margin-bottom: 20px;
}

.about .img-part .inner .box.aos-animate::after {
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s,
        height 0.25s ease-out 0.75s;
}

.about .img-part .inner .box.aos-animate::after,
.about .img-part .inner .box.aos-animate::before {
    width: 100%;
    height: 100%;
}

.about .img-part .inner .box::after,
.about .img-part .inner .box::before {
    content: "";
    position: absolute;
    border: 0 solid transparent;
    width: 0;
    height: 0;
}

.about .img-part .inner .box::before {
    top: 0;
    left: 0;
}

.about .img-part .inner .box::after {
    bottom: 0;
    right: 0;
}

.about .img-part .inner .box .num {
    font-size: 100px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}

.about .img-part .inner .box h5 {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}

.about .img-part .inner .box p {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}

.project img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.project .project-info {
    padding: 80px;
    background-color: #fff;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.project .project-info h2 {
    font-size: 60px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 40px;
}

.project .project-info p {
    font-size: 20px;
    margin-bottom: 40px;
}

.articles {
    padding: 100px 0;
}

.articles h2 {
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    margin-bottom: 80px;
}

.articles .blog {
    background-color: #ffffff;
    display: block;
    box-shadow: 0px 10px 10px #94949463;
    margin: 10px;
    color: #090909;
}

.articles .blog .content-box {
    padding: 16px;
    color: #090909;
}

.articles .blog .content-box h6 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.articles .blog .content-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.articles .blog .content-box .post-author {
    font-size: 12px;
    color: #000000;
}

.articles .blog .img-part {
    position: relative;
}

.articles .blog .date-post {
    position: absolute;
    bottom: 16px;
    border-radius: 40px;
    padding: 5px 15px;
    background-color: #000000;
    left: 16px;
    color: #ffffff;
}

footer .logo {
    text-align: end;
}

footer .logo img {
    width: 150px;
}

footer iframe {
    max-width: 100%;
}

iframe{
    width: 100% !important ;
}


footer ul {
    list-style: none;
    padding: 0;
}

footer ul .info {
    color: #000000;
    font-size: 14px;
}

footer ul .info .icon {
    color: #000000;
    width: 30px;
    height: 30px;
}

footer .widgit h4 {
    color: #000000;
    font-size: 20px;
}

footer .widgit .link {
    font-size: 16px;
    margin-bottom: 16px;
}

footer .widgit .link a {
    color: #000000;
}

footer h3 {
    font-size: 20px;
    color: #000000;
    display: flex;
    align-items: center;
}

footer .widgit h3 span {
    width: 26px;
    height: 26px;
}

footer .widgit .social span {
    width: 30px;
    height: 30px;
    color: #000000;
    margin-right: 16px;
}

footer form label {
    color: #c29b64;
}

footer .copy {
    margin: 32px 0 !important;
    color: #000000 !important;
}

footer .copy * {
    color: #000000 !important;
}

.solar--phone-bold {
    display: inline-block;
    width: 25px;
    height: 25px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m16.556 12.906l-.455.453s-1.083 1.076-4.038-1.862s-1.872-4.014-1.872-4.014l.286-.286c.707-.702.774-1.83.157-2.654L9.374 2.86C8.61 1.84 7.135 1.705 6.26 2.575l-1.57 1.56c-.433.432-.723.99-.688 1.61c.09 1.587.808 5 4.812 8.982c4.247 4.222 8.232 4.39 9.861 4.238c.516-.048.964-.31 1.325-.67l1.42-1.412c.96-.953.69-2.588-.538-3.255l-1.91-1.039c-.806-.437-1.787-.309-2.417.317'/%3E%3C/svg%3E");
    background-color: #000;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ci--menu-alt-01 {
    display: inline-block;
    width: 25px;
    height: 25px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17h7M5 12h14M5 7h14'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.fe--facebook {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M15.725 22v-7.745h2.6l.389-3.018h-2.99V9.31c0-.874.243-1.47 1.497-1.47h1.598v-2.7a21.391 21.391 0 0 0-2.33-.12c-2.304 0-3.881 1.407-3.881 3.99v2.227H10v3.018h2.607V22H3.104C2.494 22 2 21.506 2 20.896V3.104C2 2.494 2.494 2 3.104 2h17.792C21.506 2 22 2.494 22 3.104v17.792c0 .61-.494 1.104-1.104 1.104z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.lets-icons--insta {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' d='M3 11c0-3.771 0-5.657 1.172-6.828C5.343 3 7.229 3 11 3h2c3.771 0 5.657 0 6.828 1.172C21 5.343 21 7.229 21 11v2c0 3.771 0 5.657-1.172 6.828C18.657 21 16.771 21 13 21h-2c-3.771 0-5.657 0-6.828-1.172C3 18.657 3 16.771 3 13z'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.mdi--linkedin {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.mdi--youtube {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ri--twitter-x-fill {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ic--baseline-tiktok {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ic--sharp-whatsapp {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.uil--facebook-messenger {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a9.65 9.65 0 0 0-10 9.7a9.51 9.51 0 0 0 3.14 7.18a.81.81 0 0 1 .27.56v1.78a.81.81 0 0 0 1.13.71l2-.87a.75.75 0 0 1 .53 0a11 11 0 0 0 2.9.38A9.7 9.7 0 1 0 12 2m6 7.46l-2.93 4.66a1.5 1.5 0 0 1-2.17.4l-2.34-1.75a.6.6 0 0 0-.72 0l-3.16 2.4a.47.47 0 0 1-.68-.63l2.93-4.66a1.5 1.5 0 0 1 2.17-.4l2.34 1.75a.6.6 0 0 0 .72 0l3.16-2.4a.47.47 0 0 1 .68.63'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.mdi--location {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.about-hero {
    background-color: #fff;
}

.about-hero img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.about-hero h5 {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 5px;
    color: #404040;
    font-weight: 700;
    text-align: center;
}

.about-hero h2 {
    text-transform: uppercase;
    font-size: 27px;
    color: #000000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.about-hero p {
    line-height: 2.2;
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    text-align: center;
    margin-bottom: 40px;
    width: 60%;
}

.about-vision {
    background: #272727;
    position: relative;
}

.about-vision h3 {
    color: #ffffff;
    font-size: 29px;
    font-weight: 700;
    text-align: start;
}

.about-vision p {
    text-align: start;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.about-vision strong {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    font-size: 24px;
}

.about-vision span {
    color: #ffffff;
    margin-right: 5px;
    width: 50px;
    height: 50px;
}

.about-vision .num-container {
    background: no-repeat 0 0;
    display: inline-block;
}

.about-vision .number {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    font-size: 380px;
    line-height: 1;
    overflow: hidden;
    margin-bottom: 0;
    background: #272727;
    color: #fff;
    mix-blend-mode: darken;
    margin: 0;
    line-height: 340px;
}

.about-vision .container-fluid {
    padding: 0 100px;
}

.contact {
    background-image: url(../img/patt-m.jpg);
    background-size: cover;
    background-repeat: repeat;
}

.contact .item {
    margin-bottom: 32px;
}

.contact .item h5 {
    color: #080808;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 7px;
    letter-spacing: 2px;
    font-weight: 700;
}

.contact .item .hot-line {
    display: flex;
    align-items: start;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
}

.contact .item span {
    width: 26px;
    height: 26px;
    color: #000000;
    margin-right: 8px;
}

.contact .item p {
    display: flex;
    align-items: start;
    font-size: 18px;
    font-weight: 400;
}

.contact h2 {
    text-transform: uppercase;
    font-size: 27px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 12px;
}

.uis--calender {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 19c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3v-8H2zM19 4h-2V3c0-.6-.4-1-1-1s-1 .4-1 1v1H9V3c0-.6-.4-1-1-1s-1 .4-1 1v1H5C3.3 4 2 5.3 2 7v2h20V7c0-1.7-1.3-3-3-3'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.about-project {
    min-height: unset;
    background-color: #fff;
    color: #404040;
    text-align: center;
}

.about-project h2 {
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 700;
}

.about-project h3 {
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 22px;
    margin-bottom: 40px;
}

.project-location h5 {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.project-location h5 .num {
    font-size: 50px;
}

.project-location p {
    color: #000000;
    line-height: 1.2;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.project-location h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 50px;
    color: #fff;
    font-weight: 700;
}

.project-facts {
    background-color: #fff;
}

.project-facts h2 {
    text-align: center;
}

.project-facts .card {
    border: 1px solid #ddd;
    padding: 20px 16px;
    border-radius: 0;
    text-align: center;
    margin-bottom: 24px;
}

.project-facts .card img {
    margin-bottom: 20px;
    width: 60px;
    margin: 0 auto;
}

.project-facts .card:hover {
    border: 1px solid #c29b64;
    box-shadow: 2px 5px 25px rgba(0, 0, 0, 0.17);
}

.text-block {
    margin-bottom: 16px;
}

.text-block .right {
    padding: 10px 15px;
    background-color: #c29b64;
    color: #fff;
    min-width: 250px;
    max-width: 60%;
    display: inline-block;
}

.text-block .left {
    padding: 10px 15px;
    background-color: #dbdbdb;
    display: inline-block;
}

.project-partners {
    background-color: #ededed;
    min-height: unset;
}

.project-partners .swiper-slide {
    text-align: center;
}

.project-updates {
    background-image: url(../img/bg-updates.jpg);
    background-attachment: fixed;
    background-size: cover;
}

.post-thumb .title {
    font-size: 16px;
    color: #404040;
    text-align: center;
    margin: 12px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.about-members .member-card {
    border: 1px solid #ffffff;
    width: 400px;
    height: 400px;
    position: relative;
}

.about-members .member-card img {
    width: 100%;
    height: 100%;
    transition: all 0.25s linear;
}

.about-members .member-card:hover img {
    width: 100%;
    height: 100%;
}

.about-members .member-card .text {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(-50%);
    text-align: center;
    transition: all 0.25s linear;
}

.about-members .member-card:hover .text {
    transform: translateY(50%);
}

.about-members .member-card .text h3,
.about-members .member-card .text h5 {
    padding: 5px 10px;
    color: #404040;
    background-color: transparent;
}

.about-members .member-card:hover .text h3,
.about-members .member-card:hover .text h5 {
    color: #fff;
    background-color: #000;
    transition: all 0.25s linear;
}

.no-after::after {
    content: none;
}

.fluent--diamond-24-filled {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.659 13.593a2.25 2.25 0 0 1 0-3.182l7.752-7.752a2.25 2.25 0 0 1 3.182 0l7.751 7.752a2.25 2.25 0 0 1 0 3.182l-7.751 7.751a2.25 2.25 0 0 1-3.182 0z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.form-control {
    border-radius: 20px;
}

.fixed-contact {
    position: relative;
    z-index: 2;
}

.dropzone {
    min-height: 150px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px 20px;
}

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

.modal {
    background: linear-gradient(0deg,
            hsla(0, 0%, 100%, 0.2),
            hsla(0, 0%, 100%, 0.2));

    -webkit-backdrop-filter: blur(8.29017px);
    backdrop-filter: blur(8.29017px);
}

.modal img {
    height: 100px;
    margin: 0 auto;
}

.modal-content {
    background: #090909;
}

.view-container {
    position: relative;
}

/* .view-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000052;
} */

.view-container span {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) translateX(50%);
    width: 100px;
    height: 100px;
    color: #fff;
    z-index: 2;
}

.iconoir--view-360 {
    display: inline-block;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 8.5h1.75m0 0a1.75 1.75 0 1 1 0 3.5H3m2.75-3.5a1.75 1.75 0 1 0 0-3.5H3m18 10c0 3.314-4.03 6-9 6s-9-2.686-9-6M14 5h-1a3 3 0 0 0-3 3v2m4.5-.5v.5a2 2 0 0 1-2 2H12a2 2 0 0 1-2-2v-.5a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2m2.5-1V7a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H19a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.social-contact .facebook .text {
    display: flex;
    width: auto;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    left: 80%;
    padding: 0 15px 0 20px;
    background-color: #1397ef;
    border-radius: 0 8px 8px 0;
    transform: translateY(0) rotateY(90deg);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.social-contact .phone .text {
    display: flex;
    width: 110px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    left: 89%;
    padding: 0 15px 0 20px;
    background-color: #1569b2;
    border-radius: 0 8px 8px 0;
    transform: translateY(0) rotateY(90deg);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.social-contact .whats .text {
    display: flex;
    width: auto;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    left: 89%;
    padding: 0 15px 0 20px;
    background-color: #15b271;
    border-radius: 0 8px 8px 0;
    transform: translateY(0) rotateY(90deg);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.social-contact .whats:hover span+.text {
    transform: translateY(0) rotateY(0deg);
}

.social-contact .phone:hover span+.text {
    transform: translateY(0) rotateY(0deg);
}

.social-contact .facebook:hover span+.text {
    transform: translateY(0) rotateY(0deg);
}

.mdi--arrow-left-thin {
    display: inline-block;
    width: 20px;
    height: 20px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.05 16.94v-4h8.92l.03-2.01h-8.95V6.94l-5 5Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.toggle-fixed.show {
    top: 115px;
    border-radius: 0 8px 0 0;
    transition: all 0.3s ease-in-out;
    width: 47.1px;
    height: 42px;
    padding: 8px 15px;
}

.toggle-fixed {
    position: fixed;
    left: -6.3px;
    border-radius: 0;
    background-color: #000000;
    border: 1px solid #000000;
    color: #fff;
    padding: 6px 6px;
    border-radius: 0 8px 8px 0;
    width: 30.1px;
    top: 200px;
    transition: all 0.3s ease-in-out;
    transition-delay: 0s;
    transition-delay: 0.3s;
    height: 35px;
    cursor: pointer;
    z-index: 2;
}

.featured-box {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 12px 0px;
    border-radius: 8px;
    overflow: hidden;
}

.mdi--clock {
    display: inline-block;
    width: 20px;
    height: 20px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m4.2 14.2L11 13V7h1.5v5.2l4.5 2.7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.featured-box a,
.news-card a {
    color: currentColor !important;
}

.news-card {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 12px 0px;
    border-radius: 8px;
    overflow: hidden;
}

.about-hero img.icon {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
}

.about-hero img.view-logo {
    position: absolute;
    z-index: 1;
    width: 200px;
    height: auto;
    top: 10px;
    inset-inline-start: 50px;
}

.basil--binocular-solid {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.096 4.91c.354.302.665.66.904 1.061c.239-.401.55-.759.904-1.061c.816-.696 1.901-1.132 2.985-1.132c.758 0 1.57.214 2.27.576c.698.361 1.334.895 1.682 1.572a.525.525 0 0 1 .023.051l2.13 5.6a5.194 5.194 0 1 1-9.609 3.2h-.77a5.195 5.195 0 1 1-9.609-3.2l2.13-5.6a.504.504 0 0 1 .023-.05c.349-.678.984-1.212 1.681-1.573c.701-.362 1.513-.576 2.271-.576c1.084 0 2.169.436 2.985 1.132M2.75 14.278a3.694 3.694 0 1 1 7.389 0a3.694 3.694 0 0 1-7.389 0m11.111 0a3.694 3.694 0 1 1 7.389 0a3.694 3.694 0 0 1-7.389 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.gravity-ui--target-dart {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M13.293 0c.39 0 .707.317.707.707V2h1.293a.707.707 0 0 1 .5 1.207l-1.46 1.46A1.14 1.14 0 0 1 13.53 5h-1.47L8.53 8.53a.75.75 0 0 1-1.06-1.06L11 3.94V2.47c0-.301.12-.59.333-.804l1.46-1.46a.7.7 0 0 1 .5-.207M2.5 8a5.5 5.5 0 0 1 6.598-5.39a.75.75 0 0 0 .298-1.47A7 7 0 1 0 14.86 6.6a.75.75 0 0 0-1.47.299q.109.533.11 1.101a5.5 5.5 0 1 1-11 0m5.364-2.496a.75.75 0 0 0-.08-1.498A4 4 0 1 0 11.988 8.3a.75.75 0 0 0-1.496-.111a2.5 2.5 0 1 1-2.63-2.686' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.page-lines {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.page-lines .col-line {
    padding: 0;
    position: relative;
}

.page-lines .line {
    position: absolute;
    left: 0;
    width: 1px;
    height: 50000px;
    background-color: rgba(255, 255, 255, 0.08);
}

.search-g {
    background-color: #090909;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 10px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    min-height: 50px;
    border-radius: 24px;
    padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px;
    right: 1px;
    width: 20px;
}

.search-g .btn {
    padding: 5px 10px;
    font-size: 14px;
    display: flex;
    min-height: 50px;
    min-width: 150px;
    align-items: center;
    justify-content: center;
}

.hover-comp {
    margin: 0 -5px;
    border-radius: 8px;
    transition: all 0.4s;
    cursor: pointer;
    display: block;
}

.background-img {
    height: 300px;
    border: 1px solid #e3e3e3;
    border-top-left-radius: 8px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    border-top-right-radius: 8px;
}

span.sale {
    font: normal normal 14px/80px;
    letter-spacing: 0px;
    color: #ffffff;
    background: #c29b64 0% 0% no-repeat padding-box;
    border-radius: 0 16px 16px 0;
    padding: 10px 21px;
}

.heartStyle {
    background-color: rgba(255, 255, 255, 0.3);
    width: 48px;
    float: left;
    padding: 9px;
    height: 48px;
    border-radius: 50%;
}

.content-featured {
    padding: 8px;
}

.content-featured h3 {
    font: normal normal bold 20px/33px;
    letter-spacing: 0px;
    color: #212529;
    margin-bottom: 10px;
    min-height: 66px;
    max-height: 66px;
}

p.details {
    height: 38px;
    color: #212529;
}

.felex {
    display: flex;
    max-height: 67px;
}

.div-felex {
    max-width: 100px !important;
    padding-left: 4px;
    flex-grow: 1;
    text-align: center;
    margin-left: 10px;
}

.div-felex h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0px;
    color: #212529;
    font-size: 16px;
}

.div-felex p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.9;
    color: #212529;
}

.price p {
    color: #c29b64;
    display: inline-block;
    font: normal normal bold 24px/60px;
    letter-spacing: 0px;
    margin-bottom: 0;
}

.hover-comp:hover {
    box-shadow: 0px 3px 6px #c29b6433 !important;
}

.marg-b20 {
    margin-bottom: 20px;
}

img.hover-shadow {
    height: 500px;
}

.single-apart {
    background-color: #fff;
}

.single-apart h1 {
    letter-spacing: 0px;
    color: #212529;
    padding-bottom: 20px;
}

.single-apart h2 {
    margin-top: -15px;
    margin-bottom: 15px;
}

.single-apart h2 span,
.single-apart h1 span {
    font: normal normal bold 24px/47px;
    letter-spacing: 0px;
    color: #c29b64;
    float: right;
}

.single-apart p {
    font: normal normal 14px/40px;
    letter-spacing: 0px;
    color: #212529;
}

.single-apart p span {
    font: normal normal 14px/50px;
    letter-spacing: 0px;
    color: #ffffff;
    background: #c29b64 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 8px 21px;
    margin-right: 20px;
}

.single-apart p span {
    font: normal normal 14px/50px;
    letter-spacing: 0px;
    color: #ffffff;
    background: #c29b64 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 8px 21px;
    margin-right: 20px;
}

.b122 {
    background-color: #ffffff !important;
    color: #c29b64 !important;
    border: 1px solid #c29b64 !important;
}

.single-apart h3 {
    font: normal normal bold 20px/32px;
    letter-spacing: 0px;
    color: #212529;
}

.single-apart p.details-compounds {
    text-align: start;
    font: normal normal 16px/26px;
    letter-spacing: 0px;
    color: #abaab3;
}

.single-apart p.benefit {
    line-height: 30px;
    width: 49%;
    display: inline-block;
}

.single-apart p {
    font: normal normal 14px/40px;
    letter-spacing: 0px;
    color: #212529;
}

.single-apart p.benefit span {
    font: normal normal 16px/26px;
    color: #212529;
    min-width: 100px;
    background: transparent;
    padding: 0;
    display: inline-block;
}

.single-apart .owner {
    margin: 15px 0 30px;
    padding: 30px 20px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #eae6ff;
    border-radius: 8px;
}

.owner-flex {
    display: flex;
    margin-bottom: 16px;
}

.owner-flex div {
    padding: 4px 10px 0 0;
}

.owner-flex h6 {
    font: normal normal bold 16px/24px;
    color: #212529;
}

.owner-flex div p {
    font: normal normal 14px/24px;
    color: #abaab3;
    letter-spacing: 0px;
}

.owner a.btn {
    border-radius: 8px;
    display: block;
    font: normal normal 14px/36px;
    letter-spacing: 0px;
    color: #ffffff;
}

.owner .btn-whatsapp {
    background: #0dc143 0% 0% no-repeat padding-box;
}

.owner .btn.btn-chat {
    background: #c29b64 0% 0% no-repeat padding-box;
}

.share-with-social-media {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.5rem;
}

.share-with-social-media>div:not(.line) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 63px;
    min-width: 106px;
}

.share-with-social-media span {
    color: #212529;
    font-size: 14px;
}

.share-with-social-media a {
    margin: 0.6rem;
}

.share-with-social-media .line {
    width: 2px;
    background-color: #abaab3;
    height: 49px;
}

.share-with-social-media .owner-social-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.share-with-social-media a {
    margin: 0.6rem;
}

#example-basic {
    background: #eee;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
}

.blogs-container {
    background-image: none;
    background-color: #090909;
    color: #fff;
}

.blogs-container .featured-box {
    background-color: #fff;
    color: #090909;
}

.blogs-container .news-card {
    background-color: #fff;
    color: #090909;
}

.residential {
    background-color: #fff;
}

.residential .d-flex p {
    color: #000000 !important;
    display: flex;
    align-items: center;
}

.ion--location-sharp {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M256 32C167.67 32 96 96.51 96 176c0 128 160 304 160 304s160-176 160-304c0-79.49-71.67-144-160-144m0 224a64 64 0 1 1 64-64a64.07 64.07 0 0 1-64 64'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.gridicons--tag {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 2.007h-7.087a2 2 0 0 0-1.414.586l-8.906 8.906a2 2 0 0 0 0 2.828l7.086 7.086a2 2 0 0 0 2.828 0l8.906-8.906c.376-.374.587-.883.587-1.413V4.007a2 2 0 0 0-2-2M17.007 9a2 2 0 1 1-.001-3.999A2 2 0 0 1 17.007 9'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.modal-content.profile {
    background-color: #fff;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: #fff;
    background-color: #090909;
    border-color: #090909;
}

.ph--phone-fill {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M231.88 175.08A56.26 56.26 0 0 1 176 224C96.6 224 32 159.4 32 80a56.26 56.26 0 0 1 48.92-55.88a16 16 0 0 1 16.62 9.52l21.12 47.15v.12A16 16 0 0 1 117.39 96c-.18.27-.37.52-.57.77L96 121.45c7.49 15.22 23.41 31 38.83 38.51l24.34-20.71a8 8 0 0 1 .75-.56a16 16 0 0 1 15.17-1.4l.13.06l47.11 21.11a16 16 0 0 1 9.55 16.62'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.swiper-slide .about-hero img:not(.view-logo) {
    height: 90vh;
}

.swiper-button-next,
.swiper-button-prev {
    top: 80%;
    width: 80px;
    height: 80px;
    color: #fff;
}

.swiper-button-next {
    right: 50%;
    transform: translateX(100%);
}

.swiper-button-prev {
    left: 50%;
    transform: translateX(-100%);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: none;
}

.pepicons-pop--angle-right-circle {
    display: inline-block;
    width: 60px;
    height: 60px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='%23000'%3E%3Cpath d='M14.732 12.36a1 1 0 1 1 1.536 1.28l-5 6a1 1 0 1 1-1.536-1.28z'/%3E%3Cpath d='M9.732 7.64a1 1 0 0 1 1.536-1.28l5 6a1 1 0 1 1-1.536 1.28z'/%3E%3Cpath fill-rule='evenodd' d='M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.pepicons-pop--angle-left-circle {
    display: inline-block;
    width: 60px;
    height: 60px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='%23000'%3E%3Cpath d='M9.732 13.64a1 1 0 1 1 1.536-1.28l5 6a1 1 0 1 1-1.536 1.28z'/%3E%3Cpath d='M11.268 13.64a1 1 0 1 1-1.536-1.28l5-6a1 1 0 1 1 1.536 1.28z'/%3E%3Cpath fill-rule='evenodd' d='M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.news-card2 {
    position: relative;
    height: 360px;
}

.news-card2 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 300px);
    text-align: center;
    color: #fff;
    padding: 30px;
    padding-top: 170px;
    overflow: hidden;
    transition: all 0.25s linear;
}

.news-card2 .overlay h4 {
    font-size: 18px;
}

.news-card2 .overlay p {
    opacity: 0;
    font-size: 14px;
    transition: all 0.25s linear;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-card2 .overlay .date {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 8px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.news-card2 .overlay:hover {
    padding-top: 120px;
}

.news-card2 .overlay:hover p {
    opacity: 1;
}

a {
    color: currentColor;
}

.overlay {
    padding: 15px;
}

@media screen and (max-width: 991px) {
    section {
        min-height: 300px;
    }

    .social-icons {
        position: fixed;
        top: 115px;
        right: 0px;
        display: block;
        z-index: 2;
    }

    .social-icons .social-icon {

        width: 30px;
        height: 30px;
    }

    .social-icons .social-icon span:first-of-type {
        width: 16px;
        height: 16px;
    }

    .social-icons .social-icon .text {
        height: 30px;
        right: 24px;
    }

    .about .info {
        padding: 40px;
        min-height: unset;
    }

    .about .info h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .about .info p {
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .about .img-part {
        min-height: unset;
        padding: 70px 0;
    }

    .project .project-info {
        padding: 40px;
        min-height: unset;
    }

    .project .project-info h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .project .project-info p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .articles {
        padding: 40px 0;
    }

    .articles h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }

    .articles .blog {
        margin: 10px 10px 50px;
    }

    .social-contact a {
        width: 35px;
        height: 40px;
    }

    .toggle-contact.show, .toggle-contact.show:hover {
        position: fixed;
        top: 187px;
        padding: 8px 20px;
    }

    .social-contact.show {
        top: calc(265px);
    }

    .toggle-fixed.show {
        top: 115px;
        width: 40.1px;
        height: 36px;
        padding: 8px 15px;
    }

    .social-contact .text {
        display: flex;
        width: 110px;
        height: 40px;
    }

    .about-vision .number {
        font-family: "Oswald", sans-serif;
        font-weight: 700;
        font-size: 200px;
        line-height: 1;
        overflow: hidden;
        margin-bottom: 0;
        background: #272727;
        color: #fff;
        mix-blend-mode: darken;
        margin: 0;
        line-height: 200px;
    }

    .num-text {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 575px) {
    section.hero {
        margin-top: 100px;
    }

    main>h2.my-5 {
        margin-top: 60px !important;
    }

    .about-vision .container-fluid {
        padding: 0px 40px;
    }

    .about-members .member-card {
        width: 240px;
        height: 250px;
    }

    .about-vision h3 {
        font-size: 20px;
    }

    .member-card .text h5 {
        font-size: 18px;
    }

    .project-location h5 .num {
        font-size: 30px;
    }

    .project-location img {
        width: 100%;
        height: 480px;
        object-fit: cover;
    }

    .news-card2 {
        position: relative;
        margin-bottom: 30px;
        min-height: 320px;
    }

    .about-vision .number {
        font-size: 110px;
        line-height: 110px;
    }

    .num-text {
        font-size: 24px !important;
        margin-bottom: 0 !important;
    }
}

.project-location img {
    max-width: 100%;
    object-fit: cover;
}


   /* ================= HEADER ================== */
/* ========== HEADER ========== */
header {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.466);
    position: sticky;
    top: 0;
    z-index: 999;
}

/* Navbar */
.navbar {
    padding: 1rem 0;
}

/* .navbar-brand img {
    max-height: 60px;
    object-fit: contain;
} */

/* Main links */
.navbar-nav .nav-link {
    color: #111;
    font-weight: 600;
    font-size: 14px;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
    color: #007bff;
}

/* Dropdowns */
.navbar-nav .dropdown-menu {
    border-radius: 10px;
    padding: 0.5rem;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    min-width: 220px;
}

.navbar-nav .dropdown-item {
    color: #333;
    font-size: 15px;
    padding: 8px 15px;
    transition: 0.3s;
    border-radius: 5px;
}

.navbar-nav .dropdown-item:hover {
    background-color: #f5f5f5;
    color: #007bff;
}

/* Buttons */
.btn.btn-primary {
    background-color: #000;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 5px;
    transition: 0.3s;
}

.btn.btn-primary:hover {
    background-color: #333;
}

/* Language & phone links */
.navbar-link {
    transition: 0.3s;
}

.navbar-link:hover {
    color: #007bff;
}

/* Navbar Toggler */
.navbar-toggler {
    border: none;
    color: #000;
    font-size: 24px;
}

/* Offcanvas style */
.offcanvas-header {
    background-color: #000;
    color: #fff;
}

.offcanvas-body {
    background-color: #fff;
    padding: 1rem;
}

.offcanvas .nav-link {
    color: #111;
    padding: 10px;
    font-weight: 600;
}

/* Responsive fix */
@media (max-width: 991px) {
    .navbar-nav {
        text-align: center;
    }
    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }
}

nav{
    background-color:#fff !important;
}
nav {
  background-color: transparent;
  transition: 0.3s;
}

nav.scrolled {
  background-color: #fff;
}