
:root{
    --primaryColor: #ff7801;
}

body {
    background: #cfd8da;

    font-size: 18px;
}

[data-content-name]{ transition: all .2s ease; opacity: 1;}
[data-content-name]:not(.active){ opacity: 0;}
.hidden-area{ display: none !important;}

.navbar-area{ padding: 0 !important;}
.navbar-wrapper{ transform: translateY(15px); height: 100px;}
.navbar-brand{}
.navbar-brand img{ height: 90px; object-fit: contain; max-width: unset !important;}




.hero-area.style-one{ min-height: 750px; position: relative; margin: -118px 0 0;}
.hero-area.style-one:after{ height: calc(100%);}
.hero-area.style-one::before{ content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, .5); border-radius: 0 0;}
.hero-area.style-one > div{ position: relative; z-index: 2;}
.hero-area.style-one > img{ z-index: 0; border-radius: 0px; width: 100%; height: 100%; object-fit: cover; max-width: unset !important; top: 0 !important; left: 0 !important; bottom: unset !important; right: unset !important;}
.hero-area.style-one .hero-content{ width: 100% !important; max-width: unset !important;}

.hero-area.style-one .hero-content p{ color: #fff;}

.hero-slider{ z-index: 0 !important; width: 100%; height: 100%; top: 0; left: 0; position: absolute !important;}
.hero-slider .swiper-slide{}
.hero-slider .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}


.btn.style-one span.btn-text:after, .btn.style-one span.btn-icon:after{ background-color: #fff;}
.btn.style-one:hover span.btn-text, .btn.style-one:hover span.btn-icon{ color: var(--primaryColor);}
.btn.style-one:hover span.btn-icon i{ color: var(--primaryColor);}

.btn.style-two span.btn-text:before, .btn.style-two span.btn-icon:before{ background-color: #fff;}
.btn.style-two span.btn-text, .btn.style-two span.btn-icon{ color: var(--primaryColor);}
.btn.style-two span.btn-icon i{ color: var(--primaryColor);}
.btn.style-two.light span.btn-text:before, .btn.style-two.light span.btn-icon:before{ background-color: #f5efed;}


.navbar-area:not(.sticky) .sticky-logo{ display: none;}
.navbar-area.sticky .normal-logo{ display: none;}
.navbar-area.style-one.sticky .menu > ul > li > a{ color: var(--optionalColor);}
.navbar-area.style-one.sticky, .navbar-area.style-three.sticky{ background-color: rgba(255, 255, 255, .75); backdrop-filter: blur(7px); box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);}


.service-card.style-one .service-icon{ max-width: 100px; margin: 25px 0 25px;}

.wh-area.style-one:before{ content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../../assets/img/abas/tesis.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-color: rgba(0, 0, 0, .75); z-index: -1;}
.wh-area.style-one:after { background-color: rgba(0, 0, 0, .5); width: 100% !important; height: 100%; top: 0; border-radius: 0;}
.wh-area.style-one .wh-content p{ color: rgba(255, 255, 255, 0.85);}
.wh-area.style-one .feature-item img{ filter: brightness(0) invert(1);}

.service-area.style-one{ margin: 0 !important; padding-left: 15px; padding-right: 15px;}
.service-area.style-one:after{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}


.footer-area.style-one{ margin: 0 !important;}
.footer-area.style-one:before{ content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../../assets/img/abas/tesis.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-color: rgba(0, 0, 0, .75); z-index: -1;}
.footer-area.style-one:after { background-color: rgba(0, 0, 0, .75); width: 100% !important; height: 100%; top: 0; border-radius: 0; content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}

.section-subtitle.style-one,
.section-subtitle.style-two{ padding: 0; font-family: "Coiny", system-ui; font-size: 15px;}
.section-subtitle.style-one img,
.section-subtitle.style-two img{ display: none;}

.text_secondary{ color: var(--primaryColor);}


.sticky .navbar-wrapper{ transform: translateY(0);}
.sticky .navbar-brand img{ height: 70px;}



.wh-area.style-one .wh-img-wrap .wh-img{ aspect-ratio: .75; object-fit: cover;}
.wh-area.style-one .wh-img-wrap .wh-thumb{ height: 170px;}


.project-slider-three{ padding: 0 20px;}

.project-card.style-three{ background-repeat: no-repeat; background-position: center; background-size: cover; height: fit-content !important; aspect-ratio: 1.4;}

.project-card.style-three .project-counter{ color: var(--primaryColor);}
.project-card.style-three .project-link{ border-color: var(--primaryColor); font-size: 50px; color: var(--primaryColor);}
.project-card.style-three .project-link:hover{ background-color: var(--primaryColor); color: #fff;}
.project-card.style-three h3{ left: 20px; right: 20px;}


.award-card.style-one .award-badge{ background-color: transparent; border: 1px solid var(--primaryColor);}
.award-card.style-one .award-badge img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}

.style-four .text-white{ color: var(--titleColor) !important;}

.contact-card.style-one .contact-icon{ font-size: 24px; color: #fff; background-color: var(--primaryColor); border: 1px solid var(--primaryColor);}
.contact-card.style-one:hover .contact-icon{ background-color: #fff; color: var(--primaryColor);}


.comp-map iframe{ width: 100%; aspect-ratio: 1; border-radius: 30px;}

.feature-card.style-six .feature-img{ height: 350px;}
.feature-card.style-six .feature-img img{ height: 100%; width: 100%; object-fit: cover;}

.about-img-wrap .tilt-img{ aspect-ratio: .9; object-fit: cover;}


.service-desc .single-img{ text-align: center; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .05); display: flex;}
.service-desc .single-img img{ width: 100%;}

.feature-area.style-four.v2:after{ height: 100%;}


.bd-img{ width: 100%; aspect-ratio: 1; display: flex; overflow: hidden; cursor: pointer; border-radius: 12px;}
.bd-img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s ease;}
.bd-img:hover img{ transform: scale(1.05);}


.blog-desc .feature-item-list.style-two li, .property-desc .feature-item-list.style-two li, .service-desc .feature-item-list.style-two li, .terms-wrap .feature-item-list.style-two li{ padding-right: 15px; font-weight: 300 !important;}
.service-desc .feature-item-list.style-two li strong{ font-weight: 600 !important;}

/*.award-card.style-one .award-title{ width: 100%; text-align: center;}*/
.award-card.style-one svg{ height: 35px; color: var(--primaryColor);}

.hero-area.style-one:after{ display: none;}

.service-card.style-one{ display: block; color: inherit;}

.bd-list li::marker { color: var(--primaryColor);}


.feature-card.style-six .feature-info .feature-list{ padding-left: 18px;}
.feature-card.style-six .feature-info .feature-list li{ list-style: disc; padding: 0; margin-bottom: 6px;}
.feature-card.style-six .feature-info .feature-list li::marker{ color: var(--primaryColor);}
.feature-card.style-six .feature-info .feature-list li img{ display: none;}


.about-area.style-one .about-content .about-subcontent{ padding-left: 0;}
.about-area.style-one .about-content .about-subcontent p{ text-align: justify;}
.section-subtitle.style-one, .section-subtitle.style-two{ font-size: 24px; font-family: var(--secondaryFont); font-weight: 1000 !important;}

.bd-c{ display: flex; gap: 20px; align-items: center;}
.tsek{}
.tsek img{ height: 40px;}
.iso{}
.iso img{ height: 60px;}

@media only screen and (max-width: 991px) {
    .navbar-brand img{ height: 60px;}
    .navbar-wrapper{ height: 70px;}
    .sticky .navbar-brand img{ height: 50px;}
    
    .hero-area.style-one { margin: -70px 0 0;}
    
    /* .hero-area.style-one,
    .hero-area.style-one::before,
    .hero-area.style-one:after,
    .hero-area.style-one .hero-img{
        border-radius: 0 0 70px 0px !important;
    } */

    .cursor, .cursor-inner{ display: none;}

    .section-subtitle.style-one, .section-subtitle.style-two{ font-size: 15px;}

    .menu{ height: 100dvh; top: -15px; transform: translate(calc(-100% - 12px)); width: calc(100% + (12px * 2));}
    .menu.active{ transform: translateX(-12px);}
    .sticky .menu{ top: 0;}
    .sticky .menu-mobile-trigger span{ background-color: var(--primaryColor) !important;}

}

@media only screen and (max-width: 767px) {
    .hero-area.style-one { min-height: 550px; padding: 120px 0 50px; }

    body{ font-size: 15px;}

    .navbar-brand img{ height: 50px;}

    .tsek img{ height: 20px;}
    .iso img{ height: 30px;}

    .about-area.style-one .about-img-wrap{ padding: 0;}

    .project-card.style-three h3{ font-size: 15px; text-align: center; padding: 0;}
}

.lg-backdrop{ z-index: 99991040;}
.lg-outer{ z-index: 99991050;}

.lg-outer .lg-thumb-item{ border-width: 1.75px; border-radius: 8px; border-color: #000;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{ border-color: var(--primaryColor);}
.lg-progress-bar .lg-progress{ background-color: var(--primaryColor); }
.lg-outer .lg-pager{ background-color: var(--primaryColor); box-shadow: none; opacity: .25;}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{ box-shadow: 0 0 0 3px var(--primaryColor) inset; background-color: #000;  opacity: 1;}

.lg-object{ width: calc(100vw - 60px) !important; max-height: calc(100dvh - 120px) !important; object-fit: contain;}
.lg-outer:has(.lg-thumb) .lg-object{ max-height: calc(100dvh - 280px) !important;}

.lg-sub-html{ background: var(--primaryColor); color: #fff; border-radius: 10px; width: fit-content; margin: 0 auto; font-weight: 600; padding: 15px 25px; font-size: 24px;}
/* .lg-sub-html span{ position: absolute; left: 50%; bottom: calc(100% - 5px); background-color: #000; color: var(--primaryColor); border-radius: 10px; padding: 5px 10px; font-size: 18px; z-index: 10; transform: translateX(-50%); box-shadow: 0 0px 0 1px rgba(255, 120, .5);} */

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before{ display: none;}
.lg-outer .lg-img-wrap{ display: flex; align-items: center; justify-content: center; width: 100%;}
.lg-outer .lg-img-rotate{ height: fit-content; position: relative; top: unset; left: unset; bottom: unset; right: unset; width: fit-content;}
.lg-outer .lg-img-rotate:before{ display: none;}

.bd-m2 { position: absolute; top: 10px; right: 10px; color: #000; background-color: #fff; padding: 6px 12px; font-size: 14px; font-weight: 600; z-index: 2; border-radius: 10px; line-height: 1; display: none;}

@media screen and (max-width: 768px) {
    .lg-outer .lg-thumb-item{ border-width: 1px; border-style: solid;}

    .lg-sub-html{ font-size: 13px; padding: 5px 15px;}
    /* .lg-sub-html span{ font-size: 15px;} */

    .lg-object{ width: calc(100vw - 10px) !important;}
}




.menu > ul > li .menu-column-1{ min-width: 19rem; max-width: 19rem;}
.menu > ul > li .menu-subs li a{ position: relative;}
.menu ul li.menu-item-has-children .menu-subs li.menu-item-has-children a i{ position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}


